@tuki-io/tuki-widgets 0.0.75 → 0.0.77

package/{projects/tuki/widgets/di2mt/widgets/upgrade-overview/types/upgrade-overview.ts → di2mt/widgets/upgrade-overview/types/upgrade-overview.d.ts}

@@ -1,14 +1,14 @@
 /**
- * 
+ *
  */
 export type UpgradePreconditions = {
     readonly id: string;
     readonly customerId: string;
     controlHubIntegration: string;
     numberOfAvailableLicences: number;
-}
+};
 /**
- * 
+ *
  */
 export type SiteInfrastructureSummary = {
     readonly id: string;
@@ -16,7 +16,7 @@ export type SiteInfrastructureSummary = {
     totalSites: number;
     totalLocations: number;
     totalPSTNs: number;
-}
+};
 /**
  * @internal
  */
@@ -25,34 +25,32 @@ type _UpgradeSummary = {
     readonly customerId: string;
     total: number;
     totalUpgraded: number;
-    totalReady: number
-}
+    totalReady: number;
+};
 /**
- * 
+ *
  */
 export type UpgradeSummary<T extends 'Users' | 'Sites'> = {
-    [
-        key in keyof _UpgradeSummary 
-        as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)
-    ]: _UpgradeSummary[key]
-}
+    [key in keyof _UpgradeSummary as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)]: _UpgradeSummary[key];
+};
 /**
- * 
+ *
  */
-export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>
+export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>;
 /**
- * 
+ *
  */
 export type UsersUpgradeSummary = UpgradeSummary<'Users'>;
 /**
- * 
+ *
  */
 export type SitesUpgradeSummary = UpgradeSummary<'Sites'>;
 /**
- * 
+ *
  */
-export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>
+export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>;
 /**
- * 
+ *
  */
-export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>
+export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>;
+export {};

package/di2mt/widgets/upgrade-overview/upgrade-overview.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component";
+import * as i2 from "./cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component";
+import * as i3 from "./cards/already-upgraded-users/already-upgraded-users-card.component";
+import * as i4 from "./cards/already-upgraded-sites/already-upgraded-sites-card.component";
+import * as i5 from "./cards/preconditions-status-list/preconditions-status-list-card.component";
+import * as i6 from "./cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component";
+import * as i7 from "./cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component";
+import * as i8 from "@angular/common";
+import * as i9 from "../../shared/shared.module";
+export declare class UpgradeOverviewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpgradeOverviewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpgradeOverviewModule, [typeof i1.ReadyToUpgradeUsersCardComponent, typeof i2.ReadyToUpgradeSitesCardComponent, typeof i3.AlreadyUpgradedUsersCardComponent, typeof i4.AlreadyUpgradedSitesCardComponent, typeof i5.PreconditionsStatusListCardComponent, typeof i6.SiteInfrastructureStatusListCardComponent, typeof i7.UpgradeStateComparisonChartCardComponent], [typeof i8.CommonModule, typeof i9.SharedModule], [typeof i1.ReadyToUpgradeUsersCardComponent, typeof i2.ReadyToUpgradeSitesCardComponent, typeof i3.AlreadyUpgradedUsersCardComponent, typeof i4.AlreadyUpgradedSitesCardComponent, typeof i5.PreconditionsStatusListCardComponent, typeof i6.SiteInfrastructureStatusListCardComponent, typeof i7.UpgradeStateComparisonChartCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpgradeOverviewModule>;
+}

package/di2mt/widgets/upgrade-overview/upgrade-overview.service.d.ts

@@ -0,0 +1,17 @@
+import { APIService } from "../../shared/services/api.service";
+import { SiteInfrastructureSummary, SitesUpgradeReadiness, SitesUpgradeSummary, UpgradePreconditions, UsersUpgradeReadiness, UsersUpgradeSummary } from "./types/upgrade-overview";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class UpgradeOverviewService {
+    private apiService;
+    customerId: string;
+    constructor(apiService: APIService);
+    getUpgradePreconditions(): Observable<UpgradePreconditions>;
+    getSiteInfrastructureSummary(): Observable<SiteInfrastructureSummary>;
+    getUsersUpgradeSummary(): Observable<UsersUpgradeSummary>;
+    getSitesUpgradeSummary(): Observable<SitesUpgradeSummary>;
+    getUsersUpgradeReadiness(): Observable<UsersUpgradeReadiness>;
+    getSitesUpgradeReadiness(): Observable<SitesUpgradeReadiness>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpgradeOverviewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UpgradeOverviewService>;
+}

package/{projects/tuki/widgets/di2mt/widgets/user-upgrade/types/user-upgrade.ts → di2mt/widgets/user-upgrade/types/user-upgrade.d.ts}

@@ -1,7 +1,5 @@
 import { DEPENDENCIES_STATUS, Status } from "../../../shared/types/constants";
-
 export type DependenciesStatus = typeof DEPENDENCIES_STATUS[keyof typeof DEPENDENCIES_STATUS];
-
 export interface UserUpgradeRecord {
     userId: string;
     userName: string;
@@ -16,4 +14,4 @@ export interface UserUpgradeRecord {
     dependenciesStatus: DependenciesStatus;
     upgradeStatus: Status;
     pending?: boolean;
-};
+}

package/di2mt/widgets/user-upgrade/user-upgrade-data-table/user-upgrade-data-table.component.d.ts

@@ -0,0 +1,71 @@
+import { SelectionModel } from "@angular/cdk/collections";
+import { OnInit, OnDestroy } from "@angular/core";
+import { MatTableDataSource } from "@angular/material/table";
+import { TableColumn } from "../../../shared/types/data-table";
+import { TableFilter } from "../../../shared/types/table/filter";
+import { Status } from "../../../shared/types/constants";
+import { UserUpgradeRecord } from "../types/user-upgrade";
+import { PageEvent } from '@angular/material/paginator';
+import * as i0 from "@angular/core";
+export declare class UserUpgradeDataTableComponent implements OnInit, OnDestroy {
+    private destroy$;
+    private userUpgradeService;
+    private apiService;
+    readonly STATUS_ENTRIES: {
+        [key: string]: Status;
+    };
+    readonly DEPENDENCIES_STATUS: {
+        [key: string]: string;
+    };
+    token: string;
+    customerId: string;
+    columns: TableColumn[];
+    dataPending: boolean;
+    data: MatTableDataSource<UserUpgradeRecord>;
+    displayedColumns: string[];
+    selection: SelectionModel<UserUpgradeRecord>;
+    filters: TableFilter[];
+    pagination: PaginationDataDto;
+    private subscriptions;
+    statusCounts: any;
+    private activeFilters;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    pageEvent(event: PageEvent): void;
+    changePerPageNumber(pageSizeEvent: any): void;
+    private getData;
+    private initializeFilters;
+    /** Whether the number of selected elements matches the total number of rows. */
+    isAllSelected(): boolean;
+    /** Selects all rows if they are not all selected; otherwise clear selection. */
+    masterToggle(): void;
+    upgradeUser(user: UserUpgradeRecord): void;
+    upgradeSelectedUsers(): void;
+    onFilter(filterEvent: {
+        key: string;
+        value: any;
+    }): void;
+    private setupCustomFilter;
+    private applyFilters;
+    get filteredDataCount(): number;
+    private getSiteNameFromValue;
+    private matchesUpgradeStatus;
+    getStatusClass(status: string): string;
+    protected readonly pageSizeOptions: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserUpgradeDataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserUpgradeDataTableComponent, "tk-user-upgrade-data-table", never, { "token": "token"; "customerId": "customerId"; }, {}, never, never, false, never>;
+}
+interface PaginationDataDtoInterface {
+    total: number;
+    pageSizeOptions: number[];
+    pageSize: number;
+    pageIndex: number;
+}
+declare class PaginationDataDto {
+    total: number;
+    pageSizeOptions: number[];
+    pageSize: number;
+    pageIndex: number;
+    constructor(data?: PaginationDataDtoInterface);
+}
+export {};

package/di2mt/widgets/user-upgrade/user-upgrade.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./user-upgrade-data-table/user-upgrade-data-table.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../shared/shared.module";
+import * as i4 from "@angular/material/table";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/checkbox";
+import * as i7 from "@angular/material/select";
+import * as i8 from "@angular/material/progress-spinner";
+import * as i9 from "@angular/material/core";
+import * as i10 from "@angular/material/paginator";
+export declare class UserUpgradeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserUpgradeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserUpgradeModule, [typeof i1.UserUpgradeDataTableComponent], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.MatTableModule, typeof i5.MatButtonModule, typeof i6.MatCheckboxModule, typeof i7.MatSelectModule, typeof i8.MatProgressSpinnerModule, typeof i9.MatOptionModule, typeof i10.MatPaginatorModule, typeof i7.MatSelectModule], [typeof i1.UserUpgradeDataTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UserUpgradeModule>;
+}

package/di2mt/widgets/user-upgrade/user-upgrade.service.d.ts

@@ -0,0 +1,25 @@
+import { UserUpgradeRecord } from "./types/user-upgrade";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class UserUpgradeService {
+    private apiService;
+    customerId: string;
+    usersDataSource: UserUpgradeRecord[];
+    filteredUsersDataSource: UserUpgradeRecord[];
+    bulkUpgrade(users: UserUpgradeRecord[]): Observable<unknown>;
+    collectUsers(users: UserUpgradeRecord[]): Observable<unknown>;
+    generateUserUpgradeBody(users: UserUpgradeRecord[]): UserUpgradeBody;
+    getUserUpgradeStatusCounts(): Observable<any>;
+    getUserUpgradeRecords(pageSize: number, pageIndex: number): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserUpgradeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserUpgradeService>;
+}
+export type UserUpgradeBody = {
+    customerId: string;
+    entities: {
+        PERSON: {
+            cucmId: string;
+            entityId: string;
+        }[];
+    };
+};

package/esm2020/di2mt/api/api.endpoints.mjs

@@ -0,0 +1,27 @@
+export const API = {
+    OVERVIEW: {
+        GET_UPGRADE_PRECONDITIONS: '/api/webex-upgrade/customers/:customerId/preconditions/fetch',
+        GET_SITE_INFRASTRUCTURE: '/api/webex-upgrade/customers/:customerId/infra/fetch',
+        GET_USERS_UPGRADE_SUMMARY: '/api/webex-upgrade/customers/:customerId/users/upgrade/fetch',
+        GET_SITES_UPGRADE_SUMMARY: '/api/webex-upgrade/customers/:customerId/sites/upgrade/fetch',
+        GET_USERS_UPGRADE_READINESS: '/api/webex-upgrade/customers/:customerId/users/readiness/fetch',
+        GET_SITES_UPGRADE_READINESS: '/api/webex-upgrade/customers/:customerId/sites/readiness/fetch'
+    },
+    USER_UPGRADE: {
+        GET_USERS_UPGRADE_DATA: '/api/webex-upgrade/customers/:customerId/user-upgrade',
+        GET_USERS_UPGRADE_STATUS_COUNTS: '/api/webex-upgrade/customers/:customerId/user-upgrades/status-counts',
+        UPGRADE_USER: '/api/migration/webex/sites/:siteId/users/:userId',
+        SINGLE_COLLECT: '/api/migration/webex/singlecollect/features/:featureName',
+        SINGLE_MIGRATION: '/api/migration/webex/singlemigration/features/:featureName'
+    },
+    SITE_UPGRADE: {
+        GET_SITES_UPGRADE_DATA: '/api/webex-upgrade/customers/:customerId/site-upgrades',
+        GET_SITES_UPGRADE_STATUS_COUNTS: '/api/webex-upgrade/customers/:customerId/site-upgrades/status-counts',
+        WEBEX_CACHE_COLLECTION: '/api/migration/:migrationType/sites/:siteId/collectbuildwebexcache',
+        UPGRADE_SITE: '/api/migration/webex/sites/:siteId',
+        WEBEX_BATCH_STATUS: "/api/migration/webex/customer/:customerId/batchesstatus",
+        MIGRATE_SITE: "/api/migration/webex/sites/:siteId/migrate",
+        BATCH_STATUS: "/api/e2emigration/batches-status/:customerId"
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpLmVuZHBvaW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9hcGkvYXBpLmVuZHBvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUc7SUFDakIsUUFBUSxFQUFFO1FBQ1IseUJBQXlCLEVBQUUsOERBQThEO1FBQ3pGLHVCQUF1QixFQUFFLHNEQUFzRDtRQUMvRSx5QkFBeUIsRUFBRSw4REFBOEQ7UUFDekYseUJBQXlCLEVBQUUsOERBQThEO1FBQ3pGLDJCQUEyQixFQUFFLGdFQUFnRTtRQUM3RiwyQkFBMkIsRUFBRSxnRUFBZ0U7S0FDOUY7SUFDRCxZQUFZLEVBQUU7UUFDWixzQkFBc0IsRUFBRSx1REFBdUQ7UUFDL0UsK0JBQStCLEVBQUUsc0VBQXNFO1FBQ3ZHLFlBQVksRUFBRSxrREFBa0Q7UUFDaEUsY0FBYyxFQUFFLDBEQUEwRDtRQUMxRSxnQkFBZ0IsRUFBRSw0REFBNEQ7S0FDL0U7SUFDRCxZQUFZLEVBQUU7UUFDWixzQkFBc0IsRUFBRSx3REFBd0Q7UUFDaEYsK0JBQStCLEVBQUUsc0VBQXNFO1FBQ3ZHLHNCQUFzQixFQUFFLG9FQUFvRTtRQUM1RixZQUFZLEVBQUUsb0NBQW9DO1FBQ2xELGtCQUFrQixFQUFFLHlEQUF5RDtRQUM3RSxZQUFZLEVBQUUsNENBQTRDO1FBQzFELFlBQVksRUFBRSw4Q0FBOEM7S0FDN0Q7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEFQSSA9IHtcclxuICBPVkVSVklFVzoge1xyXG4gICAgR0VUX1VQR1JBREVfUFJFQ09ORElUSU9OUzogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvcHJlY29uZGl0aW9ucy9mZXRjaCcsXHJcbiAgICBHRVRfU0lURV9JTkZSQVNUUlVDVFVSRTogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvaW5mcmEvZmV0Y2gnLFxyXG4gICAgR0VUX1VTRVJTX1VQR1JBREVfU1VNTUFSWTogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvdXNlcnMvdXBncmFkZS9mZXRjaCcsXHJcbiAgICBHRVRfU0lURVNfVVBHUkFERV9TVU1NQVJZOiAnL2FwaS93ZWJleC11cGdyYWRlL2N1c3RvbWVycy86Y3VzdG9tZXJJZC9zaXRlcy91cGdyYWRlL2ZldGNoJyxcclxuICAgIEdFVF9VU0VSU19VUEdSQURFX1JFQURJTkVTUzogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvdXNlcnMvcmVhZGluZXNzL2ZldGNoJyxcclxuICAgIEdFVF9TSVRFU19VUEdSQURFX1JFQURJTkVTUzogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvc2l0ZXMvcmVhZGluZXNzL2ZldGNoJ1xyXG4gIH0sXHJcbiAgVVNFUl9VUEdSQURFOiB7XHJcbiAgICBHRVRfVVNFUlNfVVBHUkFERV9EQVRBOiAnL2FwaS93ZWJleC11cGdyYWRlL2N1c3RvbWVycy86Y3VzdG9tZXJJZC91c2VyLXVwZ3JhZGUnLFxyXG4gICAgR0VUX1VTRVJTX1VQR1JBREVfU1RBVFVTX0NPVU5UUzogJy9hcGkvd2ViZXgtdXBncmFkZS9jdXN0b21lcnMvOmN1c3RvbWVySWQvdXNlci11cGdyYWRlcy9zdGF0dXMtY291bnRzJyxcclxuICAgIFVQR1JBREVfVVNFUjogJy9hcGkvbWlncmF0aW9uL3dlYmV4L3NpdGVzLzpzaXRlSWQvdXNlcnMvOnVzZXJJZCcsXHJcbiAgICBTSU5HTEVfQ09MTEVDVDogJy9hcGkvbWlncmF0aW9uL3dlYmV4L3NpbmdsZWNvbGxlY3QvZmVhdHVyZXMvOmZlYXR1cmVOYW1lJyxcclxuICAgIFNJTkdMRV9NSUdSQVRJT046ICcvYXBpL21pZ3JhdGlvbi93ZWJleC9zaW5nbGVtaWdyYXRpb24vZmVhdHVyZXMvOmZlYXR1cmVOYW1lJ1xyXG4gIH0sXHJcbiAgU0lURV9VUEdSQURFOiB7XHJcbiAgICBHRVRfU0lURVNfVVBHUkFERV9EQVRBOiAnL2FwaS93ZWJleC11cGdyYWRlL2N1c3RvbWVycy86Y3VzdG9tZXJJZC9zaXRlLXVwZ3JhZGVzJyxcclxuICAgIEdFVF9TSVRFU19VUEdSQURFX1NUQVRVU19DT1VOVFM6ICcvYXBpL3dlYmV4LXVwZ3JhZGUvY3VzdG9tZXJzLzpjdXN0b21lcklkL3NpdGUtdXBncmFkZXMvc3RhdHVzLWNvdW50cycsXHJcbiAgICBXRUJFWF9DQUNIRV9DT0xMRUNUSU9OOiAnL2FwaS9taWdyYXRpb24vOm1pZ3JhdGlvblR5cGUvc2l0ZXMvOnNpdGVJZC9jb2xsZWN0YnVpbGR3ZWJleGNhY2hlJyxcclxuICAgIFVQR1JBREVfU0lURTogJy9hcGkvbWlncmF0aW9uL3dlYmV4L3NpdGVzLzpzaXRlSWQnLFxyXG4gICAgV0VCRVhfQkFUQ0hfU1RBVFVTOiBcIi9hcGkvbWlncmF0aW9uL3dlYmV4L2N1c3RvbWVyLzpjdXN0b21lcklkL2JhdGNoZXNzdGF0dXNcIixcclxuICAgIE1JR1JBVEVfU0lURTogXCIvYXBpL21pZ3JhdGlvbi93ZWJleC9zaXRlcy86c2l0ZUlkL21pZ3JhdGVcIixcclxuICAgIEJBVENIX1NUQVRVUzogXCIvYXBpL2UyZW1pZ3JhdGlvbi9iYXRjaGVzLXN0YXR1cy86Y3VzdG9tZXJJZFwiXHJcbiAgfVxyXG59O1xyXG4iXX0=

package/esm2020/di2mt/public-api.mjs

@@ -0,0 +1,24 @@
+/*
+ * Public API Surface of @tuki-io/tuki-widgets
+ */
+// Shared Components
+// export * from './shared/shared.module';
+// Widget Modules
+export * from './widgets/user-upgrade/user-upgrade.module';
+export * from './widgets/site-upgrade/site-upgrade.module';
+export * from './widgets/upgrade-overview/upgrade-overview.module';
+// Components
+// export * from './shared/components/index';
+export * from './widgets/user-upgrade/user-upgrade-data-table/user-upgrade-data-table.component';
+export * from './widgets/site-upgrade/site-upgrade-data-table/site-upgrade-data-table.component';
+export * from './widgets/upgrade-overview/cards/already-upgraded-sites/already-upgraded-sites-card.component';
+export * from './widgets/upgrade-overview/cards/already-upgraded-users/already-upgraded-users-card.component';
+export * from './widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component';
+export * from './widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component';
+export * from './widgets/upgrade-overview/cards/preconditions-status-list/preconditions-status-list-card.component';
+export * from './widgets/upgrade-overview/cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component';
+export * from './widgets/upgrade-overview/cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component';
+export * from './widgets/site-upgrade/progress-bar/progress-bar.component';
+// Types
+// export * from './shared/types/data-table';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsb0JBQW9CO0FBQ3BCLDBDQUEwQztBQUUxQyxpQkFBaUI7QUFDakIsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsb0RBQW9ELENBQUM7QUFFbkUsYUFBYTtBQUNiLDZDQUE2QztBQUM3QyxjQUFjLGtGQUFrRixDQUFDO0FBQ2pHLGNBQWMsa0ZBQWtGLENBQUM7QUFDakcsY0FBYywrRkFBK0YsQ0FBQztBQUM5RyxjQUFjLCtGQUErRixDQUFDO0FBQzlHLGNBQWMsK0ZBQStGLENBQUM7QUFDOUcsY0FBYywrRkFBK0YsQ0FBQztBQUM5RyxjQUFjLHFHQUFxRyxDQUFDO0FBQ3BILGNBQWMsaUhBQWlILENBQUM7QUFDaEksY0FBYywrR0FBK0csQ0FBQztBQUM5SCxjQUFjLDREQUE0RCxDQUFDO0FBRTNFLFFBQVE7QUFDUiw2Q0FBNkMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQHR1a2ktaW8vdHVraS13aWRnZXRzXHJcbiAqL1xyXG5cclxuLy8gU2hhcmVkIENvbXBvbmVudHNcclxuLy8gZXhwb3J0ICogZnJvbSAnLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcblxyXG4vLyBXaWRnZXQgTW9kdWxlc1xyXG5leHBvcnQgKiBmcm9tICcuL3dpZGdldHMvdXNlci11cGdyYWRlL3VzZXItdXBncmFkZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dpZGdldHMvc2l0ZS11cGdyYWRlL3NpdGUtdXBncmFkZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dpZGdldHMvdXBncmFkZS1vdmVydmlldy91cGdyYWRlLW92ZXJ2aWV3Lm1vZHVsZSc7XHJcblxyXG4vLyBDb21wb25lbnRzXHJcbi8vIGV4cG9ydCAqIGZyb20gJy4vc2hhcmVkL2NvbXBvbmVudHMvaW5kZXgnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dpZGdldHMvdXNlci11cGdyYWRlL3VzZXItdXBncmFkZS1kYXRhLXRhYmxlL3VzZXItdXBncmFkZS1kYXRhLXRhYmxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd2lkZ2V0cy9zaXRlLXVwZ3JhZGUvc2l0ZS11cGdyYWRlLWRhdGEtdGFibGUvc2l0ZS11cGdyYWRlLWRhdGEtdGFibGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvYWxyZWFkeS11cGdyYWRlZC1zaXRlcy9hbHJlYWR5LXVwZ3JhZGVkLXNpdGVzLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvYWxyZWFkeS11cGdyYWRlZC11c2Vycy9hbHJlYWR5LXVwZ3JhZGVkLXVzZXJzLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvcmVhZHktdG8tdXBncmFkZS1zaXRlcy9yZWFkeS10by11cGdyYWRlLXNpdGVzLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvcmVhZHktdG8tdXBncmFkZS11c2Vycy9yZWFkeS10by11cGdyYWRlLXVzZXJzLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvcHJlY29uZGl0aW9ucy1zdGF0dXMtbGlzdC9wcmVjb25kaXRpb25zLXN0YXR1cy1saXN0LWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvc2l0ZS1pbmZyYXN0cnVjdHVyZS1zdGF0dXMtbGlzdC9zaXRlLWluZnJhc3RydWN0dXJlLXN0YXR1cy1saXN0LWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93aWRnZXRzL3VwZ3JhZGUtb3ZlcnZpZXcvY2FyZHMvdXBncmFkZS1zdGF0ZS1jb21wYXJpc29uLWNoYXJ0L3VwZ3JhZGUtc3RhdGUtY29tcGFyaXNvbi1jaGFydC1jYXJkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd2lkZ2V0cy9zaXRlLXVwZ3JhZGUvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5cclxuLy8gVHlwZXNcclxuLy8gZXhwb3J0ICogZnJvbSAnLi9zaGFyZWQvdHlwZXMvZGF0YS10YWJsZSc7Il19

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

@@ -0,0 +1,13 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardComponent, selector: "tk-card", inputs: { title: "title" }, ngImport: i0, template: "<article class=\"card\">\r\n    <header class=\"card__header\">\r\n        <h2>{{ title }}</h2>\r\n        <div class=\"card__menu-button\">\r\n            <img width=\"18\" src=\"assets/icons/menu_icon.png\" alt=\"Menu Icon\">\r\n        </div>\r\n    </header>\r\n    <div class=\"card__content\">\r\n        <ng-content select=\"card-content\"></ng-content>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box}.card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:2rem;border:1px solid hsl(0,0%,50%);min-width:300px;max-width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;gap:2.5rem}.card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.card__header h2{font-size:16px;margin:0}.card__header .card__menu-button{position:relative;display:flex;align-items:center}.card__content{display:flex;flex-direction:column;gap:2.5rem;flex-grow:1}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-card', template: "<article class=\"card\">\r\n    <header class=\"card__header\">\r\n        <h2>{{ title }}</h2>\r\n        <div class=\"card__menu-button\">\r\n            <img width=\"18\" src=\"assets/icons/menu_icon.png\" alt=\"Menu Icon\">\r\n        </div>\r\n    </header>\r\n    <div class=\"card__content\">\r\n        <ng-content select=\"card-content\"></ng-content>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box}.card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:2rem;border:1px solid hsl(0,0%,50%);min-width:300px;max-width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;gap:2.5rem}.card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.card__header h2{font-size:16px;margin:0}.card__header .card__menu-button{position:relative;display:flex;align-items:center}.card__content{display:flex;flex-direction:column;gap:2.5rem;flex-grow:1}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvZGkybXQvc2hhcmVkL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOytGQUFiLGFBQWEsMkVDUDFCLDBZQVdBOzRGREphLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0ksU0FBUzs4QkFLVixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ay1jYXJkJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxufSIsIjxhcnRpY2xlIGNsYXNzPVwiY2FyZFwiPlxyXG4gICAgPGhlYWRlciBjbGFzcz1cImNhcmRfX2hlYWRlclwiPlxyXG4gICAgICAgIDxoMj57eyB0aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX21lbnUtYnV0dG9uXCI+XHJcbiAgICAgICAgICAgIDxpbWcgd2lkdGg9XCIxOFwiIHNyYz1cImFzc2V0cy9pY29ucy9tZW51X2ljb24ucG5nXCIgYWx0PVwiTWVudSBJY29uXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2hlYWRlcj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkX19jb250ZW50XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiY2FyZC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvYXJ0aWNsZT5cclxuIl19

package/esm2020/di2mt/shared/components/chart-card/chart-card.component.mjs

@@ -0,0 +1,62 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "ng-apexcharts";
+import * as i2 from "../card/card.component";
+export class ChartCardComponent {
+    ngOnInit() {
+        this.initChartOptions();
+    }
+    initChartOptions() {
+        if (this.totalUpgraded === 0)
+            this.totalNotUpgraded = 100;
+        this.chartOptions = {
+            series: [this.totalUpgraded, this.totalNotUpgraded],
+            chart: {
+                type: "donut",
+                height: 250
+            },
+            labels: ["MT", "DI"],
+            colors: ["#808080", "#2E8B57"],
+            legend: {
+                position: "right",
+                offsetY: 0,
+                fontSize: "14px",
+                markers: {
+                    width: 16,
+                    height: 16,
+                    radius: 2
+                },
+                itemMargin: {
+                    horizontal: 20,
+                    vertical: 2
+                },
+                formatter: function (seriesName, opts) {
+                    return seriesName + " " + ((opts.w.globals.series[opts.seriesIndex] / (opts.w.globals.series[0] + opts.w.globals.series[1]) * 100) >> 0) + "%";
+                }
+            },
+            plotOptions: {
+                pie: {
+                    donut: {
+                        size: "75%"
+                    }
+                }
+            },
+            dataLabels: {
+                enabled: false
+            }
+        };
+    }
+}
+ChartCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChartCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartCardComponent, selector: "tk-chart-card", inputs: { title: "title", totalUpgraded: "totalUpgraded", totalNotUpgraded: "totalNotUpgraded" }, ngImport: i0, template: "<tk-card [title]=\"title\">\r\n    <ng-container ngProjectAs=\"card-content\">\r\n        <div class=\"chart-container\">\r\n            <apx-chart\r\n                [series]=\"chartOptions.series\"\r\n                [chart]=\"chartOptions.chart\"\r\n                [labels]=\"chartOptions.labels\"\r\n                [colors]=\"chartOptions.colors\"\r\n                [legend]=\"chartOptions.legend\"\r\n                [plotOptions]=\"chartOptions.plotOptions\"\r\n                [dataLabels]=\"chartOptions.dataLabels\">\r\n            </apx-chart>\r\n        </div>\r\n    </ng-container>\r\n</tk-card>", styles: [":host{width:100%;display:block;height:100%;box-sizing:border-box}.chart-container{width:100%;height:220px;display:flex;justify-content:flex-start;align-items:center;padding:0}.chart-container apx-chart{width:100%;max-width:400px}:host ::ng-deep .apexcharts-legend{display:flex!important;flex-direction:column!important;justify-content:center!important}:host ::ng-deep .apexcharts-legend .apexcharts-legend-marker{border-radius:2px!important}:host ::ng-deep .apexcharts-legend .apexcharts-legend-text{font-weight:500!important;color:#333!important}\n"], dependencies: [{ kind: "component", type: i1.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }, { kind: "component", type: i2.CardComponent, selector: "tk-card", inputs: ["title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-chart-card', template: "<tk-card [title]=\"title\">\r\n    <ng-container ngProjectAs=\"card-content\">\r\n        <div class=\"chart-container\">\r\n            <apx-chart\r\n                [series]=\"chartOptions.series\"\r\n                [chart]=\"chartOptions.chart\"\r\n                [labels]=\"chartOptions.labels\"\r\n                [colors]=\"chartOptions.colors\"\r\n                [legend]=\"chartOptions.legend\"\r\n                [plotOptions]=\"chartOptions.plotOptions\"\r\n                [dataLabels]=\"chartOptions.dataLabels\">\r\n            </apx-chart>\r\n        </div>\r\n    </ng-container>\r\n</tk-card>", styles: [":host{width:100%;display:block;height:100%;box-sizing:border-box}.chart-container{width:100%;height:220px;display:flex;justify-content:flex-start;align-items:center;padding:0}.chart-container apx-chart{width:100%;max-width:400px}:host ::ng-deep .apexcharts-legend{display:flex!important;flex-direction:column!important;justify-content:center!important}:host ::ng-deep .apexcharts-legend .apexcharts-legend-marker{border-radius:2px!important}:host ::ng-deep .apexcharts-legend .apexcharts-legend-text{font-weight:500!important;color:#333!important}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], totalUpgraded: [{
+                type: Input
+            }], totalNotUpgraded: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvZGkybXQvc2hhcmVkL2NvbXBvbmVudHMvY2hhcnQtY2FyZC9jaGFydC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9jaGFydC1jYXJkL2NoYXJ0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFrQnpELE1BQU0sT0FBTyxrQkFBa0I7SUFPM0IsUUFBUTtRQUNKLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxnQkFBZ0I7UUFDcEIsSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztRQUVoQyxJQUFJLENBQUMsWUFBWSxHQUFHO1lBQ2hCLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1lBQ25ELEtBQUssRUFBRTtnQkFDSCxJQUFJLEVBQUUsT0FBTztnQkFDYixNQUFNLEVBQUUsR0FBRzthQUNkO1lBQ0QsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQztZQUNwQixNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO1lBQzlCLE1BQU0sRUFBRTtnQkFDSixRQUFRLEVBQUUsT0FBTztnQkFDakIsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsUUFBUSxFQUFFLE1BQU07Z0JBQ2hCLE9BQU8sRUFBRTtvQkFDTCxLQUFLLEVBQUUsRUFBRTtvQkFDVCxNQUFNLEVBQUUsRUFBRTtvQkFDVixNQUFNLEVBQUUsQ0FBQztpQkFDWjtnQkFDRCxVQUFVLEVBQUU7b0JBQ1IsVUFBVSxFQUFFLEVBQUU7b0JBQ2QsUUFBUSxFQUFFLENBQUM7aUJBQ2Q7Z0JBQ0QsU0FBUyxFQUFFLFVBQVUsVUFBVSxFQUFFLElBQUk7b0JBQ2pDLE9BQU8sVUFBVSxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7Z0JBQ25KLENBQUM7YUFDSjtZQUNELFdBQVcsRUFBRTtnQkFDVCxHQUFHLEVBQUU7b0JBQ0QsS0FBSyxFQUFFO3dCQUNILElBQUksRUFBRSxLQUFLO3FCQUNkO2lCQUNKO2FBQ0o7WUFDRCxVQUFVLEVBQUU7Z0JBQ1IsT0FBTyxFQUFFLEtBQUs7YUFDakI7U0FDSixDQUFDO0lBQ04sQ0FBQzs7Z0hBbkRRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLHVKQ2xCL0IscW1CQWNVOzRGRElHLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDSSxlQUFlOzhCQUtoQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBcGV4Q2hhcnQsIEFwZXhQbG90T3B0aW9ucywgQXBleExlZ2VuZCwgQXBleERhdGFMYWJlbHMsIEFwZXhOb25BeGlzQ2hhcnRTZXJpZXMgfSBmcm9tIFwibmctYXBleGNoYXJ0c1wiO1xyXG5cclxuZXhwb3J0IHR5cGUgQ2hhcnRPcHRpb25zID0ge1xyXG4gICAgc2VyaWVzOiBBcGV4Tm9uQXhpc0NoYXJ0U2VyaWVzO1xyXG4gICAgY2hhcnQ6IEFwZXhDaGFydDtcclxuICAgIGxhYmVsczogc3RyaW5nW107XHJcbiAgICBjb2xvcnM6IHN0cmluZ1tdO1xyXG4gICAgbGVnZW5kOiBBcGV4TGVnZW5kO1xyXG4gICAgcGxvdE9wdGlvbnM6IEFwZXhQbG90T3B0aW9ucztcclxuICAgIGRhdGFMYWJlbHM6IEFwZXhEYXRhTGFiZWxzO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RrLWNoYXJ0LWNhcmQnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NoYXJ0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vY2hhcnQtY2FyZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGFydENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0b3RhbFVwZ3JhZGVkITogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgdG90YWxOb3RVcGdyYWRlZCE6IG51bWJlcjtcclxuXHJcbiAgICBwdWJsaWMgY2hhcnRPcHRpb25zITogQ2hhcnRPcHRpb25zO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuaW5pdENoYXJ0T3B0aW9ucygpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgaW5pdENoYXJ0T3B0aW9ucygpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy50b3RhbFVwZ3JhZGVkID09PSAwKVxyXG4gICAgICAgICAgICB0aGlzLnRvdGFsTm90VXBncmFkZWQgPSAxMDA7XHJcblxyXG4gICAgICAgIHRoaXMuY2hhcnRPcHRpb25zID0ge1xyXG4gICAgICAgICAgICBzZXJpZXM6IFt0aGlzLnRvdGFsVXBncmFkZWQsIHRoaXMudG90YWxOb3RVcGdyYWRlZF0sXHJcbiAgICAgICAgICAgIGNoYXJ0OiB7XHJcbiAgICAgICAgICAgICAgICB0eXBlOiBcImRvbnV0XCIsXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDI1MFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICBsYWJlbHM6IFtcIk1UXCIsIFwiRElcIl0sXHJcbiAgICAgICAgICAgIGNvbG9yczogW1wiIzgwODA4MFwiLCBcIiMyRThCNTdcIl0sXHJcbiAgICAgICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmlnaHRcIixcclxuICAgICAgICAgICAgICAgIG9mZnNldFk6IDAsXHJcbiAgICAgICAgICAgICAgICBmb250U2l6ZTogXCIxNHB4XCIsXHJcbiAgICAgICAgICAgICAgICBtYXJrZXJzOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDE2LFxyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgcmFkaXVzOiAyXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgaXRlbU1hcmdpbjoge1xyXG4gICAgICAgICAgICAgICAgICAgIGhvcml6b250YWw6IDIwLFxyXG4gICAgICAgICAgICAgICAgICAgIHZlcnRpY2FsOiAyXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgZm9ybWF0dGVyOiBmdW5jdGlvbiAoc2VyaWVzTmFtZSwgb3B0cykge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBzZXJpZXNOYW1lICsgXCIgXCIgKyAoKG9wdHMudy5nbG9iYWxzLnNlcmllc1tvcHRzLnNlcmllc0luZGV4XSAvIChvcHRzLncuZ2xvYmFscy5zZXJpZXNbMF0gKyBvcHRzLncuZ2xvYmFscy5zZXJpZXNbMV0pICogMTAwKSA+PiAwKSArIFwiJVwiO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICBwbG90T3B0aW9uczoge1xyXG4gICAgICAgICAgICAgICAgcGllOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZG9udXQ6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZTogXCI3NSVcIlxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgZGF0YUxhYmVsczoge1xyXG4gICAgICAgICAgICAgICAgZW5hYmxlZDogZmFsc2VcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn0iLCI8dGstY2FyZCBbdGl0bGVdPVwidGl0bGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJjYXJkLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2hhcnQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxhcHgtY2hhcnRcclxuICAgICAgICAgICAgICAgIFtzZXJpZXNdPVwiY2hhcnRPcHRpb25zLnNlcmllc1wiXHJcbiAgICAgICAgICAgICAgICBbY2hhcnRdPVwiY2hhcnRPcHRpb25zLmNoYXJ0XCJcclxuICAgICAgICAgICAgICAgIFtsYWJlbHNdPVwiY2hhcnRPcHRpb25zLmxhYmVsc1wiXHJcbiAgICAgICAgICAgICAgICBbY29sb3JzXT1cImNoYXJ0T3B0aW9ucy5jb2xvcnNcIlxyXG4gICAgICAgICAgICAgICAgW2xlZ2VuZF09XCJjaGFydE9wdGlvbnMubGVnZW5kXCJcclxuICAgICAgICAgICAgICAgIFtwbG90T3B0aW9uc109XCJjaGFydE9wdGlvbnMucGxvdE9wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgW2RhdGFMYWJlbHNdPVwiY2hhcnRPcHRpb25zLmRhdGFMYWJlbHNcIj5cclxuICAgICAgICAgICAgPC9hcHgtY2hhcnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC90ay1jYXJkPiJdfQ==

package/esm2020/di2mt/shared/components/stat-card/stat-card.component.mjs

@@ -0,0 +1,47 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../card/card.component";
+export class StatCardComponent {
+    ngOnInit() {
+        if (this.type === 'user') {
+            this.stats = {
+                id: this.readinessStats?.id,
+                customerId: this.readinessStats?.customerId,
+                total: this.readinessStats?.['totalUsers'],
+                totalReady: this.readinessStats?.['totalReadyUsers'],
+                totalUpgraded: this.readinessStats?.['totalUpgradedUsers'],
+            };
+        }
+        else {
+            this.stats = {
+                id: this.readinessStats?.id,
+                customerId: this.readinessStats?.customerId,
+                total: this.readinessStats?.['totalSites'],
+                totalReady: this.readinessStats?.['totalReadySites'],
+                totalUpgraded: this.readinessStats?.['totalUpgradedSites'],
+            };
+        }
+    }
+    get readyPercentage() {
+        return (this.stats?.totalReady / this.stats?.total * 100) >> 0;
+    }
+    get upgradedPercentage() {
+        return (this.stats?.totalUpgraded / this.stats?.total * 100) >> 0;
+    }
+}
+StatCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StatCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatCardComponent, selector: "tk-stat-card", inputs: { title: "title", type: "type", readinessStats: "readinessStats", upgradeStatus: "upgradeStatus" }, ngImport: i0, template: "<tk-card [title]=\"title\">\r\n  <ng-container ngProjectAs=\"card-content\">\r\n    <div class=\"card__content-info\">\r\n      <div class=\"card__content-wrapper\">\r\n        <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n        <div class=\"card__content-text\">\r\n          <div class=\"card__content-label\">\r\n            {{ upgradeStatus === 'ready' ? stats?.totalReady : stats?.totalUpgraded }}\r\n            {{ type === 'user' ? 'Users' : 'Sites' }}</div>\r\n          <div class=\"card__content-description\">{{ upgradeStatus === 'ready' ? 'Ready to Upgrade' : 'Already Upgraded' }}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"card__content-wrapper\">\r\n        <img\r\n          *ngIf=\"upgradeStatus === 'ready'\"\r\n          height=\"48\"\r\n          src=\"assets/icons/ready_to_upgrade.png\"\r\n          alt=\"\"\r\n        />\r\n        <img\r\n          *ngIf=\"upgradeStatus === 'already'\"\r\n          height=\"48\"\r\n          src=\"assets/icons/already_upgraded.png\"\r\n          alt=\"\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"card__content-progress-wrapper\">\r\n      <div class=\"card__content-progress\">\r\n        <div class=\"card__content-progress-label\">\r\n          <span>{{ readyPercentage }}%</span>\r\n          <span>From all {{ stats?.total }} {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n        </div>\r\n        <div class=\"card__content-progress-bar\">\r\n          <div\r\n            class=\"card__content-progress-bar-fill ready\"\r\n            [class.already]=\"upgradeStatus === 'already'\"\r\n            [style.width.%]=\"readyPercentage\"\r\n          ></div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"upgradeStatus === 'already'\" class=\"card__content-progress\">\r\n        <div class=\"card__content-progress-label\">\r\n          <span>{{ upgradedPercentage }}%</span>\r\n          <span>From all {{ stats?.totalReady }} ready {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n        </div>\r\n        <div class=\"card__content-progress-bar\">\r\n          <div\r\n            class=\"card__content-progress-bar-fill ready\"\r\n            [class.already]=\"upgradeStatus === 'already'\"\r\n            [style.width.%]=\"upgradedPercentage\"\r\n          ></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</tk-card>\r\n", styles: [":host{display:block;height:100%;box-sizing:border-box}.card__content-info{display:flex;align-items:center;justify-content:space-between}.card__content-text{display:flex;flex-direction:column;gap:.25rem}.card__content-text .card__content-label{font-size:20px}.card__content-text .card__content-description{font-size:12px}.card__content-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}.card__content-wrapper:first-child{display:flex;gap:.5rem}.card__content-progress-wrapper{display:flex;flex-direction:column;gap:1rem}.card__content-progress{display:flex;flex-direction:column;gap:.25rem;font-size:14px}.card__content-progress .card__content-progress-label{display:flex;align-items:center;justify-content:space-between;padding:.05rem}.card__content-progress .card__content-progress-bar{background-color:#ededed;border-radius:10rem}.card__content-progress .card__content-progress-bar .card__content-progress-bar-fill{height:10px;border-radius:inherit}.ready{background-color:#1170cf}.already{background-color:#1d805f}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CardComponent, selector: "tk-card", inputs: ["title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-stat-card', template: "<tk-card [title]=\"title\">\r\n  <ng-container ngProjectAs=\"card-content\">\r\n    <div class=\"card__content-info\">\r\n      <div class=\"card__content-wrapper\">\r\n        <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n        <div class=\"card__content-text\">\r\n          <div class=\"card__content-label\">\r\n            {{ upgradeStatus === 'ready' ? stats?.totalReady : stats?.totalUpgraded }}\r\n            {{ type === 'user' ? 'Users' : 'Sites' }}</div>\r\n          <div class=\"card__content-description\">{{ upgradeStatus === 'ready' ? 'Ready to Upgrade' : 'Already Upgraded' }}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"card__content-wrapper\">\r\n        <img\r\n          *ngIf=\"upgradeStatus === 'ready'\"\r\n          height=\"48\"\r\n          src=\"assets/icons/ready_to_upgrade.png\"\r\n          alt=\"\"\r\n        />\r\n        <img\r\n          *ngIf=\"upgradeStatus === 'already'\"\r\n          height=\"48\"\r\n          src=\"assets/icons/already_upgraded.png\"\r\n          alt=\"\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"card__content-progress-wrapper\">\r\n      <div class=\"card__content-progress\">\r\n        <div class=\"card__content-progress-label\">\r\n          <span>{{ readyPercentage }}%</span>\r\n          <span>From all {{ stats?.total }} {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n        </div>\r\n        <div class=\"card__content-progress-bar\">\r\n          <div\r\n            class=\"card__content-progress-bar-fill ready\"\r\n            [class.already]=\"upgradeStatus === 'already'\"\r\n            [style.width.%]=\"readyPercentage\"\r\n          ></div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"upgradeStatus === 'already'\" class=\"card__content-progress\">\r\n        <div class=\"card__content-progress-label\">\r\n          <span>{{ upgradedPercentage }}%</span>\r\n          <span>From all {{ stats?.totalReady }} ready {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n        </div>\r\n        <div class=\"card__content-progress-bar\">\r\n          <div\r\n            class=\"card__content-progress-bar-fill ready\"\r\n            [class.already]=\"upgradeStatus === 'already'\"\r\n            [style.width.%]=\"upgradedPercentage\"\r\n          ></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</tk-card>\r\n", styles: [":host{display:block;height:100%;box-sizing:border-box}.card__content-info{display:flex;align-items:center;justify-content:space-between}.card__content-text{display:flex;flex-direction:column;gap:.25rem}.card__content-text .card__content-label{font-size:20px}.card__content-text .card__content-description{font-size:12px}.card__content-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}.card__content-wrapper:first-child{display:flex;gap:.5rem}.card__content-progress-wrapper{display:flex;flex-direction:column;gap:1rem}.card__content-progress{display:flex;flex-direction:column;gap:.25rem;font-size:14px}.card__content-progress .card__content-progress-label{display:flex;align-items:center;justify-content:space-between;padding:.05rem}.card__content-progress .card__content-progress-bar{background-color:#ededed;border-radius:10rem}.card__content-progress .card__content-progress-bar .card__content-progress-bar-fill{height:10px;border-radius:inherit}.ready{background-color:#1170cf}.already{background-color:#1d805f}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], readinessStats: [{
+                type: Input
+            }], upgradeStatus: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9zdGF0LWNhcmQvc3RhdC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9zdGF0LWNhcmQvc3RhdC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxpQkFBaUI7SUFRMUIsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUU7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRztnQkFDVCxFQUFFLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFO2dCQUMzQixVQUFVLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVO2dCQUMzQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLFlBQVksQ0FBQztnQkFDMUMsVUFBVSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztnQkFDcEQsYUFBYSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQzthQUM3RCxDQUFBO1NBQ0o7YUFBTTtZQUNILElBQUksQ0FBQyxLQUFLLEdBQUc7Z0JBQ1QsRUFBRSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRTtnQkFDM0IsVUFBVSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsVUFBVTtnQkFDM0MsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxZQUFZLENBQUM7Z0JBQzFDLFVBQVUsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ3BELGFBQWEsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsb0JBQW9CLENBQUM7YUFDN0QsQ0FBQTtTQUNKO0lBQ0wsQ0FBQztJQUVELElBQUksZUFBZTtRQUNmLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELElBQUksa0JBQWtCO1FBQ2xCLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEUsQ0FBQzs7K0dBbENRLGlCQUFpQjttR0FBakIsaUJBQWlCLGdLQ1I5QiwrMkVBeURBOzRGRGpEYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0ksY0FBYzs4QkFLZixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFNpdGVzVXBncmFkZVJlYWRpbmVzcywgU2l0ZXNVcGdyYWRlU3VtbWFyeSwgVXNlcnNVcGdyYWRlUmVhZGluZXNzLCBVc2Vyc1VwZ3JhZGVTdW1tYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL3dpZGdldHMvdXBncmFkZS1vdmVydmlldy90eXBlcy91cGdyYWRlLW92ZXJ2aWV3XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGstc3RhdC1jYXJkJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdGF0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RhdC1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXRDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIHRpdGxlITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdHlwZSE6ICdzaXRlJyB8ICd1c2VyJztcclxuICAgIEBJbnB1dCgpIHJlYWRpbmVzc1N0YXRzOiBhbnk7XHJcbiAgICBASW5wdXQoKSB1cGdyYWRlU3RhdHVzITogJ3JlYWR5JyB8ICdhbHJlYWR5JztcclxuXHJcbiAgICBzdGF0czogYW55O1xyXG5cclxuICAgIG5nT25Jbml0KCkgeyAgICAgICAgXHJcbiAgICAgICAgaWYgKHRoaXMudHlwZSA9PT0gJ3VzZXInKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc3RhdHMgPSB7XHJcbiAgICAgICAgICAgICAgICBpZDogdGhpcy5yZWFkaW5lc3NTdGF0cz8uaWQsXHJcbiAgICAgICAgICAgICAgICBjdXN0b21lcklkOiB0aGlzLnJlYWRpbmVzc1N0YXRzPy5jdXN0b21lcklkLFxyXG4gICAgICAgICAgICAgICAgdG90YWw6IHRoaXMucmVhZGluZXNzU3RhdHM/LlsndG90YWxVc2VycyddLFxyXG4gICAgICAgICAgICAgICAgdG90YWxSZWFkeTogdGhpcy5yZWFkaW5lc3NTdGF0cz8uWyd0b3RhbFJlYWR5VXNlcnMnXSxcclxuICAgICAgICAgICAgICAgIHRvdGFsVXBncmFkZWQ6IHRoaXMucmVhZGluZXNzU3RhdHM/LlsndG90YWxVcGdyYWRlZFVzZXJzJ10sXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLnN0YXRzID0ge1xyXG4gICAgICAgICAgICAgICAgaWQ6IHRoaXMucmVhZGluZXNzU3RhdHM/LmlkLFxyXG4gICAgICAgICAgICAgICAgY3VzdG9tZXJJZDogdGhpcy5yZWFkaW5lc3NTdGF0cz8uY3VzdG9tZXJJZCxcclxuICAgICAgICAgICAgICAgIHRvdGFsOiB0aGlzLnJlYWRpbmVzc1N0YXRzPy5bJ3RvdGFsU2l0ZXMnXSxcclxuICAgICAgICAgICAgICAgIHRvdGFsUmVhZHk6IHRoaXMucmVhZGluZXNzU3RhdHM/LlsndG90YWxSZWFkeVNpdGVzJ10sXHJcbiAgICAgICAgICAgICAgICB0b3RhbFVwZ3JhZGVkOiB0aGlzLnJlYWRpbmVzc1N0YXRzPy5bJ3RvdGFsVXBncmFkZWRTaXRlcyddLFxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGdldCByZWFkeVBlcmNlbnRhZ2UoKSB7XHJcbiAgICAgICAgcmV0dXJuICh0aGlzLnN0YXRzPy50b3RhbFJlYWR5IC8gdGhpcy5zdGF0cz8udG90YWwgKiAxMDApID4+IDA7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IHVwZ3JhZGVkUGVyY2VudGFnZSgpIHtcclxuICAgICAgICByZXR1cm4gKHRoaXMuc3RhdHM/LnRvdGFsVXBncmFkZWQgLyB0aGlzLnN0YXRzPy50b3RhbCAqIDEwMCkgPj4gMDtcclxuICAgIH1cclxufSIsIjx0ay1jYXJkIFt0aXRsZV09XCJ0aXRsZVwiPlxyXG4gIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJjYXJkLWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkX19jb250ZW50LWluZm9cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgIDxpbWcgd2lkdGg9XCI0MlwiIFtzcmNdPVwiJ2Fzc2V0cy9pY29ucy8nICsgdHlwZSArICcucG5nJ1wiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtdGV4dFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtbGFiZWxcIj5cclxuICAgICAgICAgICAge3sgdXBncmFkZVN0YXR1cyA9PT0gJ3JlYWR5JyA/IHN0YXRzPy50b3RhbFJlYWR5IDogc3RhdHM/LnRvdGFsVXBncmFkZWQgfX1cclxuICAgICAgICAgICAge3sgdHlwZSA9PT0gJ3VzZXInID8gJ1VzZXJzJyA6ICdTaXRlcycgfX08L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkX19jb250ZW50LWRlc2NyaXB0aW9uXCI+e3sgdXBncmFkZVN0YXR1cyA9PT0gJ3JlYWR5JyA/ICdSZWFkeSB0byBVcGdyYWRlJyA6ICdBbHJlYWR5IFVwZ3JhZGVkJyB9fTwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgIDxpbWdcclxuICAgICAgICAgICpuZ0lmPVwidXBncmFkZVN0YXR1cyA9PT0gJ3JlYWR5J1wiXHJcbiAgICAgICAgICBoZWlnaHQ9XCI0OFwiXHJcbiAgICAgICAgICBzcmM9XCJhc3NldHMvaWNvbnMvcmVhZHlfdG9fdXBncmFkZS5wbmdcIlxyXG4gICAgICAgICAgYWx0PVwiXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxpbWdcclxuICAgICAgICAgICpuZ0lmPVwidXBncmFkZVN0YXR1cyA9PT0gJ2FscmVhZHknXCJcclxuICAgICAgICAgIGhlaWdodD1cIjQ4XCJcclxuICAgICAgICAgIHNyYz1cImFzc2V0cy9pY29ucy9hbHJlYWR5X3VwZ3JhZGVkLnBuZ1wiXHJcbiAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZF9fY29udGVudC1wcm9ncmVzcy13cmFwcGVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkX19jb250ZW50LXByb2dyZXNzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtcHJvZ3Jlc3MtbGFiZWxcIj5cclxuICAgICAgICAgIDxzcGFuPnt7IHJlYWR5UGVyY2VudGFnZSB9fSU8L3NwYW4+XHJcbiAgICAgICAgICA8c3Bhbj5Gcm9tIGFsbCB7eyBzdGF0cz8udG90YWwgfX0ge3sgdHlwZSA9PT0gJ3VzZXInID8gJ3VzZXJzJyA6ICdzaXRlcycgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtcHJvZ3Jlc3MtYmFyXCI+XHJcbiAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwiY2FyZF9fY29udGVudC1wcm9ncmVzcy1iYXItZmlsbCByZWFkeVwiXHJcbiAgICAgICAgICAgIFtjbGFzcy5hbHJlYWR5XT1cInVwZ3JhZGVTdGF0dXMgPT09ICdhbHJlYWR5J1wiXHJcbiAgICAgICAgICAgIFtzdHlsZS53aWR0aC4lXT1cInJlYWR5UGVyY2VudGFnZVwiXHJcbiAgICAgICAgICA+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwidXBncmFkZVN0YXR1cyA9PT0gJ2FscmVhZHknXCIgY2xhc3M9XCJjYXJkX19jb250ZW50LXByb2dyZXNzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2NvbnRlbnQtcHJvZ3Jlc3MtbGFiZWxcIj5cclxuICAgICAgICAgIDxzcGFuPnt7IHVwZ3JhZGVkUGVyY2VudGFnZSB9fSU8L3NwYW4+XHJcbiAgICAgICAgICA8c3Bhbj5Gcm9tIGFsbCB7eyBzdGF0cz8udG90YWxSZWFkeSB9fSByZWFkeSB7eyB0eXBlID09PSAndXNlcicgPyAndXNlcnMnIDogJ3NpdGVzJyB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZF9fY29udGVudC1wcm9ncmVzcy1iYXJcIj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJjYXJkX19jb250ZW50LXByb2dyZXNzLWJhci1maWxsIHJlYWR5XCJcclxuICAgICAgICAgICAgW2NsYXNzLmFscmVhZHldPVwidXBncmFkZVN0YXR1cyA9PT0gJ2FscmVhZHknXCJcclxuICAgICAgICAgICAgW3N0eWxlLndpZHRoLiVdPVwidXBncmFkZWRQZXJjZW50YWdlXCJcclxuICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC90ay1jYXJkPlxyXG4iXX0=

package/esm2020/di2mt/shared/components/status-list-card/status-list-card.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../card/card.component";
+export class StatusListCardComponent {
+}
+StatusListCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusListCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StatusListCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatusListCardComponent, selector: "tk-status-list-card", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<tk-card [title]=\"title\">\r\n    <ng-container ngProjectAs=\"card-content\">\r\n        <div class=\"card__list-wrapper\">\r\n            <div class=\"card__list-item\" *ngFor=\"let item of items\">\r\n                <img *ngIf=\"item.status\" src=\"{{ 'assets/icons/check_icon.png' }}\" alt=\"\">\r\n                <img *ngIf=\"!item.status\" src=\"{{ 'assets/icons/warning_icon.png' }}\" alt=\"\">\r\n                <div class=\"card__item-info\">\r\n                    <div class=\"card__item-text\">\r\n                        <div class=\"card__item-label\">\r\n                            {{ item.label }}\r\n                        </div>\r\n                        <div class=\"card__item-description\">\r\n                            {{ item.description }}\r\n                        </div>\r\n                    </div>\r\n                    <div *ngIf=\"title.includes('Site')\" class=\"card__item-stats\">\r\n                        <div class=\"card__item-numbers\">\r\n                            {{ item.value }}/{{ item.totalSites }}\r\n                        </div>\r\n                        <div class=\"card__item-numbers-description\">\r\n                            Ready/All\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</tk-card>", styles: [":host{color:#333;display:block;height:100%;box-sizing:border-box}.card__list-wrapper{display:flex;flex-direction:column;gap:1rem}.card__list-item{display:flex;align-items:center;gap:1rem}.card__item-info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.card__item-text{display:flex;flex-direction:column;gap:.05rem}.card__item-text .card__item-label{font-size:18px}.card__item-text .card__item-description{font-size:14px}.card__item-stats{right:0;position:absolute;text-align:right}.card__item-stats .card__item-numbers{font-size:28px}.card__item-stats .card__item-numbers-description{font-size:14px}\n"], dependencies: [{ 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.CardComponent, selector: "tk-card", inputs: ["title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusListCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tk-status-list-card", template: "<tk-card [title]=\"title\">\r\n    <ng-container ngProjectAs=\"card-content\">\r\n        <div class=\"card__list-wrapper\">\r\n            <div class=\"card__list-item\" *ngFor=\"let item of items\">\r\n                <img *ngIf=\"item.status\" src=\"{{ 'assets/icons/check_icon.png' }}\" alt=\"\">\r\n                <img *ngIf=\"!item.status\" src=\"{{ 'assets/icons/warning_icon.png' }}\" alt=\"\">\r\n                <div class=\"card__item-info\">\r\n                    <div class=\"card__item-text\">\r\n                        <div class=\"card__item-label\">\r\n                            {{ item.label }}\r\n                        </div>\r\n                        <div class=\"card__item-description\">\r\n                            {{ item.description }}\r\n                        </div>\r\n                    </div>\r\n                    <div *ngIf=\"title.includes('Site')\" class=\"card__item-stats\">\r\n                        <div class=\"card__item-numbers\">\r\n                            {{ item.value }}/{{ item.totalSites }}\r\n                        </div>\r\n                        <div class=\"card__item-numbers-description\">\r\n                            Ready/All\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</tk-card>", styles: [":host{color:#333;display:block;height:100%;box-sizing:border-box}.card__list-wrapper{display:flex;flex-direction:column;gap:1rem}.card__list-item{display:flex;align-items:center;gap:1rem}.card__item-info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.card__item-text{display:flex;flex-direction:column;gap:.05rem}.card__item-text .card__item-label{font-size:18px}.card__item-text .card__item-description{font-size:14px}.card__item-stats{right:0;position:absolute;text-align:right}.card__item-stats .card__item-numbers{font-size:28px}.card__item-stats .card__item-numbers-description{font-size:14px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWxpc3QtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvZGkybXQvc2hhcmVkL2NvbXBvbmVudHMvc3RhdHVzLWxpc3QtY2FyZC9zdGF0dXMtbGlzdC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9zdGF0dXMtbGlzdC1jYXJkL3N0YXR1cy1saXN0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLHVHQ1BwQyw4MUNBMkJVOzRGRHBCRyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0kscUJBQXFCOzhCQUt0QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInRrLXN0YXR1cy1saXN0LWNhcmRcIixcclxuICAgIHRlbXBsYXRlVXJsOiBcIi4vc3RhdHVzLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbFwiLFxyXG4gICAgc3R5bGVVcmxzOiBbXCIuL3N0YXR1cy1saXN0LWNhcmQuY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXR1c0xpc3RDYXJkQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIHRpdGxlITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaXRlbXMhOiBhbnk7XHJcbn0iLCI8dGstY2FyZCBbdGl0bGVdPVwidGl0bGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJjYXJkLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZF9fbGlzdC13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkX19saXN0LWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgPGltZyAqbmdJZj1cIml0ZW0uc3RhdHVzXCIgc3JjPVwie3sgJ2Fzc2V0cy9pY29ucy9jaGVja19pY29uLnBuZycgfX1cIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCIhaXRlbS5zdGF0dXNcIiBzcmM9XCJ7eyAnYXNzZXRzL2ljb25zL3dhcm5pbmdfaWNvbi5wbmcnIH19XCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZF9faXRlbS1pbmZvXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2l0ZW0tdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZF9faXRlbS1sYWJlbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2l0ZW0tZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInRpdGxlLmluY2x1ZGVzKCdTaXRlJylcIiBjbGFzcz1cImNhcmRfX2l0ZW0tc3RhdHNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRfX2l0ZW0tbnVtYmVyc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS52YWx1ZSB9fS97eyBpdGVtLnRvdGFsU2l0ZXMgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkX19pdGVtLW51bWJlcnMtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFJlYWR5L0FsbFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG48L3RrLWNhcmQ+Il19

package/esm2020/di2mt/shared/components/summary-card/summary-card.component.mjs

@@ -0,0 +1,36 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SummaryCardComponent {
+    constructor() {
+        this.value = 41;
+        this.status = 'Ready';
+    }
+    getStatusClass(status) {
+        switch (status?.toLowerCase()) {
+            case 'ready':
+                return 'ready';
+            case 'not ready':
+                return 'not-ready';
+            case 'failed':
+                return 'failed';
+            case 'completed':
+                return 'completed';
+            default:
+                return 'not-ready';
+        }
+    }
+}
+SummaryCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SummaryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SummaryCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SummaryCardComponent, selector: "tk-summary-card", inputs: { value: "value", status: "status", description: "description" }, ngImport: i0, template: "<article class=\"summary-card\">\r\n    <header class=\"summary-card__header\">\r\n        <h2>{{ value }}</h2>\r\n    </header>\r\n    <div class=\"summary__card-description\">\r\n        <span>{{ description }}</span>\r\n        <div class=\"summary__card-status-wrapper\">\r\n            <span class=\"summary__card-status-indicator\" [ngClass]=\"getStatusClass(status)\"></span>\r\n          <span [ngClass]=\"{'status-ready': status === 'ready'}\">{{ status }}</span>\r\n        </div>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box;flex:1}.summary-card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:1rem;border:1px solid hsl(0,0%,20%);max-width:100%;height:100%;display:flex;box-sizing:border-box;flex-direction:column;gap:.25rem}.summary-card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.summary-card__header h2{font-size:28px;font-weight:500;margin:0}.summary__card-status-wrapper{display:flex;align-items:center;font-size:14px;gap:.5rem}.summary__card-status-wrapper .summary__card-status-indicator{width:8px;height:8px;border-radius:50%}.summary__card-status-wrapper .summary__card-status-indicator.ready{background-color:#1c3893}.summary__card-status-wrapper .summary__card-status-indicator.partial-ready{background-color:#f8cd00}.summary__card-status-wrapper .summary__card-status-indicator.not-ready{background-color:#9e9e9e}.summary__card-status-wrapper .summary__card-status-indicator.completed{background-color:#1d805f}.summary__card-status-wrapper .summary__card-status-indicator.failed{background-color:#f23933}.status-ready{color:#1170cf}.summary__card-description{font-size:14px;color:#333;display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SummaryCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-summary-card', template: "<article class=\"summary-card\">\r\n    <header class=\"summary-card__header\">\r\n        <h2>{{ value }}</h2>\r\n    </header>\r\n    <div class=\"summary__card-description\">\r\n        <span>{{ description }}</span>\r\n        <div class=\"summary__card-status-wrapper\">\r\n            <span class=\"summary__card-status-indicator\" [ngClass]=\"getStatusClass(status)\"></span>\r\n          <span [ngClass]=\"{'status-ready': status === 'ready'}\">{{ status }}</span>\r\n        </div>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box;flex:1}.summary-card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:1rem;border:1px solid hsl(0,0%,20%);max-width:100%;height:100%;display:flex;box-sizing:border-box;flex-direction:column;gap:.25rem}.summary-card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.summary-card__header h2{font-size:28px;font-weight:500;margin:0}.summary__card-status-wrapper{display:flex;align-items:center;font-size:14px;gap:.5rem}.summary__card-status-wrapper .summary__card-status-indicator{width:8px;height:8px;border-radius:50%}.summary__card-status-wrapper .summary__card-status-indicator.ready{background-color:#1c3893}.summary__card-status-wrapper .summary__card-status-indicator.partial-ready{background-color:#f8cd00}.summary__card-status-wrapper .summary__card-status-indicator.not-ready{background-color:#9e9e9e}.summary__card-status-wrapper .summary__card-status-indicator.completed{background-color:#1d805f}.summary__card-status-wrapper .summary__card-status-indicator.failed{background-color:#f23933}.status-ready{color:#1170cf}.summary__card-description{font-size:14px;color:#333;display:flex;align-items:center;justify-content:space-between}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9zdW1tYXJ5LWNhcmQvc3VtbWFyeS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9kaTJtdC9zaGFyZWQvY29tcG9uZW50cy9zdW1tYXJ5LWNhcmQvc3VtbWFyeS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1hLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsV0FBTSxHQUFXLE9BQU8sQ0FBQztLQWlCckM7SUFkRyxjQUFjLENBQUMsTUFBYztRQUN6QixRQUFRLE1BQU0sRUFBRSxXQUFXLEVBQUUsRUFBRTtZQUMzQixLQUFLLE9BQU87Z0JBQ1IsT0FBTyxPQUFPLENBQUM7WUFDbkIsS0FBSyxXQUFXO2dCQUNaLE9BQU8sV0FBVyxDQUFDO1lBQ3ZCLEtBQUssUUFBUTtnQkFDVCxPQUFPLFFBQVEsQ0FBQztZQUNwQixLQUFLLFdBQVc7Z0JBQ1osT0FBTyxXQUFXLENBQUM7WUFDdkI7Z0JBQ0ksT0FBTyxXQUFXLENBQUM7U0FDMUI7SUFDTCxDQUFDOztrSEFsQlEsb0JBQW9CO3NHQUFwQixvQkFBb0IsaUlDUGpDLDRnQkFZQTs0RkRMYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksaUJBQWlCOzhCQUtsQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ay1zdW1tYXJ5LWNhcmQnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3N1bW1hcnktY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zdW1tYXJ5LWNhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VtbWFyeUNhcmRDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgdmFsdWU6IG51bWJlciA9IDQxO1xyXG4gICAgQElucHV0KCkgc3RhdHVzOiBzdHJpbmcgPSAnUmVhZHknO1xyXG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24hOiBzdHJpbmc7XHJcblxyXG4gICAgZ2V0U3RhdHVzQ2xhc3Moc3RhdHVzOiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgICAgIHN3aXRjaCAoc3RhdHVzPy50b0xvd2VyQ2FzZSgpKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ3JlYWR5JzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAncmVhZHknO1xyXG4gICAgICAgICAgICBjYXNlICdub3QgcmVhZHknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuICdub3QtcmVhZHknO1xyXG4gICAgICAgICAgICBjYXNlICdmYWlsZWQnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuICdmYWlsZWQnO1xyXG4gICAgICAgICAgICBjYXNlICdjb21wbGV0ZWQnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuICdjb21wbGV0ZWQnO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuICdub3QtcmVhZHknO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufSIsIjxhcnRpY2xlIGNsYXNzPVwic3VtbWFyeS1jYXJkXCI+XHJcbiAgICA8aGVhZGVyIGNsYXNzPVwic3VtbWFyeS1jYXJkX19oZWFkZXJcIj5cclxuICAgICAgICA8aDI+e3sgdmFsdWUgfX08L2gyPlxyXG4gICAgPC9oZWFkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3VtbWFyeV9fY2FyZC1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgIDxzcGFuPnt7IGRlc2NyaXB0aW9uIH19PC9zcGFuPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdW1tYXJ5X19jYXJkLXN0YXR1cy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VtbWFyeV9fY2FyZC1zdGF0dXMtaW5kaWNhdG9yXCIgW25nQ2xhc3NdPVwiZ2V0U3RhdHVzQ2xhc3Moc3RhdHVzKVwiPjwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cInsnc3RhdHVzLXJlYWR5Jzogc3RhdHVzID09PSAncmVhZHknfVwiPnt7IHN0YXR1cyB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2FydGljbGU+XHJcbiJdfQ==