@onemrvapublic/design-system 22.0.0-develop.1 → 22.0.0-develop.11

package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-input-iban.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.ts","../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.html","../../../../projects/onemrva/design-system/mat-input-iban/index.ts","../../../../projects/onemrva/design-system/mat-input-iban/onemrvapublic-design-system-mat-input-iban.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NgControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  combineLatestWith,\n  distinctUntilChanged,\n  Observable,\n  of,\n  pairwise,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport {\n  IBAN_SUPPORTED_COUNTRIES,\n  SEPA_ONLY_SUPPORTED_COUNTRIES,\n} from '@onemrvapublic/design-system/shared';\nimport { map } from 'rxjs/operators';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  countrySpecs,\n  extractIBAN,\n  friendlyFormatIBAN,\n  isValidIBAN,\n} from 'ibantools';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'onemrva-mat-input-iban',\n  styleUrls: ['onemrva-mat-input-iban.component.scss'],\n  templateUrl: 'onemrva-mat-input-iban.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    MatDivider,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },\n  ],\n})\nexport class OnemrvaMatInputIbanComponent\n  implements\n    ControlValueAccessor,\n    MatFormFieldControl<string>,\n    OnInit,\n    OnDestroy\n{\n  @ViewChild('countryCode') countryCode!: HTMLInputElement;\n  @ViewChild('bban') bban!: HTMLInputElement;\n\n  static nextId = 0;\n\n  readonly noEntriesFoundLabel = input('Not found');\n  readonly placeholderLabel = input('Search');\n  readonly searchAriaLabel = input('Search');\n  readonly label = input('IBAN');\n  readonly prioritizedCountries = input<string[]>([]);\n  readonly onlySEPA = input(false);\n\n  readonly getCountry = output<any>();\n\n  filteredCountries$: Observable<string[]> = of([]);\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n  placeholderIban = '';\n\n  controlType = 'bank-account-input';\n  stateChanges = new Subject<void>();\n  focused = false;\n  id = `bank-account-input-${OnemrvaMatInputIbanComponent.nextId++}`;\n  touched = false;\n\n  parts: FormGroup<{\n    countryCode: FormControl<string | null>;\n    bban: FormControl<string | null>;\n  }>;\n\n  get bbanField() {\n    return this.parts.get('bban') as FormControl;\n  }\n  get countryCodeField() {\n    return this.parts.get('countryCode') as FormControl;\n  }\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  public readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly formBuilder = inject(FormBuilder);\n  public readonly ngControl = inject(NgControl, { optional: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists\n    }\n\n    this.parts = this.formBuilder.group({\n      countryCode: ['', [Validators.maxLength(2)]],\n      bban: ['', []],\n    });\n  }\n\n  errors(): ValidationErrors | null {\n    return this.parts.errors;\n  }\n\n  onChange = (_value: any) => {\n    // Updated to properly notify parent form\n  };\n\n  onTouched = () => {\n    if (!this.touched) {\n      this.touched = true;\n      this.stateChanges.next();\n    }\n  };\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    const externalErrors = !!(\n      control &&\n      control.invalid &&\n      (control.dirty || control.touched)\n    );\n\n    // Also check internal form errors\n    const internalErrors = !!(\n      this.parts &&\n      this.parts.invalid &&\n      (this.parts.dirty || this.parts.touched)\n    );\n\n    return externalErrors || internalErrors;\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  get empty() {\n    const {\n      value: { bban },\n    } = this.parts;\n\n    // Consider empty if bban field is empty (countryCode alone doesn't make it non-empty)\n    return !bban || bban.trim() === '';\n  }\n\n  @Input()\n  get value(): string {\n    const {\n      value: { countryCode, bban },\n    } = this.parts;\n    return `${countryCode ?? ''}${bban ?? ''}`;\n  }\n\n  set value(iban: string | null) {\n    const { countryCode } = extractIBAN(iban || '');\n\n    const _iban = iban?.replace(countryCode || '', '');\n\n    this.parts.setValue({\n      countryCode: countryCode || null,\n      bban: _iban || null,\n    });\n    this.stateChanges.next();\n  }\n\n  readonly readonly = input(false);\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this._disabled ? this.parts.disable() : this.parts.enable();\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  private _placeholder = '';\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  updateNumber(number: string) {\n    let shownValue = number.replace(/[^a-zA-Z0-9]/g, '');\n    // BE45063712751789\n    const fullNumber = this.countryCodeField.value + number;\n    if (isValidIBAN(fullNumber)) {\n      const formattedValue = friendlyFormatIBAN(fullNumber);\n      if (formattedValue !== null) {\n        shownValue = formattedValue.substring(2);\n      }\n    }\n    this.bbanField.patchValue(shownValue, { emitEvent: false });\n  }\n\n  ngOnInit(): void {\n    // Add focus monitoring\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused && !this.touched) {\n        this.touched = true;\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    // Monitor internal form changes and notify parent form\n    this.parts.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(() => {\n        this.onChange(this.value);\n        this.stateChanges.next();\n      });\n\n    this.filteredCountries$ = this.getCountryCodes(this.prioritizedCountries());\n\n    this.bbanField.valueChanges\n      .pipe(\n        startWith(this.bbanField.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== null && number !== '') {\n          if (this.firstTwoCharsAreLetters(number)) {\n            const code = number?.substring(0, 2).toUpperCase();\n            const country = IBAN_SUPPORTED_COUNTRIES.find(\n              country => country == code,\n            );\n            this.countryCodeField.setValue(country);\n            number = number.substring(2);\n          }\n          this.updateNumber(number);\n        }\n      });\n\n    this.countryCodeField.valueChanges\n      .pipe(\n        startWith(''),\n        pairwise(),\n        distinctUntilChanged(),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(([_prevIban, countryCode]) => {\n        this.placeholderIban = '';\n        if (!countryCode || countryCode.length < 2) {\n          return;\n        }\n\n        if (this.firstTwoCharsAreLetters(countryCode)) {\n          const r: number | undefined = countrySpecs[countryCode]?.chars;\n          if (r !== undefined)\n            this.placeholderIban = this.generatePlaceholder(r);\n        }\n        if (this.bbanField.value !== null) {\n          this.updateNumber(this.bbanField.value);\n        }\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  ngOnDestroy() {\n    this.focusMonitor.stopMonitoring(this.elementRef);\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n    this.stateChanges.complete();\n  }\n\n  getCountryCodes(prioritizedCountries: string[]) {\n    const countryList = this.onlySEPA()\n      ? SEPA_ONLY_SUPPORTED_COUNTRIES\n      : IBAN_SUPPORTED_COUNTRIES;\n    return this.filterCtrl.valueChanges.pipe(\n      startWith(''),\n      combineLatestWith(of(countryList)),\n      map(([filterVal, countryCodes]: any) => {\n        return countryCodes\n          .filter(\n            (code: string) =>\n              !filterVal ||\n              code.toLowerCase().includes(filterVal.toLowerCase()),\n          )\n          .map((code: string) =>\n            // Prefix prioritized countries with a space to sort them first\n            !filterVal && prioritizedCountries.includes(code)\n              ? ` ${code}`\n              : code,\n          )\n          .sort() // Default string sort will prioritize prefixed spaces\n          .map((code: string) => code.trim()); // Remove the added prefix\n      }),\n    );\n  }\n\n  isLastPrioritized(i: number) {\n    return (\n      !this.filterCtrl.value && i === this.prioritizedCountries().length - 1\n    );\n  }\n\n  autoFocusNext(\n    control: AbstractControl,\n    nextElement?: HTMLInputElement,\n  ): void {\n    if (!control.errors && nextElement) {\n      this.focusMonitor.focusVia(nextElement, 'program');\n    }\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.elementRef.nativeElement.querySelector('input')?.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement =\n      this.elementRef.nativeElement.querySelector('.iban-fields')!;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(iban: string | null): void {\n    if (iban) {\n      this.value = iban;\n    } else {\n      this.parts.setValue(\n        {\n          countryCode: null,\n          bban: null,\n        },\n        { emitEvent: false },\n      );\n    }\n    this.stateChanges.next();\n  }\n\n  _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void {\n    this.autoFocusNext(control, nextElement);\n    this.onChange(this.value);\n\n    // Mark as touched when user interacts\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n    }\n\n    this.stateChanges.next();\n  }\n\n  firstTwoCharsAreLetters(input: string): boolean {\n    const regex = /^[a-zA-Z]{2}/;\n    return regex.test(input);\n  }\n\n  generatePlaceholder(chars: number): string {\n    let placeholder = '';\n\n    for (let i = 0; i < chars; i++) {\n      placeholder += '0';\n    }\n    const ph = friendlyFormatIBAN(placeholder)?.substring(2);\n    if (ph) return ph;\n\n    return placeholder.substring(2);\n  }\n\n  onKeyup(event: KeyboardEvent): void {\n    // Clear country when backspace on empty bban\n    if (this.bbanField.value === '' && event.key === 'Backspace') {\n      this.countryCodeField.setValue(null);\n      this.parts.clearValidators();\n    }\n  }\n}\n","<ng-container [formGroup]=\"parts\">\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider />\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label()\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      [formControl]=\"bbanField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-iban.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-input-iban.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.ts","../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.html","../../../../projects/onemrva/design-system/mat-input-iban/index.ts","../../../../projects/onemrva/design-system/mat-input-iban/onemrvapublic-design-system-mat-input-iban.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NgControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport {\n  combineLatestWith,\n  distinctUntilChanged,\n  Observable,\n  of,\n  pairwise,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport {\n  IBAN_SUPPORTED_COUNTRIES,\n  SEPA_ONLY_SUPPORTED_COUNTRIES,\n} from '@onemrvapublic/design-system/shared';\nimport { map } from 'rxjs/operators';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  countrySpecs,\n  extractIBAN,\n  friendlyFormatIBAN,\n  isValidIBAN,\n} from 'ibantools';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'onemrva-mat-input-iban',\n  styleUrls: ['onemrva-mat-input-iban.component.scss'],\n  templateUrl: 'onemrva-mat-input-iban.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslatePipe,\n    MatDivider,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },\n  ],\n})\nexport class OnemrvaMatInputIbanComponent\n  implements\n    ControlValueAccessor,\n    MatFormFieldControl<string>,\n    OnInit,\n    OnDestroy\n{\n  @ViewChild('countryCode') countryCode!: HTMLInputElement;\n  @ViewChild('bban') bban!: HTMLInputElement;\n\n  static nextId = 0;\n\n  readonly noEntriesFoundLabel = input('Not found');\n  readonly placeholderLabel = input('Search');\n  readonly searchAriaLabel = input('Search');\n  readonly label = input('IBAN');\n  readonly prioritizedCountries = input<string[]>([]);\n  readonly onlySEPA = input(false);\n\n  readonly getCountry = output<any>();\n\n  filteredCountries$: Observable<string[]> = of([]);\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n  placeholderIban = '';\n\n  controlType = 'bank-account-input';\n  stateChanges = new Subject<void>();\n  focused = false;\n  id = `bank-account-input-${OnemrvaMatInputIbanComponent.nextId++}`;\n  touched = false;\n\n  parts: FormGroup<{\n    countryCode: FormControl<string | null>;\n    bban: FormControl<string | null>;\n  }>;\n\n  get bbanField() {\n    return this.parts.get('bban') as FormControl;\n  }\n  get countryCodeField() {\n    return this.parts.get('countryCode') as FormControl;\n  }\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  public readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly formBuilder = inject(FormBuilder);\n  public readonly ngControl = inject(NgControl, { optional: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists\n    }\n\n    this.parts = this.formBuilder.group({\n      countryCode: ['', [Validators.maxLength(2)]],\n      bban: ['', []],\n    });\n  }\n\n  errors(): ValidationErrors | null {\n    return this.parts.errors;\n  }\n\n  onChange = (_value: any) => {\n    // Updated to properly notify parent form\n  };\n\n  onTouched = () => {\n    if (!this.touched) {\n      this.touched = true;\n      this.stateChanges.next();\n    }\n  };\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    const externalErrors = !!(\n      control &&\n      control.invalid &&\n      (control.dirty || control.touched)\n    );\n\n    // Also check internal form errors\n    const internalErrors = !!(\n      this.parts &&\n      this.parts.invalid &&\n      (this.parts.dirty || this.parts.touched)\n    );\n\n    return externalErrors || internalErrors;\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  get empty() {\n    const {\n      value: { bban },\n    } = this.parts;\n\n    // Consider empty if bban field is empty (countryCode alone doesn't make it non-empty)\n    return !bban || bban.trim() === '';\n  }\n\n  @Input()\n  get value(): string {\n    const {\n      value: { countryCode, bban },\n    } = this.parts;\n    return `${countryCode ?? ''}${bban ?? ''}`;\n  }\n\n  set value(iban: string | null) {\n    const { countryCode } = extractIBAN(iban || '');\n\n    const _iban = iban?.replace(countryCode || '', '');\n\n    this.parts.setValue({\n      countryCode: countryCode || null,\n      bban: _iban || null,\n    });\n    this.stateChanges.next();\n  }\n\n  readonly readonly = input(false);\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this._disabled ? this.parts.disable() : this.parts.enable();\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  private _placeholder = '';\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  updateNumber(number: string) {\n    let shownValue = number.replace(/[^a-zA-Z0-9]/g, '');\n    // BE45063712751789\n    const fullNumber = this.countryCodeField.value + number;\n    if (isValidIBAN(fullNumber)) {\n      const formattedValue = friendlyFormatIBAN(fullNumber);\n      if (formattedValue !== null) {\n        shownValue = formattedValue.substring(2);\n      }\n    }\n    this.bbanField.patchValue(shownValue, { emitEvent: false });\n  }\n\n  ngOnInit(): void {\n    // Add focus monitoring\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused && !this.touched) {\n        this.touched = true;\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    // Monitor internal form changes and notify parent form\n    this.parts.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(() => {\n        this.onChange(this.value);\n        this.stateChanges.next();\n      });\n\n    this.filteredCountries$ = this.getCountryCodes(this.prioritizedCountries());\n\n    this.bbanField.valueChanges\n      .pipe(\n        startWith(this.bbanField.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== null && number !== '') {\n          if (this.firstTwoCharsAreLetters(number)) {\n            const code = number?.substring(0, 2).toUpperCase();\n            const country = IBAN_SUPPORTED_COUNTRIES.find(\n              country => country == code,\n            );\n            this.countryCodeField.setValue(country);\n            number = number.substring(2);\n          }\n          this.updateNumber(number);\n        }\n      });\n\n    this.countryCodeField.valueChanges\n      .pipe(\n        startWith(''),\n        pairwise(),\n        distinctUntilChanged(),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(([_prevIban, countryCode]) => {\n        this.placeholderIban = '';\n        if (!countryCode || countryCode.length < 2) {\n          return;\n        }\n\n        if (this.firstTwoCharsAreLetters(countryCode)) {\n          const r: number | undefined = countrySpecs[countryCode]?.chars;\n          if (r !== undefined)\n            this.placeholderIban = this.generatePlaceholder(r);\n        }\n        if (this.bbanField.value !== null) {\n          this.updateNumber(this.bbanField.value);\n        }\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  ngOnDestroy() {\n    this.focusMonitor.stopMonitoring(this.elementRef);\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n    this.stateChanges.complete();\n  }\n\n  getCountryCodes(prioritizedCountries: string[]) {\n    const countryList = this.onlySEPA()\n      ? SEPA_ONLY_SUPPORTED_COUNTRIES\n      : IBAN_SUPPORTED_COUNTRIES;\n    return this.filterCtrl.valueChanges.pipe(\n      startWith(''),\n      combineLatestWith(of(countryList)),\n      map(([filterVal, countryCodes]: any) => {\n        return countryCodes\n          .filter(\n            (code: string) =>\n              !filterVal ||\n              code.toLowerCase().includes(filterVal.toLowerCase()),\n          )\n          .map((code: string) =>\n            // Prefix prioritized countries with a space to sort them first\n            !filterVal && prioritizedCountries.includes(code)\n              ? ` ${code}`\n              : code,\n          )\n          .sort() // Default string sort will prioritize prefixed spaces\n          .map((code: string) => code.trim()); // Remove the added prefix\n      }),\n    );\n  }\n\n  isLastPrioritized(i: number) {\n    return (\n      !this.filterCtrl.value && i === this.prioritizedCountries().length - 1\n    );\n  }\n\n  autoFocusNext(\n    control: AbstractControl,\n    nextElement?: HTMLInputElement,\n  ): void {\n    if (!control.errors && nextElement) {\n      this.focusMonitor.focusVia(nextElement, 'program');\n    }\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.elementRef.nativeElement.querySelector('input')?.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement =\n      this.elementRef.nativeElement.querySelector('.iban-fields')!;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(iban: string | null): void {\n    if (iban) {\n      this.value = iban;\n    } else {\n      this.parts.setValue(\n        {\n          countryCode: null,\n          bban: null,\n        },\n        { emitEvent: false },\n      );\n    }\n    this.stateChanges.next();\n  }\n\n  _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void {\n    this.autoFocusNext(control, nextElement);\n    this.onChange(this.value);\n\n    // Mark as touched when user interacts\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n    }\n\n    this.stateChanges.next();\n  }\n\n  firstTwoCharsAreLetters(input: string): boolean {\n    const regex = /^[a-zA-Z]{2}/;\n    return regex.test(input);\n  }\n\n  generatePlaceholder(chars: number): string {\n    let placeholder = '';\n\n    for (let i = 0; i < chars; i++) {\n      placeholder += '0';\n    }\n    const ph = friendlyFormatIBAN(placeholder)?.substring(2);\n    if (ph) return ph;\n\n    return placeholder.substring(2);\n  }\n\n  onKeyup(event: KeyboardEvent): void {\n    // Clear country when backspace on empty bban\n    if (this.bbanField.value === '' && event.key === 'Backspace') {\n      this.countryCodeField.setValue(null);\n      this.parts.clearValidators();\n    }\n  }\n}\n","<ng-container [formGroup]=\"parts\">\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider />\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label()\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      [formControl]=\"bbanField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-iban.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs

@@ -8,7 +8,6 @@ import * as i1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import { TranslateModule } from '@ngx-translate/core';
 import { Subject, debounceTime, startWith, combineLatestWith, takeUntil, zip } from 'rxjs';
 import { OnemRvaCDNCountryService } from '@onemrvapublic/design-system/shared';
 import { map } from 'rxjs/operators';
@@ -323,7 +322,7 @@ class OnemrvaMatInputPhoneComponent {
                 provide: MatFormFieldControl,
                 useExisting: OnemrvaMatInputPhoneComponent,
             },
-        ], viewQueries: [{ propertyName: "countryCode", first: true, predicate: ["countryCode"], descendants: true }, { propertyName: "number", first: true, predicate: ["number"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"parts\">\n  <div class=\"phone-fields\">\n    <div class=\"phone-prefix\">\n      <mat-select\n        #countryCode\n        matTextPrefix\n        class=\"onemrva-phone-number-select\"\n        [formControl]=\"countryCodeField\"\n      >\n        <mat-select-trigger>\n          <flag-icon [countryCode]=\"countryCodeField.getRawValue()\" />\n        </mat-select-trigger>\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n        @for (country of filteredCountries$ | async; track $index) {\n          <mat-option [value]=\"country.code\">\n            <flag-icon [countryCode]=\"country.code\" />\n            &nbsp;&nbsp;&nbsp;\n            {{ country.name }}\n            &nbsp;&nbsp;&nbsp;\n            <span class=\"dialcode\">\n              {{ country.dial_code }}\n            </span>\n          </mat-option>\n        }\n      </mat-select>\n    </div>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      #number\n      [placeholder]=\"placeholder\"\n      [formControl]=\"numberField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-phone{width:100%}onemrva-mat-input-phone .phone-fields{display:flex}onemrva-mat-input-phone .phone-fields .phone-prefix{width:48px;margin-right:8px}onemrva-mat-input-phone span.dialcode{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "countryCode", first: true, predicate: ["countryCode"], descendants: true }, { propertyName: "number", first: true, predicate: ["number"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"parts\">\n  <div class=\"phone-fields\">\n    <div class=\"phone-prefix\">\n      <mat-select\n        #countryCode\n        matTextPrefix\n        class=\"onemrva-phone-number-select\"\n        [formControl]=\"countryCodeField\"\n      >\n        <mat-select-trigger>\n          <flag-icon [countryCode]=\"countryCodeField.getRawValue()\" />\n        </mat-select-trigger>\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n        @for (country of filteredCountries$ | async; track $index) {\n          <mat-option [value]=\"country.code\">\n            <flag-icon [countryCode]=\"country.code\" />\n            &nbsp;&nbsp;&nbsp;\n            {{ country.name }}\n            &nbsp;&nbsp;&nbsp;\n            <span class=\"dialcode\">\n              {{ country.dial_code }}\n            </span>\n          </mat-option>\n        }\n      </mat-select>\n    </div>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      #number\n      [placeholder]=\"placeholder\"\n      [formControl]=\"numberField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-phone{width:100%}onemrva-mat-input-phone .phone-fields{display:flex}onemrva-mat-input-phone .phone-fields .phone-prefix{width:48px;margin-right:8px}onemrva-mat-input-phone span.dialcode{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
             type: Component,
@@ -333,7 +332,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         MatSelectModule,
                         MatSelectSearchModule,
                         ReactiveFormsModule,
-                        TranslateModule,
                         FlagIconComponent,
                         AsyncPipe,
                     ], encapsulation: ViewEncapsulation.None, providers: [

package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-input-phone.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.ts","../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.html","../../../../projects/onemrva/design-system/mat-input-phone/src/phone-number.directive.ts","../../../../projects/onemrva/design-system/mat-input-phone/index.ts","../../../../projects/onemrva/design-system/mat-input-phone/onemrvapublic-design-system-mat-input-phone.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NgControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  combineLatestWith,\n  debounceTime,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n  zip,\n} from 'rxjs';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\nimport { map } from 'rxjs/operators';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport parsePhoneNumber from 'libphonenumber-js';\n\n@Component({\n  selector: 'onemrva-mat-input-phone',\n  styleUrls: ['onemrva-mat-input-phone.component.scss'],\n  templateUrl: 'onemrva-mat-input-phone.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    FlagIconComponent,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatInputPhoneComponent,\n    },\n  ],\n})\nexport class OnemrvaMatInputPhoneComponent\n  implements\n    ControlValueAccessor,\n    MatFormFieldControl<string>,\n    OnInit,\n    OnDestroy\n{\n  @ViewChild('countryCode') countryCode!: HTMLInputElement;\n  @ViewChild('number') number!: ElementRef;\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  public countries$: Observable<OnemrvaMaterialCountry[]> =\n    this.cdn.getCountries();\n\n  static nextId = 0;\n\n  readonly noEntriesFoundLabel = input('Not found');\n  readonly placeholderLabel = input('Search');\n  readonly searchAriaLabel = input('Search');\n\n  readonly defaultPrefix = input('+32');\n\n  readonly getCountry = output<any>();\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n\n  controlType = 'phone-input';\n  stateChanges = new Subject<void>();\n  focused = false;\n  id = `phone-input-${OnemrvaMatInputPhoneComponent.nextId++}`;\n  touched = false;\n\n  parts: FormGroup<{\n    countryCode: FormControl<string | null>;\n    number: FormControl<string | null>;\n  }>;\n\n  get numberField() {\n    return this.parts.get('number') as FormControl;\n  }\n  get countryCodeField() {\n    return this.parts.get('countryCode') as FormControl;\n  }\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  public readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly formBuilder = inject(FormBuilder);\n  public readonly ngControl = inject(NgControl, { optional: true });\n\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n\n  constructor() {\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // Explicitly define type\n      combineLatestWith(this.countries$), // Ensure correct tuple structure\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // Define expected tuple\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // Return all when search is empty\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists\n    }\n\n    this.parts = this.formBuilder.group({\n      countryCode: ['', [Validators.maxLength(2)]],\n      number: ['', []],\n    });\n  }\n\n  errors(): ValidationErrors | null {\n    return this.parts.errors;\n  }\n\n  onChange = (_value: any) => {\n    //do nothing\n  };\n\n  onTouched = () => {\n    if (!this.touched) {\n      this.touched = true;\n      this.stateChanges.next();\n    }\n  };\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    const externalErrors = !!(\n      control &&\n      control.invalid &&\n      (control.dirty || control.touched)\n    );\n\n    // Also check internal form errors\n    const internalErrors =\n      this.parts &&\n      this.parts.invalid &&\n      (this.parts.dirty || this.parts.touched);\n\n    return externalErrors || internalErrors;\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  get empty() {\n    const {\n      value: { countryCode, number },\n    } = this.parts;\n\n    // Consider empty if both fields are truly empty or just contain whitespace\n    const countryCodeEmpty = !countryCode || countryCode.trim() === '';\n    const numberEmpty = !number || number.trim() === '';\n\n    return countryCodeEmpty && numberEmpty;\n  }\n\n  @Input()\n  get value(): string {\n    const {\n      value: { countryCode, number },\n    } = this.parts;\n\n    // Return empty string if both are empty\n    if (\n      (!countryCode || countryCode.trim() === '') &&\n      (!number || number.trim() === '')\n    ) {\n      return '';\n    }\n\n    // Return the number as is (since it should already contain the full international number)\n    return number || '';\n  }\n\n  set value(phoneNumber: string | null) {\n    const incoming = phoneNumber ?? '';\n    // If empty, clear both fields without emitting extra events\n    if (incoming.trim() === '') {\n      this.parts.setValue(\n        { countryCode: '', number: '' },\n        { emitEvent: false },\n      );\n      this.stateChanges.next();\n      return;\n    }\n    // Set the number field; existing subscriptions will derive country code and formatting\n    this.numberField.setValue(incoming, { emitEvent: false });\n    this.stateChanges.next();\n  }\n\n  readonly readonly = input(false);\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this._disabled ? this.parts.disable() : this.parts.enable();\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  private _placeholder = '';\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  ngOnInit(): void {\n    // Add focus monitoring\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused && !this.touched) {\n        this.touched = true;\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    // Monitor internal form changes and notify parent form\n    this.parts.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(() => {\n        this.onChange(this.value);\n        this.stateChanges.next();\n      });\n\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused) {\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    this.numberField.valueChanges\n      .pipe(\n        startWith(this.numberField.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number && number !== '') {\n          if (number.substring(0, 1) !== '+')\n            this.countryCodeField.setValue('', { emitEvent: false });\n          if (number === '0') {\n            this.cdn\n              .findCountryFromPrefix(this.defaultPrefix())\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.numberField.setValue(this.defaultPrefix(), {\n                    emitEvent: false,\n                  });\n                  this.countryCodeField.setValue(country.code, {\n                    emitEvent: false,\n                  });\n                } else {\n                  this.countryCodeField.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          } else {\n            this.cdn\n              .findCountryFromPrefix(number)\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.countryCodeField.setValue(country.code);\n                } else {\n                  this.countryCodeField.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          }\n        }\n      });\n\n    this.countryCodeField.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        let number = this.numberField.getRawValue() ?? '';\n        zip(\n          this.cdn.findCountryFromPrefix(number),\n          this.cdn.findCountryFromCode(value),\n        ).subscribe(([countryFromVies, countryFromCode]) => {\n          // Perform your action here using countryFromVies and countryFromCode\n          if (countryFromVies) {\n            number = number.replace(countryFromVies.dial_code, '');\n          }\n          if (countryFromCode) {\n            this.getCountry.emit(countryFromCode);\n            if (number.substring(0, 1) === '+') {\n              number = number.replace('+', '');\n            }\n            number = countryFromCode.dial_code + number;\n            this.numberField.setValue(number, { emitEvent: false });\n            this.formatPhoneNumber();\n          }\n          // setTimeout(() => {\n          //   this.number.nativeElement.focus();\n          // }, 200);\n        });\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  autoFocusNext(\n    control: AbstractControl,\n    nextElement?: HTMLInputElement,\n  ): void {\n    if (!control.errors && nextElement) {\n      this.focusMonitor.focusVia(nextElement, 'program');\n    }\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.elementRef.nativeElement.querySelector('input')?.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement =\n      this.elementRef.nativeElement.querySelector('.phone-fields')!;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(number: string | null | undefined): void {\n    // Ignore undefined updates (e.g., unrelated JSONForms changes)\n    if (number === undefined) return;\n    if (number === null) {\n      this.parts.setValue(\n        { countryCode: '', number: '' },\n        { emitEvent: false },\n      );\n      this.stateChanges.next();\n      return;\n    }\n    this.value = number;\n    this.stateChanges.next();\n  }\n\n  _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void {\n    this.autoFocusNext(control, nextElement);\n    this.onChange(this.value);\n\n    // Mark as touched when user interacts\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n    }\n\n    this.stateChanges.next();\n  }\n\n  private formatPhoneNumber() {\n    try {\n      const parsedPhone = parsePhoneNumber(this.numberField.getRawValue());\n      const code = parsedPhone?.country;\n      if (code) {\n        this.countryCodeField.setValue(code, { emitEvent: false });\n        this.numberField.setValue(parsedPhone?.format('INTERNATIONAL'), {\n          emitEvent: false,\n        });\n      }\n    } catch (e: any) {\n      console.warn(e);\n    }\n  }\n\n  onKeyup(event: KeyboardEvent): void {\n    // Clear country when backspace on empty number\n    if (this.numberField.value === '' && event.key === 'Backspace') {\n      this.countryCodeField.setValue(null);\n      //     this.parts.clearValidators();\n    }\n  }\n}\n","<ng-container [formGroup]=\"parts\">\n  <div class=\"phone-fields\">\n    <div class=\"phone-prefix\">\n      <mat-select\n        #countryCode\n        matTextPrefix\n        class=\"onemrva-phone-number-select\"\n        [formControl]=\"countryCodeField\"\n      >\n        <mat-select-trigger>\n          <flag-icon [countryCode]=\"countryCodeField.getRawValue()\" />\n        </mat-select-trigger>\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n        @for (country of filteredCountries$ | async; track $index) {\n          <mat-option [value]=\"country.code\">\n            <flag-icon [countryCode]=\"country.code\" />\n            &nbsp;&nbsp;&nbsp;\n            {{ country.name }}\n            &nbsp;&nbsp;&nbsp;\n            <span class=\"dialcode\">\n              {{ country.dial_code }}\n            </span>\n          </mat-option>\n        }\n      </mat-select>\n    </div>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      #number\n      [placeholder]=\"placeholder\"\n      [formControl]=\"numberField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n    />\n  </div>\n</ng-container>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[phoneNumber]',\n  standalone: true,\n  host: {\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class PhoneNumberDirective {\n  onKeyDown(event: any) {\n    const e = event as KeyboardEvent;\n\n    const allowedKey = [\n      '0',\n      '1',\n      '2',\n      '3',\n      '4',\n      '5',\n      '6',\n      '7',\n      '8',\n      '9',\n      ' ',\n      'Backspace',\n      'Delete',\n      'Tab',\n      '+',\n      '-',\n      'Enter',\n      'ArrowLeft',\n      'ArrowRight',\n      'ArrowUp',\n      'ArrowDown',\n      'Home',\n      'End',\n    ];\n\n    if (allowedKey.indexOf(e.key) >= 0) return;\n\n    const allowedCtrlShortcuts = ['a', 'c', 'x', 'v'];\n    if (e.ctrlKey && allowedCtrlShortcuts.indexOf(e.key) >= 0) return;\n\n    e.preventDefault();\n  }\n}\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-phone.component';\nexport * from './src/phone-number.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-input-phone.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.ts","../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.html","../../../../projects/onemrva/design-system/mat-input-phone/src/phone-number.directive.ts","../../../../projects/onemrva/design-system/mat-input-phone/index.ts","../../../../projects/onemrva/design-system/mat-input-phone/onemrvapublic-design-system-mat-input-phone.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NgControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport {\n  combineLatestWith,\n  debounceTime,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n  zip,\n} from 'rxjs';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\nimport { map } from 'rxjs/operators';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport parsePhoneNumber from 'libphonenumber-js';\n\n@Component({\n  selector: 'onemrva-mat-input-phone',\n  styleUrls: ['onemrva-mat-input-phone.component.scss'],\n  templateUrl: 'onemrva-mat-input-phone.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    FlagIconComponent,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatInputPhoneComponent,\n    },\n  ],\n})\nexport class OnemrvaMatInputPhoneComponent\n  implements\n    ControlValueAccessor,\n    MatFormFieldControl<string>,\n    OnInit,\n    OnDestroy\n{\n  @ViewChild('countryCode') countryCode!: HTMLInputElement;\n  @ViewChild('number') number!: ElementRef;\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  public countries$: Observable<OnemrvaMaterialCountry[]> =\n    this.cdn.getCountries();\n\n  static nextId = 0;\n\n  readonly noEntriesFoundLabel = input('Not found');\n  readonly placeholderLabel = input('Search');\n  readonly searchAriaLabel = input('Search');\n\n  readonly defaultPrefix = input('+32');\n\n  readonly getCountry = output<any>();\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n\n  controlType = 'phone-input';\n  stateChanges = new Subject<void>();\n  focused = false;\n  id = `phone-input-${OnemrvaMatInputPhoneComponent.nextId++}`;\n  touched = false;\n\n  parts: FormGroup<{\n    countryCode: FormControl<string | null>;\n    number: FormControl<string | null>;\n  }>;\n\n  get numberField() {\n    return this.parts.get('number') as FormControl;\n  }\n  get countryCodeField() {\n    return this.parts.get('countryCode') as FormControl;\n  }\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  public readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly formBuilder = inject(FormBuilder);\n  public readonly ngControl = inject(NgControl, { optional: true });\n\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n\n  constructor() {\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // Explicitly define type\n      combineLatestWith(this.countries$), // Ensure correct tuple structure\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // Define expected tuple\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // Return all when search is empty\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists\n    }\n\n    this.parts = this.formBuilder.group({\n      countryCode: ['', [Validators.maxLength(2)]],\n      number: ['', []],\n    });\n  }\n\n  errors(): ValidationErrors | null {\n    return this.parts.errors;\n  }\n\n  onChange = (_value: any) => {\n    //do nothing\n  };\n\n  onTouched = () => {\n    if (!this.touched) {\n      this.touched = true;\n      this.stateChanges.next();\n    }\n  };\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    const externalErrors = !!(\n      control &&\n      control.invalid &&\n      (control.dirty || control.touched)\n    );\n\n    // Also check internal form errors\n    const internalErrors =\n      this.parts &&\n      this.parts.invalid &&\n      (this.parts.dirty || this.parts.touched);\n\n    return externalErrors || internalErrors;\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  get empty() {\n    const {\n      value: { countryCode, number },\n    } = this.parts;\n\n    // Consider empty if both fields are truly empty or just contain whitespace\n    const countryCodeEmpty = !countryCode || countryCode.trim() === '';\n    const numberEmpty = !number || number.trim() === '';\n\n    return countryCodeEmpty && numberEmpty;\n  }\n\n  @Input()\n  get value(): string {\n    const {\n      value: { countryCode, number },\n    } = this.parts;\n\n    // Return empty string if both are empty\n    if (\n      (!countryCode || countryCode.trim() === '') &&\n      (!number || number.trim() === '')\n    ) {\n      return '';\n    }\n\n    // Return the number as is (since it should already contain the full international number)\n    return number || '';\n  }\n\n  set value(phoneNumber: string | null) {\n    const incoming = phoneNumber ?? '';\n    // If empty, clear both fields without emitting extra events\n    if (incoming.trim() === '') {\n      this.parts.setValue(\n        { countryCode: '', number: '' },\n        { emitEvent: false },\n      );\n      this.stateChanges.next();\n      return;\n    }\n    // Set the number field; existing subscriptions will derive country code and formatting\n    this.numberField.setValue(incoming, { emitEvent: false });\n    this.stateChanges.next();\n  }\n\n  readonly readonly = input(false);\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this._disabled ? this.parts.disable() : this.parts.enable();\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  private _placeholder = '';\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  ngOnInit(): void {\n    // Add focus monitoring\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused && !this.touched) {\n        this.touched = true;\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    // Monitor internal form changes and notify parent form\n    this.parts.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(() => {\n        this.onChange(this.value);\n        this.stateChanges.next();\n      });\n\n    this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {\n      this.focused = !!origin;\n      if (!this.focused) {\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n\n    this.numberField.valueChanges\n      .pipe(\n        startWith(this.numberField.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number && number !== '') {\n          if (number.substring(0, 1) !== '+')\n            this.countryCodeField.setValue('', { emitEvent: false });\n          if (number === '0') {\n            this.cdn\n              .findCountryFromPrefix(this.defaultPrefix())\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.numberField.setValue(this.defaultPrefix(), {\n                    emitEvent: false,\n                  });\n                  this.countryCodeField.setValue(country.code, {\n                    emitEvent: false,\n                  });\n                } else {\n                  this.countryCodeField.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          } else {\n            this.cdn\n              .findCountryFromPrefix(number)\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.countryCodeField.setValue(country.code);\n                } else {\n                  this.countryCodeField.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          }\n        }\n      });\n\n    this.countryCodeField.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        let number = this.numberField.getRawValue() ?? '';\n        zip(\n          this.cdn.findCountryFromPrefix(number),\n          this.cdn.findCountryFromCode(value),\n        ).subscribe(([countryFromVies, countryFromCode]) => {\n          // Perform your action here using countryFromVies and countryFromCode\n          if (countryFromVies) {\n            number = number.replace(countryFromVies.dial_code, '');\n          }\n          if (countryFromCode) {\n            this.getCountry.emit(countryFromCode);\n            if (number.substring(0, 1) === '+') {\n              number = number.replace('+', '');\n            }\n            number = countryFromCode.dial_code + number;\n            this.numberField.setValue(number, { emitEvent: false });\n            this.formatPhoneNumber();\n          }\n          // setTimeout(() => {\n          //   this.number.nativeElement.focus();\n          // }, 200);\n        });\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  autoFocusNext(\n    control: AbstractControl,\n    nextElement?: HTMLInputElement,\n  ): void {\n    if (!control.errors && nextElement) {\n      this.focusMonitor.focusVia(nextElement, 'program');\n    }\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.elementRef.nativeElement.querySelector('input')?.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement =\n      this.elementRef.nativeElement.querySelector('.phone-fields')!;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(number: string | null | undefined): void {\n    // Ignore undefined updates (e.g., unrelated JSONForms changes)\n    if (number === undefined) return;\n    if (number === null) {\n      this.parts.setValue(\n        { countryCode: '', number: '' },\n        { emitEvent: false },\n      );\n      this.stateChanges.next();\n      return;\n    }\n    this.value = number;\n    this.stateChanges.next();\n  }\n\n  _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void {\n    this.autoFocusNext(control, nextElement);\n    this.onChange(this.value);\n\n    // Mark as touched when user interacts\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n    }\n\n    this.stateChanges.next();\n  }\n\n  private formatPhoneNumber() {\n    try {\n      const parsedPhone = parsePhoneNumber(this.numberField.getRawValue());\n      const code = parsedPhone?.country;\n      if (code) {\n        this.countryCodeField.setValue(code, { emitEvent: false });\n        this.numberField.setValue(parsedPhone?.format('INTERNATIONAL'), {\n          emitEvent: false,\n        });\n      }\n    } catch (e: any) {\n      console.warn(e);\n    }\n  }\n\n  onKeyup(event: KeyboardEvent): void {\n    // Clear country when backspace on empty number\n    if (this.numberField.value === '' && event.key === 'Backspace') {\n      this.countryCodeField.setValue(null);\n      //     this.parts.clearValidators();\n    }\n  }\n}\n","<ng-container [formGroup]=\"parts\">\n  <div class=\"phone-fields\">\n    <div class=\"phone-prefix\">\n      <mat-select\n        #countryCode\n        matTextPrefix\n        class=\"onemrva-phone-number-select\"\n        [formControl]=\"countryCodeField\"\n      >\n        <mat-select-trigger>\n          <flag-icon [countryCode]=\"countryCodeField.getRawValue()\" />\n        </mat-select-trigger>\n        <mat-option>\n          <mat-select-search\n            [formControl]=\"filterCtrl\"\n            [ariaLabel]=\"searchAriaLabel()\"\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n            [placeholderLabel]=\"placeholderLabel()\"\n          />\n        </mat-option>\n        @for (country of filteredCountries$ | async; track $index) {\n          <mat-option [value]=\"country.code\">\n            <flag-icon [countryCode]=\"country.code\" />\n            &nbsp;&nbsp;&nbsp;\n            {{ country.name }}\n            &nbsp;&nbsp;&nbsp;\n            <span class=\"dialcode\">\n              {{ country.dial_code }}\n            </span>\n          </mat-option>\n        }\n      </mat-select>\n    </div>\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      #number\n      [placeholder]=\"placeholder\"\n      [formControl]=\"numberField\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly()\"\n    />\n  </div>\n</ng-container>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[phoneNumber]',\n  standalone: true,\n  host: {\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class PhoneNumberDirective {\n  onKeyDown(event: any) {\n    const e = event as KeyboardEvent;\n\n    const allowedKey = [\n      '0',\n      '1',\n      '2',\n      '3',\n      '4',\n      '5',\n      '6',\n      '7',\n      '8',\n      '9',\n      ' ',\n      'Backspace',\n      'Delete',\n      'Tab',\n      '+',\n      '-',\n      'Enter',\n      'ArrowLeft',\n      'ArrowRight',\n      'ArrowUp',\n      'ArrowDown',\n      'Home',\n      'End',\n    ];\n\n    if (allowedKey.indexOf(e.key) >= 0) return;\n\n    const allowedCtrlShortcuts = ['a', 'c', 'x', 'v'];\n    if (e.ctrlKey && allowedCtrlShortcuts.indexOf(e.key) >= 0) return;\n\n    e.preventDefault();\n  }\n}\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-phone.component';\nexport * from './src/phone-number.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-notification.mjs

@@ -3,8 +3,7 @@ import * as i0 from '@angular/core';
 import { input, model, output, inject, Component } from '@angular/core';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { Subject, takeUntil } from 'rxjs';
 
 class OnemrvaMatNotificationComponent {
@@ -40,11 +39,11 @@ class OnemrvaMatNotificationComponent {
         this.notificationClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "!isOpen()", "attr.id": "id()", "attr.data-cy": "dataCy()", "attr.aria-live": "\"assertive\"", "attr.role": "\"alert\"" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message() !== '') {\n      {{ message() | translate }}\n    }\n    <ng-content />\n    @if (closable() || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host .onemrva-mat-notification{transition:max-height .4s ease-out;max-height:100vh;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}:host.collapse-notification{display:none}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "!isOpen()", "attr.id": "id()", "attr.data-cy": "dataCy()", "attr.aria-live": "\"assertive\"", "attr.role": "\"alert\"" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message() !== '') {\n      {{ message() | translate }}\n    }\n    <ng-content />\n    @if (closable() || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host .onemrva-mat-notification{transition:max-height .4s ease-out;max-height:100vh;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}:host.collapse-notification{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [TranslateModule, MatIconModule], host: {
+            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [TranslatePipe, MatIconModule], host: {
                         '[class.collapse-notification]': '!isOpen()',
                         '[attr.id]': 'id()',
                         '[attr.data-cy]': 'dataCy()',

package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\n\nimport {\n  Component,\n  inject,\n  OnDestroy,\n  input,\n  output,\n  model,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-notification',\n  templateUrl: 'onemrva-mat-notification.component.html',\n  styleUrl: 'onemrva-mat-notification.component.scss',\n  standalone: true,\n  imports: [TranslateModule, MatIconModule],\n  host: {\n    '[class.collapse-notification]': '!isOpen()',\n    '[attr.id]': 'id()',\n    '[attr.data-cy]': 'dataCy()',\n    '[attr.aria-live]': '\"assertive\"',\n    '[attr.role]': '\"alert\"',\n  },\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  readonly message = input('');\n  readonly closable = input(true);\n  readonly id = input('onemrva-mat-notification');\n  readonly dataCy = input('onemrva-mat-notification');\n  isOpen = model(true);\n\n  readonly notificationClose = output<void>();\n\n  private destroyNotifier$ = new Subject<void>();\n  isSmall = false;\n  public breakpointObserver = inject(BreakpointObserver);\n\n  constructor() {\n    this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe((state: BreakpointState) => {\n        this.isSmall = state.matches;\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this.isOpen.set(false);\n    // TODO: The 'emit' function requires a mandatory void argument\n    this.notificationClose.emit();\n  }\n}\n","<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message() !== '') {\n      {{ message() | translate }}\n    }\n    <ng-content />\n    @if (closable() || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\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":"onemrvapublic-design-system-mat-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\n\nimport {\n  Component,\n  inject,\n  OnDestroy,\n  input,\n  output,\n  model,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-notification',\n  templateUrl: 'onemrva-mat-notification.component.html',\n  styleUrl: 'onemrva-mat-notification.component.scss',\n  standalone: true,\n  imports: [TranslatePipe, MatIconModule],\n  host: {\n    '[class.collapse-notification]': '!isOpen()',\n    '[attr.id]': 'id()',\n    '[attr.data-cy]': 'dataCy()',\n    '[attr.aria-live]': '\"assertive\"',\n    '[attr.role]': '\"alert\"',\n  },\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  readonly message = input('');\n  readonly closable = input(true);\n  readonly id = input('onemrva-mat-notification');\n  readonly dataCy = input('onemrva-mat-notification');\n  isOpen = model(true);\n\n  readonly notificationClose = output<void>();\n\n  private destroyNotifier$ = new Subject<void>();\n  isSmall = false;\n  public breakpointObserver = inject(BreakpointObserver);\n\n  constructor() {\n    this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe((state: BreakpointState) => {\n        this.isSmall = state.matches;\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this.isOpen.set(false);\n    // TODO: The 'emit' function requires a mandatory void argument\n    this.notificationClose.emit();\n  }\n}\n","<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message() !== '') {\n      {{ message() | translate }}\n    }\n    <ng-content />\n    @if (closable() || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs

@@ -211,11 +211,11 @@ class OnemrvaMatPaginatorComponent {
         this._initializedStream.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSizeSelector: { classPropertyName: "pageSizeSelector", publicName: "pageSizeSelector", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeDefaultOption: { classPropertyName: "pageSizeDefaultOption", publicName: "pageSizeDefaultOption", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: false, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: false, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, previousKey: { classPropertyName: "previousKey", publicName: "previousKey", isSignal: true, isRequired: false, transformFunction: null }, nextKey: { classPropertyName: "nextKey", publicName: "nextKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector()) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions().length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions(); track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions().length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey() | translate\n          }}</span>\n          <mat-divider vertical />\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey() | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type() === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSizeSelector: { classPropertyName: "pageSizeSelector", publicName: "pageSizeSelector", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeDefaultOption: { classPropertyName: "pageSizeDefaultOption", publicName: "pageSizeDefaultOption", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: false, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: false, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, previousKey: { classPropertyName: "previousKey", publicName: "previousKey", isSignal: true, isRequired: false, transformFunction: null }, nextKey: { classPropertyName: "nextKey", publicName: "nextKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector()) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions().length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions(); track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions().length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey() | translate\n          }}</span>\n          <mat-divider vertical />\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey() | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type() === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline;font:var(--mat-sys-label-medium)}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-arrow-wrapper{display:none}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe], standalone: true, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector()) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions().length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions(); track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions().length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey() | translate\n          }}</span>\n          <mat-divider vertical />\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey() | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type() === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"] }]
+            args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe], standalone: true, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector()) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions().length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions(); track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions().length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey() | translate\n          }}</span>\n          <mat-divider vertical />\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey() | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type() === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline;font:var(--mat-sys-label-medium)}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-arrow-wrapper{display:none}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pageSizeSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeSelector", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pageSizeDefaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeDefaultOption", required: false }] }], recordKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "recordKey", required: false }] }], pageIndex: [{
                 type: Input
             }], length: [{