@acorex/platform 18.0.4 → 18.0.6

package/fesm2022/acorex-platform-common.mjs

@@ -1,7 +1,7 @@
 import { AXPopupModule } from '@acorex/components/popup';
 import { AXDateTimeModule } from '@acorex/core/date-time';
 import * as i0 from '@angular/core';
-import { Injector, Injectable, ErrorHandler, Directive, Input, EventEmitter, Output, runInInjectionContext, NgModule, Optional, Inject, Component, InjectionToken, inject, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { Injector, Injectable, ErrorHandler, Directive, Input, EventEmitter, Output, runInInjectionContext, NgModule, Optional, Inject, Component, InjectionToken, inject, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild, RendererFactory2 } from '@angular/core';
 import * as i2 from '@angular/router';
 import { Router, RouterModule, NavigationEnd } from '@angular/router';
 import * as i1 from '@ngrx/effects';
@@ -136,14 +136,13 @@ class AXPGridLayoutDirective {
         this.clearClasses();
         // Apply new grid classes based on the input options
         this.setClasses(this.options.positions?.default, '');
-        this.setClasses(this.options.positions?.sm, 'sm:');
         this.setClasses(this.options.positions?.md, 'md:');
         this.setClasses(this.options.positions?.lg, 'lg:');
         this.setClasses(this.options.positions?.xl, 'xl:');
         this.setClasses(this.options.positions?.xxl, '2xl:');
     }
     setClasses(positions, prefix) {
-        if (!positions)
+        if (positions == null)
             return;
         const colStart = positions.colStart ? `${prefix}ax-col-start-${positions.colStart}` : '';
         const colEnd = positions.colEnd ? `${prefix}ax-col-end-${positions.colEnd}` : '';
@@ -151,7 +150,8 @@ class AXPGridLayoutDirective {
         const rowStart = positions.rowStart ? `${prefix}ax-row-start-${positions.rowStart}` : '';
         const rowEnd = positions.rowEnd ? `${prefix}ax-row-end-${positions.rowEnd}` : '';
         const rowSpan = positions.rowSpan ? `${prefix}ax-row-span-${positions.rowSpan}` : '';
-        [colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan].forEach(cls => {
+        const order = positions.order ? `${prefix}ax-order-${positions.order}` : ''; // Handling order
+        [colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, order].forEach(cls => {
             if (cls) {
                 this.renderer.addClass(this.el.nativeElement, cls);
             }
@@ -160,7 +160,7 @@ class AXPGridLayoutDirective {
     clearClasses() {
         const currentClasses = this.el.nativeElement.className.split(' ');
         currentClasses.forEach((className) => {
-            if (className.startsWith('ax-col-') || className.startsWith('ax-row-')) {
+            if (className.startsWith('ax-col-') || className.startsWith('ax-row-') || className.startsWith('ax-order-')) {
                 this.renderer.removeClass(this.el.nativeElement, className);
             }
         });
@@ -538,11 +538,11 @@ class AXPLogoComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPLogoComponent, isStandalone: true, selector: "axp-logo", inputs: { source: "source" }, host: { classAttribute: "ax-flex ax-justify-center" }, ngImport: i0, template: "@switch (logoType) {\r\n@case ('text') {\r\n<span class=\"ax-font-bold ax-select-none\">{{ source.text }}</span>\r\n}\r\n@case ('url') {\r\n<ax-image [src]=\"source.url\"></ax-image>\r\n} @case ('iconClass') {\r\n<ax-icon class=\"{{ source.classIcon }}\"></ax-icon>\r\n} @case ('component') {\r\n<ng-container *ngComponentOutlet=\"source.component\"></ng-container>\r\n}\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPLogoComponent, isStandalone: true, selector: "axp-logo", inputs: { source: "source" }, host: { classAttribute: "ax-flex ax-justify-center" }, ngImport: i0, template: "@switch (logoType) {\n@case ('text') {\n<span class=\"ax-font-bold ax-select-none\">{{ source.text }}</span>\n}\n@case ('url') {\n<ax-image [src]=\"source.url\"></ax-image>\n} @case ('iconClass') {\n<ax-icon class=\"{{ source.classIcon }}\"></ax-icon>\n} @case ('component') {\n<ng-container *ngComponentOutlet=\"source.component\"></ng-container>\n}\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-logo', standalone: true, imports: [CommonModule, AXImageModule, AXDecoratorModule], host: { 'class': 'ax-flex ax-justify-center' }, template: "@switch (logoType) {\r\n@case ('text') {\r\n<span class=\"ax-font-bold ax-select-none\">{{ source.text }}</span>\r\n}\r\n@case ('url') {\r\n<ax-image [src]=\"source.url\"></ax-image>\r\n} @case ('iconClass') {\r\n<ax-icon class=\"{{ source.classIcon }}\"></ax-icon>\r\n} @case ('component') {\r\n<ng-container *ngComponentOutlet=\"source.component\"></ng-container>\r\n}\r\n}" }]
+            args: [{ selector: 'axp-logo', standalone: true, imports: [CommonModule, AXImageModule, AXDecoratorModule], host: { 'class': 'ax-flex ax-justify-center' }, template: "@switch (logoType) {\n@case ('text') {\n<span class=\"ax-font-bold ax-select-none\">{{ source.text }}</span>\n}\n@case ('url') {\n<ax-image [src]=\"source.url\"></ax-image>\n} @case ('iconClass') {\n<ax-icon class=\"{{ source.classIcon }}\"></ax-icon>\n} @case ('component') {\n<ng-container *ngComponentOutlet=\"source.component\"></ng-container>\n}\n}" }]
         }], propDecorators: { source: [{
                 type: Input
             }] } });
@@ -586,15 +586,15 @@ class AXMenuLoaderDefault {
 
 class AXPFooterTextSlotComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFooterTextSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPFooterTextSlotComponent, isStandalone: true, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: `
-      <small class="ax-text-sm  ax-text-neutral-400" [innerHTML]="text"></small>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPFooterTextSlotComponent, isStandalone: true, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: `
+      <small class="ax-text-sm  ax-text-neutral-400" [innerHTML]="text"></small>
     `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFooterTextSlotComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-      <small class="ax-text-sm  ax-text-neutral-400" [innerHTML]="text"></small>
+                    template: `
+      <small class="ax-text-sm  ax-text-neutral-400" [innerHTML]="text"></small>
     `,
                     standalone: true
                 }]
@@ -611,19 +611,19 @@ class AXPNavBarSlotComponent {
             this.store.dispatch(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNavBarSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPNavBarSlotComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items" }, ngImport: i0, template: `
-    <div class="ax-flex ax-items-center ax-justify-between ax-gap-5">
-        <a *ngFor="let link of items" (click)="handleCommand(link.command)" >{{ link.text }}</a>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPNavBarSlotComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items" }, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-justify-between ax-gap-5">
+        <a *ngFor="let link of items" (click)="handleCommand(link.command)" >{{ link.text }}</a>
+    </div>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNavBarSlotComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-flex ax-items-center ax-justify-between ax-gap-5">
-        <a *ngFor="let link of items" (click)="handleCommand(link.command)" >{{ link.text }}</a>
-    </div>
+                    template: `
+    <div class="ax-flex ax-items-center ax-justify-between ax-gap-5">
+        <a *ngFor="let link of items" (click)="handleCommand(link.command)" >{{ link.text }}</a>
+    </div>
     `,
                     standalone: true,
                     imports: [CommonModule],
@@ -749,25 +749,25 @@ class AXPThemeSlotComponent {
         this.store.dispatch(AXPLayoutThemeDarkToggleAction());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPThemeSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPThemeSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
-        <ax-button color="default" look="blank" (onClick)="switchMode()">
-        <ax-icon>
-            <i class="fa-solid fa-brightness ax-text-slate-400 dark:ax-text-slate-200" *ngIf="isDark | async"></i>
-            <i class="fa-solid fa-moon ax-text-slate-400 dark:ax-text-slate-200" *ngIf="!(isDark | async)"></i>
-        </ax-icon>
-        </ax-button>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPThemeSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ax-button color="default" look="blank" (onClick)="switchMode()">
+        <ax-icon>
+            <i class="fa-solid fa-brightness ax-text-slate-400 dark:ax-text-slate-200" *ngIf="isDark | async"></i>
+            <i class="fa-solid fa-moon ax-text-slate-400 dark:ax-text-slate-200" *ngIf="!(isDark | async)"></i>
+        </ax-icon>
+        </ax-button>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPThemeSlotComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-        <ax-button color="default" look="blank" (onClick)="switchMode()">
-        <ax-icon>
-            <i class="fa-solid fa-brightness ax-text-slate-400 dark:ax-text-slate-200" *ngIf="isDark | async"></i>
-            <i class="fa-solid fa-moon ax-text-slate-400 dark:ax-text-slate-200" *ngIf="!(isDark | async)"></i>
-        </ax-icon>
-        </ax-button>
+                    template: `
+        <ax-button color="default" look="blank" (onClick)="switchMode()">
+        <ax-icon>
+            <i class="fa-solid fa-brightness ax-text-slate-400 dark:ax-text-slate-200" *ngIf="isDark | async"></i>
+            <i class="fa-solid fa-moon ax-text-slate-400 dark:ax-text-slate-200" *ngIf="!(isDark | async)"></i>
+        </ax-icon>
+        </ax-button>
     `,
                     standalone: true,
                     imports: [
@@ -981,12 +981,11 @@ const AXP_ROOT_CONFIG_TOKEN = new InjectionToken('AXP_ROOT_CONFIG_TOKEN');
 class AXPDataProvider {
 }
 
-// src/lib/axp-dexie-storage.service.ts
 class AXPDexieStorageService extends Dexie {
     constructor() {
         super('ACoreXPlatform');
         this.version(1).stores({
-            'entity-store': '++id, entityName'
+            'entity-store': '++id, entityName, [entityName+id]'
         });
     }
     get dbName() {
@@ -1014,7 +1013,6 @@ class AXPDexieStorageService extends Dexie {
         return await this.table('entity-store').where({ entityName }).toArray();
     }
 }
-const axpDexieStorageService = new AXPDexieStorageService();
 
 // src/lib/axp-entity-data-provider.ts
 class AXPEntityDataProviderImpl {
@@ -1137,28 +1135,28 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         return assign(this.mergedOptions, { context: data });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: { width: "width", caption: "caption", headerTemplate: "headerTemplate", allowSorting: "allowSorting", fixed: "fixed", footerTemplate: "footerTemplate", cellTemplate: "cellTemplate", options: "options", dataField: "dataField", displayFormat: "displayFormat", schemaName: ["schema", "schemaName"] }, providers: [{ provide: AXDataTableColumnComponent, useExisting: AXPWidgetColumnRendererComponent }], viewQueries: [{ propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ng-template #header>{{ caption }}</ng-template>
-    <ng-template #cell let-row>
-      @if(component && widgetInjector && row?.data) {
-      <ng-container *ngComponentOutlet="component; injector: widgetInjector; inputs: getInputs(row.data)"></ng-container>
-      }
-    </ng-template>
-    <ng-template #footer></ng-template>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: { width: "width", caption: "caption", headerTemplate: "headerTemplate", allowSorting: "allowSorting", fixed: "fixed", footerTemplate: "footerTemplate", cellTemplate: "cellTemplate", options: "options", dataField: "dataField", displayFormat: "displayFormat", schemaName: ["schema", "schemaName"] }, providers: [{ provide: AXDataTableColumnComponent, useExisting: AXPWidgetColumnRendererComponent }], viewQueries: [{ propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-template #header>{{ caption }}</ng-template>
+    <ng-template #cell let-row>
+      @if(component && widgetInjector && row?.data) {
+      <ng-container *ngComponentOutlet="component; injector: widgetInjector; inputs: getInputs(row.data)"></ng-container>
+      }
+    </ng-template>
+    <ng-template #footer></ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetColumnRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-column-renderer',
-                    template: `
-    <ng-template #header>{{ caption }}</ng-template>
-    <ng-template #cell let-row>
-      @if(component && widgetInjector && row?.data) {
-      <ng-container *ngComponentOutlet="component; injector: widgetInjector; inputs: getInputs(row.data)"></ng-container>
-      }
-    </ng-template>
-    <ng-template #footer></ng-template>
+                    template: `
+    <ng-template #header>{{ caption }}</ng-template>
+    <ng-template #cell let-row>
+      @if(component && widgetInjector && row?.data) {
+      <ng-container *ngComponentOutlet="component; injector: widgetInjector; inputs: getInputs(row.data)"></ng-container>
+      }
+    </ng-template>
+    <ng-template #footer></ng-template>
   `,
                     providers: [{ provide: AXDataTableColumnComponent, useExisting: AXPWidgetColumnRendererComponent }],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1278,24 +1276,24 @@ class AXPWidgetFilterRendererComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetFilterRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetFilterRendererComponent, selector: "axp-widget-filter-renderer", inputs: { value: "value", operator: "operator", prop: "prop", schemaName: ["schema", "schemaName"] }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
-    @if(isLoading){
-    <ax-skeleton [animated]="true" class="ax-w-full ax-h-8 ax-rounded"></ax-skeleton>
-    } @else {
-    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetFilterRendererComponent, selector: "axp-widget-filter-renderer", inputs: { value: "value", operator: "operator", prop: "prop", schemaName: ["schema", "schemaName"] }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    @if(isLoading){
+    <ax-skeleton [animated]="true" class="ax-w-full ax-h-8 ax-rounded"></ax-skeleton>
+    } @else {
+    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i2$4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetFilterRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-filter-renderer',
-                    template: `
-    @if(isLoading){
-    <ax-skeleton [animated]="true" class="ax-w-full ax-h-8 ax-rounded"></ax-skeleton>
-    } @else {
-    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
-    }
+                    template: `
+    @if(isLoading){
+    <ax-skeleton [animated]="true" class="ax-w-full ax-h-8 ax-rounded"></ax-skeleton>
+    } @else {
+    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
+    }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { style: 'display: contents;' },
@@ -1519,24 +1517,24 @@ class AXPWidgetRendererComponent {
             {
                 provide: AXUnsubscriber,
             },
-        ], ngImport: i0, template: `
-    @if(isLoading){
-    <ax-skeleton [animated]="true" class="ax-w-full  lg:ax-w-[50%] ax-h-8 ax-rounded"></ax-skeleton>
-    } @else {
-    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
-    }
+        ], ngImport: i0, template: `
+    @if(isLoading){
+    <ax-skeleton [animated]="true" class="ax-w-full  lg:ax-w-[50%] ax-h-8 ax-rounded"></ax-skeleton>
+    } @else {
+    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i2$4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-renderer',
-                    template: `
-    @if(isLoading){
-    <ax-skeleton [animated]="true" class="ax-w-full  lg:ax-w-[50%] ax-h-8 ax-rounded"></ax-skeleton>
-    } @else {
-    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
-    }
+                    template: `
+    @if(isLoading){
+    <ax-skeleton [animated]="true" class="ax-w-full  lg:ax-w-[50%] ax-h-8 ax-rounded"></ax-skeleton>
+    } @else {
+    <ng-template [cdkPortalOutlet]="portal" (attached)="handleAttached($event)"></ng-template>
+    }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { style: 'display: contents;' },
@@ -1710,6 +1708,10 @@ function resolveActionLook(tr) {
     switch (tr.type) {
         case 'create':
             return { color: 'primary', icon: 'fa-solid fa-add' };
+        case 'view':
+            return { color: 'primary', icon: 'fa-solid fa-eye' };
+        case 'info':
+            return { color: 'primary', icon: 'fa-solid fa-info' };
         case 'delete':
             return { color: 'danger', icon: 'fa-solid fa-trash' };
         case 'print':
@@ -1801,13 +1803,13 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-text-widget-view.component-BpxTaeQW.mjs').then((c) => c.AXPTextWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-text-widget-view.component-CKg9nvbY.mjs').then((c) => c.AXPTextWidgetViewComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-string-widget-filter.component-CrGt6Bov.mjs').then((c) => c.AXPStringWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-string-widget-filter.component-BZiyRHfg.mjs').then((c) => c.AXPStringWidgetFilterComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-text-widget-edit.component-ed0MUYnD.mjs').then((c) => c.AXPTextWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-text-widget-edit.component-DSwPteMX.mjs').then((c) => c.AXPTextWidgetEditComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-text-widget-column.component-qXusAevm.mjs').then((c) => c.AXPTextWidgetColumnComponent),
@@ -1825,7 +1827,7 @@ class AXPCommonWidgetModule {
             name: widgetSchemas.largetext,
             component: {
                 edit: {
-                    component: () => import('./acorex-platform-common-largetext-widget-edit.component-BCtGkz1a.mjs').then((c) => c.AXPLargeTextWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-largetext-widget-edit.component-DJhPlQ0G.mjs').then((c) => c.AXPLargeTextWidgetEditComponent),
                 },
                 column: {
                     options: {
@@ -1841,10 +1843,10 @@ class AXPCommonWidgetModule {
                     component: () => import('./acorex-platform-common-number-widget-view.component-DD0tkoc4.mjs').then((c) => c.AXPNumberWidgetViewComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-number-widget-filter.component-B2JCpDjU.mjs').then((c) => c.AXPNumberWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-number-widget-filter.component-BkKeBL6p.mjs').then((c) => c.AXPNumberWidgetFilterComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-number-widget-edit.component-B1XXga-9.mjs').then((c) => c.AXPNumberWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-number-widget-edit.component-D9dC514F.mjs').then((c) => c.AXPNumberWidgetEditComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-number-widget-view.component-DD0tkoc4.mjs').then((c) => c.AXPNumberWidgetViewComponent),
@@ -1875,17 +1877,17 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-phone-widget-view.component-Br3xbaDd.mjs').then((c) => c.AXPPhoneWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-phone-widget-view.component-D_A5NXzA.mjs').then((c) => c.AXPPhoneWidgetViewComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-phone-widget-column.component-BL9Xl2XH.mjs').then((c) => c.AXPPhoneWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-phone-widget-column.component-uAeAPCog.mjs').then((c) => c.AXPPhoneWidgetColumnComponent),
                     options: { allowResizing: true },
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-phone-widget-edit.component-DSh9zoZj.mjs').then((c) => c.AXPPhoneWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-phone-widget-edit.component-BdxXFoxc.mjs').then((c) => c.AXPPhoneWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-string-widget-filter.component-CrGt6Bov.mjs').then((c) => c.AXPStringWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-string-widget-filter.component-BZiyRHfg.mjs').then((c) => c.AXPStringWidgetFilterComponent),
                 },
             },
             name: widgetSchemas.phone,
@@ -1899,16 +1901,16 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-email-widget-view.component-C2aQ14k-.mjs').then((c) => c.AXPEmailWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-email-widget-view.component-C4M7KGUS.mjs').then((c) => c.AXPEmailWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-email-widget-edit.component-CgHPGccx.mjs').then((c) => c.AXPEmailWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-email-widget-edit.component-CY-Nu0xD.mjs').then((c) => c.AXPEmailWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-string-widget-filter.component-CrGt6Bov.mjs').then((c) => c.AXPStringWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-string-widget-filter.component-BZiyRHfg.mjs').then((c) => c.AXPStringWidgetFilterComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-email-widget-column.component-BgNdL62k.mjs').then((c) => c.AXPEmailWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-email-widget-column.component-DlPoexcx.mjs').then((c) => c.AXPEmailWidgetColumnComponent),
                     options: { allowResizing: true },
                 },
             },
@@ -1923,13 +1925,13 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-dateTime-widget-view.component-CjVjQkPh.mjs').then((c) => c.AXPDateTimeWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-dateTime-widget-view.component-Dxmnor_-.mjs').then((c) => c.AXPDateTimeWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-dateTime-widget-edit.component-D8FSiqAo.mjs').then((c) => c.AXPDateTimeWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-dateTime-widget-edit.component-DRsoJMVG.mjs').then((c) => c.AXPDateTimeWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-dateTime-widget-filter.component-Df0DuDtw.mjs').then((c) => c.AXPDateTimeWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-dateTime-widget-filter.component-uB7iwji0.mjs').then((c) => c.AXPDateTimeWidgetFilterComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-dateTime-widget-column.component-5ljYmtHI.mjs').then((c) => c.AXPDateTimeWidgetColumnComponent),
@@ -1979,16 +1981,16 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-toggle-widget-view.component-DWYcIPTd.mjs').then((c) => c.AXPToggleWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-toggle-widget-view.component-B5JwQ8X-.mjs').then((c) => c.AXPToggleWidgetViewComponent),
                 },
                 edit: {
                     component: () => import('./acorex-platform-common-toggle-widget-edit.component-CDG62BJN.mjs').then((c) => c.AXPToggleWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-boolean-widget-filter.component-BTcOjuUm.mjs').then((c) => c.AXPBooleanWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-boolean-widget-filter.component-CcJ5Vj4q.mjs').then((c) => c.AXPBooleanWidgetFilterComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-toggle-widget-column.component-BqiUQrmV.mjs').then((c) => c.AXPToggleWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-toggle-widget-column.component-_IrciAj-.mjs').then((c) => c.AXPToggleWidgetColumnComponent),
                     options: {
                         width: '100px',
                         allowResizing: true
@@ -2006,16 +2008,16 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-checkbox-widget-view.component-nYmtb8bK.mjs').then((c) => c.AXPCheckboxWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-checkbox-widget-view.component-BDAtJB1B.mjs').then((c) => c.AXPCheckboxWidgetViewComponent),
                 },
                 edit: {
                     component: () => import('./acorex-platform-common-checkbox-widget-edit.component-_jtT03Vn.mjs').then((c) => c.AXPCheckboxWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-boolean-widget-filter.component-BTcOjuUm.mjs').then((c) => c.AXPBooleanWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-boolean-widget-filter.component-CcJ5Vj4q.mjs').then((c) => c.AXPBooleanWidgetFilterComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-checkbox-widget-column.component-X9d1iY_F.mjs').then((c) => c.AXPCheckboxWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-checkbox-widget-column.component-C91gG8nm.mjs').then((c) => c.AXPCheckboxWidgetColumnComponent),
                     options: {
                         width: '100px',
                         allowResizing: true
@@ -2033,16 +2035,16 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-password-widget-view.component-o9S7pwJW.mjs').then((c) => c.AXPPasswordWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-password-widget-view.component-B6vGWi9I.mjs').then((c) => c.AXPPasswordWidgetViewComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-password-widget-column.component-eyqgQlAt.mjs').then((c) => c.AXPPasswordWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-password-widget-column.component-C0-x1_Np.mjs').then((c) => c.AXPPasswordWidgetColumnComponent),
                     options: {
                         allowResizing: true
                     }
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-password-widget-edit.component-C2yNb9Pl.mjs').then((c) => c.AXPPasswordWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-password-widget-edit.component-BbYqIGEP.mjs').then((c) => c.AXPPasswordWidgetEditComponent),
                 },
             },
             filterOptions: {
@@ -2056,7 +2058,7 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-file-widget-view.component-BC9l3YrO.mjs').then((c) => c.AXPFileWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-file-widget-view.component-B0C9oJLT.mjs').then((c) => c.AXPFileWidgetViewComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-file-widget-column.component-CwFzLLHt.mjs').then((c) => c.AXPFileWidgetColumnComponent),
@@ -2065,10 +2067,10 @@ class AXPCommonWidgetModule {
                     }
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-file-widget-edit.component-DxoQR4CU.mjs').then((c) => c.AXPFileWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-file-widget-edit.component-ZXhaXwWN.mjs').then((c) => c.AXPFileWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-file-widget-filter.component-BvG0iaKU.mjs').then((c) => c.AXPFileWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-file-widget-filter.component-qL-PznYm.mjs').then((c) => c.AXPFileWidgetFilterComponent),
                 },
             },
             filterOptions: {
@@ -2082,13 +2084,13 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-lookup-widget-view.component-mXo8VADX.mjs').then((c) => c.AXPLookupWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-lookup-widget-view.component-BHqYDEuU.mjs').then((c) => c.AXPLookupWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-lookup-widget-edit.component-D9UhViUG.mjs').then((c) => c.AXPLookupWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-lookup-widget-edit.component-CpzTuRyJ.mjs').then((c) => c.AXPLookupWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-lookup-widget-filter.component-RWweQQaO.mjs').then((c) => c.AXPLookupWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-lookup-widget-filter.component-i8oRoMWh.mjs').then((c) => c.AXPLookupWidgetFilterComponent),
                 },
                 column: {
                     component: () => import('./acorex-platform-common-lookup-widget-column.component-Cl-vO5XW.mjs').then((c) => c.AXPLookupWidgetColumnComponent),
@@ -2108,19 +2110,19 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-selection-list-widget-view.component-Bxvd_AKZ.mjs').then((c) => c.AXPSelectionListWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-selection-list-widget-view.component-HzxEiWgp.mjs').then((c) => c.AXPSelectionListWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-selection-list-widget-edit.component-B5eUdN2R.mjs').then((c) => c.AXPSelectionListWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-selection-list-widget-edit.component-BY7A969M.mjs').then((c) => c.AXPSelectionListWidgetEditComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-selection-list-widget-column.component-BCCmg8MI.mjs').then((c) => c.AXPSelectionListWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-selection-list-widget-column.component-4uQzk7WQ.mjs').then((c) => c.AXPSelectionListWidgetColumnComponent),
                     options: {
                         allowResizing: true
                     }
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-selection-list-widget-filter.component-DPpZq1TB.mjs').then((c) => c.AXPSelectionListWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-selection-list-widget-filter.component-NDAFZhfE.mjs').then((c) => c.AXPSelectionListWidgetFilterComponent),
                 },
             },
             filterOptions: {
@@ -2134,22 +2136,22 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-rich-text-widget-view.component-CxTPcEIQ.mjs').then((c) => c.AXPRichTextWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-rich-text-widget-view.component-Y214kMe4.mjs').then((c) => c.AXPRichTextWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-rich-text-widget-edit.component-Dz1toc21.mjs').then((c) => c.AXPRichTextWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-rich-text-widget-edit.component-f30-VPMJ.mjs').then((c) => c.AXPRichTextWidgetEditComponent),
                     options: {
                         allowResizing: true
                     }
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-rich-text-widget-column.component-DDT58tca.mjs').then((c) => c.AXPRichTextWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-rich-text-widget-column.component-DDJn1WqG.mjs').then((c) => c.AXPRichTextWidgetColumnComponent),
                     options: {
                         width: '400px',
                     },
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-string-widget-filter.component-CrGt6Bov.mjs').then((c) => c.AXPStringWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-string-widget-filter.component-BZiyRHfg.mjs').then((c) => c.AXPStringWidgetFilterComponent),
                 },
             },
             filterOptions: {
@@ -2163,10 +2165,10 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-map-widget-view.component-DrGG3gzg.mjs').then((c) => c.AXPMapWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-map-widget-view.component-C5gL9-oB.mjs').then((c) => c.AXPMapWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-map-widget-edit.component-SSrR3xxv.mjs').then((c) => c.AXPMapWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-map-widget-edit.component-BjrRrklq.mjs').then((c) => c.AXPMapWidgetEditComponent),
                 },
             },
             filterOptions: {
@@ -2180,10 +2182,10 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-avatar-widget-view.component-CJvrSkTv.mjs').then((c) => c.AXPAvatarWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-avatar-widget-view.component-B3Ubyw3X.mjs').then((c) => c.AXPAvatarWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-avatar-widget-edit.component-B-of5ssU.mjs').then((c) => c.AXPAvatarWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-avatar-widget-edit.component-B8txzrTw.mjs').then((c) => c.AXPAvatarWidgetEditComponent),
                 },
             },
             filterOptions: {
@@ -2197,13 +2199,13 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-messenger-widget-view.component-EBiPO9ds.mjs').then((c) => c.AXPMessengerWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-messenger-widget-view.component-B4Yt68Vn.mjs').then((c) => c.AXPMessengerWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-messenger-widget-edit.component-B_FG_n0O.mjs').then((c) => c.AXPMessengerWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-messenger-widget-edit.component-WHM8ANuQ.mjs').then((c) => c.AXPMessengerWidgetEditComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-messenger-widget-column.component-BJ_XzNKc.mjs').then((c) => c.AXPMessengerWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-messenger-widget-column.component-BQSYcyso.mjs').then((c) => c.AXPMessengerWidgetColumnComponent),
                     options: {
                         allowResizing: true
                     }
@@ -2221,13 +2223,13 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-gallery-widget-view.component-CnQONVdg.mjs').then((c) => c.AXPGalleryWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-gallery-widget-view.component-Bp5cEEiY.mjs').then((c) => c.AXPGalleryWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-gallery-widget-edit.component-BihOIJ9T.mjs').then((c) => c.AXPGalleryWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-gallery-widget-edit.component-DB0-6pik.mjs').then((c) => c.AXPGalleryWidgetEditComponent),
                 },
                 filter: {
-                    component: () => import('./acorex-platform-common-gallery-widget-filter.component-DS1PCIJp.mjs').then((c) => c.AXPGalleryWidgetFilterComponent),
+                    component: () => import('./acorex-platform-common-gallery-widget-filter.component-Bvy3nmy6.mjs').then((c) => c.AXPGalleryWidgetFilterComponent),
                 },
             },
             filterOptions: {
@@ -2241,10 +2243,10 @@ class AXPCommonWidgetModule {
         service.register({
             component: {
                 view: {
-                    component: () => import('./acorex-platform-common-signature-pad-widget-view.component-CsiBv_7i.mjs').then((c) => c.AXPSignaturePadWidgetViewComponent),
+                    component: () => import('./acorex-platform-common-signature-pad-widget-view.component-CEiBtv9t.mjs').then((c) => c.AXPSignaturePadWidgetViewComponent),
                 },
                 edit: {
-                    component: () => import('./acorex-platform-common-signature-pad-widget-edit.component-CNjYCEi6.mjs').then((c) => c.AXPSignaturePadWidgetEditComponent),
+                    component: () => import('./acorex-platform-common-signature-pad-widget-edit.component-C6VI3F_S.mjs').then((c) => c.AXPSignaturePadWidgetEditComponent),
                 },
             },
             filterOptions: {
@@ -2381,7 +2383,16 @@ class AXPDataGenerator {
         }
         return Math.floor(Math.random() * (max - min + 1)) + min;
     }
-    static date(start = new Date(2000, 0, 1), end = new Date()) {
+    static date(...args) {
+        let start = new Date(2000, 0, 1);
+        let end = new Date();
+        if (args.length === 1) {
+            start = args[0];
+        }
+        else if (args.length === 2) {
+            start = args[0];
+            end = args[1];
+        }
         const startTime = start.getTime();
         const endTime = end.getTime();
         return new Date(startTime + Math.random() * (endTime - startTime));
@@ -2428,11 +2439,150 @@ class AXPDataGenerator {
         const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
         return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
     }
+    static alphabet(length = 10) {
+        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    }
+    static phone() {
+        const areaCode = this.number(100, 999);
+        const exchangeCode = this.number(100, 999);
+        const lineNumber = this.number(1000, 9999);
+        return `${areaCode}-${exchangeCode}-${lineNumber}`;
+    }
+    static firstName() {
+        const firstNames = ['John', 'Allen', 'Jak', 'Rose', 'Kate', 'Liam', 'Olivia', 'Noah', 'Emma', 'Ava'];
+        return this.pick(firstNames);
+    }
+    static lastName() {
+        const lastNames = ['Gates', 'Jonsen', 'Smith', 'Ford', 'Jakson', 'Brown', 'Johnson', 'Williams', 'Jones', 'Garcia'];
+        return this.pick(lastNames);
+    }
+    static email(...args) {
+        const domains = ['gmail.com', 'yahoo.com', 'outlook.com', 'example.com'];
+        const domain = this.pick(domains);
+        const separator = this.pick(['.', '_', '']);
+        const randomSuffix = this.boolean() ? this.number(1, 99).toString() : '';
+        if (args.length === 2) {
+            const firstName = args[0].toLowerCase();
+            const lastName = args[1].toLowerCase();
+            return `${firstName}${separator}${lastName}${randomSuffix}@${domain}`;
+        }
+        else {
+            const firstName = this.firstName().toLowerCase();
+            const lastName = this.lastName().toLowerCase();
+            return `${firstName}${separator}${lastName}${randomSuffix}@${domain}`;
+        }
+    }
+    static country() {
+        const countries = ['USA', 'Canada', 'Mexico', 'Germany', 'France', 'Japan', 'Australia'];
+        return this.pick(countries);
+    }
+    static city() {
+        const cities = ['New York', 'Los Angeles', 'Toronto', 'Vancouver', 'Berlin', 'Paris', 'Tokyo', 'Sydney'];
+        return this.pick(cities);
+    }
+    static state() {
+        const states = ['NY', 'CA', 'TX', 'ON', 'BC', 'NSW', 'BER', 'IDF', 'TYO'];
+        return this.pick(states);
+    }
+    static address() {
+        const streets = ['Main St', 'High St', 'Maple Ave', 'Oak St', 'Pine St', 'Cedar St'];
+        const streetNumber = this.number(100, 9999);
+        const street = this.pick(streets);
+        const city = this.city();
+        const state = this.state();
+        const zip = this.number(10000, 99999);
+        const country = this.country();
+        return `${streetNumber} ${street}, ${city}, ${state} ${zip}, ${country}`;
+    }
+}
+
+// AXPPdfService
+var AXPPdfPageSize;
+(function (AXPPdfPageSize) {
+    AXPPdfPageSize["A4"] = "a4";
+    AXPPdfPageSize["A5"] = "a5";
+    AXPPdfPageSize["Letter"] = "letter";
+    AXPPdfPageSize["Legal"] = "legal";
+    AXPPdfPageSize["Custom"] = "custom"; // Handle custom sizes
+})(AXPPdfPageSize || (AXPPdfPageSize = {}));
+class AXPPdfService {
+    constructor() {
+        this.renderer = inject(RendererFactory2).createRenderer(null, null);
+    }
+    async generatePdfBlob(div, options = {}) {
+        const { jsPDF } = await import('jspdf');
+        const html2canvas = (await import('html2canvas')).default;
+        const element = typeof div === 'string' ? document.getElementById(div) : div;
+        if (!element) {
+            console.error('Element not found.');
+            return Promise.reject('Element not found.');
+        }
+        const { pageSize = AXPPdfPageSize.A4 } = options;
+        let pdf;
+        if (typeof pageSize === 'string' && pageSize !== AXPPdfPageSize.Custom) {
+            pdf = new jsPDF({
+                orientation: 'portrait',
+                format: pageSize
+            });
+        }
+        else if (typeof pageSize !== 'string') {
+            const { width, height } = pageSize;
+            pdf = new jsPDF({
+                orientation: 'portrait',
+                unit: 'pt',
+                format: [width, height]
+            });
+        }
+        else {
+            return Promise.reject("Invalid page size.");
+        }
+        const canvas = await html2canvas(element);
+        const imageData = canvas.toDataURL('image/png');
+        const imgProps = pdf.getImageProperties(imageData);
+        const pdfWidth = pdf.internal.pageSize.getWidth();
+        const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
+        pdf.addImage(imageData, 'PNG', 0, 0, pdfWidth, pdfHeight);
+        return pdf.output('bloburl');
+    }
+    async printPdf(div, options = {}) {
+        const blobUrl = await this.generatePdfBlob(div, options).catch(err => {
+            console.error('Failed to generate PDF', err);
+            return null;
+        });
+        if (!blobUrl)
+            return;
+        const iframe = this.renderer.createElement('iframe');
+        this.renderer.setStyle(iframe, 'display', 'none');
+        this.renderer.appendChild(document.body, iframe);
+        iframe.src = blobUrl;
+        iframe.onload = () => {
+            setTimeout(() => {
+                iframe.contentWindow.print();
+            }, 1000);
+        };
+        // Add a button or some UI element that allows the user to manually signal they are done printing
+        // const finishButton = this.renderer.createElement('button');
+        // this.renderer.setProperty(finishButton, 'innerText', 'Finish Printing');
+        // this.renderer.listen(finishButton, 'click', () => {
+        //     this.renderer.removeChild(document.body, iframe);
+        //     this.renderer.removeChild(document.body, finishButton);
+        // });
+        // this.renderer.appendChild(document.body, finishButton);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPdfService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPdfService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPdfService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXEntityLoaderDefault, AXMWorkflowErrorHandler, AXMenuLoaderDefault, AXPClipBoardService, AXPCommonEffects, AXPCommonModule, AXPCommonWidgetModule, AXPComponentLogoConfig, AXPComponentSlotDirective, AXPComponentSlotLoaderService, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataGenerator, AXPDataProvider, AXPDexieStorageService, AXPDialogConfirmAction, AXPEntityCommandScope, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityListViewConfigEmpty, AXPEntityQueryType, AXPEntityRegistryService, AXPErrorHandlerRegistryService, AXPFontIconLogoConfig, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPGridLayoutDirective, AXPImageUrlLogoConfig, AXPLayoutChildDrawerClose, AXPLayoutChildDrawerToggle, AXPLayoutEffects, AXPLayoutFeature, AXPLayoutRootDrawerClose, AXPLayoutRootDrawerToggle, AXPLayoutService, AXPLayoutThemeDarkToggleAction, AXPLoadInitState, AXPLoadingHideAction, AXPLoadingShowAction, AXPLogoComponent, AXPNavBarSlotComponent, AXPNavigateAction, AXPPlatformDefaultConfigs, AXPRedirectEvent, AXPRelationshipCardinality, AXPRelationshipKind, AXPRouteUtilityService, AXPSchemaModule, AXPSchemaRegistryService, AXPSettingsService, AXPSignInAction, AXPSignOutAction, AXPStickyDirective, AXPStorageService, AXPTextLogoConfig, AXPThemeSlotComponent, AXPToastAction, AXPWidgetBase, AXPWidgetColumnRendererComponent, AXPWidgetEditBase, AXPWidgetFilterBase, AXPWidgetFilterRendererComponent, AXPWidgetRendererComponent, AXPWindowResizeAction, AXPWorkflowNavigateAction, AXP_ENTITY_LOADER, AXP_MENU_LOADER, AXP_PLATFORM_CONFIG_TOKEN, AXP_ROOT_CONFIG_TOKEN, AXP_SETTINGS_LOADER, AXP_WIDGET_TOKEN, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, ENDS_WITH_OPER, EQ_OPER, GTE_OPER, GT_OPER, IS_EMPTY_OPER, IS_NOT_EMPTY_OPER, LTE_OPER, LT_OPER, NOT_CONTAINS_OPER, NOT_EQ_OPER, NUMBER_OPERATORS, STARTS_WITH_OPER, STRING_OPERATORS, axpDexieStorageService, configPlatform, convertPropertiesToColumns, convertPropertyToColumn, getChildDrawer, getRootDrawer, initialState, isDarkTheme, isLoading, isSmallScreen, name, reducer, resolveActionLook, selectLayoutState, widgetSchemas };
+export { AXEntityLoaderDefault, AXMWorkflowErrorHandler, AXMenuLoaderDefault, AXPClipBoardService, AXPCommonEffects, AXPCommonModule, AXPCommonWidgetModule, AXPComponentLogoConfig, AXPComponentSlotDirective, AXPComponentSlotLoaderService, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPDataGenerator, AXPDataProvider, AXPDexieStorageService, AXPDialogConfirmAction, AXPEntityCommandScope, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityListViewConfigEmpty, AXPEntityQueryType, AXPEntityRegistryService, AXPErrorHandlerRegistryService, AXPFontIconLogoConfig, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPGridLayoutDirective, AXPImageUrlLogoConfig, AXPLayoutChildDrawerClose, AXPLayoutChildDrawerToggle, AXPLayoutEffects, AXPLayoutFeature, AXPLayoutRootDrawerClose, AXPLayoutRootDrawerToggle, AXPLayoutService, AXPLayoutThemeDarkToggleAction, AXPLoadInitState, AXPLoadingHideAction, AXPLoadingShowAction, AXPLogoComponent, AXPNavBarSlotComponent, AXPNavigateAction, AXPPdfPageSize, AXPPdfService, AXPPlatformDefaultConfigs, AXPRedirectEvent, AXPRelationshipCardinality, AXPRelationshipKind, AXPRouteUtilityService, AXPSchemaModule, AXPSchemaRegistryService, AXPSettingsService, AXPSignInAction, AXPSignOutAction, AXPStickyDirective, AXPStorageService, AXPTextLogoConfig, AXPThemeSlotComponent, AXPToastAction, AXPWidgetBase, AXPWidgetColumnRendererComponent, AXPWidgetEditBase, AXPWidgetFilterBase, AXPWidgetFilterRendererComponent, AXPWidgetRendererComponent, AXPWindowResizeAction, AXPWorkflowNavigateAction, AXP_ENTITY_LOADER, AXP_MENU_LOADER, AXP_PLATFORM_CONFIG_TOKEN, AXP_ROOT_CONFIG_TOKEN, AXP_SETTINGS_LOADER, AXP_WIDGET_TOKEN, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, ENDS_WITH_OPER, EQ_OPER, GTE_OPER, GT_OPER, IS_EMPTY_OPER, IS_NOT_EMPTY_OPER, LTE_OPER, LT_OPER, NOT_CONTAINS_OPER, NOT_EQ_OPER, NUMBER_OPERATORS, STARTS_WITH_OPER, STRING_OPERATORS, configPlatform, convertPropertiesToColumns, convertPropertyToColumn, getChildDrawer, getRootDrawer, initialState, isDarkTheme, isLoading, isSmallScreen, name, reducer, resolveActionLook, selectLayoutState, widgetSchemas };
 //# sourceMappingURL=acorex-platform-common.mjs.map