All files / lib/internal/notification-message-wrapper notification-message-wrapper.component.ts

100% Statements 41/41
100% Branches 5/5
75% Functions 3/4
100% Lines 41/41

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 421x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 739x 739x 739x 739x 739x 1x  
/*******************************************************************************
 * Copyright bei
 * Entwicklungs- und Pflegeverbund für das gemeinsame Fachverfahren gefa
 *
 *******************************************************************************/
import {
  ChangeDetectionStrategy,
  Component,
  ElementRef,
  ViewEncapsulation,
  inject,
} from '@angular/core';
 
/**
 * Helper wrapper component for @NotificationMessagesService used to inject stylesheet to used elements
 */
@Component({
  selector: 'gc-notification-message-wrapper',
  template: '<ng-content></ng-content>',
  styleUrls: ['./notification-message-wrapper.component.css'],
  // eslint-disable-next-line @angular-eslint/use-component-view-encapsulation -- enables stylesheet injection for contained elements
  encapsulation: ViewEncapsulation.None,
  host: {
    role: 'region',
    'aria-label': 'Meldungen',
    '[style.--gc-nmw-container-top.px]': 'containerTop',
    '[style.--gc-nmw-container-right.px]': 'containerRight',
    '[style.--gc-nmw-container-gap.px]': 'containerGap',
    '[style.--gc-nmw-container-width.px]': 'containerWidth',
  },
  changeDetection: ChangeDetectionStrategy.Eager,
  standalone: false,
})
export class NotificationMessageWrapperComponent {
  public containerTop = 0;
  public containerRight = 0;
  public containerGap = 0;
  public containerWidth = 0;
 
  public elRef = inject(ElementRef<HTMLElement>);
}