@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

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/phone-number.directive.ts","../../../../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/index.ts","../../../../projects/onemrva/design-system/mat-input-phone/onemrvapublic-design-system-mat-input-phone.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n  selector: '[phoneNumber]',\n  standalone: true,\n})\nexport class PhoneNumberDirective {\n  @HostListener('keydown', ['$event']) 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","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  ValidatorFn,\n  Validators,\n} from '@angular/forms';\nimport { MatFormFieldModule } 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  Observable,\n  Subject,\n  map,\n  startWith,\n  debounceTime,\n  takeUntil,\n  combineLatestWith,\n  zip,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { PhoneNumberDirective } from './phone-number.directive';\nimport parsePhoneNumber from 'libphonenumber-js';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\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    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    PhoneNumberDirective,\n    FlagIconComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {\n  @Input()\n  readonly = false;\n\n  @Input() phoneNumber!: FormControl;\n  @Input() label = 'Phone number';\n  @Input() noEntriesFoundLabel = 'Not found';\n  @Input() placeholder = '+32 475 12 34 56';\n  @Input() placeholderLabel = 'Search';\n  @Input() defaultPrefix = '+32';\n  @Input() searchAriaLabel = '';\n  @Input() hint = '';\n  @Output() getCountry = new EventEmitter<any>();\n  @ViewChild('numberInput') numberInput!: ElementRef;\n\n  countryCode: FormControl = new FormControl('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n\n  public countries$: Observable<OnemrvaMaterialCountry[]> =\n    this.cdn.getCountries();\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n\n  constructor(private cdn: OnemRvaCDNCountryService) {\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\n  get number(): FormControl {\n    return this.phoneNumber as FormControl;\n  }\n\n  ngOnInit(): void {\n    this.number.valueChanges\n      .pipe(\n        startWith(this.number.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== '') {\n          if (number.substring(0, 1) !== '+')\n            this.countryCode.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.number.setValue(this.defaultPrefix, {\n                    emitEvent: false,\n                  });\n                  this.countryCode.setValue(country.code, { emitEvent: false });\n                } else {\n                  this.countryCode.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.countryCode.setValue(country.code);\n                } else {\n                  this.countryCode.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          }\n        }\n      });\n\n    this.countryCode.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        let number = this.number.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.next(countryFromCode);\n            if (number.substring(0, 1) === '+') {\n              number = number.replace('+', '');\n            }\n            number = countryFromCode.dial_code + number;\n            this.number.setValue(number, { emitEvent: false });\n            this.formatPhoneNumber();\n          }\n          setTimeout(() => {\n            this.numberInput.nativeElement.focus();\n          }, 200);\n        });\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  private clearValidators() {\n    let required = false;\n    if (this.number.hasValidator(Validators.required)) {\n      required = true;\n    }\n    this.number.clearValidators();\n    if (required) {\n      this.number.addValidators(Validators.required);\n    }\n  }\n\n  private formatPhoneNumber() {\n    this.clearValidators();\n    if (this.countryCode.getRawValue() !== '') {\n      this.number.addValidators([\n        this.phoneNumberValidator(this.countryCode.getRawValue()),\n      ]);\n    }\n    try {\n      const parsedPhone = parsePhoneNumber(this.number.getRawValue());\n      const code = parsedPhone?.country;\n      if (code) {\n        this.countryCode.setValue(code, { emitEvent: false });\n        this.clearValidators();\n        this.number.addValidators([this.phoneNumberValidator(code)]);\n        this.number.setValue(parsedPhone?.format('INTERNATIONAL'), {\n          emitEvent: false,\n        });\n      } else {\n        this.number.addValidators([genericValidator('input.phone.invalid')]);\n      }\n    } catch (e: any) {\n      this.number.addValidators([genericValidator(e.message)]);\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  errors() {\n    for (const k in this.number.errors) {\n      if (k === 'required') {\n        return 'input.phone.required';\n      } else {\n        return 'input.phone.invalid';\n      }\n    }\n    return 'input.phone.unknown.error';\n  }\n\n  phoneNumberValidator(code: string): ValidatorFn {\n    return (_control: AbstractControl): ValidationErrors | null => {\n      let number: string = code + _control.getRawValue();\n\n      if (number === '') {\n        return null;\n      }\n\n      try {\n        number = number.replace(code, '');\n        const parsedNumber = parsePhoneNumber(number);\n\n        if (parsedNumber?.isValid()) {\n          return null;\n        }\n      } catch (e: any) {\n        console.warn(e.message);\n        return { phoneNumber: { value: 'input.phone.invalid' } };\n      }\n      return { phoneNumber: { value: 'input.phone.invalid' } };\n    };\n  }\n}\n\nfunction genericValidator(message: string): ValidatorFn {\n  return (_control: AbstractControl): ValidationErrors | null => {\n    return { phoneNumber: { value: message } };\n  };\n}\n","<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.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        ></mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let country of filteredCountries$ | async\"\n        [value]=\"country.code\"\n      >\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    </mat-select>\n    <mat-hint *ngIf=\"hint !== ''\">{{ hint }}</mat-hint>\n    <mat-error *ngIf=\"number.invalid\">{{ errors() | translate }}</mat-error>\n  </mat-form-field>\n</ng-container>\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/phone-number.directive.ts","../../../../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/index.ts","../../../../projects/onemrva/design-system/mat-input-phone/onemrvapublic-design-system-mat-input-phone.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n  selector: '[phoneNumber]',\n  standalone: true,\n})\nexport class PhoneNumberDirective {\n  @HostListener('keydown', ['$event']) 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","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  ValidatorFn,\n  Validators,\n} from '@angular/forms';\nimport { MatFormFieldModule } 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  Observable,\n  Subject,\n  map,\n  startWith,\n  debounceTime,\n  takeUntil,\n  combineLatestWith,\n  zip,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { PhoneNumberDirective } from './phone-number.directive';\nimport parsePhoneNumber from 'libphonenumber-js';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\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    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    PhoneNumberDirective,\n    FlagIconComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {\n  @Input()\n  readonly = false;\n\n  @Input() phoneNumber!: FormControl;\n  @Input() label = 'Phone number';\n  @Input() noEntriesFoundLabel = 'Not found';\n  @Input() placeholder = '+32 475 12 34 56';\n  @Input() placeholderLabel = 'Search';\n  @Input() defaultPrefix = '+32';\n  @Input() searchAriaLabel = '';\n  @Input() hint = '';\n  @Output() getCountry = new EventEmitter<any>();\n  @ViewChild('numberInput') numberInput!: ElementRef;\n\n  countryCode: FormControl = new FormControl('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n  public countries$: Observable<OnemrvaMaterialCountry[]> =\n    this.cdn.getCountries();\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\n  get number(): FormControl {\n    return this.phoneNumber as FormControl;\n  }\n\n  ngOnInit(): void {\n    this.number.valueChanges\n      .pipe(\n        startWith(this.number.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== '') {\n          if (number.substring(0, 1) !== '+')\n            this.countryCode.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.number.setValue(this.defaultPrefix, {\n                    emitEvent: false,\n                  });\n                  this.countryCode.setValue(country.code, { emitEvent: false });\n                } else {\n                  this.countryCode.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.countryCode.setValue(country.code);\n                } else {\n                  this.countryCode.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          }\n        }\n      });\n\n    this.countryCode.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        let number = this.number.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.next(countryFromCode);\n            if (number.substring(0, 1) === '+') {\n              number = number.replace('+', '');\n            }\n            number = countryFromCode.dial_code + number;\n            this.number.setValue(number, { emitEvent: false });\n            this.formatPhoneNumber();\n          }\n          setTimeout(() => {\n            this.numberInput.nativeElement.focus();\n          }, 200);\n        });\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  private clearValidators() {\n    let required = false;\n    if (this.number.hasValidator(Validators.required)) {\n      required = true;\n    }\n    this.number.clearValidators();\n    if (required) {\n      this.number.addValidators(Validators.required);\n    }\n  }\n\n  private formatPhoneNumber() {\n    this.clearValidators();\n    if (this.countryCode.getRawValue() !== '') {\n      this.number.addValidators([\n        this.phoneNumberValidator(this.countryCode.getRawValue()),\n      ]);\n    }\n    try {\n      const parsedPhone = parsePhoneNumber(this.number.getRawValue());\n      const code = parsedPhone?.country;\n      if (code) {\n        this.countryCode.setValue(code, { emitEvent: false });\n        this.clearValidators();\n        this.number.addValidators([this.phoneNumberValidator(code)]);\n        this.number.setValue(parsedPhone?.format('INTERNATIONAL'), {\n          emitEvent: false,\n        });\n      } else {\n        this.number.addValidators([genericValidator('input.phone.invalid')]);\n      }\n    } catch (e: any) {\n      this.number.addValidators([genericValidator(e.message)]);\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  errors() {\n    for (const k in this.number.errors) {\n      if (k === 'required') {\n        return 'input.phone.required';\n      } else {\n        return 'input.phone.invalid';\n      }\n    }\n    return 'input.phone.unknown.error';\n  }\n\n  phoneNumberValidator(code: string): ValidatorFn {\n    return (_control: AbstractControl): ValidationErrors | null => {\n      let number: string = code + _control.getRawValue();\n\n      if (number === '') {\n        return null;\n      }\n\n      try {\n        number = number.replace(code, '');\n        const parsedNumber = parsePhoneNumber(number);\n\n        if (parsedNumber?.isValid()) {\n          return null;\n        }\n      } catch (e: any) {\n        console.warn(e.message);\n        return { phoneNumber: { value: 'input.phone.invalid' } };\n      }\n      return { phoneNumber: { value: 'input.phone.invalid' } };\n    };\n  }\n}\n\nfunction genericValidator(message: string): ValidatorFn {\n  return (_control: AbstractControl): ValidationErrors | null => {\n    return { phoneNumber: { value: message } };\n  };\n}\n","<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.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        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\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    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\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-message-box.mjs

@@ -85,6 +85,8 @@ class OnemrvaMatMessageBoxComponent {
             case OnemrvaMatColor.NONE:
             case OnemrvaMatColor.INFO:
             case OnemrvaMatColor.GRAYSCALE:
+            case OnemrvaMatColor.PRIMARY:
+            case OnemrvaMatColor.NEUTRAL:
             case OnemrvaMatColor.ERROR:
                 this._color = value;
                 break;
@@ -105,6 +107,10 @@ class OnemrvaMatMessageBoxComponent {
         return this.color === OnemrvaMatColor.SUCCESS;
     }
     /** @hidden @internal */
+    get _isPrimary() {
+        return this.color === OnemrvaMatColor.PRIMARY;
+    }
+    /** @hidden @internal */
     get isGrayscale() {
         return (this.color === OnemrvaMatColor.GRAYSCALE ||
             this.color === OnemrvaMatColor.NONE);
@@ -116,6 +122,7 @@ class OnemrvaMatMessageBoxComponent {
             this.color !== OnemrvaMatColor.NONE &&
             this.color !== OnemrvaMatColor.ACCENT &&
             this.color !== OnemrvaMatColor.GRAYSCALE &&
+            this.color !== OnemrvaMatColor.PRIMARY &&
             this.color !== OnemrvaMatColor.SUCCESS);
     }
     ngAfterViewInit() {
@@ -124,10 +131,10 @@ class OnemrvaMatMessageBoxComponent {
             this.mbcontent.nativeElement.insertAdjacentHTML('beforeend', this.messageCode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatMessageBoxComponent, isStandalone: true, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.show-icon": "this.showIcon", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-grayscale": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatMessageBoxComponent, isStandalone: true, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.show-icon": "this.showIcon", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary", "class.mat-neutral": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-message-box', standalone: true, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }]
         }], propDecorators: { label: [{
@@ -170,20 +177,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }], _isSuccess: [{
                 type: HostBinding,
                 args: ['class.mat-success']
+            }], _isPrimary: [{
+                type: HostBinding,
+                args: ['class.mat-primary']
             }], isGrayscale: [{
                 type: HostBinding,
-                args: ['class.mat-grayscale']
+                args: ['class.mat-neutral']
             }], _isInfo: [{
                 type: HostBinding,
                 args: ['class.mat-info']
             }] } });
 
 class OnemrvaMatMessageBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [OnemrvaMatMessageBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [OnemrvaMatMessageBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-message-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.ts","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.html","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.module.ts","../../../../projects/onemrva/design-system/mat-message-box/onemrvapublic-design-system-mat-message-box.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-message-box',\n  templateUrl: 'onemrva-mat-message-box.component.html',\n  styleUrl: 'onemrva-mat-message-box.component.scss',\n  standalone: true,\n})\nexport class OnemrvaMatMessageBoxComponent implements AfterViewInit {\n  @Input()\n  public label: false | string = false;\n\n  @Input()\n  public messageCode = '';\n\n  @ViewChild('mbcontent')\n  public mbcontent!: ElementRef;\n  /**\n   * Returns the `aria-label` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementLabel = this.<element>.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-label')\n  public ariaLabel = 'message-box';\n\n  @HostBinding('class.show-icon')\n  public showIcon = true;\n\n  /**\n   * Returns the `role` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementRole = this.<element>.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  /**\n   * Host `class.onemrva-mat-message-box` binding.\n   *\n   * @hidden\n   * @internal\n   */\n  @HostBinding('class.onemrva-mat-message-box')\n  public cssClass = 'onemrva-mat-message-box';\n\n  /**\n   * Sets the `id` of the element. If not set, the first component instance will have `id` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.data-cy')\n  @Input()\n  public dataCy = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * @hidden\n   * @internal\n   */\n  private _color: OnemrvaMatColor = OnemrvaMatColor.NONE;\n\n  /**\n   * Returns the color of the element.\n   *\n   * @example\n   * ```typescript\n   * let color = this.<element>.color;\n   * ```\n   */\n  @Input()\n  public get color(): OnemrvaMatColor {\n    return this._color;\n  }\n\n  /**\n   * Sets the size  of the element.\n   * By default, the size is `\"small\"`. It can be set to `\"medium\"` or `\"large\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* size=\"large\"></onemrva-mat-*>\n   * ```\n   */\n  public set color(value: OnemrvaMatColor) {\n    switch (value) {\n      case OnemrvaMatColor.SUCCESS:\n      case OnemrvaMatColor.WARN:\n      case OnemrvaMatColor.NONE:\n      case OnemrvaMatColor.INFO:\n      case OnemrvaMatColor.GRAYSCALE:\n      case OnemrvaMatColor.ERROR:\n        this._color = value;\n        break;\n      default:\n        this._color = OnemrvaMatColor.INFO;\n    }\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.mat-error')\n  public get _isError(): boolean {\n    return this.color === OnemrvaMatColor.ERROR;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-warn')\n  public get _isWarn(): boolean {\n    return this.color === OnemrvaMatColor.WARN;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-success')\n  public get _isSuccess(): boolean {\n    return this.color === OnemrvaMatColor.SUCCESS;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-grayscale')\n  public get isGrayscale(): boolean {\n    return (\n      this.color === OnemrvaMatColor.GRAYSCALE ||\n      this.color === OnemrvaMatColor.NONE\n    );\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-info')\n  public get _isInfo(): boolean {\n    return (\n      this.color !== OnemrvaMatColor.ERROR &&\n      this.color !== OnemrvaMatColor.WARN &&\n      this.color !== OnemrvaMatColor.NONE &&\n      this.color !== OnemrvaMatColor.ACCENT &&\n      this.color !== OnemrvaMatColor.GRAYSCALE &&\n      this.color !== OnemrvaMatColor.SUCCESS\n    );\n  }\n\n  ngAfterViewInit(): void {\n    if (this.messageCode !== '') {\n      console.warn(\n        'messageCode input has been deprecated in message-box component, please review documentation to fix this!',\n      );\n      this.mbcontent.nativeElement.insertAdjacentHTML(\n        'beforeend',\n        this.messageCode,\n      );\n    }\n  }\n}\n","<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMessageBoxComponent } from './onemrva-mat-message-box.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMessageBoxComponent],\n  exports: [],\n})\nexport class OnemrvaMatMessageBoxModule {}\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-message-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.ts","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.html","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.module.ts","../../../../projects/onemrva/design-system/mat-message-box/onemrvapublic-design-system-mat-message-box.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-message-box',\n  templateUrl: 'onemrva-mat-message-box.component.html',\n  styleUrl: 'onemrva-mat-message-box.component.scss',\n  standalone: true,\n})\nexport class OnemrvaMatMessageBoxComponent implements AfterViewInit {\n  @Input()\n  public label: false | string = false;\n\n  @Input()\n  public messageCode = '';\n\n  @ViewChild('mbcontent')\n  public mbcontent!: ElementRef;\n  /**\n   * Returns the `aria-label` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementLabel = this.<element>.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-label')\n  public ariaLabel = 'message-box';\n\n  @HostBinding('class.show-icon')\n  public showIcon = true;\n\n  /**\n   * Returns the `role` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementRole = this.<element>.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  /**\n   * Host `class.onemrva-mat-message-box` binding.\n   *\n   * @hidden\n   * @internal\n   */\n  @HostBinding('class.onemrva-mat-message-box')\n  public cssClass = 'onemrva-mat-message-box';\n\n  /**\n   * Sets the `id` of the element. If not set, the first component instance will have `id` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.data-cy')\n  @Input()\n  public dataCy = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * @hidden\n   * @internal\n   */\n  private _color: OnemrvaMatColor = OnemrvaMatColor.NONE;\n\n  /**\n   * Returns the color of the element.\n   *\n   * @example\n   * ```typescript\n   * let color = this.<element>.color;\n   * ```\n   */\n  @Input()\n  public get color(): OnemrvaMatColor {\n    return this._color;\n  }\n\n  /**\n   * Sets the size  of the element.\n   * By default, the size is `\"small\"`. It can be set to `\"medium\"` or `\"large\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* size=\"large\"></onemrva-mat-*>\n   * ```\n   */\n  public set color(value: OnemrvaMatColor) {\n    switch (value) {\n      case OnemrvaMatColor.SUCCESS:\n      case OnemrvaMatColor.WARN:\n      case OnemrvaMatColor.NONE:\n      case OnemrvaMatColor.INFO:\n      case OnemrvaMatColor.GRAYSCALE:\n      case OnemrvaMatColor.PRIMARY:\n      case OnemrvaMatColor.NEUTRAL:\n      case OnemrvaMatColor.ERROR:\n        this._color = value;\n        break;\n      default:\n        this._color = OnemrvaMatColor.INFO;\n    }\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.mat-error')\n  public get _isError(): boolean {\n    return this.color === OnemrvaMatColor.ERROR;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-warn')\n  public get _isWarn(): boolean {\n    return this.color === OnemrvaMatColor.WARN;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-success')\n  public get _isSuccess(): boolean {\n    return this.color === OnemrvaMatColor.SUCCESS;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-primary')\n  public get _isPrimary(): boolean {\n    return this.color === OnemrvaMatColor.PRIMARY;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-neutral')\n  public get isGrayscale(): boolean {\n    return (\n      this.color === OnemrvaMatColor.GRAYSCALE ||\n      this.color === OnemrvaMatColor.NONE\n    );\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-info')\n  public get _isInfo(): boolean {\n    return (\n      this.color !== OnemrvaMatColor.ERROR &&\n      this.color !== OnemrvaMatColor.WARN &&\n      this.color !== OnemrvaMatColor.NONE &&\n      this.color !== OnemrvaMatColor.ACCENT &&\n      this.color !== OnemrvaMatColor.GRAYSCALE &&\n      this.color !== OnemrvaMatColor.PRIMARY &&\n      this.color !== OnemrvaMatColor.SUCCESS\n    );\n  }\n\n  ngAfterViewInit(): void {\n    if (this.messageCode !== '') {\n      console.warn(\n        'messageCode input has been deprecated in message-box component, please review documentation to fix this!',\n      );\n      this.mbcontent.nativeElement.insertAdjacentHTML(\n        'beforeend',\n        this.messageCode,\n      );\n    }\n  }\n}\n","<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMessageBoxComponent } from './onemrva-mat-message-box.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMessageBoxComponent],\n  exports: [],\n})\nexport class OnemrvaMatMessageBoxModule {}\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-multi-select.mjs

@@ -1,17 +1,15 @@
 import * as i0 from '@angular/core';
-import { QueryList, forwardRef, HostBinding, ContentChildren, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
+import { QueryList, inject, ChangeDetectorRef, forwardRef, HostBinding, ContentChildren, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import * as i1 from '@ngx-translate/core';
-import { TranslatePipe } from '@ngx-translate/core';
+import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { MatOption } from '@angular/material/core';
 import { Subject, debounceTime, startWith, map, takeUntil } from 'rxjs';
-import { NgClass, AsyncPipe, NgIf, NgForOf } from '@angular/common';
-import { MatSelect } from '@angular/material/select';
-import * as i3 from '@onemrvapublic/design-system/mat-select-search';
-import { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';
+import { NgClass, AsyncPipe } from '@angular/common';
 import { MatIcon } from '@angular/material/icon';
+import * as i2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
 
 let NEXT_ID = 0;
 class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
@@ -26,10 +24,8 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
         this.focused = false;
         this.stateChanges.next();
     }
-    constructor(translate, cd) {
+    constructor() {
         super();
-        this.translate = translate;
-        this.cd = cd;
         this.counter = 0;
         this._values = [];
         this.stateChanges = new Subject();
@@ -48,6 +44,8 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
         this.matOptions = new QueryList();
         this.onDestroy$ = new Subject();
         this.focused = false;
+        this.translate = inject(TranslateService);
+        this.cd = inject(ChangeDetectorRef);
         // Function to call when the rating changes.
         this.onChange = (_values) => {
             //
@@ -140,8 +138,8 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
             this.searchFilter.updateValueAndValidity({ emitEvent: true });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [{ token: i1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatMultiSelectComponent, isStandalone: true, selector: "onemrva-mat-multi-select", inputs: { multiple: "multiple", formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatMultiSelectComponent, isStandalone: true, selector: "onemrva-mat-multi-select", inputs: { multiple: "multiple", formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
             {
                 provide: MatFormFieldControl,
                 useExisting: OnemrvaMatMultiSelectComponent,
@@ -152,9 +150,9 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
                 useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  <div class=\"selection-choice text-right\" *ngIf=\"multiple && selectionToggle\">\n    <a\n      tabindex=\"1\"\n      [ngClass]=\"{ disabled: isAllSelected() }\"\n      (click)=\"selectAll()\"\n      >{{ 'select.select.all' | translate }}</a\n    ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n    <a\n      tabindex=\"2\"\n      [ngClass]=\"{ disabled: isNoneSelected() }\"\n      (click)=\"deselectAll($event)\"\n      >{{ 'select.deselect.all' | translate }}</a\n    >\n  </div>\n  <div class=\"option-list\">\n    <mat-option *ngIf=\"showFilter\">\n      <mat-select-search\n        [formControl]=\"searchFilter\"\n        ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n        noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n        placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n      ></mat-select-search>\n    </mat-option>\n    <ng-container *ngFor=\"let matOption of matOptions$ | async\">\n      <mat-option\n        [disabled]=\"matOption.disabled\"\n        [value]=\"matOption.value\"\n        [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n      >\n        {{ matOption._text?.nativeElement?.textContent }}\n      </mat-option>\n    </ng-container>\n  </div>\n</mat-select>\n<div\n  class=\"mat-select-counter float-right position-absolute text-center\"\n  *ngIf=\"multiple && counter > 0\"\n>\n  <span class=\"text\">{{ counter }}</span\n  ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n</div>\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+        ], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    <!-- @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    } -->\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-multi-select', providers: [
                         {
@@ -171,15 +169,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         NgClass,
                         TranslatePipe,
                         ReactiveFormsModule,
-                        MatSelect,
-                        MatOption,
-                        MatSelectSearchModule,
+                        MatSelectModule,
                         AsyncPipe,
                         MatIcon,
-                        NgIf,
-                        NgForOf,
-                    ], standalone: true, encapsulation: ViewEncapsulation.Emulated, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  <div class=\"selection-choice text-right\" *ngIf=\"multiple && selectionToggle\">\n    <a\n      tabindex=\"1\"\n      [ngClass]=\"{ disabled: isAllSelected() }\"\n      (click)=\"selectAll()\"\n      >{{ 'select.select.all' | translate }}</a\n    ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n    <a\n      tabindex=\"2\"\n      [ngClass]=\"{ disabled: isNoneSelected() }\"\n      (click)=\"deselectAll($event)\"\n      >{{ 'select.deselect.all' | translate }}</a\n    >\n  </div>\n  <div class=\"option-list\">\n    <mat-option *ngIf=\"showFilter\">\n      <mat-select-search\n        [formControl]=\"searchFilter\"\n        ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n        noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n        placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n      ></mat-select-search>\n    </mat-option>\n    <ng-container *ngFor=\"let matOption of matOptions$ | async\">\n      <mat-option\n        [disabled]=\"matOption.disabled\"\n        [value]=\"matOption.value\"\n        [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n      >\n        {{ matOption._text?.nativeElement?.textContent }}\n      </mat-option>\n    </ng-container>\n  </div>\n</mat-select>\n<div\n  class=\"mat-select-counter float-right position-absolute text-center\"\n  *ngIf=\"multiple && counter > 0\"\n>\n  <span class=\"text\">{{ counter }}</span\n  ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n</div>\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { multiple: [{
+                    ], standalone: true, encapsulation: ViewEncapsulation.Emulated, template: "<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    <!-- @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    } -->\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n", styles: [":host{display:inline-block;width:100%}:host .mat-select-counter{top:var(--spacer);right:var(--triple-spacer);display:block;padding:var(--quarter-spacer) var(--half-spacer) var(--quarter-spacer) var(--spacer);background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);min-width:var(--triple-spacer);font-family:var(--brand-font);border:1px solid var(--mat-sys-primary);border-radius:var(--button-border-radius)}:host .mat-select-counter span.text{font-family:var(--sys-label-large-font);font-style:normal;font-weight:500;font-size:.75rem;line-height:1.25rem}:host .mat-select-counter mat-icon{font-size:.75rem;height:.75rem;width:.75rem;line-height:1rem;padding:0 var(--quarter-spacer) 0 var(--quarter-spacer);cursor:pointer}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { multiple: [{
                 type: Input
             }], formControl: [{
                 type: Input
@@ -208,11 +202,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatMultiSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [OnemrvaMatMultiSelectComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-multi-select.mjs","sources":["../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.ts","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.html","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.module.ts","../../../../projects/onemrva/design-system/mat-multi-select/onemrvapublic-design-system-mat-multi-select.ts"],"sourcesContent":["import {\n  AfterContentChecked,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  forwardRef,\n  HostBinding,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { MatOption } from '@angular/material/core';\nimport {\n  debounceTime,\n  map,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';\nimport { MatSelect } from '@angular/material/select';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { MatIcon } from '@angular/material/icon';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-multi-select',\n  templateUrl: 'onemrva-mat-multi-select.component.html',\n  styleUrl: 'onemrva-mat-multi-select.component.scss',\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatMultiSelectComponent,\n      multi: false,\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [\n    NgClass,\n    TranslatePipe,\n    ReactiveFormsModule,\n    MatSelect,\n    MatOption,\n    MatSelectSearchModule,\n    AsyncPipe,\n    MatIcon,\n    NgIf,\n    NgForOf,\n  ],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatMultiSelectComponent\n  extends MatFormFieldControl<any>\n  implements OnInit, OnDestroy, AfterContentChecked\n{\n  counter = 0;\n  _values: any[] = [];\n  public override stateChanges = new Subject<void>();\n\n  @Input()\n  multiple = true;\n\n  @Input()\n  formControl!: FormControl;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.role')\n  public role = 'select';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-label')\n  public label = '';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-invalid')\n  public invalid = false;\n\n  @Input()\n  showFilter = true;\n\n  @Input()\n  selectionToggle = true;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.data-cy')\n  public dataCy = `onemrva-mat-multi-select-${NEXT_ID++}`;\n\n  searchFilter: FormControl = new FormControl<string>('');\n\n  @ContentChildren(MatOption)\n  matOptions: QueryList<MatOption> = new QueryList<MatOption>();\n  matOptions$?: Observable<MatOption<any>[]>;\n  onDestroy$: Subject<any> = new Subject<any>();\n\n  @HostBinding('style.opacity')\n  get opacity() {\n    return this.disabled ? 0.25 : 1;\n  }\n\n  override focused = false;\n\n  onFocus() {\n    this.focused = true;\n    this.stateChanges.next();\n  }\n\n  onBlur() {\n    this.focused = false;\n    this.stateChanges.next();\n  }\n\n  constructor(\n    public translate: TranslateService,\n    public cd: ChangeDetectorRef,\n  ) {\n    super();\n    setTimeout(() => {\n      this.focused = false;\n    }, 3000);\n  }\n\n  // Function to call when the rating changes.\n  onChange = (_values: any[]) => {\n    //\n  };\n\n  // Function to call when the input is touched (when a star is clicked).\n  onTouched = () => {\n    //\n  };\n\n  // Allows Angular to update the model (rating).\n  // Update the model and changes needed for the view here.\n  writeValue(values: any[] | any | undefined | null): void {\n    if (this.multiple) {\n      this.counter = 0;\n      if (Array.isArray(values)) this.counter = values.length;\n      //else if (Array.isArray(this._values)) this.counter = this._values.length;\n    }\n    this._values = values;\n    this.onChange(this._values);\n  }\n\n  // Allows Angular to register a function to call when the model (rating) changes.\n  // Save the function as a property to call later here.\n  registerOnChange(fn: (value: any[]) => void): void {\n    this.onChange = fn;\n  }\n\n  // Allows Angular to register a function to call when the input has been touched.\n  // Save the function as a property to call later here.\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  isAllSelected() {\n    return this.counter === this.matOptions.length;\n  }\n\n  selectAll() {\n    this._values = this.matOptions.map(option => {\n      return option.value;\n    });\n    this.formControl.setValue(this._values);\n  }\n\n  isNoneSelected() {\n    return this.counter === 0;\n  }\n\n  deselectAll(_$event: MouseEvent) {\n    this._values = [];\n    this.formControl.setValue(this._values);\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(_ids: string[]): void {\n    //\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next('');\n    this.onDestroy$.complete();\n  }\n\n  optionSize = 0;\n\n  ngOnInit(): void {\n    this.matOptions$ = this.searchFilter.valueChanges.pipe(\n      debounceTime(200),\n      startWith(''),\n      map((value: string) => {\n        this.optionSize = this.matOptions.length;\n        if (this._values !== null) {\n          this.counter = this._values.length;\n        }\n        if (value === '') {\n          return this.matOptions.filter(_o => {\n            return true;\n          });\n        }\n        return this.matOptions.filter(option => {\n          return option?._text?.nativeElement.innerHTML\n            .toLowerCase()\n            .includes(value.toLowerCase());\n        });\n      }),\n    );\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.onDestroy$))\n      .subscribe(values => {\n        this._values = values;\n        this.counter = this._values.length;\n      });\n  }\n\n  ngAfterContentChecked(): void {\n    if (this.matOptions.length !== this.optionSize) {\n      this.optionSize = this.matOptions.length;\n      this.counter = 0;\n      this.searchFilter.updateValueAndValidity({ emitEvent: true });\n    }\n  }\n}\n","<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  <div class=\"selection-choice text-right\" *ngIf=\"multiple && selectionToggle\">\n    <a\n      tabindex=\"1\"\n      [ngClass]=\"{ disabled: isAllSelected() }\"\n      (click)=\"selectAll()\"\n      >{{ 'select.select.all' | translate }}</a\n    ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n    <a\n      tabindex=\"2\"\n      [ngClass]=\"{ disabled: isNoneSelected() }\"\n      (click)=\"deselectAll($event)\"\n      >{{ 'select.deselect.all' | translate }}</a\n    >\n  </div>\n  <div class=\"option-list\">\n    <mat-option *ngIf=\"showFilter\">\n      <mat-select-search\n        [formControl]=\"searchFilter\"\n        ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n        noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n        placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n      ></mat-select-search>\n    </mat-option>\n    <ng-container *ngFor=\"let matOption of matOptions$ | async\">\n      <mat-option\n        [disabled]=\"matOption.disabled\"\n        [value]=\"matOption.value\"\n        [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n      >\n        {{ matOption._text?.nativeElement?.textContent }}\n      </mat-option>\n    </ng-container>\n  </div>\n</mat-select>\n<div\n  class=\"mat-select-counter float-right position-absolute text-center\"\n  *ngIf=\"multiple && counter > 0\"\n>\n  <span class=\"text\">{{ counter }}</span\n  ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMultiSelectComponent } from './onemrva-mat-multi-select.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMultiSelectComponent],\n  exports: [],\n})\nexport class OnemrvaMatMultiSelectModule {}\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-multi-select.mjs","sources":["../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.ts","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.html","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.module.ts","../../../../projects/onemrva/design-system/mat-multi-select/onemrvapublic-design-system-mat-multi-select.ts"],"sourcesContent":["import {\n  AfterContentChecked,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  forwardRef,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { MatOption } from '@angular/material/core';\nimport {\n  debounceTime,\n  map,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatSelectModule } from '@angular/material/select';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-multi-select',\n  templateUrl: 'onemrva-mat-multi-select.component.html',\n  styleUrl: 'onemrva-mat-multi-select.component.scss',\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatMultiSelectComponent,\n      multi: false,\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [\n    NgClass,\n    TranslatePipe,\n    ReactiveFormsModule,\n    MatSelectModule,\n    AsyncPipe,\n    MatIcon,\n  ],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatMultiSelectComponent\n  extends MatFormFieldControl<any>\n  implements OnInit, OnDestroy, AfterContentChecked\n{\n  counter = 0;\n  _values: any[] = [];\n  public override stateChanges = new Subject<void>();\n\n  @Input()\n  multiple = true;\n\n  @Input()\n  formControl!: FormControl;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.role')\n  public role = 'select';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-label')\n  public label = '';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-invalid')\n  public invalid = false;\n\n  @Input()\n  showFilter = true;\n\n  @Input()\n  selectionToggle = true;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.data-cy')\n  public dataCy = `onemrva-mat-multi-select-${NEXT_ID++}`;\n\n  searchFilter: FormControl = new FormControl<string>('');\n\n  @ContentChildren(MatOption)\n  matOptions: QueryList<MatOption> = new QueryList<MatOption>();\n  matOptions$?: Observable<MatOption<any>[]>;\n  onDestroy$: Subject<any> = new Subject<any>();\n\n  @HostBinding('style.opacity')\n  get opacity() {\n    return this.disabled ? 0.25 : 1;\n  }\n\n  override focused = false;\n\n  onFocus() {\n    this.focused = true;\n    this.stateChanges.next();\n  }\n\n  onBlur() {\n    this.focused = false;\n    this.stateChanges.next();\n  }\n\n  translate = inject(TranslateService);\n  cd = inject(ChangeDetectorRef);\n\n  constructor() {\n    super();\n    setTimeout(() => {\n      this.focused = false;\n    }, 3000);\n  }\n\n  // Function to call when the rating changes.\n  onChange = (_values: any[]) => {\n    //\n  };\n\n  // Function to call when the input is touched (when a star is clicked).\n  onTouched = () => {\n    //\n  };\n\n  // Allows Angular to update the model (rating).\n  // Update the model and changes needed for the view here.\n  writeValue(values: any[] | any | undefined | null): void {\n    if (this.multiple) {\n      this.counter = 0;\n      if (Array.isArray(values)) this.counter = values.length;\n      //else if (Array.isArray(this._values)) this.counter = this._values.length;\n    }\n    this._values = values;\n    this.onChange(this._values);\n  }\n\n  // Allows Angular to register a function to call when the model (rating) changes.\n  // Save the function as a property to call later here.\n  registerOnChange(fn: (value: any[]) => void): void {\n    this.onChange = fn;\n  }\n\n  // Allows Angular to register a function to call when the input has been touched.\n  // Save the function as a property to call later here.\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  isAllSelected() {\n    return this.counter === this.matOptions.length;\n  }\n\n  selectAll() {\n    this._values = this.matOptions.map(option => {\n      return option.value;\n    });\n    this.formControl.setValue(this._values);\n  }\n\n  isNoneSelected() {\n    return this.counter === 0;\n  }\n\n  deselectAll(_$event: MouseEvent) {\n    this._values = [];\n    this.formControl.setValue(this._values);\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(_ids: string[]): void {\n    //\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next('');\n    this.onDestroy$.complete();\n  }\n\n  optionSize = 0;\n\n  ngOnInit(): void {\n    this.matOptions$ = this.searchFilter.valueChanges.pipe(\n      debounceTime(200),\n      startWith(''),\n      map((value: string) => {\n        this.optionSize = this.matOptions.length;\n        if (this._values !== null) {\n          this.counter = this._values.length;\n        }\n        if (value === '') {\n          return this.matOptions.filter(_o => {\n            return true;\n          });\n        }\n        return this.matOptions.filter(option => {\n          return option?._text?.nativeElement.innerHTML\n            .toLowerCase()\n            .includes(value.toLowerCase());\n        });\n      }),\n    );\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.onDestroy$))\n      .subscribe(values => {\n        this._values = values;\n        this.counter = this._values.length;\n      });\n  }\n\n  ngAfterContentChecked(): void {\n    if (this.matOptions.length !== this.optionSize) {\n      this.optionSize = this.matOptions.length;\n      this.counter = 0;\n      this.searchFilter.updateValueAndValidity({ emitEvent: true });\n    }\n  }\n}\n","<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    <!-- @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    } -->\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMultiSelectComponent } from './onemrva-mat-multi-select.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMultiSelectComponent],\n  exports: [],\n})\nexport class OnemrvaMatMultiSelectModule {}\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

@@ -1,12 +1,10 @@
-import * as i1 from '@angular/cdk/layout';
-import { Breakpoints } from '@angular/cdk/layout';
-import * as i2 from '@angular/common';
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Input, Output, Component } from '@angular/core';
-import * as i4 from '@angular/material/icon';
+import { EventEmitter, inject, HostBinding, Input, Output, Component } from '@angular/core';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@ngx-translate/core';
+import * as i1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { Subject, takeUntil } from 'rxjs';
 
@@ -15,8 +13,7 @@ class OnemrvaMatNotificationComponent {
     get _closed() {
         return !this._isOpen;
     }
-    constructor(breakpointObserver) {
-        this.breakpointObserver = breakpointObserver;
+    constructor() {
         this.message = '';
         this.closable = true;
         this._isOpen = true;
@@ -44,6 +41,7 @@ class OnemrvaMatNotificationComponent {
         this.role = 'alert';
         this.destroyNotifier$ = new Subject();
         this.isSmall = false;
+        this.breakpointObserver = inject(BreakpointObserver);
         this.breakpointObserver
             .observe([Breakpoints.XSmall, Breakpoints.Small])
             .pipe(takeUntil(this.destroyNotifier$))
@@ -64,13 +62,13 @@ class OnemrvaMatNotificationComponent {
         this._isOpen = false;
         this.notificationClose.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification float-right clickable mr\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;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{position:relative}: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)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, 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></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;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{position:relative}: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)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification float-right clickable mr\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;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{position:relative}: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)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { message: [{
+            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], 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></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;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{position:relative}: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)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { message: [{
                 type: Input
             }], closable: [{
                 type: Input

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';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\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: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  @Input() message = '';\n  @Input() closable = true;\n\n  _isOpen = true;\n\n  @Output()\n  notificationClose = new EventEmitter<void>();\n\n  /** @hidden @internal */\n  @HostBinding('class.collapse-notification')\n  public get _closed(): boolean {\n    return !this._isOpen;\n  }\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-notification`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-notification';\n\n  /**\n   * Returns the `aria-label` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let ariaLabel = this.avatar.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-live')\n  public ariaLive = 'assertive';\n\n  /**\n   * Returns the `role` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let avatarRole = this.avatar.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  private destroyNotifier$ = new Subject<void>();\n  isSmall = false;\n\n  constructor(public breakpointObserver: BreakpointObserver) {\n    this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe((state: BreakpointState) => {\n        if (state.matches) {\n          this.isSmall = true;\n        } else {\n          this.isSmall = false;\n        }\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this._isOpen = false;\n    this.notificationClose.emit();\n  }\n}\n","<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification float-right clickable mr\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\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';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  Output,\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: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  @Input() message = '';\n  @Input() closable = true;\n\n  _isOpen = true;\n\n  @Output()\n  notificationClose = new EventEmitter<void>();\n\n  /** @hidden @internal */\n  @HostBinding('class.collapse-notification')\n  public get _closed(): boolean {\n    return !this._isOpen;\n  }\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-notification`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-notification';\n\n  /**\n   * Returns the `aria-label` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let ariaLabel = this.avatar.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-live')\n  public ariaLive = 'assertive';\n\n  /**\n   * Returns the `role` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let avatarRole = this.avatar.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\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        if (state.matches) {\n          this.isSmall = true;\n        } else {\n          this.isSmall = false;\n        }\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this._isOpen = false;\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></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification 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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"}