@es.framework/ng.ui.core 2.0.58

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

@@ -0,0 +1,465 @@
+import * as i7 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 { Location, CommonModule } from '@angular/common';
+import * as i2 from 'primeng/toolbar';
+import { ToolbarModule } from 'primeng/toolbar';
+import * as i4 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { FormlyForm } from '@ngx-formly/core';
+import * as i6 from '@angular/forms';
+import { UntypedFormGroup, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5 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 { ActivatedRoute, Router } from '@angular/router';
+import * as i8 from 'primeng/progressspinner';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+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';
+
+class GenericViewComponent {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    form = new UntypedFormGroup({});
+    title = '';
+    actions = [];
+    createEditActions = [];
+    actions_ = [];
+    tabs = [];
+    viewMode = true;
+    breadcrumb;
+    service = inject(BaseService);
+    formFields = [];
+    apiName = '';
+    moduleName = '';
+    idField = 'id';
+    standaloneMode = false;
+    isViewMode = true; // وضع المشاهدة فقط
+    isCreateMode = false; // وضع الاضافة فقط
+    isEditMode = false; // وضع التعديل
+    model = {};
+    displayMode = 'drawer';
+    mode = 'full';
+    action = new EventEmitter();
+    afterDelete = new EventEmitter();
+    dialog;
+    inlineForm;
+    tabs_ = [];
+    model_ = {};
+    currentId;
+    list = [];
+    totalRecords = 0;
+    loading = false;
+    // pagination state
+    pageSize = 10;
+    pageIndex = 0;
+    sort = '';
+    currentFilters = {};
+    pageFilters = {};
+    searchGlobal = '';
+    swalService = inject(SwalService);
+    _location = inject(Location);
+    ngOnInit() {
+        this.loading = true;
+        if (this.apiName) {
+            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();
+                }
+            }
+            this.refresh();
+        });
+    }
+    refresh() {
+        // detect mode based on route
+        const url = this.router.url.toLowerCase();
+        this.isViewMode = url.includes('/view');
+        this.isEditMode = url.includes('/edit');
+        this.isCreateMode = url.includes('/create') || url.endsWith('/new') || url.endsWith('/add');
+        this.tabs_ = [];
+        for (let i = 0; i < this.tabs.length; i++) {
+            const t = this.tabs[i];
+            this.tabs_.push({
+                ...t,
+                fields: [
+                    {
+                        props: { label: '' },
+                        // 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.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}_`;
+        let form = this.cellForms.get(key);
+        if (!form) {
+            form = new FormGroup({});
+            this.cellForms.set(key, form);
+        }
+        return form;
+    }
+    async handleCreateEditAction(btn) {
+        try {
+            if (btn.action) {
+                // Execute the provided action
+                await btn.action(null); // You can pass row or context here
+            }
+            else {
+                // Fallback to emitting event
+                if (btn.actionName == 'cancel') {
+                    this.back();
+                }
+                else {
+                    this.action.emit({
+                        name: btn.actionName ?? 'cancel',
+                        row: null, // provide row if available
+                    });
+                }
+            }
+        }
+        catch (err) {
+            console.error('Button action error', err);
+        }
+    }
+    onAction(act, model) {
+        if (act.action) {
+            act.action(model);
+        }
+        else {
+            // this.action.emit({ name: act.name, row:model });
+            this.emitAction({ name: act.name, row: model });
+        }
+    }
+    emitAction(event) {
+        switch (event.name) {
+            case 'edit':
+                this.dialog.openForm("edit", event.row);
+                break;
+            case 'delete':
+                this.onDelete(event.row);
+                break;
+            default:
+                this.action.emit(event);
+                break;
+        }
+    }
+    onDelete(item) {
+        const id = item[this.idField];
+        this.swalService.confirm('تأكيد الحذف', 'هل تريد حذف هذا السجل فعلاً؟', 'نعم، احذف', 'إلغاء').then((result) => {
+            if (result.isConfirmed) {
+                this.service.delete(id).subscribe({
+                    next: () => {
+                        this.swalService.success('تم الحذف بنجاح');
+                        this.back();
+                    },
+                    error: (err) => {
+                        this.loading = false;
+                    }
+                });
+            }
+        });
+    }
+    afterSave(event) {
+        this.model = event.response;
+        // set the id from backend response
+        this.currentId = event.response[this.idField];
+        if (this.isCreateMode) {
+            this.goToMode('view');
+        }
+        else if (this.isEditMode) {
+            this.goToMode('view');
+        }
+    }
+    goToMode(mode) {
+        const tree = this.router.parseUrl(this.router.url);
+        const segments = tree.root.children['primary']?.segments.map(s => s.path) ?? [];
+        let newSegments;
+        if (mode === 'create') {
+            // always navigate to "add"
+            newSegments = [
+                ...segments.filter(s => !['view', 'edit', 'add'].includes(s)),
+                'add',
+            ];
+        }
+        else {
+            // if in "add" mode, replace it with the new id
+            if (segments.includes('add')) {
+                newSegments = [
+                    ...segments.filter(s => s !== 'add'),
+                    String(this.currentId),
+                    mode,
+                ];
+            }
+            else {
+                const idIndex = segments.findIndex(s => s === String(this.currentId));
+                if (idIndex === -1) {
+                    newSegments = [...segments, String(this.currentId), mode];
+                }
+                else {
+                    newSegments = segments.slice(0, idIndex + 1);
+                    newSegments.push(mode);
+                }
+            }
+        }
+        this.router.navigate(newSegments);
+        this.refresh();
+    }
+    backToList() {
+        this.router.navigate(['../']);
+    }
+    back() {
+        //  this.router.navigate(['..']);
+        this._location.back();
+    }
+    loadList() {
+        this.loading = true;
+        const filters = {
+            maxResultCount: this.pageSize,
+            skipCount: this.pageIndex * this.pageSize,
+            sorting: this.sort,
+            ...this.currentFilters,
+            ...this.pageFilters,
+            ...(this.searchGlobal ? { filter: this.searchGlobal } : {}),
+        };
+        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;
+                }
+            },
+            error: err => {
+                console.error('Error loading list', err);
+                this.loading = false;
+            }
+        });
+    }
+    next() {
+        if (!this.currentId)
+            return;
+        // increment currentId numerically
+        // const newId = Number(this.currentId) + 1;
+        // this.currentId = newId;
+        // use goToMode to navigate and keep mode
+        const currentMode = this.isEditMode ? 'edit' : 'view';
+        // this.goToMode(currentMode);
+    }
+    previous() {
+        if (!this.currentId)
+            return;
+        // decrement currentId numerically
+        // const newId = Number(this.currentId) - 1;
+        // if (newId <= 0) return;
+        // this.currentId = newId;
+        // use goToMode to navigate and keep mode
+        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" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-detail-view', standalone: true, imports: [
+                        CommonModule,
+                        ToolbarModule,
+                        ButtonModule,
+                        TabsModule,
+                        FormlyForm,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslatePipe,
+                        BreadcrumbComponent,
+                        TooltipModule,
+                        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: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], createEditActions: [{
+                type: Input
+            }], tabs: [{
+                type: Input
+            }], viewMode: [{
+                type: Input
+            }], breadcrumb: [{
+                type: Input
+            }], service: [{
+                type: Input
+            }], formFields: [{
+                type: Input
+            }], apiName: [{
+                type: Input
+            }], moduleName: [{
+                type: Input
+            }], idField: [{
+                type: Input
+            }], standaloneMode: [{
+                type: Input
+            }], isViewMode: [{
+                type: Input
+            }], isCreateMode: [{
+                type: Input
+            }], isEditMode: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], afterDelete: [{
+                type: Output
+            }], dialog: [{
+                type: ViewChild,
+                args: ['dialog']
+            }], inlineForm: [{
+                type: ViewChild,
+                args: ['inlineForm']
+            }], loading: [{
+                type: Input
+            }] } });
+
+class GenericViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GenericViewModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericViewComponent, GenericViewModule };
+//# sourceMappingURL=es.framework-ng.ui.core-generic-view.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-view.mjs","sources":["../../../../libs/ng.ui.core/generic-view/src/lib/generic-view.ts","../../../../libs/ng.ui.core/generic-view/src/lib/generic-view.html","../../../../libs/ng.ui.core/generic-view/src/lib/generic-view-module.ts","../../../../libs/ng.ui.core/generic-view/src/es.framework-ng.ui.core-generic-view.ts"],"sourcesContent":["import { TooltipModule } from 'primeng/tooltip';\r\nimport { Component, EventEmitter, inject, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\r\nimport { CommonModule, Location } from '@angular/common';\r\nimport { ToolbarModule } from 'primeng/toolbar';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { FormlyForm, FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { FormGroup, FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\r\nimport { TabsModule } from 'primeng/tabs';\r\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\r\nimport { MenuItem } from 'primeng/api';\r\nimport { BreadcrumbComponent } from '@es.framework/ng.ui.core/breadcrumb';\r\nimport { BaseService, SwalService } from '@es.framework/ng.core/services';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ActionDef, ButtonConfig, PaginatedResult } from '@es.framework/ng.core/models';\r\nimport { ProgressSpinnerModule } from 'primeng/progressspinner';\r\nimport { GenericDialogComponent } from '@es.framework/ng.ui.core/generic-dialog';\r\nimport { GenericButton } from '@es.framework/ng.ui.core/generic-button';\r\n\r\nexport interface DetailTab {\r\n  header: string;\r\n  icon?: string;\r\n  fields: FormlyFieldConfig[];\r\n  model?: any;\r\n  content?: TemplateRef<any>;\r\n}\r\n\r\n@Component({\r\n  selector: 'app-detail-view',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ToolbarModule,\r\n    ButtonModule,\r\n    TabsModule,\r\n    FormlyForm,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    TranslatePipe,\r\n    BreadcrumbComponent,\r\n    TooltipModule,\r\n    GenericDialogComponent,\r\n    GenericButton,\r\n    ProgressSpinnerModule\r\n  ],\r\n  templateUrl: './generic-view.html',\r\n})\r\nexport class GenericViewComponent implements OnInit {\r\n  private route = inject(ActivatedRoute);\r\n  private router = inject(Router);\r\n\r\n  form = new UntypedFormGroup({});\r\n\r\n  @Input() title = '';\r\n  @Input() actions: ActionDef<any>[] = [];\r\n   @Input() createEditActions: ButtonConfig[] = [];\r\n   actions_: ActionDef<any>[] = [];\r\n  @Input() tabs: DetailTab[] = [];\r\n  @Input() viewMode = true;\r\n  @Input() breadcrumb: MenuItem[] | undefined;\r\n  @Input() service: BaseService = inject(BaseService);\r\n  @Input() formFields: FormlyFieldConfig[] = [];\r\n  @Input() apiName = '';\r\n   @Input() moduleName = '';\r\n  @Input() idField = 'id';\r\n @Input() standaloneMode = false;\r\n @Input() isViewMode = true; // وضع المشاهدة فقط\r\n @Input() isCreateMode = false; // وضع الاضافة فقط\r\n  @Input() isEditMode = false; // وضع التعديل\r\n @Input() model = {};\r\n  @Input() displayMode:\r\n    | 'drawer'\r\n    | 'dialog'\r\n    | 'route'\r\n    | 'inline'\r\n    | Partial<\r\n      Record<\r\n        'add' | 'edit' | 'view',\r\n        'drawer' | 'dialog' | 'route' | 'inline'\r\n      >\r\n    > = 'drawer';\r\n@Input() mode: 'full' | 'form-only' | 'table-only' | 'detail' = 'full';\r\n\r\n   @Output() action = new EventEmitter<{ name: string; row: any }>();\r\n    @Output() afterDelete = new EventEmitter<{ record: any; response?: any }>();\r\n\r\n    @ViewChild('dialog') dialog!: GenericDialogComponent;\r\n    @ViewChild('inlineForm') inlineForm!: GenericDialogComponent;\r\n\r\n  tabs_: DetailTab[] = [];\r\n  model_: any = {};\r\n\r\n  currentId!: string | number;\r\n  list: any[] = [];\r\n  totalRecords = 0;\r\n  @Input() loading = false;\r\n\r\n  // pagination state\r\n  pageSize = 10;\r\n  pageIndex = 0;\r\n  sort = '';\r\n  currentFilters: any = {};\r\n  pageFilters: any = {};\r\n  searchGlobal = '';\r\n private swalService = inject(SwalService);\r\n\r\n _location: Location = inject(Location);\r\n\r\n  ngOnInit() {\r\n    this.loading = true;\r\n    if (this.apiName) {\r\n      this.service.apiName = this.apiName;\r\n      this.service.moduleName = this.moduleName;\r\n    }\r\n\r\n\r\n    this.actions_ = this.actions.filter(c=>c.name != 'view');\r\n\r\n      this.route.paramMap.subscribe(params => {\r\n            const id = params.get(this.idField);\r\n            if (id) {\r\n              this.currentId = id;\r\n               if(this.standaloneMode){\r\n              this.loadList();\r\n               }\r\n            }\r\n\r\n           this.refresh();\r\n\r\n          });\r\n\r\n\r\n  }\r\n\r\n  refresh(){\r\n\r\n    // detect mode based on route\r\n  const url = this.router.url.toLowerCase();\r\n     this.isViewMode = url.includes('/view');\r\n  this.isEditMode = url.includes('/edit');\r\n  this.isCreateMode = url.includes('/create') || url.endsWith('/new') || url.endsWith('/add');\r\n\r\n  this.tabs_ = [];\r\nfor (let i = 0; i < this.tabs.length; i++) {\r\n  const t = this.tabs[i];\r\n  this.tabs_.push({\r\n    ...t,\r\n    fields: [\r\n      {\r\n        props: { label: '' },\r\n         // fieldGroupClassName: 'grid grid-cols-1 md:grid-cols-2 gap-3', // TODO\r\n        fieldGroupClassName: '',\r\n        fieldGroup:\r\n          this.isCreateMode || this.isEditMode\r\n            ? this.getCreateEditFields(i == 0 ? this.formFields: t.fields)\r\n            : this.getViewFields(i == 0 ? this.formFields : t.fields),\r\n      },\r\n    ],\r\n  });\r\n}\r\nthis.loading = false;\r\n  }\r\n  // as form\r\n   getCreateEditFields(fields: FormlyFieldConfig[] = []): FormlyFieldConfig[] {\r\n    return fields.map(f => ({\r\n      ...f,\r\n      props: { ...f.props, readonly: this.viewMode, disabled: this.viewMode },\r\n    }));\r\n  }\r\n  getViewFields(fields: FormlyFieldConfig[] = []): FormlyFieldConfig[] {\r\n  const flatten = (fields: FormlyFieldConfig[]): FormlyFieldConfig[] =>\r\n    fields.flatMap((field:any) => {\r\n\r\n      /* 1. GROUP / PANEL / WRAPPER */\r\n      if (field.fieldGroup?.length) {\r\n        const children = flatten(field.fieldGroup);\r\n\r\n        if (!children.length) return [];\r\n\r\n        return [{\r\n          ...field,\r\n          wrappers: field.wrappers,\r\n          props: { ...field.props },\r\n          fieldGroupClassName: field.fieldGroupClassName,\r\n          fieldGroup: children\r\n        }];\r\n      }\r\n\r\n      /* 2. FIELD ARRAY (REPEAT / TABLE / MULTI) */\r\n      const fieldArrayConfig =\r\n        typeof field.fieldArray === 'function'\r\n          ? field.fieldArray(field)\r\n          : field.fieldArray;\r\n\r\n      if (field.fieldArray) {\r\n\r\n        if (field.props?.['view']?.hidden) return [];\r\n\r\n        const children = flatten(fieldArrayConfig?.fieldGroup || []);\r\n\r\n        if (!children.length) return [];\r\n\r\n        return [{\r\n          ...field,\r\n          type: field.props?.['view']?.type || field.type,\r\n          readonly: this.viewMode,\r\n          disabled: this.viewMode,\r\n          fieldArray: {\r\n            ...fieldArrayConfig,\r\n            fieldGroup: children\r\n          }\r\n        }];\r\n      }\r\n\r\n      /* 3. SINGLE FIELD */\r\n      if (!field.props || field.props['view']?.hidden) return [];\r\n\r\n      const type =\r\n        field.props['view']?.type ||\r\n        field.props['table']?.type ||\r\n        field.props['filter']?.type ||\r\n        'custom-label-type';\r\n\r\n      return [{\r\n        type,\r\n        key: field.key,\r\n        readonly: this.viewMode,\r\n        disabled: this.viewMode,\r\n        wrappers: field.wrappers ?? ['field-wrapper'],\r\n        className: field.className,\r\n        props: {\r\n          ...field.props,\r\n          ...(field.props['view']?.props ||\r\n            field.props['table']?.props ||\r\n            field.props['filter']?.props ||\r\n            {}),\r\n        },\r\n        expressions:\r\n          field.props['view']?.expressions ||\r\n          field.props['table']?.expressions ||\r\n          field.props['filter']?.expressions\r\n      }];\r\n    });\r\n\r\n  return flatten(fields);\r\n}\r\n\r\n  // getViewFields(fields: FormlyFieldConfig[] = []): FormlyFieldConfig[] {\r\n  //   const flatten = (fields: FormlyFieldConfig[]): FormlyFieldConfig[] =>\r\n  //     fields.flatMap(field => {\r\n  //       if (field.fieldGroup?.length) return flatten(field.fieldGroup);\r\n  //       if (!field.props\r\n  //         || field.props['view']?.hidden\r\n  //         // || field.props['table']?.hidden\r\n  //        ) return [];\r\n\r\n  //       const type = field.props['view']?.type || field.props['table']?.type || 'custom-label-type';\r\n  //       return [{\r\n  //         type,\r\n  //         key: field['key'],\r\n  //         readonly: this.viewMode,\r\n  //         disabled: this.viewMode,\r\n  //         wrappers: field.wrappers ?? ['field-wrapper'],\r\n  //         props: {\r\n  //           ...field.props,\r\n  //           ...(field.props['view']?.props || field.props['table']?.props),\r\n  //         },\r\n  //         expressions: field.props['view']?.expressions || field.props['view']?.expressions,\r\n  //       }];\r\n  //     });\r\n\r\n  //   return flatten(fields);\r\n  // }\r\n\r\n     // Use a map to store form groups for each row and column\r\n  private cellForms: Map<string, FormGroup> = new Map();\r\n    getForm(rowIndex: number): FormGroup {\r\n    const key = `${rowIndex}_`;\r\n    let form = this.cellForms.get(key);\r\n\r\n    if (!form) {\r\n      form = new FormGroup({});\r\n      this.cellForms.set(key, form);\r\n    }\r\n    return form;\r\n  }\r\n\r\n\r\n   async handleCreateEditAction(btn: ButtonConfig) {\r\n    try {\r\n      if (btn.action) {\r\n        // Execute the provided action\r\n        await btn.action(null); // You can pass row or context here\r\n      } else {\r\n        // Fallback to emitting event\r\n        if(btn.actionName == 'cancel'){\r\n          this.back();\r\n        }\r\n        else{\r\n        this.action.emit({\r\n          name: btn.actionName ?? 'cancel',\r\n          row: null!, // provide row if available\r\n        });\r\n      }\r\n      }\r\n    } catch (err) {\r\n      console.error('Button action error', err);\r\n    }\r\n  }\r\n\r\n\r\nonAction(act: ActionDef<any>, model: any) {\r\n    if (act.action) {\r\n      act.action(model);\r\n    } else {\r\n      // this.action.emit({ name: act.name, row:model });\r\n      this.emitAction({ name: act.name, row:model });\r\n    }\r\n  }\r\n\r\n    emitAction(event: { name: string; row: any | null }): void {\r\n  switch (event.name) {\r\n    case 'edit':\r\n      this.dialog.openForm(\"edit\",event.row);\r\n      break;\r\n    case 'delete':\r\n      this.onDelete(event.row!);\r\n      break;\r\n    default :\r\n      this.action.emit(event);\r\n      break;\r\n  }\r\n}\r\n\r\nonDelete(item: any): void {\r\n  const id = item[this.idField];\r\n\r\n  this.swalService.confirm(\r\n    'تأكيد الحذف',\r\n    'هل تريد حذف هذا السجل فعلاً؟',\r\n    'نعم، احذف',\r\n    'إلغاء'\r\n  ).then((result) => {\r\n    if (result.isConfirmed) {\r\n      this.service.delete(id).subscribe({\r\n        next: () => {\r\n          this.swalService.success('تم الحذف بنجاح');\r\n          this.back();\r\n        },\r\n        error: (err: any) => {\r\n          this.loading = false;\r\n\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n afterSave(event: any) {\r\n  this.model = event.response;\r\n\r\n  // set the id from backend response\r\n  this.currentId = event.response[this.idField];\r\n\r\n  if (this.isCreateMode) {\r\n    this.goToMode('view');\r\n  } else if (this.isEditMode) {\r\n    this.goToMode('view');\r\n  }\r\n}\r\n\r\n\r\n\r\ngoToMode(mode: 'view' | 'edit' | 'create') {\r\n  const tree = this.router.parseUrl(this.router.url);\r\n  const segments = tree.root.children['primary']?.segments.map(s => s.path) ?? [];\r\n\r\n  let newSegments: string[];\r\n\r\n  if (mode === 'create') {\r\n    // always navigate to \"add\"\r\n    newSegments = [\r\n      ...segments.filter(s => !['view', 'edit', 'add'].includes(s)),\r\n      'add',\r\n    ];\r\n  } else {\r\n    // if in \"add\" mode, replace it with the new id\r\n    if (segments.includes('add')) {\r\n      newSegments = [\r\n        ...segments.filter(s => s !== 'add'),\r\n        String(this.currentId),\r\n        mode,\r\n      ];\r\n    } else {\r\n      const idIndex = segments.findIndex(s => s === String(this.currentId));\r\n      if (idIndex === -1) {\r\n        newSegments = [...segments, String(this.currentId), mode];\r\n      } else {\r\n        newSegments = segments.slice(0, idIndex + 1);\r\n        newSegments.push(mode);\r\n      }\r\n    }\r\n  }\r\n\r\n  this.router.navigate(newSegments);\r\n  this.refresh();\r\n}\r\n\r\n\r\nbackToList(){\r\n       this.router.navigate(['../']);\r\n    }\r\nback(){\r\n      //  this.router.navigate(['..']);\r\n       this._location.back()\r\n    }\r\n  loadList() {\r\n    this.loading = true;\r\n    const filters = {\r\n      maxResultCount: this.pageSize,\r\n      skipCount: this.pageIndex * this.pageSize,\r\n      sorting: this.sort,\r\n      ...this.currentFilters,\r\n      ...this.pageFilters,\r\n      ...(this.searchGlobal ? { filter: this.searchGlobal } : {}),\r\n    };\r\n\r\n    this.service.getList(filters).subscribe({\r\n      next: (res: PaginatedResult<any>) => {\r\n        this.list = res.items;\r\n        this.totalRecords = res.totalCount;\r\n        this.loading = false;\r\n\r\n        // set model_ to current id item\r\n        const found = this.list.find(x => x[this.idField] == this.currentId);\r\n        if (found) {\r\n          this.model_ = found;\r\n        }\r\n      },\r\n      error: err => {\r\n        console.error('Error loading list', err);\r\n        this.loading = false;\r\n      }\r\n    });\r\n  }\r\n next() {\r\n  if (!this.currentId) return;\r\n\r\n  // increment currentId numerically\r\n  // const newId = Number(this.currentId) + 1;\r\n  // this.currentId = newId;\r\n  // use goToMode to navigate and keep mode\r\n  const currentMode = this.isEditMode ? 'edit' : 'view';\r\n  // this.goToMode(currentMode);\r\n}\r\n\r\nprevious() {\r\n  if (!this.currentId) return;\r\n\r\n  // decrement currentId numerically\r\n  // const newId = Number(this.currentId) - 1;\r\n  // if (newId <= 0) return;\r\n\r\n  // this.currentId = newId;\r\n\r\n  // use goToMode to navigate and keep mode\r\n  const currentMode = this.isEditMode ? 'edit' : 'view';\r\n  // this.goToMode(currentMode);\r\n}\r\n\r\n\r\n  // next() {\r\n  //   const idx = this.list.findIndex(x => x[this.idField] == this.currentId);\r\n  //   if (idx >= 0 && idx < this.list.length - 1) {\r\n  //     const newId = this.list[idx + 1][this.idField];\r\n  //     this.router.navigate(['../', newId], { relativeTo: this.route });\r\n  //   }\r\n  // }\r\n\r\n  // previous() {\r\n  //   const idx = this.list.findIndex(x => x[this.idField] == this.currentId);\r\n  //   if (idx > 0) {\r\n  //     const newId = this.list[idx - 1][this.idField];\r\n  //     this.router.navigate(['../', newId], { relativeTo: this.route });\r\n  //   }\r\n  // }\r\n}\r\n\r\n","\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=\"التالي\"\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=\"السابق\"\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class HeaderWrapperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapperModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapperModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class HeaderWrapper {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: HeaderWrapper, isStandalone: true, selector: "lib-header-wrapper", ngImport: i0, template: "<p>header-wrapper works!</p>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HeaderWrapper, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-header-wrapper', imports: [], template: "<p>header-wrapper works!</p>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HeaderWrapper, HeaderWrapperModule };
+//# sourceMappingURL=es.framework-ng.ui.core-header-wrapper.mjs.map

package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-header-wrapper.mjs","sources":["../../../../libs/ng.ui.core/header-wrapper/src/lib/header-wrapper-module.ts","../../../../libs/ng.ui.core/header-wrapper/src/lib/header-wrapper.ts","../../../../libs/ng.ui.core/header-wrapper/src/lib/header-wrapper.html","../../../../libs/ng.ui.core/header-wrapper/src/es.framework-ng.ui.core-header-wrapper.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class HeaderWrapperModule {}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'lib-header-wrapper',\n  imports: [],\n  templateUrl: './header-wrapper.html',\n  styleUrl: './header-wrapper.css'\n})\nexport class HeaderWrapper {\n\n}\n","<p>header-wrapper works!</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;;2FAEX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MCGY,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,8ECR1B,gCACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FDOa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,WACrB,EAAE,EAAA,QAAA,EAAA,gCAAA,EAAA;;;AEJb;;AAEG;;;;"}