@masterteam/components 0.0.166 → 0.0.167

package/fesm2022/masterteam-components-text-field.mjs

@@ -3,13 +3,21 @@ import { input, signal, computed, inject, effect, HostBinding, ViewChild, Change
 import * as i2 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i1 from '@angular/forms';
-import { Validators, NgControl, FormsModule } from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
 import { Tooltip } from '@masterteam/components/tooltip';
 import { FieldValidation } from '@masterteam/components/field-validation';
 import { isInvalid } from '@masterteam/components';
 import { Icon } from '@masterteam/icons';
 import { TranslocoService } from '@jsverse/transloco';
 
+const requiredNoWhitespace = (control) => {
+    const value = control.value;
+    if (value === null || value === undefined)
+        return { required: true };
+    if (typeof value === 'string' && value.trim() === '')
+        return { required: true };
+    return null;
+};
 // TODO: text stuck when reset
 class TextField {
     inputText;
@@ -27,7 +35,7 @@ class TextField {
     iconPosition = input('start', ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
     // readonly externalControl = input<any>(null);
     styleClass;
-    requiredValidator = Validators.required;
+    requiredValidator = requiredNoWhitespace;
     value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     passwordVisible = signal(false, ...(ngDevMode ? [{ debugName: "passwordVisible" }] : /* istanbul ignore next */ []));
@@ -63,7 +71,7 @@ class TextField {
         }
         effect(() => {
             if (this.ngControl?.control && this.required()) {
-                this.ngControl.control.addValidators(Validators.required);
+                this.ngControl.control.addValidators(this.requiredValidator);
                 this.ngControl.control.updateValueAndValidity();
             }
         });

package/fesm2022/masterteam-components-text-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-text-field.mjs","sources":["../../../../packages/masterteam/components/text-field/text-field.ts","../../../../packages/masterteam/components/text-field/text-field.html","../../../../packages/masterteam/components/text-field/masterteam-components-text-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  HostBinding,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  signal,\r\n  input,\r\n  OnInit,\r\n  OnChanges,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  computed,\r\n} from '@angular/core';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\n// import { KeyFilterModule, KeyFilterPattern } from 'primeng/keyfilter';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\n// TODO: text stuck when reset\r\n@Component({\r\n  selector: 'mt-text-field',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    InputTextModule,\r\n    // INFO: if we need this filter uncomment the import, and next line and add this to the template input\r\n    //[pKeyFilter]=\"\r\n    //   pKeyFilter()\r\n    //     ? pKeyFilter() === 'alphanum'\r\n    //       ? alphaNum\r\n    //       : pKeyFilter()\r\n    //     : null\r\n    // \"\r\n    // KeyFilterModule,\r\n    Tooltip,\r\n    FieldValidation,\r\n    Icon,\r\n  ],\r\n  templateUrl: './text-field.html',\r\n  styleUrls: ['./text-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class TextField implements ControlValueAccessor, OnInit, OnChanges {\r\n  @ViewChild('inputText', { static: true })\r\n  inputText: HTMLInputElement;\r\n\r\n  readonly field = input<boolean>(true);\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 type = input<string>('text');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<HTMLInputElement>>();\r\n  // readonly pKeyFilter = input<KeyFilterPattern | RegExp>();\r\n  readonly required = input<boolean>(false);\r\n  readonly icon = input<MTIcon>();\r\n  readonly iconPosition = input<'start' | 'end'>('start');\r\n  // readonly externalControl = input<any>(null);\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<string | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  passwordVisible = signal<boolean>(false);\r\n  isPasswordField = computed(() => this.type() === 'password');\r\n  inputType = computed(() =>\r\n    this.isPasswordField() && this.passwordVisible() ? 'text' : this.type(),\r\n  );\r\n  hasStartIcon = computed(\r\n    () => Boolean(this.icon()) && this.iconPosition() === 'start',\r\n  );\r\n  hasEndIcon = computed(\r\n    () =>\r\n      this.isPasswordField() ||\r\n      (Boolean(this.icon()) && this.iconPosition() === 'end'),\r\n  );\r\n  hasHint = computed(() => Boolean(this.hint()));\r\n  hasEndActions = computed(() => this.hasEndIcon() || this.hasHint());\r\n  hasTwoEndActions = computed(() => this.hasEndIcon() && this.hasHint());\r\n  passwordToggleIcon = computed<MTIcon>(() =>\r\n    this.passwordVisible() ? 'general.eye-off' : 'general.eye',\r\n  );\r\n  private readonly transloco = inject(TranslocoService);\r\n  passwordToggleLabel = computed(() =>\r\n    this.passwordVisible()\r\n      ? this.transloco.translate('components.textField.hidePassword')\r\n      : this.transloco.translate('components.textField.showPassword'),\r\n  );\r\n\r\n  alphaNum: RegExp = /[\\u0621-\\u064A\\u0660-\\u0669a-z0-9\\s]/i;\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    try {\r\n      // Try to inject NgControl if available\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    } catch (_e) {\r\n      // If injection fails, ngControl will remain null\r\n      this.ngControl = null;\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  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    // if (this.externalControl()) {\r\n    //   debugger\r\n    //   this.ngControl = this.externalControl();\r\n    // }\r\n\r\n    if (this.pInputs()) {\r\n      this.applyInputsToInputText();\r\n    }\r\n  }\r\n\r\n  applyInputsToInputText() {\r\n    Object.assign(this.inputText, this.pInputs());\r\n  }\r\n\r\n  onValueChange(value: any) {\r\n    this.value.set(value);\r\n\r\n    const control = this.ngControl?.control;\r\n    if (control) {\r\n      control.setValue(value);\r\n      control.markAsDirty();\r\n      control.markAsTouched();\r\n      control.updateValueAndValidity({ emitEvent: false });\r\n      return;\r\n    }\r\n\r\n    this.onModelChange(value);\r\n    this.onTouched();\r\n  }\r\n\r\n  togglePasswordVisibility() {\r\n    if (this.disabled() || this.readonly()) {\r\n      return;\r\n    }\r\n\r\n    this.passwordVisible.update((visible) => !visible);\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToInputText();\r\n    }\r\n  }\r\n\r\n  writeValue(value: string) {\r\n    this.value.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: any) {\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","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n\r\n<div\r\n  class=\"mt-text-field__input\"\r\n  [class.mt-text-field__input--start-icon]=\"hasStartIcon()\"\r\n  [class.mt-text-field__input--end-action]=\"hasEndActions()\"\r\n  [class.mt-text-field__input--two-end-actions]=\"hasTwoEndActions()\"\r\n>\r\n  @if (icon() && iconPosition() === \"start\") {\r\n    <span class=\"mt-text-field__icon mt-text-field__icon--start\">\r\n      <mt-icon [icon]=\"icon()\" />\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    #inputText=\"\"\r\n    pInputText=\"\"\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [type]=\"inputType()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    (blur)=\"onTouched()\"\r\n    placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n    class=\"w-full\"\r\n  />\r\n\r\n  @if (isPasswordField()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"mt-text-field__action\"\r\n      [class.mt-text-field__action--before-hint]=\"hasHint()\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [attr.aria-label]=\"passwordToggleLabel()\"\r\n      [mtTooltip]=\"passwordToggleLabel()\"\r\n      tooltipPosition=\"top\"\r\n      (click)=\"togglePasswordVisibility()\"\r\n    >\r\n      <mt-icon [icon]=\"passwordToggleIcon()\" />\r\n    </button>\r\n  } @else if (icon() && iconPosition() === \"end\") {\r\n    <span\r\n      class=\"mt-text-field__icon mt-text-field__icon--end\"\r\n      [class.mt-text-field__icon--before-hint]=\"hasHint()\"\r\n    >\r\n      <mt-icon [icon]=\"icon()\" />\r\n    </span>\r\n  }\r\n\r\n  @if (hint()) {\r\n    <span\r\n      class=\"mt-text-field__icon mt-text-field__icon--end\"\r\n      [mtTooltip]=\"hint()\"\r\n      tooltipPosition=\"top\"\r\n    >\r\n      <mt-icon icon=\"general.info-circle\" />\r\n    </span>\r\n  }\r\n</div>\r\n\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-text-field.mjs","sources":["../../../../packages/masterteam/components/text-field/text-field.ts","../../../../packages/masterteam/components/text-field/text-field.html","../../../../packages/masterteam/components/text-field/masterteam-components-text-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  HostBinding,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  signal,\r\n  input,\r\n  OnInit,\r\n  OnChanges,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  computed,\r\n} from '@angular/core';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport {\r\n  AbstractControl,\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  ValidationErrors,\r\n  ValidatorFn,\r\n} from '@angular/forms';\r\n// import { KeyFilterModule, KeyFilterPattern } from 'primeng/keyfilter';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\nconst requiredNoWhitespace: ValidatorFn = (\r\n  control: AbstractControl,\r\n): ValidationErrors | null => {\r\n  const value = control.value;\r\n  if (value === null || value === undefined) return { required: true };\r\n  if (typeof value === 'string' && value.trim() === '')\r\n    return { required: true };\r\n  return null;\r\n};\r\n\r\n// TODO: text stuck when reset\r\n@Component({\r\n  selector: 'mt-text-field',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    InputTextModule,\r\n    // INFO: if we need this filter uncomment the import, and next line and add this to the template input\r\n    //[pKeyFilter]=\"\r\n    //   pKeyFilter()\r\n    //     ? pKeyFilter() === 'alphanum'\r\n    //       ? alphaNum\r\n    //       : pKeyFilter()\r\n    //     : null\r\n    // \"\r\n    // KeyFilterModule,\r\n    Tooltip,\r\n    FieldValidation,\r\n    Icon,\r\n  ],\r\n  templateUrl: './text-field.html',\r\n  styleUrls: ['./text-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class TextField implements ControlValueAccessor, OnInit, OnChanges {\r\n  @ViewChild('inputText', { static: true })\r\n  inputText: HTMLInputElement;\r\n\r\n  readonly field = input<boolean>(true);\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 type = input<string>('text');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<HTMLInputElement>>();\r\n  // readonly pKeyFilter = input<KeyFilterPattern | RegExp>();\r\n  readonly required = input<boolean>(false);\r\n  readonly icon = input<MTIcon>();\r\n  readonly iconPosition = input<'start' | 'end'>('start');\r\n  // readonly externalControl = input<any>(null);\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator: ValidatorFn = requiredNoWhitespace;\r\n  value = signal<string | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  passwordVisible = signal<boolean>(false);\r\n  isPasswordField = computed(() => this.type() === 'password');\r\n  inputType = computed(() =>\r\n    this.isPasswordField() && this.passwordVisible() ? 'text' : this.type(),\r\n  );\r\n  hasStartIcon = computed(\r\n    () => Boolean(this.icon()) && this.iconPosition() === 'start',\r\n  );\r\n  hasEndIcon = computed(\r\n    () =>\r\n      this.isPasswordField() ||\r\n      (Boolean(this.icon()) && this.iconPosition() === 'end'),\r\n  );\r\n  hasHint = computed(() => Boolean(this.hint()));\r\n  hasEndActions = computed(() => this.hasEndIcon() || this.hasHint());\r\n  hasTwoEndActions = computed(() => this.hasEndIcon() && this.hasHint());\r\n  passwordToggleIcon = computed<MTIcon>(() =>\r\n    this.passwordVisible() ? 'general.eye-off' : 'general.eye',\r\n  );\r\n  private readonly transloco = inject(TranslocoService);\r\n  passwordToggleLabel = computed(() =>\r\n    this.passwordVisible()\r\n      ? this.transloco.translate('components.textField.hidePassword')\r\n      : this.transloco.translate('components.textField.showPassword'),\r\n  );\r\n\r\n  alphaNum: RegExp = /[\\u0621-\\u064A\\u0660-\\u0669a-z0-9\\s]/i;\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    try {\r\n      // Try to inject NgControl if available\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    } catch (_e) {\r\n      // If injection fails, ngControl will remain null\r\n      this.ngControl = null;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl?.control && this.required()) {\r\n        this.ngControl.control.addValidators(this.requiredValidator);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    // if (this.externalControl()) {\r\n    //   debugger\r\n    //   this.ngControl = this.externalControl();\r\n    // }\r\n\r\n    if (this.pInputs()) {\r\n      this.applyInputsToInputText();\r\n    }\r\n  }\r\n\r\n  applyInputsToInputText() {\r\n    Object.assign(this.inputText, this.pInputs());\r\n  }\r\n\r\n  onValueChange(value: any) {\r\n    this.value.set(value);\r\n\r\n    const control = this.ngControl?.control;\r\n    if (control) {\r\n      control.setValue(value);\r\n      control.markAsDirty();\r\n      control.markAsTouched();\r\n      control.updateValueAndValidity({ emitEvent: false });\r\n      return;\r\n    }\r\n\r\n    this.onModelChange(value);\r\n    this.onTouched();\r\n  }\r\n\r\n  togglePasswordVisibility() {\r\n    if (this.disabled() || this.readonly()) {\r\n      return;\r\n    }\r\n\r\n    this.passwordVisible.update((visible) => !visible);\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToInputText();\r\n    }\r\n  }\r\n\r\n  writeValue(value: string) {\r\n    this.value.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: any) {\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","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n\r\n<div\r\n  class=\"mt-text-field__input\"\r\n  [class.mt-text-field__input--start-icon]=\"hasStartIcon()\"\r\n  [class.mt-text-field__input--end-action]=\"hasEndActions()\"\r\n  [class.mt-text-field__input--two-end-actions]=\"hasTwoEndActions()\"\r\n>\r\n  @if (icon() && iconPosition() === \"start\") {\r\n    <span class=\"mt-text-field__icon mt-text-field__icon--start\">\r\n      <mt-icon [icon]=\"icon()\" />\r\n    </span>\r\n  }\r\n\r\n  <input\r\n    #inputText=\"\"\r\n    pInputText=\"\"\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [type]=\"inputType()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    (blur)=\"onTouched()\"\r\n    placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n    class=\"w-full\"\r\n  />\r\n\r\n  @if (isPasswordField()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"mt-text-field__action\"\r\n      [class.mt-text-field__action--before-hint]=\"hasHint()\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [attr.aria-label]=\"passwordToggleLabel()\"\r\n      [mtTooltip]=\"passwordToggleLabel()\"\r\n      tooltipPosition=\"top\"\r\n      (click)=\"togglePasswordVisibility()\"\r\n    >\r\n      <mt-icon [icon]=\"passwordToggleIcon()\" />\r\n    </button>\r\n  } @else if (icon() && iconPosition() === \"end\") {\r\n    <span\r\n      class=\"mt-text-field__icon mt-text-field__icon--end\"\r\n      [class.mt-text-field__icon--before-hint]=\"hasHint()\"\r\n    >\r\n      <mt-icon [icon]=\"icon()\" />\r\n    </span>\r\n  }\r\n\r\n  @if (hint()) {\r\n    <span\r\n      class=\"mt-text-field__icon mt-text-field__icon--end\"\r\n      [mtTooltip]=\"hint()\"\r\n      tooltipPosition=\"top\"\r\n    >\r\n      <mt-icon icon=\"general.info-circle\" />\r\n    </span>\r\n  }\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

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

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

@@ -192,6 +192,7 @@ declare class EntityField {
     readonly hideLabel: _angular_core.Signal<boolean>;
     readonly labelPosition: _angular_core.Signal<_masterteam_components_entities.EntityLabelPosition>;
     readonly labelContainerClass: _angular_core.Signal<string>;
+    readonly contentContainerClass: _angular_core.Signal<string>;
     readonly containerClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityField, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityField, "mt-entity-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelIconName": { "alias": "labelIconName"; "required": false; "isSignal": true; }; "configuration": { "alias": "configuration"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

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

@@ -1,16 +1,24 @@
 import { DrawerService, DynamicDrawerConfigInterface } from '@masterteam/components/dynamic-drawer';
-import { DialogService, DynamicDialogConfig } from '@masterteam/components/dialog';
+import { DialogService, DynamicDialogConfig, DynamicDialogRef } from '@masterteam/components/dialog';
 import * as i0 from '@angular/core';
 
 declare class ModalService {
     readonly drawerService: DrawerService;
     readonly dialogService: DialogService;
     private dir;
+    private readonly openRefs;
     footerClass: string;
     contentClass: string;
     modalConfig: any;
-    openModal(component: any, modalType: 'drawer' | 'dialog', config: DynamicDialogConfig | DynamicDrawerConfigInterface): any;
+    openModal(component: any, modalType: 'drawer' | 'dialog', config: DynamicDialogConfig | DynamicDrawerConfigInterface): DynamicDialogRef<any>;
+    /**
+     * Closes every modal/drawer opened through this service.
+     * Useful on session expiry, forced logout, or any global reset
+     * where leftover popups would confuse the user.
+     */
+    closeAll(): void;
     handelStartEndPosition(position: string | undefined): string;
+    private trackRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }

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

@@ -31,6 +31,13 @@ interface FilterConfig {
     type: 'text' | 'select' | 'userSelect' | 'date' | 'boolean' | 'user' | 'numberRange';
     label?: string;
     options?: FilterOption[];
+    /**
+     * Controls multi-select behaviour for `select` / `userSelect` filters.
+     * Defaults to `true` — opt out with `multiple: false` for a single-select.
+     * The stored filter value is an array; rows match if the cell value matches
+     * *any* selected entry.
+     */
+    multiple?: boolean;
     [key: string]: unknown;
 }
 /**
@@ -362,6 +369,12 @@ declare class TableValueResolver {
     private static readonly UNSORTABLE_ENTITY_VIEW_TYPES;
     private static readonly EXPORTABLE_ENTITY_VIEW_TYPES;
     private static readonly FILTERABLE_ENTITY_VIEW_TYPES;
+    /**
+     * Sentinel `key` value that resolves to the whole row instead of a property
+     * path. Use it when a cell renderer (e.g. `type: 'user'`) needs the full
+     * record, not a single field — `key: '{{record}}'` in the column def.
+     */
+    static readonly RECORD_KEY = "{{record}}";
     static getProperty(obj: unknown, key: string): unknown;
     /**
      * Recursively scans `value` for any string field that contains `searchTerm`.
@@ -446,16 +459,6 @@ declare class TableFilter implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilter, "mt-table-filter", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "filterApplied": "filterApplied"; "filterReset": "filterReset"; }, never, never, true, never>;
 }
 
-/**
- * Renders a single filter control for one `ColumnDef`, dispatching on
- * `column.filterConfig.type` (`text` | `select` | `date` | `boolean` | `user`
- * | `numberRange`).
- *
- * Two-way binds the filter value via `value` / `valueChange`. Shared by both
- * filter UX modes (popover + per-column) so field rendering lives in one place.
- * Add a new filter type by adding a `@case` in the template and extending
- * `FilterConfig['type']`.
- */
 declare class TableFilterField {
     readonly column: _angular_core.InputSignal<ColumnDef>;
     readonly value: _angular_core.ModelSignal<any>;
@@ -464,7 +467,14 @@ declare class TableFilterField {
         label: string;
         value: boolean;
     }[]>;
+    protected readonly multiValue: _angular_core.Signal<readonly unknown[]>;
+    protected readonly filterOptions: _angular_core.Signal<readonly unknown[]>;
     protected getFilterType(): string;
+    /**
+     * `select` / `userSelect` filters default to multi-select unless the caller
+     * opts out with `filterConfig.multiple: false`.
+     */
+    protected isMultiple(): boolean;
     protected getScalarValue(): any;
     protected getDateRangeValue(part: 'from' | 'to'): Date | null;
     protected getNumberRangeValue(part: 'from' | 'to'): number | null;

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

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
+import { ControlValueAccessor, ValidatorFn, NgControl } from '@angular/forms';
 import { isInvalid } from '@masterteam/components';
 import { MTIcon } from '@masterteam/icons';
 
@@ -18,7 +18,7 @@ declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     readonly icon: _angular_core.InputSignal<MTIcon | undefined>;
     readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
     styleClass: string;
-    requiredValidator: typeof Validators.required;
+    requiredValidator: ValidatorFn;
     value: _angular_core.WritableSignal<string | null>;
     disabled: _angular_core.WritableSignal<boolean>;
     passwordVisible: _angular_core.WritableSignal<boolean>;