@masterteam/components 0.0.163 → 0.0.164

package/fesm2022/masterteam-components-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-toast.mjs","sources":["../../../../packages/masterteam/components/toast/toast.ts","../../../../packages/masterteam/components/toast/toast.html","../../../../packages/masterteam/components/toast/toast.service.ts","../../../../packages/masterteam/components/toast/masterteam-components-toast.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { ToastModule } from 'primeng/toast';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [ToastModule],\r\n  selector: 'mt-toast',\r\n  templateUrl: 'toast.html',\r\n})\r\nexport class Toast {\r\n  protected readonly toastPosition = 'bottom-right';\r\n  protected readonly toastTransX = 'translateX(100%)';\r\n\r\n  // TODO: uncomment when we know how to handle i18n\r\n  // toastPosition = computed(() =>\r\n  //   this.langService.rtl() ? 'top-left' : 'top-right'\r\n  // );\r\n  // toastTransX = computed(() =>\r\n  //   this.langService.rtl() ? 'translateX(-100%)' : 'translateX(100%)'\r\n  // );\r\n}\r\n","<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\r\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\r\n  <!--   <div> -->\r\n  <!--     <div class=\"flex justify-between p-3\"> -->\r\n  <!--       <h6> -->\r\n  <!--         {{ message.summary }} -->\r\n  <!--       </h6> -->\r\n  <!--       <mt-button -->\r\n  <!--         size=\"small\" -->\r\n  <!--         icon=\"general.x\" -->\r\n  <!--         severity=\"secondary\" -->\r\n  <!--         text -->\r\n  <!--         (onClick)=\"closeFn()\" -->\r\n  <!--       /> -->\r\n  <!--     </div> -->\r\n  <!--   </div> -->\r\n  <!-- </ng-template> -->\r\n</p-toast>\r\n","import { inject, Injectable } from '@angular/core';\r\n// import { TranslateService } from '@ngx-translate/core';\r\nimport { MessageService, ToastMessageOptions } from 'primeng/api';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class ToastService {\r\n  messageService = inject(MessageService);\r\n  // translateService = inject(TranslateService);\r\n\r\n  add(message: ToastMessageOptions): void {\r\n    this.messageService.add(message);\r\n  }\r\n\r\n  addAll(messages: ToastMessageOptions[]): void {\r\n    this.messageService.addAll(messages);\r\n  }\r\n\r\n  clear(key?: string): void {\r\n    this.messageService.clear(key);\r\n  }\r\n\r\n  success(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('success')\r\n    summary: string = 'Success',\r\n  ) {\r\n    this.messageService.add({ severity: 'success', summary, detail });\r\n  }\r\n\r\n  warn(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('error')\r\n    summary: string = 'Warning',\r\n  ) {\r\n    this.messageService.add({ severity: 'warn', summary, detail });\r\n  }\r\n\r\n  error(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('error')\r\n    summary: string = 'Error',\r\n  ) {\r\n    this.messageService.add({ severity: 'error', summary, detail });\r\n  }\r\n\r\n  info(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = 'Info',\r\n  ) {\r\n    this.messageService.add({ severity: 'info', summary, detail });\r\n  }\r\n\r\n  secondary(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = '',\r\n  ) {\r\n    this.messageService.add({ severity: 'secondary', summary, detail });\r\n  }\r\n\r\n  contrast(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = '',\r\n  ) {\r\n    this.messageService.add({ severity: 'contrast', summary, detail });\r\n  }\r\n}\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-toast.mjs","sources":["../../../../packages/masterteam/components/toast/toast.ts","../../../../packages/masterteam/components/toast/toast.html","../../../../packages/masterteam/components/toast/toast.service.ts","../../../../packages/masterteam/components/toast/masterteam-components-toast.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { ToastModule } from 'primeng/toast';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [ToastModule],\r\n  selector: 'mt-toast',\r\n  templateUrl: 'toast.html',\r\n})\r\nexport class Toast {\r\n  protected readonly toastPosition = 'bottom-right';\r\n  protected readonly toastTransX = 'translateX(100%)';\r\n\r\n  // TODO: uncomment when we know how to handle i18n\r\n  // toastPosition = computed(() =>\r\n  //   this.langService.rtl() ? 'top-left' : 'top-right'\r\n  // );\r\n  // toastTransX = computed(() =>\r\n  //   this.langService.rtl() ? 'translateX(-100%)' : 'translateX(100%)'\r\n  // );\r\n}\r\n","<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\r\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\r\n  <!--   <div> -->\r\n  <!--     <div class=\"flex justify-between p-3\"> -->\r\n  <!--       <h6> -->\r\n  <!--         {{ message.summary }} -->\r\n  <!--       </h6> -->\r\n  <!--       <mt-button -->\r\n  <!--         size=\"small\" -->\r\n  <!--         icon=\"general.x\" -->\r\n  <!--         severity=\"secondary\" -->\r\n  <!--         text -->\r\n  <!--         (onClick)=\"closeFn()\" -->\r\n  <!--       /> -->\r\n  <!--     </div> -->\r\n  <!--   </div> -->\r\n  <!-- </ng-template> -->\r\n</p-toast>\r\n","import { inject, Injectable } from '@angular/core';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\nimport { MessageService, ToastMessageOptions } from 'primeng/api';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class ToastService {\r\n  messageService = inject(MessageService);\r\n  private readonly translocoService = inject(TranslocoService);\r\n\r\n  add(message: ToastMessageOptions): void {\r\n    this.messageService.add(message);\r\n  }\r\n\r\n  addAll(messages: ToastMessageOptions[]): void {\r\n    this.messageService.addAll(messages);\r\n  }\r\n\r\n  clear(key?: string): void {\r\n    this.messageService.clear(key);\r\n  }\r\n\r\n  success(detail: string = '', summary?: string) {\r\n    this.messageService.add({\r\n      severity: 'success',\r\n      summary:\r\n        summary ?? this.translocoService.translate('components.toast.success'),\r\n      detail,\r\n    });\r\n  }\r\n\r\n  warn(detail: string = '', summary?: string) {\r\n    this.messageService.add({\r\n      severity: 'warn',\r\n      summary:\r\n        summary ?? this.translocoService.translate('components.toast.warning'),\r\n      detail,\r\n    });\r\n  }\r\n\r\n  error(detail: string = '', summary?: string) {\r\n    this.messageService.add({\r\n      severity: 'error',\r\n      summary:\r\n        summary ?? this.translocoService.translate('components.toast.error'),\r\n      detail,\r\n    });\r\n  }\r\n\r\n  info(detail: string = '', summary?: string) {\r\n    this.messageService.add({\r\n      severity: 'info',\r\n      summary:\r\n        summary ?? this.translocoService.translate('components.toast.info'),\r\n      detail,\r\n    });\r\n  }\r\n\r\n  secondary(detail: string = '', summary: string = '') {\r\n    this.messageService.add({ severity: 'secondary', summary, detail });\r\n  }\r\n\r\n  contrast(detail: string = '', summary: string = '') {\r\n    this.messageService.add({ severity: 'contrast', summary, detail });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-topbar.mjs

@@ -16,11 +16,11 @@ class Topbar {
     titleClass = input(...(ngDevMode ? [undefined, { debugName: "titleClass" }] : /* istanbul ignore next */ []));
     subTitleClass = input(...(ngDevMode ? [undefined, { debugName: "subTitleClass" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, showBranding: { classPropertyName: "showBranding", publicName: "showBranding", isSignal: true, isRequired: false, transformFunction: null }, logoClass: { classPropertyName: "logoClass", publicName: "logoClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, subTitleClass: { classPropertyName: "subTitleClass", publicName: "subTitleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, showBranding: { classPropertyName: "showBranding", publicName: "showBranding", isSignal: true, isRequired: false, transformFunction: null }, logoClass: { classPropertyName: "logoClass", publicName: "logoClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, subTitleClass: { classPropertyName: "subTitleClass", publicName: "subTitleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [style.backgroundSize]=\"bgImage() && !bgRepeat() ? 'cover' : null\"\r\n  [style.backgroundPosition]=\"bgImage() && !bgRepeat() ? 'center' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Topbar, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [style.backgroundSize]=\"bgImage() && !bgRepeat() ? 'cover' : null\"\r\n  [style.backgroundPosition]=\"bgImage() && !bgRepeat() ? 'center' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], showBranding: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBranding", required: false }] }], logoClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], subTitleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitleClass", required: false }] }] } });
 
 /**

package/fesm2022/masterteam-components-topbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-topbar.mjs","sources":["../../../../packages/masterteam/components/topbar/topbar.ts","../../../../packages/masterteam/components/topbar/topbar.html","../../../../packages/masterteam/components/topbar/masterteam-components-topbar.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n  selector: 'mt-topbar',\r\n  standalone: true,\r\n  imports: [RouterLink],\r\n  templateUrl: './topbar.html',\r\n})\r\nexport class Topbar {\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  bgColor = input<string>('var(--p-primary-color)');\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  textColor = input<string>('var(--p-primary-contrast-color)');\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n  showBranding = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n  logoClass = input<string>();\r\n  titleClass = input<string>();\r\n  subTitleClass = input<string>();\r\n}\r\n","<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\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-topbar.mjs","sources":["../../../../packages/masterteam/components/topbar/topbar.ts","../../../../packages/masterteam/components/topbar/topbar.html","../../../../packages/masterteam/components/topbar/masterteam-components-topbar.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n  selector: 'mt-topbar',\r\n  standalone: true,\r\n  imports: [RouterLink],\r\n  templateUrl: './topbar.html',\r\n})\r\nexport class Topbar {\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  bgColor = input<string>('var(--p-primary-color)');\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  textColor = input<string>('var(--p-primary-contrast-color)');\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n  showBranding = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n  logoClass = input<string>();\r\n  titleClass = input<string>();\r\n  subTitleClass = input<string>();\r\n}\r\n","<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [style.backgroundSize]=\"bgImage() && !bgRepeat() ? 'cover' : null\"\r\n  [style.backgroundPosition]=\"bgImage() && !bgRepeat() ? 'center' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-3 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [class]=\"logoClass()\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0 opacity-30\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2\r\n            class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n            [class]=\"titleClass()\"\r\n          >\r\n            {{ title() }}\r\n          </h2>\r\n          <span\r\n            class=\"text-sm product-tagline whitespace-nowrap\"\r\n            [class]=\"subTitleClass()\"\r\n            >{{ subTitle() }}</span\r\n          >\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, signal, viewChild, inject, effect, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, signal, inject, computed, viewChild, effect, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { Validators, NgControl, FormsModule } from '@angular/forms';
 import * as i2 from 'primeng/autocomplete';
@@ -16,6 +16,7 @@ import { Subject, distinctUntilChanged, tap, switchMap, of, finalize, catchError
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Avatar } from '@masterteam/components/avatar';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { TranslocoService } from '@jsverse/transloco';
 import * as i3 from 'primeng/api';
 
 class UserSearchField {
@@ -38,6 +39,9 @@ class UserSearchField {
     size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     filteredUsers = signal([], ...(ngDevMode ? [{ debugName: "filteredUsers" }] : /* istanbul ignore next */ []));
     searchTerms = new Subject();
+    translocoService = inject(TranslocoService);
+    translatedPlaceholder = computed(() => this.placeholder() ??
+        this.translocoService.translate('components.userSearchField.search'), ...(ngDevMode ? [{ debugName: "translatedPlaceholder" }] : /* istanbul ignore next */ []));
     autocomplete = viewChild('autocomplete', ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
     onTouched = () => { };
     onModelChange = () => { };
@@ -146,7 +150,7 @@ class UserSearchField {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: UserSearchField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: UserSearchField, isStandalone: true, selector: "mt-user-search-field", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, apiUrl: { classPropertyName: "apiUrl", publicName: "apiUrl", isSignal: true, isRequired: true, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, paramName: { classPropertyName: "paramName", publicName: "paramName", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], ngImport: i0, template: "@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]=\"placeholder()\"\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", styles: [":host ::ng-deep .p-autocomplete-input-multiple{border-start-end-radius:0;border-end-end-radius:0}\n"], 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: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: UserSearchField, isStandalone: true, selector: "mt-user-search-field", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, apiUrl: { classPropertyName: "apiUrl", publicName: "apiUrl", isSignal: true, isRequired: true, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, paramName: { classPropertyName: "paramName", publicName: "paramName", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], ngImport: i0, template: "@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", styles: [":host ::ng-deep .p-autocomplete-input-multiple{border-start-end-radius:0;border-end-end-radius:0}\n"], 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: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: UserSearchField, decorators: [{
             type: Component,
@@ -161,7 +165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         Avatar,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',
-                    }, template: "@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]=\"placeholder()\"\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", styles: [":host ::ng-deep .p-autocomplete-input-multiple{border-start-end-radius:0;border-end-end-radius:0}\n"] }]
+                    }, template: "@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", styles: [":host ::ng-deep .p-autocomplete-input-multiple{border-start-end-radius:0;border-end-end-radius:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], isMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMultiple", required: false }] }], apiUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "apiUrl", required: true }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: false }] }], paramName: [{ type: i0.Input, args: [{ isSignal: true, alias: "paramName", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], styleClass: [{
                 type: HostBinding,
                 args: ['class']

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  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\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  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]=\"placeholder()\"\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  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":";;;;;;;;;;;;;;;;;;;;;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;IAE5D,qBAAqB,GAAG,QAAQ,CAC9B,MACE,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,mCAAmC,CAAC,4FACvE;AAEQ,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;AAC7B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACpC;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AAC1D,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;QAC7B;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;QAClC;QACA,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AAC7C,YAAA,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;QAC7B;IACF;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,IAAI,CACH,kBAAkB,EAAE,EACpB,oBAAoB,EAAE,EACtB,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EACjC,SAAS,CAAC,CAAC,IAAY,KAAI;YACzB,IAAI,CAAC,IAAI,EAAE;AACT,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;YACf;AACA,YAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC;YAC3D,OAAO,IAAI,CAAC;AACT,iBAAA,GAAG,CAAM,IAAI,CAAC,MAAM,EAAE,EAAE;gBACvB,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,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1B,gBAAA,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC;YACrC,CAAC,CAAC,CACH;AACL,QAAA,CAAC,CAAC;AAEH,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,KAAK,KAAI;AACd,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAY;YACjE,CAAC;AACF,SAAA,CAAC;IACN;uGAhKW,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,glFAuEA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpBI,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,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,cAAA,EAAA,MAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,QAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,aAAA,EAAA,IAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACP,gBAAgB,yJAChB,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,IAAI,sEACJ,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASG,eAAe,EAAA,UAAA,EAAA,CAAA;kBApB3B,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;qBACP,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,glFAAA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA;;sBAeA,WAAW;uBAAC,OAAO;oJAoB4B,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEpGhE;;AAEG;;;;"}

package/fesm2022/masterteam-components.mjs

@@ -1056,7 +1056,7 @@ class EntityListFieldConfig extends BaseFieldConfig {
 }
 function createCustomValidator(customValidator, message) {
     return (control) => {
-        const result = customValidator(control.value);
+        const result = customValidator(control.value, control);
         if (result instanceof Promise) {
             // Handle async validation
             result.then((isValid) => {