@pongrass/utils 1.0.4-v20 → 1.1.1-v20

package/index.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { WritableSignal, ElementRef, OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';
-import * as i3$1 from '@ag-grid-community/angular';
+import * as i3 from '@ag-grid-community/angular';
 import { ICellRendererAngularComp, IFilterAngularComp } from '@ag-grid-community/angular';
 import { ICellRendererParams, IFilterParams, IDoesFilterPassParams, ColDef, SelectionColumnDef, GridOptions, GridReadyEvent, GridApi, CellValueChangedEvent, PaginationChangedEvent, AgPublicEventType, ColumnResizedEvent, ColumnMovedEvent, SortChangedEvent, FirstDataRenderedEvent } from '@ag-grid-community/core';
 import * as i4 from '@angular/forms';
 import { AbstractControl, FormGroup } from '@angular/forms';
 import { Observable, Subject } from 'rxjs';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import * as i5 from '@coreui/angular-pro';
 import * as i6 from '@coreui/icons-angular';
 import * as i9 from 'ngx-bootstrap/datepicker';
@@ -142,7 +142,7 @@ declare class ColorCellRendererComponent implements ICellRendererAngularComp {
     refresh(params: ICellRendererParams): boolean;
     setColorCode(colorKey: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorCellRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorCellRendererComponent, "app-color-cell-renderer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorCellRendererComponent, "prg-ws-color-cell-renderer", never, {}, {}, never, never, true, never>;
 }
 
 declare class CustomSelectFilterComponent implements IFilterAngularComp {
@@ -171,7 +171,7 @@ declare class CustomSelectFilterComponent implements IFilterAngularComp {
         values?: string[];
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomSelectFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSelectFilterComponent, "app-custom-set-filter", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSelectFilterComponent, "prg-ws-custom-set-filter", never, {}, {}, never, never, true, never>;
 }
 
 declare class CheckboxCellRendererComponent implements ICellRendererAngularComp {
@@ -191,7 +191,7 @@ declare class CommentsButtonCellRendererComponent implements ICellRendererAngula
     refresh(params: ICellRendererParams): boolean;
     onCommentClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentsButtonCellRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommentsButtonCellRendererComponent, "app-comments-button-cell-renderer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommentsButtonCellRendererComponent, "prg-ws-comments-button-cell-renderer", never, {}, {}, never, never, true, never>;
 }
 
 declare class EditionListGroupedComponent implements OnInit, OnDestroy {
@@ -215,7 +215,7 @@ declare class EditionListGroupedComponent implements OnInit, OnDestroy {
     onSelectEditionGroup(region: string, index: number): void;
     onVisibleChange(isActive: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditionListGroupedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditionListGroupedComponent, "app-edition-list-grouped", never, { "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "hasFormError": { "alias": "hasFormError"; "required": false; }; }, { "selectedEditionsChange": "selectedEditionsChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditionListGroupedComponent, "prg-ws-edition-list-grouped", never, { "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "hasFormError": { "alias": "hasFormError"; "required": false; }; }, { "selectedEditionsChange": "selectedEditionsChange"; }, never, never, true, never>;
 }
 
 declare class IndustryUpdateListboxCellRendererComponent implements ICellRendererAngularComp {
@@ -226,7 +226,7 @@ declare class IndustryUpdateListboxCellRendererComponent implements ICellRendere
     refresh(params: ICellRendererParams): boolean;
     onIndustryChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IndustryUpdateListboxCellRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IndustryUpdateListboxCellRendererComponent, "app-industry-update-listbox-cell-renderer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IndustryUpdateListboxCellRendererComponent, "prg-ws-industry-update-listbox-cell-renderer", never, {}, {}, never, never, true, never>;
 }
 
 declare class PageStatusCellRendererComponent {
@@ -238,7 +238,7 @@ declare class PageStatusCellRendererComponent {
     updatePageStatus(value: string): void;
     getStatusColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageStatusCellRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageStatusCellRendererComponent, "app-page-status-cell-renderer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageStatusCellRendererComponent, "prg-ws-page-status-cell-renderer", never, {}, {}, never, never, true, never>;
 }
 
 declare class StatusSelectCellRendererComponent implements ICellRendererAngularComp {
@@ -250,7 +250,7 @@ declare class StatusSelectCellRendererComponent implements ICellRendererAngularC
     updatePageStatus(value: string): void;
     getStatusColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatusSelectCellRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatusSelectCellRendererComponent, "app-status-select-cell-renderer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusSelectCellRendererComponent, "prg-ws-status-select-cell-renderer", never, {}, {}, never, never, true, never>;
 }
 
 interface IEmmitedResponse {
@@ -549,7 +549,7 @@ declare class GenericFilterModelComponent implements OnInit {
     private filterAttributesWithValues;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericFilterModelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericFilterModelComponent, "app-generic-filter-model", never, { "filterFormConfiguration": { "alias": "filterFormConfiguration"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; }, { "sendFilteredData": "sendFilteredData"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericFilterModelComponent, "prg-ws-generic-filter-model", never, { "filterFormConfiguration": { "alias": "filterFormConfiguration"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; }, { "sendFilteredData": "sendFilteredData"; }, never, never, true, never>;
 }
 
 declare class CircularFocusDirective implements AfterViewInit, OnDestroy {
@@ -614,7 +614,7 @@ declare class MultiSelectStylerDirective implements OnInit, OnDestroy {
 
 declare class MultiFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiFormModule, [typeof MultiFormComponent], [typeof CircularFocusDirective, typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MultiSelectModule, typeof i5.FormModule, typeof i6.IconModule, typeof i5.InputGroupComponent, typeof i5.DatePickerModule, typeof DecimalInputDirective, typeof ShowTooltipIfTruncatedDirective, typeof i5.ModalModule, typeof i5.TooltipModule, typeof i5.ButtonModule, typeof i9.BsDatepickerModule, typeof EditionListGroupedComponent, typeof MultiSelectStylerDirective], [typeof MultiFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiFormModule, [typeof MultiFormComponent], [typeof CircularFocusDirective, typeof i2.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MultiSelectModule, typeof i5.FormModule, typeof i6.IconModule, typeof i5.InputGroupComponent, typeof i5.DatePickerModule, typeof DecimalInputDirective, typeof ShowTooltipIfTruncatedDirective, typeof i5.ModalModule, typeof i5.TooltipModule, typeof i5.ButtonModule, typeof i9.BsDatepickerModule, typeof EditionListGroupedComponent, typeof MultiSelectStylerDirective], [typeof MultiFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MultiFormModule>;
 }
 
@@ -702,7 +702,7 @@ declare class TableGridComponent implements OnInit, OnChanges, OnDestroy {
 
 declare class TableGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableGridModule, [typeof TableGridComponent], [typeof i3.CommonModule, typeof i3$1.AgGridModule, typeof i5.FormModule, typeof i4.ReactiveFormsModule, typeof i5.ButtonModule, typeof i5.OffcanvasModule, typeof i5.TooltipModule, typeof i6.IconModule], [typeof TableGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableGridModule, [typeof TableGridComponent], [typeof i2.CommonModule, typeof i3.AgGridModule, typeof i5.FormModule, typeof i4.ReactiveFormsModule, typeof i5.ButtonModule, typeof i5.OffcanvasModule, typeof i5.TooltipModule, typeof i6.IconModule], [typeof TableGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableGridModule>;
 }
 
@@ -787,5 +787,58 @@ declare function regionalDateFormat(date: Date): string;
 declare function convertIsoToFormat(date: string | Date, dateFormat?: string): string;
 declare function convertDateShort(dateString: string): string;
 
-export { BackgroundImageDirective, CheckboxCellRendererComponent, CircularFocusDirective, ColorCellRendererComponent, CommentsButtonCellRendererComponent, ConfigurationServiceLib, CustomSelectFilterComponent, DecimalInputDirective, EditionListGroupedComponent, ExcelType, ExportToExcelNames, FormFieldType, GenericFilterModelComponent, ITableGridConfiguration, ITableGridPagination, IndustryUpdateListboxCellRendererComponent, MultiFormComponent, MultiFormModule, MultiSelectStylerDirective, PageStatusCellRendererComponent, ShowTooltipIfTruncatedDirective, StatusSelectCellRendererComponent, TableGridComponent, TableGridModule, UtilsService, convertDateShort, convertIsoToFormat, convertToISOnString, regionalDateFormat };
-export type { IAgPublicEventType, ICellValueChangedEvent, IColDef, IColumnStateEvent, IEmmitedResponse, IExcelHeaders, IExportCellConfig, IFieldConfig, IFilterChangeEvent, IFormConfig, IFormStyles, IFormSubmissionEmit, IFormValidations, IGridApi, IGridReadyEvent, IPaginationChangedEvent, IPrintHeaders, IRowSelectionOptions, ITableGridState, MaintAction, PongrassICellRendererAngularComp, PongrassICellRendererParams };
+interface ILoginConfig {
+    /** Heading of Application (e.g., Maintainance Portal) */
+    title: string;
+    /** URL of the logo shown on login screen */
+    logoUrl: string;
+    /** Placeholder text for username/email input */
+    usernamePlaceholder: string;
+    /** Placeholder text for password input */
+    passwordPlaceholder: string;
+    /** Text displayed on the login submit button */
+    submitButtonText: string;
+    /** Background configuration */
+    backgroundDirective: {
+        /** Array of background image URLs */
+        backgroundImages: string[];
+        /** If true → pick a random image on each load */
+        random: boolean;
+    };
+}
+declare enum ILOGIN_ACTION {
+    SUBMIT = "submit",
+    BACK_TO_LOGIN = "backToLogin"
+}
+
+declare class LoginComponent implements OnInit {
+    readonly configService: ConfigurationServiceLib;
+    private readonly rendererService;
+    private readonly formBuilder;
+    config: i0.InputSignal<ILoginConfig>;
+    action: i0.OutputEmitterRef<{
+        type: string;
+        data?: any;
+    }>;
+    isFormSubmitted: i0.InputSignal<boolean>;
+    showInactivityLogoutMessage: i0.InputSignal<boolean>;
+    loginForm: FormGroup;
+    contactSupportValue: string;
+    forgetPasswordValue: string;
+    constructor();
+    ngOnInit(): void;
+    private initializeForm;
+    onSubmit(): void;
+    private initializeInitialValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "prg-ws-login", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "isFormSubmitted": { "alias": "isFormSubmitted"; "required": false; "isSignal": true; }; "showInactivityLogoutMessage": { "alias": "showInactivityLogoutMessage"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, false, never>;
+}
+
+declare class LoginModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginModule, [typeof LoginComponent], [typeof i2.CommonModule, typeof BackgroundImageDirective, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.FormModule, typeof i5.ButtonModule, typeof i5.SpinnerModule, typeof i5.FormPasswordDirective, typeof i6.IconModule, typeof i5.AlertModule], [typeof LoginComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoginModule>;
+}
+
+export { BackgroundImageDirective, CheckboxCellRendererComponent, CircularFocusDirective, ColorCellRendererComponent, CommentsButtonCellRendererComponent, ConfigurationServiceLib, CustomSelectFilterComponent, DecimalInputDirective, EditionListGroupedComponent, ExcelType, ExportToExcelNames, FormFieldType, GenericFilterModelComponent, ILOGIN_ACTION, ITableGridConfiguration, ITableGridPagination, IndustryUpdateListboxCellRendererComponent, LoginComponent, LoginModule, MultiFormComponent, MultiFormModule, MultiSelectStylerDirective, PageStatusCellRendererComponent, ShowTooltipIfTruncatedDirective, StatusSelectCellRendererComponent, TableGridComponent, TableGridModule, UtilsService, convertDateShort, convertIsoToFormat, convertToISOnString, regionalDateFormat };
+export type { IAgPublicEventType, ICellValueChangedEvent, IColDef, IColumnStateEvent, IEmmitedResponse, IExcelHeaders, IExportCellConfig, IFieldConfig, IFilterChangeEvent, IFormConfig, IFormStyles, IFormSubmissionEmit, IFormValidations, IGridApi, IGridReadyEvent, ILoginConfig, IPaginationChangedEvent, IPrintHeaders, IRowSelectionOptions, ITableGridState, MaintAction, PongrassICellRendererAngularComp, PongrassICellRendererParams };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pongrass/utils",
-  "version": "1.0.4-v20",
+  "version": "1.1.1-v20",
   "description": "A collection of utility components and services for Angular applications",
   "keywords": [
     "angular",

package/README.md

@@ -1,260 +0,0 @@
-# Utils
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project utils` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project utils`.
-
-> Note: Don't forget to add `--project utils` or else it will be added to the default project in your `angular.json` file.
-
-## Build
-
-Run `ng build utils` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build utils`, go to the dist folder `cd dist/utils` and run `npm publish`.
-
-## Available Modules
-
-This library provides several Angular modules that can be imported separately based on your needs:
-
-### TableGridModule
-
-A comprehensive AG Grid wrapper module that provides advanced table functionality with built-in column management, filtering, and state persistence.
-
-- Includes column visibility toggling
-- Pagination support
-- Column resizing and reordering
-- State persistence
-- Custom cell renderers
-- Filter management
-
-```typescript
-import { TableGridModule } from '@pongrass/utils';
-
-@NgModule({
-  imports: [TableGridModule]
-})
-export class YourModule { }
-```
-
-### MultiFormModule
-
-A flexible form builder that allows you to create dynamic forms with various field types and validation rules.
-
-- Support for multiple field types (text, email, number, select, textarea, date, checkbox, etc.)
-- Configurable validation rules
-- Dynamic form generation based on configuration objects
-- Unsaved changes detection and handling
-- Custom styling options
-
-```typescript
-import { MultiFormModule } from '@pongrass/utils';
-
-@NgModule({
-  imports: [MultiFormModule]
-})
-export class YourModule { }
-```
-
-## Available Components
-
-### Cell Renderers
-
-- **ColorCellRendererComponent** - Renders color values with visual color indicators
-- **CheckboxCellRendererComponent** - Renders boolean values as checkboxes
-- **CommentsButtonCellRendererComponent** - Renders a button for managing comments
-- **IndustryUpdateListboxCellRendererComponent** - Renders industry updates in a listbox format
-- **PageStatusCellRendererComponent** - Renders page status with appropriate styling
-- **StatusSelectCellRendererComponent** - Renders status values with a select dropdown
-
-### Other Components
-
-- **EditionListGroupedComponent** - Displays editions in a grouped list format
-- **GenericFilterModelComponent** - Provides a generic filter interface
-
-## Available Directives
-
-- **CircularFocusDirective** - Enables circular focus navigation in form elements
-- **DecimalInputDirective** - Restricts input to decimal values
-- **MultiSelectStylerDirective** - Applies custom styling to multi-select components
-- **ShowTooltipIfTruncatedDirective** - Shows a tooltip when text is truncated
-- **BackgroundImageDirective** - Adds background images to elements with optional random selection
-
-### BackgroundImageDirective
-
-Adds background images to elements with support for random image selection from a list.
-
-#### Inputs
-
-- `backgroundImage` (string | string[]) - Path to a single background image or array of image paths
-- `random` (boolean) - Flag to enable random image selection from array (defaults to false)
-
-#### Usage
-
-```html
-<!-- Single background image -->
-<div appBackgroundImage [backgroundImage]="'assets/background1.jpg'"></div>
-
-<!-- Random background image from a list -->
-<div appBackgroundImage 
-     [random]="true" 
-     [backgroundImage]="['assets/background1.jpg', 'assets/background2.jpg', 'assets/background3.jpg']">
-</div>
-
-<!-- First image from a list (random=false) -->
-<div appBackgroundImage 
-     [backgroundImage]="['assets/background1.jpg', 'assets/background2.jpg', 'assets/background3.jpg']">
-</div>
-```
-
-Place your background images in your application's assets folder and reference them using the directive.
-
-## Available Services
-
-- **ConfigurationService** - Manages application configuration and preferences
-- **JsonrpcService** - Handles JSON-RPC communication with backend services
-- **UtilsService** - Provides various utility functions
-
-## Styles
-
-This library relies on AG Grid and other third-party component styles that need to be included in your application's global styles.
-
-### Global Styles via angular.json
-
-To use the library styles globally, add the following to your `angular.json` file:
-
-```json
-{
-  "projects": {
-    "your-app-name": {
-      "architect": {
-        "build": {
-          "options": {
-            "styles": [
-              "src/scss/styles.scss",
-              "node_modules/@ag-grid-community/styles/ag-grid.css",
-              "node_modules/@ag-grid-community/styles/ag-theme-quartz.min.css",
-              "node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"
-            ]
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-### Component-Level Styles
-
-When using components from this library, ensure that the required styles are available in your application:
-
-- AG-Grid community styles
-- Bootstrap datepicker styles from ngx-bootstrap
-
-## Multi-Form Module
-
-The Multi-Form module is a flexible form builder that allows you to create dynamic forms with various field types and validation rules.
-
-### Features
-
-- Support for multiple field types (text, email, number, select, textarea, date, checkbox, etc.)
-- Configurable validation rules
-- Dynamic form generation based on configuration objects
-- Unsaved changes detection and handling
-- Custom styling options
-
-### Usage
-
-1. Import the `MultiFormModule` in your application module:
-
-```typescript
-import { MultiFormModule } from '@pongrass/utils';
-
-@NgModule({
-  imports: [MultiFormModule]
-})
-export class YourModule {}
-```
-
-2. Use the component in your template:
-
-```html
-<app-multi-form [config]="formConfig" [showUnsavedFlags]="true" (fieldAction)="handleFieldAction($event)" (formSavedUnsavedListen)="handleFormSave($event)">
-</app-multi-form>
-```
-
-3. Define your form configuration:
-
-```typescript
-import { IFormConfig, FormFieldType } from '@pongrass/utils';
-
-const formConfig: IFormConfig = {
-  formName: 'Sample Form',
-  rows: [
-    [
-      {
-        label: 'Name',
-        type: FormFieldType.Text,
-        controlName: 'name',
-        validations: { required: true },
-        placeholder: 'Enter your name'
-      },
-      {
-        label: 'Email',
-        type: FormFieldType.Email,
-        controlName: 'email',
-        validations: { required: true, pattern: '^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$' },
-        placeholder: 'Enter your email'
-      }
-    ]
-  ]
-};
-```
-
-## Local Development and Linking
-
-To use this library in another project during development:
-
-1. In the utils library directory, start the watch mode:
-
-   ```bash
-   npm run watch
-   ```
-
-2. Create a symlink to the library:
-
-   ```bash
-   npm link
-   ```
-
-3. In your target project directory, link to the library:
-
-   ```bash
-   npm link @pongrass/utils
-   ```
-
-4. Your target project will now use the local version of the library, and changes will be reflected immediately.
-
-To unlink:
-
-1. In your target project directory:
-
-   ```bash
-   npm unlink @pongrass/utils
-   ```
-
-2. In the utils library directory:
-   ```bash
-   npm unlink
-   ```
-
-## Running unit tests
-
-Run `ng test utils` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.