@ieeesa-npm/presentation 0.33.0 → 1.0.0

package/lib/components/chips/chips.component.d.ts

@@ -1,374 +0,0 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { MatChipListbox } from '@angular/material/chips';
-import { Subject } from 'rxjs';
-import { BreakpointObserverService } from '../../services/break-point-observer.service';
-import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
-import { IconButton } from '@ieeesa-npm/models';
-import * as i0 from "@angular/core";
-/**
- * Chips component allow users to view information, make selections, filter content.
- * @export
- * @class ChipComponent
- * @implements {OnInit}
- * @implements {OnDestroy}
- */
-export declare class ChipsComponent implements OnInit, OnDestroy {
-    breakpointObserverService: BreakpointObserverService;
-    defaultVisibleChips: ChipOption[];
-    isMobileView: boolean;
-    labelViewAllOrLess: string;
-    constants: {
-        ariaLabel: {
-            clear: string;
-            warning: string;
-            previousMonth: string;
-            nextMonth: string;
-            menuIcon: string;
-            close: string;
-            search: string;
-            addFormGroup: string;
-        };
-        button: {
-            cancel: string;
-            ok: string;
-            add: string;
-        };
-        modalConfig: {
-            ariaLabel: string;
-            autoFocus: string;
-            width: string;
-        };
-        chips: {
-            noOfDefaultVisibleChips: number;
-            label: {
-                viewAll: string;
-                viewLess: string;
-            };
-            ariaLabel: {
-                chipsList: string;
-            };
-            icons: {
-                arrow: {
-                    id: number;
-                    iconURL: string;
-                    toolTip: string;
-                    ariaLabel: string;
-                };
-                remove: {
-                    id: number;
-                    iconURL: string;
-                    toolTip: string;
-                    ariaLabel: string;
-                };
-                check: {
-                    id: number;
-                    iconURL: string;
-                    toolTip: string;
-                    ariaLabel: string;
-                };
-            };
-        };
-        dataTable: {
-            label: {
-                clearAll: string;
-            };
-            message: {
-                noRecordFound: string;
-            };
-            ariaLabel: {
-                search: string;
-                selectAll: string;
-                select: string;
-                link: string;
-                pagination: string;
-            };
-            buttons: {
-                id: number;
-                iconURL: string;
-                toolTip: string;
-                ariaLabel: string;
-            }[];
-        };
-        datePicker: {
-            selectDateLabel: string;
-            dateFormatLabel: string;
-            startDateLabel: string;
-            endDateLabel: string;
-            datePickerIcon: string;
-        };
-        dropdown: {
-            placeholderText: string;
-        };
-        filter: {
-            label: {
-                filterBy: string;
-                applyButton: string;
-                clearAll: string;
-            };
-            buttons: {
-                id: number;
-                iconURL: string;
-                toolTip: string;
-                ariaLabel: string;
-            }[];
-        };
-        textarea: {
-            maxLengthDefault: number;
-            leftCharacters: string;
-        };
-        autocomplete: {
-            minCharToSearch: number;
-            debounceTime: number;
-        };
-        multiSelectAutoComplete: {
-            label: {
-                clearAll: string;
-            };
-            ariaLabel: {
-                selectedOption: string;
-                removeOption: string;
-            };
-            icons: {
-                remove: string;
-                clearAll: string;
-            };
-        };
-        header: {
-            alt: {
-                logo: string;
-            };
-            ariaLabel: {
-                helpLink: string;
-                hamburgerMenu: string;
-            };
-            label: {
-                signOut: string;
-            };
-            buttons: {
-                id: number;
-                iconURL: string;
-                toolTip: string;
-                ariaLabel: string;
-            }[];
-            userProfileMenuOptions: {
-                id: number;
-                iconURL: string;
-                label: string;
-                ariaLabel: string;
-                toolTip: string;
-                isToolTipNeeded: boolean;
-            }[];
-            errors: {
-                "2029": string;
-            };
-        };
-        footer: {
-            alt: {
-                logo: string;
-            };
-            links: {
-                label: string;
-                ariaLabel: string;
-                redirectUrl: string;
-            }[];
-            ieeeLogo: string;
-            copyright: {
-                link: string;
-                textPart1: string;
-                textPart2: string;
-                hyperLinkPart3: string;
-                textPart4: string;
-            };
-        };
-        welcome: {
-            buttons: {
-                label: string;
-                ariaLabel: string;
-                url: string;
-            }[];
-        };
-        breadcrumb: {
-            label: {
-                initial: string;
-            };
-        };
-        loader: {
-            ariaLabel: {
-                spinner: string;
-            };
-        };
-        defaultWelcomeBgColor: string;
-        timePicker: {
-            defaultTimeFormat: number;
-            timePickerIcon: string;
-        };
-        colorPicker: {
-            label: {
-                select: string;
-                cancel: string;
-            };
-            ariaLabel: {
-                colorPicker: string;
-                next: string;
-                back: string;
-                select: string;
-                cancel: string;
-                hexCodeInput: string;
-                palette: string;
-            };
-            defaultColor: string;
-            ariaDescription: string;
-            ariaDescribedById: string;
-            paletteColors: {
-                name: string;
-                hexCode: string;
-            }[];
-        };
-        fileUpload: {
-            label: {
-                fileUpload: string;
-                allowedFileSize1: string;
-                allowedFileSize2: string;
-                allowedFileFormat: string;
-                browseFiles: string;
-                uploadProgress: string;
-                upload: string;
-                mb: string;
-                uploadFor: string;
-                uploadErrorMsg: string;
-                of: string;
-                filesUploaded: string;
-                fileAlreadyExists: string;
-            };
-            ariaLabel: {
-                fileUpload: string;
-                browseFiles: string;
-                fileUploadIcon: string;
-                removeFileIcon: string;
-                deleteFileIcon: string;
-                fileDownload: string;
-                fileUploadInput: string;
-            };
-            iconUrl: {
-                fileUploadIcon: string;
-                fileRemoveIcon: string;
-                deleteIcon: string;
-            };
-            buttons: {
-                id: number;
-                ariaLabel: string;
-                iconURL: string;
-                toolTip: string;
-                disabled: boolean;
-            }[];
-            message: {
-                error: {
-                    ER1002: string;
-                    invalidFileFormat: string;
-                    invalidFileSize: string;
-                    "2026": string;
-                    "2059": string;
-                    "2060": string;
-                    "2061": string;
-                    "2062": string;
-                    "2063": string;
-                    "2064": string;
-                };
-            };
-            limit: {
-                maxFilesUploadedOnce: number;
-            };
-        };
-        list: {
-            defaultIndentation: number;
-            dragAndDropIconUrl: string;
-        };
-        search: {
-            minCharToSearch: number;
-            searchIcon: string;
-        };
-        richTextEditor: {
-            label: {
-                editor: string;
-            };
-            ariaLabel: {
-                editor: string;
-                colorPicker: string;
-            };
-        };
-        fileDownload: {
-            buttons: {
-                id: number;
-                ariaLabel: string;
-                iconURL: string;
-                toolTip: string;
-                disabled: boolean;
-            }[];
-            preSignedDuration: string;
-            message: {
-                errors: {
-                    ER1002: string;
-                    "5038": string;
-                    "6027": string;
-                    "6028": string;
-                };
-            };
-        };
-        breakPointMaxWidth: string;
-    };
-    chipsType: typeof ChipsType;
-    orientations: typeof ChipOrientation;
-    activeLabel: string;
-    destroy$: Subject<boolean>;
-    private chips;
-    set chipGroup(value: ChipOption[]);
-    get chipGroup(): ChipOption[];
-    chipOrientation: ChipOrientation;
-    noOfDefaultVisibleChips: number;
-    hasViewMoreForDesktop: boolean;
-    hasViewMoreForMobile: boolean;
-    avatar: IconButton;
-    arrow: IconButton;
-    check: IconButton;
-    chipListBox: MatChipListbox;
-    isViewMoreNeeded: boolean;
-    private hasChipToggledInfo;
-    get hasChipToggled(): boolean;
-    set hasChipToggled(value: boolean);
-    viewAllLabel: string;
-    viewLessLabel: string;
-    selectedChip: EventEmitter<any>;
-    constructor(breakpointObserverService: BreakpointObserverService);
-    ngOnInit(): void;
-    /**
-     * Onclick the chip, it emits selectedChip event with selected chip.
-     * @param {ChipOption} chip
-     * @memberof ChipComponent
-     */
-    onChipClick(chip: ChipOption): void;
-    /**
-     * Shows list of chips on the basis of view more/less button state.
-     * @memberof ChipComponent
-     */
-    viewChips(clickedLabel: string): void;
-    /**
-     * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
-     * @memberof ChipsComponent
-     */
-    getViewMore(): void;
-    /**
-     * Allows Angular to detect the specific chip option that needs to change or be added by tracking option unique Id.
-     * @param {number} index
-     * @param {ChipOption} option
-     * @return {*}  {(number | string)}
-     * @memberof ChipComponent
-     */
-    trackById(index: number, option: ChipOption): number | string;
-    /**
-     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
-     * @memberof GroupsComponent
-     */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "check": { "alias": "check"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
-}

package/lib/components/color-picker/color-picker.component.d.ts

@@ -1,88 +0,0 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { NgxColorsTriggerDirective } from 'ngx-colors';
-import { FormGroup } from '@angular/forms';
-import { ColorFormat, ColorsAnimation, PaletteColor } from '../../models/color-format.model';
-import { FieldConfig } from '../../models/field-config.model';
-import { FormUtilityService } from '../../services/form-utility.service';
-import * as i0 from "@angular/core";
-export declare class ColorPickerComponent implements OnInit, OnDestroy {
-    private elementRef;
-    private formUtilityService;
-    colorPickerDirective: NgxColorsTriggerDirective;
-    colorPickerTexts: any;
-    paletteColors: PaletteColor[];
-    paletteContainer: HTMLElement;
-    group: FormGroup;
-    config: FieldConfig;
-    colorPickerChange: EventEmitter<string>;
-    colorPickerSliderChange: EventEmitter<string>;
-    defaultColor: string;
-    canShowPalette: boolean;
-    palette: string[];
-    overlayClassName: string;
-    colorFormat: ColorFormat;
-    colorAnimation: ColorsAnimation;
-    formControlName: string;
-    paletteSelectLabel: any;
-    paletteCancelLabel: any;
-    colorPickerLabel: string;
-    isColorCodeLabelNeeded: boolean;
-    isArrowIconNeeded: boolean;
-    canHideTextInput: boolean;
-    canHideColorPicker: boolean;
-    constructor(elementRef: ElementRef, formUtilityService: FormUtilityService);
-    ngOnInit(): void;
-    /**
-     * Sets the color to form group control.
-     * @memberof ColorPickerComponent
-     * @param {string} color
-     * @returns {void}
-     */
-    inputChange(color: string): void;
-    /**
-     * Sets canShowPalette to true when the palette is opened.
-     * @memberof ColorPickerComponent
-     * @returns {void}
-     */
-    onOpenPalette(): void;
-    /**
-     * Sets canShowPalette to false when the palette is closed.
-     * @memberof ColorPickerComponent
-     * @returns {void}
-     */
-    onClosePalette(): void;
-    /**
-     * Gets triggered when the the alpha, hue or Lightness sliders are changed
-     * @param {string} color
-     */
-    onSliderChange(color: string): void;
-    /**
-     * Toggles the palette panel.
-     * @memberof ColorPickerComponent
-     * @returns {void}
-     */
-    togglePalette(): void;
-    /**
-     * Listening the color picker events to achieve the accessibility for color palette.
-     * canAddListener false remove the event listeners which we calls in ngDestroy,
-     * canAddListener true adding the event listeners while opening the color palette.
-     * @memberof ColorPickerComponent
-     * @param {boolean} canAddListener
-     * @returns {void}
-     */
-    colorPickerEventHandlers(canAddListener: boolean): void;
-    /**
-     * Listens keydown event handles to make the palette focusable.
-     * @memberof ColorPickerComponent
-     * @param {HTMLElement[]} colorPallettesList
-     * @param {KeyboardEvent} event
-     * @returns {void}
-     */
-    colorPickerKeyDownHandler(colorPallettesList: HTMLElement[], event: KeyboardEvent): void;
-    /**
-     * Removing the active listeners while component get destroyed.
-     */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ieeesa-color-picker", never, { "defaultColor": { "alias": "defaultColor"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "overlayClassName": { "alias": "overlayClassName"; "required": false; }; "colorFormat": { "alias": "colorFormat"; "required": false; }; "colorAnimation": { "alias": "colorAnimation"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "paletteSelectLabel": { "alias": "paletteSelectLabel"; "required": false; }; "paletteCancelLabel": { "alias": "paletteCancelLabel"; "required": false; }; "colorPickerLabel": { "alias": "colorPickerLabel"; "required": false; }; "isColorCodeLabelNeeded": { "alias": "isColorCodeLabelNeeded"; "required": false; }; "isArrowIconNeeded": { "alias": "isArrowIconNeeded"; "required": false; }; "canHideTextInput": { "alias": "canHideTextInput"; "required": false; }; "canHideColorPicker": { "alias": "canHideColorPicker"; "required": false; }; }, { "colorPickerChange": "colorPickerChange"; "colorPickerSliderChange": "colorPickerSliderChange"; }, never, never, true, never>;
-}