@testgorilla/tgo-ui 5.2.5 → 6.0.0

package/components/alert-banner/alert-banner.component.d.ts

@@ -1,5 +1,4 @@
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { AlertBarType, AlertVariant } from '@testgorilla/tgo-ui/components/core';
@@ -7,8 +6,7 @@ import { LinkTargetType } from './alert-banner.model';
 import * as i0 from "@angular/core";
 export declare class AlertBannerComponent implements OnInit, OnChanges {
     private readonly defaultAppTheme;
-    private domSanitizer;
-    constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
+    constructor(defaultAppTheme: ApplicationTheme);
     /**
      * Alert Banner type
      *
@@ -30,7 +28,7 @@ export declare class AlertBannerComponent implements OnInit, OnChanges {
      *
      * @memberof AlertBannerComponent
      */
-    set message(msg: string);
+    message: string;
     /**
      * Include dismmiss button
      *
@@ -113,20 +111,18 @@ export declare class AlertBannerComponent implements OnInit, OnChanges {
      * @memberof AlertBannerComponent
      */
     ariaDescribedby: string;
-    set secondaryAlerts(alerts: string[]);
+    secondaryAlerts: string[];
     get isDismissed(): boolean;
     iconName: IconName;
     visible: boolean;
     fullWidth: boolean;
     position: string;
     cssClass: string;
-    _message: SafeHtml;
-    _secondaryAlerts: SafeHtml[];
     dismissAlertBanner: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateBanner;
     dismissClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/autocomplete/autocomplete.component.d.ts

@@ -3,7 +3,6 @@ import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { AutocompleteUtils } from '@testgorilla/tgo-ui/components/core';
@@ -12,7 +11,6 @@ import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy {
     private readonly defaultAppTheme;
     private readonly cdr;
-    private readonly domSanitizer;
     ngControl: NgControl;
     private readonly platformId;
     private readonly el;
@@ -253,7 +251,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     set cdkVirtualScrollViewport(viewport: CdkVirtualScrollViewport);
     matAutocomplete: MatAutocomplete;
     matInput: ElementRef<HTMLInputElement>;
-    protected safeErrors: SafeHtml[];
+    protected safeErrors: string[];
     protected value: any;
     protected inputValue: any;
     protected isInputFocus: boolean;
@@ -279,7 +277,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     private observer;
     protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
     isAlreadyAdded: boolean;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
     ngOnInit(): void;
     /**
      * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
@@ -311,7 +309,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected get isDropdown(): boolean;
     protected onChevronClick(autocomplete: MatAutocomplete): void;
     protected get inputWidth(): number;
-    protected trackByFn: (index: number, value: any) => any;
+    protected trackByFn: (index: number, value: string) => string;
     /**
      * Adding company color variable to the body to style overlay container that's out of the component scope.
      */
@@ -320,7 +318,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected get hasObjectValue(): boolean;
     onKeydown($event: KeyboardEvent): void;
     protected getVirtualScrollHeight(itemCount: number): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isDynamicFilteringEnabled": { "alias": "isDynamicFilteringEnabled"; "required": false; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; "scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered"; }, never, never, false, never>;
     static ngAcceptInputType_virtualScroll: unknown;
 }

package/components/card/card.component.d.ts

@@ -1,12 +1,10 @@
 import { EventEmitter, OnChanges, OnInit } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { IconSize } from '@testgorilla/tgo-ui/components/icon';
 import { CardSize, CardSizeVariant, CardVariant } from './card.model';
 import * as i0 from "@angular/core";
 export declare class CardComponent implements OnChanges, OnInit {
     private readonly defaultAppTheme;
-    private domSanitizer;
     /**
      * Card size. Defaults "medium".
      *
@@ -75,15 +73,15 @@ export declare class CardComponent implements OnChanges, OnInit {
      * Emits when card is being selected
      */
     cardSelected: EventEmitter<boolean>;
-    safeErrors: SafeHtml[];
+    safeErrors: string[];
     classes: string;
-    constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
+    constructor(defaultAppTheme: ApplicationTheme);
     ngOnChanges(): void;
     ngOnInit(): void;
     get cardVariant(): CardVariant;
     get errorIconSize(): IconSize;
     get isSelected(): boolean;
     selectCard(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], false, never>;
 }

package/components/checklist/checklist.component.d.ts

@@ -4,7 +4,6 @@ import type { ChecklistItem } from './checklist.model';
 import * as i0 from "@angular/core";
 export declare class ChecklistComponent {
     private readonly defaultAppTheme;
-    private readonly domSanitizer;
     /**
      * Label for the checklist
      * @type {string}
@@ -16,7 +15,7 @@ export declare class ChecklistComponent {
      * @type {string}
      * @memberof ChecklistComponent
      */
-    description: import("@angular/core").InputSignalWithTransform<import("@angular/platform-browser").SafeHtml | null, string>;
+    description: import("@angular/core").InputSignal<string | null>;
     /**
      * Items for the checklist
      * @type {ModelSignal<ChecklistItem[]>}

package/components/datepicker/datepicker.component.d.ts

@@ -2,13 +2,11 @@ import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges, SimpleChanges, OnI
 import { ControlValueAccessor, FormControl, FormGroup, NgControl } from '@angular/forms';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { MatDatepicker } from '@angular/material/datepicker';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { DatepickerService } from './datepicker.service';
 import * as i0 from "@angular/core";
 export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck, OnInit {
     private readonly defaultAppTheme;
     private cdr;
-    private sanitizer;
     ngControl: NgControl;
     private datepickerService;
     class: string;
@@ -47,7 +45,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
      * @memberof DatepickerComponent
      */
     value?: Array<Date | null> | Date;
-    _errors: SafeHtml[];
+    _errors: string[];
     /**
      * Input field errors
      *
@@ -210,7 +208,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     }>;
     errorsLength: boolean;
     protected translationContext: string;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, sanitizer: DomSanitizer, ngControl: NgControl, datepickerService: DatepickerService);
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, datepickerService: DatepickerService);
     get hint(): string;
     /**
      * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
@@ -232,6 +230,6 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     private setRange;
     onInput(event: Event): void;
     private setStyleVariable;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, { optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "setSingleDateRangeOnBlur": { "alias": "setSingleDateRangeOnBlur"; "required": false; }; "showInnerErrors": { "alias": "showInnerErrors"; "required": false; }; "innerErrorsMessage": { "alias": "innerErrorsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "browserTimezone": { "alias": "browserTimezone"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
 }

package/components/dialog/confirm-dialog/confirm-dialog.component.d.ts

@@ -1,5 +1,4 @@
 import { MatDialogRef } from '@angular/material/dialog';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { ButtonColor, ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
@@ -9,13 +8,12 @@ export declare class ConfirmDialogComponent {
     private readonly defaultAppTheme;
     dialogRef: MatDialogRef<ConfirmDialogComponent>;
     private data;
-    protected domSanitizer: DomSanitizer;
     confirmMessage: string | undefined;
     confirmButtonText: string | undefined;
     cancelButtonText: string | undefined;
     title: string | undefined;
     lang: import("@testgorilla/tgo-ui/components/core").Language;
-    confirmMessageHtml: SafeHtml | undefined;
+    confirmMessageHtml: string | undefined;
     showCloseButton: boolean;
     showSecondaryButton: boolean;
     color: string | null;
@@ -33,8 +31,8 @@ export declare class ConfirmDialogComponent {
      * @memberof DialogComponent
      */
     applicationTheme: ApplicationTheme;
-    constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData, domSanitizer: DomSanitizer);
+    constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
     onConfirm(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [{ optional: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/empty-state/empty-state.component.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
@@ -7,8 +6,6 @@ import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-s
 import * as i0 from "@angular/core";
 export declare class EmptyStateComponent {
     private readonly defaultAppTheme;
-    private domSanitizer;
-    safeBodyText: SafeHtml;
     /**
      * @description If the default image should be displayed.
      * @type {boolean}
@@ -44,7 +41,7 @@ export declare class EmptyStateComponent {
      * @type {string}
      * @memberof EmptyStateComponent
      */
-    set bodyText(value: string);
+    bodyText: string;
     /**
      * @description Displays primary button if passed.
      * @type {string}

package/components/field/field.component.d.ts

@@ -2,7 +2,7 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 import { FieldType } from './field.model';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
@@ -54,7 +54,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
      *
      * @memberof FieldComponent
      */
-    labelHtml: import("@angular/core").InputSignalWithTransform<SafeHtml | null, string>;
+    labelHtml: import("@angular/core").InputSignal<string | null>;
     /**
      * Icon to display alongside the label
      *
@@ -97,7 +97,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
      * @memberof FieldComponent
      */
     badgeVariant?: BadgeVariant | undefined;
-    _errors: SafeHtml[];
+    _errors: string[];
     /**
      * Input field errors
      *
@@ -368,7 +368,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     onSubmit(): void;
     private clearSpace;
     onBlur(): void;
-    trackByFn: (index: number, value: any) => any;
+    trackByFn: (index: number, value: string) => string;
     focus(): void;
     refocusPasswordButton(btn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;

package/components/media-dialog/media-dialog.component.d.ts

@@ -1,12 +1,10 @@
 import { TemplateRef } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { MediaDialogData, MediaDialogStep } from './media-dialog.model';
 import * as i0 from "@angular/core";
 export declare class MediaDialogComponent {
     dialogRef: MatDialogRef<MediaDialogComponent>;
     private data;
-    protected domSanitizer: DomSanitizer;
     primaryButtonLabel: string | undefined;
     secondaryButtonLabel: string | undefined;
     backButtonLabel: string | undefined;
@@ -16,10 +14,10 @@ export declare class MediaDialogComponent {
     backButtonDataTestId: string;
     mediaContainer: TemplateRef<any>;
     subheader: string | undefined;
-    body: SafeHtml;
+    body: string;
     currentStepIndex: number;
     steps: MediaDialogStep[];
-    constructor(dialogRef: MatDialogRef<MediaDialogComponent>, data: MediaDialogData, domSanitizer: DomSanitizer);
+    constructor(dialogRef: MatDialogRef<MediaDialogComponent>, data: MediaDialogData);
     private setStep;
     onPrimaryButtonClick(): void;
     onBackButtonClick(): void;

package/components/phone-input/phone-input.component.d.ts

@@ -3,7 +3,6 @@ import { ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angu
 import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { UICountry } from './phone-input.model';
 import * as i0 from "@angular/core";
@@ -13,7 +12,6 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     private fb;
     private focusMonitor;
     private ref;
-    private sanitizer;
     private readonly defaultAppTheme;
     /**
      * Phone number
@@ -65,7 +63,7 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
      * @memberof PhoneInputComponent
      */
     fullWidth: boolean;
-    _errors: SafeHtml[];
+    _errors: string[];
     /**
      * Input field errors
      *
@@ -114,7 +112,7 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     private internalPlaceholder;
     protected selectedCountry: UICountry;
     private unsubscribeAll$;
-    constructor(ngControl: NgControl, errorMatcher: ErrorStateMatcher, fb: UntypedFormBuilder, focusMonitor: FocusMonitor, ref: ChangeDetectorRef, sanitizer: DomSanitizer, defaultAppTheme: ApplicationTheme);
+    constructor(ngControl: NgControl, errorMatcher: ErrorStateMatcher, fb: UntypedFormBuilder, focusMonitor: FocusMonitor, ref: ChangeDetectorRef, defaultAppTheme: ApplicationTheme);
     /**
      * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
      * to display validation errors that might happen (e.g. required)
@@ -141,7 +139,7 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     private getCountryByCallingCode;
     private loadCountries;
     disableClick(ev: Event): void;
-    trackByFn: (index: number, value: any) => any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, [{ optional: true; self: true; }, null, null, null, null, null, { optional: true; }]>;
+    trackByFn: (index: number, value: string) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/snackbar/snackbar.component.d.ts

@@ -4,13 +4,11 @@ import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import { SnackbarLink, SnackbarType, SnackbarVariant } from './snackbar.model';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { LinkTargetType } from '@testgorilla/tgo-ui/components/alert-banner';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class SnackbarComponent implements OnInit {
     private readonly defaultAppTheme;
     private data;
     private snackbarRef;
-    private domSanitizer;
     /**
      * Background color of the button while in active state
      *
@@ -104,7 +102,7 @@ export declare class SnackbarComponent implements OnInit {
     timerStartedAt: number;
     timerPausedAt: number;
     position: string;
-    safeHtml: SafeHtml;
+    safeHtml: string;
     translationContext: string;
     protected readonly maxCharacters = 70;
     constructor(defaultAppTheme: ApplicationTheme, data: {
@@ -114,7 +112,7 @@ export declare class SnackbarComponent implements OnInit {
         applicationTheme?: ApplicationTheme;
         html?: string;
         seconds?: number;
-    }, snackbarRef: MatSnackBarRef<SnackbarComponent>, domSanitizer: DomSanitizer);
+    }, snackbarRef: MatSnackBarRef<SnackbarComponent>);
     ngOnInit(): void;
     show(): void;
     hide(): void;
@@ -123,6 +121,6 @@ export declare class SnackbarComponent implements OnInit {
     dismissClick(): void;
     onLinkClick(event: Event): void;
     private dismissSnackbar;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,20 +1,18 @@
 import { trigger, transition, animate, style } from '@angular/animations';
 import * as i0 from '@angular/core';
 import { HostBinding, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { alertBarsUtil, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from '@angular/platform-browser';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i2 from '@testgorilla/tgo-ui/components/button';
 import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
 import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
 
 class AlertBannerComponent {
-    constructor(defaultAppTheme, domSanitizer) {
+    constructor(defaultAppTheme) {
         this.defaultAppTheme = defaultAppTheme;
-        this.domSanitizer = domSanitizer;
         /**
          * Alert Banner type
          *
@@ -31,6 +29,12 @@ class AlertBannerComponent {
          * @memberof AlertBannerComponent
          */
         this.alertVariant = 'banner';
+        /**
+         * Alert banner message
+         *
+         * @memberof AlertBannerComponent
+         */
+        this.message = '';
         /**
          * Include dismmiss button
          *
@@ -100,25 +104,13 @@ class AlertBannerComponent {
          * @memberof AlertBannerComponent
          */
         this.ariaDescribedby = '';
+        this.secondaryAlerts = [];
         this.visible = true;
-        this._message = '';
-        this._secondaryAlerts = [];
         this.dismissAlertBanner = false;
         if (defaultAppTheme) {
             this.applicationTheme = defaultAppTheme;
         }
     }
-    /**
-     * Alert banner message
-     *
-     * @memberof AlertBannerComponent
-     */
-    set message(msg) {
-        this._message = this.domSanitizer.bypassSecurityTrustHtml(msg);
-    }
-    set secondaryAlerts(alerts) {
-        this._secondaryAlerts = alerts.map(alert => this.domSanitizer.bypassSecurityTrustHtml(alert));
-    }
     get isDismissed() {
         return this.dismissAlertBanner;
     }
@@ -144,8 +136,8 @@ class AlertBannerComponent {
             this.dismissAlertBanner = true;
         }, 200);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AlertBannerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: AlertBannerComponent, isStandalone: false, selector: "ui-alert-banner", inputs: { alertType: "alertType", alertVariant: "alertVariant", message: "message", includeDismissButton: "includeDismissButton", shadow: "shadow", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget", applicationTheme: "applicationTheme", isFullWidth: "isFullWidth", closeButtonTooltip: "closeButtonTooltip", hasIcon: "hasIcon", fixed: "fixed", ariaDescribedby: "ariaDescribedby", secondaryAlerts: "secondaryAlerts" }, host: { properties: { "class.display-none": "this.isDismissed" } }, usesOnChanges: true, ngImport: i0, template: "<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", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}:host .alert-container[theme=dark].success,:host .alert-container[theme=light].success,:host .snackbar-container[theme=dark].success,:host .snackbar-container[theme=light].success{background-color:#aae47a}:host .alert-container[theme=dark].info,:host .alert-container[theme=light].info,:host .snackbar-container[theme=dark].info,:host .snackbar-container[theme=light].info{background-color:#d9e8ff}:host .alert-container[theme=dark].warning,:host .alert-container[theme=light].warning,:host .snackbar-container[theme=dark].warning,:host .snackbar-container[theme=light].warning{background-color:#ffe1b3}:host .alert-container[theme=dark].error,:host .alert-container[theme=light].error,:host .snackbar-container[theme=dark].error,:host .snackbar-container[theme=light].error{background-color:#ffac9a}::ng-deep .display-none{display:none!important}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container{max-width:1312px;flex-direction:column}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}:host .alert-container[theme=dark] .alert-text,:host .alert-container[theme=light] .alert-text{padding:12px 0}:host .alert-container[theme=dark].banner,:host .alert-container[theme=light].banner{border-radius:0}:host .alert-container[theme=dark].callout,:host .alert-container[theme=light].callout{border-radius:10px}:host .alert-container[theme=dark].shadow,:host .alert-container[theme=light].shadow{box-shadow:0 4px 16px #2424240a}:host .alert-container[theme=dark] .left-icon,:host .alert-container[theme=light] .left-icon{margin-right:8px}:host .alert-container[theme=dark] .right-icon,:host .alert-container[theme=light] .right-icon{cursor:pointer;margin-left:8px;margin-right:2px}:host .alert-container .primary-alert-container{display:flex;justify-content:space-between;align-items:center;width:100%}:host .alert-container .secondary-alerts-container{padding-left:8px;display:flex;width:100%;flex-direction:column}:host .alert-container .secondary-alerts-container .alert-text{padding:4px 0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i5.UiTranslatePipe, name: "uiTranslate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AlertBannerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: AlertBannerComponent, isStandalone: false, selector: "ui-alert-banner", inputs: { alertType: "alertType", alertVariant: "alertVariant", message: "message", includeDismissButton: "includeDismissButton", shadow: "shadow", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget", applicationTheme: "applicationTheme", isFullWidth: "isFullWidth", closeButtonTooltip: "closeButtonTooltip", hasIcon: "hasIcon", fixed: "fixed", ariaDescribedby: "ariaDescribedby", secondaryAlerts: "secondaryAlerts" }, host: { properties: { "class.display-none": "this.isDismissed" } }, usesOnChanges: true, ngImport: i0, template: "<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\">{{\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 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", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}:host .alert-container[theme=dark].success,:host .alert-container[theme=light].success,:host .snackbar-container[theme=dark].success,:host .snackbar-container[theme=light].success{background-color:#aae47a}:host .alert-container[theme=dark].info,:host .alert-container[theme=light].info,:host .snackbar-container[theme=dark].info,:host .snackbar-container[theme=light].info{background-color:#d9e8ff}:host .alert-container[theme=dark].warning,:host .alert-container[theme=light].warning,:host .snackbar-container[theme=dark].warning,:host .snackbar-container[theme=light].warning{background-color:#ffe1b3}:host .alert-container[theme=dark].error,:host .alert-container[theme=light].error,:host .snackbar-container[theme=dark].error,:host .snackbar-container[theme=light].error{background-color:#ffac9a}::ng-deep .display-none{display:none!important}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container{max-width:1312px;flex-direction:column}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}:host .alert-container[theme=dark] .alert-text,:host .alert-container[theme=light] .alert-text{padding:12px 0}:host .alert-container[theme=dark].banner,:host .alert-container[theme=light].banner{border-radius:0}:host .alert-container[theme=dark].callout,:host .alert-container[theme=light].callout{border-radius:10px}:host .alert-container[theme=dark].shadow,:host .alert-container[theme=light].shadow{box-shadow:0 4px 16px #2424240a}:host .alert-container[theme=dark] .left-icon,:host .alert-container[theme=light] .left-icon{margin-right:8px}:host .alert-container[theme=dark] .right-icon,:host .alert-container[theme=light] .right-icon{cursor:pointer;margin-left:8px;margin-right:2px}:host .alert-container .primary-alert-container{display:flex;justify-content:space-between;align-items:center;width:100%}:host .alert-container .secondary-alerts-container{padding-left:8px;display:flex;width:100%;flex-direction:column}:host .alert-container .secondary-alerts-container .alert-text{padding:4px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }], animations: [
             trigger('openClose', [
                 transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
                 transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
@@ -159,13 +151,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                             transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
                             transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
                         ]),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<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", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}:host .alert-container[theme=dark].success,:host .alert-container[theme=light].success,:host .snackbar-container[theme=dark].success,:host .snackbar-container[theme=light].success{background-color:#aae47a}:host .alert-container[theme=dark].info,:host .alert-container[theme=light].info,:host .snackbar-container[theme=dark].info,:host .snackbar-container[theme=light].info{background-color:#d9e8ff}:host .alert-container[theme=dark].warning,:host .alert-container[theme=light].warning,:host .snackbar-container[theme=dark].warning,:host .snackbar-container[theme=light].warning{background-color:#ffe1b3}:host .alert-container[theme=dark].error,:host .alert-container[theme=light].error,:host .snackbar-container[theme=dark].error,:host .snackbar-container[theme=light].error{background-color:#ffac9a}::ng-deep .display-none{display:none!important}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container{max-width:1312px;flex-direction:column}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}:host .alert-container[theme=dark] .alert-text,:host .alert-container[theme=light] .alert-text{padding:12px 0}:host .alert-container[theme=dark].banner,:host .alert-container[theme=light].banner{border-radius:0}:host .alert-container[theme=dark].callout,:host .alert-container[theme=light].callout{border-radius:10px}:host .alert-container[theme=dark].shadow,:host .alert-container[theme=light].shadow{box-shadow:0 4px 16px #2424240a}:host .alert-container[theme=dark] .left-icon,:host .alert-container[theme=light] .left-icon{margin-right:8px}:host .alert-container[theme=dark] .right-icon,:host .alert-container[theme=light] .right-icon{cursor:pointer;margin-left:8px;margin-right:2px}:host .alert-container .primary-alert-container{display:flex;justify-content:space-between;align-items:center;width:100%}:host .alert-container .secondary-alerts-container{padding-left:8px;display:flex;width:100%;flex-direction:column}:host .alert-container .secondary-alerts-container .alert-text{padding:4px 0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<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\">{{\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 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", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}:host .alert-container[theme=dark].success,:host .alert-container[theme=light].success,:host .snackbar-container[theme=dark].success,:host .snackbar-container[theme=light].success{background-color:#aae47a}:host .alert-container[theme=dark].info,:host .alert-container[theme=light].info,:host .snackbar-container[theme=dark].info,:host .snackbar-container[theme=light].info{background-color:#d9e8ff}:host .alert-container[theme=dark].warning,:host .alert-container[theme=light].warning,:host .snackbar-container[theme=dark].warning,:host .snackbar-container[theme=light].warning{background-color:#ffe1b3}:host .alert-container[theme=dark].error,:host .alert-container[theme=light].error,:host .snackbar-container[theme=dark].error,:host .snackbar-container[theme=light].error{background-color:#ffac9a}::ng-deep .display-none{display:none!important}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container{max-width:1312px;flex-direction:column}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}:host .alert-container[theme=dark] .alert-text,:host .alert-container[theme=light] .alert-text{padding:12px 0}:host .alert-container[theme=dark].banner,:host .alert-container[theme=light].banner{border-radius:0}:host .alert-container[theme=dark].callout,:host .alert-container[theme=light].callout{border-radius:10px}:host .alert-container[theme=dark].shadow,:host .alert-container[theme=light].shadow{box-shadow:0 4px 16px #2424240a}:host .alert-container[theme=dark] .left-icon,:host .alert-container[theme=light] .left-icon{margin-right:8px}:host .alert-container[theme=dark] .right-icon,:host .alert-container[theme=light] .right-icon{cursor:pointer;margin-left:8px;margin-right:2px}:host .alert-container .primary-alert-container{display:flex;justify-content:space-between;align-items:center;width:100%}:host .alert-container .secondary-alerts-container{padding-left:8px;display:flex;width:100%;flex-direction:column}:host .alert-container .secondary-alerts-container .alert-text{padding:4px 0}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: i1.DomSanitizer }], propDecorators: { alertType: [{
+                }] }], propDecorators: { alertType: [{
                 type: Input
             }], alertVariant: [{
                 type: Input