@sarasanalytics-com/design-system 0.0.7 → 0.0.8

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

@@ -0,0 +1,16 @@
+import { SimpleChanges } from '@angular/core';
+import { IconService } from './icon.service';
+import * as i0 from "@angular/core";
+export declare class IconComponent {
+    iconService: IconService;
+    icon: string;
+    size: string;
+    color: 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, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/icon/icon.service.d.ts

@@ -0,0 +1,11 @@
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class IconService {
+    private sanitizer;
+    private path;
+    constructor(sanitizer: DomSanitizer);
+    getSvg(iconName: string): SafeHtml;
+    setIconPath(path: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
+}

package/lib/left-nav/left-nav.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class LeftNavComponent {
+    private route;
+    private router;
+    data: ILeftNav;
+    clickEvent: EventEmitter<ILeftNavClickEvent>;
+    private activeItem;
+    constructor(route: ActivatedRoute, router: Router);
+    ngOnInit(): void;
+    setItemActive(index: number): void;
+    onNavItemClick(item: ILeftNavItem, index: number, event?: any): void;
+    onFooterItemClick(item: ILeftNavItem, index: number, event?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeftNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LeftNavComponent, "sa-left-nav", never, { "data": { "alias": "data"; "required": false; }; }, { "clickEvent": "click"; }, never, ["*"], true, never>;
+}
+export interface ILeftNav {
+    items?: ILeftNavItem[];
+    footerItems?: ILeftNavItem[];
+}
+export interface ILeftNavItem {
+    title: string;
+    icon?: string;
+    disable?: boolean;
+    tooltip?: string;
+    relativePath?: boolean;
+    path?: string;
+    active?: boolean;
+    type?: 'ICON' | 'AVATAR';
+}
+export interface ILeftNavClickEvent {
+    type: 'NAV_ITEM_CLICK' | 'FOOTER_ITEM_CLICK' | 'LOGO_CLICK';
+    event: any;
+    item: ILeftNavItem;
+}
+export declare enum ILeftNavTypes {
+}

package/lib/toast/toast.component.d.ts

@@ -1,18 +1,33 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ToastComponent implements OnChanges {
     finishPercentage: number;
     heading: string;
     subHeading: string;
     statusIcon: string;
-    status: string;
+    status: 'success' | 'failure' | 'caution' | 'positive' | 'negative' | 'tentative';
     firstButtonName: string;
     secondButtonName: string;
+    closable: boolean;
+    filled: boolean;
+    width: number | string;
+    toastEvent: EventEmitter<IToastEvent>;
     firstButton: EventEmitter<any>;
     secondButton: EventEmitter<any>;
     closed: EventEmitter<any>;
-    ngOnChanges(): void;
+    toastStyles: {
+        backgroundColor: string;
+        color: string;
+        width: string;
+    };
+    ngOnChanges(changes: SimpleChanges): void;
     clicked(num: number): void;
+    closeToast(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "sa-toast", never, { "finishPercentage": { "alias": "finishPercentage"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "subHeading": { "alias": "subHeading"; "required": false; }; "statusIcon": { "alias": "statusIcon"; "required": false; }; "status": { "alias": "status"; "required": false; }; "firstButtonName": { "alias": "firstButtonName"; "required": false; }; "secondButtonName": { "alias": "secondButtonName"; "required": false; }; }, { "firstButton": "firstButton"; "secondButton": "secondButton"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "sa-toast", never, { "finishPercentage": { "alias": "finishPercentage"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "subHeading": { "alias": "subHeading"; "required": false; }; "statusIcon": { "alias": "statusIcon"; "required": false; }; "status": { "alias": "status"; "required": false; }; "firstButtonName": { "alias": "firstButtonName"; "required": false; }; "secondButtonName": { "alias": "secondButtonName"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "toastEvent": "toastEvent"; "firstButton": "firstButton"; "secondButton": "secondButton"; "closed": "closed"; }, never, never, true, never>;
+}
+export interface IToastEvent {
+    type: 'TOAST_CLOSED' | 'ACTION_CLICKED';
+    event?: any;
+    params?: any;
 }

package/package.json

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

package/public-api.d.ts

@@ -17,3 +17,10 @@ export * from './interfaces/button-interface';
 export * from './interfaces/chip-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';

package/utils/validators.d.ts

@@ -0,0 +1,3 @@
+import { ValidatorFn } from '@angular/forms';
+export declare function phoneNumberValidator(dependent?: string): ValidatorFn;
+export declare function getValidationMessage(errors: any): string;