@vallift/ngl 0.0.1

package/inputs/single-selection-field/single-selection-field.component.d.ts

@@ -0,0 +1,53 @@
+import { AfterContentInit } from '@angular/core';
+import { NgControl } from "@angular/forms";
+import { BaseControlValueAccessor } from "../../base/base-control-value-accessor";
+import { State } from "../../base/base-state";
+import * as i0 from "@angular/core";
+export declare class SingleSelectionFieldComponent<T> extends BaseControlValueAccessor implements AfterContentInit {
+    title: import("@angular/core").InputSignal<string | null | undefined>;
+    items: import("@angular/core").InputSignal<T[]>;
+    display: import("@angular/core").InputSignal<string | undefined>;
+    displayTemplate: import("@angular/core").InputSignal<string | null | undefined>;
+    iconSrc: import("@angular/core").InputSignal<string | null | undefined>;
+    dynamicIconPath: import("@angular/core").InputSignal<string | undefined>;
+    imageUrl: import("@angular/core").InputSignal<string | null | undefined>;
+    dynamicImageUrlPath: import("@angular/core").InputSignal<string | undefined>;
+    iconColor: import("@angular/core").InputSignal<string | undefined>;
+    dynamicIconColor: import("@angular/core").InputSignal<string | undefined>;
+    value: import("@angular/core").InputSignal<string | undefined>;
+    noDataMessage: import("@angular/core").InputSignal<string | undefined>;
+    state: import("@angular/core").InputSignal<State<any> | undefined>;
+    customActionText: import("@angular/core").InputSignal<string | undefined>;
+    fullWidth: import("@angular/core").InputSignal<boolean>;
+    itemWidth: import("@angular/core").InputSignal<number | null>;
+    isItemCentered: import("@angular/core").InputSignal<boolean>;
+    showSelectionTickMark: import("@angular/core").InputSignal<boolean>;
+    itemPlacement: import("@angular/core").InputSignal<"start" | "space-between">;
+    maximumDisplayItems: import("@angular/core").InputSignal<number | null>;
+    valueChanged: import("@angular/core").OutputEmitterRef<T | null>;
+    onCustomActionClicked: import("@angular/core").OutputEmitterRef<void>;
+    selectedItem: import("@angular/core").WritableSignal<T | null>;
+    showAll: import("@angular/core").WritableSignal<boolean>;
+    errorMessages: import("@angular/core").WritableSignal<{
+        [key: string]: string;
+    }>;
+    ngControl: NgControl | null;
+    constructor();
+    onWriteValue(value: any): void;
+    ngAfterContentInit(): void;
+    getVisibleItems(): T[];
+    showMoreButton(): boolean;
+    showLessButton(): boolean;
+    showAllItems(): void;
+    shrinkItems(): void;
+    getDisplayString(item: T): any;
+    getPropertyId(item: T | null): any;
+    getImageType(item: T): 'svg' | 'url' | null;
+    getDynamicIcon(item: T): string | null | undefined;
+    getDynamicIconColor(item: T): string | null | undefined;
+    onItemClicked(item: T): void;
+    customActionClicked(): void;
+    handleKeydown(event: KeyboardEvent, item: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectionFieldComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectionFieldComponent<any>, "app-single-selection-field", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "displayTemplate": { "alias": "displayTemplate"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "dynamicIconPath": { "alias": "dynamicIconPath"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "dynamicImageUrlPath": { "alias": "dynamicImageUrlPath"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "dynamicIconColor": { "alias": "dynamicIconColor"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "customActionText": { "alias": "customActionText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "itemWidth": { "alias": "itemWidth"; "required": false; "isSignal": true; }; "isItemCentered": { "alias": "isItemCentered"; "required": false; "isSignal": true; }; "showSelectionTickMark": { "alias": "showSelectionTickMark"; "required": false; "isSignal": true; }; "itemPlacement": { "alias": "itemPlacement"; "required": false; "isSignal": true; }; "maximumDisplayItems": { "alias": "maximumDisplayItems"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; "onCustomActionClicked": "onCustomActionClicked"; }, never, ["[post]"], true, never>;
+}

package/inputs/switch/switch.component.d.ts

@@ -0,0 +1,21 @@
+import { AfterContentInit, EventEmitter, OnInit } from '@angular/core';
+import { NgControl } from "@angular/forms";
+import { BaseControlValueAccessor } from "../../base/base-control-value-accessor";
+import * as i0 from "@angular/core";
+export declare class SwitchComponent extends BaseControlValueAccessor implements OnInit, AfterContentInit {
+    title: import("@angular/core").InputSignal<string | null | undefined>;
+    id: import("@angular/core").WritableSignal<string>;
+    valueChanged: EventEmitter<boolean>;
+    ngControl: NgControl | null;
+    errorMessages: import("@angular/core").InputSignal<{
+        [key: string]: string;
+    }>;
+    constructor();
+    ngAfterContentInit(): void;
+    ngOnInit(): void;
+    protected onWriteValue(value: any): void;
+    onSwitchSelected($event: Event): void;
+    private getId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "app-switch", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+}

package/inputs/text-area-input/text-area-input.component.d.ts

@@ -0,0 +1,25 @@
+import { AfterContentInit } from '@angular/core';
+import { NgControl } from "@angular/forms";
+import { BaseControlValueAccessor } from "../../base/base-control-value-accessor";
+import * as i0 from "@angular/core";
+export declare class TextAreaInputComponent extends BaseControlValueAccessor implements AfterContentInit {
+    appearance: import("@angular/core").InputSignal<"outline" | "fill">;
+    type: import("@angular/core").InputSignal<"number" | "text" | "search" | "email" | "password" | "tel" | "url">;
+    viewType: import("@angular/core").InputSignal<"text" | "text-area">;
+    label: import("@angular/core").InputSignal<string>;
+    fullWidth: import("@angular/core").InputSignal<boolean>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    rows: import("@angular/core").InputSignal<number>;
+    errorMessages: import("@angular/core").InputSignal<{
+        [key: string]: string;
+    }>;
+    showErrorSpace: import("@angular/core").InputSignal<boolean>;
+    changeValue: import("@angular/core").OutputEmitterRef<any>;
+    ngControl: NgControl | null;
+    constructor();
+    ngAfterContentInit(): void;
+    onValueChange(event: any): void;
+    protected onWriteValue(obj: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaInputComponent, "app-text-area-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "showErrorSpace": { "alias": "showErrorSpace"; "required": false; "isSignal": true; }; }, { "changeValue": "changeValue"; }, never, never, true, never>;
+}

package/inputs/text-input/text-input.component.d.ts

@@ -0,0 +1,37 @@
+import { AfterContentInit, AfterViewInit, OnDestroy } from '@angular/core';
+import { NgControl } from "@angular/forms";
+import { BaseControlValueAccessor } from "../../base/base-control-value-accessor";
+import * as i0 from "@angular/core";
+export declare class TextInputComponent extends BaseControlValueAccessor implements AfterContentInit, AfterViewInit, OnDestroy {
+    appearance: import("@angular/core").InputSignal<"outline" | "fill">;
+    type: import("@angular/core").InputSignal<"number" | "text" | "search" | "time" | "email" | "password" | "tel" | "url">;
+    viewType: import("@angular/core").InputSignal<"text" | "text-area">;
+    iconSrc: import("@angular/core").InputSignal<string | null | undefined>;
+    actionIcon: import("@angular/core").InputSignal<string | null | undefined>;
+    label: import("@angular/core").InputSignal<string | null | undefined>;
+    fullWidth: import("@angular/core").InputSignal<boolean>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    errorMessages: import("@angular/core").InputSignal<{
+        [key: string]: string;
+    }>;
+    showErrorSpace: import("@angular/core").InputSignal<boolean>;
+    mask: import("@angular/core").InputSignal<string | null>;
+    debounceSearchEnabled: import("@angular/core").InputSignal<boolean>;
+    changeValue: import("@angular/core").OutputEmitterRef<string>;
+    actionIconClicked: import("@angular/core").OutputEmitterRef<void>;
+    isFocused: import("@angular/core").WritableSignal<boolean>;
+    ngControl: NgControl | null;
+    private searchSubject;
+    constructor();
+    onWriteValue(value: any): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onValueChange(event: any): void;
+    getClass(): string;
+    onActionClicked(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "app-text-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "actionIcon": { "alias": "actionIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "showErrorSpace": { "alias": "showErrorSpace"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "debounceSearchEnabled": { "alias": "debounceSearchEnabled"; "required": false; "isSignal": true; }; }, { "changeValue": "changeValue"; "actionIconClicked": "actionIconClicked"; }, never, never, true, never>;
+}

package/inputs/time-picker/time-picker.component.d.ts

@@ -0,0 +1,57 @@
+import { AfterContentInit } from '@angular/core';
+import { BaseControlValueAccessorV2 } from "../../base/base-control-value-accessor-v2";
+import { Overlay } from "@angular/cdk/overlay";
+import * as i0 from "@angular/core";
+export declare class TimePickerComponent extends BaseControlValueAccessorV2<TimePickerValue> implements AfterContentInit {
+    overlay: Overlay;
+    iconSrc: import("@angular/core").InputSignal<string | null | undefined>;
+    fullWidth: import("@angular/core").InputSignal<boolean>;
+    showErrorSpace: import("@angular/core").InputSignal<boolean>;
+    showTimePickerIcon: import("@angular/core").InputSignal<boolean>;
+    valueChanged: import("@angular/core").OutputEmitterRef<TimePickerValueEvent>;
+    scrollStrategy: import("@angular/cdk/overlay").BlockScrollStrategy;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    errorMessages: import("@angular/core").WritableSignal<{
+        [key: string]: string;
+    }>;
+    enableApplyActions: import("@angular/core").WritableSignal<boolean>;
+    hours: import("@angular/core").WritableSignal<number>;
+    minutes: import("@angular/core").WritableSignal<number>;
+    period: import("@angular/core").WritableSignal<"AM" | "PM" | null>;
+    is24HourFormat: import("@angular/core").WritableSignal<boolean>;
+    isFocused: import("@angular/core").WritableSignal<boolean>;
+    handleHourUpdate: boolean;
+    previousValidHours: number;
+    previousValidMinutes: number;
+    protected onValueReady(value: TimePickerValue): void;
+    ngAfterContentInit(): void;
+    onFocus(): void;
+    onBlur(): void;
+    getClass(): string;
+    onHourUpClicked(): void;
+    onHourDownClicked(): void;
+    onMinuteUpClicked(): void;
+    onMinuteDownClicked(): void;
+    togglePeriod(): void;
+    toggle24HourFormat(isChecked: boolean): void;
+    validateHours($event: FocusEvent): void;
+    validateMinutes($event: FocusEvent): void;
+    getFormattedHours(): string;
+    getFormattedMinutes(): string;
+    valueUpdated(): void;
+    onTimePickerIconClick(): void;
+    onClickOutside(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "app-time-picker", never, { "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showErrorSpace": { "alias": "showErrorSpace"; "required": false; "isSignal": true; }; "showTimePickerIcon": { "alias": "showTimePickerIcon"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+}
+export interface TimePickerValue {
+    hours: number;
+    minutes: number;
+}
+export interface TimePickerValueEvent {
+    hours12F: number;
+    minutes12F: number;
+    hours24F: number;
+    minutes24F: number;
+    period: 'AM' | 'PM' | null;
+}

package/ngl-config.token.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+export interface NglConfig {
+    baseApiUrl: string;
+    enableUnsavedChangesWarning: boolean;
+    enableDevTools: boolean;
+}
+export declare const NGL_CONFIG: InjectionToken<NglConfig>;

package/ngl.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class NglService {
+    private config;
+    constructor();
+    getBaseUrl(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NglService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NglService>;
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@vallift/ngl",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "angular",
+    "ngl",
+    "ui",
+    "component",
+    "library"
+  ],
+  "author": "Nandhakumar A",
+  "license": "MIT",
+  "description": "Ready-to-use, Angular-based component library, designed to streamline and enhance your UI/UX solutions effortlessly.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nandhakumargdr/ngl.git"
+  },
+  "module": "fesm2022/vallift-ngl.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/vallift-ngl.mjs"
+    }
+  }
+}

package/provide-ngl-config.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from '@angular/core';
+import { NglConfig } from './ngl-config.token';
+export declare function provideNglConfig(config: NglConfig): Provider;

package/public-api.d.ts

@@ -0,0 +1,82 @@
+export * from './base/base-api.service';
+export * from './base/base-control-value-accessor';
+export * from './base/base-control-value-accessor-v2';
+export * from './base/base-control-value-accessor-v3';
+export * from './base/base-state';
+export * from './base/base-pagination-state';
+export * from './base/unsaved-aware.directive';
+export * from './common-utils/template-resolver';
+export * from './components/_base/base-table/base-table.component';
+export * from './components/_base/base-table/sortable-table.directive';
+export * from './components/_base/base-table/resizable-column.directive';
+export * from './components/_base/base-table/table-resizable-columns.directive';
+export * from './components/app-svg-icon/app-svg-icon.component';
+export * from './components/breadcrumb/breadcrumb.component';
+export * from './components/button/button.component';
+export * from './components/close-button/close-button.component';
+export * from './components/context-menu/context-menu.component';
+export * from './components/context-menu-button/overlay-context-menu/overlay-context-menu.component';
+export * from './components/context-menu-button/context-menu-button.component';
+export * from './components/context-menu-icon/context-menu-icon.component';
+export * from './components/data-table/table-custom-component/table-custom.component';
+export * from './components/data-table/data-table.component';
+export * from './components/dynamic-renderer/dynamic-renderer.component';
+export * from './components/env-banner/env-banner.component';
+export * from './components/loader/loader.component';
+export * from './components/loader/loader.service';
+export * from './components/network-image/network-image.component';
+export * from './components/no-data/no-data.component';
+export * from './components/no-data-table/no-data-table.component';
+export * from './components/overlay/alert-dialog/alert-dialog.component';
+export * from './components/overlay/base-overlay/base-overlay.component';
+export * from './components/overlay/overlay.service';
+export * from './components/overlay/overlay-wizard-utils';
+export * from './components/pagination/pagination.component';
+export * from './components/responsive-helper/responsive-helper.component';
+export * from './components/shimmer/shimmer.component';
+export * from './components/spinner/spinner.component';
+export * from './components/status-badge/status-badge.component';
+export * from './components/svg-url-icon/svg-url-icon.component';
+export * from './components/toast/toast.service';
+export * from './components/toast/components/toast/toast.component';
+export * from './components/toast/components/toaster/toaster.component';
+export * from './components/tooltip/tooltip.component';
+export * from './directives/click-outside.directive';
+export * from './directives/invalid-control-scroll.directive';
+export * from './directives/invalid-control-scroll-container.directive';
+export * from './inputs/_base/base-input/base-input.component';
+export * from './inputs/_utils/base-input-utils';
+export * from './inputs/_utils/form-validation-utils';
+export * from './inputs/app-error/app-error.component';
+export * from './inputs/checkbox/checkbox.component';
+export * from './inputs/date-input/date-picker-overlay/date-picker-overlay.component';
+export * from './inputs/date-input/date-input.component';
+export * from './inputs/date-picker/date-picker.component';
+export * from './inputs/date-range-picker/date-range-picker.component';
+export * from './inputs/dropdown/dropdown.component';
+export * from './inputs/file-uploader/file-uploader.component';
+export * from './inputs/multi-select-dropdown/multi-select-dropdown.component';
+export * from './inputs/multi-selection-field/multi-selection-field.component';
+export * from './inputs/number-input/number-input.component';
+export * from './inputs/phone-number-input/phone-number-input.component';
+export * from './inputs/radio-button/radio-button.component';
+export * from './inputs/single-item-picker-input/single-item-picker-input.component';
+export * from './inputs/single-selection-field/single-selection-field.component';
+export * from './inputs/switch/switch.component';
+export * from './inputs/text-area-input/text-area-input.component';
+export * from './inputs/text-input/text-input.component';
+export * from './inputs/time-picker/time-picker.component';
+export * from './inputs/form-errors';
+export * from './inputs/humanize-form-messages.pipe';
+export * from './utils/date-utils';
+export * from './utils/form-utils';
+export * from './utils/html-utils';
+export * from './utils/jwt-decode-utils';
+export * from './utils/string-utils';
+export * from './validators/mmddyyyy-date.validator';
+export * from './validators/only-future-date-validator';
+export * from './validators/only-past-date-validator';
+export * from './ngl.service';
+export * from './ngl-config.token';
+export * from './provide-ngl-config';
+export * from './shared-constants';

package/shared-constants.d.ts

@@ -0,0 +1,3 @@
+export declare class SharedConstants {
+    static inputIdentifier: string;
+}

package/utils/date-utils.d.ts

@@ -0,0 +1,7 @@
+export declare class DateUtils {
+    convertToMMDDYYYY(dateString: string | undefined | null): string | null;
+    convertTohhmm(dateString: string | undefined | null): string | null;
+    convertToDateTimeString(date: string, time?: string): string | undefined;
+    convertToMMYYYYString(mmyyyy: string): string | null;
+    getCurrentDateMMDDYYYY(): string | null;
+}

package/utils/form-utils.d.ts

@@ -0,0 +1,2 @@
+import { FormGroup } from '@angular/forms';
+export declare function printInvalidFields(formGroup: FormGroup): void;

package/utils/html-utils.d.ts

@@ -0,0 +1,2 @@
+import { ElementRef } from "@angular/core";
+export declare function openLink(link: string, openInNewTab: boolean | undefined, document: Document, elementRef: ElementRef): void;

package/utils/jwt-decode-utils.d.ts

@@ -0,0 +1,23 @@
+export interface JwtDecodeOptions {
+    header?: boolean;
+}
+export interface JwtHeader {
+    typ?: string;
+    alg?: string;
+    kid?: string;
+}
+export interface JwtPayload {
+    iss?: string;
+    sub?: string;
+    aud?: string[] | string;
+    exp?: number;
+    nbf?: number;
+    iat?: number;
+    jti?: string;
+}
+export declare class InvalidTokenError extends Error {
+}
+export declare function jwtDecode<T = JwtHeader>(token: string, options: JwtDecodeOptions & {
+    header: true;
+}): T;
+export declare function jwtDecode<T = JwtPayload>(token: string, options?: JwtDecodeOptions): T;

package/utils/string-utils.d.ts

@@ -0,0 +1,4 @@
+export declare function arrayToCSV(arr: (string | null | undefined)[]): string;
+export declare function arrayToSpaceSeparator(arr: (string | null | undefined)[]): string;
+export declare function arrayToSeparator(arr: (string | null | undefined)[], separator?: string): string;
+export declare function toSentenceCase(value: string): string;

package/validators/mmddyyyy-date.validator.d.ts

@@ -0,0 +1,2 @@
+import { AsyncValidatorFn } from '@angular/forms';
+export declare function mmddyyyyDateValidatorAsync(): AsyncValidatorFn;

package/validators/only-future-date-validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from "@angular/forms";
+export declare function onlyFutureDateValidator(): ValidatorFn;

package/validators/only-past-date-validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from "@angular/forms";
+export declare function onlyPastDateValidator(): ValidatorFn;