@testgorilla/tgo-ui 2.1.8 → 2.2.0

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

@@ -1,9 +1,11 @@
 import { OnChanges, OnInit } from '@angular/core';
 import { CardSize, CardVariant } from './card.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class CardComponent implements OnChanges, OnInit {
     private readonly defaultAppTheme;
+    private domSanitizer;
     /**
      * Card size. Defaults "medium".
      *
@@ -26,10 +28,19 @@ export declare class CardComponent implements OnChanges, OnInit {
      * @memberof CardComponent
      */
     applicationTheme: ApplicationTheme;
+    /**
+     * Show errors below card.
+     *
+     * @type {string[]}
+     * @memberof CardComponent
+     */
+    set errors(errors: string[]);
+    safeErrors: SafeHtml[];
     classes: string;
-    constructor(defaultAppTheme: ApplicationTheme);
+    constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
     ngOnChanges(): void;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    get cardVariant(): CardVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./card.component";
 import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
 export declare class CardComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, [typeof i1.CardComponent], [typeof i2.CommonModule], [typeof i1.CardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, [typeof i1.CardComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof i1.CardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CardComponentModule>;
 }

package/components/card/card.model.d.ts

@@ -1,2 +1,2 @@
 export type CardSize = 'small' | 'medium' | 'large';
-export type CardVariant = 'default' | 'shadow' | 'state';
+export type CardVariant = 'default' | 'shadow' | 'state' | 'error';

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

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { ApplicationTheme } from "../../models/application-theme.model";
+import { ApplicationTheme } from '../../models/application-theme.model';
 import { IconName } from '../icon/icon.model';
 import * as i0 from "@angular/core";
 export declare class FieldComponent implements OnInit, ControlValueAccessor {
@@ -133,6 +133,21 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @memberof FieldComponent
      */
     ariaRequired: boolean;
+    /**
+     * Show loading button. Only for text
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    loading: boolean;
+    /**
+     * Show icon when field is valid
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    isValid: boolean;
+    validateEvent: EventEmitter<string>;
     get getPasswordIcon(): IconName;
     isActiveField: boolean;
     isActiveHover: boolean;
@@ -151,6 +166,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
     currentType: string;
     errorsLength: boolean;
     ngOnInit(): void;
+    validate(): void;
     setSearchInput(): void;
     getType(): string;
     clearValue(): void;
@@ -166,5 +182,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
     onActive(state: boolean, action: string): void;
     trackByFn: (index: number, value: any) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", 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; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", 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; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; }, { "validateEvent": "validateEvent"; }, never, never, false, never>;
 }

package/components/field/field.model.d.ts

@@ -1 +1 @@
-export type FieldType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'collapsed-search';
+export type FieldType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'collapsed-search' | 'validation-text';

package/components/navbar/navbar.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { DestroyRef, EventEmitter, TemplateRef } from '@angular/core';
 import { IRoute, MenuItem } from './navbar.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { SideSheetService } from '../side-sheet/side-sheet.service';
@@ -8,6 +8,7 @@ export declare class NavbarComponent {
     private readonly breakpointObserver;
     private readonly defaultAppTheme;
     private sideSheetService;
+    private destroyRef;
     /**
      * Routes object
      *
@@ -97,11 +98,11 @@ export declare class NavbarComponent {
     private readonly _mobileBreakpoint$;
     private readonly mobileBreakpointObs$;
     protected readonly isMobile$: import("rxjs").Observable<boolean>;
-    constructor(breakpointObserver: BreakpointObserver, defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService);
+    constructor(breakpointObserver: BreakpointObserver, defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
     openMobileMenu(): void;
     navigate(routeId: string): void;
     logout(): void;
     clickMenuItem(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, ["[actions]", "*"], false, never>;
 }

package/components/overflow-menu/overflow-menu.model.d.ts

@@ -4,4 +4,5 @@ export type OverflowMenuButtonsType = {
     label: string;
     isDestructive?: boolean;
     value: string;
+    disabled?: boolean;
 };

package/components/side-sheet/side-sheet.model.d.ts

@@ -1,8 +1,10 @@
+import { Observable } from 'rxjs';
 export interface SideSheetConfig {
     componentRef: any;
     title?: string;
     showLogo?: boolean;
     showBackButton?: boolean;
     showTitleTooltip?: boolean;
+    closed?: Observable<void>;
 }
 export type SideSheetPosition = 'start' | 'end';

package/esm2022/components/card/card.component.mjs

@@ -1,9 +1,21 @@
 import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component";
 export class CardComponent {
-    constructor(defaultAppTheme) {
+    /**
+     * Show errors below card.
+     *
+     * @type {string[]}
+     * @memberof CardComponent
+     */
+    set errors(errors) {
+        this.safeErrors = errors?.filter(Boolean).map(error => this.domSanitizer.bypassSecurityTrustHtml(error));
+    }
+    constructor(defaultAppTheme, domSanitizer) {
         this.defaultAppTheme = defaultAppTheme;
+        this.domSanitizer = domSanitizer;
         /**
          * Card size. Defaults "medium".
          *
@@ -32,27 +44,32 @@ export class CardComponent {
         }
     }
     ngOnChanges() {
-        this.classes = `card-size-${this.size ?? 'medium'} ${this.variant ?? 'default'}`;
+        this.classes = `card-size-${this.size ?? 'medium'} ${this.cardVariant ?? 'default'}`;
     }
     ngOnInit() {
-        this.classes = `card-size-${this.size ?? 'medium'} ${this.variant ?? 'default'}`;
+        this.classes = `card-size-${this.size ?? 'medium'} ${this.cardVariant ?? 'default'}`;
+    }
+    get cardVariant() {
+        return this.safeErrors?.length ? 'error' : this.variant;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "ui-card", inputs: { size: "size", variant: "variant", applicationTheme: "applicationTheme" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-container\" [ngClass]=\"classes\" [attr.theme]=\"applicationTheme\" tabindex=\"0\"  >\n  <ng-content></ng-content>\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}.card-container{border-radius:8px;border:1px solid #E0E0E0;background:#fff}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=light].state:hover{border-width:2px;border-color:#242424;box-shadow:0 4px 16px #24242414}.card-container[theme=dark].state:focus,.card-container[theme=light].state:focus{border-width:2px;border-color:#242424}.card-size-brand.card-size-medium,.card-size-medium.card-container[theme=dark].state:hover,.card-size-medium.card-container[theme=light].state:hover,.card-size-medium.card-container[theme=dark].state:focus,.card-size-medium.card-container[theme=light].state:focus{padding:23px}.card-size-brand.card-size-large,.card-size-large.card-container[theme=dark].state:hover,.card-size-large.card-container[theme=light].state:hover,.card-size-large.card-container[theme=dark].state:focus,.card-size-large.card-container[theme=light].state:focus{padding:79px}.card-size-brand.card-size-small,.card-size-small.card-container[theme=dark].state:hover,.card-size-small.card-container[theme=light].state:hover,.card-size-small.card-container[theme=dark].state:focus,.card-size-small.card-container[theme=light].state:focus{padding:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "ui-card", inputs: { size: "size", variant: "variant", applicationTheme: "applicationTheme", errors: "errors" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-container\" [ngClass]=\"classes\" [attr.theme]=\"applicationTheme\" tabindex=\"0\"  >\n  <ng-content></ng-content>\n</div>\n<div class=\"errors\" *ngIf=\"safeErrors?.length\">\n  <div class=\"error\" *ngFor=\"let error of safeErrors\">\n    <ui-icon [size]=\"'24'\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n    <span [innerHTML]=\"error\"></span>\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}.card-container{border-radius:8px;border:1px solid #E0E0E0;background:#fff}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{border-width:2px;border-color:#e02800}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=light].state:hover{border-width:2px;border-color:#242424;box-shadow:0 4px 16px #24242414}.card-container[theme=dark].state:focus,.card-container[theme=light].state:focus{border-width:2px;border-color:#242424}.card-size-brand.card-size-medium,.card-size-medium.card-container[theme=dark].state:hover,.card-size-medium.card-container[theme=light].state:hover,.card-size-medium.card-container[theme=dark].state:focus,.card-size-medium.card-container[theme=light].state:focus{padding:23px}.card-size-brand.card-size-large,.card-size-large.card-container[theme=dark].state:hover,.card-size-large.card-container[theme=light].state:hover,.card-size-large.card-container[theme=dark].state:focus,.card-size-large.card-container[theme=light].state:focus{padding:79px}.card-size-brand.card-size-small,.card-size-small.card-container[theme=dark].state:hover,.card-size-small.card-container[theme=light].state:hover,.card-size-small.card-container[theme=dark].state:focus,.card-size-small.card-container[theme=light].state:focus{padding:15px}.errors{margin-top:8px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center;color:#e02800}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}\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.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-container\" [ngClass]=\"classes\" [attr.theme]=\"applicationTheme\" tabindex=\"0\"  >\n  <ng-content></ng-content>\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}.card-container{border-radius:8px;border:1px solid #E0E0E0;background:#fff}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=light].state:hover{border-width:2px;border-color:#242424;box-shadow:0 4px 16px #24242414}.card-container[theme=dark].state:focus,.card-container[theme=light].state:focus{border-width:2px;border-color:#242424}.card-size-brand.card-size-medium,.card-size-medium.card-container[theme=dark].state:hover,.card-size-medium.card-container[theme=light].state:hover,.card-size-medium.card-container[theme=dark].state:focus,.card-size-medium.card-container[theme=light].state:focus{padding:23px}.card-size-brand.card-size-large,.card-size-large.card-container[theme=dark].state:hover,.card-size-large.card-container[theme=light].state:hover,.card-size-large.card-container[theme=dark].state:focus,.card-size-large.card-container[theme=light].state:focus{padding:79px}.card-size-brand.card-size-small,.card-size-small.card-container[theme=dark].state:hover,.card-size-small.card-container[theme=light].state:hover,.card-size-small.card-container[theme=dark].state:focus,.card-size-small.card-container[theme=light].state:focus{padding:15px}\n"] }]
+            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-container\" [ngClass]=\"classes\" [attr.theme]=\"applicationTheme\" tabindex=\"0\"  >\n  <ng-content></ng-content>\n</div>\n<div class=\"errors\" *ngIf=\"safeErrors?.length\">\n  <div class=\"error\" *ngFor=\"let error of safeErrors\">\n    <ui-icon [size]=\"'24'\" [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n    <span [innerHTML]=\"error\"></span>\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}.card-container{border-radius:8px;border:1px solid #E0E0E0;background:#fff}.card-container.card-size-medium{padding:24px}.card-container.card-size-large{padding:80px}.card-container.card-size-small{padding:16px}.card-container[theme=dark],.card-container[theme=light]{border-color:#d3d3d3;border-radius:10px}.card-container[theme=dark].shadow,.card-container[theme=light].shadow{box-shadow:0 4px 100px #2424240a}.card-container[theme=dark].error,.card-container[theme=light].error{border-width:2px;border-color:#e02800}.card-container[theme=dark].state,.card-container[theme=light].state{cursor:pointer}.card-container[theme=dark].state:hover,.card-container[theme=light].state:hover{border-width:2px;border-color:#242424;box-shadow:0 4px 16px #24242414}.card-container[theme=dark].state:focus,.card-container[theme=light].state:focus{border-width:2px;border-color:#242424}.card-size-brand.card-size-medium,.card-size-medium.card-container[theme=dark].state:hover,.card-size-medium.card-container[theme=light].state:hover,.card-size-medium.card-container[theme=dark].state:focus,.card-size-medium.card-container[theme=light].state:focus{padding:23px}.card-size-brand.card-size-large,.card-size-large.card-container[theme=dark].state:hover,.card-size-large.card-container[theme=light].state:hover,.card-size-large.card-container[theme=dark].state:focus,.card-size-large.card-container[theme=light].state:focus{padding:79px}.card-size-brand.card-size-small,.card-size-small.card-container[theme=dark].state:hover,.card-size-small.card-container[theme=light].state:hover,.card-size-small.card-container[theme=dark].state:focus,.card-size-small.card-container[theme=light].state:focus{padding:15px}.errors{margin-top:8px}.errors .error{font-size:14px;display:flex;flex-direction:row;align-items:center;color:#e02800}.errors .error ui-icon{margin-right:8px}.errors .error ui-icon ::ng-deep svg{color:#e02800}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }]; }, propDecorators: { size: [{
+                }] }, { type: i1.DomSanitizer }]; }, propDecorators: { size: [{
                 type: Input
             }], variant: [{
                 type: Input
             }], applicationTheme: [{
                 type: Input
+            }], errors: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVL0csTUFBTSxPQUFPLGFBQWE7SUE0QnhCLFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQTVCOUc7Ozs7O1dBS0c7UUFDTSxTQUFJLEdBQWEsUUFBUSxDQUFDO1FBRW5DOzs7OztXQUtHO1FBQ00sWUFBTyxHQUFnQixTQUFTLENBQUM7UUFFMUM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUV0RCxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBS1gsSUFBSSxlQUFlLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztTQUN6QztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLElBQUksQ0FBQyxJQUFJLElBQUksUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksU0FBUyxFQUFFLENBQUM7SUFDbkYsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLGFBQWEsSUFBSSxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQTFDVSxhQUFhLGtCQTZCRixvQ0FBb0M7bUdBN0IvQyxhQUFhLHdKQ1YxQixnSkFHQTs7NEZET2EsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU07OzBCQStCNUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7NENBdEJqRCxJQUFJO3NCQUFaLEtBQUs7Z0JBUUcsT0FBTztzQkFBZixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZFNpemUsIENhcmRWYXJpYW50IH0gZnJvbSAnLi9jYXJkLm1vZGVsJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQge1xuICAvKipcbiAgICogQ2FyZCBzaXplLiBEZWZhdWx0cyBcIm1lZGl1bVwiLlxuICAgKlxuICAgKiBAdHlwZSB7Q2FyZFNpemV9XG4gICAqIEBtZW1iZXJvZiBDYXJkQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBDYXJkU2l6ZSA9ICdtZWRpdW0nO1xuXG4gIC8qKlxuICAgKiBDYXJkIHZhcmlhbnRzLiBEZWZhdWx0cyBcImRlZmF1bHRcIi5cbiAgICpcbiAgICogQHR5cGUge0NhcmRWYXJpYW50fVxuICAgKiBAbWVtYmVyb2YgQ2FyZENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgdmFyaWFudDogQ2FyZFZhcmlhbnQgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqXG4gICAqIERlZmluZXMgdGhlIGFwcGxpY2F0aW9uIHRoZW1lXG4gICAqXG4gICAqIEB0eXBlIHtBcHBsaWNhdGlvblRoZW1lfVxuICAgKiBAbWVtYmVyb2YgQ2FyZENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXBwbGljYXRpb25UaGVtZTogQXBwbGljYXRpb25UaGVtZSA9ICdsaWdodCc7XG5cbiAgY2xhc3NlcyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoJ0NBTk9QWVVJX0RFRkFVTFRfQVBQTElDQVRJT05fVEhFTUUnKSBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRBcHBUaGVtZTogQXBwbGljYXRpb25UaGVtZSxcbiAgKSB7XG4gICAgaWYgKGRlZmF1bHRBcHBUaGVtZSkge1xuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2xhc3NlcyA9IGBjYXJkLXNpemUtJHt0aGlzLnNpemUgPz8gJ21lZGl1bSd9ICR7dGhpcy52YXJpYW50ID8/ICdkZWZhdWx0J31gO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jbGFzc2VzID0gYGNhcmQtc2l6ZS0ke3RoaXMuc2l6ZSA/PyAnbWVkaXVtJ30gJHt0aGlzLnZhcmlhbnQgPz8gJ2RlZmF1bHQnfWA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cImNsYXNzZXNcIiBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCIgdGFiaW5kZXg9XCIwXCIgID5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVcvRyxNQUFNLE9BQU8sYUFBYTtJQTBCeEI7Ozs7O09BS0c7SUFDSCxJQUFhLE1BQU0sQ0FBQyxNQUFnQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzNHLENBQUM7SUFNRCxZQUM2RSxlQUFpQyxFQUNwRyxZQUEwQjtRQUR5QyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDcEcsaUJBQVksR0FBWixZQUFZLENBQWM7UUF6Q3BDOzs7OztXQUtHO1FBQ00sU0FBSSxHQUFhLFFBQVEsQ0FBQztRQUVuQzs7Ozs7V0FLRztRQUNNLFlBQU8sR0FBZ0IsU0FBUyxDQUFDO1FBRTFDOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFjdEQsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQU1YLElBQUksZUFBZSxFQUFFO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxlQUFlLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLEdBQUcsYUFBYSxJQUFJLENBQUMsSUFBSSxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLFNBQVMsRUFBRSxDQUFDO0lBQ3ZGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLElBQUksQ0FBQyxJQUFJLElBQUksUUFBUSxJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksU0FBUyxFQUFFLENBQUM7SUFDdkYsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMxRCxDQUFDOytHQTNEVSxhQUFhLGtCQXlDRixvQ0FBb0M7bUdBekMvQyxhQUFhLDBLQ1gxQixnYUFTQTs7NEZERWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU07OzBCQTJDNUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7dUVBbENqRCxJQUFJO3NCQUFaLEtBQUs7Z0JBUUcsT0FBTztzQkFBZixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFRTyxNQUFNO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkU2l6ZSwgQ2FyZFZhcmlhbnQgfSBmcm9tICcuL2NhcmQubW9kZWwnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gJy4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbCc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBDYXJkIHNpemUuIERlZmF1bHRzIFwibWVkaXVtXCIuXG4gICAqXG4gICAqIEB0eXBlIHtDYXJkU2l6ZX1cbiAgICogQG1lbWJlcm9mIENhcmRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IENhcmRTaXplID0gJ21lZGl1bSc7XG5cbiAgLyoqXG4gICAqIENhcmQgdmFyaWFudHMuIERlZmF1bHRzIFwiZGVmYXVsdFwiLlxuICAgKlxuICAgKiBAdHlwZSB7Q2FyZFZhcmlhbnR9XG4gICAqIEBtZW1iZXJvZiBDYXJkQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB2YXJpYW50OiBDYXJkVmFyaWFudCA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBDYXJkQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcblxuICAvKipcbiAgICogU2hvdyBlcnJvcnMgYmVsb3cgY2FyZC5cbiAgICpcbiAgICogQHR5cGUge3N0cmluZ1tdfVxuICAgKiBAbWVtYmVyb2YgQ2FyZENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc2V0IGVycm9ycyhlcnJvcnM6IHN0cmluZ1tdKSB7XG4gICAgdGhpcy5zYWZlRXJyb3JzID0gZXJyb3JzPy5maWx0ZXIoQm9vbGVhbikubWFwKGVycm9yID0+IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKGVycm9yKSk7XG4gIH1cblxuICBzYWZlRXJyb3JzOiBTYWZlSHRtbFtdO1xuXG4gIGNsYXNzZXMgPSAnJztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KCdDQU5PUFlVSV9ERUZBVUxUX0FQUExJQ0FUSU9OX1RIRU1FJykgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0QXBwVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUsXG4gICAgcHJpdmF0ZSBkb21TYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jbGFzc2VzID0gYGNhcmQtc2l6ZS0ke3RoaXMuc2l6ZSA/PyAnbWVkaXVtJ30gJHt0aGlzLmNhcmRWYXJpYW50ID8/ICdkZWZhdWx0J31gO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jbGFzc2VzID0gYGNhcmQtc2l6ZS0ke3RoaXMuc2l6ZSA/PyAnbWVkaXVtJ30gJHt0aGlzLmNhcmRWYXJpYW50ID8/ICdkZWZhdWx0J31gO1xuICB9XG5cbiAgZ2V0IGNhcmRWYXJpYW50KCk6IENhcmRWYXJpYW50IHtcbiAgICByZXR1cm4gdGhpcy5zYWZlRXJyb3JzPy5sZW5ndGggPyAnZXJyb3InIDogdGhpcy52YXJpYW50O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1jb250YWluZXJcIiBbbmdDbGFzc109XCJjbGFzc2VzXCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIHRhYmluZGV4PVwiMFwiICA+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImVycm9yc1wiICpuZ0lmPVwic2FmZUVycm9ycz8ubGVuZ3RoXCI+XG4gIDxkaXYgY2xhc3M9XCJlcnJvclwiICpuZ0Zvcj1cImxldCBlcnJvciBvZiBzYWZlRXJyb3JzXCI+XG4gICAgPHVpLWljb24gW3NpemVdPVwiJzI0J1wiIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIiBbbmFtZV09XCInRXJyb3InXCI+PC91aS1pY29uPlxuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZXJyb3JcIj48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/card/card.component.module.mjs

@@ -1,18 +1,19 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { CardComponent } from './card.component';
+import { IconComponentModule } from '../icon/icon.component.module';
 import * as i0 from "@angular/core";
 export class CardComponentModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, declarations: [CardComponent], imports: [CommonModule], exports: [CardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, imports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, declarations: [CardComponent], imports: [CommonModule, IconComponentModule], exports: [CardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, imports: [CommonModule, IconComponentModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CardComponent],
-                    imports: [CommonModule],
+                    imports: [CommonModule, IconComponentModule],
                     exports: [CardComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQU9qRCxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFKZixhQUFhLGFBQ2xCLFlBQVksYUFDWixhQUFhO2dIQUVaLG1CQUFtQixZQUhwQixZQUFZOzs0RkFHWCxtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztpQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2FyZENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQ2FyZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU9wRSxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFKZixhQUFhLGFBQ2xCLFlBQVksRUFBRSxtQkFBbUIsYUFDakMsYUFBYTtnSEFFWixtQkFBbUIsWUFIcEIsWUFBWSxFQUFFLG1CQUFtQjs7NEZBR2hDLG1CQUFtQjtrQkFML0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxtQkFBbUIsQ0FBQztvQkFDNUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2FyZENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Db21wb25lbnRNb2R1bGVdLFxuICBleHBvcnRzOiBbQ2FyZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnRNb2R1bGUge31cbiJdfQ==

package/esm2022/components/card/card.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ2FyZFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuZXhwb3J0IHR5cGUgQ2FyZFZhcmlhbnQgPSAnZGVmYXVsdCcgfCAnc2hhZG93JyB8ICdzdGF0ZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ2FyZFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuZXhwb3J0IHR5cGUgQ2FyZFZhcmlhbnQgPSAnZGVmYXVsdCcgfCAnc2hhZG93JyB8ICdzdGF0ZScgfCAnZXJyb3InO1xuIl19