@flusys/ng-auth 8.0.3 → 8.1.1

package/fesm2022/flusys-ng-auth.mjs

@@ -7,7 +7,7 @@ import { Router, RouterOutlet, ActivatedRoute, RouterLink } from '@angular/route
 import { PlatformService, PermissionValidatorService, ApiResourceService, CookieService, TranslateService, USER_PERMISSIONS, COMPANY_PERMISSIONS, BRANCH_PERMISSIONS, SOCIAL_AUTH_CONFIG_PERMISSIONS, resolveTranslationModule, SHARED_MESSAGES, permissionGuard, USER_PROVIDER, COMPANY_API_PROVIDER, USER_PERMISSION_PROVIDER, AUTH_STATE_PROVIDER, RouterTabsComponent, TranslatePipe, HasPermissionDirective, BaseFormComponent, BaseListComponent, BaseListTemplateDirective, FileUrlService, FILE_PROVIDER, PROFILE_PERMISSION_PROVIDER, FileUploaderComponent } from '@flusys/ng-shared';
 import { map as map$1, catchError as catchError$1, tap as tap$1 } from 'rxjs/operators';
 import { isPlatformBrowser, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
-import { MessageService, CardComponent, CheckboxComponent, FButtonDirective, InputTextDirective, SelectComponent, UiIconComponent, ConfirmationService, DialogComponent, ProgressSpinnerComponent, TooltipDirective, TableComponent, TagComponent, PasswordComponent, AvatarComponent, SkeletonComponent, TextareaDirective, ToggleSwitchComponent } from '@flusys/ng-ui';
+import { MessageService, CardComponent, CheckboxComponent, FButtonDirective, InputTextDirective, SelectComponent, UiIconComponent, ConfirmationService, DialogComponent, ProgressSpinnerComponent, TooltipDirective, IconFieldComponent, InputIconComponent, TableComponent, TagComponent, PasswordComponent, AvatarComponent, SkeletonComponent, TextareaDirective, ToggleSwitchComponent } from '@flusys/ng-ui';
 import { LAYOUT_AUTH_STATE, LAYOUT_AUTH_API, AppFloatingConfigurator } from '@flusys/ng-layout';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { form, required, FormField, email, minLength } from '@angular/forms/signals';
@@ -2545,6 +2545,9 @@ class BranchListComponent {
     ...(ngDevMode ? [{ debugName: "permittedUsersDialogVisible" }] : /* istanbul ignore next */ []));
     selectedBranch = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedBranch" }] : /* istanbul ignore next */ []));
+    _searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
+    searchTerm = this._searchTerm.asReadonly();
     constructor() {
         effect(() => {
             const params = this.queryParamMap();
@@ -2570,7 +2573,7 @@ class BranchListComponent {
         const companyId = this.selectedCompanyId();
         if (!companyId)
             return;
-        this.branchService.fetchList('', {
+        this.branchService.fetchList(this._searchTerm(), {
             filter: { companyId },
             pagination: { currentPage: page, pageSize },
         });
@@ -2583,6 +2586,10 @@ class BranchListComponent {
         const rows = event.rows ?? 10;
         this.loadBranches(Math.floor(first / rows), rows);
     }
+    onSearchChange(value) {
+        this._searchTerm.set(value);
+        this.loadBranches(0);
+    }
     onCreate() {
         this.router.navigate(['/administration/branch/new'], {
             queryParams: { companyId: this.selectedCompanyId() },
@@ -2651,17 +2658,29 @@ class BranchListComponent {
               />
             }
           </div>
-          <button
-            fButton
-            *hasPermission="BRANCH_PERMISSIONS.CREATE"
-            [disabled]="!selectedCompanyId()"
-            (click)="onCreate()"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{
-              'administrative.branch.add' | translate
-            }}</span>
-          </button>
+          <div class="flex items-center gap-3 w-full sm:w-auto">
+            <f-iconfield class="w-full sm:w-64">
+              <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+              <input
+                fInputText
+                type="text"
+                [ngModel]="searchTerm()"
+                (ngModelChange)="onSearchChange($event)"
+                [placeholder]="'shared.search' | translate"
+              />
+            </f-iconfield>
+            <button
+              fButton
+              *hasPermission="BRANCH_PERMISSIONS.CREATE"
+              [disabled]="!selectedCompanyId()"
+              (click)="onCreate()"
+            >
+              <ui-icon pButtonIcon name="plus"></ui-icon>
+              <span pButtonLabel>{{
+                'administrative.branch.add' | translate
+              }}</span>
+            </button>
+          </div>
         </div>
       </ng-template>
 
@@ -2764,7 +2783,7 @@ class BranchListComponent {
       [branch]="selectedBranch()"
       (closed)="permittedUsersDialogVisible.set(false)"
     />
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CardComponent, selector: "f-card", inputs: ["header", "subheader", "styleClass", "style"] }, { kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: BranchPermittedUsersDialogComponent, selector: "lib-branch-permitted-users-dialog", inputs: ["visible", "branch"], outputs: ["closed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CardComponent, selector: "f-card", inputs: ["header", "subheader", "styleClass", "style"] }, { kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: BranchPermittedUsersDialogComponent, selector: "lib-branch-permitted-users-dialog", inputs: ["visible", "branch"], outputs: ["closed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BranchListComponent, decorators: [{
             type: Component,
@@ -2774,6 +2793,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                         FormsModule,
                         CardComponent,
                         FButtonDirective,
+                        IconFieldComponent,
+                        InputIconComponent,
+                        InputTextDirective,
                         SelectComponent,
                         TableComponent,
                         TagComponent,
@@ -2809,17 +2831,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
               />
             }
           </div>
-          <button
-            fButton
-            *hasPermission="BRANCH_PERMISSIONS.CREATE"
-            [disabled]="!selectedCompanyId()"
-            (click)="onCreate()"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{
-              'administrative.branch.add' | translate
-            }}</span>
-          </button>
+          <div class="flex items-center gap-3 w-full sm:w-auto">
+            <f-iconfield class="w-full sm:w-64">
+              <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+              <input
+                fInputText
+                type="text"
+                [ngModel]="searchTerm()"
+                (ngModelChange)="onSearchChange($event)"
+                [placeholder]="'shared.search' | translate"
+              />
+            </f-iconfield>
+            <button
+              fButton
+              *hasPermission="BRANCH_PERMISSIONS.CREATE"
+              [disabled]="!selectedCompanyId()"
+              (click)="onCreate()"
+            >
+              <ui-icon pButtonIcon name="plus"></ui-icon>
+              <span pButtonLabel>{{
+                'administrative.branch.add' | translate
+              }}</span>
+            </button>
+          </div>
         </div>
       </ng-template>
 
@@ -3373,6 +3407,7 @@ class CompanyListComponent {
       [actions]="rowActions"
       [service]="companyService"
       [title]="'administrative.company.title' | translate"
+      [searchable]="true"
       [showCreateButton]="canCreate()"
       [createButtonLabel]="'administrative.company.add' | translate"
       [createRoute]="'/administration/company/new'"
@@ -3418,6 +3453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
       [actions]="rowActions"
       [service]="companyService"
       [title]="'administrative.company.title' | translate"
+      [searchable]="true"
       [showCreateButton]="canCreate()"
       [createButtonLabel]="'administrative.company.add' | translate"
       [createRoute]="'/administration/company/new'"
@@ -10180,6 +10216,9 @@ class UserListComponent {
     ...(ngDevMode ? [{ debugName: "showUserDetailDialog" }] : /* istanbul ignore next */ []));
     selectedUser = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedUser" }] : /* istanbul ignore next */ []));
+    _searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
+    searchTerm = this._searchTerm.asReadonly();
     getFieldValue(user, field) {
         const parts = field.split('.');
         let value = user;
@@ -10214,18 +10253,20 @@ class UserListComponent {
         this.showUserDetailDialog.set(false);
         this.selectedUser.set(null);
     }
-    loadUsers() {
-        this.userService.fetchList('', {
-            pagination: { currentPage: 0, pageSize: 10 },
+    loadUsers(page = 0, pageSize = 10) {
+        this.userService.fetchList(this._searchTerm(), {
+            pagination: { currentPage: page, pageSize },
         });
     }
     onLazyLoad(event) {
         const first = event.first ?? 0;
         const rows = event.rows ?? 10;
         const page = Math.floor(first / rows);
-        this.userService.fetchList('', {
-            pagination: { currentPage: page, pageSize: rows },
-        });
+        this.loadUsers(page, rows);
+    }
+    onSearchChange(value) {
+        this._searchTerm.set(value);
+        this.loadUsers(0);
     }
     onCreate() {
         this.router.navigate(['/administration/users/new']);
@@ -10280,14 +10321,26 @@ class UserListComponent {
           <h2 class="text-xl font-semibold m-0">
             {{ 'administrative.user.title' | translate }}
           </h2>
-          <button
-            fButton
-            *hasPermission="USER_PERMISSIONS.CREATE"
-            (click)="onCreate()"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
-          </button>
+          <div class="flex items-center gap-3 w-full sm:w-auto">
+            <f-iconfield class="w-full sm:w-64">
+              <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+              <input
+                fInputText
+                type="text"
+                [ngModel]="searchTerm()"
+                (ngModelChange)="onSearchChange($event)"
+                [placeholder]="'shared.search' | translate"
+              />
+            </f-iconfield>
+            <button
+              fButton
+              *hasPermission="USER_PERMISSIONS.CREATE"
+              (click)="onCreate()"
+            >
+              <ui-icon pButtonIcon name="plus"></ui-icon>
+              <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
+            </button>
+          </div>
         </div>
       </ng-template>
 
@@ -10561,7 +10614,7 @@ class UserListComponent {
         }
       </f-dialog>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CardComponent, selector: "f-card", inputs: ["header", "subheader", "styleClass", "style"] }, { kind: "component", type: DialogComponent, selector: "f-dialog", inputs: ["header", "visible", "modal", "closable", "closeOnEscape", "dismissableMask", "resizable", "draggable", "maximizable", "blockScroll", "returnFocusOnClose", "position", "style", "styleClass", "breakpoints"], outputs: ["visibleChange", "onShow", "onHide", "onMaximize"] }, { kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserCompanyPermissionDialogComponent, selector: "lib-user-company-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "component", type: UserBranchPermissionDialogComponent, selector: "lib-user-branch-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CardComponent, selector: "f-card", inputs: ["header", "subheader", "styleClass", "style"] }, { kind: "component", type: DialogComponent, selector: "f-dialog", inputs: ["header", "visible", "modal", "closable", "closeOnEscape", "dismissableMask", "resizable", "draggable", "maximizable", "blockScroll", "returnFocusOnClose", "position", "style", "styleClass", "breakpoints"], outputs: ["visibleChange", "onShow", "onHide", "onMaximize"] }, { kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserCompanyPermissionDialogComponent, selector: "lib-user-company-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "component", type: UserBranchPermissionDialogComponent, selector: "lib-user-branch-permission-dialog", inputs: ["visible", "user"], outputs: ["closed", "permissionsChanged"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: UserListComponent, decorators: [{
             type: Component,
@@ -10569,9 +10622,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                     selector: 'lib-user-list',
                     imports: [
                         NgTemplateOutlet,
+                        FormsModule,
                         CardComponent,
                         DialogComponent,
                         FButtonDirective,
+                        IconFieldComponent,
+                        InputIconComponent,
+                        InputTextDirective,
                         TableComponent,
                         TagComponent,
                         TooltipDirective,
@@ -10590,14 +10647,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
           <h2 class="text-xl font-semibold m-0">
             {{ 'administrative.user.title' | translate }}
           </h2>
-          <button
-            fButton
-            *hasPermission="USER_PERMISSIONS.CREATE"
-            (click)="onCreate()"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
-          </button>
+          <div class="flex items-center gap-3 w-full sm:w-auto">
+            <f-iconfield class="w-full sm:w-64">
+              <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+              <input
+                fInputText
+                type="text"
+                [ngModel]="searchTerm()"
+                (ngModelChange)="onSearchChange($event)"
+                [placeholder]="'shared.search' | translate"
+              />
+            </f-iconfield>
+            <button
+              fButton
+              *hasPermission="USER_PERMISSIONS.CREATE"
+              (click)="onCreate()"
+            >
+              <ui-icon pButtonIcon name="plus"></ui-icon>
+              <span pButtonLabel>{{ 'administrative.user.add' | translate }}</span>
+            </button>
+          </div>
         </div>
       </ng-template>