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

package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs

@@ -4,6 +4,7 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
 
 class BreadcrumbModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -51,7 +52,7 @@ class BreadcrumbComponent {
                 @if (item.icon) {
                   <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
                 }
-                {{ item.label }}
+                {{ item.label | translate }}
               </a>
             }
           } @else {
@@ -67,18 +68,18 @@ class BreadcrumbComponent {
               @if (item.icon) {
                 <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
               }
-              {{ item.label }}
+              {{ item.label | translate }}
             </span>
           }
         </li>
       }
     </ul>
     </nav>
-    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule, RouterModule], template: `
+            args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule, RouterModule, TranslatePipe], template: `
     <nav class="overflow-x-auto">
       <ul class="flex items-center text-white text-sm font-medium" role="list">
     
@@ -109,7 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 @if (item.icon) {
                   <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
                 }
-                {{ item.label }}
+                {{ item.label | translate }}
               </a>
             }
           } @else {
@@ -125,7 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
               @if (item.icon) {
                 <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
               }
-              {{ item.label }}
+              {{ item.label | translate }}
             </span>
           }
         </li>

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

@@ -1 +1 @@
-{"version":3,"file":"es.framework-ng.ui.core-breadcrumb.mjs","sources":["../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb-module.ts","../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb.ts","../../../../libs/ng.ui.core/breadcrumb/src/es.framework-ng.ui.core-breadcrumb.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class BreadcrumbModule {}\n","import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuItem } from 'primeng/api';\nimport { RouterModule } from '@angular/router'; // <--- أضف هذا الاستيراد\n\n@Component({\n  selector: 'app-breadcrumb',\n  standalone: true,\n  imports: [CommonModule, RouterModule], // <--- أضف RouterModule هنا\n  template: `\n    <nav class=\"overflow-x-auto\">\n      <ul class=\"flex items-center text-white text-sm font-medium\" role=\"list\">\n    \n        @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {\n          <li\n            class=\"relative z-10\"\n            >\n            @if (item.routerLink && !last) {\n              @if(i === 0){\n                <a\n                  [routerLink]=\"item.routerLink\"\n                  class=\"breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md\"\n                  >\n                  <i class=\"pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base\"></i>\n                </a>\n              }\n              @else {\n              <a\n                [routerLink]=\"item.routerLink\"\n                class=\"breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n                >\n                @if (item.icon) {\n                  <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n                }\n                {{ item.label }}\n              </a>\n            }\n          } @else {\n            <span\n              class=\"breadcrumb-text flex items-center h-10 px-4 pr-6 text-white\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n              >\n              @if (item.icon) {\n                <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n              }\n              {{ item.label }}\n            </span>\n          }\n        </li>\n      }\n    </ul>\n    </nav>\n    `,\n  styles:[\n    ``\n  ]\n})\nexport class BreadcrumbComponent {\n  @Input() breadcrumb: MenuItem[] | any = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,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,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;;2FAEX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MC+DY,mBAAmB,CAAA;IACrB,UAAU,GAAqB,EAAE;uGAD/B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3DpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDP,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvDO,YAAY,4HAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FA4DzB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/D/B,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,CAAC,EAAA,QAAA,EAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA;;sBAMF;;;ACrEH;;AAEG;;;;"}
+{"version":3,"file":"es.framework-ng.ui.core-breadcrumb.mjs","sources":["../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb-module.ts","../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb.ts","../../../../libs/ng.ui.core/breadcrumb/src/es.framework-ng.ui.core-breadcrumb.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class BreadcrumbModule {}\n","import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuItem } from 'primeng/api';\nimport { RouterModule } from '@angular/router';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\n@Component({\n  selector: 'app-breadcrumb',\n  standalone: true,\n  imports: [CommonModule, RouterModule,TranslatePipe], \n  template: `\n    <nav class=\"overflow-x-auto\">\n      <ul class=\"flex items-center text-white text-sm font-medium\" role=\"list\">\n    \n        @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {\n          <li\n            class=\"relative z-10\"\n            >\n            @if (item.routerLink && !last) {\n              @if(i === 0){\n                <a\n                  [routerLink]=\"item.routerLink\"\n                  class=\"breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md\"\n                  >\n                  <i class=\"pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base\"></i>\n                </a>\n              }\n              @else {\n              <a\n                [routerLink]=\"item.routerLink\"\n                class=\"breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n                >\n                @if (item.icon) {\n                  <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n                }\n                {{ item.label | translate }}\n              </a>\n            }\n          } @else {\n            <span\n              class=\"breadcrumb-text flex items-center h-10 px-4 pr-6 text-white\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n              >\n              @if (item.icon) {\n                <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n              }\n              {{ item.label | translate }}\n            </span>\n          }\n        </li>\n      }\n    </ul>\n    </nav>\n    `,\n  styles:[\n    ``\n  ]\n})\nexport class BreadcrumbComponent {\n  @Input() breadcrumb: MenuItem[] | any = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,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,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;;2FAEX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MCgEY,mBAAmB,CAAA;IACrB,UAAU,GAAqB,EAAE;uGAD/B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3DpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvDO,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAC,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FA4DvC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/D/B,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAC,aAAa,CAAC,EAAA,QAAA,EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA;;sBAMF;;;ACtEH;;AAEG;;;;"}

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

@@ -29,6 +29,8 @@ class GenericButton {
     type = 'button';
     icon = '';
     label = '';
+    tooltip;
+    tooltipPosition = 'top';
     variant = 'raised';
     severity = 'primary';
     size = 'small';
@@ -105,11 +107,11 @@ class GenericButton {
         this.itemClick.emit(evt);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericButton, isStandalone: true, selector: "lib-generic-button", inputs: { model: "model", type: "type", icon: "icon", label: "label", variant: "variant", severity: "severity", size: "size", iconPosition: "iconPosition", disabled: "disabled", loading: "loading", ariaLabel: "ariaLabel", extraClasses: "extraClasses", permission: "permission" }, outputs: { clicked: "clicked", itemClick: "itemClick" }, ngImport: i0, template: "\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- \u062D\u0627\u0644\u0629 \u0627\u0644\u0632\u0631\u0651 \u0627\u0644\u0639\u0627\u062F\u064A -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"label | translate\"\n      tooltipPosition=\"top\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\" (onClick)=\"onClick()\"\n      (click)=\"onClick()\"\n      >\n      <!-- \u0645\u062D\u062A\u0648\u0649 \u0645\u062E\u0635\u0651\u0635 -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\n", styles: [":host ::ng-deep .p-button-label{display:none}@media(min-width:768px){:host ::ng-deep .p-button-label{display:inline-block}}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericButton, isStandalone: true, selector: "lib-generic-button", inputs: { model: "model", type: "type", icon: "icon", label: "label", tooltip: "tooltip", tooltipPosition: "tooltipPosition", variant: "variant", severity: "severity", size: "size", iconPosition: "iconPosition", disabled: "disabled", loading: "loading", ariaLabel: "ariaLabel", extraClasses: "extraClasses", permission: "permission" }, outputs: { clicked: "clicked", itemClick: "itemClick" }, ngImport: i0, template: "\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- \u062D\u0627\u0644\u0629 \u0627\u0644\u0632\u0631\u0651 \u0627\u0644\u0639\u0627\u062F\u064A -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\"\n      (click)=\"onClick()\"\n      >\n      <!-- \u0645\u062D\u062A\u0648\u0649 \u0645\u062E\u0635\u0651\u0635 -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\n", styles: [":host ::ng-deep .p-button-label{display:none}@media(min-width:768px){:host ::ng-deep .p-button-label{display:inline-block}}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericButton, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-generic-button', standalone: true, imports: [ButtonModule, SplitButtonModule, HasPermissionDirective, TranslatePipe, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- \u062D\u0627\u0644\u0629 \u0627\u0644\u0632\u0631\u0651 \u0627\u0644\u0639\u0627\u062F\u064A -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"label | translate\"\n      tooltipPosition=\"top\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\" (onClick)=\"onClick()\"\n      (click)=\"onClick()\"\n      >\n      <!-- \u0645\u062D\u062A\u0648\u0649 \u0645\u062E\u0635\u0651\u0635 -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\n", styles: [":host ::ng-deep .p-button-label{display:none}@media(min-width:768px){:host ::ng-deep .p-button-label{display:inline-block}}\n"] }]
+            args: [{ selector: 'lib-generic-button', standalone: true, imports: [ButtonModule, SplitButtonModule, HasPermissionDirective, TranslatePipe, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- \u062D\u0627\u0644\u0629 \u0627\u0644\u0632\u0631\u0651 \u0627\u0644\u0639\u0627\u062F\u064A -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\"\n      (click)=\"onClick()\"\n      >\n      <!-- \u0645\u062D\u062A\u0648\u0649 \u0645\u062E\u0635\u0651\u0635 -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\n", styles: [":host ::ng-deep .p-button-label{display:none}@media(min-width:768px){:host ::ng-deep .p-button-label{display:inline-block}}\n"] }]
         }], propDecorators: { model: [{
                 type: Input
             }], type: [{
@@ -118,6 +120,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
             }], variant: [{
                 type: Input
             }], severity: [{

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

@@ -1 +1 @@
-{"version":3,"file":"es.framework-ng.ui.core-generic-button.mjs","sources":["../../../../libs/ng.ui.core/generic-button/src/lib/generic-button-module.ts","../../../../libs/ng.ui.core/generic-button/src/lib/generic-button.ts","../../../../libs/ng.ui.core/generic-button/src/lib/generic-button.html","../../../../libs/ng.ui.core/generic-button/src/es.framework-ng.ui.core-generic-button.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericButtonModule {}\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\nimport { ButtonModule } from 'primeng/button';\nimport { SplitButtonModule } from 'primeng/splitbutton';\nimport { MenuItem } from 'primeng/api';\nimport { HasPermissionDirective } from '@es.framework/ng.core/directives';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ButtonSeverity, ButtonSize, ButtonVariant, IconPosition } from '@es.framework/ng.core/models';\nimport { TooltipModule } from \"primeng/tooltip\";\n\n@Component({\n  selector: 'lib-generic-button',\n  standalone: true,\n   imports: [ButtonModule, SplitButtonModule, HasPermissionDirective, TranslatePipe, TooltipModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './generic-button.html',\n  styleUrls: ['./generic-button.css']\n})\nexport class GenericButton {\n\n  //  permissionChecker = inject(PermissionCheckerService);\n\n  // لو وُجدت هذه المصفوفة، نُستخدم splitButton\n  @Input() model?: MenuItem[];\n\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  @Input() icon = '';\n  @Input() label = '';\n  @Input() variant: ButtonVariant = 'raised';\n  @Input() severity: ButtonSeverity = 'primary';\n  @Input() size: ButtonSize = 'small';\n  @Input() iconPosition: IconPosition = 'left';\n  @Input() disabled = false;\n  @Input() loading = false;\n  @Input() ariaLabel?: string;\n  @Input() extraClasses = '';  // لأي Tailwind إضافي\n  @Input() permission?: string;\n  @Output() clicked = new EventEmitter<void>();\n  @Output() itemClick = new EventEmitter<any>();\n\n\n  // خريطة أحجام\n  private sizeMap: Record<ButtonSize,string> = {\n    small: 'text-sm',\n    // normal: 'px-4 py-2 text-base',\n    large: 'text-lg',\n  };\n\n  // خريطة ألوان للـ raised و rounded\n  private colorMap: Record<ButtonSeverity,string> = {\n    primary:   'bg-blue-600 hover:bg-blue-700 focus:ring-blue-500 text-white',\n    secondary: 'bg-gray-600 hover:bg-gray-700 focus:ring-gray-500 text-white',\n    success:   'bg-green-600 hover:bg-green-700 focus:ring-green-500 text-white',\n    info:      'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n    warn:   'bg-yellow-500 hover:bg-yellow-600 focus:ring-yellow-400 text-white',\n    danger:    'bg-red-600 hover:bg-red-700 focus:ring-red-500 text-white',\n    help:    'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n    contrast:    'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n  };\n\n  // خريطة حدوده للـ outlined\n  private outlinedMap: Record<ButtonSeverity,string> = {\n    primary:   'border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500',\n    secondary: 'border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500',\n    success:   'border border-green-600 text-green-600 hover:bg-green-50 focus:ring-green-500',\n    info:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    help:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    contrast:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    warn:   'border border-yellow-500 text-yellow-500 hover:bg-yellow-50 focus:ring-yellow-400',\n    danger:    'border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500',\n  };\n\n  get twClasses(): string {\n    const base = [\n      // 'inline-flex items-center justify-center font-medium',\n      // 'focus:outline-none focus:ring-2 focus:ring-offset-2 transition',\n      this.sizeMap[this.size]\n    ];\n    // // variant-specific\n    // if (this.variant === 'outlined') {\n    //   base.push(this.outlinedMap[this.severity]);\n    // } else {\n    //   base.push(this.colorMap[this.severity]);\n    // }\n    // if (this.variant === 'text') {\n    //   base.push('bg-transparent hover:bg-gray-100 focus:ring-gray-200 text-gray-700');\n    // }\n    // if (this.variant === 'rounded') {\n    //   base.push('rounded-full');\n    // } else {\n    //   base.push('rounded-md');\n    // }\n    // if (this.disabled || this.loading) {\n    //   base.push('opacity-50 cursor-not-allowed');\n    // }\n    // if (this.extraClasses) {\n    //   base.push(this.extraClasses);\n    // }\n    return base.join(' ');\n  }\n\n  onClick() {\n    if (!this.disabled && !this.loading) {\n      this.clicked.emit();\n    }\n  }\n\n onItemClick(evt: any) {\n   this.itemClick.emit(evt);\n }\n\n\n}\n","\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- حالة الزرّ العادي -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"label | translate\"\n      tooltipPosition=\"top\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\" (onClick)=\"onClick()\"\n      (click)=\"onClick()\"\n      >\n      <!-- محتوى مخصّص -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"es.framework-ng.ui.core-generic-button.mjs","sources":["../../../../libs/ng.ui.core/generic-button/src/lib/generic-button-module.ts","../../../../libs/ng.ui.core/generic-button/src/lib/generic-button.ts","../../../../libs/ng.ui.core/generic-button/src/lib/generic-button.html","../../../../libs/ng.ui.core/generic-button/src/es.framework-ng.ui.core-generic-button.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericButtonModule {}\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\nimport { ButtonModule } from 'primeng/button';\nimport { SplitButtonModule } from 'primeng/splitbutton';\nimport { MenuItem } from 'primeng/api';\nimport { HasPermissionDirective } from '@es.framework/ng.core/directives';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ButtonSeverity, ButtonSize, ButtonVariant, IconPosition } from '@es.framework/ng.core/models';\nimport { TooltipModule } from \"primeng/tooltip\";\n\n@Component({\n  selector: 'lib-generic-button',\n  standalone: true,\n   imports: [ButtonModule, SplitButtonModule, HasPermissionDirective, TranslatePipe, TooltipModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './generic-button.html',\n  styleUrls: ['./generic-button.css']\n})\nexport class GenericButton {\n\n  //  permissionChecker = inject(PermissionCheckerService);\n\n  // لو وُجدت هذه المصفوفة، نُستخدم splitButton\n  @Input() model?: MenuItem[];\n\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  @Input() icon = '';\n  @Input() label = '';\n  @Input() tooltip?: string;\n  @Input() tooltipPosition: 'top' | 'bottom' | 'left' | 'right' = 'top';\n  @Input() variant: ButtonVariant = 'raised';\n  @Input() severity: ButtonSeverity = 'primary';\n  @Input() size: ButtonSize = 'small';\n  @Input() iconPosition: IconPosition = 'left';\n  @Input() disabled = false;\n  @Input() loading = false;\n  @Input() ariaLabel?: string;\n  @Input() extraClasses = '';  // لأي Tailwind إضافي\n  @Input() permission?: string;\n  @Output() clicked = new EventEmitter<void>();\n  @Output() itemClick = new EventEmitter<any>();\n\n\n  // خريطة أحجام\n  private sizeMap: Record<ButtonSize,string> = {\n    small: 'text-sm',\n    // normal: 'px-4 py-2 text-base',\n    large: 'text-lg',\n  };\n\n  // خريطة ألوان للـ raised و rounded\n  private colorMap: Record<ButtonSeverity,string> = {\n    primary:   'bg-blue-600 hover:bg-blue-700 focus:ring-blue-500 text-white',\n    secondary: 'bg-gray-600 hover:bg-gray-700 focus:ring-gray-500 text-white',\n    success:   'bg-green-600 hover:bg-green-700 focus:ring-green-500 text-white',\n    info:      'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n    warn:   'bg-yellow-500 hover:bg-yellow-600 focus:ring-yellow-400 text-white',\n    danger:    'bg-red-600 hover:bg-red-700 focus:ring-red-500 text-white',\n    help:    'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n    contrast:    'bg-teal-600 hover:bg-teal-700 focus:ring-teal-500 text-white',\n  };\n\n  // خريطة حدوده للـ outlined\n  private outlinedMap: Record<ButtonSeverity,string> = {\n    primary:   'border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500',\n    secondary: 'border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500',\n    success:   'border border-green-600 text-green-600 hover:bg-green-50 focus:ring-green-500',\n    info:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    help:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    contrast:      'border border-teal-600 text-teal-600 hover:bg-teal-50 focus:ring-teal-500',\n    warn:   'border border-yellow-500 text-yellow-500 hover:bg-yellow-50 focus:ring-yellow-400',\n    danger:    'border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500',\n  };\n\n  get twClasses(): string {\n    const base = [\n      // 'inline-flex items-center justify-center font-medium',\n      // 'focus:outline-none focus:ring-2 focus:ring-offset-2 transition',\n      this.sizeMap[this.size]\n    ];\n    // // variant-specific\n    // if (this.variant === 'outlined') {\n    //   base.push(this.outlinedMap[this.severity]);\n    // } else {\n    //   base.push(this.colorMap[this.severity]);\n    // }\n    // if (this.variant === 'text') {\n    //   base.push('bg-transparent hover:bg-gray-100 focus:ring-gray-200 text-gray-700');\n    // }\n    // if (this.variant === 'rounded') {\n    //   base.push('rounded-full');\n    // } else {\n    //   base.push('rounded-md');\n    // }\n    // if (this.disabled || this.loading) {\n    //   base.push('opacity-50 cursor-not-allowed');\n    // }\n    // if (this.extraClasses) {\n    //   base.push(this.extraClasses);\n    // }\n    return base.join(' ');\n  }\n\n  onClick() {\n    if (!this.disabled && !this.loading) {\n      this.clicked.emit();\n    }\n  }\n\n onItemClick(evt: any) {\n   this.itemClick.emit(evt);\n }\n\n\n}\n","\n\n<ng-container *hasPermission=\"permission ? [permission] : []\">\n  @if (model && model?.length) {\n    <!-- Split Button -->\n    <!-- [outlined]=\"outlined\" -->\n    <p-splitButton\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      [label]=\"label  | translate\"\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [model]=\"model || []\"\n      [disabled]=\"disabled || loading\"\n      [severity]=\"severity || 'primary'\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      (onClick)=\"onClick()\"\n      (onItemClick)=\"onItemClick($event)\"\n      >\n    </p-splitButton>\n  } @else {\n    <!-- حالة الزرّ العادي -->\n    <!-- [size]=\"size || 'small'\" -->\n    <button\n      [class]=\"twClasses\"\n      [attr.type]=\"type\"\n      pButton\n      [icon]=\"loading ? 'pi pi-spin pi-spinner' : icon\"\n      [label]=\"label | translate\"\n      class=\"hidden sm:inline\"\n      [pTooltip]=\"(tooltip || label) | translate\"\n      [tooltipPosition]=\"tooltipPosition\"\n      [severity]=\"severity || 'primary'\"\n      [attr.aria-label]=\"(ariaLabel || label) | translate\"\n      [disabled]=\"disabled || loading\"\n      (click)=\"onClick()\"\n      >\n      <!-- محتوى مخصّص -->\n      @if (!label && !icon && !loading) {\n        <ng-content></ng-content>\n      }\n    </button>\n  }\n\n</ng-container>\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;;;MCaY,aAAa,CAAA;;;AAKf,IAAA,KAAK;IAEL,IAAI,GAAkC,QAAQ;IAC9C,IAAI,GAAG,EAAE;IACT,KAAK,GAAG,EAAE;AACV,IAAA,OAAO;IACP,eAAe,GAAwC,KAAK;IAC5D,OAAO,GAAkB,QAAQ;IACjC,QAAQ,GAAmB,SAAS;IACpC,IAAI,GAAe,OAAO;IAC1B,YAAY,GAAiB,MAAM;IACnC,QAAQ,GAAG,KAAK;IAChB,OAAO,GAAG,KAAK;AACf,IAAA,SAAS;AACT,IAAA,YAAY,GAAG,EAAE,CAAC;AAClB,IAAA,UAAU;AACT,IAAA,OAAO,GAAG,IAAI,YAAY,EAAQ;AAClC,IAAA,SAAS,GAAG,IAAI,YAAY,EAAO;;AAIrC,IAAA,OAAO,GAA8B;AAC3C,QAAA,KAAK,EAAE,SAAS;;AAEhB,QAAA,KAAK,EAAE,SAAS;KACjB;;AAGO,IAAA,QAAQ,GAAkC;AAChD,QAAA,OAAO,EAAI,8DAA8D;AACzE,QAAA,SAAS,EAAE,8DAA8D;AACzE,QAAA,OAAO,EAAI,iEAAiE;AAC5E,QAAA,IAAI,EAAO,8DAA8D;AACzE,QAAA,IAAI,EAAI,oEAAoE;AAC5E,QAAA,MAAM,EAAK,2DAA2D;AACtE,QAAA,IAAI,EAAK,8DAA8D;AACvE,QAAA,QAAQ,EAAK,8DAA8D;KAC5E;;AAGO,IAAA,WAAW,GAAkC;AACnD,QAAA,OAAO,EAAI,2EAA2E;AACtF,QAAA,SAAS,EAAE,2EAA2E;AACtF,QAAA,OAAO,EAAI,+EAA+E;AAC1F,QAAA,IAAI,EAAO,2EAA2E;AACtF,QAAA,IAAI,EAAO,2EAA2E;AACtF,QAAA,QAAQ,EAAO,2EAA2E;AAC1F,QAAA,IAAI,EAAI,mFAAmF;AAC3F,QAAA,MAAM,EAAK,uEAAuE;KACnF;AAED,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,MAAM,IAAI,GAAG;;;AAGX,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;SACvB;;;;;;;;;;;;;;;;;;;;;AAqBD,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACvB;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACnC,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;QACrB;IACF;AAED,IAAA,WAAW,CAAC,GAAQ,EAAA;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1B;uGA7FY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB1B,2/CA6CA,EAAA,MAAA,EAAA,CAAA,+HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCa,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAiB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAA5B,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKtE,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,cAClB,IAAI,EAAA,OAAA,EACN,CAAC,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,aAAa,EAAE,aAAa,CAAC,EAAA,eAAA,EAChF,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2/CAAA,EAAA,MAAA,EAAA,CAAA,+HAAA,CAAA,EAAA;;sBAS9C;;sBAEA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AExCH;;AAEG;;;;"}

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

@@ -27,12 +27,12 @@ import { GenericReportComponent } from '@es.framework/ng.ui.core/generic-report'
 import * as i7 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { TabbedSearchComponent } from '@es.framework/ng.ui.core/generic-report-tabs';
+import { cloneDeep } from 'lodash';
 import * as i3 from 'primeng/api';
 import { ActivatedRoute, Router } from '@angular/router';
 import { GenericTable } from '@es.framework/ng.ui.core/generic-table';
 import { GenericDialogComponent } from '@es.framework/ng.ui.core/generic-dialog';
 import { GenericViewComponent } from '@es.framework/ng.ui.core/generic-view';
-import { cloneDeep } from 'lodash';
 
 class GenericCrudTableModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericCrudTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -221,7 +221,8 @@ class GenericCrudHeaderComponent {
                 apiName: this.apiName,
                 moduleName: this.moduleName,
                 filterFields: this.filters,
-                filterModel: { /* status: 'Active'  */},
+                model: cloneDeep(this.filterModel ?? {}),
+                filterModel: cloneDeep(this.filterModel ?? {}),
                 defaultFileName: this.translate.instant('REPORT') + ' ' + this.translate.instant(this.breadcrumb?.length ? this.breadcrumb[this.breadcrumb.length - 1].label ?? '' : '')
             }
         });
@@ -243,7 +244,7 @@ class GenericCrudHeaderComponent {
         // etc.
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericCrudHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericCrudHeaderComponent, isStandalone: true, selector: "app-generic-crud-header", inputs: { mode: "mode", breadcrumb: "breadcrumb", isSingleItemSelected: "isSingleItemSelected", selectedItems: "selectedItems", singleActionButtons: "singleActionButtons", bulkActionButtons: "bulkActionButtons", addButtonConfigs: "addButtonConfigs", mergedButtonConfigs: "mergedButtonConfigs", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", moduleName: "moduleName", apiName: "apiName", actions: "actions", showAdvancedFilter: "showAdvancedFilter", advancedFilterIcon: "advancedFilterIcon", searchTabs: "searchTabs", showViewMode: "showViewMode", viewMode: "viewMode" }, outputs: { singleItemAction: "singleItemAction", bulkAction: "bulkAction", search: "search", resetSearch: "resetSearch", action: "action", paginateChange: "paginateChange", viewModeChange: "viewModeChange" }, providers: [DialogService], ngImport: i0, template: "@if (mode !== 'form-only' && mode !== 'detail') {\r\n<div class=\"flex items-start gap-2 justify-between\">\r\n  <div>\r\n    <app-breadcrumb\r\n      class=\"xs:block hidden\"\r\n      [breadcrumb]=\"breadcrumb\"\r\n    ></app-breadcrumb>\r\n  </div>\r\n\r\n  <div class=\"flex items-center gap-2 justify-end flex-wrap\">\r\n    @if (mode === 'full') {\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0641\u0631\u062F\u0629 -->\r\n      @if (isSingleItemSelected) {\r\n        @for (btn of singleActionButtons; track trackByIdx($index)) {\r\n          @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n            <lib-generic-button\r\n              [icon]=\"btn.icon\"\r\n              [label]=\"btn.label | translate\"\r\n              [variant]=\"btn.variant\"\r\n              [size]=\"btn.size\"\r\n              [severity]=\"btn.severity\"\r\n              [model]=\"btn.splitActions\"\r\n              [permission]=\"btn.permission\"\r\n              (clicked)=\"onSingleItemAction(btn)\"\r\n            ></lib-generic-button>\r\n          }\r\n        }\r\n      }\r\n\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0645\u062A\u0639\u062F\u062F\u0629 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 -->\r\n      @if (selectedItems.length > 0) {\r\n        @for (btn of bulkActionButtons; track trackByIdx($index)) {\r\n          @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n            <lib-generic-button\r\n              [icon]=\"btn.icon\"\r\n              [label]=\"btn.label | translate\"\r\n              [variant]=\"btn.variant\"\r\n              [size]=\"btn.size\"\r\n              [severity]=\"btn.severity\"\r\n              [model]=\"btn.splitActions\"\r\n              [permission]=\"btn.permission\"\r\n              (clicked)=\"onInternalBulkAction(btn)\"\r\n            ></lib-generic-button>\r\n          }\r\n        }\r\n      }\r\n\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 -->\r\n      @for (btn of mergedButtonConfigs; track trackByIdx($index)) {\r\n        @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n          <lib-generic-button\r\n            [icon]=\"btn.icon\"\r\n            [label]=\"btn.label | translate\"\r\n            [variant]=\"btn.variant\"\r\n            [size]=\"btn.size\"\r\n            [severity]=\"btn.severity\"\r\n            [model]=\"btn.splitActions\"\r\n            [permission]=\"btn.permission\"\r\n            (clicked)=\"handleButtonClick(btn)\"\r\n          ></lib-generic-button>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n\r\n@if (mode !== 'form-only' && mode !== 'detail') {\r\n<div class=\"mt-2 mb-4 flex items-center justify-between\">\r\n  <!-- \u0627\u0644\u0628\u062D\u062B -->\r\n  @if (showSearch && filters) {\r\n    <lib-generic-search-advanced\r\n    [model]=\"filterModel\"\r\n  [fields]=\"filters\"\r\n  (search)=\"applySearch($event)\"\r\n  (paginationChange)=\"paginationChange($event)\"\r\n  >\r\n</lib-generic-search-advanced>\r\n  } @else {\r\n    <div></div>\r\n  }\r\n\r\n  <!-- \u0623\u062F\u0648\u0627\u062A \u0625\u0636\u0627\u0641\u064A\u0629 -->\r\n  <div class=\"flex items-center gap-3 rtl:space-x-reverse\">\r\n\r\n          @if (showAdvancedFilter && searchTabs.length > 0) {\r\n  <p-button\r\n    [icon]=\"advancedFilterIcon\"\r\n    [outlined]=\"!isAdvancedFilterVisible\"\r\n    severity=\"secondary\"\r\n    [pTooltip]=\"'ADVANCED_FILTER' | translate\"\r\n    tooltipPosition=\"top\"\r\n    (onClick)=\"toggleAdvancedFilter()\"\r\n    class=\"hidden sm:inline-flex\"\r\n  />\r\n}\r\n    <!-- Refresh Button -->\r\n    <p-button\r\n      icon=\"pi pi-refresh\"\r\n      outlined\r\n      severity=\"secondary\"\r\n      class=\"hidden xs:block\"\r\n      (onClick)=\"reset()\"\r\n    />\r\n\r\n    <p-divider layout=\"vertical\" class=\"m-0 p-0 hidden xs:block\" />\r\n\r\n\r\n    <!-- <p-button (click)=\"menu.toggle($event)\"  class=\"xs:block\"  severity=\"secondary\" outlined icon=\"pi pi-ellipsis-v\"/>\r\n    <p-menu #menu [model]=\"actions\" [popup]=\"true\" /> -->\r\n\r\n\r\n    <!-- Pagination Controls -->\r\n    <div class=\"flex items-center gap-1 rtl:space-x-reverse\">\r\n\r\n          @if ( showViewMode ) {\r\n<p-selectButton\r\n  [options]=\"viewOptions\"\r\n  [(ngModel)]=\"viewMode\"\r\n  (onChange)=\"onViewChange($event)\"\r\n  [unselectable]=\"false\"\r\n  optionLabel=\"icon\"\r\n  optionValue=\"value\"\r\n\r\n  styleClass=\"inline-flex bg-slate-100 dark:bg-slate-800 p-1 rounded-xl border border-slate-200 dark:border-slate-700 shadow-inner\"\r\n>\r\n\r\n  <ng-template let-item pTemplate=\"item\">\r\n    <div\r\n      class=\"flex items-center justify-center rounded-lg transition-all duration-200\"\r\n      [ngClass]=\"{\r\n        ' dark:bg-slate-600  shadow-sm': viewMode === item.value,\r\n        'text-slate-500 hover:bg-slate-200 dark:hover:bg-slate-700': viewMode !== item.value\r\n      }\"\r\n      [pTooltip]=\"item.title | translate\"\r\n      tooltipPosition=\"top\"\r\n    >\r\n      <i [class]=\"item.icon\" class=\"text-base\"></i>\r\n    </div>\r\n  </ng-template>\r\n\r\n</p-selectButton>\r\n      }\r\n  <p-divider layout=\"vertical\" class=\"m-0 p-0 hidden xs:block\" />\r\n\r\n      <!-- First Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-angle-double-right' : 'pi pi-angle-double-left'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"hidden xs:block\"\r\n        (click)=\"goFirst()\"\r\n        [disabled]=\"isFirstPage()\"\r\n      ></p-button>\r\n\r\n      <!-- Previous Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-chevron-right' : 'pi pi-chevron-left'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"xs:block\"\r\n        (click)=\"goPrev()\"\r\n        [disabled]=\"isFirstPage()\"\r\n      ></p-button>\r\n\r\n\r\n       <!-- Current Page Display with Dropdown -->\r\n  <div class=\"relative\">\r\n\r\n    <p-button\r\n      [label]=\"currentPage + ' / ' + totalPages()\"\r\n      outlined\r\n      severity=\"secondary\"\r\n      class=\"hidden xs:block\"\r\n      (click)=\"showPageMenu = !showPageMenu\"\r\n        pTooltip=\"{{totalRecords}}\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n\r\n\r\n  </div>\r\n      <!-- Next Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-chevron-left' : 'pi pi-chevron-right'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"xs:block\"\r\n        (click)=\"goNext()\"\r\n        [disabled]=\"isLastPage()\"\r\n      ></p-button>\r\n\r\n      <!-- Last Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-angle-double-left' : 'pi pi-angle-double-right'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"hidden xs:block\"\r\n        (click)=\"goLast()\"\r\n        [disabled]=\"isLastPage()\"\r\n      ></p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  @if (showSearch && showAdvancedFilter && searchTabs.length > 0) {\r\n  <div\r\n    [ngClass]=\"{\r\n      'block': true,\r\n      'sm:hidden': !isAdvancedFilterVisible,\r\n      'sm:block': isAdvancedFilterVisible\r\n    }\"\r\n    class=\"animate-fade-in\"\r\n  >\r\n    <app-tabbed-search\r\n      [fields]=\"searchTabs\"\r\n      [model]=\"filterModel\"\r\n      (onSearch)=\"applySearch($event)\"\r\n      (onReset)=\"reset()\"\r\n      (paginationChange)=\"paginationChange($event)\">\r\n    </app-tabbed-search>\r\n  </div>\r\n}\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: BreadcrumbComponent, selector: "app-breadcrumb", inputs: ["breadcrumb"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i4.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.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: GenericSearchAdvanced, selector: "lib-generic-search-advanced", inputs: ["model", "fields", "enableSelect", "enableGroup", "odataConfig"], outputs: ["search", "paginationChange", "odataSearch"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i7.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: TabbedSearchComponent, selector: "app-tabbed-search", inputs: ["fields", "model", "form"], outputs: ["onSearch", "onReset", "paginationChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericCrudHeaderComponent, isStandalone: true, selector: "app-generic-crud-header", inputs: { mode: "mode", breadcrumb: "breadcrumb", isSingleItemSelected: "isSingleItemSelected", selectedItems: "selectedItems", singleActionButtons: "singleActionButtons", bulkActionButtons: "bulkActionButtons", addButtonConfigs: "addButtonConfigs", mergedButtonConfigs: "mergedButtonConfigs", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", moduleName: "moduleName", apiName: "apiName", actions: "actions", showAdvancedFilter: "showAdvancedFilter", advancedFilterIcon: "advancedFilterIcon", searchTabs: "searchTabs", showViewMode: "showViewMode", viewMode: "viewMode" }, outputs: { singleItemAction: "singleItemAction", bulkAction: "bulkAction", search: "search", resetSearch: "resetSearch", action: "action", paginateChange: "paginateChange", viewModeChange: "viewModeChange" }, providers: [DialogService], ngImport: i0, template: "@if (mode !== 'form-only' && mode !== 'detail') {\r\n<div class=\"flex items-start gap-2 justify-between\">\r\n  <div>\r\n    <app-breadcrumb\r\n      class=\"xs:block hidden\"\r\n      [breadcrumb]=\"breadcrumb\"\r\n    ></app-breadcrumb>\r\n  </div>\r\n\r\n  <div class=\"flex items-center gap-2 justify-end flex-wrap\">\r\n    @if (mode === 'full') {\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0641\u0631\u062F\u0629 -->\r\n      @if (isSingleItemSelected) {\r\n        @for (btn of singleActionButtons; track trackByIdx($index)) {\r\n          @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n            <lib-generic-button\r\n              [icon]=\"btn.icon\"\r\n              [label]=\"btn.label | translate\"\r\n              [variant]=\"btn.variant\"\r\n              [size]=\"btn.size\"\r\n              [severity]=\"btn.severity\"\r\n              [model]=\"btn.splitActions\"\r\n              [permission]=\"btn.permission\"\r\n              (clicked)=\"onSingleItemAction(btn)\"\r\n            ></lib-generic-button>\r\n          }\r\n        }\r\n      }\r\n\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0645\u062A\u0639\u062F\u062F\u0629 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 -->\r\n      @if (selectedItems.length > 0) {\r\n        @for (btn of bulkActionButtons; track trackByIdx($index)) {\r\n          @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n            <lib-generic-button\r\n              [icon]=\"btn.icon\"\r\n              [label]=\"btn.label | translate\"\r\n              [variant]=\"btn.variant\"\r\n              [size]=\"btn.size\"\r\n              [severity]=\"btn.severity\"\r\n              [model]=\"btn.splitActions\"\r\n              [permission]=\"btn.permission\"\r\n              (clicked)=\"onInternalBulkAction(btn)\"\r\n            ></lib-generic-button>\r\n          }\r\n        }\r\n      }\r\n\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 -->\r\n      @for (btn of mergedButtonConfigs; track trackByIdx($index)) {\r\n        @if (!btn.visible || (btn.visible && btn.visible === true)) {\r\n          <lib-generic-button\r\n            [icon]=\"btn.icon\"\r\n            [label]=\"btn.label | translate\"\r\n            [variant]=\"btn.variant\"\r\n            [size]=\"btn.size\"\r\n            [severity]=\"btn.severity\"\r\n            [model]=\"btn.splitActions\"\r\n            [permission]=\"btn.permission\"\r\n            (clicked)=\"handleButtonClick(btn)\"\r\n          ></lib-generic-button>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n\r\n@if (mode !== 'form-only' && mode !== 'detail') {\r\n<div class=\"mt-2 mb-4 flex items-center justify-between\">\r\n  <!-- \u0627\u0644\u0628\u062D\u062B -->\r\n  @if (showSearch && filters) {\r\n    <lib-generic-search-advanced\r\n    [model]=\"filterModel\"\r\n  [fields]=\"filters\"\r\n  (search)=\"applySearch($event)\"\r\n  (paginationChange)=\"paginationChange($event)\"\r\n  >\r\n</lib-generic-search-advanced>\r\n  } @else {\r\n    <div></div>\r\n  }\r\n\r\n  <!-- \u0623\u062F\u0648\u0627\u062A \u0625\u0636\u0627\u0641\u064A\u0629 -->\r\n  <div class=\"flex items-center gap-3 rtl:space-x-reverse\">\r\n\r\n          @if (showAdvancedFilter && searchTabs.length > 0) {\r\n  <p-button\r\n    [icon]=\"advancedFilterIcon\"\r\n    [outlined]=\"!isAdvancedFilterVisible\"\r\n    severity=\"secondary\"\r\n    [pTooltip]=\"'ADVANCED_FILTER' | translate\"\r\n    tooltipPosition=\"top\"\r\n    (onClick)=\"toggleAdvancedFilter()\"\r\n    class=\"hidden sm:inline-flex\"\r\n  />\r\n}\r\n    <!-- Refresh Button -->\r\n    <p-button\r\n      icon=\"pi pi-refresh\"\r\n      outlined\r\n      severity=\"secondary\"\r\n      class=\"hidden xs:block\"\r\n      (onClick)=\"reset()\"\r\n    />\r\n\r\n    <p-divider layout=\"vertical\" class=\"m-0 p-0 hidden xs:block\" />\r\n\r\n\r\n    <!-- <p-button (click)=\"menu.toggle($event)\"  class=\"xs:block\"  severity=\"secondary\" outlined icon=\"pi pi-ellipsis-v\"/>\r\n    <p-menu #menu [model]=\"actions\" [popup]=\"true\" /> -->\r\n\r\n\r\n    <!-- Pagination Controls -->\r\n    <div class=\"flex items-center gap-1 rtl:space-x-reverse\">\r\n\r\n          @if ( showViewMode ) {\r\n<p-selectButton\r\n  [options]=\"viewOptions\"\r\n  [(ngModel)]=\"viewMode\"\r\n  (onChange)=\"onViewChange($event)\"\r\n  [unselectable]=\"false\"\r\n  optionLabel=\"icon\"\r\n  optionValue=\"value\"\r\n\r\n  styleClass=\"inline-flex bg-slate-100 dark:bg-slate-800 p-1 rounded-xl border border-slate-200 dark:border-slate-700 shadow-inner\"\r\n>\r\n\r\n  <ng-template let-item pTemplate=\"item\">\r\n    <div\r\n      class=\"flex items-center justify-center rounded-lg transition-all duration-200\"\r\n      [ngClass]=\"{\r\n        ' dark:bg-slate-600  shadow-sm': viewMode === item.value,\r\n        'text-slate-500 hover:bg-slate-200 dark:hover:bg-slate-700': viewMode !== item.value\r\n      }\"\r\n      [pTooltip]=\"item.title | translate\"\r\n      tooltipPosition=\"top\"\r\n    >\r\n      <i [class]=\"item.icon\" class=\"text-base\"></i>\r\n    </div>\r\n  </ng-template>\r\n\r\n</p-selectButton>\r\n      }\r\n  <p-divider layout=\"vertical\" class=\"m-0 p-0 hidden xs:block\" />\r\n\r\n      <!-- First Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-angle-double-right' : 'pi pi-angle-double-left'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"hidden xs:block\"\r\n        (click)=\"goFirst()\"\r\n        [disabled]=\"isFirstPage()\"\r\n      ></p-button>\r\n\r\n      <!-- Previous Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-chevron-right' : 'pi pi-chevron-left'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"xs:block\"\r\n        (click)=\"goPrev()\"\r\n        [disabled]=\"isFirstPage()\"\r\n      ></p-button>\r\n\r\n\r\n       <!-- Current Page Display with Dropdown -->\r\n  <div class=\"relative\">\r\n\r\n    <p-button\r\n      [label]=\"currentPage + ' / ' + totalPages()\"\r\n      outlined\r\n      severity=\"secondary\"\r\n      class=\"hidden xs:block\"\r\n      (click)=\"showPageMenu = !showPageMenu\"\r\n        pTooltip=\"{{totalRecords}}\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n\r\n\r\n  </div>\r\n      <!-- Next Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-chevron-left' : 'pi pi-chevron-right'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"xs:block\"\r\n        (click)=\"goNext()\"\r\n        [disabled]=\"isLastPage()\"\r\n      ></p-button>\r\n\r\n      <!-- Last Page Button -->\r\n      <p-button\r\n        [icon]=\"isRTL ? 'pi pi-angle-double-left' : 'pi pi-angle-double-right'\"\r\n        outlined\r\n        severity=\"secondary\"\r\n        class=\"hidden xs:block\"\r\n        (click)=\"goLast()\"\r\n        [disabled]=\"isLastPage()\"\r\n      ></p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  @if (showSearch && showAdvancedFilter && searchTabs.length > 0) {\r\n  <div\r\n    [ngClass]=\"{\r\n      'block': true,\r\n      'sm:hidden': !isAdvancedFilterVisible,\r\n      'sm:block': isAdvancedFilterVisible\r\n    }\"\r\n    class=\"animate-fade-in\"\r\n  >\r\n    <app-tabbed-search\r\n      [fields]=\"searchTabs\"\r\n      [model]=\"filterModel\"\r\n      (onSearch)=\"applySearch($event)\"\r\n      (onReset)=\"reset()\"\r\n      (paginationChange)=\"paginationChange($event)\">\r\n    </app-tabbed-search>\r\n  </div>\r\n}\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericButton, selector: "lib-generic-button", inputs: ["model", "type", "icon", "label", "tooltip", "tooltipPosition", "variant", "severity", "size", "iconPosition", "disabled", "loading", "ariaLabel", "extraClasses", "permission"], outputs: ["clicked", "itemClick"] }, { kind: "component", type: BreadcrumbComponent, selector: "app-breadcrumb", inputs: ["breadcrumb"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i4.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.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: GenericSearchAdvanced, selector: "lib-generic-search-advanced", inputs: ["model", "fields", "enableSelect", "enableGroup", "odataConfig"], outputs: ["search", "paginationChange", "odataSearch"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i7.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: TabbedSearchComponent, selector: "app-tabbed-search", inputs: ["fields", "model", "form"], outputs: ["onSearch", "onReset", "paginationChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericCrudHeaderComponent, decorators: [{
             type: Component,
@@ -706,6 +707,11 @@ class GenericCrudTableComponent {
         this.first = 0;
         this.rows = 10;
     }
+    resetSearchFilters() {
+        this.filterModel = {};
+        this.resetPage('');
+        this.applySearch('');
+    }
     /** بدّل applySearch لتبث pageChange مباشرةً */
     applySearch(filters) {
         // this.genericTable.applyFilter(global);
@@ -754,7 +760,8 @@ class GenericCrudTableComponent {
                 apiName: this.apiName,
                 moduleName: this.moduleName,
                 filterFields: this.filters,
-                filterModel: { /* status: 'Active'  */},
+                model: cloneDeep(this.filterModel ?? {}),
+                filterModel: cloneDeep(this.filterModel ?? {}),
                 defaultFileName: this.translate.instant('REPORT') + ' ' + this.translate.instant(this.breadcrumb?.length ? this.breadcrumb[this.breadcrumb.length - 1].label ?? '' : '')
             }
         });
@@ -775,8 +782,19 @@ class GenericCrudTableComponent {
         // }
         // etc.
     }
+    onTableSelectionChange(selection) {
+        this._selectedRows = Array.isArray(selection)
+            ? [...selection]
+            : selection
+                ? [selection]
+                : [];
+        this.selectionChange.emit({
+            selected: [...this._selectedRows],
+            selectedCount: this._selectedRows.length,
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericCrudTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericCrudTableComponent, isStandalone: true, selector: "app-generic-crud-table", inputs: { data: "data", formFields: "formFields", columnFormFields: "columnFormFields", columns: "columns", dialogMaxWidth: "dialogMaxWidth", isViewMode: "isViewMode", displayMode: "displayMode", useConfirmOnSave: "useConfirmOnSave", isEditMode: "isEditMode", drawerVisible: "drawerVisible", dialogVisible: "dialogVisible", model: "model", loading: "loading", errorMsg: "errorMsg", errorMessage: "errorMessage", actions: "actions", actionsMode: "actionsMode", beforeSaveTransform: "beforeSaveTransform", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", rowEditable: "rowEditable", rowSelectable: "rowSelectable", scrollHeight: "scrollHeight", paginator: "paginator", service: "service", apiName: "apiName", moduleName: "moduleName", idField: "idField", showRowSelectionCheckbox: "showRowSelectionCheckbox", showAddButton: "showAddButton", showPrintButton: "showPrintButton", PermissionName: "PermissionName", addButtonConfigs: "addButtonConfigs", createEditActions: "createEditActions", supportSubPage: "supportSubPage", tabs: "tabs", bulkActionButtons: "bulkActionButtons", singleActionButtons: "singleActionButtons", breadcrumb: "breadcrumb", mode: "mode", forceState: "forceState", hideTable: "hideTable", autoShowForm: "autoShowForm", rowStyleFn: "rowStyleFn", rowClassFn: "rowClassFn", disableRowCheckboxFn: "disableRowCheckboxFn", showAdvancedFilter: "showAdvancedFilter", advancedFilterIcon: "advancedFilterIcon", searchTabs: "searchTabs", showViewMode: "showViewMode", viewMode: "viewMode", templateDrawerVisible: "templateDrawerVisible", category: "category", feature: "feature" }, outputs: { action: "action", bulkAction: "bulkAction", singleAction: "singleAction", afterSave: "afterSave", afterDelete: "afterDelete", beforeSave: "beforeSave", beforeDelete: "beforeDelete", formCancel: "formCancel", formInit: "formInit", dataLoaded: "dataLoaded", selectionChange: "selectionChange", error: "error", search: "search", pageChange: "pageChange", onSearch: "onSearch", visibleChange: "visibleChange", rowSelect: "rowSelect", viewModeChange: "viewModeChange", templateSelected: "templateSelected", templateDrawerVisibleChange: "templateDrawerVisibleChange" }, viewQueries: [{ propertyName: "genericTable", first: true, predicate: ["genericTable"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [mergedButtonConfigs]=\"mergedButtonConfigs\"\r\n  [apiName]=\"service.apiName\"\r\n  [moduleName]=\"service.moduleName\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\r\n  (search)=\"resetPage($event);applySearch($event);\"\r\n  (resetSearch)=\"resetPage($event);applySearch('');\"\r\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [searchTabs]=\"searchTabs\"\r\n  [showAdvancedFilter]=\"showAdvancedFilter\"\r\n  [advancedFilterIcon]=\"advancedFilterIcon\"\r\n  [showViewMode]=\"showViewMode\"\r\n  [viewMode]=\"viewMode\"\r\n  (viewModeChange)=\"onViewModeChange($event)\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n     [columnFormFields]=\"columnFormFields\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit($event)\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    [rowEditable]=\"rowEditable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n     [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n    <!-- \uD83D\uDFE2 \u0645\u0643\u0648\u0646 \u062F\u0631\u062C \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0645\u062D\u0641\u0648\u0638\u0629 -->\r\n<!-- <saved-report-templates-drawer\r\n  [(visible)]=\"templateDrawerVisible\"\r\n  (visibleChange)=\"templateDrawerVisibleChange.emit($event)\"\r\n  [filterFields]=\"filters\"\r\n  [service]=\"service.moduleName\"\r\n  [category]=\"category\"\r\n  [feature]=\"feature\"\r\n  (templateSelected)=\"templateSelected.emit($event)\">\r\n</saved-report-templates-drawer> -->\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: GenericTable, selector: "lib-generic-table", inputs: ["data", "columns", "columnFormFields", "loading", "actions", "actionsPosition", "actionsMode", "first", "rows", "totalRecords", "sortField", "sortOrder", "globalFilterFields", "addButtonConfigs", "scrollHeight", "rowEditable", "rowSelectable", "selection", "dataKey", "paginator", "showRowSelectionCheckbox"], outputs: ["action", "pageChange", "onAddNew", "rowSelect", "selectionChange"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: IconFieldModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: DialogModule }, { 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: GenericCrudHeaderComponent, selector: "app-generic-crud-header", inputs: ["mode", "breadcrumb", "isSingleItemSelected", "selectedItems", "singleActionButtons", "bulkActionButtons", "addButtonConfigs", "mergedButtonConfigs", "filters", "filterModel", "showSearch", "first", "rows", "totalRecords", "moduleName", "apiName", "actions", "showAdvancedFilter", "advancedFilterIcon", "searchTabs", "showViewMode", "viewMode"], outputs: ["singleItemAction", "bulkAction", "search", "resetSearch", "action", "paginateChange", "viewModeChange"] }, { kind: "component", type: GenericViewComponent, selector: "app-detail-view", inputs: ["title", "actions", "createEditActions", "tabs", "viewMode", "breadcrumb", "service", "formFields", "apiName", "moduleName", "idField", "standaloneMode", "useRouteParams", "query", "currentId", "useTabs", "isViewMode", "isCreateMode", "isEditMode", "model", "displayMode", "mode", "loading", "showToolbar"], outputs: ["action", "afterDelete"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericCrudTableComponent, isStandalone: true, selector: "app-generic-crud-table", inputs: { data: "data", formFields: "formFields", columnFormFields: "columnFormFields", columns: "columns", dialogMaxWidth: "dialogMaxWidth", isViewMode: "isViewMode", displayMode: "displayMode", useConfirmOnSave: "useConfirmOnSave", isEditMode: "isEditMode", drawerVisible: "drawerVisible", dialogVisible: "dialogVisible", model: "model", loading: "loading", errorMsg: "errorMsg", errorMessage: "errorMessage", actions: "actions", actionsMode: "actionsMode", beforeSaveTransform: "beforeSaveTransform", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", rowEditable: "rowEditable", rowSelectable: "rowSelectable", scrollHeight: "scrollHeight", paginator: "paginator", service: "service", apiName: "apiName", moduleName: "moduleName", idField: "idField", showRowSelectionCheckbox: "showRowSelectionCheckbox", showAddButton: "showAddButton", showPrintButton: "showPrintButton", PermissionName: "PermissionName", addButtonConfigs: "addButtonConfigs", createEditActions: "createEditActions", supportSubPage: "supportSubPage", tabs: "tabs", bulkActionButtons: "bulkActionButtons", singleActionButtons: "singleActionButtons", breadcrumb: "breadcrumb", mode: "mode", forceState: "forceState", hideTable: "hideTable", autoShowForm: "autoShowForm", rowStyleFn: "rowStyleFn", rowClassFn: "rowClassFn", disableRowCheckboxFn: "disableRowCheckboxFn", showAdvancedFilter: "showAdvancedFilter", advancedFilterIcon: "advancedFilterIcon", searchTabs: "searchTabs", showViewMode: "showViewMode", viewMode: "viewMode", templateDrawerVisible: "templateDrawerVisible", category: "category", feature: "feature" }, outputs: { action: "action", bulkAction: "bulkAction", singleAction: "singleAction", afterSave: "afterSave", afterDelete: "afterDelete", beforeSave: "beforeSave", beforeDelete: "beforeDelete", formCancel: "formCancel", formInit: "formInit", dataLoaded: "dataLoaded", selectionChange: "selectionChange", error: "error", search: "search", pageChange: "pageChange", onSearch: "onSearch", visibleChange: "visibleChange", rowSelect: "rowSelect", viewModeChange: "viewModeChange", templateSelected: "templateSelected", templateDrawerVisibleChange: "templateDrawerVisibleChange" }, viewQueries: [{ propertyName: "genericTable", first: true, predicate: ["genericTable"], descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [mergedButtonConfigs]=\"mergedButtonConfigs\"\r\n  [apiName]=\"service.apiName\"\r\n  [moduleName]=\"service.moduleName\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\n  (search)=\"resetPage($event);applySearch($event);\"\n  (resetSearch)=\"resetSearchFilters();\"\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [searchTabs]=\"searchTabs\"\r\n  [showAdvancedFilter]=\"showAdvancedFilter\"\r\n  [advancedFilterIcon]=\"advancedFilterIcon\"\r\n  [showViewMode]=\"showViewMode\"\r\n  [viewMode]=\"viewMode\"\r\n  (viewModeChange)=\"onViewModeChange($event)\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n    [columnFormFields]=\"columnFormFields\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit($event)\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    [rowEditable]=\"rowEditable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    (selectionChange)=\"onTableSelectionChange($event)\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n     [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n    <!-- \uD83D\uDFE2 \u0645\u0643\u0648\u0646 \u062F\u0631\u062C \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0645\u062D\u0641\u0648\u0638\u0629 -->\r\n<!-- <saved-report-templates-drawer\r\n  [(visible)]=\"templateDrawerVisible\"\r\n  (visibleChange)=\"templateDrawerVisibleChange.emit($event)\"\r\n  [filterFields]=\"filters\"\r\n  [service]=\"service.moduleName\"\r\n  [category]=\"category\"\r\n  [feature]=\"feature\"\r\n  (templateSelected)=\"templateSelected.emit($event)\">\r\n</saved-report-templates-drawer> -->\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: GenericTable, selector: "lib-generic-table", inputs: ["data", "columns", "columnFormFields", "loading", "actions", "actionsPosition", "actionsMode", "first", "rows", "totalRecords", "sortField", "sortOrder", "globalFilterFields", "addButtonConfigs", "scrollHeight", "rowEditable", "rowSelectable", "selection", "dataKey", "paginator", "showRowSelectionCheckbox"], outputs: ["action", "pageChange", "onAddNew", "rowSelect", "selectionChange"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: IconFieldModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: DialogModule }, { 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: GenericCrudHeaderComponent, selector: "app-generic-crud-header", inputs: ["mode", "breadcrumb", "isSingleItemSelected", "selectedItems", "singleActionButtons", "bulkActionButtons", "addButtonConfigs", "mergedButtonConfigs", "filters", "filterModel", "showSearch", "first", "rows", "totalRecords", "moduleName", "apiName", "actions", "showAdvancedFilter", "advancedFilterIcon", "searchTabs", "showViewMode", "viewMode"], outputs: ["singleItemAction", "bulkAction", "search", "resetSearch", "action", "paginateChange", "viewModeChange"] }, { kind: "component", type: GenericViewComponent, selector: "app-detail-view", inputs: ["title", "actions", "createEditActions", "tabs", "viewMode", "breadcrumb", "service", "formFields", "apiName", "moduleName", "idField", "standaloneMode", "useRouteParams", "query", "currentId", "useTabs", "isViewMode", "isCreateMode", "isEditMode", "model", "displayMode", "mode", "loading", "showToolbar"], outputs: ["action", "afterDelete"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericCrudTableComponent, decorators: [{
             type: Component,
@@ -799,7 +817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                         // SavedReportTemplatesDrawerComponent
                     ], host: {
                         class: ''
-                    }, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [mergedButtonConfigs]=\"mergedButtonConfigs\"\r\n  [apiName]=\"service.apiName\"\r\n  [moduleName]=\"service.moduleName\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\r\n  (search)=\"resetPage($event);applySearch($event);\"\r\n  (resetSearch)=\"resetPage($event);applySearch('');\"\r\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [searchTabs]=\"searchTabs\"\r\n  [showAdvancedFilter]=\"showAdvancedFilter\"\r\n  [advancedFilterIcon]=\"advancedFilterIcon\"\r\n  [showViewMode]=\"showViewMode\"\r\n  [viewMode]=\"viewMode\"\r\n  (viewModeChange)=\"onViewModeChange($event)\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n     [columnFormFields]=\"columnFormFields\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit($event)\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    [rowEditable]=\"rowEditable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n     [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n    <!-- \uD83D\uDFE2 \u0645\u0643\u0648\u0646 \u062F\u0631\u062C \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0645\u062D\u0641\u0648\u0638\u0629 -->\r\n<!-- <saved-report-templates-drawer\r\n  [(visible)]=\"templateDrawerVisible\"\r\n  (visibleChange)=\"templateDrawerVisibleChange.emit($event)\"\r\n  [filterFields]=\"filters\"\r\n  [service]=\"service.moduleName\"\r\n  [category]=\"category\"\r\n  [feature]=\"feature\"\r\n  (templateSelected)=\"templateSelected.emit($event)\">\r\n</saved-report-templates-drawer> -->\r\n\r\n</div>\r\n" }]
+                    }, template: "<div\r\n  [class]=\"mode !== 'form-only' && mode !== 'detail'  ? tableClass : ''\"\r\n>\r\n <app-generic-crud-header\r\n  [mode]=\"mode\"\r\n  [breadcrumb]=\"breadcrumb_\"\r\n  [isSingleItemSelected]=\"isSingleItemSelected\"\r\n  [selectedItems]=\"_selectedRows\"\r\n  [singleActionButtons]=\"singleActionButtons\"\r\n  [bulkActionButtons]=\"bulkActionButtons\"\r\n  [addButtonConfigs]=\"addButtonConfigs\"\r\n  [mergedButtonConfigs]=\"mergedButtonConfigs\"\r\n  [apiName]=\"service.apiName\"\r\n  [moduleName]=\"service.moduleName\"\r\n  [filters]=\"filters\"\r\n  [filterModel]=\"filterModel\"\r\n  [showSearch]=\"showSearch\"\r\n  (singleItemAction)=\"onSingleItemAction($event)\"\r\n  (bulkAction)=\"onInternalBulkAction($event)\"\r\n  (action)=\"action.emit($event)\"\n  (search)=\"resetPage($event);applySearch($event);\"\n  (resetSearch)=\"resetSearchFilters();\"\n  (paginateChange)=\"onHeaderPaginateChange($event)\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [searchTabs]=\"searchTabs\"\r\n  [showAdvancedFilter]=\"showAdvancedFilter\"\r\n  [advancedFilterIcon]=\"advancedFilterIcon\"\r\n  [showViewMode]=\"showViewMode\"\r\n  [viewMode]=\"viewMode\"\r\n  (viewModeChange)=\"onViewModeChange($event)\"\r\n/>\r\n\r\n   @if (!hideTable) {\r\n  <lib-generic-table\r\n    [data]=\"data\"\r\n    [columns]=\"columns\"\r\n    [columnFormFields]=\"columnFormFields\"\r\n    [paginator]=\"paginator\"\r\n    [loading]=\"loading\"\r\n    [actions]=\"actions\"\r\n    [actionsMode]=\"actionsMode\"\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [sortField]=\"sortField\"\r\n    [sortOrder]=\"sortOrder\"\r\n    [addButtonConfigs]=\"addButtonConfigs\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n    (action)=\"action.emit($event)\"\r\n    (onAddNew)=\"action.emit($event)\"\r\n    (pageChange)=\"onLazyLoad($event)\"\r\n    [rowSelectable]=\"rowSelectable\"\r\n    [rowEditable]=\"rowEditable\"\r\n    (rowSelect)=\"onRowClick($event)\"\r\n    [(selection)]=\"_selectedRows\"\r\n    (selectionChange)=\"onTableSelectionChange($event)\"\r\n    #genericTable\r\n  ></lib-generic-table>\r\n  }\r\n\r\n  <app-generic-dialog\r\n    #dialog\r\n     [service]=\"service\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [dialogMaxWidth]=\"dialogMaxWidth\"\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [forceState]=\"forceState\"\r\n    [drawerVisible]=\"drawerVisible\"\r\n    [dialogVisible]=\"dialogVisible\"\r\n    [isViewMode]=\"isViewMode\"\r\n    [isEditMode]=\"isEditMode\"\r\n    [useConfirmOnSave]=\"useConfirmOnSave\"\r\n    [loading]=\"loading\"\r\n    [errorMsg]=\"errorMsg\"\r\n    [errorMessage]=\"errorMessage\"\r\n    [beforeSaveTransform]=\"beforeSaveTransform\"\r\n    (action)=\"action.emit($event)\"\r\n    (afterSave)=\"afterSave.emit($event);onSubmit();\"\r\n    (afterDelete)=\"afterDelete.emit($event)\"\r\n    (beforeSave)=\"beforeSave.emit($event)\"\r\n    (beforeDelete)=\"beforeDelete.emit($event)\"\r\n    (formCancel)=\"formCancel.emit()\"\r\n    (formInit)=\"formInit.emit($event)\"\r\n    (dataLoaded)=\"dataLoaded.emit($event)\"\r\n    (selectionChange)=\"selectionChange.emit($event)\"\r\n    (error)=\"error.emit($event)\"\r\n    (visibleChange)=\"visibleChange.emit($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n   <app-detail-view\r\n    [displayMode]=\"displayMode\"\r\n    [mode]=\"mode\"\r\n    [title]=\"breadcrumb_?.[0]?.label || 'Detail'\"\r\n    [service]=\"service\"\r\n    [apiName]=\"service.apiName\"\r\n    [moduleName]=\"service.moduleName\"\r\n    [idField]=\"idField\"\r\n    [actions]=\"actions\"\r\n    [formFields]=\"formFields\"\r\n    [model]=\"model\"\r\n    [tabs]=\"tabs\"\r\n    [loading]=\"loading\"\r\n    [breadcrumb]=\"breadcrumb_\"\r\n    [createEditActions]=\"createEditActions\"\r\n     (action)=\"action.emit($event)\"\r\n    >\r\n  </app-detail-view>\r\n\r\n    <!-- \uD83D\uDFE2 \u0645\u0643\u0648\u0646 \u062F\u0631\u062C \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0645\u062D\u0641\u0648\u0638\u0629 -->\r\n<!-- <saved-report-templates-drawer\r\n  [(visible)]=\"templateDrawerVisible\"\r\n  (visibleChange)=\"templateDrawerVisibleChange.emit($event)\"\r\n  [filterFields]=\"filters\"\r\n  [service]=\"service.moduleName\"\r\n  [category]=\"category\"\r\n  [feature]=\"feature\"\r\n  (templateSelected)=\"templateSelected.emit($event)\">\r\n</saved-report-templates-drawer> -->\r\n\r\n</div>\r\n" }]
         }], propDecorators: { genericTable: [{
                 type: ViewChild,
                 args: ['genericTable']