@pongrass/utils 1.1.0-v20 → 1.1.2-v20

package/index.d.ts

@@ -407,7 +407,7 @@ declare class MultiFormComponent implements OnInit, OnChanges {
     private advanceDate;
     private findStopControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFormComponent, "app-multi-form", never, { "config": { "alias": "config"; "required": false; }; "showUnsavedFlags": { "alias": "showUnsavedFlags"; "required": false; }; "currentTableGridsSelectedIndex": { "alias": "currentTableGridsSelectedIndex"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; }, { "fieldAction": "fieldAction"; "formSavedUnsavedListen": "formSavedUnsavedListen"; "selectionChangeEvent": "selectionChangeEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFormComponent, "prg-ws-multi-form", never, { "config": { "alias": "config"; "required": false; }; "showUnsavedFlags": { "alias": "showUnsavedFlags"; "required": false; }; "currentTableGridsSelectedIndex": { "alias": "currentTableGridsSelectedIndex"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; }, { "fieldAction": "fieldAction"; "formSavedUnsavedListen": "formSavedUnsavedListen"; "selectionChangeEvent": "selectionChangeEvent"; }, never, never, false, never>;
 }
 
 declare class ITableGridConfiguration {
@@ -564,14 +564,14 @@ declare class CircularFocusDirective implements AfterViewInit, OnDestroy {
     private getFocusableElements;
     onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CircularFocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CircularFocusDirective, "[appCircularFocus]", never, { "formId": { "alias": "formId"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CircularFocusDirective, "[wsCircularFocus]", never, { "formId": { "alias": "formId"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class DecimalInputDirective implements OnInit, OnDestroy {
     private el;
     private control;
     private sub;
-    appDecimalInput: number;
+    wsDecimalInput: number;
     private specialKeys;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -581,7 +581,7 @@ declare class DecimalInputDirective implements OnInit, OnDestroy {
     private isValidInput;
     private getNextValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalInputDirective, "[appDecimalInput]", never, { "appDecimalInput": { "alias": "appDecimalInput"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalInputDirective, "[wsDecimalInput]", never, { "wsDecimalInput": { "alias": "wsDecimalInput"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ShowTooltipIfTruncatedDirective {
@@ -592,7 +592,7 @@ declare class ShowTooltipIfTruncatedDirective {
     onMouseLeave(): void;
     private isTextTruncated;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShowTooltipIfTruncatedDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowTooltipIfTruncatedDirective, "[appShowTooltipIfTruncated]", never, { "tooltipText": { "alias": "appShowTooltipIfTruncated"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowTooltipIfTruncatedDirective, "[wsShowTooltipIfTruncated]", never, { "tooltipText": { "alias": "wsShowTooltipIfTruncated"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class MultiSelectStylerDirective implements OnInit, OnDestroy {
@@ -600,7 +600,7 @@ declare class MultiSelectStylerDirective implements OnInit, OnDestroy {
     private renderer;
     private el;
     private mutationObserver?;
-    appMultiSelectStyler: boolean;
+    wsMultiSelectStyler: boolean;
     options: IColorOption[];
     private multiSelect;
     ngOnInit(): void;
@@ -609,7 +609,7 @@ declare class MultiSelectStylerDirective implements OnInit, OnDestroy {
     private updateSelectedItem;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectStylerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectStylerDirective, "[appMultiSelectStyler]", never, { "appMultiSelectStyler": { "alias": "appMultiSelectStyler"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectStylerDirective, "[wsMultiSelectStyler]", never, { "wsMultiSelectStyler": { "alias": "wsMultiSelectStyler"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class MultiFormModule {
@@ -697,7 +697,7 @@ declare class TableGridComponent implements OnInit, OnChanges, OnDestroy {
     onCellValueChanged(event: CellValueChangedEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableGridComponent, "app-table-grid", never, { "tableConfiguration": { "alias": "tableConfiguration"; "required": false; }; "columnToolVisible": { "alias": "columnToolVisible"; "required": false; }; "initialPageNumber": { "alias": "initialPageNumber"; "required": false; }; }, { "tableGridReady": "tableGridReady"; "tableRowSelection": "tableRowSelection"; "tableRowClicked": "tableRowClicked"; "columnStateEvent": "columnStateEvent"; "pageChange": "pageChange"; "filterChanged": "filterChanged"; "cellValueChanged": "cellValueChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableGridComponent, "prg-ws-table-grid", never, { "tableConfiguration": { "alias": "tableConfiguration"; "required": false; }; "columnToolVisible": { "alias": "columnToolVisible"; "required": false; }; "initialPageNumber": { "alias": "initialPageNumber"; "required": false; }; }, { "tableGridReady": "tableGridReady"; "tableRowSelection": "tableRowSelection"; "tableRowClicked": "tableRowClicked"; "columnStateEvent": "columnStateEvent"; "pageChange": "pageChange"; "filterChanged": "filterChanged"; "cellValueChanged": "cellValueChanged"; }, never, never, false, never>;
 }
 
 declare class TableGridModule {
@@ -720,7 +720,7 @@ declare class BackgroundImageDirective implements OnInit {
     ngOnInit(): void;
     private setBackgroundImage;
     static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundImageDirective, "[appBackgroundImage]", never, { "random": { "alias": "random"; "required": false; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundImageDirective, "[wsBackgroundImage]", never, { "random": { "alias": "random"; "required": false; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 interface IExcelHeaders {
@@ -805,6 +805,11 @@ interface ILoginConfig {
         /** If true → pick a random image on each load */
         random: boolean;
     };
+    version?: {
+        currentVersion: string;
+        brandName: string;
+        copyrightYear: string;
+    };
 }
 declare enum ILOGIN_ACTION {
     SUBMIT = "submit",
@@ -816,12 +821,12 @@ declare class LoginComponent implements OnInit {
     private readonly rendererService;
     private readonly formBuilder;
     config: i0.InputSignal<ILoginConfig>;
+    showInactivityLogoutMessage: i0.InputSignal<boolean>;
     action: i0.OutputEmitterRef<{
         type: string;
         data?: any;
     }>;
-    isFormSubmitted: i0.InputSignal<boolean>;
-    showInactivityLogoutMessage: i0.InputSignal<boolean>;
+    isFormSubmitted: i0.WritableSignal<boolean>;
     loginForm: FormGroup;
     contactSupportValue: string;
     forgetPasswordValue: string;
@@ -831,7 +836,7 @@ declare class LoginComponent implements OnInit {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "prg-ws-login", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "showInactivityLogoutMessage": { "alias": "showInactivityLogoutMessage"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, false, never>;
 }
 
 declare class LoginModule {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pongrass/utils",
-  "version": "1.1.0-v20",
+  "version": "1.1.2-v20",
   "description": "A collection of utility components and services for Angular applications",
   "keywords": [
     "angular",
@@ -27,7 +27,9 @@
     "@ag-grid-community/infinite-row-model": "^32.3.9",
     "@ag-grid-community/styles": "^32.3.9",
     "exceljs": "^4.4.0",
-    "ngx-bootstrap": "^20.0.2"
+    "ngx-bootstrap": "^20.0.2",
+    "ngx-toastr": "^19.1.0",
+    "sweetalert2": "11.4.8"
   },
   "dependencies": {
     "tslib": "^2.3.0"

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.