@up_si_vale/sivale-componentes-angular 1.0.0 → 1.0.1

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@up_si_vale/sivale-componentes-angular" />
+export * from './public-api';

package/lib/atoms/button/button.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export declare class ButtonComponent {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    type: ButtonType;
+    disabled: boolean;
+    loading: boolean;
+    fullWidth: boolean;
+    id?: string;
+    ariaLabel?: string;
+    onClick: EventEmitter<MouseEvent>;
+    get buttonClasses(): string;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}

package/lib/atoms/checkbox/checkbox.component.d.ts

@@ -0,0 +1,31 @@
+import { ChangeDetectorRef, EventEmitter, SimpleChanges, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class CheckboxComponent implements ControlValueAccessor {
+    private cdr;
+    private elRef;
+    label: string;
+    id: string;
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    indeterminate: boolean;
+    set checked(value: boolean);
+    get checked(): boolean;
+    changed: EventEmitter<boolean>;
+    value: boolean;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef, elRef: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateNativeIndeterminate;
+    onCheckboxChange(event: Event): void;
+    onTextClick(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}

package/lib/atoms/date-picker/date-picker.component.d.ts

@@ -0,0 +1,134 @@
+import { ElementRef, OnDestroy, Renderer2, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface DateRange {
+    startDate: Date | null;
+    endDate: Date | null;
+}
+export type DatePickerValue = Date | null | DateRange;
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isInRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isDisabled: boolean;
+}
+type FilterOption = 'hoy' | 'ayer' | 'esta-semana' | 'semana-pasada' | 'este-mes' | 'mes-pasado' | 'este-ano' | 'ano-pasado' | 'mostrar-todo';
+export declare class DatePickerComponent implements ControlValueAccessor, OnDestroy, OnInit {
+    private renderer;
+    private document;
+    label: string;
+    id: string;
+    placeholder: string;
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    rangeMode: boolean;
+    iconPosition: 'left' | 'right';
+    trigger: ElementRef;
+    dropdown?: ElementRef;
+    singleValue: Date | null;
+    rangeValue: DateRange;
+    isOpen: boolean;
+    onChange: any;
+    onTouched: any;
+    leftMonthDate: Date;
+    rightMonthDate: Date;
+    tempStartDate: Date | null;
+    tempEndDate: Date | null;
+    tempSingleDate: Date | null;
+    hoverDate: Date | null;
+    originalLeftMonthDate: Date;
+    originalRightMonthDate: Date;
+    leftCalendarDays: CalendarDay[];
+    rightCalendarDays: CalendarDay[];
+    filterOptions: {
+        value: FilterOption;
+        label: string;
+    }[];
+    selectedFilter: FilterOption | '';
+    weekDays: string[];
+    months: string[];
+    showLeftMonthPicker: boolean;
+    showRightMonthPicker: boolean;
+    years: number[];
+    leftYearPickerPage: number;
+    rightYearPickerPage: number;
+    yearsPerPage: number;
+    private scrollHandler;
+    private resizeHandler;
+    dropdownPosition: {
+        top: string;
+        left: string;
+    };
+    constructor(renderer: Renderer2, document: Document);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initializeDates;
+    private updateCalendarDays;
+    onDocumentClick(event: MouseEvent): void;
+    toggleDropdown(event: Event): void;
+    private openDropdown;
+    getDropdownStyle(): any;
+    private calculatePosition;
+    closeDropdown(): void;
+    private addRepositionListeners;
+    private removeRepositionListeners;
+    private updateDropdownPosition;
+    getDisplayValue(): string;
+    formatDateShort(date: Date): string;
+    generateCalendarDays(monthDate: Date): CalendarDay[];
+    private createCalendarDay;
+    private isDateDisabled;
+    trackByDate(index: number, day: CalendarDay): string;
+    isInRange(date: Date): boolean;
+    onDayClick(day: CalendarDay): void;
+    onDayHover(day: CalendarDay): void;
+    onDayLeave(): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    canNavigatePreviousMonth(): boolean;
+    canNavigateNextMonth(): boolean;
+    getMonthYear(date: Date): string;
+    selectFilter(filter: FilterOption): void;
+    private applyFilter;
+    private getStartOfWeek;
+    cancel(): void;
+    apply(): void;
+    getStartDateDisplay(): string;
+    getEndDateDisplay(): string;
+    private formatDateForInput;
+    toggleLeftMonthPicker(event: Event): void;
+    toggleRightMonthPicker(event: Event): void;
+    getLeftYears(): number[];
+    getRightYears(): number[];
+    previousLeftYearPage(event: Event): void;
+    nextLeftYearPage(event: Event): void;
+    previousRightYearPage(event: Event): void;
+    nextRightYearPage(event: Event): void;
+    isMonthDisabled(monthIndex: number, calendarDate: Date): boolean;
+    isYearDisabled(year: number): boolean;
+    getLeftYearRangeLabel(): string;
+    getRightYearRangeLabel(): string;
+    canNavigateLeftYearsPrevious(): boolean;
+    canNavigateLeftYearsNext(): boolean;
+    canNavigateRightYearsPrevious(): boolean;
+    canNavigateRightYearsNext(): boolean;
+    selectLeftMonth(monthIndex: number, event?: Event): void;
+    selectRightMonth(monthIndex: number, event?: Event): void;
+    selectLeftYear(year: number, event?: Event): void;
+    selectRightYear(year: number, event?: Event): void;
+    writeValue(value: DatePickerValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    resetDatePicker(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "rangeMode": { "alias": "rangeMode"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/atoms/input/input.component.d.ts

@@ -0,0 +1,35 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+type InputFormat = 'alphanumeric' | 'currency' | 'numeric';
+export declare class InputComponent implements ControlValueAccessor {
+    private cdr;
+    label: string;
+    id: string;
+    placeholder: string;
+    type: 'text' | 'email' | 'tel' | 'password' | 'number';
+    maxLength?: number | null;
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    readonly: boolean;
+    format: InputFormat;
+    unstyled: boolean;
+    value: any;
+    formattedValue: string;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: Event): void;
+    onBlur(): void;
+    private parseValue;
+    private applyFormat;
+    private formatCurrency;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "app-input", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "unstyled": { "alias": "unstyled"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
+}
+export {};

package/lib/atoms/loader/loader.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class LoaderComponent {
+    show: boolean;
+    message?: string;
+    logo?: string;
+    image?: string;
+    imageAlt: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "app-loader", never, { "show": { "alias": "show"; "required": false; }; "message": { "alias": "message"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/atoms/radio/radio.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RadioComponent implements ControlValueAccessor {
+    private cdr;
+    label: string;
+    id: string;
+    name: string;
+    radioValue: any;
+    disabled: boolean;
+    changed: EventEmitter<any>;
+    value: any;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    get isSelected(): boolean;
+    onContainerClick(): void;
+    onRadioChange(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "app-radio", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "radioValue": { "alias": "radioValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}

package/lib/atoms/textarea/textarea.component.d.ts

@@ -0,0 +1,27 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TextareaComponent implements ControlValueAccessor {
+    private cdr;
+    label: string;
+    id: string;
+    placeholder: string;
+    rows: number;
+    maxLength?: number;
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    readonly: boolean;
+    value: string;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: Event): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "app-textarea", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/asset-source.directive.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, OnInit, OnChanges, AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export type AssetSource = 'mf' | 'main';
+export declare class AssetSourceDirective implements OnInit, OnChanges, AfterViewInit {
+    private el;
+    private assetBaseUrl;
+    assetSource: AssetSource;
+    assetPath?: string;
+    private originalSrc;
+    constructor(el: ElementRef<HTMLImageElement>, assetBaseUrl: string | null);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    private captureOriginalSrc;
+    private updateSrc;
+    private getBaseUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AssetSourceDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AssetSourceDirective, "[assetSource]", never, { "assetSource": { "alias": "assetSource"; "required": false; }; "assetPath": { "alias": "assetPath"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/icon-source.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnInit, OnChanges, AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export type IconName = 'user' | 'mail' | 'build' | 'map-pin' | 'money' | 'card' | 'nav-arrow-up' | 'nav-arrow-down' | 'car' | 'trash' | 'hand-card' | 'help-outlined' | 'edit' | 'shopping-cart';
+export declare class IconSourceDirective implements OnInit, OnChanges, AfterViewInit {
+    private el;
+    private assetBaseUrl;
+    iconName: IconName;
+    assetSource: 'mf' | 'main';
+    constructor(el: ElementRef<HTMLElement>, assetBaseUrl: string | null);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    private addIconClass;
+    private setIconUrl;
+    private getBaseUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconSourceDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconSourceDirective, "i[iconName]", never, { "iconName": { "alias": "iconName"; "required": false; }; "assetSource": { "alias": "assetSource"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/no-leading-space.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NoLeadingSpaceDirective {
+    onInput(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoLeadingSpaceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NoLeadingSpaceDirective, "[noLeadingSpace]", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/only-letters.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class OnlyLettersDirective {
+    private regex;
+    onInput(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlyLettersDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyLettersDirective, "[onlyLetters]", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/only-number.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OnlyNumberDirective {
+    onInput(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlyNumberDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyNumberDirective, "[onlyNumber]", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/rfc.directive.d.ts

@@ -0,0 +1,12 @@
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RfcDirective {
+    private ngControl;
+    tipoContribuyente: string | null;
+    constructor(ngControl: NgControl | null);
+    private getMaxLength;
+    onInput(event: Event): void;
+    onPaste(event: ClipboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RfcDirective, [{ optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RfcDirective, "[rfcValidator]", never, { "tipoContribuyente": { "alias": "tipoContribuyente"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/tooltip.directive.d.ts

@@ -0,0 +1,27 @@
+import { ElementRef, Renderer2, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'auto';
+export declare class TooltipDirective implements OnDestroy {
+    private el;
+    private renderer;
+    tooltipText: string;
+    tooltipPosition: TooltipPosition;
+    tooltipDelay: number;
+    tooltipMaxWidth: number;
+    tooltipClass: string;
+    cursor: string;
+    private tooltipElement;
+    private showTimeout?;
+    private hideTimeout?;
+    constructor(el: ElementRef, renderer: Renderer2);
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onClick(): void;
+    private showTooltip;
+    private hideTooltip;
+    private positionTooltip;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[appTooltip]", never, { "tooltipText": { "alias": "appTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/{src/lib/models/snackbar.models.ts → lib/models/snackbar.models.d.ts}

@@ -1,16 +1,14 @@
 export type SnackbarType = 'success' | 'error' | 'warning' | 'info';
 export type SnackbarPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
-
 export interface SnackbarConfig {
-  message: string;
-  type: SnackbarType;
-  duration?: number;
-  position?: SnackbarPosition;
-  action?: string;
-  actionCallback?: () => void;
+    message: string;
+    type: SnackbarType;
+    duration?: number;
+    position?: SnackbarPosition;
+    action?: string;
+    actionCallback?: () => void;
 }
-
 export interface SnackbarData extends SnackbarConfig {
-  id: string;
-  position: SnackbarPosition;
+    id: string;
+    position: SnackbarPosition;
 }

package/lib/molecules/copy-input/copy-input.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CopyInputComponent {
+    value: string;
+    icon: string;
+    copiedIcon: string;
+    ariaLabel: string;
+    copied: EventEmitter<void>;
+    isCopied: boolean;
+    timeoutRef: any;
+    copyToClipboard(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyInputComponent, "copy-input", never, { "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "copiedIcon": { "alias": "copiedIcon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "copied": "copied"; }, never, never, true, never>;
+}

package/lib/molecules/multiselect/multiselect.component.d.ts

@@ -0,0 +1,74 @@
+import { ElementRef, QueryList, AfterContentInit, OnDestroy, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { OptionComponent } from '../option/option.component';
+import * as i0 from "@angular/core";
+export interface MultiselectOption {
+    value: any;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export declare class MultiselectComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
+    private renderer;
+    private document;
+    label: string;
+    id: string;
+    placeholder: string;
+    options: MultiselectOption[] | any[];
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    displayKey: string;
+    valueKey: string;
+    customClass: string;
+    trigger: ElementRef;
+    contentOptions: QueryList<OptionComponent>;
+    value: any[];
+    isOpen: boolean;
+    onChange: any;
+    onTouched: any;
+    private _usingContentOptions;
+    private dropdownElement;
+    private backdropElement;
+    private scrollHandler;
+    private resizeHandler;
+    constructor(renderer: Renderer2, document: Document);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Get all options (from content or input)
+     */
+    getAllOptions(): any[];
+    /**
+     * Get display label from option
+     */
+    getOptionLabel(option: any): string;
+    /**
+     * Get value from option
+     */
+    getOptionValue(option: any): any;
+    /**
+     * Check if option is disabled
+     */
+    isOptionDisabled(option: any): boolean;
+    onDocumentClick(event: MouseEvent): void;
+    toggleDropdown(event: Event): void;
+    private openDropdown;
+    private calculatePosition;
+    private addRepositionListeners;
+    private updateDropdownPosition;
+    private createOptionElement;
+    private createCheckIcon;
+    closeDropdown(): void;
+    private destroyDropdown;
+    toggleOption(option: any): void;
+    isSelected(value: any): boolean;
+    getSelectedCount(): number;
+    getSelectedLabels(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent, "app-multiselect", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, ["contentOptions"], ["*"], true, never>;
+}

package/lib/molecules/option/option.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OptionComponent {
+    private elementRef;
+    value: any;
+    disabled: boolean;
+    selected: boolean;
+    readonly optionClass = true;
+    private _viewValue;
+    get viewValue(): string;
+    set viewValue(value: string);
+    constructor(elementRef: ElementRef);
+    /**
+     * Get the text content from the element
+     */
+    getTextContent(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "app-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/molecules/phone-input/phone-input.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export interface PhoneValue {
+    countryCode: string;
+    number: string;
+}
+export declare class PhoneInputComponent {
+    label: string;
+    hasError: boolean;
+    errorMessage: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "app-phone-input", never, { "label": { "alias": "label"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, {}, never, ["[countrySelect]", "[phoneInput]"], true, never>;
+}

package/lib/molecules/select/select.component.d.ts

@@ -0,0 +1,88 @@
+import { ElementRef, OnDestroy, Renderer2, QueryList, AfterContentInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { OptionComponent } from '../option/option.component';
+import * as i0 from "@angular/core";
+export declare class SelectPrefixDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectPrefixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectPrefixDirective, "[prefix]", never, {}, {}, never, never, true, never>;
+}
+export declare class SelectSuffixDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectSuffixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectSuffixDirective, "[suffix]", never, {}, {}, never, never, true, never>;
+}
+export interface SelectOption {
+    value: any;
+    label: string;
+    disabled?: boolean;
+}
+export declare class SelectComponent implements ControlValueAccessor, OnDestroy, AfterContentInit {
+    private renderer;
+    private document;
+    label: string;
+    id: string;
+    placeholder: string;
+    options: SelectOption[] | any[];
+    hasError: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    unstyled: boolean;
+    displayKey: string;
+    valueKey: string;
+    customClass: string;
+    trigger: ElementRef;
+    contentOptions: QueryList<OptionComponent>;
+    prefixDirective: SelectPrefixDirective;
+    suffixDirective: SelectSuffixDirective;
+    get hasPrefix(): boolean;
+    get hasSuffix(): boolean;
+    value: any;
+    isOpen: boolean;
+    onChange: any;
+    onTouched: any;
+    private _usingContentOptions;
+    private dropdownElement;
+    private backdropElement;
+    private scrollHandler;
+    private resizeHandler;
+    constructor(renderer: Renderer2, document: Document);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onEsc(): void;
+    handleBlur(): void;
+    /**
+     * Get all options (from content or input)
+     */
+    private getAllOptions;
+    /**
+     * Get display label from option
+     */
+    getOptionLabel(option: any): string;
+    /**
+     * Get value from option
+     */
+    getOptionValue(option: any): any;
+    /**
+     * Check if option is disabled
+     */
+    isOptionDisabled(option: any): boolean;
+    onDocumentClick(event: MouseEvent): void;
+    toggleDropdown(event: Event): void;
+    private openDropdown;
+    private calculatePosition;
+    private addRepositionListeners;
+    private updateDropdownPosition;
+    private createOptionElement;
+    private createCheckIcon;
+    closeDropdown(): void;
+    private destroyDropdown;
+    selectOption(option: any): void;
+    isSelected(value: any): boolean;
+    isEmptyValue(value: any): boolean;
+    getSelectedLabel(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "app-select", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "unstyled": { "alias": "unstyled"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, ["prefixDirective", "suffixDirective", "contentOptions"], ["[prefix]", "[suffix]", "*"], true, never>;
+}