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

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

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 42 431x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 297x 1x  
/*******************************************************************************
 * Copyright bei
 * Entwicklungs- und Pflegeverbund für das gemeinsame Fachverfahren gefa
 *
 *******************************************************************************/
import {
  Component,
  ElementRef,
  HostBinding,
  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',
  },
})
export class NotificationMessageWrapperComponent {
  @HostBinding('style.--gc-nmw-container-top.px')
  public containerTop = 0;
 
  @HostBinding('style.--gc-nmw-container-right.px')
  public containerRight = 0;
 
  @HostBinding('style.--gc-nmw-container-gap.px')
  public containerGap = 0;
 
  @HostBinding('style.--gc-nmw-container-width.px')
  public containerWidth = 0;
 
  public elRef = inject(ElementRef<HTMLElement>);
}