@sarasanalytics-com/design-system 0.0.60 → 0.0.62

package/interfaces/button-interface.d.ts

@@ -5,10 +5,14 @@ export interface ButtonInterface {
     size: ButtonSize;
     state: string;
     imagePath?: string;
+    icon?: any;
     iconPosition?: ButtonIconPosition;
     href?: string;
     hrefTarget?: string;
     isSubmit?: boolean;
+    width?: any;
+    buttonIconSize?: any;
+    showSpinner?: boolean;
 }
 export declare const buttonSizes: readonly ["small", "medium", "large"];
 type PredefinedButtonSizes = typeof buttonSizes[number];
@@ -20,7 +24,7 @@ export declare const buttonType: readonly ["primary", "outline", "transparent"];
 type PredefinedButtonType = typeof buttonType[number];
 export type ButtonType = PredefinedButtonType | string;
 export interface ButtonClickEvent {
-    type: 'helper' | 'main';
+    type: 'primary' | 'secondary';
     button: ButtonInterface;
     originalEvent: Event;
 }

package/interfaces/header-interface.d.ts

@@ -1,10 +1,9 @@
 import { SafeHtml } from "@angular/platform-browser";
 import { ChipInterface } from "./chip-interface";
+import { IconInterface } from "./icon-interface";
 export interface HeaderChipConfig extends ChipInterface {
 }
-export interface HeaderIcon {
-    iconUrl: string;
-    size?: string;
+export interface HeaderIcon extends IconInterface {
 }
 export interface HeaderInfoItem {
     text: string;

package/interfaces/icon-interface.d.ts

@@ -1,4 +1,9 @@
-export declare const iconNames: readonly ["analysis", "arrowRightOutlined", "avatar", "businessStatsFilled", "chatHelpOutlined", "checkCircleFilled", "checkCircleOutlined", "checkOutlined", "circleFilled", "closeBlueOutlined", "closeCircleFilled", "closeOutlined", "doubleDownOutlined", "eyeFilled", "eyeOutlined", "formDetailsOutlined", "gridViewOutlined", "homeOutlined", "infoCircleOutlined", "infoTriangleFilled", "infoTriangleOutlined", "innosupps", "locationOutlined", "mailOutlined", "multiConnectionHub", "personOutlined", "rightChevronOutlined", "sarasWhite", "settingsOutlined", "sourcesOutlined", "targetScanOutlined", "upwardTriangleFilled", "headsetOutlined", "sarasFullLogo", "leftChevronCircle", "rightChevronCircle", "errorCircleOutlined", "errorCrossOutlined", "downChevronOutlined", "peopleAudience", "screenPerson", "slideSettings", "desktopSpeakerOutlined", "tabDesktopArrowClockwiseOutlined", "disabledCheckboxFilled", "timerOutlined", "refresh", "chatIcon", "add", "calendar"];
+export declare const iconNames: readonly ["analysis", "arrowRightOutlined", "avatar", "businessStatsFilled", "chatHelpOutlined", "checkCircleFilled", "checkCircleOutlined", "checkOutlined", "circleFilled", "closeBlueOutlined", "closeCircleFilled", "closeOutlined", "doubleDownOutlined", "eyeFilled", "eyeOutlined", "formDetailsOutlined", "gridViewOutlined", "homeOutlined", "infoCircleOutlined", "infoTriangleFilled", "infoTriangleOutlined", "innosupps", "locationOutlined", "mailOutlined", "multiConnectionHub", "personOutlined", "rightChevronOutlined", "sarasWhite", "settingsOutlined", "sourcesOutlined", "targetScanOutlined", "upwardTriangleFilled", "headsetOutlined", "sarasFullLogo", "leftChevronCircle", "rightChevronCircle", "errorCircleOutlined", "errorCrossOutlined", "downChevronOutlined", "peopleAudience", "screenPerson", "slideSettings", "desktopSpeakerOutlined", "tabDesktopArrowClockwiseOutlined", "disabledCheckboxFilled", "timerOutlined", "refresh", "chatIcon", "add", "calendar", "compassNorthWest"];
 type PredefinedIconName = typeof iconNames[number];
 export type IconName = PredefinedIconName | string;
+export interface IconInterface {
+    icon?: IconName | string;
+    size?: string;
+    iconUrl?: string;
+}
 export {};

package/interfaces/layout-section-interface.d.ts

@@ -0,0 +1,12 @@
+import { ChipInterface } from './chip-interface';
+import { ButtonInterface } from './button-interface';
+import { IconInterface } from './icon-interface';
+export interface LayoutSectionIcon extends IconInterface {
+}
+export interface LayoutSectionInterface {
+    headerText: string;
+    headerIcon?: LayoutSectionIcon;
+    chips?: ChipInterface[];
+    primaryButton?: ButtonInterface;
+    secondaryButton?: ButtonInterface;
+}

package/lib/card/thumbnail-card/thumbnail-card.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ThumbnailStatus {
+    text: string;
+    type: 'regular' | 'small' | 'large';
+    state: 'primary' | 'secondary' | 'neutral' | 'error' | 'warning' | 'success';
+    filling: 'outline' | 'filled';
+    iconPath?: string;
+    iconPosition?: 'left' | 'right' | 'both' | '';
+    largeStateIcon?: string;
+    largeStateText?: string;
+}
+export interface ThumbnailData {
+    title: string;
+    subtitle: string;
+    description: string;
+    thumbnailUrl: string;
+    statuses: ThumbnailStatus[];
+    [key: string]: any;
+}
+export declare class ThumbnailCardComponent {
+    data: ThumbnailData;
+    size: 'small' | 'medium' | 'large';
+    cardClick: EventEmitter<ThumbnailData>;
+    onCardClick(): void;
+    getChipConfig(status: string): Partial<ThumbnailStatus>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThumbnailCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThumbnailCardComponent, "sa-thumbnail-card", never, { "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}

package/lib/header/header.component.d.ts

@@ -1,18 +1,16 @@
 import { EventEmitter } from '@angular/core';
 import { ButtonClickEvent, ButtonInterface } from '../../interfaces/button-interface';
-import { DomSanitizer } from '@angular/platform-browser';
 import { HeaderChipConfig, HeaderConfig, HeaderInfoItem } from '../../interfaces/header-interface';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent {
-    private sanitizer;
     header: HeaderConfig;
     chipConfig: HeaderChipConfig[];
     info: HeaderInfoItem[];
     buttonHelper?: ButtonInterface;
     buttonMain?: ButtonInterface;
     buttonClick: EventEmitter<ButtonClickEvent>;
-    constructor(sanitizer: DomSanitizer);
-    onButtonClick(type: 'helper' | 'main', event: Event): void;
+    constructor();
+    onButtonClick(type: 'primary' | 'secondary', event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "sa-header", never, { "header": { "alias": "header"; "required": false; }; "chipConfig": { "alias": "chipConfig"; "required": false; }; "info": { "alias": "info"; "required": false; }; "buttonHelper": { "alias": "buttonHelper"; "required": false; }; "buttonMain": { "alias": "buttonMain"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }

package/lib/layout-section/layout-section.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { LayoutSectionInterface } from '../../interfaces/layout-section-interface';
+import { ButtonClickEvent } from '../../interfaces/button-interface';
+import * as i0 from "@angular/core";
+export declare class LayoutSectionComponent {
+    config: LayoutSectionInterface;
+    buttonClick: EventEmitter<ButtonClickEvent>;
+    onButtonClick(type: 'primary' | 'secondary', event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutSectionComponent, "sa-layout-section", never, { "config": { "alias": "config"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}

package/lib/message-banner-v2/message-banner-v2.component.d.ts

@@ -1,25 +1,31 @@
-import { OnInit } from '@angular/core';
-import { IconName } from '../../interfaces/icon-interface';
-import { ButtonIconPosition, ButtonSize, ButtonType } from '../../interfaces/button-interface';
+import { EventEmitter } from '@angular/core';
+import { ButtonInterface, ButtonClickEvent } from '../../interfaces/button-interface';
 import * as i0 from "@angular/core";
-export declare class MessageBannerV2Component implements OnInit {
-    constructor();
-    messageType: string;
-    messageIcon: IconName;
-    title: string;
-    description: string;
-    actionText?: string;
-    content?: string;
-    bannerIconSize?: string;
-    buttonIcon?: IconName;
-    buttonType?: ButtonType;
-    buttonIconPosition?: ButtonIconPosition;
-    buttonSize?: ButtonSize;
-    buttonIconSize?: string;
-    onAction: () => void;
-    imageSrc: string;
-    ngOnInit(): void;
-    private setErrorContent;
+export declare class MessageBannerV2Component {
+    private state;
+    protected bannerContent: import("@angular/core").Signal<{
+        description: string;
+        type: "default" | "connection" | "access";
+        title: string;
+        messageIcon: string;
+        messageIconSize?: {
+            width?: string;
+            height?: string;
+        };
+    }>;
+    set messageType(value: 'default' | 'connection' | 'access');
+    set messageIcon(value: string);
+    set messageIconSize(value: {
+        width?: string;
+        height?: string;
+    });
+    set title(value: string);
+    set description(value: string);
+    buttons: ButtonInterface[];
+    buttonClick: EventEmitter<ButtonClickEvent>;
+    private updateContentBasedOnType;
+    private sanitizeDescription;
+    onButtonClick(button: ButtonInterface, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBannerV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "actionText": { "alias": "actionText"; "required": false; }; "content": { "alias": "content"; "required": false; }; "bannerIconSize": { "alias": "bannerIconSize"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonIconPosition": { "alias": "buttonIconPosition"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "buttonIconSize": { "alias": "buttonIconSize"; "required": false; }; "onAction": { "alias": "onAction"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageIconSize": { "alias": "messageIconSize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/public-api.d.ts

@@ -9,9 +9,9 @@ export * from './lib/card/card-icon/card-icon.component';
 export * from './lib/card/card-title-actions/card-title-actions.component';
 export * from './lib/card/card.component';
 export * from './lib/card/checkbox-card/checkbox-card.component';
-export * from './lib/card/cohort-card/cohort-card.component';
 export * from './lib/card/guide-card/guide-card.component';
 export * from './lib/card/menu-card/menu-card.component';
+export * from './lib/card/thumbnail-card/thumbnail-card.component';
 export * from './lib/card-carousel/card-carousel.component';
 export * from './lib/checkbox/checkbox.component';
 export * from './lib/chips/chips.component';
@@ -22,6 +22,7 @@ export * from './lib/form-select/form-select.component';
 export * from './lib/grid-cell/grid-cell.component';
 export * from './lib/header/header.component';
 export * from './lib/icon/icon.component';
+export * from './lib/layout-section/layout-section.component';
 export * from './lib/left-nav/left-nav.component';
 export * from './lib/list/list.component';
 export * from './lib/message-banner/message-banner.component';
@@ -49,6 +50,7 @@ export * from './interfaces/grid-interface';
 export * from './interfaces/guide-card-interface';
 export * from './interfaces/header-interface';
 export * from './interfaces/icon-interface';
+export * from './interfaces/layout-section-interface';
 export * from './interfaces/message-banner';
 export * from './interfaces/option-interface';
 export * from './interfaces/scrolling-card-interface';

package/styles/styles.css

@@ -21,6 +21,7 @@ body {
 
 :root {
   --font: 'Roboto';
+  --font-family: 'Roboto';
   --font-roboto: 'Roboto';
   --font-inter: 'Inter';
   --font-poppins: "Poppins";

package/esm2022/lib/card/cohort-card/cohort-card.component.mjs

@@ -1,60 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { ChipsComponent } from '../../chips/chips.component';
-import { CardComponent } from '../card.component';
-import { IconComponent } from '../../icon/icon.component';
-import { CardBodyComponent } from '../card-body/card-body.component';
-import { CardCustomHeaderComponent } from '../card-custom-header/card-custom-header.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class CohortCardComponent {
-    constructor() {
-        this.size = 'medium';
-    }
-    getChipConfig(status) {
-        switch (status) {
-            case 'active':
-                return {
-                    type: 'small',
-                    state: 'success',
-                    filling: 'filled'
-                };
-            case 'in-progress':
-                return {
-                    type: 'small',
-                    state: 'warning',
-                    filling: 'filled'
-                };
-            case 'advanced':
-                return {
-                    type: 'small',
-                    state: 'primary',
-                    filling: 'filled'
-                };
-            default:
-                return {
-                    type: 'small',
-                    state: 'primary',
-                    filling: 'filled'
-                };
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CohortCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CohortCardComponent, isStandalone: true, selector: "sa-cohort-card", inputs: { data: "data", size: "size" }, ngImport: i0, template: "<div class=\"cohort-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\" [class.large]=\"size === 'large'\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"cohort-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" alt=\"Cohort thumbnail\" class=\"cohort-thumbnail\">\n        </div>\n        <div class=\"cohort-info\">\n          <div class=\"cohort-header\">\n            <h3 class=\"cohort-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              <sa-chip *ngFor=\"let status of data?.statuses\"\n                [text]=\"status.text\"\n                [type]=\"'small'\"\n                [state]=\"status.state\"\n                [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\"\n                [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\"\n                [largeStateText]=\"status.largeStateText\">\n              </sa-chip>\n            </div>\n          </div>\n          <div class=\"cohort-metadata\">\n            <span class=\"cohort-description\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"cohort-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".cohort-card{display:block}.cohort-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.cohort-thumbnail{width:100%;display:block}.cohort-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.cohort-header{display:flex;justify-content:space-between;align-items:center}.cohort-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.cohort-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.cohort-description,.cohort-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .cohort-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CohortCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sa-cohort-card', standalone: true, imports: [
-                        CommonModule,
-                        ChipsComponent,
-                        CardComponent,
-                        IconComponent,
-                        CardBodyComponent,
-                        CardCustomHeaderComponent
-                    ], template: "<div class=\"cohort-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\" [class.large]=\"size === 'large'\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"cohort-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" alt=\"Cohort thumbnail\" class=\"cohort-thumbnail\">\n        </div>\n        <div class=\"cohort-info\">\n          <div class=\"cohort-header\">\n            <h3 class=\"cohort-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              <sa-chip *ngFor=\"let status of data?.statuses\"\n                [text]=\"status.text\"\n                [type]=\"'small'\"\n                [state]=\"status.state\"\n                [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\"\n                [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\"\n                [largeStateText]=\"status.largeStateText\">\n              </sa-chip>\n            </div>\n          </div>\n          <div class=\"cohort-metadata\">\n            <span class=\"cohort-description\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"cohort-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".cohort-card{display:block}.cohort-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.cohort-thumbnail{width:100%;display:block}.cohort-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.cohort-header{display:flex;justify-content:space-between;align-items:center}.cohort-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.cohort-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.cohort-description,.cohort-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .cohort-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}\n"] }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29ob3J0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL2NvaG9ydC1jYXJkL2NvaG9ydC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jb2hvcnQtY2FyZC9jb2hvcnQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7OztBQW1DL0YsTUFBTSxPQUFPLG1CQUFtQjtJQWRoQztRQWdCVyxTQUFJLEdBQWlDLFFBQVEsQ0FBQztLQThCeEQ7SUE1QkMsYUFBYSxDQUFDLE1BQWM7UUFDMUIsUUFBUSxNQUFNLEVBQUUsQ0FBQztZQUNmLEtBQUssUUFBUTtnQkFDWCxPQUFPO29CQUNMLElBQUksRUFBRSxPQUFPO29CQUNiLEtBQUssRUFBRSxTQUFTO29CQUNoQixPQUFPLEVBQUUsUUFBUTtpQkFDbEIsQ0FBQztZQUNKLEtBQUssYUFBYTtnQkFDaEIsT0FBTztvQkFDTCxJQUFJLEVBQUUsT0FBTztvQkFDYixLQUFLLEVBQUUsU0FBUztvQkFDaEIsT0FBTyxFQUFFLFFBQVE7aUJBQ2xCLENBQUM7WUFDSixLQUFLLFVBQVU7Z0JBQ2IsT0FBTztvQkFDTCxJQUFJLEVBQUUsT0FBTztvQkFDYixLQUFLLEVBQUUsU0FBUztvQkFDaEIsT0FBTyxFQUFFLFFBQVE7aUJBQ2xCLENBQUM7WUFDSjtnQkFDRSxPQUFPO29CQUNMLElBQUksRUFBRSxPQUFPO29CQUNiLEtBQUssRUFBRSxTQUFTO29CQUNoQixPQUFPLEVBQUUsUUFBUTtpQkFDbEIsQ0FBQztRQUNOLENBQUM7SUFDSCxDQUFDOzhHQS9CVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixrSEN6Q2hDLHU5Q0FpQ0EsbzNDREZJLFlBQVksNEpBQ1osY0FBYyxtTUFDZCxhQUFhLDRVQUViLGlCQUFpQjs7MkZBTVIsbUJBQW1CO2tCQWQvQixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIseUJBQXlCO3FCQUMxQjs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQm9keUNvbXBvbmVudCB9IGZyb20gJy4uL2NhcmQtYm9keS9jYXJkLWJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRDdXN0b21IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLWN1c3RvbS1oZWFkZXIvY2FyZC1jdXN0b20taGVhZGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29ob3J0U3RhdHVzIHtcbiAgdGV4dDogc3RyaW5nO1xuICB0eXBlOiAncmVndWxhcicgfCAnc21hbGwnIHwgJ2xhcmdlJztcbiAgc3RhdGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ25ldXRyYWwnIHwgJ2Vycm9yJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcbiAgZmlsbGluZzogJ291dGxpbmUnIHwgJ2ZpbGxlZCc7XG4gIGljb25QYXRoPzogc3RyaW5nO1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdGgnIHwgJyc7XG4gIGxhcmdlU3RhdGVJY29uPzogc3RyaW5nO1xuICBsYXJnZVN0YXRlVGV4dD86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDb2hvcnREYXRhIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3VidGl0bGU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdGh1bWJuYWlsVXJsOiBzdHJpbmc7XG4gIHN0YXR1c2VzOiBDb2hvcnRTdGF0dXNbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtY29ob3J0LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENoaXBzQ29tcG9uZW50LFxuICAgIENhcmRDb21wb25lbnQsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICBDYXJkQm9keUNvbXBvbmVudCxcbiAgICBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2hvcnQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvaG9ydC1jYXJkLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb2hvcnRDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogQ29ob3J0RGF0YTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuXG4gIGdldENoaXBDb25maWcoc3RhdHVzOiBzdHJpbmcpOiBQYXJ0aWFsPENvaG9ydFN0YXR1cz4ge1xuICAgIHN3aXRjaCAoc3RhdHVzKSB7XG4gICAgICBjYXNlICdhY3RpdmUnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHR5cGU6ICdzbWFsbCcsXG4gICAgICAgICAgc3RhdGU6ICdzdWNjZXNzJyxcbiAgICAgICAgICBmaWxsaW5nOiAnZmlsbGVkJ1xuICAgICAgICB9O1xuICAgICAgY2FzZSAnaW4tcHJvZ3Jlc3MnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHR5cGU6ICdzbWFsbCcsXG4gICAgICAgICAgc3RhdGU6ICd3YXJuaW5nJyxcbiAgICAgICAgICBmaWxsaW5nOiAnZmlsbGVkJ1xuICAgICAgICB9O1xuICAgICAgY2FzZSAnYWR2YW5jZWQnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHR5cGU6ICdzbWFsbCcsXG4gICAgICAgICAgc3RhdGU6ICdwcmltYXJ5JyxcbiAgICAgICAgICBmaWxsaW5nOiAnZmlsbGVkJ1xuICAgICAgICB9O1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICB0eXBlOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAncHJpbWFyeScsXG4gICAgICAgICAgZmlsbGluZzogJ2ZpbGxlZCdcbiAgICAgICAgfTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2hvcnQtY2FyZFwiIFtjbGFzcy5zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCIgW2NsYXNzLm1lZGl1bV09XCJzaXplID09PSAnbWVkaXVtJ1wiIFtjbGFzcy5sYXJnZV09XCJzaXplID09PSAnbGFyZ2UnXCI+XG4gIDxzYS1jYXJkIFtzaG93Q3VzdG9tQ2FyZEJvZHldPVwidHJ1ZVwiIFtjdXN0b21XcmFwcGVyQ2xhc3NdPVwiJ3NhLWNhcmQtY3VzdG9tLXdyYXBwZXInXCI+XG4gICAgPHNhLWNhcmQtY3VzdG9tLWJvZHk+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29ob3J0LWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIFtzcmNdPVwiZGF0YT8udGh1bWJuYWlsVXJsXCIgYWx0PVwiQ29ob3J0IHRodW1ibmFpbFwiIGNsYXNzPVwiY29ob3J0LXRodW1ibmFpbFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvaG9ydC1pbmZvXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvaG9ydC1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxoMyBjbGFzcz1cImNvaG9ydC10aXRsZVwiPnt7IGRhdGE/LnRpdGxlIH19PC9oMz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXMtY2hpcHNcIj5cbiAgICAgICAgICAgICAgPHNhLWNoaXAgKm5nRm9yPVwibGV0IHN0YXR1cyBvZiBkYXRhPy5zdGF0dXNlc1wiXG4gICAgICAgICAgICAgICAgW3RleHRdPVwic3RhdHVzLnRleHRcIlxuICAgICAgICAgICAgICAgIFt0eXBlXT1cIidzbWFsbCdcIlxuICAgICAgICAgICAgICAgIFtzdGF0ZV09XCJzdGF0dXMuc3RhdGVcIlxuICAgICAgICAgICAgICAgIFtmaWxsaW5nXT1cInN0YXR1cy5maWxsaW5nXCJcbiAgICAgICAgICAgICAgICBbaWNvblBhdGhdPVwic3RhdHVzLmljb25QYXRoXCJcbiAgICAgICAgICAgICAgICBbaWNvblBvc2l0aW9uXT1cInN0YXR1cy5pY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICAgIFtsYXJnZVN0YXRlSWNvbl09XCJzdGF0dXMubGFyZ2VTdGF0ZUljb25cIlxuICAgICAgICAgICAgICAgIFtsYXJnZVN0YXRlVGV4dF09XCJzdGF0dXMubGFyZ2VTdGF0ZVRleHRcIj5cbiAgICAgICAgICAgICAgPC9zYS1jaGlwPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvaG9ydC1tZXRhZGF0YVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjb2hvcnQtZGVzY3JpcHRpb25cIj57eyBkYXRhPy5kZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2VwYXJhdG9yXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjb2hvcnQtc3VidGl0bGVcIj57eyBkYXRhPy5zdWJ0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L3NhLWNhcmQtY3VzdG9tLWJvZHk+XG4gIDwvc2EtY2FyZD5cbjwvZGl2PlxuIl19

package/lib/card/cohort-card/cohort-card.component.d.ts

@@ -1,25 +0,0 @@
-import * as i0 from "@angular/core";
-export interface CohortStatus {
-    text: string;
-    type: 'regular' | 'small' | 'large';
-    state: 'primary' | 'secondary' | 'neutral' | 'error' | 'warning' | 'success';
-    filling: 'outline' | 'filled';
-    iconPath?: string;
-    iconPosition?: 'left' | 'right' | 'both' | '';
-    largeStateIcon?: string;
-    largeStateText?: string;
-}
-export interface CohortData {
-    title: string;
-    subtitle: string;
-    description: string;
-    thumbnailUrl: string;
-    statuses: CohortStatus[];
-}
-export declare class CohortCardComponent {
-    data: CohortData;
-    size: 'small' | 'medium' | 'large';
-    getChipConfig(status: string): Partial<CohortStatus>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CohortCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CohortCardComponent, "sa-cohort-card", never, { "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
-}