@masterteam/components 0.0.172 → 0.0.173

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

@@ -66,8 +66,18 @@ class UserSearchField {
         this.searchTerms.next(event.query);
     }
     onFocus() {
+        const autocomplete = this.autocomplete();
+        if (!autocomplete)
+            return;
+        const inputEl = autocomplete.multiInputEl?.nativeElement ??
+            autocomplete.inputEL?.nativeElement;
+        const typed = (inputEl?.value ?? '').trim();
+        if (!typed) {
+            this.filteredUsers.set([]);
+            return;
+        }
         if (this.filteredUsers().length > 0) {
-            this.autocomplete()?.show();
+            autocomplete.show();
         }
     }
     onSelect(event) {

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} 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  debounceTime,\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.searchTerms.next(event.query);\r\n  }\r\n\r\n  onFocus() {\r\n    if (this.filteredUsers().length > 0) {\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      const remaining = this.filteredUsers().filter(\r\n        (u) => u.id !== selectedUser.id,\r\n      );\r\n      this.filteredUsers.set(remaining);\r\n      if (remaining.length > 0) {\r\n        queueMicrotask(() => this.autocomplete()?.show());\r\n      }\r\n    } else {\r\n      this.value.set(selectedUser);\r\n      this.onModelChange(selectedUser);\r\n      this.filteredUsers.set([]);\r\n      this.autocomplete()?.hide();\r\n    }\r\n    this.onTouched();\r\n    this.loading.set(false);\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        debounceTime(250),\r\n        tap(() => this.loading.set(true)),\r\n        switchMap((term: string) => {\r\n          const trimmed = term?.trim();\r\n          if (!trimmed) {\r\n            this.filteredUsers.set([]);\r\n            this.loading.set(false);\r\n            return of({ [this.dataKey()]: [] } as Record<string, User[]>);\r\n          }\r\n          const params = new HttpParams().set(this.paramName(), trimmed);\r\n          return this.http\r\n            .get<Record<string, User[]>>(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                return of({ [this.dataKey()]: [] } as Record<string, User[]>);\r\n              }),\r\n            );\r\n        }),\r\n      )\r\n      .subscribe({\r\n        next: (response) => {\r\n          const users = (response?.[this.dataKey()] ?? []) as User[];\r\n          if (this.isMultiple()) {\r\n            const selectedIds = new Set(\r\n              ((this.value() as User[]) ?? []).map((u) => u.id),\r\n            );\r\n            this.filteredUsers.set(users.filter((u) => !selectedIds.has(u.id)));\r\n          } else {\r\n            this.filteredUsers.set(users);\r\n          }\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":";;;;;;;;;;;;;;;;;;;;;MAmEa,eAAe,CAAA;IACjB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACvB,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,iFAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,IAAA,OAAO,GAAG,KAAK,CAAS,MAAM,8EAAC;AAC/B,IAAA,SAAS,GAAG,KAAK,CAAS,OAAO,gFAAC;AAClC,IAAA,OAAO,GAAG,KAAK,CAA0B,SAAS,8EAAC;AAEtC,IAAA,UAAU;AAEhC,IAAA,iBAAiB,GAAG,UAAU,CAAC,QAAQ;AACvC,IAAA,KAAK,GAAG,MAAM,CAAuB,IAAI,4EAAC;AAC1C,IAAA,QAAQ,GAAG,MAAM,CAAU,KAAK,+EAAC;AACjC,IAAA,OAAO,GAAG,MAAM,CAAU,KAAK,8EAAC;IAEvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAiC;AAEtD,IAAA,aAAa,GAAG,MAAM,CAAS,EAAE,oFAAC;AAC1B,IAAA,WAAW,GAAG,IAAI,OAAO,EAAU;AAE1B,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEnD,IAAA,YAAY,GAAG,SAAS,CAAe,cAAc,mFAAC;AAE/D,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAChC,IAAA,aAAa,GAAyB,MAAK,EAAE,CAAC;IAEvC,SAAS,GAAqB,IAAI;AACjC,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IAEjC,SAAS,GAAG,SAAS;AAErB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAClE,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;QACA,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBAC9C,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC;AACzD,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,EAAE;YACjD;AACF,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,QAAQ,EAAE;IACjB;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE;IAChC;AAEA,IAAA,MAAM,CAAC,KAAwB,EAAA;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACpC;IAEA,OAAO,GAAA;QACL,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,YAAA,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;QAC7B;IACF;AAEA,IAAA,QAAQ,CAAC,KAA4C,EAAA;AACnD,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK;AAChC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACrB,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE;YAC9C,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,YAAY,CAAC;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAC3C,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAChC;AACD,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;AACjC,YAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,gBAAA,cAAc,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC;YACnD;QACF;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;AAChC,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;QAC7B;QACA,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;AAEA,IAAA,UAAU,CAAC,KAA4C,EAAA;AACrD,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK;QAC/B,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE;AAC9C,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE;IAClB;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;AAEA,IAAA,UAAU,CAAC,KAA2B,EAAA;AACpC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QACrE;aAAO;YACL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC;QACnE;IACF;AAEA,IAAA,gBAAgB,CAAC,EAAgC,EAAA;AAC/C,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;IAC7B;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC;AACF,aAAA,IAAI,CACH,kBAAkB,EAAE,EACpB,YAAY,CAAC,GAAG,CAAC,EACjB,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EACjC,SAAS,CAAC,CAAC,IAAY,KAAI;AACzB,YAAA,MAAM,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE;YAC5B,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,gBAAA,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,EAA4B,CAAC;YAC/D;AACA,YAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC;YAC9D,OAAO,IAAI,CAAC;AACT,iBAAA,GAAG,CAAyB,IAAI,CAAC,MAAM,EAAE,EAAE;gBAC1C,MAAM;AACN,gBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;aACxB;iBACA,IAAI,CACH,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EACvC,UAAU,CAAC,CAAC,GAAG,KAAI;AACjB,gBAAA,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC;AACxC,gBAAA,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,EAA4B,CAAC;YAC/D,CAAC,CAAC,CACH;AACL,QAAA,CAAC,CAAC;AAEH,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;AACjB,gBAAA,MAAM,KAAK,IAAI,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAW;AAC1D,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;oBACrB,MAAM,WAAW,GAAG,IAAI,GAAG,CACzB,CAAE,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAClD;oBACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrE;qBAAO;AACL,oBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC/B;YACF,CAAC;AACF,SAAA,CAAC;IACN;uGAtKW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,qxDCnE5B,wmFAuEA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrBI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,kBAAkB,y2CAClB,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACP,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,qBAAqB,oKACrB,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,MAAM,sLACN,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASJ,eAAe,EAAA,UAAA,EAAA,CAAA;kBArB3B,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,OAAA,EACP;wBACP,WAAW;wBACX,kBAAkB;wBAClB,OAAO;wBACP,gBAAgB;wBAChB,qBAAqB;wBACrB,eAAe;wBACf,IAAI;wBACJ,MAAM;wBACN,aAAa;qBACd,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,wmFAAA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA;;sBAeA,WAAW;uBAAC,OAAO;oJAc4B,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE9FhE;;AAEG;;;;"}
+{"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  debounceTime,\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.searchTerms.next(event.query);\r\n  }\r\n\r\n  onFocus() {\r\n    const autocomplete = this.autocomplete();\r\n    if (!autocomplete) return;\r\n    const inputEl =\r\n      autocomplete.multiInputEl?.nativeElement ??\r\n      autocomplete.inputEL?.nativeElement;\r\n    const typed = (inputEl?.value ?? '').trim();\r\n    if (!typed) {\r\n      this.filteredUsers.set([]);\r\n      return;\r\n    }\r\n    if (this.filteredUsers().length > 0) {\r\n      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      const remaining = this.filteredUsers().filter(\r\n        (u) => u.id !== selectedUser.id,\r\n      );\r\n      this.filteredUsers.set(remaining);\r\n      if (remaining.length > 0) {\r\n        queueMicrotask(() => this.autocomplete()?.show());\r\n      }\r\n    } else {\r\n      this.value.set(selectedUser);\r\n      this.onModelChange(selectedUser);\r\n      this.filteredUsers.set([]);\r\n      this.autocomplete()?.hide();\r\n    }\r\n    this.onTouched();\r\n    this.loading.set(false);\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        debounceTime(250),\r\n        tap(() => this.loading.set(true)),\r\n        switchMap((term: string) => {\r\n          const trimmed = term?.trim();\r\n          if (!trimmed) {\r\n            this.filteredUsers.set([]);\r\n            this.loading.set(false);\r\n            return of({ [this.dataKey()]: [] } as Record<string, User[]>);\r\n          }\r\n          const params = new HttpParams().set(this.paramName(), trimmed);\r\n          return this.http\r\n            .get<Record<string, User[]>>(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                return of({ [this.dataKey()]: [] } as Record<string, User[]>);\r\n              }),\r\n            );\r\n        }),\r\n      )\r\n      .subscribe({\r\n        next: (response) => {\r\n          const users = (response?.[this.dataKey()] ?? []) as User[];\r\n          if (this.isMultiple()) {\r\n            const selectedIds = new Set(\r\n              ((this.value() as User[]) ?? []).map((u) => u.id),\r\n            );\r\n            this.filteredUsers.set(users.filter((u) => !selectedIds.has(u.id)));\r\n          } else {\r\n            this.filteredUsers.set(users);\r\n          }\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":";;;;;;;;;;;;;;;;;;;;;MAmEa,eAAe,CAAA;IACjB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACvB,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,iFAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,IAAA,OAAO,GAAG,KAAK,CAAS,MAAM,8EAAC;AAC/B,IAAA,SAAS,GAAG,KAAK,CAAS,OAAO,gFAAC;AAClC,IAAA,OAAO,GAAG,KAAK,CAA0B,SAAS,8EAAC;AAEtC,IAAA,UAAU;AAEhC,IAAA,iBAAiB,GAAG,UAAU,CAAC,QAAQ;AACvC,IAAA,KAAK,GAAG,MAAM,CAAuB,IAAI,4EAAC;AAC1C,IAAA,QAAQ,GAAG,MAAM,CAAU,KAAK,+EAAC;AACjC,IAAA,OAAO,GAAG,MAAM,CAAU,KAAK,8EAAC;IAEvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAiC;AAEtD,IAAA,aAAa,GAAG,MAAM,CAAS,EAAE,oFAAC;AAC1B,IAAA,WAAW,GAAG,IAAI,OAAO,EAAU;AAE1B,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEnD,IAAA,YAAY,GAAG,SAAS,CAAe,cAAc,mFAAC;AAE/D,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAChC,IAAA,aAAa,GAAyB,MAAK,EAAE,CAAC;IAEvC,SAAS,GAAqB,IAAI;AACjC,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IAEjC,SAAS,GAAG,SAAS;AAErB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAClE,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;QACA,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBAC9C,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC;AACzD,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,EAAE;YACjD;AACF,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,QAAQ,EAAE;IACjB;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE;IAChC;AAEA,IAAA,MAAM,CAAC,KAAwB,EAAA;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACpC;IAEA,OAAO,GAAA;AACL,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;AACxC,QAAA,IAAI,CAAC,YAAY;YAAE;AACnB,QAAA,MAAM,OAAO,GACX,YAAY,CAAC,YAAY,EAAE,aAAa;AACxC,YAAA,YAAY,CAAC,OAAO,EAAE,aAAa;AACrC,QAAA,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE;QAC3C,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B;QACF;QACA,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,YAAY,CAAC,IAAI,EAAE;QACrB;IACF;AAEA,IAAA,QAAQ,CAAC,KAA4C,EAAA;AACnD,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK;AAChC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACrB,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE;YAC9C,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,YAAY,CAAC;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAC3C,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAChC;AACD,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;AACjC,YAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,gBAAA,cAAc,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC;YACnD;QACF;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;AAChC,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;QAC7B;QACA,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;AAEA,IAAA,UAAU,CAAC,KAA4C,EAAA;AACrD,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK;QAC/B,MAAM,OAAO,GAAI,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE;AAC9C,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE;IAClB;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACjD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;AAEA,IAAA,UAAU,CAAC,KAA2B,EAAA;AACpC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QACrE;aAAO;YACL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC;QACnE;IACF;AAEA,IAAA,gBAAgB,CAAC,EAAgC,EAAA;AAC/C,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;IAC7B;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC;AACF,aAAA,IAAI,CACH,kBAAkB,EAAE,EACpB,YAAY,CAAC,GAAG,CAAC,EACjB,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EACjC,SAAS,CAAC,CAAC,IAAY,KAAI;AACzB,YAAA,MAAM,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE;YAC5B,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,gBAAA,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,EAA4B,CAAC;YAC/D;AACA,YAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC;YAC9D,OAAO,IAAI,CAAC;AACT,iBAAA,GAAG,CAAyB,IAAI,CAAC,MAAM,EAAE,EAAE;gBAC1C,MAAM;AACN,gBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;aACxB;iBACA,IAAI,CACH,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EACvC,UAAU,CAAC,CAAC,GAAG,KAAI;AACjB,gBAAA,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC;AACxC,gBAAA,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,EAA4B,CAAC;YAC/D,CAAC,CAAC,CACH;AACL,QAAA,CAAC,CAAC;AAEH,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;AACjB,gBAAA,MAAM,KAAK,IAAI,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAW;AAC1D,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;oBACrB,MAAM,WAAW,GAAG,IAAI,GAAG,CACzB,CAAE,IAAI,CAAC,KAAK,EAAa,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAClD;oBACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrE;qBAAO;AACL,oBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC/B;YACF,CAAC;AACF,SAAA,CAAC;IACN;uGAhLW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,qxDCnE5B,wmFAuEA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrBI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,kBAAkB,y2CAClB,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACP,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,qBAAqB,oKACrB,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,MAAM,sLACN,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASJ,eAAe,EAAA,UAAA,EAAA,CAAA;kBArB3B,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,OAAA,EACP;wBACP,WAAW;wBACX,kBAAkB;wBAClB,OAAO;wBACP,gBAAgB;wBAChB,qBAAqB;wBACrB,eAAe;wBACf,IAAI;wBACJ,MAAM;wBACN,aAAa;qBACd,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,wmFAAA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA;;sBAeA,WAAW;uBAAC,OAAO;oJAc4B,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE9FhE;;AAEG;;;;"}

package/package.json

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

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

@@ -245,7 +245,7 @@ declare class Table {
     filterTerm: _angular_core.ModelSignal<string>;
     groupBy: _angular_core.ModelSignal<string | null>;
     sortField: _angular_core.WritableSignal<string | null>;
-    sortDirection: _angular_core.WritableSignal<"asc" | "desc" | null>;
+    sortDirection: _angular_core.WritableSignal<"desc" | "asc" | null>;
     confirmationService: ConfirmationService;
     private readonly exportService;
     private readonly transloco;
@@ -443,10 +443,12 @@ declare class TableFilter implements ControlValueAccessor {
     readonly data: _angular_core.InputSignal<any[]>;
     readonly filterApplied: _angular_core.OutputEmitterRef<TableFilters>;
     readonly filterReset: _angular_core.OutputEmitterRef<void>;
+    private readonly popoverRef;
     protected pendingFilters: _angular_core.WritableSignal<TableFilters>;
     protected appliedFilters: _angular_core.WritableSignal<TableFilters>;
     private onChange;
     private onTouched;
+    constructor();
     protected filterableColumns: _angular_core.Signal<ColumnDef[]>;
     protected activeFilterCount: _angular_core.Signal<number>;
     protected updateFilter(key: string, value: any): void;
@@ -499,6 +501,8 @@ declare class TableColumnFilter {
     readonly filterChange: _angular_core.OutputEmitterRef<any>;
     protected readonly pendingValue: _angular_core.WritableSignal<any>;
     protected readonly hasActiveValue: _angular_core.Signal<boolean>;
+    private readonly popoverRef;
+    constructor();
     protected open(popover: Popover, event: Event): void;
     protected apply(popover: Popover): void;
     protected clear(popover: Popover): void;