quang 20.5.1 → 20.6.0

package/fesm2022/quang-components-date.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-components-date.mjs","sources":["../../../projects/quang/components/date/date.component.ts","../../../projects/quang/components/date/date.component.html","../../../projects/quang/components/date/quang-components-date.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Optional,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop'\nimport { NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport AirDatepicker, {\n  AirDatepickerDate,\n  AirDatepickerLocale,\n  AirDatepickerOptions,\n  AirDatepickerPosition,\n} from 'air-datepicker'\nimport en from 'air-datepicker/locale/en'\nimport fr from 'air-datepicker/locale/fr'\nimport it from 'air-datepicker/locale/it'\nimport { format, isMatch, parse } from 'date-fns'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\nimport { QuangTranslationService } from 'quang/translation'\nimport { debounceTime, fromEvent } from 'rxjs'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport interface DateRange {\n  dateFrom: string | null\n  dateTo: string | null\n}\n\nexport type QuangDatepickerOptions = AirDatepickerOptions\n\n@Component({\n  selector: 'quang-date',\n  templateUrl: './date.component.html',\n  styleUrl: './date.component.scss',\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => QuangDateComponent), multi: true }],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Datepicker component based on {@link https://air-datepicker.com/docs}.\n *\n * @usageNotes\n * 1. It can be used to only display the `timepicker` component by setting\n * `[showOnlyTimepicker]=\"true\"`\n *\n * 2. `datepickerOptions` can be used to override the default options of the component to get full access to all the\n * possible customizations that Air Datepicker provides. See {@link https://air-datepicker.com/examples}\n * Please note that overriding the `container` and `locale` properties and the `onSelect` and `onHide`\n * events might cause the component to malfunction.\n */\nexport class QuangDateComponent extends QuangBaseComponent<string | DateRange | null> {\n  /**\n   * Format to use to show on the input field.\n   * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}\n   * Default: dd/MM/yyyy\n   * @default dd/MM/yyyy\n   */\n  dateFormat = input<string>('dd/MM/yyyy')\n\n  /**\n   * Format to use to show on the time inside the input field.\n   * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}\n   * Default: HH:mm\n   * @default HH:mm\n   */\n  timeFormat = input<string>('HH:mm')\n\n  /**\n   * Calendar locale, if not provided the component will try to use the one provided in {@link QuangTranslationService}\n   * if the language is not set in {@link QuangTranslationService} it will use the browser language\n   * Use this parameter only to override default behavior\n   */\n  activeLanguageOverride = input<string | undefined>(undefined)\n\n  /**\n   * If true enable the timepicker inside the calendar\n   */\n  timepicker = input<boolean>(false)\n\n  /**\n   * The message to show inside the input if the date is invalid\n   */\n  invalidDateMessage = input<string>('')\n\n  showOnlyTimepicker = input<boolean>(false)\n\n  minHour = input<number>(0)\n\n  maxHour = input<number>(24)\n\n  minMinute = input<number>(0)\n\n  maxMinute = input<number>(59)\n\n  minDate = input<Date | undefined>(undefined)\n\n  maxDate = input<Date | undefined>(undefined)\n\n  showInline = input<boolean>(false)\n\n  calendarClasses = input<string>('')\n\n  buttonClass = input<string>('')\n\n  datepickerOptions = input<QuangDatepickerOptions | undefined>(undefined)\n\n  _inputForDate = viewChild<ElementRef>('inputForDate')\n\n  contentTemplate = viewChild.required<ElementRef>('calendarButton')\n\n  hasNoContent = computed(() => this.contentTemplate()?.nativeElement.children.length === 0)\n\n  @Optional() _quangTranslationService = signal<QuangTranslationService | undefined>(inject(QuangTranslationService))\n\n  _quangTranslationActiveLang = computed(() => this._quangTranslationService()?.activeLang() ?? null)\n\n  multipleDatesSeparator = input<string>(' - ')\n\n  rangeSelection = input(false)\n\n  _activeLanguage = computed(() => {\n    if (this.activeLanguageOverride()) {\n      return this.activeLanguageOverride()\n    }\n    if (this._quangTranslationService()) {\n      return this._quangTranslationActiveLang()\n    }\n    return navigator.language\n  })\n\n  _airDatepickerInstance = signal<AirDatepicker | undefined>(undefined)\n\n  searchTextDebounce = input<number>(500)\n\n  targetPosition = signal<AirDatepickerPosition>('bottom left')\n\n  _generateAirDatepickerEffect = effect(() => {\n    this.setupCalendar()\n  })\n\n  valueFormat = computed(() =>\n    this.showOnlyTimepicker()\n      ? this.timeFormat()\n      : this.dateFormat() + (this.showTimepicker() ? ` ${this.timeFormat()}` : '')\n  )\n\n  inputValueString = computed(() => this.formatDate(this._value()))\n\n  constructor() {\n    super()\n\n    fromEvent(document, 'scroll', { capture: true })\n      .pipe(takeUntilDestroyed(), debounceTime(250))\n      .subscribe(() => {\n        if (this._airDatepickerInstance()?.visible) {\n          this.setupCalendar()\n        }\n      })\n  }\n\n  showTimepicker = computed(() => !this.rangeSelection() && (this.timepicker() || this.showOnlyTimepicker()))\n\n  isMouseInsideCalendar = signal(false)\n\n  isMouseOutsideCalendar = computed(() => !this.isMouseInsideCalendar())\n\n  setupCalendar() {\n    if (this._inputForDate()?.nativeElement) {\n      let currentValue = this._value()\n      let targetDate: AirDatepickerDate[] | undefined\n      if (currentValue && typeof currentValue === 'string') {\n        if (!this.showTimepicker()) {\n          currentValue = currentValue.split('T')[0]\n        }\n        targetDate = [currentValue]\n      } else if (currentValue && typeof currentValue === 'object') {\n        targetDate = []\n        if (currentValue.dateFrom) {\n          let targetDateFrom: string = currentValue.dateFrom\n          if (!this.showTimepicker()) {\n            targetDateFrom = currentValue.dateFrom.split('T')[0]\n          }\n          targetDate.push(targetDateFrom)\n        }\n        if (currentValue.dateTo) {\n          let targetDateTo: string = currentValue.dateTo\n          if (!this.showTimepicker()) {\n            targetDateTo = currentValue.dateTo.split('T')[0]\n          }\n          targetDate.push(targetDateTo)\n        }\n      }\n      this.setCalendarPosition()\n      const airDatepickerOpts: QuangDatepickerOptions = {\n        autoClose: true,\n        classes: this.calendarClasses(),\n        dateFormat: this.dateFormat(),\n        inline: this.showInline(),\n        isMobile: false,\n        multipleDatesSeparator: this.multipleDatesSeparator(),\n        range: this.rangeSelection(),\n        timepicker: this.showTimepicker(),\n        onlyTimepicker: this.showOnlyTimepicker(),\n        timeFormat: this.timeFormat(),\n        minHours: this.minHour(),\n        maxHours: this.maxHour(),\n        minMinutes: this.minMinute(),\n        maxMinutes: this.maxMinute(),\n        minDate: this.minDate(),\n        maxDate: this.maxDate(),\n        toggleSelected: false,\n        multipleDates: false,\n        selectedDates: targetDate,\n        position: this.targetPosition(),\n        locale: this.getLocale(),\n\n        onSelect: ({ date }) => {\n          if (!Array.isArray(date)) {\n            let selectTargetDate = date\n            if (!this.showTimepicker()) {\n              selectTargetDate = this.dateToUtc(date)\n            }\n            this.onChangedHandler(selectTargetDate.toISOString())\n          }\n          if (this.showInline()) {\n            this.onHideCalendar()\n          }\n        },\n        onHide: (isAnimationComplete: boolean) => {\n          if (isAnimationComplete) {\n            this.onHideCalendar()\n          }\n        },\n        ...(this.datepickerOptions() ?? {}),\n        onShow: (isAnimationComplete) => {\n          const datepicker = this._airDatepickerInstance()?.$datepicker\n          if (datepicker) {\n            datepicker.onmouseenter = () => {\n              this.isMouseInsideCalendar.set(true)\n            }\n            datepicker.onmouseleave = () => {\n              this.isMouseInsideCalendar.set(false)\n            }\n          }\n          if (isAnimationComplete || !this.showTimepicker()) {\n            return\n          }\n          this.setupTimepicker()\n        },\n      }\n\n      if (this._airDatepickerInstance()) {\n        if (this._airDatepickerInstance()?.visible) {\n          this._airDatepickerInstance()?.update(airDatepickerOpts)\n        } else {\n          this._airDatepickerInstance()?.update(airDatepickerOpts, { silent: true })\n        }\n\n        if (!targetDate) {\n          this._airDatepickerInstance()?.setFocusDate(false)\n          this._airDatepickerInstance()?.clear({ silent: true })\n        } else {\n          this._airDatepickerInstance()?.selectDate(targetDate, { updateTime: true })\n        }\n      } else {\n        this._airDatepickerInstance.set(new AirDatepicker(this._inputForDate()?.nativeElement, airDatepickerOpts))\n      }\n\n      if (this.showInline()) {\n        this.setupTimepicker()\n      }\n    }\n  }\n\n  onChangeText($event: Event): void {\n    const value = ($event.target as HTMLInputElement)?.value\n    if (value) {\n      // TODO: check format for DateRange\n      if (value.length === this.valueFormat().length && isMatch(value, this.valueFormat())) {\n        this.onChangedHandler(this.setupInputStringToDate(value).toISOString())\n      }\n    } else {\n      this.onChangedHandler(value)\n    }\n  }\n\n  override onBlurHandler() {\n    super.onBlurHandler()\n\n    if (this.isMouseOutsideCalendar() && this._airDatepickerInstance()?.visible) {\n      this._airDatepickerInstance()?.hide()\n    }\n  }\n\n  setupInputStringToDate(value: string) {\n    let targetValueFormat = this.valueFormat()\n    if (value.length !== targetValueFormat.length) {\n      targetValueFormat = targetValueFormat.replace('yyyy', 'yy')\n    }\n    let targetDate = parse(value, targetValueFormat, new Date())\n    if (!this.showTimepicker()) {\n      targetDate = this.dateToUtc(targetDate)\n    }\n    return targetDate\n  }\n\n  override onChangedHandler(value: string | DateRange | null): void {\n    let targetDate = value\n    const currentValue = this._value()\n    if (typeof targetDate === 'string' && (!currentValue || typeof currentValue === 'string')) {\n      if (!this.showTimepicker() && targetDate) {\n        // remove time from date\n        targetDate = `${targetDate.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue && targetDate) {\n        targetDate = `${currentValue.split('T')[0]}T${targetDate.split('T')[1]}`\n      }\n    } else if (\n      this.rangeSelection() &&\n      typeof targetDate === 'object' &&\n      (currentValue === null || typeof currentValue === 'object')\n    ) {\n      if (!this.showTimepicker() && targetDate?.dateFrom) {\n        // remove time from date\n        targetDate.dateFrom = `${targetDate.dateFrom.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue?.dateFrom && targetDate?.dateFrom) {\n        targetDate.dateFrom = `${currentValue?.dateFrom.split('T')[0]}T${targetDate.dateFrom.split('T')[1]}`\n      }\n      if (!this.showTimepicker() && targetDate?.dateTo) {\n        // remove time from date\n        targetDate.dateTo = `${targetDate.dateTo.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue?.dateTo && targetDate?.dateTo) {\n        targetDate.dateTo = `${currentValue?.dateTo.split('T')[0]}T${targetDate.dateTo.split('T')[1]}`\n      }\n    }\n\n    if (JSON.stringify(currentValue) === JSON.stringify(targetDate)) {\n      return\n    }\n\n    this._value.set(targetDate)\n  }\n\n  onHideCalendar(): void {\n    const valueInput: string = this._inputForDate()?.nativeElement.value\n    let value: string | DateRange = valueInput\n    if (this.rangeSelection()) {\n      value = { dateFrom: '', dateTo: '' }\n      const [dateFrom, dateTo] = valueInput.split(this.multipleDatesSeparator())\n      value.dateFrom = dateFrom ?? ''\n      value.dateTo = dateTo ?? ''\n      if (!value.dateFrom || !this.checkDateMatch(value.dateFrom)) {\n        value.dateFrom = null\n      } else {\n        value.dateFrom = this.setupInputStringToDate(value.dateFrom).toISOString()\n      }\n      if (!value.dateTo || !this.checkDateMatch(value.dateTo)) {\n        value.dateTo = null\n      } else {\n        value.dateTo = this.setupInputStringToDate(value.dateTo).toISOString()\n      }\n      this.onChangedHandler(value)\n    } else if (this.checkDateMatch(value)) {\n      this.onChangedHandler(this.setupInputStringToDate(value).toISOString())\n    } else {\n      this.onChangedHandler(null)\n    }\n\n    if (this.formControl()?.getRawValue() !== this._value()) {\n      super.onChangedHandler(this._value())\n    } else if (this.onTouched) {\n      this.onTouched()\n    }\n\n    // Only focus the input if the active element is still within this component\n    // (e.g., user selected a date via keyboard or mouse click on the calendar).\n    // Avoids infinite focus loop when tabbing between multiple datepickers.\n    const activeElement = document.activeElement\n    const calendarElement = this._airDatepickerInstance()?.$datepicker\n    const inputElement = this._inputForDate()?.nativeElement\n    const isCalendarFocused = calendarElement?.contains(activeElement)\n\n    if (isCalendarFocused || this.isMouseInsideCalendar()) {\n      inputElement?.focus()\n    }\n\n    this.onBlurHandler()\n  }\n\n  formatDate(val: string | DateRange | null): string {\n    if (val && typeof val === 'string') {\n      return format(val, this.valueFormat())\n    }\n    if (val && typeof val === 'object') {\n      let dateFromFormat = ''\n      let dateToFormat = ''\n      if (val.dateFrom) {\n        dateFromFormat = format(val.dateFrom, this.valueFormat())\n      }\n      if (val.dateTo) {\n        dateToFormat = format(val.dateTo, this.valueFormat())\n      }\n      return `${dateFromFormat}${this.multipleDatesSeparator()}${dateToFormat}`\n    }\n    return ''\n  }\n\n  openDatePicker() {\n    if (this._inputForDate()?.nativeElement) {\n      this._inputForDate()?.nativeElement.focus()\n    }\n  }\n\n  interceptInputInteraction($event: Event) {\n    if (!this.isReadonly()) return\n\n    $event.stopPropagation()\n    $event.stopImmediatePropagation()\n    $event.preventDefault()\n  }\n\n  getLocale(): AirDatepickerLocale {\n    switch (this._activeLanguage()?.toLowerCase()) {\n      case 'en':\n        return (en as any).default || en\n      case 'it':\n        return (it as any).default || it\n      case 'fr':\n        return (fr as any).default || fr\n      default:\n        return (en as any).default || en\n    }\n  }\n\n  onCancel(): void {\n    this._inputForDate()?.nativeElement.blur()\n  }\n\n  private dateToUtc(date: Date): Date {\n    // convert to UTC time removing the timezone\n    return new Date(date.getTime() - date.getTimezoneOffset() * 60000)\n  }\n\n  private dateToLocal(date: Date): Date {\n    // convert to local time adding the timezone\n    return new Date(date.getTime() + date.getTimezoneOffset() * 60000)\n  }\n\n  private setCalendarPosition() {\n    const windowInnerHeight = window.innerHeight\n    const inputBoundingClientRect = this._inputForDate()?.nativeElement.getBoundingClientRect()\n    const diff = windowInnerHeight - inputBoundingClientRect.height - inputBoundingClientRect.top - 239\n    if (diff >= 0) {\n      this.targetPosition.set('bottom left')\n    } else {\n      this.targetPosition.set('top left')\n    }\n  }\n\n  private setupTimepicker() {\n    const timepicker = document.getElementsByClassName('air-datepicker-time')?.[0]\n    if (timepicker) {\n      const inputs = timepicker.getElementsByTagName('input')\n      for (const input of Array.from(inputs)) {\n        input.setAttribute('type', 'number')\n        input.setAttribute('maxLength', '2')\n        input.className = 'form-control'\n        input.onmouseup = (evt) => {\n          evt.stopImmediatePropagation()\n        }\n        input.onblur = () => {\n          if (this.isMouseOutsideCalendar()) {\n            this._airDatepickerInstance()?.hide()\n          }\n        }\n      }\n    }\n  }\n\n  checkDateMatch(date: string): boolean {\n    return isMatch(date, this.valueFormat()) || isMatch(date, this.valueFormat().replace('yyyy', 'yy'))\n  }\n}\n","<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-date-container\"\n  >\n    <input\n      [attr.required]=\"getIsRequiredControl()\"\n      [autocomplete]=\"'off'\"\n      [class.is-invalid]=\"_showErrors()\"\n      [class.is-valid]=\"_showSuccess()\"\n      [class.with-button-calendar]=\"!hasNoContent()\"\n      [disabled]=\"_isDisabled()\"\n      [hidden]=\"showInline()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"inputValueString()\"\n      (blur)=\"onBlurHandler()\"\n      (focus)=\"interceptInputInteraction($event)\"\n      (input)=\"onChangeText($event)\"\n      (mouseenter)=\"isMouseInsideCalendar.set(true)\"\n      (mouseleave)=\"isMouseInsideCalendar.set(false)\"\n      (search)=\"onCancel()\"\n      #inputForDate\n      class=\"form-control\"\n      type=\"search\"\n    />\n    <button\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.border-danger]=\"_showErrors()\"\n      [class.border-success]=\"_showSuccess()\"\n      [hidden]=\"showInline() || hasNoContent() || _isDisabled()\"\n      [ngClass]=\"buttonClass()\"\n      (click)=\"_ngControl()?.disabled ? null : openDatePicker()\"\n      #calendarButton\n      aria-label=\"calendar-button\"\n      class=\"btn btn-outline-secondary btn-outline-calendar\"\n      type=\"button\"\n    >\n      <ng-content></ng-content>\n    </button>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"quang-components-date.mjs","sources":["../../../projects/quang/components/date/date.component.ts","../../../projects/quang/components/date/date.component.html","../../../projects/quang/components/date/quang-components-date.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core'\nimport { NgZone } from '@angular/core'\nimport { ApplicationRef } from '@angular/core'\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop'\nimport { NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport AirDatepicker, {\n  AirDatepickerDate,\n  AirDatepickerLocale,\n  AirDatepickerOptions,\n  AirDatepickerPosition,\n} from 'air-datepicker'\nimport en from 'air-datepicker/locale/en'\nimport fr from 'air-datepicker/locale/fr'\nimport it from 'air-datepicker/locale/it'\nimport { format, isMatch, parse } from 'date-fns'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\nimport { QuangTranslationService } from 'quang/translation'\nimport { debounceTime, fromEvent } from 'rxjs'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport interface DateRange {\n  dateFrom: string | null\n  dateTo: string | null\n}\n\nexport type QuangDatepickerOptions = AirDatepickerOptions\n\n@Component({\n  selector: 'quang-date',\n  templateUrl: './date.component.html',\n  styleUrl: './date.component.scss',\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => QuangDateComponent), multi: true }],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Datepicker component based on {@link https://air-datepicker.com/docs}.\n *\n * @usageNotes\n * 1. It can be used to only display the `timepicker` component by setting\n * `[showOnlyTimepicker]=\"true\"`\n *\n * 2. `datepickerOptions` can be used to override the default options of the component to get full access to all the\n * possible customizations that Air Datepicker provides. See {@link https://air-datepicker.com/examples}\n * Please note that overriding the `container` and `locale` properties and the `onSelect` and `onHide`\n * events might cause the component to malfunction.\n */\nexport class QuangDateComponent extends QuangBaseComponent<string | DateRange | null> {\n  private readonly _ngZone = inject(NgZone)\n  private readonly _cdr = inject(ChangeDetectorRef)\n  private readonly _appRef = inject(ApplicationRef)\n  private _tickScheduled = false\n\n  /**\n   * Format to use to show on the input field.\n   * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}\n   * Default: dd/MM/yyyy\n   * @default dd/MM/yyyy\n   */\n  dateFormat = input<string>('dd/MM/yyyy')\n\n  /**\n   * Format to use to show on the time inside the input field.\n   * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}\n   * Default: HH:mm\n   * @default HH:mm\n   */\n  timeFormat = input<string>('HH:mm')\n\n  /**\n   * Calendar locale, if not provided the component will try to use the one provided in {@link QuangTranslationService}\n   * if the language is not set in {@link QuangTranslationService} it will use the browser language\n   * Use this parameter only to override default behavior\n   */\n  activeLanguageOverride = input<string | undefined>(undefined)\n\n  /**\n   * If true enable the timepicker inside the calendar\n   */\n  timepicker = input<boolean>(false)\n\n  /**\n   * The message to show inside the input if the date is invalid\n   */\n  invalidDateMessage = input<string>('')\n\n  showOnlyTimepicker = input<boolean>(false)\n\n  minHour = input<number>(0)\n\n  maxHour = input<number>(24)\n\n  minMinute = input<number>(0)\n\n  maxMinute = input<number>(59)\n\n  minDate = input<Date | undefined>(undefined)\n\n  maxDate = input<Date | undefined>(undefined)\n\n  showInline = input<boolean>(false)\n\n  calendarClasses = input<string>('')\n\n  buttonClass = input<string>('')\n\n  datepickerOptions = input<QuangDatepickerOptions | undefined>(undefined)\n\n  _inputForDate = viewChild<ElementRef>('inputForDate')\n\n  contentTemplate = viewChild.required<ElementRef>('calendarButton')\n\n  hasNoContent = computed(() => this.contentTemplate()?.nativeElement.children.length === 0)\n\n  _quangTranslationService = signal<QuangTranslationService | undefined>(\n    inject(QuangTranslationService, { optional: true }) ?? undefined\n  )\n\n  _quangTranslationActiveLang = computed(() => this._quangTranslationService()?.activeLang() ?? null)\n\n  multipleDatesSeparator = input<string>(' - ')\n\n  rangeSelection = input(false)\n\n  _activeLanguage = computed(() => {\n    if (this.activeLanguageOverride()) {\n      return this.activeLanguageOverride()\n    }\n    if (this._quangTranslationService()) {\n      return this._quangTranslationActiveLang()\n    }\n    return navigator.language\n  })\n\n  _airDatepickerInstance = signal<AirDatepicker | undefined>(undefined)\n\n  // AirDatepicker doesn't reliably support toggling `inline` at runtime via `update()`.\n  // Track the mode used to create the current instance and recreate when it changes.\n  private readonly _airDatepickerInlineMode = signal<boolean | null>(null)\n\n  searchTextDebounce = input<number>(500)\n\n  targetPosition = signal<AirDatepickerPosition>('bottom left')\n\n  _generateAirDatepickerEffect = effect(() => {\n    this.setupCalendar()\n  })\n\n  valueFormat = computed(() =>\n    this.showOnlyTimepicker()\n      ? this.timeFormat()\n      : this.dateFormat() + (this.showTimepicker() ? ` ${this.timeFormat()}` : '')\n  )\n\n  inputValueString = computed(() => this.formatDate(this._value()))\n\n  constructor() {\n    super()\n\n    fromEvent(document, 'scroll', { capture: true })\n      .pipe(takeUntilDestroyed(), debounceTime(250))\n      .subscribe(() => {\n        if (this._airDatepickerInstance()?.visible) {\n          this.setupCalendar()\n        }\n      })\n  }\n\n  showTimepicker = computed(() => !this.rangeSelection() && (this.timepicker() || this.showOnlyTimepicker()))\n\n  isMouseInsideCalendar = signal(false)\n\n  isMouseOutsideCalendar = computed(() => !this.isMouseInsideCalendar())\n\n  private _shouldRefocusInputOnHide = signal(false)\n\n  setupCalendar() {\n    if (!this._inputForDate()?.nativeElement) return\n\n    const desiredInlineMode = this.showInline()\n\n    const existingInstance = this._airDatepickerInstance()\n    const existingInlineMode = this._airDatepickerInlineMode()\n\n    if (existingInstance && existingInlineMode !== null && existingInlineMode !== desiredInlineMode) {\n      const maybeDestroy = existingInstance as unknown as { destroy?: () => void }\n      maybeDestroy.destroy?.()\n      this._airDatepickerInstance.set(undefined)\n    }\n\n    let currentValue = this._value()\n    let targetDate: AirDatepickerDate[] | undefined\n    if (currentValue && typeof currentValue === 'string') {\n      if (!this.showTimepicker()) {\n        currentValue = currentValue.split('T')[0]\n      }\n      targetDate = [currentValue]\n    } else if (currentValue && typeof currentValue === 'object') {\n      targetDate = []\n      if (currentValue.dateFrom) {\n        const targetDateFrom: string = this.showTimepicker()\n          ? currentValue.dateFrom\n          : currentValue.dateFrom.split('T')[0]\n        targetDate.push(targetDateFrom)\n      }\n      if (currentValue.dateTo) {\n        const targetDateTo: string = this.showTimepicker() ? currentValue.dateTo : currentValue.dateTo.split('T')[0]\n        targetDate.push(targetDateTo)\n      }\n    }\n\n    this.setCalendarPosition()\n\n    const userDatepickerOptions = this.datepickerOptions() ?? {}\n    const userOnSelect = userDatepickerOptions.onSelect\n    const userOnHide = userDatepickerOptions.onHide\n    const userOnShow = userDatepickerOptions.onShow\n\n    const airDatepickerOpts: QuangDatepickerOptions = {\n      ...userDatepickerOptions,\n      autoClose: !this.showInline(),\n      showEvent: 'click',\n      classes: this.calendarClasses(),\n      dateFormat: this.dateFormat(),\n      inline: this.showInline(),\n      isMobile: false,\n      multipleDatesSeparator: this.multipleDatesSeparator(),\n      range: this.rangeSelection(),\n      timepicker: this.showTimepicker(),\n      onlyTimepicker: this.showOnlyTimepicker(),\n      timeFormat: this.timeFormat(),\n      minHours: this.minHour(),\n      maxHours: this.maxHour(),\n      minMinutes: this.minMinute(),\n      maxMinutes: this.maxMinute(),\n      minDate: this.minDate(),\n      maxDate: this.maxDate(),\n      toggleSelected: false,\n      multipleDates: false,\n      selectedDates: targetDate,\n      position: this.targetPosition(),\n      locale: this.getLocale(),\n\n      onSelect: (args) => {\n        const { date } = args\n        // AirDatepicker callbacks may fire outside Angular's zone in some app setups.\n        // Ensure CVA propagation happens inside the zone so the connected FormControl updates reliably.\n        this._ngZone.run(() => {\n          this._shouldRefocusInputOnHide.set(true)\n\n          if (Array.isArray(date)) {\n            // Range selection: AirDatepicker emits partial selections too (only start date).\n            // Committing `_value` for partial selections can trigger `setupCalendar()` re-sync and\n            // break the second click. Only commit once the range is complete.\n            const [from, to] = date\n            if (!from || !to) {\n              return\n            }\n\n            const value: DateRange = {\n              dateFrom: (this.showTimepicker() ? from : this.dateToUtc(from)).toISOString(),\n              dateTo: (this.showTimepicker() ? to : this.dateToUtc(to)).toISOString(),\n            }\n            this.onChangedHandler(value)\n          } else if (date) {\n            const selectTargetDate = this.showTimepicker() ? date : this.dateToUtc(date)\n            this.onChangedHandler(selectTargetDate.toISOString())\n          }\n\n          if (this.showInline()) {\n            // Inline mode should update the connected control immediately.\n            // Do not rely on `onHideCalendar()` because inline never hides and the input may be visually hidden.\n            this.propagateValueToControl()\n          }\n        })\n\n        userOnSelect?.(args)\n      },\n      onHide: (isAnimationComplete: boolean) => {\n        if (isAnimationComplete) {\n          this.onHideCalendar()\n        }\n\n        userOnHide?.(isAnimationComplete)\n      },\n      onShow: (isAnimationComplete) => {\n        const datepicker = this._airDatepickerInstance()?.$datepicker\n        if (datepicker) {\n          datepicker.onmouseenter = () => {\n            this.isMouseInsideCalendar.set(true)\n          }\n          datepicker.onmouseleave = () => {\n            this.isMouseInsideCalendar.set(false)\n          }\n        }\n        if (isAnimationComplete || !this.showTimepicker()) {\n          return\n        }\n        this.setupTimepicker()\n\n        userOnShow?.(isAnimationComplete)\n      },\n    }\n\n    if (this._airDatepickerInstance()) {\n      if (this._airDatepickerInstance()?.visible) {\n        this._airDatepickerInstance()?.update(airDatepickerOpts)\n      } else {\n        this._airDatepickerInstance()?.update(airDatepickerOpts, { silent: true })\n      }\n\n      if (targetDate) {\n        this._airDatepickerInstance()?.selectDate(targetDate, { updateTime: true, silent: true })\n      } else {\n        this._airDatepickerInstance()?.setFocusDate(false)\n        this._airDatepickerInstance()?.clear({ silent: true })\n      }\n    } else {\n      this._airDatepickerInstance.set(new AirDatepicker(this._inputForDate()?.nativeElement, airDatepickerOpts))\n    }\n\n    this._airDatepickerInlineMode.set(desiredInlineMode)\n\n    if (desiredInlineMode) {\n      // Ensure inline calendar is visible after re-creation/update.\n      this._airDatepickerInstance()?.show?.()\n    }\n\n    if (this.showInline()) {\n      this.setupTimepicker()\n    }\n  }\n\n  onChangeText($event: Event): void {\n    const value = ($event.target as HTMLInputElement)?.value\n    if (value) {\n      // TODO: check format for DateRange\n      if (value.length === this.valueFormat().length && isMatch(value, this.valueFormat())) {\n        this.onChangedHandler(this.setupInputStringToDate(value).toISOString())\n\n        if (this.showInline()) {\n          this.propagateValueToControl()\n        }\n      }\n    } else {\n      this.onChangedHandler(value)\n\n      if (this.showInline()) {\n        this.propagateValueToControl()\n      }\n    }\n  }\n\n  override onBlurHandler() {\n    super.onBlurHandler()\n\n    if (this.showInline()) {\n      return\n    }\n\n    if (this.isMouseOutsideCalendar() && this._airDatepickerInstance()?.visible) {\n      this._airDatepickerInstance()?.hide()\n    }\n  }\n\n  setupInputStringToDate(value: string) {\n    let targetValueFormat = this.valueFormat()\n    if (value.length !== targetValueFormat.length) {\n      targetValueFormat = targetValueFormat.replace('yyyy', 'yy')\n    }\n    const targetDate = parse(value, targetValueFormat, new Date())\n    if (!this.showTimepicker()) {\n      return this.dateToUtc(targetDate)\n    }\n    return targetDate\n  }\n\n  override onChangedHandler(value: string | DateRange | null): void {\n    let targetDate = value\n    const currentValue = this._value()\n    if (typeof targetDate === 'string' && (!currentValue || typeof currentValue === 'string')) {\n      if (!this.showTimepicker() && targetDate) {\n        // remove time from date\n        targetDate = `${targetDate.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue && targetDate) {\n        targetDate = `${currentValue.split('T')[0]}T${targetDate.split('T')[1]}`\n      }\n    } else if (\n      this.rangeSelection() &&\n      typeof targetDate === 'object' &&\n      (currentValue === null || typeof currentValue === 'object')\n    ) {\n      if (!this.showTimepicker() && targetDate?.dateFrom) {\n        // remove time from date\n        targetDate.dateFrom = `${targetDate.dateFrom.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue?.dateFrom && targetDate?.dateFrom) {\n        targetDate.dateFrom = `${currentValue?.dateFrom.split('T')[0]}T${targetDate.dateFrom.split('T')[1]}`\n      }\n      if (!this.showTimepicker() && targetDate?.dateTo) {\n        // remove time from date\n        targetDate.dateTo = `${targetDate.dateTo.split('T')[0]}T00:00:00.000Z`\n      } else if (this.showOnlyTimepicker() && currentValue?.dateTo && targetDate?.dateTo) {\n        targetDate.dateTo = `${currentValue?.dateTo.split('T')[0]}T${targetDate.dateTo.split('T')[1]}`\n      }\n    }\n\n    if (JSON.stringify(currentValue) === JSON.stringify(targetDate)) {\n      return\n    }\n\n    this._value.set(targetDate)\n  }\n\n  private propagateValueToControl(): void {\n    if (this.formControl()?.getRawValue() !== this._value()) {\n      super.onChangedHandler(this._value())\n    } else if (this.onTouched) {\n      this.onTouched()\n    }\n\n    this.requestRender()\n  }\n\n  private requestRender(): void {\n    // Inline datepicker interactions can happen outside Angular-managed events.\n    // Marking the view dirty is not always enough in zoneless/event-coalesced setups,\n    // so we coalesce a manual tick.\n    this._cdr.markForCheck()\n\n    if (this._tickScheduled) {\n      return\n    }\n\n    this._tickScheduled = true\n    queueMicrotask(() => {\n      this._tickScheduled = false\n      this._appRef.tick()\n    })\n  }\n\n  private syncValueFromDatepickerSelection(): void {\n    if (!this.showInline()) {\n      return\n    }\n\n    const datepickerInstance = this._airDatepickerInstance() as unknown as { selectedDates?: Date[] } | undefined\n    const selectedDate = datepickerInstance?.selectedDates?.[0]\n    if (!(selectedDate instanceof Date)) {\n      return\n    }\n\n    const targetDate = this.showTimepicker() ? selectedDate : this.dateToUtc(selectedDate)\n    this.onChangedHandler(targetDate.toISOString())\n    this.propagateValueToControl()\n  }\n\n  onHideCalendar(): void {\n    const valueInput: string = this._inputForDate()?.nativeElement.value\n    let value: string | DateRange = valueInput\n    if (this.rangeSelection()) {\n      value = { dateFrom: '', dateTo: '' }\n      const [dateFrom, dateTo] = valueInput.split(this.multipleDatesSeparator())\n      value.dateFrom = dateFrom ?? ''\n      value.dateTo = dateTo ?? ''\n      value.dateFrom =\n        !value.dateFrom || !this.checkDateMatch(value.dateFrom)\n          ? null\n          : this.setupInputStringToDate(value.dateFrom).toISOString()\n      value.dateTo =\n        !value.dateTo || !this.checkDateMatch(value.dateTo)\n          ? null\n          : this.setupInputStringToDate(value.dateTo).toISOString()\n      this.onChangedHandler(value)\n    } else if (this.checkDateMatch(value)) {\n      this.onChangedHandler(this.setupInputStringToDate(value).toISOString())\n    } else {\n      this.onChangedHandler(null)\n    }\n\n    this.propagateValueToControl()\n\n    if (this.showInline()) {\n      return\n    }\n\n    // Only focus the input when the user actually interacted with the calendar.\n    // Avoids infinite focus loop when tabbing between multiple datepickers.\n    const activeElement = document.activeElement\n    const calendarElement = this._airDatepickerInstance()?.$datepicker\n    const inputElement = this._inputForDate()?.nativeElement\n    const isCalendarFocused = calendarElement?.contains(activeElement)\n\n    const shouldRefocus = this._shouldRefocusInputOnHide() || isCalendarFocused || this.isMouseInsideCalendar()\n    this._shouldRefocusInputOnHide.set(false)\n\n    if (shouldRefocus) {\n      setTimeout(() => inputElement?.focus(), 0)\n    }\n\n    this.onBlurHandler()\n  }\n\n  formatDate(val: string | DateRange | null): string {\n    if (val && typeof val === 'string') {\n      return format(val, this.valueFormat())\n    }\n    if (val && typeof val === 'object') {\n      if (!val.dateFrom && !val.dateTo) {\n        return ''\n      }\n      let dateFromFormat = ''\n      let dateToFormat = ''\n      if (val.dateFrom) {\n        dateFromFormat = format(val.dateFrom, this.valueFormat())\n      }\n      if (val.dateTo) {\n        dateToFormat = format(val.dateTo, this.valueFormat())\n      }\n      return `${dateFromFormat}${this.multipleDatesSeparator()}${dateToFormat}`\n    }\n    return ''\n  }\n\n  openDatePicker() {\n    const inputEl = this._inputForDate()?.nativeElement\n    if (!inputEl || this._isDisabled()) {\n      return\n    }\n\n    inputEl.focus()\n\n    if (!this._airDatepickerInstance()) {\n      this.setupCalendar()\n    }\n\n    this._airDatepickerInstance()?.show()\n  }\n\n  onInputKeydown(event: KeyboardEvent) {\n    if (this._isDisabled()) {\n      return\n    }\n\n    const datepickerInstance = this._airDatepickerInstance()\n    if (event.key === 'Escape' && datepickerInstance?.visible) {\n      event.preventDefault()\n      datepickerInstance.hide()\n      return\n    }\n\n    if (event.key === 'Enter' || event.key === 'ArrowDown') {\n      event.preventDefault()\n      this.openDatePicker()\n    }\n  }\n\n  interceptInputInteraction($event: Event) {\n    if (!this.isReadonly()) return\n\n    $event.stopPropagation()\n    $event.stopImmediatePropagation()\n    $event.preventDefault()\n  }\n\n  getLocale(): AirDatepickerLocale {\n    switch (this._activeLanguage()?.toLowerCase()) {\n      case 'en':\n        return this.unwrapLocaleModule(en)\n      case 'it':\n        return this.unwrapLocaleModule(it)\n      case 'fr':\n        return this.unwrapLocaleModule(fr)\n      default:\n        return this.unwrapLocaleModule(en)\n    }\n  }\n\n  private unwrapLocaleModule(localeModule: unknown): AirDatepickerLocale {\n    if (typeof localeModule === 'object' && localeModule !== null && 'default' in localeModule) {\n      const moduleWithDefault = localeModule as { default?: unknown }\n      if (moduleWithDefault.default) {\n        return moduleWithDefault.default as AirDatepickerLocale\n      }\n\n      return localeModule as unknown as AirDatepickerLocale\n    }\n\n    return localeModule as AirDatepickerLocale\n  }\n\n  onCancel(): void {\n    this._inputForDate()?.nativeElement.blur()\n  }\n\n  private dateToUtc(date: Date): Date {\n    // convert to UTC time removing the timezone\n    return new Date(date.getTime() - date.getTimezoneOffset() * 60000)\n  }\n\n  private setCalendarPosition() {\n    const windowInnerHeight = window.innerHeight\n    const inputBoundingClientRect = this._inputForDate()?.nativeElement.getBoundingClientRect()\n    const diff = windowInnerHeight - inputBoundingClientRect.height - inputBoundingClientRect.top - 239\n    if (diff >= 0) {\n      this.targetPosition.set('bottom left')\n    } else {\n      this.targetPosition.set('top left')\n    }\n  }\n\n  private setupTimepicker() {\n    const datepickerRoot = this._airDatepickerInstance()?.$datepicker as HTMLElement | undefined\n    if (!datepickerRoot) {\n      return\n    }\n\n    // AirDatepicker may re-render time inputs; use delegated listeners so we don't lose handlers.\n    if (!datepickerRoot.dataset['quangTimepickerListeners']) {\n      datepickerRoot.dataset['quangTimepickerListeners'] = 'true'\n\n      datepickerRoot.addEventListener(\n        'input',\n        () => {\n          if (!this.showInline()) {\n            return\n          }\n          // Let AirDatepicker update its internal selection first.\n          setTimeout(() => this._ngZone.run(() => this.syncValueFromDatepickerSelection()), 0)\n        },\n        { capture: true }\n      )\n    }\n\n    const timepickers = datepickerRoot.getElementsByClassName('air-datepicker-time')\n    for (const timepicker of Array.from(timepickers)) {\n      const inputs = timepicker.getElementsByTagName('input')\n      for (const input of Array.from(inputs)) {\n        input.setAttribute('type', 'number')\n        input.setAttribute('maxLength', '2')\n        input.className = 'form-control'\n        input.onmouseup = (evt) => {\n          evt.stopImmediatePropagation()\n        }\n        input.onblur = () => {\n          if (!this.showInline() && this.isMouseOutsideCalendar()) {\n            this._airDatepickerInstance()?.hide()\n          }\n        }\n      }\n    }\n  }\n\n  checkDateMatch(date: string): boolean {\n    return isMatch(date, this.valueFormat()) || isMatch(date, this.valueFormat().replace('yyyy', 'yy'))\n  }\n}\n","<div class=\"mb-3\">\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_showErrors()\"\n    [class.is-valid]=\"_showSuccess()\"\n    class=\"input-date-container\"\n  >\n    <input\n      [attr.aria-hidden]=\"showInline() ? 'true' : null\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [autocomplete]=\"'off'\"\n      [class.is-invalid]=\"_showErrors()\"\n      [class.is-valid]=\"_showSuccess()\"\n      [class.quang-date-inline-hidden]=\"showInline()\"\n      [class.with-button-calendar]=\"!hasNoContent()\"\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [placeholder]=\"componentPlaceholder() | transloco\"\n      [readOnly]=\"isReadonly()\"\n      [tabIndex]=\"componentTabIndex()\"\n      [value]=\"inputValueString()\"\n      (blur)=\"onBlurHandler()\"\n      (focus)=\"interceptInputInteraction($event)\"\n      (input)=\"onChangeText($event)\"\n      (keydown)=\"onInputKeydown($event)\"\n      (mouseenter)=\"isMouseInsideCalendar.set(true)\"\n      (mouseleave)=\"isMouseInsideCalendar.set(false)\"\n      (search)=\"onCancel()\"\n      #inputForDate\n      class=\"form-control\"\n      type=\"search\"\n    />\n    <button\n      [attr.aria-hidden]=\"showInline() ? 'true' : null\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.border-danger]=\"_showErrors()\"\n      [class.border-success]=\"_showSuccess()\"\n      [class.quang-date-inline-hidden]=\"showInline()\"\n      [hidden]=\"hasNoContent() || _isDisabled()\"\n      [ngClass]=\"buttonClass()\"\n      (click)=\"_ngControl()?.disabled ? null : openDatePicker()\"\n      #calendarButton\n      aria-label=\"calendar-button\"\n      class=\"btn btn-outline-secondary btn-outline-calendar\"\n      type=\"button\"\n    >\n      <ng-content></ng-content>\n    </button>\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/quang-components-input.mjs

@@ -41,7 +41,7 @@ class QuangInputComponent extends QuangBaseComponent {
                 useExisting: forwardRef(() => QuangInputComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n", styles: ["input::-webkit-search-cancel-button{-webkit-appearance:none;height:.75rem;width:.75rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 3 1024 1024' width='12' height='12' fill='currentColor'%3E%3Cpath d='M9 1018q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5l459-459 459 459q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5 9-9 9-22 0-13-9-22l-459-459 459-459q9-9 9-22 0-13-9-22-9-9-22-9-13 0-22 9l-459 459-459-459q-9-9-22-9-13 0-22 9-9 9-9 22 0 13 9 22l459 459-459 459q-9 9-9 22 0 13 9 22l0 0z'/%3E%3C/svg%3E%0A\");cursor:pointer}:host{display:block}.no-resize{resize:none}.btn-outline-password{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;min-width:unset;display:flex;border-color:var(--bs-border-color)}.input-container{display:flex}input{flex:1}input.with-button-password{border-top-right-radius:0;border-bottom-right-radius:0}input:disabled{border-radius:var(--bs-border-radius)}.border-danger{border-color:var(--bs-form-invalid-border-color)}.border-success{border-color:var(--bs-form-valid-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n", styles: ["input::-webkit-search-cancel-button{-webkit-appearance:none;height:.75rem;width:.75rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 3 1024 1024' width='12' height='12' fill='currentColor'%3E%3Cpath d='M9 1018q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5l459-459 459 459q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5 9-9 9-22 0-13-9-22l-459-459 459-459q9-9 9-22 0-13-9-22-9-9-22-9-13 0-22 9l-459 459-459-459q-9-9-22-9-13 0-22 9-9 9-9 22 0 13 9 22l459 459-459 459q-9 9-9 22 0 13 9 22l0 0z'/%3E%3C/svg%3E%0A\");cursor:pointer}:host{display:block}.no-resize{resize:none}.btn-outline-password{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;min-width:unset;display:flex;border-color:var(--bs-border-color)}.input-container{display:flex;flex-wrap:wrap}.input-container .valid-feedback,.input-container .invalid-feedback{flex:0 0 100%}input{flex:1}input.with-button-password{border-top-right-radius:0;border-bottom-right-radius:0}input:disabled{border-radius:var(--bs-border-radius)}.border-danger{border-color:var(--bs-form-invalid-border-color)}.border-success{border-color:var(--bs-form-valid-border-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: QuangInputComponent, decorators: [{
             type: Component,
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             useExisting: forwardRef(() => QuangInputComponent),
                             multi: true,
                         },
-                    ], imports: [TranslocoPipe, NgClass, QuangTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n", styles: ["input::-webkit-search-cancel-button{-webkit-appearance:none;height:.75rem;width:.75rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 3 1024 1024' width='12' height='12' fill='currentColor'%3E%3Cpath d='M9 1018q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5l459-459 459 459q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5 9-9 9-22 0-13-9-22l-459-459 459-459q9-9 9-22 0-13-9-22-9-9-22-9-13 0-22 9l-459 459-459-459q-9-9-22-9-13 0-22 9-9 9-9 22 0 13 9 22l459 459-459 459q-9 9-9 22 0 13 9 22l0 0z'/%3E%3C/svg%3E%0A\");cursor:pointer}:host{display:block}.no-resize{resize:none}.btn-outline-password{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;min-width:unset;display:flex;border-color:var(--bs-border-color)}.input-container{display:flex}input{flex:1}input.with-button-password{border-top-right-radius:0;border-bottom-right-radius:0}input:disabled{border-radius:var(--bs-border-radius)}.border-danger{border-color:var(--bs-form-invalid-border-color)}.border-success{border-color:var(--bs-form-valid-border-color)}\n"] }]
+                    ], imports: [TranslocoPipe, NgClass, QuangTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n", styles: ["input::-webkit-search-cancel-button{-webkit-appearance:none;height:.75rem;width:.75rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 3 1024 1024' width='12' height='12' fill='currentColor'%3E%3Cpath d='M9 1018q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5l459-459 459 459q5 4 10.5 6.5 5.5 2.5 11.5 2.5 6 0 11.5-2.5 5.5-2.5 10.5-6.5 9-9 9-22 0-13-9-22l-459-459 459-459q9-9 9-22 0-13-9-22-9-9-22-9-13 0-22 9l-459 459-459-459q-9-9-22-9-13 0-22 9-9 9-9 22 0 13 9 22l459 459-459 459q-9 9-9 22 0 13 9 22l0 0z'/%3E%3C/svg%3E%0A\");cursor:pointer}:host{display:block}.no-resize{resize:none}.btn-outline-password{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;min-width:unset;display:flex;border-color:var(--bs-border-color)}.input-container{display:flex;flex-wrap:wrap}.input-container .valid-feedback,.input-container .invalid-feedback{flex:0 0 100%}input{flex:1}input.with-button-password{border-top-right-radius:0;border-bottom-right-radius:0}input:disabled{border-radius:var(--bs-border-radius)}.border-danger{border-color:var(--bs-form-invalid-border-color)}.border-success{border-color:var(--bs-form-valid-border-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { componentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentType", required: true }] }], maxLengthText: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLengthText", required: false }] }], minLengthText: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLengthText", required: false }] }], minNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "minNumber", required: false }] }], maxNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxNumber", required: false }] }], componentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStep", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], buttonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonClass", required: false }] }], showHidePasswordButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHidePasswordButton", required: false }] }] } });
 
 /**

package/fesm2022/quang-components-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"quang-components-input.mjs","sources":["../../../projects/quang/components/input/input.component.ts","../../../projects/quang/components/input/input.component.html","../../../projects/quang/components/input/quang-components-input.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, computed, forwardRef, input, signal } from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\nimport { NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport type InputType = 'text' | 'textarea' | 'password' | 'email' | 'number' | 'url' | 'search' | 'tel' | 'color'\n\n@Component({\n  selector: 'quang-input',\n  templateUrl: './input.component.html',\n  styleUrl: './input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => QuangInputComponent),\n      multi: true,\n    },\n  ],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Input component that handles all the types declared in {@link InputType}\n * @property {boolean} resizable just for textarea {@link InputType}\n */\nexport class QuangInputComponent extends QuangBaseComponent<string | number> {\n  componentType = input.required<InputType>()\n\n  maxLengthText = input<number | null>(null)\n\n  minLengthText = input<number | null>(null)\n\n  minNumber = input<number | undefined>(undefined)\n\n  maxNumber = input<number | undefined>(undefined)\n\n  componentStep = input<number>(1)\n\n  resizable = input(true)\n\n  buttonClass = input<string>('')\n\n  showHidePasswordButton = input(false)\n\n  showPassword = signal<boolean>(false)\n\n  componentInputType = computed<InputType>(() =>\n    this.componentType() === 'password' && this.showPassword() ? 'text' : this.componentType()\n  )\n\n  constructor() {\n    super()\n    toObservable(this.componentType)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.setupFormControl()\n      })\n  }\n\n  onTogglePasswordVisibility(): void {\n    this.showPassword.update((current) => !current)\n  }\n}\n","@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"quang-components-input.mjs","sources":["../../../projects/quang/components/input/input.component.ts","../../../projects/quang/components/input/input.component.html","../../../projects/quang/components/input/quang-components-input.ts"],"sourcesContent":["import { NgClass } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, computed, forwardRef, input, signal } from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\nimport { NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { QuangTooltipDirective } from 'quang/overlay/tooltip'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport type InputType = 'text' | 'textarea' | 'password' | 'email' | 'number' | 'url' | 'search' | 'tel' | 'color'\n\n@Component({\n  selector: 'quang-input',\n  templateUrl: './input.component.html',\n  styleUrl: './input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => QuangInputComponent),\n      multi: true,\n    },\n  ],\n  imports: [TranslocoPipe, NgClass, QuangTooltipDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Input component that handles all the types declared in {@link InputType}\n * @property {boolean} resizable just for textarea {@link InputType}\n */\nexport class QuangInputComponent extends QuangBaseComponent<string | number> {\n  componentType = input.required<InputType>()\n\n  maxLengthText = input<number | null>(null)\n\n  minLengthText = input<number | null>(null)\n\n  minNumber = input<number | undefined>(undefined)\n\n  maxNumber = input<number | undefined>(undefined)\n\n  componentStep = input<number>(1)\n\n  resizable = input(true)\n\n  buttonClass = input<string>('')\n\n  showHidePasswordButton = input(false)\n\n  showPassword = signal<boolean>(false)\n\n  componentInputType = computed<InputType>(() =>\n    this.componentType() === 'password' && this.showPassword() ? 'text' : this.componentType()\n  )\n\n  constructor() {\n    super()\n    toObservable(this.componentType)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.setupFormControl()\n      })\n  }\n\n  onTogglePasswordVisibility(): void {\n    this.showPassword.update((current) => !current)\n  }\n}\n","@if (componentType()) {\n  <div class=\"mb-3\">\n    @if (componentLabel()) {\n      <label\n        [htmlFor]=\"componentId()\"\n        class=\"form-label d-flex gap-2\"\n      >\n        <div>\n          <span>{{ componentLabel() | transloco }}</span>\n          <span [hidden]=\"!_isRequired()\">*</span>\n        </div>\n        @if (helpMessage() && helpMessageTooltip()) {\n          <div [quangTooltip]=\"helpMessage() | transloco\">\n            <ng-content select=\"[help-icon]\" />\n          </div>\n        }\n      </label>\n    }\n    @if (componentType() !== 'textarea') {\n      <div\n        [class.is-invalid]=\"_showErrors()\"\n        class=\"input-container\"\n      >\n        <input\n          [attr.maxLength]=\"maxLengthText()\"\n          [attr.minLength]=\"minLengthText()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [class.with-button-password]=\"showHidePasswordButton()\"\n          [disabled]=\"_isDisabled()\"\n          [id]=\"componentId()\"\n          [max]=\"maxNumber()\"\n          [min]=\"minNumber()\"\n          [ngClass]=\"componentClass()\"\n          [placeholder]=\"componentPlaceholder() | transloco\"\n          [readOnly]=\"isReadonly()\"\n          [step]=\"componentStep()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [type]=\"componentInputType()\"\n          [value]=\"_value()\"\n          (blur)=\"onBlurHandler()\"\n          (input)=\"onChangedEventHandler($event)\"\n          autocomplete=\"off\"\n          class=\"form-control\"\n        />\n        @if (componentType() === 'password' && showHidePasswordButton()) {\n          <button\n            [class.border-danger]=\"_showErrors()\"\n            [class.border-success]=\"_showSuccess()\"\n            [ngClass]=\"buttonClass()\"\n            (click)=\"_ngControl()?.disabled ? null : onTogglePasswordVisibility()\"\n            #calendarButton\n            aria-label=\"calendar-button\"\n            class=\"btn btn-outline-secondary btn-outline-password\"\n            type=\"button\"\n          >\n            @if (showPassword()) {\n              <ng-content select=\"[hide-password]\" />\n            } @else {\n              <ng-content select=\"[show-password]\" />\n            }\n          </button>\n        }\n      </div>\n    }\n    @if (componentType() === 'textarea') {\n      <textarea\n        [attr.maxLength]=\"maxLengthText()\"\n        [attr.minLength]=\"minLengthText()\"\n        [class.is-invalid]=\"_showErrors()\"\n        [class.is-valid]=\"_showSuccess()\"\n        [class.no-resize]=\"!resizable()\"\n        [disabled]=\"_isDisabled()\"\n        [id]=\"componentId()\"\n        [ngClass]=\"componentClass()\"\n        [placeholder]=\"componentPlaceholder() | transloco\"\n        [readOnly]=\"isReadonly()\"\n        [tabIndex]=\"componentTabIndex()\"\n        [value]=\"_value()\"\n        (blur)=\"onBlurHandler()\"\n        (input)=\"onChangedEventHandler($event)\"\n        class=\"form-control\"\n      ></textarea>\n    }\n    <div class=\"valid-feedback\">\n      {{ successMessage() | transloco }}\n    </div>\n    <div class=\"invalid-feedback\">\n      {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n    </div>\n    @if (helpMessage() && !helpMessageTooltip()) {\n      <small\n        [hidden]=\"_showSuccess() || _showErrors()\"\n        aria-live=\"assertive\"\n        class=\"form-text text-muted\"\n      >\n        {{ helpMessage() | transloco }}\n      </small>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/quang-components-radio-group.mjs

@@ -0,0 +1,59 @@
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TranslocoPipe } from '@jsverse/transloco';
+import { QuangBaseComponent } from 'quang/components/shared';
+
+class QuangRadioGroupComponent extends QuangBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.radioOptions = input.required(...(ngDevMode ? [{ debugName: "radioOptions" }] : []));
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.radioPosition = input('left', ...(ngDevMode ? [{ debugName: "radioPosition" }] : []));
+        this._radioName = computed(() => this.name() || this.componentId(), ...(ngDevMode ? [{ debugName: "_radioName" }] : []));
+    }
+    getOptionId(index) {
+        return `${this.componentId()}-option-${index}`;
+    }
+    isOptionDisabled(option) {
+        return this._isDisabled() || this.isReadonly() || !!option.disabled;
+    }
+    getOptionLabel(option) {
+        if (option.label !== undefined)
+            return option.label;
+        if (option.value === null)
+            return '';
+        return String(option.value);
+    }
+    onSelectOption(option) {
+        if (this.isOptionDisabled(option))
+            return;
+        this.onChangedHandler(option.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: QuangRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: QuangRadioGroupComponent, isStandalone: true, selector: "quang-radio-group", inputs: { radioOptions: { classPropertyName: "radioOptions", publicName: "radioOptions", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, radioPosition: { classPropertyName: "radioPosition", publicName: "radioPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => QuangRadioGroupComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<fieldset class=\"mb-3\">\n  @if (componentLabel()) {\n    <legend\n      [id]=\"componentId() + '-label'\"\n      class=\"form-label w-100\"\n    >\n      {{ componentLabel() | transloco }}\n      <span [hidden]=\"!_isRequired()\">*</span>\n    </legend>\n  }\n\n  <div\n    [attr.aria-labelledby]=\"componentLabel() ? componentId() + '-label' : null\"\n    [attr.role]=\"'radiogroup'\"\n  >\n    @for (option of radioOptions(); track option.value ?? $index; let index = $index) {\n      <div\n        [class.form-check-reverse]=\"radioPosition() === 'right'\"\n        class=\"form-check text-start\"\n      >\n        <input\n          [attr.name]=\"_radioName()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [checked]=\"_value() === option.value\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [disabled]=\"isOptionDisabled(option)\"\n          [id]=\"getOptionId(index)\"\n          [ngClass]=\"componentClass()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [value]=\"option.value ?? ''\"\n          (blur)=\"onBlurHandler()\"\n          (change)=\"onSelectOption(option)\"\n          class=\"form-check-input\"\n          type=\"radio\"\n        />\n\n        <label\n          [htmlFor]=\"getOptionId(index)\"\n          [ngClass]=\"{ 'cursor-pointer': !isOptionDisabled(option) }\"\n          class=\"form-check-label\"\n        >\n          @if (!option.renderer) {\n            {{ getOptionLabel(option) | transloco }}\n          }\n          <ng-container\n            [ngTemplateOutlet]=\"option.renderer ?? null\"\n            [ngTemplateOutletContext]=\"{ $implicit: option, selected: _value() === option.value, index: index }\"\n          ></ng-container>\n        </label>\n      </div>\n    }\n  </div>\n\n  <div\n    [class.d-block]=\"_showSuccess()\"\n    class=\"valid-feedback\"\n  >\n    {{ successMessage() | transloco }}\n  </div>\n  <div\n    [class.d-block]=\"_showErrors()\"\n    class=\"invalid-feedback\"\n  >\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n\n  @if (helpMessage()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</fieldset>\n", styles: ["legend.form-label{font-size:var(--bs-body-font-size)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: QuangRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'quang-radio-group', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuangRadioGroupComponent),
+                            multi: true,
+                        },
+                    ], imports: [TranslocoPipe, NgClass, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"mb-3\">\n  @if (componentLabel()) {\n    <legend\n      [id]=\"componentId() + '-label'\"\n      class=\"form-label w-100\"\n    >\n      {{ componentLabel() | transloco }}\n      <span [hidden]=\"!_isRequired()\">*</span>\n    </legend>\n  }\n\n  <div\n    [attr.aria-labelledby]=\"componentLabel() ? componentId() + '-label' : null\"\n    [attr.role]=\"'radiogroup'\"\n  >\n    @for (option of radioOptions(); track option.value ?? $index; let index = $index) {\n      <div\n        [class.form-check-reverse]=\"radioPosition() === 'right'\"\n        class=\"form-check text-start\"\n      >\n        <input\n          [attr.name]=\"_radioName()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [checked]=\"_value() === option.value\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [disabled]=\"isOptionDisabled(option)\"\n          [id]=\"getOptionId(index)\"\n          [ngClass]=\"componentClass()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [value]=\"option.value ?? ''\"\n          (blur)=\"onBlurHandler()\"\n          (change)=\"onSelectOption(option)\"\n          class=\"form-check-input\"\n          type=\"radio\"\n        />\n\n        <label\n          [htmlFor]=\"getOptionId(index)\"\n          [ngClass]=\"{ 'cursor-pointer': !isOptionDisabled(option) }\"\n          class=\"form-check-label\"\n        >\n          @if (!option.renderer) {\n            {{ getOptionLabel(option) | transloco }}\n          }\n          <ng-container\n            [ngTemplateOutlet]=\"option.renderer ?? null\"\n            [ngTemplateOutletContext]=\"{ $implicit: option, selected: _value() === option.value, index: index }\"\n          ></ng-container>\n        </label>\n      </div>\n    }\n  </div>\n\n  <div\n    [class.d-block]=\"_showSuccess()\"\n    class=\"valid-feedback\"\n  >\n    {{ successMessage() | transloco }}\n  </div>\n  <div\n    [class.d-block]=\"_showErrors()\"\n    class=\"invalid-feedback\"\n  >\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n\n  @if (helpMessage()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</fieldset>\n", styles: ["legend.form-label{font-size:var(--bs-body-font-size)}\n"] }]
+        }], propDecorators: { radioOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "radioOptions", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], radioPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "radioPosition", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QuangRadioGroupComponent };
+//# sourceMappingURL=quang-components-radio-group.mjs.map

package/fesm2022/quang-components-radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"quang-components-radio-group.mjs","sources":["../../../projects/quang/components/radio-group/radio-group.component.ts","../../../projects/quang/components/radio-group/radio-group.component.html","../../../projects/quang/components/radio-group/quang-components-radio-group.ts"],"sourcesContent":["import { NgClass, NgTemplateOutlet } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, forwardRef, input } from '@angular/core'\nimport { NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\n\nimport { QuangBaseComponent } from 'quang/components/shared'\n\nexport type RadioPosition = 'left' | 'right'\n\nexport interface QuangRadioOptionTemplateContext<T extends string | number | null = string | number | null> {\n  $implicit: RadioOption<T>\n  selected: boolean\n  index: number\n}\n\nexport interface RadioOption<T extends string | number | null = string | number | null> {\n  value: T\n  label?: string\n  disabled?: boolean\n  renderer?: TemplateRef<QuangRadioOptionTemplateContext<T>>\n}\n\n@Component({\n  selector: 'quang-radio-group',\n  templateUrl: './radio-group.component.html',\n  styleUrl: './radio-group.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => QuangRadioGroupComponent),\n      multi: true,\n    },\n  ],\n  imports: [TranslocoPipe, NgClass, NgTemplateOutlet],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class QuangRadioGroupComponent extends QuangBaseComponent<string | number | null> {\n  radioOptions = input.required<RadioOption[]>()\n\n  name = input<string>('')\n\n  radioPosition = input<RadioPosition>('left')\n\n  _radioName = computed(() => this.name() || this.componentId())\n\n  getOptionId(index: number): string {\n    return `${this.componentId()}-option-${index}`\n  }\n\n  isOptionDisabled(option: RadioOption): boolean {\n    return this._isDisabled() || this.isReadonly() || !!option.disabled\n  }\n\n  getOptionLabel(option: RadioOption): string {\n    if (option.label !== undefined) return option.label\n    if (option.value === null) return ''\n    return String(option.value)\n  }\n\n  onSelectOption(option: RadioOption): void {\n    if (this.isOptionDisabled(option)) return\n    this.onChangedHandler(option.value)\n  }\n}\n","<fieldset class=\"mb-3\">\n  @if (componentLabel()) {\n    <legend\n      [id]=\"componentId() + '-label'\"\n      class=\"form-label w-100\"\n    >\n      {{ componentLabel() | transloco }}\n      <span [hidden]=\"!_isRequired()\">*</span>\n    </legend>\n  }\n\n  <div\n    [attr.aria-labelledby]=\"componentLabel() ? componentId() + '-label' : null\"\n    [attr.role]=\"'radiogroup'\"\n  >\n    @for (option of radioOptions(); track option.value ?? $index; let index = $index) {\n      <div\n        [class.form-check-reverse]=\"radioPosition() === 'right'\"\n        class=\"form-check text-start\"\n      >\n        <input\n          [attr.name]=\"_radioName()\"\n          [attr.required]=\"getIsRequiredControl()\"\n          [checked]=\"_value() === option.value\"\n          [class.is-invalid]=\"_showErrors()\"\n          [class.is-valid]=\"_showSuccess()\"\n          [disabled]=\"isOptionDisabled(option)\"\n          [id]=\"getOptionId(index)\"\n          [ngClass]=\"componentClass()\"\n          [tabIndex]=\"componentTabIndex()\"\n          [value]=\"option.value ?? ''\"\n          (blur)=\"onBlurHandler()\"\n          (change)=\"onSelectOption(option)\"\n          class=\"form-check-input\"\n          type=\"radio\"\n        />\n\n        <label\n          [htmlFor]=\"getOptionId(index)\"\n          [ngClass]=\"{ 'cursor-pointer': !isOptionDisabled(option) }\"\n          class=\"form-check-label\"\n        >\n          @if (!option.renderer) {\n            {{ getOptionLabel(option) | transloco }}\n          }\n          <ng-container\n            [ngTemplateOutlet]=\"option.renderer ?? null\"\n            [ngTemplateOutletContext]=\"{ $implicit: option, selected: _value() === option.value, index: index }\"\n          ></ng-container>\n        </label>\n      </div>\n    }\n  </div>\n\n  <div\n    [class.d-block]=\"_showSuccess()\"\n    class=\"valid-feedback\"\n  >\n    {{ successMessage() | transloco }}\n  </div>\n  <div\n    [class.d-block]=\"_showErrors()\"\n    class=\"invalid-feedback\"\n  >\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n\n  @if (helpMessage()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</fieldset>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/quang-components-select.mjs

@@ -1,4 +1,4 @@
-import { NgClass } from '@angular/common';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, viewChild, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -144,6 +144,9 @@ class QuangSelectComponent extends QuangBaseComponent {
             buttonEl.focus();
         }
     }
+    getOptionIndex(option) {
+        return this.selectOptions().findIndex((x) => x.value === option.value);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: QuangSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: QuangSelectComponent, isStandalone: true, selector: "quang-select", inputs: { selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, optionListMaxHeight: { classPropertyName: "optionListMaxHeight", publicName: "optionListMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectOptions: { classPropertyName: "selectOptions", publicName: "selectOptions", isSignal: true, isRequired: true, transformFunction: null }, scrollBehaviorOnOpen: { classPropertyName: "scrollBehaviorOnOpen", publicName: "scrollBehaviorOnOpen", isSignal: true, isRequired: false, transformFunction: null }, translateValue: { classPropertyName: "translateValue", publicName: "translateValue", isSignal: true, isRequired: false, transformFunction: null }, nullOption: { classPropertyName: "nullOption", publicName: "nullOption", isSignal: true, isRequired: false, transformFunction: null }, autoSelectSingleOption: { classPropertyName: "autoSelectSingleOption", publicName: "autoSelectSingleOption", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
@@ -155,7 +158,7 @@ class QuangSelectComponent extends QuangBaseComponent {
                 provide: QuangOptionListComponent,
                 multi: false,
             },
-        ], viewQueries: [{ propertyName: "selectButton", first: true, predicate: ["selectButton"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  (mouseleave)=\"onMouseLeaveCallback()\"\n  class=\"mb-3\"\n>\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n    [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n    class=\"option-list-container\"\n  >\n    <button\n      [attr.aria-controls]=\"_showOptions() ? 'optionList' : null\"\n      [attr.aria-expanded]=\"_showOptions()\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n      [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [tabIndex]=\"componentTabIndex()\"\n      (click)=\"changeOptionsVisibility()\"\n      (keydown)=\"onButtonKeydown($event)\"\n      #selectButton\n      aria-haspopup=\"listbox\"\n      class=\"form-select\"\n      type=\"button\"\n    >\n      <div class=\"content\">\n        @if (_selectedItems()?.length) {\n          @for (val of _selectedItems(); track val.value; let last = $last) {\n            {{ translateValue() ? (val.label | transloco) : val.label }}{{ !last ? ', ' : '' }}\n          }\n        } @else {\n          <ng-container>{{ componentPlaceholder() | transloco }}</ng-container>\n        }\n      </div>\n    </button>\n\n    @if (_showOptions()) {\n      <quang-option-list\n        [_isDisabled]=\"_isDisabled()\"\n        [_value]=\"_value()\"\n        [componentClass]=\"componentClass()\"\n        [componentLabel]=\"componentLabel()\"\n        [componentTabIndex]=\"componentTabIndex()\"\n        [nullOption]=\"nullOption()\"\n        [optionListMaxHeight]=\"optionListMaxHeight()\"\n        [parentType]=\"ParentType\"\n        [scrollBehaviorOnOpen]=\"scrollBehaviorOnOpen()\"\n        [selectButtonRef]=\"selectButton\"\n        [selectionMode]=\"selectionMode()\"\n        [selectOptions]=\"selectOptions()\"\n        [translateValue]=\"translateValue()\"\n        (blurHandler)=\"onBlurHandler()\"\n        (changedHandler)=\"onChangedHandler($event)\"\n        (escapePressed)=\"onEscapePressed()\"\n        (tabPressed)=\"onTabPressed($event)\"\n        #optionList\n      ></quang-option-list>\n    }\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}:host .option-list-container{position:relative}.form-select{height:2.375rem}.form-select:disabled{background-image:unset}.content{text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: QuangOptionListComponent, selector: "quang-option-list", inputs: ["selectionMode", "optionListMaxHeight", "selectOptions", "selectButtonRef", "_value", "_isDisabled", "componentClass", "componentLabel", "componentTabIndex", "translateValue", "nullOption", "scrollBehaviorOnOpen", "parentType", "parentID"], outputs: ["changedHandler", "blurHandler", "escapePressed", "tabPressed"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "selectButton", first: true, predicate: ["selectButton"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  (mouseleave)=\"onMouseLeaveCallback()\"\n  class=\"mb-3\"\n>\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n    [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n    class=\"option-list-container\"\n  >\n    <button\n      [attr.aria-controls]=\"_showOptions() ? 'optionList' : null\"\n      [attr.aria-expanded]=\"_showOptions()\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n      [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [tabIndex]=\"componentTabIndex()\"\n      (click)=\"changeOptionsVisibility()\"\n      (keydown)=\"onButtonKeydown($event)\"\n      #selectButton\n      aria-haspopup=\"listbox\"\n      class=\"form-select\"\n      type=\"button\"\n    >\n      <div\n        [class.multiple]=\"selectionMode() === 'multiple'\"\n        class=\"content\"\n      >\n        @if (_selectedItems()?.length) {\n          @for (val of _selectedItems(); track val; let last = $last) {\n            <span class=\"selected-item\">\n              @if (val.renderer) {\n                <ng-container\n                  [ngTemplateOutlet]=\"val.renderer\"\n                  [ngTemplateOutletContext]=\"{ $implicit: val, selected: true, index: getOptionIndex(val) }\"\n                ></ng-container>\n              } @else {\n                {{ translateValue() ? (val.label | transloco) : val.label }}\n              }\n            </span>\n            @if (!last) {\n              <span class=\"separator\">, </span>\n            }\n          }\n        } @else {\n          <ng-container>{{ componentPlaceholder() | transloco }}</ng-container>\n        }\n      </div>\n    </button>\n\n    @if (_showOptions()) {\n      <quang-option-list\n        [_isDisabled]=\"_isDisabled()\"\n        [_value]=\"_value()\"\n        [componentClass]=\"componentClass()\"\n        [componentLabel]=\"componentLabel()\"\n        [componentTabIndex]=\"componentTabIndex()\"\n        [nullOption]=\"nullOption()\"\n        [optionListMaxHeight]=\"optionListMaxHeight()\"\n        [parentType]=\"ParentType\"\n        [scrollBehaviorOnOpen]=\"scrollBehaviorOnOpen()\"\n        [selectButtonRef]=\"selectButton\"\n        [selectionMode]=\"selectionMode()\"\n        [selectOptions]=\"selectOptions()\"\n        [translateValue]=\"translateValue()\"\n        (blurHandler)=\"onBlurHandler()\"\n        (changedHandler)=\"onChangedHandler($event)\"\n        (escapePressed)=\"onEscapePressed()\"\n        (tabPressed)=\"onTabPressed($event)\"\n        #optionList\n      ></quang-option-list>\n    }\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}:host .option-list-container{position:relative}.form-select{height:2.375rem;overflow:hidden;display:flex;align-items:center}.form-select:disabled{background-image:unset}.content{flex:1;min-width:0;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.content.multiple{display:block;text-overflow:unset;overflow:hidden;white-space:nowrap;max-width:100%}.selected-item{display:inline-flex;align-items:center;max-height:100%;white-space:nowrap}.separator{white-space:pre}:host ::ng-deep .content .d-flex{display:inline-flex!important}:host ::ng-deep .content *{max-height:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QuangOptionListComponent, selector: "quang-option-list", inputs: ["selectionMode", "optionListMaxHeight", "selectOptions", "selectButtonRef", "_value", "_isDisabled", "componentClass", "componentLabel", "componentTabIndex", "translateValue", "nullOption", "scrollBehaviorOnOpen", "parentType", "parentID"], outputs: ["changedHandler", "blurHandler", "escapePressed", "tabPressed"] }, { kind: "directive", type: QuangTooltipDirective, selector: "[quangTooltip]", inputs: ["quangTooltip", "showMethod"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: QuangSelectComponent, decorators: [{
             type: Component,
@@ -169,7 +172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             provide: QuangOptionListComponent,
                             multi: false,
                         },
-                    ], imports: [TranslocoPipe, NgClass, QuangOptionListComponent, QuangTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  (mouseleave)=\"onMouseLeaveCallback()\"\n  class=\"mb-3\"\n>\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n    [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n    class=\"option-list-container\"\n  >\n    <button\n      [attr.aria-controls]=\"_showOptions() ? 'optionList' : null\"\n      [attr.aria-expanded]=\"_showOptions()\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n      [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [tabIndex]=\"componentTabIndex()\"\n      (click)=\"changeOptionsVisibility()\"\n      (keydown)=\"onButtonKeydown($event)\"\n      #selectButton\n      aria-haspopup=\"listbox\"\n      class=\"form-select\"\n      type=\"button\"\n    >\n      <div class=\"content\">\n        @if (_selectedItems()?.length) {\n          @for (val of _selectedItems(); track val.value; let last = $last) {\n            {{ translateValue() ? (val.label | transloco) : val.label }}{{ !last ? ', ' : '' }}\n          }\n        } @else {\n          <ng-container>{{ componentPlaceholder() | transloco }}</ng-container>\n        }\n      </div>\n    </button>\n\n    @if (_showOptions()) {\n      <quang-option-list\n        [_isDisabled]=\"_isDisabled()\"\n        [_value]=\"_value()\"\n        [componentClass]=\"componentClass()\"\n        [componentLabel]=\"componentLabel()\"\n        [componentTabIndex]=\"componentTabIndex()\"\n        [nullOption]=\"nullOption()\"\n        [optionListMaxHeight]=\"optionListMaxHeight()\"\n        [parentType]=\"ParentType\"\n        [scrollBehaviorOnOpen]=\"scrollBehaviorOnOpen()\"\n        [selectButtonRef]=\"selectButton\"\n        [selectionMode]=\"selectionMode()\"\n        [selectOptions]=\"selectOptions()\"\n        [translateValue]=\"translateValue()\"\n        (blurHandler)=\"onBlurHandler()\"\n        (changedHandler)=\"onChangedHandler($event)\"\n        (escapePressed)=\"onEscapePressed()\"\n        (tabPressed)=\"onTabPressed($event)\"\n        #optionList\n      ></quang-option-list>\n    }\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}:host .option-list-container{position:relative}.form-select{height:2.375rem}.form-select:disabled{background-image:unset}.content{text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
+                    ], imports: [TranslocoPipe, NgClass, NgTemplateOutlet, QuangOptionListComponent, QuangTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  (mouseleave)=\"onMouseLeaveCallback()\"\n  class=\"mb-3\"\n>\n  @if (componentLabel()) {\n    <label\n      [htmlFor]=\"componentId()\"\n      class=\"form-label d-flex gap-2\"\n    >\n      <div>\n        <span>{{ componentLabel() | transloco }}</span>\n        <span [hidden]=\"!_isRequired()\">*</span>\n      </div>\n      @if (helpMessage() && helpMessageTooltip()) {\n        <div [quangTooltip]=\"helpMessage() | transloco\">\n          <ng-content select=\"[help-icon]\" />\n        </div>\n      }\n    </label>\n  }\n  <div\n    [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n    [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n    class=\"option-list-container\"\n  >\n    <button\n      [attr.aria-controls]=\"_showOptions() ? 'optionList' : null\"\n      [attr.aria-expanded]=\"_showOptions()\"\n      [attr.required]=\"getIsRequiredControl()\"\n      [class.is-invalid]=\"_ngControl()?.invalid && (_ngControl()?.dirty || _ngControl()?.touched) && errorMap().length\"\n      [class.is-valid]=\"_ngControl()?.valid && (_ngControl()?.dirty || _ngControl()?.touched) && successMessage()\"\n      [disabled]=\"_isDisabled()\"\n      [id]=\"componentId()\"\n      [ngClass]=\"componentClass()\"\n      [tabIndex]=\"componentTabIndex()\"\n      (click)=\"changeOptionsVisibility()\"\n      (keydown)=\"onButtonKeydown($event)\"\n      #selectButton\n      aria-haspopup=\"listbox\"\n      class=\"form-select\"\n      type=\"button\"\n    >\n      <div\n        [class.multiple]=\"selectionMode() === 'multiple'\"\n        class=\"content\"\n      >\n        @if (_selectedItems()?.length) {\n          @for (val of _selectedItems(); track val; let last = $last) {\n            <span class=\"selected-item\">\n              @if (val.renderer) {\n                <ng-container\n                  [ngTemplateOutlet]=\"val.renderer\"\n                  [ngTemplateOutletContext]=\"{ $implicit: val, selected: true, index: getOptionIndex(val) }\"\n                ></ng-container>\n              } @else {\n                {{ translateValue() ? (val.label | transloco) : val.label }}\n              }\n            </span>\n            @if (!last) {\n              <span class=\"separator\">, </span>\n            }\n          }\n        } @else {\n          <ng-container>{{ componentPlaceholder() | transloco }}</ng-container>\n        }\n      </div>\n    </button>\n\n    @if (_showOptions()) {\n      <quang-option-list\n        [_isDisabled]=\"_isDisabled()\"\n        [_value]=\"_value()\"\n        [componentClass]=\"componentClass()\"\n        [componentLabel]=\"componentLabel()\"\n        [componentTabIndex]=\"componentTabIndex()\"\n        [nullOption]=\"nullOption()\"\n        [optionListMaxHeight]=\"optionListMaxHeight()\"\n        [parentType]=\"ParentType\"\n        [scrollBehaviorOnOpen]=\"scrollBehaviorOnOpen()\"\n        [selectButtonRef]=\"selectButton\"\n        [selectionMode]=\"selectionMode()\"\n        [selectOptions]=\"selectOptions()\"\n        [translateValue]=\"translateValue()\"\n        (blurHandler)=\"onBlurHandler()\"\n        (changedHandler)=\"onChangedHandler($event)\"\n        (escapePressed)=\"onEscapePressed()\"\n        (tabPressed)=\"onTabPressed($event)\"\n        #optionList\n      ></quang-option-list>\n    }\n  </div>\n  <div class=\"valid-feedback\">\n    {{ successMessage() | transloco }}\n  </div>\n  <div class=\"invalid-feedback\">\n    {{ _currentErrorMessage() | transloco: _currentErrorMessageExtraData() }}\n  </div>\n  @if (helpMessage() && !helpMessageTooltip()) {\n    <small\n      [hidden]=\"_showSuccess() || _showErrors()\"\n      aria-live=\"assertive\"\n      class=\"form-text text-muted\"\n    >\n      {{ helpMessage() | transloco }}\n    </small>\n  }\n</div>\n", styles: [":host{display:block}:host .option-list-container{position:relative}.form-select{height:2.375rem;overflow:hidden;display:flex;align-items:center}.form-select:disabled{background-image:unset}.content{flex:1;min-width:0;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.content.multiple{display:block;text-overflow:unset;overflow:hidden;white-space:nowrap;max-width:100%}.selected-item{display:inline-flex;align-items:center;max-height:100%;white-space:nowrap}.separator{white-space:pre}:host ::ng-deep .content .d-flex{display:inline-flex!important}:host ::ng-deep .content *{max-height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], optionListMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionListMaxHeight", required: false }] }], selectOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOptions", required: true }] }], scrollBehaviorOnOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollBehaviorOnOpen", required: false }] }], selectButton: [{ type: i0.ViewChild, args: ['selectButton', { isSignal: true }] }], translateValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateValue", required: false }] }], nullOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "nullOption", required: false }] }], autoSelectSingleOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelectSingleOption", required: false }] }] } });
 
 /**