@testgorilla/tgo-ui 4.2.4 → 5.0.0

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

@@ -0,0 +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 {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { AlertBarType, AlertVariant, alertBarsUtil } from '@testgorilla/tgo-ui/components/core';\nimport { 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    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    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class AlertBannerComponent implements OnInit, OnChanges {\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private domSanitizer: DomSanitizer\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() set message(msg: string) {\n    this._message = this.domSanitizer.bypassSecurityTrustHtml(msg);\n  }\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   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @default 'light'\n   * @memberof AlertBannerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\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  /**\n   * Shows icon\n   *\n   * @type {boolean}\n   * @default true\n   * @memberof AlertBannerComponent\n   */\n  @Input() hasIcon = true;\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() set secondaryAlerts(alerts: string[]) {\n    this._secondaryAlerts = alerts.map(alert => this.domSanitizer.bypassSecurityTrustHtml(alert));\n  }\n\n  @HostBinding('class.display-none') get isDismissed() {\n    return this.dismissAlertBanner;\n  }\n\n  iconName: IconName;\n  visible = true;\n  fullWidth: boolean;\n  position: string;\n  cssClass: string;\n  _message: SafeHtml = '';\n  _secondaryAlerts: SafeHtml[] = [];\n  dismissAlertBanner = false;\n\n  ngOnInit(): void {\n    this.updateBanner();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    // eslint-disable-next-line dot-notation\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.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    setTimeout(() => {\n      this.dismissAlertBanner = true;\n    }, 200);\n  }\n}\n","<div\n  [ngClass]=\"cssClass\"\n  [@openClose]\n  *ngIf=\"visible\"\n  role=\"alert\"\n  class=\"alert-container\"\n  [attr.theme]=\"applicationTheme\"\n  [class.shadow]=\"alertVariant === 'callout' && shadow\"\n  [attr.aria-live]=\"(alertType === 'error' || alertType === 'warning') ? 'assertive' : 'polite'\"\n  [attr.aria-describedby]=\"'describedby'\"\n  [attr.aria-labelledby]=\"'labelledby'\"\n  [tabIndex]=\"0\"\n>\n  <span style=\"position: absolute; left: -9999px\" id=\"labelledby\">{{ ('ALERT_BANNER.' + (alertType | uppercase)) | uiTranslate | async }}</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 class=\"left-icon\" [name]=\"iconName\" size=\"24\" [applicationTheme]=\"applicationTheme\"></ui-icon>\n      }\n      <span [innerHTML]=\"_message\"></span>\n      <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n    </div>\n    <ui-button\n      *ngIf=\"includeDismissButton && applicationTheme === 'classic'\"\n      variant=\"text\"\n      [justIcon]=\"true\"\n      class=\"close\"\n      iconName=\"Close\"\n      (buttonClickEvent)=\"dismissClick()\"\n    ></ui-button>\n    <ui-button\n      *ngIf=\"includeDismissButton && applicationTheme !== 'classic' && alertVariant !== 'callout'\"\n      class=\"right-icon\"\n      [variant]=\"'icon-button'\"\n      [applicationTheme]=\"applicationTheme\"\n      [iconName]=\"'Close'\"\n      [size]=\"'small'\"\n      [justIcon]=\"true\"\n      [tooltip]=\"(closeButtonTooltip || ('COMMON.CLOSE' | uiTranslate | async))!\"\n      (click)=\"dismissClick()\"\n    ></ui-button>\n  </div>\n  <div class=\"secondary-alerts-container\">\n    <div class=\"alert-text\" *ngFor=\"let alert of _secondaryAlerts\">\n      <ui-icon class=\"left-icon\" [name]=\"'Stop-filled'\" [applicationTheme]=\"applicationTheme\"></ui-icon>\n      <span [innerHTML]=\"alert\"></span>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { AlertBannerComponent } from './alert-banner.component';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [AlertBannerComponent],\n  imports: [CommonModule, ButtonComponentModule, IconComponentModule, UiTranslatePipe],\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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"}