@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-field.mjs","sources":["../../../components/field/field.component.ts","../../../components/field/field.component.html","../../../components/field/field.component.module.ts","../../../components/field/testgorilla-tgo-ui-components-field.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { NgStyle, NgClass, AsyncPipe } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  DoCheck,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  input,\n  Input,\n  NgZone,\n  OnInit,\n  Output,\n  ProviderToken,\n  signal,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormField, MatLabel, MatPrefix, MatHint } from '@angular/material/form-field';\nimport { MatIconRegistry, MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { BadgeVariant, BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n  ApplicationTheme,\n  DigitsOnlyDirective,\n  UiTranslatePipe,\n  HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldType } from './field.model';\n\n/**\n * A global counter used to generate unique field IDs.\n * This variable is incremented each time a new field ID is needed.\n *\n * @remarks\n * This is primarily used to ensure that each field component\n * has a unique identifier within the application / useful for their Aria Labels.\n */\nlet fieldID = 0;\n\n@Component({\n  selector: 'ui-field',\n  templateUrl: './field.component.html',\n  styleUrls: ['./field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    MatFormField,\n    NgStyle,\n    NgClass,\n    MatLabel,\n    IconComponentModule,\n    MatIcon,\n    MatPrefix,\n    MatInput,\n    DigitsOnlyDirective,\n    CdkTextareaAutosize,\n    ButtonComponent,\n    MatHint,\n    ValidationErrorModule,\n    BadgeComponent,\n    AsyncPipe,\n    UiTranslatePipe,\n    HasValidationErrorPipe,\n  ],\n})\nexport class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {\n  @HostBinding() class = 'ui-field';\n\n  /**\n   * Indicator of the autocomplete width\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @HostBinding('class.full-width')\n  @Input()\n  fullWidth = true;\n\n  /**\n   * Indicator of the field height\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @HostBinding('class.full-height')\n  @Input()\n  fullHeight = false;\n\n  /**\n   * Form field label\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() label? = '';\n\n  /**\n   * Form field label from html\n   *\n   * @memberof FieldComponent\n   */\n  labelHtml = input<string | null>(null);\n\n  /**\n   * Icon to display alongside the label\n   *\n   * @type {IconName}\n   * @memberof FieldComponent\n   */\n  @Input() labelIcon?: IconName;\n\n  /**\n   * Input name attribute\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() fieldName?: string;\n\n  /**\n   * Input placeholder\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() placeholder? = '';\n\n  /**\n   * Input id\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  id = input(`field-${fieldID++}`);\n\n  /**\n   * Input value\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() value = '';\n\n  /**\n   * Variant of badge to use\n   *\n   * @type {BadgeVariant}\n   * @memberof FieldComponent\n   */\n  @Input() badgeVariant?: BadgeVariant | undefined;\n\n  _errors: string[];\n  /**\n   * Input field errors\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() set errors(errors: string[]) {\n    this._errors = errors?.filter(Boolean) ?? [];\n    this.errorsLength = this.setErrorsLength();\n  }\n\n  /**\n   * Determines if input is disabled\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() disabled: boolean;\n\n  /**\n   * Input is required or not\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() required: boolean;\n\n  /**\n   * Input is readonly or not\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() readOnly = false;\n\n  /**\n   * Hint text\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() hintMessage = '';\n\n  /**\n   * Input type\n   *\n   * @type {FieldType}\n   * @memberof FieldComponent\n   */\n  @HostBinding('attr.field-class')\n  @Input()\n  type: FieldType = 'text';\n\n  /**\n   * Input is update only on blur\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() updateOnBlur = false;\n\n  /**\n   * allow only digits in input\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() allowOnlyDigits = false;\n\n  /**\n   * allow autocomplete off in input\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isAutocompleteOff = false;\n\n  /**\n   * allow negative numbers\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() allowNegative = true;\n\n  /**\n   * Show reserved content below form field\n   * @property showBottomContent\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() showBottomContent = true;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof FieldComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() ariaLabel: string;\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly clearTestId = computed(() => (this.testId() ? `${this.testId()}-clear` : null));\n\n  protected readonly passwordToggleTestId = computed(() => (this.testId() ? `${this.testId()}-visibility` : null));\n\n  /**\n   * Show loading button. Only for text\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() loading = false;\n\n  /**\n   * Show icon when field is valid\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isValid = false;\n\n  /**\n   * Max characters number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() maxCharacters = 255;\n\n  /**\n   * Trim text on blur\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() trimOnBlur = false;\n  /**\n   * Trim text on submit\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() trimOnSubmit = false;\n  /**\n   * Max rows for multi-line type\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() maxRows = 0;\n  /**\n   * has text area counter\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() hasTextAreaCounter = true;\n\n  /**\n   * Hide in build errors for Reactive Forms\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() hideBuiltInErrors = false;\n\n  /**\n   * Hide label in errors\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() hideLabelInErrors = false;\n\n  /**\n   * Set maximum number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() max: number | undefined;\n\n  /**\n   * Set minimum number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() min: number | undefined;\n\n  /**\n   * Sets textarea height. Default 110\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() textareaHeight = 110;\n\n  /**\n   * Sets textarea borderless. Default false\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() borderless = false;\n\n  @Input() autosizableTextarea = false;\n\n  /**\n   * Indicates if this field is filled by AI\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isAIVariant = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria Labeled By Element Id.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaLabelledbyId = computed(() => `${this.id()}-labeledBy`);\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria LabeledBy Text.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaLabelledby = input<string | undefined>(undefined);\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria Described By Element Id.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaDescribedbyId = computed(() => `${this.id()}-describedBy`);\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria DescribedBy Text.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  readonly ariaDescribedby = input<string | undefined>(undefined);\n\n  /**\n   * Show state of error\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() hasError = false;\n\n  @Output() validateEvent = new EventEmitter<string>();\n  @Output() fieldBlur = new EventEmitter<void>();\n\n  @ViewChild('inputElement', { read: ElementRef }) field: ElementRef<HTMLInputElement>;\n  @ViewChild('autosize') autosize: CdkTextareaAutosize;\n\n  get getPasswordIcon(): IconName {\n    if (this.applicationTheme === 'classic') {\n      return this.showPassword ? 'Eye-hide' : 'Eye-view';\n    } else {\n      if (!this.isActiveField && !this.isActiveHover) {\n        return this.showPassword ? 'View-in-line' : 'Hide-in-line';\n      } else {\n        return this.showPassword ? 'View-filled' : 'Hide-filled';\n      }\n    }\n  }\n\n  isActiveField = false;\n  isActiveHover = false;\n\n  keyboardFocused = signal(false);\n\n  protected readonly translationContext = 'FIELD.';\n\n  /**\n   * @ignore\n   */\n  onChange: (value: string | number) => void = () => {};\n\n  /**\n   * @ignore\n   */\n  onTouch = () => {};\n\n  private readonly defaultAppTheme = inject(\n    'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n    {\n      optional: true,\n    }\n  );\n  private readonly matIconRegistry = inject(MatIconRegistry);\n  private readonly domSanitizer = inject(DomSanitizer);\n  private readonly cdr = inject(ChangeDetectorRef);\n  public ngControl = inject(NgControl, { optional: true, self: true });\n  private readonly focusMonitor = inject(FocusMonitor);\n  private readonly ngZone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = this.defaultAppTheme;\n    }\n\n    if (this.ngControl !== null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.focusMonitor\n      .monitor(this.field)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(origin =>\n        this.ngZone.run(() => {\n          queueMicrotask(() => {\n            this.keyboardFocused.set(origin === 'keyboard');\n          });\n        })\n      );\n\n    if (this.type === 'multi-line') {\n      this.autosize.resizeToFitContent(true);\n    }\n  }\n\n  /**\n   * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n   * to display validation errors that might happen (e.g. required)\n   */\n  ngDoCheck(): void {\n    if (this.ngControl?.touched || this.ngControl?.errors) {\n      this.cdr.markForCheck();\n    }\n  }\n\n  showClose: boolean;\n  showPassword: boolean;\n  currentType: string;\n  errorsLength: boolean;\n\n  ngOnInit(): void {\n    this.setSearchInput();\n    this.currentType = this.getType();\n  }\n\n  validate(): void {\n    this.validateEvent.emit(this.value);\n  }\n\n  //set search input initial value\n  setSearchInput(): void {\n    if (this.type === 'search' || this.type === 'collapsed-search') {\n      // eslint-disable-next-line no-restricted-syntax -- SECURITY: hardcoded first-party asset URL; MatIconRegistry.addSvgIcon requires SafeResourceUrl.\n      this.matIconRegistry.addSvgIcon('Search', this.domSanitizer.bypassSecurityTrustResourceUrl('/icons/Search.svg'));\n      if (this.value) {\n        this.showClose = true;\n      } else {\n        this.showClose = false;\n      }\n    } else {\n      this.showClose = false;\n    }\n  }\n\n  //change type for reveal password\n  getType(): string {\n    if (this.type === 'password' && this.showPassword) {\n      return 'text';\n    }\n    return this.type;\n  }\n\n  //Clear input value\n  clearValue(): void {\n    this.value = '';\n    this.onChange(this.value);\n    this.onChangeInputSearch();\n  }\n\n  //toggle for password\n  showPasswordClick() {\n    this.showPassword = !this.showPassword;\n    this.currentType = this.getType();\n  }\n\n  //Set options for search input\n  onChangeInputSearch() {\n    if (this.type === 'search' || this.type === 'collapsed-search') {\n      if (!this.value) {\n        this.showClose = false;\n      }\n      if (this.value) {\n        this.showClose = true;\n      }\n    }\n  }\n\n  // Set errors length for validation\n  // Consider only those errors which which are not empty\n  setErrorsLength(): boolean {\n    if (this._errors) {\n      return this._errors.filter(err => Boolean(err)).length > 0 ? true : false;\n    }\n    return false;\n  }\n\n  //Save input value\n  onInput(event: Event) {\n    this.value = (event.target as HTMLInputElement | HTMLTextAreaElement).value;\n    this.errorsLength = this.setErrorsLength();\n    if (!this.updateOnBlur) {\n      this.onTouch();\n    }\n    if (this.allowOnlyDigits && !this.allowNegative && Number(this.value) < 0) {\n      this.value = '0';\n    } else {\n      this.onChange(this.type === 'number' && this.value !== '' ? Number(this.value) : this.value);\n    }\n  }\n\n  writeValue(value?: string | number): void {\n    if (value !== null && value !== undefined) {\n      // The internal <input> value is always a string; a numeric form value\n      // renders identically once assigned (the input coerces it anyway).\n      this.value = String(value);\n    } else {\n      this.value = '';\n    }\n    this.onChangeInputSearch();\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  onActive(state: boolean, action: string): void {\n    if (action === 'hover') {\n      this.isActiveHover = state;\n    } else if (action === 'focus') {\n      this.isActiveField = state;\n\n      if (!state && this.trimOnBlur) {\n        this.clearSpace();\n      }\n    }\n  }\n\n  onSubmit(): void {\n    if (this.trimOnSubmit) {\n      this.clearSpace();\n    }\n  }\n\n  private clearSpace(): void {\n    this.value = this.value.trim();\n    this.onChange(this.value);\n  }\n\n  onBlur(): void {\n    this.fieldBlur.emit();\n  }\n\n  trackByFn = (index: number, value: string) => value;\n\n  focus(): void {\n    this.field.nativeElement.focus();\n  }\n\n  refocusPasswordButton(btn: ButtonComponent) {\n    setTimeout(() => {\n      btn.focus('keyboard');\n    }, 0);\n  }\n}\n","<ng-container>\n  <mat-form-field\n    [ngStyle]=\"{\n      '--textarea-height': textareaHeight - 10 + 'px',\n      '--textarea-height-container': textareaHeight + 'px',\n    }\"\n    #uiField\n    appearance=\"outline\"\n    hideRequiredMarker=\"true\"\n    [color]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError ? 'warn' : 'accent'\"\n    [ngClass]=\"{\n      'hide-bottom-content': !showBottomContent,\n      textarea: type === 'textarea' || type === 'textarea-scrollable',\n      'textarea-scrollable': type === 'textarea-scrollable',\n      'multi-line': type === 'multi-line',\n      'multi-line-textarea': type === 'multi-line' && autosizableTextarea && borderless,\n      'keyboard-focused': keyboardFocused(),\n      'has-label': !!label,\n      'has-value': !!value,\n      'text-area-borderless': borderless && (type === 'textarea' || type === 'textarea-scrollable'),\n    }\"\n    (mouseenter)=\"onActive(true, 'hover')\"\n    (mouseleave)=\"onActive(false, 'hover')\"\n  >\n    <span [style.display]=\"'none'\" [id]=\"ariaDescribedbyId()\">\n      @if (required) {\n        <span>{{ 'ERRORS.REQUIRED' | uiTranslate | async }}</span>\n      }\n      {{ ariaDescribedby() }}\n    </span>\n    <span [style.display]=\"'none'\" [id]=\"ariaLabelledbyId()\">\n      {{ ariaLabelledby() ?? label }}\n    </span>\n    @if (\n      (label || labelHtml()) &&\n      ((type !== 'search' && applicationTheme === 'classic') || applicationTheme !== 'classic')\n    ) {\n      <mat-label class=\"label-with-icon\">\n        @if (isAIVariant || labelIcon) {\n          <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n        }\n        <span>\n          @if (labelHtml()) {\n            <span [innerHTML]=\"labelHtml()\"></span>\n          } @else {\n            {{ label }}\n          }\n          @if (required) {\n            <span>*</span>\n          }\n        </span>\n      </mat-label>\n    }\n    @if (type === 'search' || type === 'collapsed-search') {\n      <mat-icon matIconPrefix class=\"search-icon\" [svgIcon]=\"'Search'\"></mat-icon>\n    }\n    @if (type !== 'textarea' && type !== 'textarea-scrollable' && type !== 'multi-line') {\n      <input\n        [attr.data-testid]=\"testId() ?? 'field-input'\"\n        [readonly]=\"readOnly\"\n        matInput\n        #inputElement\n        (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n        (input)=\"onInput($event)\"\n        [id]=\"id()\"\n        (keyup)=\"onChangeInputSearch()\"\n        [placeholder]=\"placeholder!\"\n        [value]=\"value\"\n        [disabled]=\"disabled || loading\"\n        [type]=\"currentType\"\n        (keyup.enter)=\"onSubmit()\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [name]=\"fieldName!\"\n        [required]=\"required\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-invalid]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError\"\n        [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n        [attr.aria-describedby]=\"ariaDescribedbyId()\"\n        role=\"textbox\"\n        digitsOnly\n        [autocomplete]=\"isAutocompleteOff ? 'off' : 'on'\"\n        [allowOnlyDigits]=\"allowOnlyDigits\"\n        [allowNegative]=\"allowNegative\"\n        (focusin)=\"onActive(true, 'focus')\"\n      />\n    } @else {\n      <textarea\n        [attr.data-testid]=\"testId()\"\n        matInput\n        #inputElement\n        #autosize=\"cdkTextareaAutosize\"\n        [readonly]=\"readOnly\"\n        (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n        (input)=\"onInput($event)\"\n        [id]=\"id()\"\n        (keyup)=\"onChangeInputSearch()\"\n        (keyup.enter)=\"onSubmit()\"\n        [placeholder]=\"placeholder!\"\n        [value]=\"value\"\n        [disabled]=\"disabled\"\n        [name]=\"fieldName!\"\n        [required]=\"required\"\n        [attr.aria-label]=\"!label ? ariaLabel : ''\"\n        [attr.aria-invalid]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError\"\n        [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n        [attr.aria-describedby]=\"ariaDescribedbyId()\"\n        role=\"textbox\"\n        [cdkTextareaAutosize]=\"type === 'multi-line'\"\n        [cdkAutosizeMinRows]=\"type === 'multi-line' ? 1 : 5\"\n        [cdkAutosizeMaxRows]=\"type === 'multi-line' ? maxRows : 5\"\n        [attr.maxlength]=\"maxCharacters\"\n        (focusin)=\"onActive(true, 'focus')\"\n      ></textarea>\n    }\n\n    @if (type === 'search' || type === 'collapsed-search' || type === 'password' || type === 'validation-text') {\n      <div class=\"options\">\n        <div class=\"options-container\">\n          @if (showClose) {\n            <ui-button\n              variant=\"secondary\"\n              [justIcon]=\"true\"\n              class=\"close\"\n              iconName=\"Close\"\n              [label]=\"('COMMON.CLEAR' | uiTranslate | async)!\"\n              (buttonClickEvent)=\"clearValue()\"\n              [ariaLabel]=\"ariaLabel + '--' + ('COMMON.CLEAR' | uiTranslate | async)\"\n              [testId]=\"clearTestId()\"\n            ></ui-button>\n          }\n          @if (type === 'password') {\n            <ui-button\n              class=\"password\"\n              variant=\"secondary\"\n              [tooltip]=\"((showPassword ? 'FIELD.HIDE_PASSWORD' : 'FIELD.SHOW_PASSWORD') | uiTranslate | async)!\"\n              [justIcon]=\"true\"\n              role=\"switch\"\n              [attr.aria-checked]=\"showPassword\"\n              [iconName]=\"getPasswordIcon\"\n              [applicationTheme]=\"applicationTheme\"\n              [testId]=\"passwordToggleTestId()\"\n              (click)=\"showPasswordClick()\"\n              #btn\n              (keydown.enter)=\"refocusPasswordButton(btn)\"\n              (keydown.space)=\"refocusPasswordButton(btn)\"\n            ></ui-button>\n          }\n          @if (\n            type === 'validation-text' && (applicationTheme === 'dark' || applicationTheme === 'light') && value.length\n          ) {\n            @if (!isValid) {\n              <ui-button\n                class=\"validation\"\n                [variant]=\"'text'\"\n                [applicationTheme]=\"'light'\"\n                [label]=\"'Validate'\"\n                [loading]=\"loading\"\n                (click)=\"validate()\"\n                [disabled]=\"disabled\"\n                [size]=\"'small'\"\n              ></ui-button>\n            }\n            @if (isValid) {\n              <ui-icon class=\"valid\" [color]=\"'white'\" applicationTheme=\"light\" [name]=\"'Check'\"></ui-icon>\n            }\n          }\n        </div>\n      </div>\n    }\n    @if (\n      hasTextAreaCounter &&\n      (type === 'textarea' || type === 'textarea-scrollable') &&\n      !errorsLength &&\n      !(ngControl?.errors | hasValidationError)\n    ) {\n      <mat-hint class=\"info\">{{ value.length }} / {{ maxCharacters }}</mat-hint>\n    }\n\n    @if (\n      hintMessage &&\n      !errorsLength &&\n      !(ngControl?.errors | hasValidationError) &&\n      type !== 'textarea' &&\n      type !== 'textarea-scrollable'\n    ) {\n      <mat-hint class=\"info\">{{ hintMessage }}</mat-hint>\n    }\n\n    @if (errorsLength || (ngControl?.errors | hasValidationError)) {\n      <mat-hint class=\"error\">\n        @if (errorsLength) {\n          @for (error of _errors; track trackByFn($index, error)) {\n            <div class=\"errors\">\n              <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n              <span [innerHTML]=\"error\"></span>\n            </div>\n          }\n        }\n        @if (ngControl && !hideBuiltInErrors) {\n          <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n        }\n      </mat-hint>\n    }\n\n    @if (badgeVariant) {\n      <ui-badge class=\"field-badge\" [variant]=\"badgeVariant\"></ui-badge>\n    }\n  </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DigitsOnlyDirective, UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldComponent } from './field.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    MatInputModule,\n    IconComponentModule,\n    FormsModule,\n    ReactiveFormsModule,\n    ButtonComponentModule,\n    MatIconModule,\n    UiTranslatePipe,\n    ValidationErrorModule,\n    HasValidationErrorPipe,\n    DigitsOnlyDirective,\n    BadgeComponentModule,\n    FieldComponent,\n  ],\n  exports: [FieldComponent],\n})\nexport class FieldComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-field.mjs","names":[],"sources":["../../../components/field/field.component.ts","../../../components/field/field.component.html","../../../components/field/field.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { NgStyle, NgClass, AsyncPipe } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  DoCheck,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  input,\n  Input,\n  NgZone,\n  OnInit,\n  Output,\n  ProviderToken,\n  signal,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormField, MatLabel, MatPrefix, MatHint } from '@angular/material/form-field';\nimport { MatIconRegistry, MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { BadgeVariant, BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n  ApplicationTheme,\n  DigitsOnlyDirective,\n  UiTranslatePipe,\n  HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldType } from './field.model';\n\n/**\n * A global counter used to generate unique field IDs.\n * This variable is incremented each time a new field ID is needed.\n *\n * @remarks\n * This is primarily used to ensure that each field component\n * has a unique identifier within the application / useful for their Aria Labels.\n */\nlet fieldID = 0;\n\n@Component({\n  selector: 'ui-field',\n  templateUrl: './field.component.html',\n  styleUrls: ['./field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    MatFormField,\n    NgStyle,\n    NgClass,\n    MatLabel,\n    IconComponentModule,\n    MatIcon,\n    MatPrefix,\n    MatInput,\n    DigitsOnlyDirective,\n    CdkTextareaAutosize,\n    ButtonComponent,\n    MatHint,\n    ValidationErrorModule,\n    BadgeComponent,\n    AsyncPipe,\n    UiTranslatePipe,\n    HasValidationErrorPipe,\n  ],\n})\nexport class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {\n  @HostBinding() class = 'ui-field';\n\n  /**\n   * Indicator of the autocomplete width\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @HostBinding('class.full-width')\n  @Input()\n  fullWidth = true;\n\n  /**\n   * Indicator of the field height\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @HostBinding('class.full-height')\n  @Input()\n  fullHeight = false;\n\n  /**\n   * Form field label\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() label? = '';\n\n  /**\n   * Form field label from html\n   *\n   * @memberof FieldComponent\n   */\n  labelHtml = input<string | null>(null);\n\n  /**\n   * Icon to display alongside the label\n   *\n   * @type {IconName}\n   * @memberof FieldComponent\n   */\n  @Input() labelIcon?: IconName;\n\n  /**\n   * Input name attribute\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() fieldName?: string;\n\n  /**\n   * Input placeholder\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() placeholder? = '';\n\n  /**\n   * Input id\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  id = input(`field-${fieldID++}`);\n\n  /**\n   * Input value\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() value = '';\n\n  /**\n   * Variant of badge to use\n   *\n   * @type {BadgeVariant}\n   * @memberof FieldComponent\n   */\n  @Input() badgeVariant?: BadgeVariant | undefined;\n\n  _errors: string[];\n  /**\n   * Input field errors\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() set errors(errors: string[]) {\n    this._errors = errors?.filter(Boolean) ?? [];\n    this.errorsLength = this.setErrorsLength();\n  }\n\n  /**\n   * Determines if input is disabled\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() disabled: boolean;\n\n  /**\n   * Input is required or not\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() required: boolean;\n\n  /**\n   * Input is readonly or not\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() readOnly = false;\n\n  /**\n   * Hint text\n   *\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() hintMessage = '';\n\n  /**\n   * Input type\n   *\n   * @type {FieldType}\n   * @memberof FieldComponent\n   */\n  @HostBinding('attr.field-class')\n  @Input()\n  type: FieldType = 'text';\n\n  /**\n   * Input is update only on blur\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() updateOnBlur = false;\n\n  /**\n   * allow only digits in input\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() allowOnlyDigits = false;\n\n  /**\n   * allow autocomplete off in input\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isAutocompleteOff = false;\n\n  /**\n   * allow negative numbers\n   *\n   * @type {Boolean}\n   * @memberof FieldComponent\n   */\n  @Input() allowNegative = true;\n\n  /**\n   * Show reserved content below form field\n   * @property showBottomContent\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() showBottomContent = true;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof FieldComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  @Input() ariaLabel: string;\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly clearTestId = computed(() => (this.testId() ? `${this.testId()}-clear` : null));\n\n  protected readonly passwordToggleTestId = computed(() => (this.testId() ? `${this.testId()}-visibility` : null));\n\n  /**\n   * Show loading button. Only for text\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() loading = false;\n\n  /**\n   * Show icon when field is valid\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isValid = false;\n\n  /**\n   * Max characters number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() maxCharacters = 255;\n\n  /**\n   * Trim text on blur\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() trimOnBlur = false;\n  /**\n   * Trim text on submit\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() trimOnSubmit = false;\n  /**\n   * Max rows for multi-line type\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() maxRows = 0;\n  /**\n   * has text area counter\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() hasTextAreaCounter = true;\n\n  /**\n   * Hide in build errors for Reactive Forms\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() hideBuiltInErrors = false;\n\n  /**\n   * Hide label in errors\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() hideLabelInErrors = false;\n\n  /**\n   * Set maximum number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() max: number | undefined;\n\n  /**\n   * Set minimum number\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() min: number | undefined;\n\n  /**\n   * Sets textarea height. Default 110\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() textareaHeight = 110;\n\n  /**\n   * Sets textarea borderless. Default false\n   *\n   * @type {number}\n   * @memberof FieldComponent\n   */\n  @Input() borderless = false;\n\n  @Input() autosizableTextarea = false;\n\n  /**\n   * Indicates if this field is filled by AI\n   *\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() isAIVariant = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria Labeled By Element Id.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaLabelledbyId = computed(() => `${this.id()}-labeledBy`);\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria LabeledBy Text.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaLabelledby = input<string | undefined>(undefined);\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria Described By Element Id.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  protected readonly ariaDescribedbyId = computed(() => `${this.id()}-describedBy`);\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used for input field Aria DescribedBy Text.\n   * @type {string}\n   * @memberof FieldComponent\n   */\n  readonly ariaDescribedby = input<string | undefined>(undefined);\n\n  /**\n   * Show state of error\n   * @type {boolean}\n   * @memberof FieldComponent\n   */\n  @Input() hasError = false;\n\n  @Output() validateEvent = new EventEmitter<string>();\n  @Output() fieldBlur = new EventEmitter<void>();\n\n  @ViewChild('inputElement', { read: ElementRef }) field: ElementRef<HTMLInputElement>;\n  @ViewChild('autosize') autosize: CdkTextareaAutosize;\n\n  get getPasswordIcon(): IconName {\n    if (this.applicationTheme === 'classic') {\n      return this.showPassword ? 'Eye-hide' : 'Eye-view';\n    } else {\n      if (!this.isActiveField && !this.isActiveHover) {\n        return this.showPassword ? 'View-in-line' : 'Hide-in-line';\n      } else {\n        return this.showPassword ? 'View-filled' : 'Hide-filled';\n      }\n    }\n  }\n\n  isActiveField = false;\n  isActiveHover = false;\n\n  keyboardFocused = signal(false);\n\n  protected readonly translationContext = 'FIELD.';\n\n  /**\n   * @ignore\n   */\n  onChange: (value: string | number) => void = () => {};\n\n  /**\n   * @ignore\n   */\n  onTouch = () => {};\n\n  private readonly defaultAppTheme = inject(\n    'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n    {\n      optional: true,\n    }\n  );\n  private readonly matIconRegistry = inject(MatIconRegistry);\n  private readonly domSanitizer = inject(DomSanitizer);\n  private readonly cdr = inject(ChangeDetectorRef);\n  public ngControl = inject(NgControl, { optional: true, self: true });\n  private readonly focusMonitor = inject(FocusMonitor);\n  private readonly ngZone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = this.defaultAppTheme;\n    }\n\n    if (this.ngControl !== null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.focusMonitor\n      .monitor(this.field)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(origin =>\n        this.ngZone.run(() => {\n          queueMicrotask(() => {\n            this.keyboardFocused.set(origin === 'keyboard');\n          });\n        })\n      );\n\n    if (this.type === 'multi-line') {\n      this.autosize.resizeToFitContent(true);\n    }\n  }\n\n  /**\n   * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n   * to display validation errors that might happen (e.g. required)\n   */\n  ngDoCheck(): void {\n    if (this.ngControl?.touched || this.ngControl?.errors) {\n      this.cdr.markForCheck();\n    }\n  }\n\n  showClose: boolean;\n  showPassword: boolean;\n  currentType: string;\n  errorsLength: boolean;\n\n  ngOnInit(): void {\n    this.setSearchInput();\n    this.currentType = this.getType();\n  }\n\n  validate(): void {\n    this.validateEvent.emit(this.value);\n  }\n\n  //set search input initial value\n  setSearchInput(): void {\n    if (this.type === 'search' || this.type === 'collapsed-search') {\n      // eslint-disable-next-line no-restricted-syntax -- SECURITY: hardcoded first-party asset URL; MatIconRegistry.addSvgIcon requires SafeResourceUrl.\n      this.matIconRegistry.addSvgIcon('Search', this.domSanitizer.bypassSecurityTrustResourceUrl('/icons/Search.svg'));\n      if (this.value) {\n        this.showClose = true;\n      } else {\n        this.showClose = false;\n      }\n    } else {\n      this.showClose = false;\n    }\n  }\n\n  //change type for reveal password\n  getType(): string {\n    if (this.type === 'password' && this.showPassword) {\n      return 'text';\n    }\n    return this.type;\n  }\n\n  //Clear input value\n  clearValue(): void {\n    this.value = '';\n    this.onChange(this.value);\n    this.onChangeInputSearch();\n  }\n\n  //toggle for password\n  showPasswordClick() {\n    this.showPassword = !this.showPassword;\n    this.currentType = this.getType();\n  }\n\n  //Set options for search input\n  onChangeInputSearch() {\n    if (this.type === 'search' || this.type === 'collapsed-search') {\n      if (!this.value) {\n        this.showClose = false;\n      }\n      if (this.value) {\n        this.showClose = true;\n      }\n    }\n  }\n\n  // Set errors length for validation\n  // Consider only those errors which which are not empty\n  setErrorsLength(): boolean {\n    if (this._errors) {\n      return this._errors.filter(err => Boolean(err)).length > 0 ? true : false;\n    }\n    return false;\n  }\n\n  //Save input value\n  onInput(event: Event) {\n    this.value = (event.target as HTMLInputElement | HTMLTextAreaElement).value;\n    this.errorsLength = this.setErrorsLength();\n    if (!this.updateOnBlur) {\n      this.onTouch();\n    }\n    if (this.allowOnlyDigits && !this.allowNegative && Number(this.value) < 0) {\n      this.value = '0';\n    } else {\n      this.onChange(this.type === 'number' && this.value !== '' ? Number(this.value) : this.value);\n    }\n  }\n\n  writeValue(value?: string | number): void {\n    if (value !== null && value !== undefined) {\n      // The internal <input> value is always a string; a numeric form value\n      // renders identically once assigned (the input coerces it anyway).\n      this.value = String(value);\n    } else {\n      this.value = '';\n    }\n    this.onChangeInputSearch();\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  onActive(state: boolean, action: string): void {\n    if (action === 'hover') {\n      this.isActiveHover = state;\n    } else if (action === 'focus') {\n      this.isActiveField = state;\n\n      if (!state && this.trimOnBlur) {\n        this.clearSpace();\n      }\n    }\n  }\n\n  onSubmit(): void {\n    if (this.trimOnSubmit) {\n      this.clearSpace();\n    }\n  }\n\n  private clearSpace(): void {\n    this.value = this.value.trim();\n    this.onChange(this.value);\n  }\n\n  onBlur(): void {\n    this.fieldBlur.emit();\n  }\n\n  trackByFn = (index: number, value: string) => value;\n\n  focus(): void {\n    this.field.nativeElement.focus();\n  }\n\n  refocusPasswordButton(btn: ButtonComponent) {\n    setTimeout(() => {\n      btn.focus('keyboard');\n    }, 0);\n  }\n}\n","<ng-container>\n  <mat-form-field\n    [ngStyle]=\"{\n      '--textarea-height': textareaHeight - 10 + 'px',\n      '--textarea-height-container': textareaHeight + 'px',\n    }\"\n    #uiField\n    appearance=\"outline\"\n    hideRequiredMarker=\"true\"\n    [color]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError ? 'warn' : 'accent'\"\n    [ngClass]=\"{\n      'hide-bottom-content': !showBottomContent,\n      textarea: type === 'textarea' || type === 'textarea-scrollable',\n      'textarea-scrollable': type === 'textarea-scrollable',\n      'multi-line': type === 'multi-line',\n      'multi-line-textarea': type === 'multi-line' && autosizableTextarea && borderless,\n      'keyboard-focused': keyboardFocused(),\n      'has-label': !!label,\n      'has-value': !!value,\n      'text-area-borderless': borderless && (type === 'textarea' || type === 'textarea-scrollable'),\n    }\"\n    (mouseenter)=\"onActive(true, 'hover')\"\n    (mouseleave)=\"onActive(false, 'hover')\"\n  >\n    <span [style.display]=\"'none'\" [id]=\"ariaDescribedbyId()\">\n      @if (required) {\n        <span>{{ 'ERRORS.REQUIRED' | uiTranslate | async }}</span>\n      }\n      {{ ariaDescribedby() }}\n    </span>\n    <span [style.display]=\"'none'\" [id]=\"ariaLabelledbyId()\">\n      {{ ariaLabelledby() ?? label }}\n    </span>\n    @if (\n      (label || labelHtml()) &&\n      ((type !== 'search' && applicationTheme === 'classic') || applicationTheme !== 'classic')\n    ) {\n      <mat-label class=\"label-with-icon\">\n        @if (isAIVariant || labelIcon) {\n          <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n        }\n        <span>\n          @if (labelHtml()) {\n            <span [innerHTML]=\"labelHtml()\"></span>\n          } @else {\n            {{ label }}\n          }\n          @if (required) {\n            <span>*</span>\n          }\n        </span>\n      </mat-label>\n    }\n    @if (type === 'search' || type === 'collapsed-search') {\n      <mat-icon matIconPrefix class=\"search-icon\" [svgIcon]=\"'Search'\"></mat-icon>\n    }\n    @if (type !== 'textarea' && type !== 'textarea-scrollable' && type !== 'multi-line') {\n      <input\n        [attr.data-testid]=\"testId() ?? 'field-input'\"\n        [readonly]=\"readOnly\"\n        matInput\n        #inputElement\n        (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n        (input)=\"onInput($event)\"\n        [id]=\"id()\"\n        (keyup)=\"onChangeInputSearch()\"\n        [placeholder]=\"placeholder!\"\n        [value]=\"value\"\n        [disabled]=\"disabled || loading\"\n        [type]=\"currentType\"\n        (keyup.enter)=\"onSubmit()\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [name]=\"fieldName!\"\n        [required]=\"required\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-invalid]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError\"\n        [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n        [attr.aria-describedby]=\"ariaDescribedbyId()\"\n        role=\"textbox\"\n        digitsOnly\n        [autocomplete]=\"isAutocompleteOff ? 'off' : 'on'\"\n        [allowOnlyDigits]=\"allowOnlyDigits\"\n        [allowNegative]=\"allowNegative\"\n        (focusin)=\"onActive(true, 'focus')\"\n      />\n    } @else {\n      <textarea\n        [attr.data-testid]=\"testId()\"\n        matInput\n        #inputElement\n        #autosize=\"cdkTextareaAutosize\"\n        [readonly]=\"readOnly\"\n        (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n        (input)=\"onInput($event)\"\n        [id]=\"id()\"\n        (keyup)=\"onChangeInputSearch()\"\n        (keyup.enter)=\"onSubmit()\"\n        [placeholder]=\"placeholder!\"\n        [value]=\"value\"\n        [disabled]=\"disabled\"\n        [name]=\"fieldName!\"\n        [required]=\"required\"\n        [attr.aria-label]=\"!label ? ariaLabel : ''\"\n        [attr.aria-invalid]=\"errorsLength || (ngControl?.errors && ngControl?.touched) || hasError\"\n        [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n        [attr.aria-describedby]=\"ariaDescribedbyId()\"\n        role=\"textbox\"\n        [cdkTextareaAutosize]=\"type === 'multi-line'\"\n        [cdkAutosizeMinRows]=\"type === 'multi-line' ? 1 : 5\"\n        [cdkAutosizeMaxRows]=\"type === 'multi-line' ? maxRows : 5\"\n        [attr.maxlength]=\"maxCharacters\"\n        (focusin)=\"onActive(true, 'focus')\"\n      ></textarea>\n    }\n\n    @if (type === 'search' || type === 'collapsed-search' || type === 'password' || type === 'validation-text') {\n      <div class=\"options\">\n        <div class=\"options-container\">\n          @if (showClose) {\n            <ui-button\n              variant=\"secondary\"\n              [justIcon]=\"true\"\n              class=\"close\"\n              iconName=\"Close\"\n              [label]=\"('COMMON.CLEAR' | uiTranslate | async)!\"\n              (buttonClickEvent)=\"clearValue()\"\n              [ariaLabel]=\"ariaLabel + '--' + ('COMMON.CLEAR' | uiTranslate | async)\"\n              [testId]=\"clearTestId()\"\n            ></ui-button>\n          }\n          @if (type === 'password') {\n            <ui-button\n              class=\"password\"\n              variant=\"secondary\"\n              [tooltip]=\"((showPassword ? 'FIELD.HIDE_PASSWORD' : 'FIELD.SHOW_PASSWORD') | uiTranslate | async)!\"\n              [justIcon]=\"true\"\n              role=\"switch\"\n              [attr.aria-checked]=\"showPassword\"\n              [iconName]=\"getPasswordIcon\"\n              [applicationTheme]=\"applicationTheme\"\n              [testId]=\"passwordToggleTestId()\"\n              (click)=\"showPasswordClick()\"\n              #btn\n              (keydown.enter)=\"refocusPasswordButton(btn)\"\n              (keydown.space)=\"refocusPasswordButton(btn)\"\n            ></ui-button>\n          }\n          @if (\n            type === 'validation-text' && (applicationTheme === 'dark' || applicationTheme === 'light') && value.length\n          ) {\n            @if (!isValid) {\n              <ui-button\n                class=\"validation\"\n                [variant]=\"'text'\"\n                [applicationTheme]=\"'light'\"\n                [label]=\"'Validate'\"\n                [loading]=\"loading\"\n                (click)=\"validate()\"\n                [disabled]=\"disabled\"\n                [size]=\"'small'\"\n              ></ui-button>\n            }\n            @if (isValid) {\n              <ui-icon class=\"valid\" [color]=\"'white'\" applicationTheme=\"light\" [name]=\"'Check'\"></ui-icon>\n            }\n          }\n        </div>\n      </div>\n    }\n    @if (\n      hasTextAreaCounter &&\n      (type === 'textarea' || type === 'textarea-scrollable') &&\n      !errorsLength &&\n      !($safeNavigationMigration(ngControl?.errors) | hasValidationError)\n    ) {\n      <mat-hint class=\"info\">{{ value.length }} / {{ maxCharacters }}</mat-hint>\n    }\n\n    @if (\n      hintMessage &&\n      !errorsLength &&\n      !($safeNavigationMigration(ngControl?.errors) | hasValidationError) &&\n      type !== 'textarea' &&\n      type !== 'textarea-scrollable'\n    ) {\n      <mat-hint class=\"info\">{{ hintMessage }}</mat-hint>\n    }\n\n    @if (errorsLength || ($safeNavigationMigration(ngControl?.errors) | hasValidationError)) {\n      <mat-hint class=\"error\">\n        @if (errorsLength) {\n          @for (error of _errors; track trackByFn($index, error)) {\n            <div class=\"errors\">\n              <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n              <span [innerHTML]=\"error\"></span>\n            </div>\n          }\n        }\n        @if (ngControl && !hideBuiltInErrors) {\n          <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n        }\n      </mat-hint>\n    }\n\n    @if (badgeVariant) {\n      <ui-badge class=\"field-badge\" [variant]=\"badgeVariant\"></ui-badge>\n    }\n  </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DigitsOnlyDirective, UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldComponent } from './field.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    MatInputModule,\n    IconComponentModule,\n    FormsModule,\n    ReactiveFormsModule,\n    ButtonComponentModule,\n    MatIconModule,\n    UiTranslatePipe,\n    ValidationErrorModule,\n    HasValidationErrorPipe,\n    DigitsOnlyDirective,\n    BadgeComponentModule,\n    FieldComponent,\n  ],\n  exports: [FieldComponent],\n})\nexport class FieldComponentModule {}\n"],"mappings":"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"}