@sarasanalytics-com/design-system 0.0.9 → 0.0.10

package/lib/form-input/form-input.component.d.ts

@@ -0,0 +1,62 @@
+import { ElementRef } from '@angular/core';
+import { AbstractControl, FormControl } from '@angular/forms';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import * as i0 from "@angular/core";
+export declare class FormInputComponent extends FieldType<FieldTypeConfig> {
+    formInput: ElementRef;
+    icon: IInputIcon;
+    inputState: string;
+    inputVal: string;
+    params: IInputParam | null;
+    dependent: AbstractControl<any, any> | null;
+    dependentVal: any;
+    type: string;
+    validators: any[];
+    asyncValidators: any[];
+    inputErrorText: string;
+    private suppressOnBlur;
+    constructor();
+    ngOnInit(): void;
+    setValidators(): void;
+    setDependents(): void;
+    checkValidity(defaultInputState?: string): void;
+    onFocus(): void;
+    onBlur(): void;
+    onInput(event: any): void;
+    onInputFieldClick(event?: any): void;
+    inputIconClick(): void;
+    onFieldCallback(param: IInputParam): void;
+    predefinedValidators: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "sa-input", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+}
+export interface IInputIcon {
+    name: string;
+    show?: boolean;
+    color?: string;
+    size?: string;
+}
+export interface IInputParam {
+    validators?: any[];
+    asyncValidators?: any[];
+    supportText?: string;
+    placeholder?: string;
+    type?: string;
+    dependent?: string;
+    eventListener?: Function;
+    icon?: IInputIcon;
+    errors?: {
+        [key: string]: any;
+    };
+}
+export interface IInputEvent {
+    type: IInputEventType;
+    value: string;
+    callBack: any;
+    formControl: FormControl;
+}
+export declare enum IInputEventType {
+    INPUT_CHANGE = "INPUT_CHANGE",
+    STATE_CHANGE = "STATE_CHANGE",
+    ICON_CLICK = "ICON_CLICK"
+}

package/lib/form-select/form-select.component.d.ts

@@ -0,0 +1,17 @@
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import * as i0 from "@angular/core";
+export declare class FormSelectComponent extends FieldType<FieldTypeConfig> {
+    selectables: any;
+    params: any;
+    svgStyle: {};
+    openState: boolean;
+    topLabel: boolean;
+    startInd: number;
+    labelLimit: number;
+    ngOnInit(): void;
+    openClose(state: boolean): void;
+    shiftLabel(action: string): void;
+    checkForZero(selected: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSelectComponent, "lib-form-select", never, {}, {}, never, never, true, never>;
+}

package/lib/grid-cell/grid-cell.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { ICellRendererAngularComp, IHeaderAngularComp } from 'ag-grid-angular';
+import { GridInterface } from '../../interfaces/grid-interface';
+import * as i0 from "@angular/core";
+export declare class GridCellComponent implements ICellRendererAngularComp, IHeaderAngularComp {
+    params: GridInterface;
+    rowNum: number;
+    onClickButtonEvent: EventEmitter<any>;
+    onClickChipEvent: EventEmitter<any>;
+    onClickLinkEvent: EventEmitter<any>;
+    onClickAvatarEvent: EventEmitter<any>;
+    buttonClicked(evt: Event): void;
+    chipClicked(evt: Event): void;
+    linkClicked(): void;
+    avatarClicked(evt: Event): void;
+    agInit(inParams: any): void;
+    refresh(params: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridCellComponent, "lib-grid-cell", never, {}, { "onClickButtonEvent": "onClickButtonEvent"; "onClickChipEvent": "onClickChipEvent"; "onClickLinkEvent": "onClickLinkEvent"; "onClickAvatarEvent": "onClickAvatarEvent"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HeaderComponent {
+    info: string[][];
+    headerName: string;
+    chipConfig: string[][];
+    buttonHelper: string;
+    buttonMain: string;
+    mainButtonClicked: EventEmitter<any>;
+    helperButtonClicked: EventEmitter<any>;
+    clicked(num: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "sa-header", never, { "info": { "alias": "info"; "required": false; }; "headerName": { "alias": "headerName"; "required": false; }; "chipConfig": { "alias": "chipConfig"; "required": false; }; "buttonHelper": { "alias": "buttonHelper"; "required": false; }; "buttonMain": { "alias": "buttonMain"; "required": false; }; }, { "mainButtonClicked": "mainButtonClicked"; "helperButtonClicked": "helperButtonClicked"; }, never, never, true, never>;
+}

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/stepper/stepper.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import * as i0 from "@angular/core";
+export declare class StepperComponent extends FieldType<FieldTypeConfig> {
+    latestStep: number;
+    editable: boolean;
+    stepLabels: any;
+    doneIcon: string;
+    stepped: EventEmitter<any>;
+    uuid: number;
+    isDisabled: boolean;
+    tickIcon: {};
+    ngOnInit(): void;
+    update(chosen: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "sa-stepper", never, { "latestStep": { "alias": "latestStep"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "stepLabels": { "alias": "stepLabels"; "required": false; }; "doneIcon": { "alias": "doneIcon"; "required": false; }; }, { "stepped": "stepped"; }, never, never, true, never>;
+}

package/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { TabInterface } from '../../interfaces/tab-interface';
+import * as i0 from "@angular/core";
+export declare class TabsComponent {
+    tabs: TabInterface[];
+    type: string;
+    defaultTab: number;
+    tabChanged: EventEmitter<any>;
+    uuid: number;
+    svgStyle: any;
+    ngOnChanges(): void;
+    tabChange(evt: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "sa-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "type": { "alias": "type"; "required": false; }; "defaultTab": { "alias": "defaultTab"; "required": false; }; }, { "tabChanged": "tabChanged"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,33 @@
+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: '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>;
+    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; }; "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/lib/tool-tip/tool-tip.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ToolTipComponent {
+    messages: string[];
+    pointerPosition: string;
+    toolTipSkipped: EventEmitter<any>;
+    toolTipSeen: EventEmitter<any>;
+    arrowIcon: string;
+    pointer: string;
+    msgInd: number;
+    updateMsgInd(k: number): void;
+    skipToolTip(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolTipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolTipComponent, "sa-tool-tip", never, { "messages": { "alias": "messages"; "required": false; }; "pointerPosition": { "alias": "pointerPosition"; "required": false; }; }, { "toolTipSkipped": "toolTipSkipped"; "toolTipSeen": "toolTipSeen"; }, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"
@@ -8,5 +8,18 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "module": "fesm2022/sarasanalytics-com-design-system.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/sarasanalytics-com-design-system.mjs",
+      "esm": "./esm2022/sarasanalytics-com-design-system.mjs",
+      "default": "./fesm2022/sarasanalytics-com-design-system.mjs"
+    }
+  }
 }

package/{src/public-api.ts → public-api.d.ts}

@@ -1,8 +1,3 @@
-/*
- * Public API Surface of component-library
- */
-
-
 export * from './lib/component-library.service';
 export * from './lib/component-library.component';
 export * from './lib/button/button.component';
@@ -16,18 +11,16 @@ 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 './interfaces/avatar-interface';
 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';
+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;

package/ng-package.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/component-library",
-  "assets": ["./assets"],
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/interfaces/avatar-interface.ts

@@ -1,6 +0,0 @@
-export interface AvatarInterface {
-    id: string | number,
-    size: string,
-    imagePath: string,
-    altText: string
-}

package/src/interfaces/button-interface.ts

@@ -1,12 +0,0 @@
-export interface ButtonInterface {
-    id: string | number,
-    text: string,
-    type: string,
-    size: string,
-    state: string,
-    imagePath?: string,
-    iconPosition?: string,
-    href?: string,
-    hrefTarget?: string,
-    isSubmit?: boolean,
-}

package/src/interfaces/chip-interface.ts

@@ -1,11 +0,0 @@
-export interface ChipInterface {
-    id: string | number,
-    text: string,
-    type: string,
-    state: string,
-    filling: string,
-    iconPosition?: string,
-    iconPath?: string,
-    largeStateIcon?: string,
-    largeStateText?: string
-}

package/src/interfaces/grid-interface.ts

@@ -1,24 +0,0 @@
-import { ButtonInterface } from "./button-interface";
-import { ChipInterface } from "./chip-interface";
-import { AvatarInterface } from "./avatar-interface";
-export interface GridInterface {
-  cellType: string,
-  viewText: boolean,
-  viewLeadingIcon: boolean,
-  viewTrailingIcon: boolean,
-  viewButton: boolean,
-  viewChip: boolean,
-  viewAvatar: boolean,
-  iconPath?: string,
-  chipConfig?: ChipInterface[],
-  buttonConfig?: ButtonInterface,
-  avatarConfig?: AvatarInterface,
-  text?: string | number,
-  subText?: string | number,
-  interactiveLink?: string,
-  interactiveLinkTarget?: string,
-  chipClicked?(evt: any): any,
-  linkClicked?(evt: any): any,
-  buttonClicked?(evt: any): any,
-  avatarClicked?(evt: any): any
-}

package/src/interfaces/select-interface.ts

@@ -1,20 +0,0 @@
-import { FormlyFieldProps } from "@ngx-formly/core"
-interface SelectSubInterface {
-    label: string,
-    supportText: string,
-    dropIcon: string,
-    dropIconPosition: string,
-    multiple: boolean,
-    iconPath: string,
-    type: string,
-    text?: string,
-    state: string,
-    filling: string,
-    iconPosition: string,
-}
-
-export interface SelectInterface extends FormlyFieldProps {
-    options: any,
-    disabled: boolean,
-    params: SelectSubInterface
-}

package/src/interfaces/tab-interface.ts

@@ -1,6 +0,0 @@
-export interface TabInterface {
-    tabName: string,
-    tabIcon?: string,
-    iconPosition?: string,
-    badgeContent?: string,
-}

package/src/lib/avatar/avatar.component.css

@@ -1,48 +0,0 @@
-.extra-small {
-  --width: var(--medium-24px);
-  --height: var(--medium-24px);
-}
-
-.small {
-  --width: 28px;
-  --height: 28px;
-}
-
-.medium {
-  --width: 32px;
-  --height: 32px;
-}
-
-.large {
-  --width: 36px;
-  --height: 36px;
-}
-
-.extra-large {
-  --width: 40px;
-  --height: 40px;
-}
-
-.avatar {
-  display: flex;
-}
-
-.avatar-img {
-  background-color: var(--primary-50);
-  height: var(--height);
-  width: var(--width);
-  border-radius: var(--height);
-  object-fit: cover;
-
-  font-family: var(--font);
-  font-size: 11px;
-  font-weight: 500;
-  line-height: var(--height);
-  letter-spacing: 0.5px;
-  text-align: center;
-  overflow: none;
-}
-
-.avatar:hover {
-  cursor: pointer;
-}

package/src/lib/avatar/avatar.component.html

@@ -1,5 +0,0 @@
-<div class="avatar {{size}}" (click)="avatarClicked($event)" (mouseenter)="mouseEnter($event)"
-  (mouseleave)="mouseLeave($event)">
-  <img *ngIf="imagePath" class="avatar-img" alt="{{altText}}" src="{{imagePath}}">
-  <p *ngIf="!imagePath" class="avatar-img">{{altText}}</p>
-</div>

package/src/lib/avatar/avatar.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AvatarComponent } from './avatar.component';
-
-describe('AvatarComponent', () => {
-  let component: AvatarComponent;
-  let fixture: ComponentFixture<AvatarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AvatarComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(AvatarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/avatar/avatar.component.ts

@@ -1,50 +0,0 @@
-import { Component, EventEmitter } from '@angular/core';
-import { Input, Output } from '@angular/core';
-import { NgIf } from '@angular/common';
-
-@Component({
-  selector: 'sa-avatar',
-  standalone: true,
-  imports: [NgIf],
-  templateUrl: './avatar.component.html',
-  styleUrl: './avatar.component.css'
-})
-export class AvatarComponent {
-  @Input() id: string | number;
-  @Input() imagePath: string;
-  @Input() altText: string;
-  @Input() size: string;
-
-  @Output() onClickEvent = new EventEmitter
-  @Output() onMouseInEvent = new EventEmitter
-  @Output() onMouseOutEvent = new EventEmitter
-
-  eventEmitObject = {}
-
-  ngOnChanges(): void {
-    this.eventEmitObject = {
-      id: this.id
-    }
-  }
-
-  avatarClicked(evt: Event) {
-    this.onClickEvent.emit({
-      ...this.eventEmitObject,
-      evt
-    })
-  }
-
-  mouseEnter(evt: Event) {
-    this.onMouseInEvent.emit({
-      ...this.eventEmitObject,
-      evt
-    })
-  }
-
-  mouseLeave(evt: Event) {
-    this.onMouseOutEvent.emit({
-      ...this.eventEmitObject,
-      evt
-    })
-  }
-}