@sarasanalytics-com/design-system 0.0.19 → 0.0.21

package/interfaces/card-carousel-interface.d.ts

@@ -0,0 +1,8 @@
+export interface CardCarousel {
+    id: number;
+    avatarIcon: string;
+    title: string;
+    subtitle: string;
+    logoIcon: string;
+    body: string;
+}

package/interfaces/guide-card-interface.d.ts

@@ -0,0 +1,4 @@
+export interface GuideStep {
+    title: string;
+    description?: string;
+}

package/interfaces/option-interface.d.ts

@@ -0,0 +1,4 @@
+export interface OptionInterface {
+    value: string | number;
+    label: string;
+}

package/interfaces/toast-interface.d.ts

@@ -0,0 +1,12 @@
+export interface IToast {
+    finishPercentage?: number;
+    heading?: string;
+    subHeading?: string;
+    statusIcon?: string;
+    status?: 'success' | 'failure' | 'caution' | 'positive' | 'negative' | 'tentative';
+    firstButtonName?: string;
+    secondButtonName?: string;
+    closable?: boolean;
+    filled?: boolean;
+    width?: number | string;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardBodyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardBodyComponent, "lib-card-body", never, {}, {}, never, never, true, never>;
+}

package/lib/card/card-custom-header/card-custom-header.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CardCustomHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardCustomHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardCustomHeaderComponent, "sa-card-title-header", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -3,15 +3,21 @@ import { ChipInterface } from '../../interfaces/chip-interface';
 import * as i0 from "@angular/core";
 export declare class CardComponent {
     title: string;
+    showCardHeader: boolean;
+    showCardBody: boolean;
+    customWrapperClass: string;
     chip: ChipInterface | null;
     body: string;
     avatar: string;
+    avatarSize: string;
     icon: string;
     iconSize: string;
+    subtitle: string;
+    logoIcon: string;
     width: string | number;
     column: boolean;
     cardStyles: any;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "sa-card", never, { "title": { "alias": "title"; "required": false; }; "chip": { "alias": "chip"; "required": false; }; "body": { "alias": "body"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "width": { "alias": "width"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, {}, never, ["sa-card-icon", "sa-card-title-actions", "sa-card-title-actions", "sa-card-footer-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "sa-card", never, { "title": { "alias": "title"; "required": false; }; "showCardHeader": { "alias": "showCardHeader"; "required": false; }; "showCardBody": { "alias": "showCardBody"; "required": false; }; "customWrapperClass": { "alias": "customWrapperClass"; "required": false; }; "chip": { "alias": "chip"; "required": false; }; "body": { "alias": "body"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "logoIcon": { "alias": "logoIcon"; "required": false; }; "width": { "alias": "width"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, {}, never, ["sa-card-icon", "sa-card-title-actions", "sa-card-title-header", "sa-card-title-actions", "sa-card-footer-actions"], true, never>;
 }

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

@@ -0,0 +1,8 @@
+import { GuideStep } from '../../../interfaces/guide-card-interface';
+import * as i0 from "@angular/core";
+export declare class GuideCardComponent {
+    title: string;
+    steps: GuideStep[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<GuideCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GuideCardComponent, "sa-guide-card", never, { "title": { "alias": "title"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,27 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { CardCarousel } from '../../interfaces/card-carousel-interface';
+import * as i0 from "@angular/core";
+export declare class CardCarouselComponent implements OnInit, OnDestroy {
+    cards: CardCarousel[];
+    interval: number;
+    autoPlay: boolean;
+    showNavigationArrows: boolean;
+    showIndicators: boolean;
+    showBrandFooter: boolean;
+    visibleLogos: (CardCarousel & {
+        index: number;
+    })[];
+    currentIndex: number;
+    private timer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    startTimer(): void;
+    stopTimer(): void;
+    resetTimer(): void;
+    selectCard(index: number): void;
+    next(): void;
+    prev(): void;
+    updateVisibleLogos(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardCarouselComponent, "sa-card-carousel", never, { "cards": { "alias": "cards"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "showNavigationArrows": { "alias": "showNavigationArrows"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showBrandFooter": { "alias": "showBrandFooter"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/icon/icon.component.d.ts

@@ -11,11 +11,12 @@ export declare class IconComponent {
     color: string;
     iconPath: string;
     iconUrl: string;
+    customClass: string;
     svgIcon: any;
     iconStyles: any;
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ProgressBarComponent implements OnInit {
+    private el;
+    private renderer;
+    progressValue: number;
+    borderRadius: string;
+    height: string;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "lib-progress-bar", never, { "progressValue": { "alias": "progressValue"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/radio-button/radio-button.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import { MatRadioButton } from '@angular/material/radio';
+import { OptionInterface } from '../../interfaces/option-interface';
+import * as i0 from "@angular/core";
+export declare class RadioButtonComponent {
+    options: OptionInterface[];
+    selectedValue: OptionInterface | null;
+    column: boolean;
+    selectedValueChange: EventEmitter<any>;
+    ngOnInit(): void;
+    selectOption(radioButton: MatRadioButton, value: OptionInterface): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "sa-radio-button", never, { "options": { "alias": "options"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
+}

package/lib/scrolling-cards/scrolling-cards.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+interface CardData {
+    title: string;
+    body: string;
+    icon?: string;
+    iconSize?: string;
+    customWrapperClass?: string;
+    width?: string;
+    column?: string;
+    showCardBody?: boolean;
+    showCardHeader?: boolean;
+    subtitle?: string;
+    logoIcon?: string;
+    avatar?: string;
+    avatarIcon?: string;
+}
+export declare class ScrollingCardsComponent implements OnInit, AfterViewInit {
+    private cdr;
+    cards: CardData[];
+    duration: number;
+    direction: 'up' | 'down' | 'left' | 'right';
+    cardContainer: ElementRef;
+    displayCards: CardData[];
+    animationPaused: boolean;
+    isVertical: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    setAnimationProperties(): void;
+    pauseScroll(): void;
+    resumeScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollingCardsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollingCardsComponent, "sa-scrolling-cards", never, { "cards": { "alias": "cards"; "required": true; }; "duration": { "alias": "duration"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"
@@ -22,4 +22,4 @@
       "default": "./fesm2022/sarasanalytics-com-design-system.mjs"
     }
   }
-}
+}

package/public-api.d.ts

@@ -1,26 +1,40 @@
-export * from './lib/component-library.service';
-export * from './lib/component-library.component';
+export * from './lib/avatar/avatar.component';
 export * from './lib/button/button.component';
+export * from './lib/calendar-header/calendar-header.component';
+export * from './lib/card/card-body/card-body.component';
+export * from './lib/card/card-custom-header/card-custom-header.component';
+export * from './lib/card/card-footer-actions/card-footer-actions.component';
+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/guide-card/guide-card.component';
+export * from './lib/card-carousel/card-carousel.component';
 export * from './lib/chips/chips.component';
-export * from './lib/avatar/avatar.component';
+export * from './lib/component-library.component';
+export * from './lib/datepicker/datepicker.component';
+export * from './lib/form-input/form-input.component';
+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/toast/toast.component';
-export * from './lib/form-select/form-select.component';
+export * from './lib/icon/icon.component';
+export * from './lib/left-nav/left-nav.component';
+export * from './lib/progress-bar/progress-bar.component';
+export * from './lib/radio-button/radio-button.component';
+export * from './lib/scrolling-cards/scrolling-cards.component';
+export * from './lib/spinner/spinner.component';
 export * from './lib/stepper/stepper.component';
-export * from './lib/tool-tip/tool-tip.component';
-export * from './lib/datepicker/datepicker.component';
 export * from './lib/tabs/tabs.component';
-export * from './interfaces/grid-interface';
+export * from './lib/toast/toast.component';
+export * from './lib/tool-tip/tool-tip.component';
+export * from './lib/component-library.service';
+export * from './lib/icon/icon.service';
 export * from './interfaces/avatar-interface';
 export * from './interfaces/button-interface';
+export * from './interfaces/card-carousel-interface';
 export * from './interfaces/chip-interface';
+export * from './interfaces/grid-interface';
+export * from './interfaces/guide-card-interface';
+export * from './interfaces/option-interface';
 export * from './interfaces/select-interface';
 export * from './interfaces/tab-interface';
-export * from './lib/icon/icon.component';
-export * from './lib/left-nav/left-nav.component';
-export * from './lib/form-input/form-input.component';
-export * from './lib/card/card.component';
-export * from './lib/card/card-icon/card-icon.component';
-export * from './lib/card/card-footer-actions/card-footer-actions.component';
-export * from './lib/card/card-title-actions/card-title-actions.component';
+export * from './interfaces/toast-interface';