@testgorilla/tgo-ui 0.0.23 → 0.0.25

package/.github/README.md

@@ -46,7 +46,19 @@ In order to update the existing snapshots, we need to use DOCKER to update, sinc
 ```
 docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
 npm install
-npx playwright test e2e/common.spec.ts  --update-snapshots
+npx playwright install
+npx playwright test e2e/<file_name>.spec.ts  --update-snapshots
+```
+
+if you see the following error, you can skip them conviniently. This will not affect the tests, just that we will have the reports in same directory. We need the reports to be in a single directory to store artifacts in CI. So we can ignore them. 
+```
+root@docker-desktop:/work# npx playwright test e2e/common.spec.ts  --update-snapshots
+Configuration Error: HTML reporter output folder clashes with the tests output folder:
+
+    html reporter folder: /work/test-results/html-report
+    test results folder: /work/test-results
+
+HTML reporter will clear its output directory prior to being generated, which will lead to the artifact loss.
 ```
 
 In order to execute the visual tests, we need to use same docker so that the screenshots are aligned with the same OS.
@@ -54,7 +66,8 @@ In order to execute the visual tests, we need to use same docker so that the scr
 ```
 docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
 npm install
-npx playwright test e2e/common.spec.ts
+npx playwright install
+npx playwright test e2e/<file_name>.spec.ts
 ```
 
 Currently we are using `toMatchSnapshot` instead of the latest `toHaveScreenshot` from playwright. Since `toHaveScreenshot` doesn't support firefox now, we are going ahead with `toMatchSnapshot`. In (near) future once it supports firefox, we will be using the latest `toHaveScreenshot` method.

package/README.md

@@ -8,11 +8,11 @@
 * Create Password
 * Field
 * Forgot Password
+* Label
 * Login
 * Logo
 * NavBar
 * Navigation
 * Paginator
 * Create Account
-* Status
 * Table

package/components/create-account/create-account.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { CreateAccountCredentials } from './create-account.model';
+import { CreateAccountCredentials, Ii18nCreateAccount } from './create-account.model';
 import * as i0 from "@angular/core";
 export declare class CreateAccountComponent implements OnInit {
     private fb;
@@ -21,6 +21,13 @@ export declare class CreateAccountComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nCreateAccount}
+     * @memberof CreateAccountComponent
+     */
+    i18n: Ii18nCreateAccount;
     /**
      * @ignore
      */
@@ -38,5 +45,5 @@ export declare class CreateAccountComponent implements OnInit {
     login(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateAccountComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateAccountComponent, "ui-create-account", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; "loginEvent": "loginEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateAccountComponent, "ui-create-account", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "loginEvent": "loginEvent"; }, never, never>;
 }

package/components/create-account/create-account.constant.d.ts

@@ -0,0 +1,10 @@
+export declare const CREATE_ACCOUNT_i18n: {
+    title: string;
+    subtitle: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    terms_conditions: string;
+    button_label: string;
+    have_career_passport: string;
+    login: string;
+};

package/components/create-account/create-account.model.d.ts

@@ -2,3 +2,13 @@ export interface CreateAccountCredentials {
     username: string;
     password: string;
 }
+export interface Ii18nCreateAccount {
+    title: string;
+    subtitle: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    terms_conditions: string;
+    button_label: string;
+    have_career_passport: string;
+    login: string;
+}

package/components/create-password/create-password.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { CreatePasswordCredentials } from './create-password.model';
+import { CreatePasswordCredentials, Ii18nCreatePassword } from './create-password.model';
 import * as i0 from "@angular/core";
 export declare class CreatePasswordComponent implements OnInit {
     private fb;
@@ -20,6 +20,13 @@ export declare class CreatePasswordComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nCreatePassword}
+     * @memberof CreatePasswordComponent
+     */
+    i18n: Ii18nCreatePassword;
     /**
      * @ignore
      */
@@ -32,5 +39,5 @@ export declare class CreatePasswordComponent implements OnInit {
     submit(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreatePasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreatePasswordComponent, "ui-create-password", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreatePasswordComponent, "ui-create-password", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; }, never, never>;
 }

package/components/create-password/create-password.constant.d.ts

@@ -0,0 +1,5 @@
+export declare const CREATE_PASSWORD_i18n: {
+    title: string;
+    password_placeholder: string;
+    button: string;
+};

package/components/create-password/create-password.model.d.ts

@@ -1,3 +1,8 @@
 export interface CreatePasswordCredentials {
     password: string;
 }
+export interface Ii18nCreatePassword {
+    title: string;
+    password_placeholder: string;
+    button: string;
+}

package/components/forgot-password/forgot-password.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { ForgotPasswordCredentials } from './forgot-password.model';
+import { ForgotPasswordCredentials, Ii18nForgotPassword } from './forgot-password.model';
 import * as i0 from "@angular/core";
 export declare class ForgotPasswordComponent implements OnInit {
     private fb;
@@ -20,6 +20,13 @@ export declare class ForgotPasswordComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nForgotPassword}
+     * @memberof ForgotPasswordComponent
+     */
+    i18n: Ii18nForgotPassword;
     /**
      * @ignore
      */
@@ -37,5 +44,5 @@ export declare class ForgotPasswordComponent implements OnInit {
     backToLogin(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "ui-forgot-password", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; "backToLoginEvent": "backToLoginEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "ui-forgot-password", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "backToLoginEvent": "backToLoginEvent"; }, never, never>;
 }

package/components/forgot-password/forgot-password.constant.d.ts

@@ -0,0 +1,6 @@
+export declare const FORGOT_PASSWORD_i18n: {
+    title: string;
+    email_placeholder: string;
+    button_label: string;
+    back_to_login: string;
+};

package/components/forgot-password/forgot-password.model.d.ts

@@ -1,3 +1,9 @@
 export interface ForgotPasswordCredentials {
     email: string;
 }
+export interface Ii18nForgotPassword {
+    title: string;
+    email_placeholder: string;
+    button_label: string;
+    back_to_login: string;
+}

package/components/label/label.component.d.ts

@@ -0,0 +1,39 @@
+import { LabelSizeEnum } from './label.model';
+import * as i0 from "@angular/core";
+export declare class LabelComponent {
+    /**
+     * @ignore
+     */
+    LabelSizeEnum: typeof LabelSizeEnum;
+    /**
+     * Label background color
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    backgroundColor: string;
+    /**
+     * Status text color
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    textColor: string;
+    /**
+     * Status title
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    title: string;
+    /**
+     * Label size
+     *
+     * @type {LabelSizeEnum}
+     * @memberof LabelComponent
+     */
+    size: LabelSizeEnum;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "ui-label", never, { "backgroundColor": "backgroundColor"; "textColor": "textColor"; "title": "title"; "size": "size"; }, {}, never, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./label.component";
+import * as i2 from "@angular/common";
+export declare class LabelComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LabelComponentModule, [typeof i1.LabelComponent], [typeof i2.CommonModule], [typeof i1.LabelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LabelComponentModule>;
+}

package/components/label/label.model.d.ts

@@ -0,0 +1,16 @@
+export interface ILabelOptions {
+    [key: string]: ILabelOptionItem;
+}
+export interface ILabelOptionItem {
+    title: string;
+    textColor: string;
+    backgroundColor: string;
+    size: LabelSizeEnum;
+}
+export declare enum LabelSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    BIG = "big",
+    HUGE = "huge"
+}

package/components/login/login.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { LoginCredentials } from './login.model';
+import { Ii18nLogin, LoginCredentials } from './login.model';
 import * as i0 from "@angular/core";
 export declare class LoginComponent implements OnInit {
     private fb;
@@ -21,6 +21,12 @@ export declare class LoginComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     * @description Object with the translations for the component.
+     * @type {Ii18n}
+     * @memberof LoginComponent
+     */
+    i18n: Ii18nLogin;
     /**
      * @ignore
      */
@@ -43,5 +49,5 @@ export declare class LoginComponent implements OnInit {
     createAccount(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "ui-login", never, { "loading": "loading"; }, { "submitEvent": "submitEvent"; "forgotPasswordEvent": "forgotPasswordEvent"; "createAccountEvent": "createAccountEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "ui-login", never, { "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "forgotPasswordEvent": "forgotPasswordEvent"; "createAccountEvent": "createAccountEvent"; }, never, never>;
 }

package/components/login/login.constant.d.ts

@@ -0,0 +1,10 @@
+export declare const LOGIN_i18n: {
+    title: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    remember_me: string;
+    forgot_password: string;
+    button_label: string;
+    not_have_account: string;
+    create_account: string;
+};

package/components/login/login.model.d.ts

@@ -3,3 +3,13 @@ export interface LoginCredentials {
     password: string;
     remember_me: boolean;
 }
+export interface Ii18nLogin {
+    title: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    remember_me: string;
+    forgot_password: string;
+    button_label: string;
+    not_have_account: string;
+    create_account: string;
+}

package/components/navigation/navigation.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { IStatusOptionItem } from '../status/status.model';
+import { ILabelOptionItem } from '../label/label.model';
 import * as i0 from "@angular/core";
 export declare class NavigationComponent {
     /**
@@ -19,11 +19,11 @@ export declare class NavigationComponent {
     /**
      * Navigation status component
      *
-     * @type {IStatusOptionItem}
+     * @type {ILabelOptionItem}
      * @memberof NavigationComponent
      * @ignore
      */
-    statusItem: IStatusOptionItem;
+    labelItem: ILabelOptionItem;
     /**
      * @ignore
      */
@@ -31,5 +31,5 @@ export declare class NavigationComponent {
     constructor();
     goBackClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ui-navigation", never, { "title": "title"; "subtitle": "subtitle"; "statusItem": "statusItem"; }, { "goBackClickedEvent": "goBackClickedEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ui-navigation", never, { "title": "title"; "subtitle": "subtitle"; "labelItem": "labelItem"; }, { "goBackClickedEvent": "goBackClickedEvent"; }, never, never>;
 }

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

@@ -3,9 +3,9 @@ import * as i1 from "./navigation.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/icon";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../status/status.component.module";
+import * as i5 from "../label/label.component.module";
 export declare class NavigationComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.StatusComponentModule], [typeof i1.NavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.LabelComponentModule], [typeof i1.NavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavigationComponentModule>;
 }

package/components/table/directives/dynamic-component.directive.d.ts

@@ -0,0 +1,13 @@
+import { OnDestroy, ViewContainerRef } from '@angular/core';
+import { IComponentRenderer } from '../table.model';
+import * as i0 from "@angular/core";
+export declare class DynamicComponentDirective implements OnDestroy {
+    private vcr;
+    private subscription;
+    private compRef;
+    set dynamicComponent(componentRenderer: IComponentRenderer);
+    constructor(vcr: ViewContainerRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": "dynamicComponent"; }, {}, never>;
+}

package/components/table/table.component.d.ts

@@ -1,9 +1,8 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { MatSort, Sort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
-import { DataPropertyGetterPipe } from '../../shared/pipes/dataPropertyGetter';
-import { IStatusOptions } from '../status/status.model';
-import { ColumnType, IDataSource, ITableColumn, ITableDetailColumn } from './table.model';
+import { DataPropertyGetterPipe } from './pipes/data-property-getter';
+import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './table.model';
 import * as i0 from "@angular/core";
 export declare class TableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {
     private dataPropertyGetterPipe;
@@ -18,6 +17,7 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
     /**
      * Data to be rendered
      *
+     * @ignore
      * @type {IDataSource}
      * @memberof TableComponent
      */
@@ -36,12 +36,6 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
      * @memberof TableComponent
      */
     tableDetailColumns: ITableDetailColumn<T, TDetail>;
-    /**
-     * @type {IStatusOptions}
-     * @memberof TableComponent
-     * @ignore
-     */
-    statusOptions: IStatusOptions;
     /**
      * @ignore
      */
@@ -77,7 +71,7 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
     /**
      * @ignore
      */
-    DataType: typeof ColumnType;
+    DataType: typeof ColumnTypeEnum;
     ngOnInit(): void;
     constructor(dataPropertyGetterPipe: DataPropertyGetterPipe);
     onSort(sortParams: Sort): void;
@@ -93,5 +87,5 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
      */
     private setTableDetailDataSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; "statusOptions": "statusOptions"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never>;
 }

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

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table.component";
-import * as i2 from "../../shared/pipes/dataPropertyGetter";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/table";
-import * as i5 from "@angular/material/sort";
-import * as i6 from "../status/status.component.module";
+import * as i2 from "./pipes/data-property-getter";
+import * as i3 from "./directives/dynamic-component.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/table";
+import * as i6 from "@angular/material/sort";
 export declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.DataPropertyGetterPipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatSortModule, typeof i6.StatusComponentModule], [typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.DataPropertyGetterPipe, typeof i3.DynamicComponentDirective], [typeof i4.CommonModule, typeof i5.MatTableModule, typeof i6.MatSortModule], [typeof i1.TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }

package/components/table/table.model.d.ts

@@ -1,14 +1,22 @@
+import { Type } from '@angular/core';
 export declare type IDataSource = {
     [key: string]: any;
 };
 export interface ITableColumn<T> {
     headerName: string;
     field?: string;
-    type?: ColumnType;
+    type?: ColumnTypeEnum;
     function?: (v: T) => string;
-    renderer?: (v: T) => string;
+    renderer?: (v: T) => IComponentRenderer | string;
     sortable?: boolean;
-    styles?: ColumnStyles;
+    styles?: IColumnStyles;
+}
+export interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
 }
 export interface IDetailRowDataParams<T, TDetail> {
     data: T;
@@ -18,17 +26,18 @@ export interface ITableDetailColumn<T, TDetail> {
     columnDefs: ITableColumn<TDetail>[];
     setDetailRowData: (params: IDetailRowDataParams<T, TDetail>) => void;
 }
-export interface ColumnStyles {
-    alignment?: ColumnAlignment;
+export interface IColumnStyles {
+    alignment?: ColumnAlignmentEnum;
     width?: string;
+    'min-width'?: string;
+    padding?: string;
 }
-export declare enum ColumnType {
+export declare enum ColumnTypeEnum {
     FIELD = "field",
-    LABEL = "label",
     FUNCTION = "function",
     RENDERER = "renderer"
 }
-export declare enum ColumnAlignment {
+export declare enum ColumnAlignmentEnum {
     LEFT = "left",
     RIGHT = "right",
     CENTER = "center"

package/esm2020/components/card/card.component.mjs

@@ -9,10 +9,10 @@ export class CardComponent {
     }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CardComponent, selector: "ui-card", inputs: { title: "title", subTitle: "subTitle" }, ngImport: i0, template: "<mat-card class=\"container\">\n  <ui-logo class=\"logo\"></ui-logo>\n  <mat-card-title>{{title}}</mat-card-title>\n  <mat-card-subtitle>{{subTitle}}</mat-card-subtitle>\n</mat-card>\n", styles: [".container{width:672px;box-sizing:border-box;padding:80px!important}.container .logo{margin-bottom:40px}.container .mat-card-title{margin-bottom:24px;font-weight:700;font-size:22px;line-height:135%}.container .mat-card-subtitle{color:#000;font-weight:400;font-size:16px;line-height:135%}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.LogoComponent, selector: "ui-logo" }], directives: [{ type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CardComponent, selector: "ui-card", inputs: { title: "title", subTitle: "subTitle" }, ngImport: i0, template: "<mat-card class=\"container\">\n  <ui-logo class=\"logo\"></ui-logo>\n  <mat-card-title>{{title}}</mat-card-title>\n  <mat-card-subtitle>{{subTitle}}</mat-card-subtitle>\n</mat-card>\n", styles: [".container{width:672px;box-sizing:border-box;padding:80px!important}.container .logo{margin-bottom:40px}.container .mat-card-title{margin-bottom:24px;font-weight:700;font-size:22px;line-height:135%;width:100%;word-wrap:break-word}.container .mat-card-subtitle{color:#000;font-weight:400;font-size:16px;line-height:135%}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.LogoComponent, selector: "ui-logo" }], directives: [{ type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"container\">\n  <ui-logo class=\"logo\"></ui-logo>\n  <mat-card-title>{{title}}</mat-card-title>\n  <mat-card-subtitle>{{subTitle}}</mat-card-subtitle>\n</mat-card>\n", styles: [".container{width:672px;box-sizing:border-box;padding:80px!important}.container .logo{margin-bottom:40px}.container .mat-card-title{margin-bottom:24px;font-weight:700;font-size:22px;line-height:135%}.container .mat-card-subtitle{color:#000;font-weight:400;font-size:16px;line-height:135%}\n"] }]
+            args: [{ selector: 'ui-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"container\">\n  <ui-logo class=\"logo\"></ui-logo>\n  <mat-card-title>{{title}}</mat-card-title>\n  <mat-card-subtitle>{{subTitle}}</mat-card-subtitle>\n</mat-card>\n", styles: [".container{width:672px;box-sizing:border-box;padding:80px!important}.container .logo{margin-bottom:40px}.container .mat-card-title{margin-bottom:24px;font-weight:700;font-size:22px;line-height:135%;width:100%;word-wrap:break-word}.container .mat-card-subtitle{color:#000;font-weight:400;font-size:16px;line-height:135%}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], subTitle: [{