@masterteam/components 0.0.164 → 0.0.166

package/fesm2022/masterteam-components-user-search-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-user-search-field.mjs","sources":["../../../../packages/masterteam/components/user-search-field/user-search-field.ts","../../../../packages/masterteam/components/user-search-field/user-search-field.html","../../../../packages/masterteam/components/user-search-field/masterteam-components-user-search-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  HostBinding,\r\n  signal,\r\n  input,\r\n  OnInit,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  viewChild,\r\n  computed,\r\n} from '@angular/core';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\r\nimport { InputGroupModule } from 'primeng/inputgroup';\r\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon } from '@masterteam/icons';\r\nimport {\r\n  Subject,\r\n  distinctUntilChanged,\r\n  switchMap,\r\n  tap,\r\n  of,\r\n  finalize,\r\n  catchError,\r\n} from 'rxjs';\r\nimport { HttpClient, HttpContext, HttpParams } from '@angular/common/http';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\nexport interface User {\r\n  isExternal: boolean;\r\n  id: string;\r\n  displayName: string;\r\n  userName: string;\r\n  photo: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-user-search-field',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    AutoCompleteModule,\r\n    Tooltip,\r\n    InputGroupModule,\r\n    InputGroupAddonModule,\r\n    FieldValidation,\r\n    Icon,\r\n    Avatar,\r\n  ],\r\n  templateUrl: './user-search-field.html',\r\n  styleUrls: ['./user-search-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class UserSearchField implements ControlValueAccessor, OnInit {\r\n  readonly hint = input<string>();\r\n  readonly label = input<string>();\r\n  readonly placeholder = input<string>();\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly required = input<boolean>(false);\r\n  readonly isMultiple = input<boolean>(false);\r\n  readonly apiUrl = input.required<string>();\r\n  readonly dataKey = input<string>('data');\r\n  readonly paramName = input<string>('query');\r\n  readonly context = input<HttpContext | undefined>(undefined);\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<User | User[] | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  loading = signal<boolean>(false);\r\n\r\n  readonly size = input<'small' | 'large' | undefined>();\r\n\r\n  filteredUsers = signal<User[]>([]);\r\n  private searchTerms = new Subject<string>();\r\n\r\n  private readonly translocoService = inject(TranslocoService);\r\n\r\n  translatedPlaceholder = computed(\r\n    () =>\r\n      this.placeholder() ??\r\n      this.translocoService.translate('components.userSearchField.search'),\r\n  );\r\n\r\n  readonly autocomplete = viewChild<AutoComplete>('autocomplete');\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n  private http = inject(HttpClient);\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    this.ngControl = inject(NgControl, { self: true, optional: true });\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl?.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n    this.getUsers();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n  }\r\n\r\n  search(event: { query: string }) {\r\n    this.loading.set(true);\r\n    this.searchTerms.next(event.query);\r\n  }\r\n\r\n  onFocus() {\r\n    if (this.filteredUsers().length > 0 && this.autocomplete()) {\r\n      this.autocomplete()?.show();\r\n    }\r\n  }\r\n\r\n  onSelect(event: { originalEvent: Event; value: User }) {\r\n    const selectedUser = event.value;\r\n    if (this.isMultiple()) {\r\n      const current = (this.value() as User[]) || [];\r\n      const updated = [...current, selectedUser];\r\n      this.value.set(updated);\r\n      this.onModelChange(updated);\r\n    } else {\r\n      this.value.set(selectedUser);\r\n      this.onModelChange(selectedUser);\r\n    }\r\n    this.onTouched();\r\n    this.loading.set(false);\r\n    this.filteredUsers.set([]);\r\n    if (!this.isMultiple() && this.autocomplete()) {\r\n      this.autocomplete()?.hide();\r\n    }\r\n  }\r\n\r\n  onUnselect(event: { originalEvent: Event; value: User }) {\r\n    const removedUser = event.value;\r\n    const current = (this.value() as User[]) || [];\r\n    const updated = current.filter((u) => u.id !== removedUser.id);\r\n    this.value.set(updated);\r\n    this.onModelChange(updated);\r\n    this.onTouched();\r\n  }\r\n\r\n  onClear() {\r\n    this.value.set(this.isMultiple() ? [] : null);\r\n    this.onModelChange(this.isMultiple() ? [] : null);\r\n    this.filteredUsers.set([]);\r\n    this.loading.set(false);\r\n  }\r\n\r\n  writeValue(value: User | User[] | null): void {\r\n    if (this.isMultiple()) {\r\n      this.value.set(Array.isArray(value) ? value : value ? [value] : []);\r\n    } else {\r\n      this.value.set(Array.isArray(value) ? (value[0] ?? null) : value);\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: (value: User | null) => void) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n\r\n  getUsers() {\r\n    this.searchTerms\r\n      .pipe(\r\n        takeUntilDestroyed(),\r\n        distinctUntilChanged(),\r\n        tap(() => this.loading.set(true)),\r\n        switchMap((term: string) => {\r\n          if (!term) {\r\n            this.filteredUsers.set([]);\r\n            this.loading.set(false);\r\n            return of([]);\r\n          }\r\n          const params = new HttpParams().set(this.paramName(), term);\r\n          return this.http\r\n            .get<any>(this.apiUrl(), {\r\n              params,\r\n              context: this.context(),\r\n            })\r\n            .pipe(\r\n              finalize(() => this.loading.set(false)),\r\n              catchError((err) => {\r\n                console.error('API search failed:', err);\r\n                this.filteredUsers.set([]);\r\n                return of({ [this.dataKey()]: [] });\r\n              }),\r\n            );\r\n        }),\r\n      )\r\n      .subscribe({\r\n        next: (users) => {\r\n          this.filteredUsers.set((users[this.dataKey()] ?? []) as User[]);\r\n        },\r\n      });\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n}\r\n<div class=\"relative\">\r\n  <p-inputgroup>\r\n    <p-autoComplete\r\n      #autocomplete=\"\"\r\n      [suggestions]=\"filteredUsers()\"\r\n      (completeMethod)=\"search($event)\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      (onUnselect)=\"onUnselect($event)\"\r\n      (onClear)=\"onClear()\"\r\n      (onFocus)=\"onFocus()\"\r\n      (onBlur)=\"onTouched()\"\r\n      [ngModel]=\"isMultiple() ? value() : value()?.['displayName']\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [id]=\"ngControl?.name || label()\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n      [placeholder]=\"translatedPlaceholder()\"\r\n      [multiple]=\"isMultiple()\"\r\n      [optionLabel]=\"'displayName'\"\r\n      class=\"w-full\"\r\n      appendTo=\"body\"\r\n      styleClass=\"w-full\"\r\n      [dropdown]=\"false\"\r\n      [size]=\"size()\"\r\n    >\r\n      <ng-template let-user pTemplate=\"item\">\r\n        <div class=\"flex items-center gap-2\">\r\n          <mt-avatar size=\"small\" icon=\"user.user-01\" />\r\n          <div class=\"flex align-items-center gap-3\">\r\n            <span class=\"font-medium\">{{ user.displayName }}</span>\r\n            <medium class=\"text-gray-500\">{{ \"@\" + user.userName }}</medium>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <!-- <ng-template let-user #pTemplate=\"selecteditem\">\r\n        <div class=\"flex items-center gap-2\">\r\n          <mt-avatar size=\"small\" icon=\"user.user-01\" />\r\n          <div class=\"flex align-items-center gap-3\">\r\n            <span class=\"font-medium\">{{ user.displayName }}</span>\r\n            <medium class=\"text-gray-500\">{{ \"@\" + user.userName }}</medium>\r\n          </div>\r\n        </div>\r\n      </ng-template> -->\r\n    </p-autoComplete>\r\n    @if (hint()) {\r\n      <p-inputgroup-addon [mtTooltip]=\"hint()\" tooltipPosition=\"top\">\r\n        <mt-icon icon=\"general.help-circle\" />\r\n      </p-inputgroup-addon>\r\n    } @else {\r\n      <p-inputgroup-addon tooltipPosition=\"top\">\r\n        <mt-icon icon=\"user.user-03\" />\r\n      </p-inputgroup-addon>\r\n    }\r\n  </p-inputgroup>\r\n\r\n  @if (loading()) {\r\n    <mt-icon\r\n      icon=\"general.loading-01\"\r\n      class=\"animate-spin absolute right-3 bg-white top-1/2 -translate-y-1/2\"\r\n    />\r\n  }\r\n</div>\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-user-search-field.mjs","sources":["../../../../packages/masterteam/components/user-search-field/user-search-field.ts","../../../../packages/masterteam/components/user-search-field/user-search-field.html","../../../../packages/masterteam/components/user-search-field/masterteam-components-user-search-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  HostBinding,\r\n  signal,\r\n  input,\r\n  OnInit,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\r\nimport { InputGroupModule } from 'primeng/inputgroup';\r\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon } from '@masterteam/icons';\r\nimport {\r\n  Subject,\r\n  distinctUntilChanged,\r\n  switchMap,\r\n  tap,\r\n  of,\r\n  finalize,\r\n  catchError,\r\n} from 'rxjs';\r\nimport { HttpClient, HttpContext, HttpParams } from '@angular/common/http';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { TranslocoService, TranslocoPipe } from '@jsverse/transloco';\r\n\r\nexport interface User {\r\n  isExternal: boolean;\r\n  id: string;\r\n  displayName: string;\r\n  userName: string;\r\n  photo: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-user-search-field',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    AutoCompleteModule,\r\n    Tooltip,\r\n    InputGroupModule,\r\n    InputGroupAddonModule,\r\n    FieldValidation,\r\n    Icon,\r\n    Avatar,\r\n    TranslocoPipe,\r\n  ],\r\n  templateUrl: './user-search-field.html',\r\n  styleUrls: ['./user-search-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class UserSearchField implements ControlValueAccessor, OnInit {\r\n  readonly hint = input<string>();\r\n  readonly label = input<string>();\r\n  readonly placeholder = input<string>();\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly required = input<boolean>(false);\r\n  readonly isMultiple = input<boolean>(false);\r\n  readonly apiUrl = input.required<string>();\r\n  readonly dataKey = input<string>('data');\r\n  readonly paramName = input<string>('query');\r\n  readonly context = input<HttpContext | undefined>(undefined);\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<User | User[] | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  loading = signal<boolean>(false);\r\n\r\n  readonly size = input<'small' | 'large' | undefined>();\r\n\r\n  filteredUsers = signal<User[]>([]);\r\n  private searchTerms = new Subject<string>();\r\n\r\n  private readonly translocoService = inject(TranslocoService);\r\n\r\n  readonly autocomplete = viewChild<AutoComplete>('autocomplete');\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n  private http = inject(HttpClient);\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    this.ngControl = inject(NgControl, { self: true, optional: true });\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl?.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n    this.getUsers();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n  }\r\n\r\n  search(event: { query: string }) {\r\n    this.loading.set(true);\r\n    this.searchTerms.next(event.query);\r\n  }\r\n\r\n  onFocus() {\r\n    if (this.filteredUsers().length > 0 && this.autocomplete()) {\r\n      this.autocomplete()?.show();\r\n    }\r\n  }\r\n\r\n  onSelect(event: { originalEvent: Event; value: User }) {\r\n    const selectedUser = event.value;\r\n    if (this.isMultiple()) {\r\n      const current = (this.value() as User[]) || [];\r\n      const updated = [...current, selectedUser];\r\n      this.value.set(updated);\r\n      this.onModelChange(updated);\r\n    } else {\r\n      this.value.set(selectedUser);\r\n      this.onModelChange(selectedUser);\r\n    }\r\n    this.onTouched();\r\n    this.loading.set(false);\r\n    this.filteredUsers.set([]);\r\n    if (!this.isMultiple() && this.autocomplete()) {\r\n      this.autocomplete()?.hide();\r\n    }\r\n  }\r\n\r\n  onUnselect(event: { originalEvent: Event; value: User }) {\r\n    const removedUser = event.value;\r\n    const current = (this.value() as User[]) || [];\r\n    const updated = current.filter((u) => u.id !== removedUser.id);\r\n    this.value.set(updated);\r\n    this.onModelChange(updated);\r\n    this.onTouched();\r\n  }\r\n\r\n  onClear() {\r\n    this.value.set(this.isMultiple() ? [] : null);\r\n    this.onModelChange(this.isMultiple() ? [] : null);\r\n    this.filteredUsers.set([]);\r\n    this.loading.set(false);\r\n  }\r\n\r\n  writeValue(value: User | User[] | null): void {\r\n    if (this.isMultiple()) {\r\n      this.value.set(Array.isArray(value) ? value : value ? [value] : []);\r\n    } else {\r\n      this.value.set(Array.isArray(value) ? (value[0] ?? null) : value);\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: (value: User | null) => void) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n\r\n  getUsers() {\r\n    this.searchTerms\r\n      .pipe(\r\n        takeUntilDestroyed(),\r\n        distinctUntilChanged(),\r\n        tap(() => this.loading.set(true)),\r\n        switchMap((term: string) => {\r\n          if (!term) {\r\n            this.filteredUsers.set([]);\r\n            this.loading.set(false);\r\n            return of([]);\r\n          }\r\n          const params = new HttpParams().set(this.paramName(), term);\r\n          return this.http\r\n            .get<any>(this.apiUrl(), {\r\n              params,\r\n              context: this.context(),\r\n            })\r\n            .pipe(\r\n              finalize(() => this.loading.set(false)),\r\n              catchError((err) => {\r\n                console.error('API search failed:', err);\r\n                this.filteredUsers.set([]);\r\n                return of({ [this.dataKey()]: [] });\r\n              }),\r\n            );\r\n        }),\r\n      )\r\n      .subscribe({\r\n        next: (users) => {\r\n          this.filteredUsers.set((users[this.dataKey()] ?? []) as User[]);\r\n        },\r\n      });\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n}\r\n<div class=\"relative\">\r\n  <p-inputgroup>\r\n    <p-autoComplete\r\n      #autocomplete=\"\"\r\n      [suggestions]=\"filteredUsers()\"\r\n      (completeMethod)=\"search($event)\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      (onUnselect)=\"onUnselect($event)\"\r\n      (onClear)=\"onClear()\"\r\n      (onFocus)=\"onFocus()\"\r\n      (onBlur)=\"onTouched()\"\r\n      [ngModel]=\"isMultiple() ? value() : value()?.['displayName']\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [id]=\"ngControl?.name || label()\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n      [placeholder]=\"'components.userSearchField.search' | transloco\"\r\n      [multiple]=\"isMultiple()\"\r\n      [optionLabel]=\"'displayName'\"\r\n      class=\"w-full\"\r\n      appendTo=\"body\"\r\n      styleClass=\"w-full\"\r\n      [dropdown]=\"false\"\r\n      [size]=\"size()\"\r\n    >\r\n      <ng-template let-user pTemplate=\"item\">\r\n        <div class=\"flex items-center gap-2\">\r\n          <mt-avatar size=\"small\" icon=\"user.user-01\" />\r\n          <div class=\"flex align-items-center gap-3\">\r\n            <span class=\"font-medium\">{{ user.displayName }}</span>\r\n            <medium class=\"text-gray-500\">{{ \"@\" + user.userName }}</medium>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <!-- <ng-template let-user #pTemplate=\"selecteditem\">\r\n        <div class=\"flex items-center gap-2\">\r\n          <mt-avatar size=\"small\" icon=\"user.user-01\" />\r\n          <div class=\"flex align-items-center gap-3\">\r\n            <span class=\"font-medium\">{{ user.displayName }}</span>\r\n            <medium class=\"text-gray-500\">{{ \"@\" + user.userName }}</medium>\r\n          </div>\r\n        </div>\r\n      </ng-template> -->\r\n    </p-autoComplete>\r\n    @if (hint()) {\r\n      <p-inputgroup-addon [mtTooltip]=\"hint()\" tooltipPosition=\"top\">\r\n        <mt-icon icon=\"general.help-circle\" />\r\n      </p-inputgroup-addon>\r\n    } @else {\r\n      <p-inputgroup-addon tooltipPosition=\"top\">\r\n        <mt-icon icon=\"user.user-03\" />\r\n      </p-inputgroup-addon>\r\n    }\r\n  </p-inputgroup>\r\n\r\n  @if (loading()) {\r\n    <mt-icon\r\n      icon=\"general.loading-01\"\r\n      class=\"animate-spin absolute right-3 bg-white top-1/2 -translate-y-1/2\"\r\n    />\r\n  }\r\n</div>\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.164",
+  "version": "0.0.166",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,

package/types/masterteam-components-business-fields.d.ts

@@ -10,6 +10,7 @@ declare class LookupMatrixField {
     readonly config: _angular_core.InputSignal<LookupMatrixFieldConfig>;
     private readonly controlContainer;
     private readonly destroyRef;
+    private readonly transloco;
     private readonly valueVersion;
     readonly xOptions: _angular_core.Signal<LookupOptionItemConfig[]>;
     readonly yOptions: _angular_core.Signal<LookupOptionItemConfig[]>;
@@ -290,6 +291,7 @@ declare class EntityListField implements ControlValueAccessor {
     private readonly http;
     private readonly destroyRef;
     private readonly modal;
+    private readonly transloco;
     /**
      * Optional rich add-row dialog (provided by `@masterteam/forms` via
      * `provideEntityListAddForm()`). When available, used instead of the local

package/types/masterteam-components-client-page.d.ts

@@ -7,6 +7,7 @@ declare class ClientPage implements OnDestroy {
     private readonly document;
     private readonly dir;
     private readonly zone;
+    private readonly transloco;
     private mediaQueryList;
     private resizeMoveListener;
     private resizeUpListener;
@@ -68,7 +69,7 @@ declare class ClientPage implements OnDestroy {
     /** Icon for the collapse toggle button */
     readonly toggleIcon: _angular_core.Signal<"arrow.chevron-up" | "arrow.chevron-down" | "arrow.chevron-left" | "arrow.chevron-right">;
     /** Accessible label for the toggle button */
-    readonly toggleAriaLabel: _angular_core.Signal<"Collapse menu" | "Expand menu" | "Expand sidebar" | "Collapse sidebar">;
+    readonly toggleAriaLabel: _angular_core.Signal<string>;
     constructor();
     toggleCollapsed(): void;
     selectItem(item: ClientPageMenuItem): void;

package/types/masterteam-components-drawer.d.ts

@@ -6,6 +6,7 @@ declare class Drawer implements OnDestroy {
     private readonly doc;
     private readonly host;
     private readonly renderer;
+    private readonly transloco;
     private readonly drawerInstanceClass;
     private customMask;
     private removeMaskClickListener;

package/types/masterteam-components-dynamic-drawer.d.ts

@@ -26,6 +26,7 @@ declare class DrawerService {
     private destroyRef;
     private doc;
     private hostRef?;
+    private transloco;
     defauiltConfig: DynamicDrawerConfigInterface;
     constructor();
     open<T>(component: Type<any>, config?: DynamicDrawerConfigInterface): DynamicDialogRef<T>;
@@ -82,6 +83,7 @@ declare class DynamicDrawerHost {
     private drawerController;
     private readonly host;
     private readonly renderer;
+    private readonly transloco;
     private resizeAnimTimer;
     private readonly RESIZE_ANIM_CLASS;
     private readonly RESIZE_ANIM_DURATION_MS;

package/types/masterteam-components-entities.d.ts

@@ -358,6 +358,7 @@ declare class EntityAttachment {
     readonly endPoint: _angular_core.InputSignal<string>;
     readonly context: _angular_core.InputSignal<HttpContext | undefined>;
     private readonly httpClient;
+    private readonly transloco;
     readonly displayName: _angular_core.Signal<string>;
     readonly loading: _angular_core.WritableSignal<boolean>;
     readonly attachments: _angular_core.WritableSignal<EntityAttachmentItemValue[]>;
@@ -435,6 +436,7 @@ interface OperationBadge {
     classes: string;
 }
 declare class ComparisonEntityList {
+    private readonly transloco;
     readonly data: _angular_core.InputSignal<EntityData>;
     readonly comparison: _angular_core.Signal<EntityListComparison | null>;
     readonly rows: _angular_core.Signal<EntityListComparisonRow[]>;
@@ -457,6 +459,7 @@ interface EntityClickEvent {
     source: MouseEvent;
 }
 declare class EntitiesPreview {
+    private readonly transloco;
     /** Array of entity data to display */
     readonly entities: _angular_core.InputSignal<EntityData[]>;
     readonly attachmentShape: _angular_core.InputSignal<"compact" | "default">;

package/types/masterteam-components-formula.d.ts

@@ -465,6 +465,7 @@ interface OperatorGroup {
     operators: OperatorDefinition[];
 }
 declare class FormulaToolbar {
+    private readonly transloco;
     /** Known properties to show in properties tab */
     readonly knownProperties: _angular_core.InputSignal<string[]>;
     /** Custom properties template */
@@ -497,10 +498,10 @@ declare class FormulaToolbar {
     /** Active tab */
     readonly activeTab: _angular_core.WritableSignal<ToolbarTab>;
     /** Tab options */
-    readonly tabOptions: {
+    readonly tabOptions: _angular_core.Signal<{
         label: string;
         value: ToolbarTab;
-    }[];
+    }[]>;
     /** Tabs actually rendered */
     readonly resolvedTabOptions: _angular_core.Signal<{
         label: string;
@@ -531,6 +532,8 @@ declare class FormulaToolbar {
     }[]>;
     /** Filtered properties based on search */
     readonly filteredProperties: _angular_core.Signal<string[]>;
+    /** Operators translated through the active locale */
+    private readonly translatedOperators;
     /** Filtered operators based on search */
     readonly filteredOperators: _angular_core.Signal<OperatorDefinition[]>;
     /** Count of filtered items per tab */
@@ -567,6 +570,7 @@ declare class FormulaToolbar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormulaToolbar, "mt-formula-toolbar", never, { "knownProperties": { "alias": "knownProperties"; "required": false; "isSignal": true; }; "propertiesTemplate": { "alias": "propertiesTemplate"; "required": false; "isSignal": true; }; "functionCategories": { "alias": "functionCategories"; "required": false; "isSignal": true; }; "operators": { "alias": "operators"; "required": false; "isSignal": true; }; "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "visibleTabs": { "alias": "visibleTabs"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "onBlockInsert": "onBlockInsert"; "onTabChange": "onTabChange"; }, ["projectedPropertiesTemplate"], never, true, never>;
 }
 
+declare const OPERATOR_SYMBOL_TO_TRANSLATION_KEY: Record<string, string>;
 declare const DEFAULT_OPERATORS: OperatorDefinition[];
 
 type ToolbarItemType = 'function' | 'property' | 'operator';
@@ -722,5 +726,5 @@ declare class FormulaRuntimeEngine {
     private evaluateAst;
 }
 
-export { CONDITION_FUNCTION_CATEGORIES, CONDITION_OPERATORS, CONDITION_RUNTIME_CATALOG, DEFAULT_OPERATORS, FormulaEditor, FormulaEditorCode, FormulaRuntimeEngine, FormulaStatusBar, FormulaToolbar, FormulaToolbarItem, VALIDATION_FUNCTION_CATEGORIES, VALIDATION_OPERATORS, VALIDATION_RUNTIME_CATALOG, cloneBlock, cloneToken, cloneTokens, createFunctionBlock, createFunctionTokens, createLiteralBlock, createLiteralToken, createOperatorBlock, createOperatorToken, createPropertyBlock, createPropertyToken, createTextToken, findFunctionRange, generateFunctionId, generateSmartBlockId, generateTokenId, getArgumentIndexAtPosition, getFunctionTokens, isValidDropPosition, parseSignature, recalculateDepths, serializeTokens, tokenizeFormulaTemplate };
+export { CONDITION_FUNCTION_CATEGORIES, CONDITION_OPERATORS, CONDITION_RUNTIME_CATALOG, DEFAULT_OPERATORS, FormulaEditor, FormulaEditorCode, FormulaRuntimeEngine, FormulaStatusBar, FormulaToolbar, FormulaToolbarItem, OPERATOR_SYMBOL_TO_TRANSLATION_KEY, VALIDATION_FUNCTION_CATEGORIES, VALIDATION_OPERATORS, VALIDATION_RUNTIME_CATALOG, cloneBlock, cloneToken, cloneTokens, createFunctionBlock, createFunctionTokens, createLiteralBlock, createLiteralToken, createOperatorBlock, createOperatorToken, createPropertyBlock, createPropertyToken, createTextToken, findFunctionRange, generateFunctionId, generateSmartBlockId, generateTokenId, getArgumentIndexAtPosition, getFunctionTokens, isValidDropPosition, parseSignature, recalculateDepths, serializeTokens, tokenizeFormulaTemplate };
 export type { ApiErrorResponse, ArgumentSlot, AutocompleteContext, AutocompleteRequest, AutocompleteResponse, AutocompleteSuggestion, BlockType, DragBehavior, ExampleItem, FormulaConditionEvaluation, FormulaEvaluationContext, FormulaRuntimeCatalog, FormulaRuntimeDomain, FormulaRuntimeEngineError, FormulaRuntimeEngineErrorCode, FormulaToken, FormulaToolbarPropertiesContext, FormulaValidationEvaluation, FormulaValidationRulesEvaluation, FunctionCategory, FunctionCategoryGroup, FunctionDefinition, FunctionExample, FunctionInfo, OperatorDefinition, ParameterDefinition, SmartBlock, TokenType, ToolbarItemType, ToolbarTab, ValidationError, ValidationRequest, ValidationResult, ValidationSeverity, ValidationWarning };

package/types/masterteam-components-module-summary-card.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { MTIcon } from '@masterteam/icons';
 
 declare class ModuleSummaryCard {
+    private readonly transloco;
     readonly icon: _angular_core.InputSignal<MTIcon | undefined>;
     readonly title: _angular_core.InputSignal<string | undefined>;
     readonly description: _angular_core.InputSignal<string | undefined>;

package/types/masterteam-components-pick-list-field.d.ts

@@ -5,6 +5,7 @@ import { PickList } from 'primeng/picklist';
 import { isInvalid } from '@masterteam/components';
 
 declare class PickListField implements ControlValueAccessor, OnInit {
+    private readonly transloco;
     readonly label: _angular_core.InputSignal<string | undefined>;
     readonly class: _angular_core.InputSignal<string>;
     readonly readonly: _angular_core.InputSignal<boolean>;

package/types/masterteam-components-runtime-action.d.ts

@@ -90,10 +90,12 @@ declare class RuntimeActionRunner {
     private readonly confirmation;
     private readonly modal;
     private readonly toast;
+    private readonly transloco;
     private readonly confirmDialogClass;
     execute(action: RuntimeAction, options?: RuntimeActionExecuteOptions): Promise<RuntimeActionResult>;
     private confirm;
     private run;
+    private notExecutableMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeActionRunner, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeActionRunner>;
 }

package/types/masterteam-components-table.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, WritableSignal } from '@angular/core';
 import { MTIcon } from '@masterteam/icons';
 import { ConfirmationConfig, ConfirmationService } from '@masterteam/components/confirmation';
+import { TranslocoService } from '@jsverse/transloco';
 import { TablePageEvent } from 'primeng/table';
 import { EntityData } from '@masterteam/components/entities';
 import { ControlValueAccessor } from '@angular/forms';
@@ -125,7 +126,9 @@ declare class TableGroupingController {
     private readonly groupBy;
     private readonly sortField;
     private readonly sortDirection;
-    constructor(columns: Signal<ColumnDef[]>, rows: Signal<unknown[]>, groupBy: WritableSignal<string | null>, sortField: WritableSignal<string | null>, sortDirection: WritableSignal<'asc' | 'desc' | null>);
+    private readonly transloco?;
+    constructor(columns: Signal<ColumnDef[]>, rows: Signal<unknown[]>, groupBy: WritableSignal<string | null>, sortField: WritableSignal<string | null>, sortDirection: WritableSignal<'asc' | 'desc' | null>, transloco?: TranslocoService | undefined);
+    private translate;
     readonly groupableColumns: Signal<ColumnDef[]>;
     /**
      * Row counts per group key — consumed by the group header template so each
@@ -238,6 +241,7 @@ declare class Table {
     sortDirection: _angular_core.WritableSignal<"asc" | "desc" | null>;
     confirmationService: ConfirmationService;
     private readonly exportService;
+    private readonly transloco;
     protected readonly grouping: TableGroupingController;
     protected selectedRowKeys: _angular_core.WritableSignal<Set<string>>;
     protected transientSelectedRows: _angular_core.WritableSignal<Set<any>>;
@@ -359,6 +363,13 @@ declare class TableValueResolver {
     private static readonly EXPORTABLE_ENTITY_VIEW_TYPES;
     private static readonly FILTERABLE_ENTITY_VIEW_TYPES;
     static getProperty(obj: unknown, key: string): unknown;
+    /**
+     * Recursively scans `value` for any string field that contains `searchTerm`.
+     * Used by the general-search box so nested displays (e.g. `name.display` on a
+     * lookup row, where the row's top-level `name` is an object) are still
+     * matched. `searchTerm` is expected to be lowercase.
+     */
+    static matchesSearchTerm(value: unknown, searchTerm: string, depth?: number): boolean;
     static getColumnFilterType(column: ColumnDef, row?: Record<string, unknown>): FilterConfig['type'] | null;
     /**
      * Returns a column with its filterConfig normalized for rendering:
@@ -448,10 +459,11 @@ declare class TableFilter implements ControlValueAccessor {
 declare class TableFilterField {
     readonly column: _angular_core.InputSignal<ColumnDef>;
     readonly value: _angular_core.ModelSignal<any>;
-    protected readonly booleanOptions: {
+    private readonly transloco;
+    protected readonly booleanOptions: _angular_core.Signal<{
         label: string;
         value: boolean;
-    }[];
+    }[]>;
     protected getFilterType(): string;
     protected getScalarValue(): any;
     protected getDateRangeValue(part: 'from' | 'to'): Date | null;

package/types/masterteam-components-tabs.d.ts

@@ -10,6 +10,7 @@ interface OptionItem {
     [key: string]: unknown;
 }
 declare class Tabs {
+    private readonly transloco;
     options: _angular_core.InputSignal<OptionItem[]>;
     optionLabel: _angular_core.InputSignal<string>;
     optionValue: _angular_core.InputSignal<string>;

package/types/masterteam-components-text-field.d.ts

@@ -30,7 +30,8 @@ declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     hasEndActions: _angular_core.Signal<boolean>;
     hasTwoEndActions: _angular_core.Signal<boolean>;
     passwordToggleIcon: _angular_core.Signal<MTIcon>;
-    passwordToggleLabel: _angular_core.Signal<"Hide password" | "Show password">;
+    private readonly transloco;
+    passwordToggleLabel: _angular_core.Signal<string>;
     alphaNum: RegExp;
     onTouched: () => void;
     onModelChange: (value: any) => void;

package/types/masterteam-components-tree.d.ts

@@ -89,6 +89,7 @@ declare class Tree {
     }): void;
     onContextMenuSelect(event: TreeNode): void;
     getCheckAllValue(event: any): void;
+    toggleNodeExpanded(node: TreeNode, event: MouseEvent): void;
     toggleNodeSelection(node: TreeNode, event: MouseEvent): void;
     handleCheckedNodes(): void;
     resolveActionLoading(action: TreeAction, node: any): boolean | undefined;

package/types/masterteam-components-upload-field.d.ts

@@ -5,6 +5,7 @@ import { HttpContext, HttpClient } from '@angular/common/http';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 
 declare class UploadField implements ControlValueAccessor {
+    private readonly transloco;
     readonly label: _angular_core.InputSignal<string | undefined>;
     readonly title: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string>;

package/types/masterteam-components-user-search-field.d.ts

@@ -33,7 +33,6 @@ declare class UserSearchField implements ControlValueAccessor, OnInit {
     filteredUsers: _angular_core.WritableSignal<User[]>;
     private searchTerms;
     private readonly translocoService;
-    translatedPlaceholder: _angular_core.Signal<string>;
     readonly autocomplete: _angular_core.Signal<AutoComplete | undefined>;
     onTouched: () => void;
     onModelChange: (value: any) => void;