@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-alert-banner.mjs","sources":["../../../components/alert-banner/alert-banner.component.ts","../../../components/alert-banner/alert-banner.component.html","../../../components/alert-banner/alert-banner.component.module.ts","../../../components/alert-banner/testgorilla-tgo-ui-components-alert-banner.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { NgClass, AsyncPipe, UpperCasePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n  ApplicationTheme,\n  Color,\n  AlertBarType,\n  AlertVariant,\n  alertBarsUtil,\n  UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule, IconSize } from '@testgorilla/tgo-ui/components/icon';\nimport { SpinnerComponent } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { AlertBannerAction, AlertBannerSize, LinkTargetType } from './alert-banner.model';\n\n@Component({\n  selector: 'ui-alert-banner',\n  templateUrl: './alert-banner.component.html',\n  styleUrls: ['./alert-banner.component.scss'],\n  /* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\n  animations: [\n    trigger('openClose', [\n      transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),\n      transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),\n    ]),\n  ],\n  /* eslint-enable @typescript-eslint/no-deprecated */\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, IconComponentModule, SpinnerComponent, ButtonComponent, AsyncPipe, UpperCasePipe, UiTranslatePipe],\n})\nexport class AlertBannerComponent implements OnInit, OnChanges {\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  /**\n   * Alert Banner type\n   *\n   * @type {AlertBarType}\n   * @default 'success'\n   * @memberof AlertBannerComponent\n   */\n  @Input() alertType: AlertBarType = 'success';\n\n  /**\n   * Alert Banner variant\n   *\n   * @type {AlertVariant}\n   * @default 'banner'\n   * @memberof AlertBannerComponent\n   */\n  @Input() alertVariant: AlertVariant = 'banner';\n\n  /**\n   * Alert banner message\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Input() message = '';\n\n  /**\n   * Include dismmiss button\n   *\n   * @default true\n   * @memberof AlertBannerComponent\n   */\n  @Input() includeDismissButton = true;\n\n  /**\n   * Include shadow or not\n   *\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() shadow = false;\n\n  /**\n   * Link text that will appended at the end of message\n   *\n   * @default ''\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkText? = '';\n\n  /**\n   * Link url\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkUrl?: string;\n\n  /**\n   * Link target\n   *\n   * @type {@type {LinkTargetType}}\n   * @default '_blank'\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkTarget?: LinkTargetType = '_blank';\n\n  /**\n   * Optional action buttons displayed on the right side of the banner.\n   *\n   * @type {AlertBannerAction[]}\n   * @default []\n   * @memberof AlertBannerComponent\n   */\n  @Input() actions: AlertBannerAction[] = [];\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @default 'light'\n   * @memberof AlertBannerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Alert density\n   *\n   * @type {AlertBannerSize}\n   * @default 'default'\n   * @memberof AlertBannerComponent\n   */\n  @Input() size: AlertBannerSize = 'default';\n\n  /**\n   * Sets the full width\n   *\n   * @type {boolean}\n   * @memberof AlertBannerComponent\n   */\n  @Input() isFullWidth: boolean | undefined;\n\n  /**\n   * Close button tooltip\n   *\n   * @type {string}\n   * @default ''\n   * @memberof AlertBannerComponent\n   */\n  @Input() closeButtonTooltip = '';\n\n  @Input() testId: string | null = null;\n\n  get dismissButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-dismiss` : null;\n  }\n\n  /**\n   * Shows icon\n   *\n   * @type {boolean}\n   * @default true\n   * @memberof AlertBannerComponent\n   */\n  @Input() hasIcon = true;\n\n  /**\n   * Controls loading state for spinner visibility.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() isLoading = false;\n\n  /**\n   * Sets the alert banner position\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() fixed = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof AlertBannerComponent\n   */\n  @Input() ariaDescribedby = '';\n\n  @Input() secondaryAlerts: string[] = [];\n\n  /**\n   * Emitted when the user clicks the built-in dismiss button.\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Output() dismiss = new EventEmitter<void>();\n\n  @HostBinding('class.display-none') get isDismissed() {\n    return this.dismissAlertBanner;\n  }\n\n  get iconSize(): IconSize {\n    return this.size === 'small' ? '16' : '24';\n  }\n\n  iconName: IconName;\n  iconColor: Color;\n  visible = true;\n  fullWidth: boolean;\n  position: string;\n  cssClass: string;\n  dismissAlertBanner = false;\n\n  ngOnInit(): void {\n    this.updateBanner();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['alertType']) {\n      this.updateBanner();\n    }\n  }\n\n  private updateBanner(): void {\n    this.iconName = alertBarsUtil.setIcon(this.alertType) as IconName;\n    this.iconColor = alertBarsUtil.setIconColor(this.alertType);\n    this.position = alertBarsUtil.setPosition(this.fixed);\n    this.fullWidth = this.isFullWidth ?? this.alertVariant === 'banner';\n    this.cssClass = alertBarsUtil.setCssClass(this.fullWidth, this.alertType, this.position, this.alertVariant);\n  }\n\n  //Hide snackbar when dismiss button is clicked\n  dismissClick() {\n    this.visible = false;\n    this.dismiss.emit();\n    setTimeout(() => {\n      this.dismissAlertBanner = true;\n    }, 200);\n  }\n}\n","@if (visible) {\n  <div\n    [ngClass]=\"cssClass\"\n    [@openClose]\n    role=\"alert\"\n    class=\"alert-container\"\n    [attr.theme]=\"applicationTheme\"\n    [class.shadow]=\"alertVariant === 'callout' && shadow\"\n    [class.size-small]=\"size === 'small'\"\n    [attr.aria-live]=\"alertType === 'error' || alertType === 'warning' ? 'assertive' : 'polite'\"\n    [attr.aria-describedby]=\"'describedby'\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.data-testid]=\"testId\"\n    [tabIndex]=\"0\"\n  >\n    <span style=\"position: absolute; left: -9999px\" id=\"labelledby\">{{\n      'ALERT_BANNER.' + (alertType | uppercase) | uiTranslate | async\n    }}</span>\n    <span [style.display]=\"'none'\" id=\"describedby\">{{ ariaDescribedby }}</span>\n    <div class=\"primary-alert-container\">\n      <div class=\"alert-text\">\n        @if (hasIcon) {\n          <ui-icon\n            class=\"left-icon\"\n            [name]=\"iconName\"\n            [size]=\"iconSize\"\n            [color]=\"iconColor\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-icon>\n        }\n        @if (isLoading) {\n          <ui-spinner\n            class=\"loading-spinner\"\n            size=\"small\"\n            [isLoader]=\"false\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-spinner>\n        }\n        <span [innerHTML]=\"message\"></span>\n        <span class=\"projected-content\"><ng-content></ng-content></span>\n        @if (!!linkText) {\n          <a [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n        }\n      </div>\n      @if (actions.length > 0) {\n        <div class=\"actions-container\">\n          @for (action of actions; track $index) {\n            <ui-button\n              class=\"action-button\"\n              [variant]=\"action.variant ?? 'text-inline'\"\n              [label]=\"action.label\"\n              [size]=\"action.size ?? 'medium'\"\n              [disabled]=\"!!action.disabled\"\n              [applicationTheme]=\"applicationTheme\"\n              (buttonClickEvent)=\"action.onClick($event)\"\n              [testId]=\"action.testId ?? null\"\n              [fullWidth]=\"true\"\n            ></ui-button>\n          }\n        </div>\n      }\n      @let closeLabel = (closeButtonTooltip || ('COMMON.CLOSE' | uiTranslate | async))!;\n      @if (includeDismissButton && applicationTheme === 'classic') {\n        <ui-button\n          variant=\"text\"\n          [justIcon]=\"true\"\n          class=\"close\"\n          iconName=\"Close\"\n          [ariaLabel]=\"closeLabel\"\n          [tooltip]=\"closeLabel\"\n          (buttonClickEvent)=\"dismissClick()\"\n          [testId]=\"dismissButtonTestId\"\n        ></ui-button>\n      }\n      @if (includeDismissButton && applicationTheme !== 'classic') {\n        <ui-button\n          class=\"right-icon\"\n          [variant]=\"'icon-button'\"\n          [applicationTheme]=\"applicationTheme\"\n          [iconName]=\"'Close'\"\n          [size]=\"'small'\"\n          [justIcon]=\"true\"\n          [tooltip]=\"closeLabel\"\n          [ariaLabel]=\"closeLabel\"\n          [testId]=\"dismissButtonTestId\"\n          (click)=\"dismissClick()\"\n        ></ui-button>\n      }\n    </div>\n    @if (secondaryAlerts.length > 0) {\n      <div class=\"secondary-alerts-container\">\n        <ul>\n          @for (alert of secondaryAlerts; track alert) {\n            <li class=\"secondary-alert-item\" [innerHTML]=\"alert\"></li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { SpinnerComponentModule } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { AlertBannerComponent } from './alert-banner.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ButtonComponentModule,\n    IconComponentModule,\n    SpinnerComponentModule,\n    UiTranslatePipe,\n    AlertBannerComponent,\n  ],\n  exports: [AlertBannerComponent],\n})\nexport class AlertBannerComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-alert-banner.mjs","names":[],"sources":["../../../components/alert-banner/alert-banner.component.ts","../../../components/alert-banner/alert-banner.component.html","../../../components/alert-banner/alert-banner.component.module.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { NgClass, AsyncPipe, UpperCasePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n  ApplicationTheme,\n  Color,\n  AlertBarType,\n  AlertVariant,\n  alertBarsUtil,\n  UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule, IconSize } from '@testgorilla/tgo-ui/components/icon';\nimport { SpinnerComponent } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { AlertBannerAction, AlertBannerSize, LinkTargetType } from './alert-banner.model';\n\n@Component({\n  selector: 'ui-alert-banner',\n  templateUrl: './alert-banner.component.html',\n  styleUrls: ['./alert-banner.component.scss'],\n  /* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\n  animations: [\n    trigger('openClose', [\n      transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),\n      transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),\n    ]),\n  ],\n  /* eslint-enable @typescript-eslint/no-deprecated */\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, IconComponentModule, SpinnerComponent, ButtonComponent, AsyncPipe, UpperCasePipe, UiTranslatePipe],\n})\nexport class AlertBannerComponent implements OnInit, OnChanges {\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  /**\n   * Alert Banner type\n   *\n   * @type {AlertBarType}\n   * @default 'success'\n   * @memberof AlertBannerComponent\n   */\n  @Input() alertType: AlertBarType = 'success';\n\n  /**\n   * Alert Banner variant\n   *\n   * @type {AlertVariant}\n   * @default 'banner'\n   * @memberof AlertBannerComponent\n   */\n  @Input() alertVariant: AlertVariant = 'banner';\n\n  /**\n   * Alert banner message\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Input() message = '';\n\n  /**\n   * Include dismmiss button\n   *\n   * @default true\n   * @memberof AlertBannerComponent\n   */\n  @Input() includeDismissButton = true;\n\n  /**\n   * Include shadow or not\n   *\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() shadow = false;\n\n  /**\n   * Link text that will appended at the end of message\n   *\n   * @default ''\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkText? = '';\n\n  /**\n   * Link url\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkUrl?: string;\n\n  /**\n   * Link target\n   *\n   * @type {@type {LinkTargetType}}\n   * @default '_blank'\n   * @memberof AlertBannerComponent\n   */\n  @Input() linkTarget?: LinkTargetType = '_blank';\n\n  /**\n   * Optional action buttons displayed on the right side of the banner.\n   *\n   * @type {AlertBannerAction[]}\n   * @default []\n   * @memberof AlertBannerComponent\n   */\n  @Input() actions: AlertBannerAction[] = [];\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @default 'light'\n   * @memberof AlertBannerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Alert density\n   *\n   * @type {AlertBannerSize}\n   * @default 'default'\n   * @memberof AlertBannerComponent\n   */\n  @Input() size: AlertBannerSize = 'default';\n\n  /**\n   * Sets the full width\n   *\n   * @type {boolean}\n   * @memberof AlertBannerComponent\n   */\n  @Input() isFullWidth: boolean | undefined;\n\n  /**\n   * Close button tooltip\n   *\n   * @type {string}\n   * @default ''\n   * @memberof AlertBannerComponent\n   */\n  @Input() closeButtonTooltip = '';\n\n  @Input() testId: string | null = null;\n\n  get dismissButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-dismiss` : null;\n  }\n\n  /**\n   * Shows icon\n   *\n   * @type {boolean}\n   * @default true\n   * @memberof AlertBannerComponent\n   */\n  @Input() hasIcon = true;\n\n  /**\n   * Controls loading state for spinner visibility.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() isLoading = false;\n\n  /**\n   * Sets the alert banner position\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AlertBannerComponent\n   */\n  @Input() fixed = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof AlertBannerComponent\n   */\n  @Input() ariaDescribedby = '';\n\n  @Input() secondaryAlerts: string[] = [];\n\n  /**\n   * Emitted when the user clicks the built-in dismiss button.\n   *\n   * @memberof AlertBannerComponent\n   */\n  @Output() dismiss = new EventEmitter<void>();\n\n  @HostBinding('class.display-none') get isDismissed() {\n    return this.dismissAlertBanner;\n  }\n\n  get iconSize(): IconSize {\n    return this.size === 'small' ? '16' : '24';\n  }\n\n  iconName: IconName;\n  iconColor: Color;\n  visible = true;\n  fullWidth: boolean;\n  position: string;\n  cssClass: string;\n  dismissAlertBanner = false;\n\n  ngOnInit(): void {\n    this.updateBanner();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['alertType']) {\n      this.updateBanner();\n    }\n  }\n\n  private updateBanner(): void {\n    this.iconName = alertBarsUtil.setIcon(this.alertType) as IconName;\n    this.iconColor = alertBarsUtil.setIconColor(this.alertType);\n    this.position = alertBarsUtil.setPosition(this.fixed);\n    this.fullWidth = this.isFullWidth ?? this.alertVariant === 'banner';\n    this.cssClass = alertBarsUtil.setCssClass(this.fullWidth, this.alertType, this.position, this.alertVariant);\n  }\n\n  //Hide snackbar when dismiss button is clicked\n  dismissClick() {\n    this.visible = false;\n    this.dismiss.emit();\n    setTimeout(() => {\n      this.dismissAlertBanner = true;\n    }, 200);\n  }\n}\n","@if (visible) {\n  <div\n    [ngClass]=\"cssClass\"\n    [@openClose]\n    role=\"alert\"\n    class=\"alert-container\"\n    [attr.theme]=\"applicationTheme\"\n    [class.shadow]=\"alertVariant === 'callout' && shadow\"\n    [class.size-small]=\"size === 'small'\"\n    [attr.aria-live]=\"alertType === 'error' || alertType === 'warning' ? 'assertive' : 'polite'\"\n    [attr.aria-describedby]=\"'describedby'\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.data-testid]=\"testId\"\n    [tabIndex]=\"0\"\n  >\n    <span style=\"position: absolute; left: -9999px\" id=\"labelledby\">{{\n      'ALERT_BANNER.' + (alertType | uppercase) | uiTranslate | async\n    }}</span>\n    <span [style.display]=\"'none'\" id=\"describedby\">{{ ariaDescribedby }}</span>\n    <div class=\"primary-alert-container\">\n      <div class=\"alert-text\">\n        @if (hasIcon) {\n          <ui-icon\n            class=\"left-icon\"\n            [name]=\"iconName\"\n            [size]=\"iconSize\"\n            [color]=\"iconColor\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-icon>\n        }\n        @if (isLoading) {\n          <ui-spinner\n            class=\"loading-spinner\"\n            size=\"small\"\n            [isLoader]=\"false\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-spinner>\n        }\n        <span [innerHTML]=\"message\"></span>\n        <span class=\"projected-content\"><ng-content></ng-content></span>\n        @if (!!linkText) {\n          <a [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n        }\n      </div>\n      @if (actions.length > 0) {\n        <div class=\"actions-container\">\n          @for (action of actions; track $index) {\n            <ui-button\n              class=\"action-button\"\n              [variant]=\"action.variant ?? 'text-inline'\"\n              [label]=\"action.label\"\n              [size]=\"action.size ?? 'medium'\"\n              [disabled]=\"!!action.disabled\"\n              [applicationTheme]=\"applicationTheme\"\n              (buttonClickEvent)=\"action.onClick($event)\"\n              [testId]=\"action.testId ?? null\"\n              [fullWidth]=\"true\"\n            ></ui-button>\n          }\n        </div>\n      }\n      @let closeLabel = (closeButtonTooltip || ('COMMON.CLOSE' | uiTranslate | async))!;\n      @if (includeDismissButton && applicationTheme === 'classic') {\n        <ui-button\n          variant=\"text\"\n          [justIcon]=\"true\"\n          class=\"close\"\n          iconName=\"Close\"\n          [ariaLabel]=\"closeLabel\"\n          [tooltip]=\"closeLabel\"\n          (buttonClickEvent)=\"dismissClick()\"\n          [testId]=\"dismissButtonTestId\"\n        ></ui-button>\n      }\n      @if (includeDismissButton && applicationTheme !== 'classic') {\n        <ui-button\n          class=\"right-icon\"\n          [variant]=\"'icon-button'\"\n          [applicationTheme]=\"applicationTheme\"\n          [iconName]=\"'Close'\"\n          [size]=\"'small'\"\n          [justIcon]=\"true\"\n          [tooltip]=\"closeLabel\"\n          [ariaLabel]=\"closeLabel\"\n          [testId]=\"dismissButtonTestId\"\n          (click)=\"dismissClick()\"\n        ></ui-button>\n      }\n    </div>\n    @if (secondaryAlerts.length > 0) {\n      <div class=\"secondary-alerts-container\">\n        <ul>\n          @for (alert of secondaryAlerts; track alert) {\n            <li class=\"secondary-alert-item\" [innerHTML]=\"alert\"></li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { SpinnerComponentModule } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { AlertBannerComponent } from './alert-banner.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ButtonComponentModule,\n    IconComponentModule,\n    SpinnerComponentModule,\n    UiTranslatePipe,\n    AlertBannerComponent,\n  ],\n  exports: [AlertBannerComponent],\n})\nexport class AlertBannerComponentModule {}\n"],"mappings":"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"}