@acorex/platform 19.2.12 → 19.2.16

package/fesm2022/acorex-platform-common.mjs

@@ -1,39 +1,37 @@
 import * as i0 from '@angular/core';
-import { Injectable, provideAppInitializer, inject, InjectionToken, signal, model, linkedSignal, afterNextRender, Component, Injector, ErrorHandler, Directive, Input, EventEmitter, Output, runInInjectionContext, NgModule, Optional, Inject, ViewEncapsulation } from '@angular/core';
+import { Injectable, provideAppInitializer, inject, InjectionToken, Injector, ErrorHandler, Directive, Input, EventEmitter, Output, runInInjectionContext, NgModule, Optional, Inject, Component, ViewEncapsulation, signal, model, linkedSignal, afterNextRender } from '@angular/core';
 import { kebabCase, sortBy, omit, merge, cloneDeep, get } from 'lodash-es';
-import { AXPopupService, AXPopupModule } from '@acorex/components/popup';
+import { AXPopupModule, AXPopupService } from '@acorex/components/popup';
 import { AXToastService, AXToastModule } from '@acorex/components/toast';
 import { AXDateTimeModule } from '@acorex/core/date-time';
-import * as i4$1 from '@acorex/platform/workflow';
+import * as i3 from '@acorex/platform/workflow';
 import { AXPWorkflowService, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowError, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { Router, RouterModule } from '@angular/router';
-import { applySortArray, applyFilterArray } from '@acorex/platform/core';
-import Dexie from 'dexie';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
+import { AXTranslationService } from '@acorex/core/translation';
+import { AXFormatService } from '@acorex/core/format';
+import { Subject } from 'rxjs';
+import { AXPBroadcastEventService } from '@acorex/platform/core';
+import { AXDialogService } from '@acorex/components/dialog';
 import * as i5 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i6 from '@acorex/components/color-box';
 import { AXColorBoxModule } from '@acorex/components/color-box';
-import * as i4 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/label';
+import * as i3$1 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
-import * as i2 from '@acorex/components/number-box';
+import * as i2$1 from '@acorex/components/number-box';
 import { AXNumberBoxModule } from '@acorex/components/number-box';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i1 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i2$1 from '@acorex/components/image';
-import { AXImageModule } from '@acorex/components/image';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
-import { AXTranslationService } from '@acorex/core/translation';
-import { Store, createAction } from '@ngrx/store';
-import { AXFormatService } from '@acorex/core/format';
-import { Subject } from 'rxjs';
-import { AXDialogService } from '@acorex/components/dialog';
 
 class AXPAppStartUpService {
     constructor() {
@@ -243,788 +241,146 @@ const ALL_DEFAULT_OPERATORS = [
 class AXPDataProvider {
 }
 
-class AXPClipBoardService {
-    constructor() {
-        this.toast = inject(AXToastService);
-    }
-    copy(title, value) {
-        const copyText = document.createElement('input');
-        copyText.type = 'text';
-        copyText.select();
-        copyText.setSelectionRange(0, 99999); // For mobile devices
-        copyText.remove();
-        navigator.clipboard.writeText(value);
-        this.toast.success(`${title} copied!`);
+class AXPCustomOperatorService {
+}
+class AXPCustomOperatorServiceImpl extends AXPCustomOperatorService {
+    getCustomOperators() {
+        return {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl, decorators: [{
+            type: Injectable
         }] });
 
-class AXPDataGenerator {
-    static uuid() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {
-            const random = (Math.random() * 16) | 0;
-            const value = char === 'x' ? random : (random & 0x3) | 0x8;
-            return value.toString(16);
-        });
-    }
-    static number(...args) {
-        let min = 0;
-        let max = 100;
-        if (args.length == 1)
-            max = args[0];
-        if (args.length == 2) {
-            min = args[0];
-            max = args[1];
-        }
-        return Math.floor(Math.random() * (max - min + 1)) + min;
-    }
-    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));
+class AXPFilterOperatorMiddlewareService {
+}
+class AXPFilterOperatorMiddlewareServiceImpl extends AXPFilterOperatorMiddlewareService {
+    constructor() {
+        super(...arguments);
+        this.customOperatorService = inject(AXPCustomOperatorService);
+        this.operators = {
+            ...this.getDefaultOperators(),
+            ...this.customOperatorService.getCustomOperators(),
+        };
     }
-    static array(length = 5, generator) {
-        return Array.from({ length }, generator);
+    transformFilters(filters) {
+        return filters.map((filter) => this.transformFilter(filter));
     }
-    static pick(...args) {
-        if (args.length < 1) {
-            throw new Error('Invalid parameters');
-        }
-        const items = args[0];
-        const count = args[1] ?? 1;
-        if (count < 1) {
-            throw new Error('Count must be at least 1');
-        }
-        // If the count is greater than the number of items, just return a shuffled copy of the array
-        if (count >= items.length) {
-            return [...items].sort(() => Math.random() - 0.5);
-        }
-        // Shuffle the array and slice the first 'count' elements
-        const shuffled = items.slice();
-        for (let i = shuffled.length - 1; i > 0; i--) {
-            const j = Math.floor(Math.random() * (i + 1));
-            [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; // Swap elements
+    transformFilter(filter) {
+        const { operator, value, filters, field } = filter;
+        // Find the operator (either default or custom)
+        const filterOperator = this.operators[operator?.type ?? ''] || null;
+        // Start by transforming the filter itself
+        const transformedFilter = {
+            ...filter, // Keep the original filter structure
+            operator: filterOperator ? filterOperator : operator, // Add operator name
+        };
+        // If the filter contains nested filters, recursively transform them
+        if (filters && filters.length > 0) {
+            transformedFilter.filters = this.transformFilters(filters); // Recursively transform nested filters
         }
-        return count == 1 ? shuffled.slice(0, count)[0] : shuffled.slice(0, count);
-    }
-    static string(length = 10) {
-        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+        return transformedFilter;
     }
-    static boolean() {
-        return Math.random() >= 0.5;
+    getOperator(key) {
+        return this.operators[key];
     }
-    static item(array = []) {
-        return array.length > 0 ? array[Math.floor(Math.random() * array.length)] : undefined;
+    // Helper function to return the default operators
+    getDefaultOperators() {
+        return ALL_DEFAULT_OPERATORS.reduce((acc, operator) => {
+            acc[operator.name] = {
+                type: operator.name,
+            };
+            return acc;
+        }, {});
     }
-    static color() {
-        const color = Math.floor(Math.random() * 16777215).toString(16);
-        return `#${color.padStart(6, '0')}`;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl, decorators: [{
+            type: Injectable
+        }] });
+
+class AXPErrorHandlerRegistryService {
+    constructor(injector) {
+        this.injector = injector;
+        this.errorHandlers = [];
     }
-    static alphanumeric(length = 10) {
-        const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    register(...plugins) {
+        plugins.forEach(t => {
+            const childInjector = Injector.create({ providers: [{ provide: t, useClass: t, deps: [] }], parent: this.injector });
+            const handler = childInjector.get(t);
+            if (handler) {
+                this.errorHandlers.push(handler);
+            }
+        });
     }
-    static alphabet(length = 10) {
-        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    get handlers() {
+        return this.errorHandlers;
     }
-    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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class AXPGlobalErrorHandler extends ErrorHandler {
+    constructor(injector, registry) {
+        super();
+        this.injector = injector;
+        this.registry = registry;
     }
-    static firstName() {
-        const firstNames = ['John', 'Allen', 'Jak', 'Rose', 'Kate', 'Liam', 'Olivia', 'Noah', 'Emma', 'Ava'];
-        return this.pick(firstNames);
+    handleError(error) {
+        const handleErrorRecursively = (index, error) => {
+            const errorHandlers = this.registry.handlers;
+            if (index < errorHandlers.length) {
+                errorHandlers[index].handleError(error, (err) => {
+                    handleErrorRecursively(index + 1, err);
+                });
+            }
+            else {
+                super.handleError(error); // Fallback to default handler
+            }
+        };
+        if (error.message?.startsWith('NG0100')) {
+            //ignore it
+            return;
+        }
+        handleErrorRecursively(0, error);
     }
-    static lastName() {
-        const lastNames = ['Gates', 'Jonsen', 'Smith', 'Ford', 'Jakson', 'Brown', 'Johnson', 'Williams', 'Jones', 'Garcia'];
-        return this.pick(lastNames);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, deps: [{ token: i0.Injector }, { token: AXPErrorHandlerRegistryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: AXPErrorHandlerRegistryService }] });
+
+// src/app/directives/grid-layout.directive.ts
+class AXPGridLayoutDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
     }
-    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}`;
+    ngOnChanges(changes) {
+        if (changes['options']) {
+            this.applyTailwindClasses();
         }
     }
-    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}`;
-    }
-}
-
-class AXMOrgChartPrintPage extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.ratio = signal(false);
-        this.baseWidth = signal(undefined);
-        this.baseHeight = signal(undefined);
-        this.bgcolor = model();
-        this.width = model();
-        this.height = model();
-        this.quality = model();
-        this.qualityComputed = linkedSignal(() => (this.data.quality ?? 1) * 100);
-        this.scale = model();
-        this.#init = afterNextRender(() => {
-            this.bgcolor.set(this.data.bgcolor);
-            this.width.set(this.data.width);
-            this.baseWidth.set(this.data.width);
-            this.height.set(this.data.height);
-            this.baseHeight.set(this.data.height);
-            this.quality.set(this.data.quality);
-            this.scale.set(this.data.scale);
-        });
-    }
-    #init;
-    calculateRatio(event, type) {
-        if (!this.ratio() || !event.isUserInteraction)
-            return;
-        const value = event.value;
-        if (type === 'width') {
-            const newHeight = Math.round((value / this.baseWidth()) * this.baseHeight() * 100) / 100;
-            this.height.set(newHeight);
-            this.width.set(value);
-        }
-        else {
-            const newWidth = Math.round((value / this.baseHeight()) * this.baseWidth() * 100) / 100;
-            this.width.set(newWidth);
-            this.height.set(value);
-        }
-    }
-    async handleClose(isCanceled = false) {
-        this.close({
-            bgcolor: this.bgcolor(),
-            width: this.width(),
-            height: this.height(),
-            quality: this.qualityComputed() / 100,
-            scale: this.scale(),
-            isCanceled,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOrgChartPrintPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXMOrgChartPrintPage, isStandalone: true, selector: "ng-component", inputs: { bgcolor: { classPropertyName: "bgcolor", publicName: "bgcolor", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, quality: { classPropertyName: "quality", publicName: "quality", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bgcolor: "bgcolorChange", width: "widthChange", height: "heightChange", quality: "qualityChange", scale: "scaleChange" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-grid ax-grid-cols-[auto_18rem] ax-gap-4 ax-justify-center ax-p-4 ax-items-center">
-      <ax-label>Resolution (px)</ax-label>
-      <div class="ax-flex ax-gap-2 ax-items-center">
-        <ax-number-box
-          [changeOnScroll]="true"
-          [decimals]="4"
-          [value]="width()"
-          (onValueChanged)="calculateRatio($event, 'width')"
-          name="Width"
-        >
-        </ax-number-box>
-        <ax-button [toggleable]="true" [(selected)]="ratio"
-          ><ax-icon><i class="fa-solid fa-vector-square"></i></ax-icon
-        ></ax-button>
-        <ax-number-box
-          [changeOnScroll]="true"
-          [decimals]="4"
-          [value]="height()"
-          (onValueChanged)="calculateRatio($event, 'height')"
-          name="Height"
-        >
-        </ax-number-box>
-      </div>
-
-      <ax-label>Background color</ax-label>
-      <ax-color-box [(ngModel)]="bgcolor"></ax-color-box>
-
-      <ax-label>Quality of image (50-100%)</ax-label>
-      <ax-number-box
-        [changeOnScroll]="true"
-        [minValue]="50"
-        [maxValue]="100"
-        [(ngModel)]="qualityComputed"
-        name="Quality"
-      >
-      </ax-number-box>
-
-      <ax-label>Scale</ax-label>
-      <ax-number-box [changeOnScroll]="true" [minValue]="1" [(ngModel)]="scale" name="scale"> </ax-number-box>
-    </div>
-
-    <ax-footer>
-      <ax-prefix>
-      </ax-prefix>
-      <ax-suffix>
-      <ax-button text="Cancel" look="solid"  (onClick)="handleClose(true)"> </ax-button>
-        <ax-button text="Print" look="solid" color="primary" (onClick)="handleClose()">
-          <ax-icon class="fa-solid fa-print"> </ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.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: AXColorBoxModule }, { kind: "component", type: i6.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOrgChartPrintPage, decorators: [{
-            type: Component,
-            args: [{
-                    template: ` <div class="ax-grid ax-grid-cols-[auto_18rem] ax-gap-4 ax-justify-center ax-p-4 ax-items-center">
-      <ax-label>Resolution (px)</ax-label>
-      <div class="ax-flex ax-gap-2 ax-items-center">
-        <ax-number-box
-          [changeOnScroll]="true"
-          [decimals]="4"
-          [value]="width()"
-          (onValueChanged)="calculateRatio($event, 'width')"
-          name="Width"
-        >
-        </ax-number-box>
-        <ax-button [toggleable]="true" [(selected)]="ratio"
-          ><ax-icon><i class="fa-solid fa-vector-square"></i></ax-icon
-        ></ax-button>
-        <ax-number-box
-          [changeOnScroll]="true"
-          [decimals]="4"
-          [value]="height()"
-          (onValueChanged)="calculateRatio($event, 'height')"
-          name="Height"
-        >
-        </ax-number-box>
-      </div>
-
-      <ax-label>Background color</ax-label>
-      <ax-color-box [(ngModel)]="bgcolor"></ax-color-box>
-
-      <ax-label>Quality of image (50-100%)</ax-label>
-      <ax-number-box
-        [changeOnScroll]="true"
-        [minValue]="50"
-        [maxValue]="100"
-        [(ngModel)]="qualityComputed"
-        name="Quality"
-      >
-      </ax-number-box>
-
-      <ax-label>Scale</ax-label>
-      <ax-number-box [changeOnScroll]="true" [minValue]="1" [(ngModel)]="scale" name="scale"> </ax-number-box>
-    </div>
-
-    <ax-footer>
-      <ax-prefix>
-      </ax-prefix>
-      <ax-suffix>
-      <ax-button text="Cancel" look="solid"  (onClick)="handleClose(true)"> </ax-button>
-        <ax-button text="Print" look="solid" color="primary" (onClick)="handleClose()">
-          <ax-icon class="fa-solid fa-print"> </ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>`,
-                    imports: [
-                        FormsModule,
-                        AXCheckBoxModule,
-                        AXNumberBoxModule,
-                        AXTextBoxModule,
-                        AXLabelModule,
-                        AXDecoratorModule,
-                        AXButtonModule,
-                        AXColorBoxModule,
-                    ],
-                }]
-        }] });
-
-// AXPPdfService
-class AXPExportService {
-    constructor() {
-        this.popupService = inject(AXPopupService);
-    }
-    async generateBlobFromElement(element, blobOptions) {
-        const domtoimage = (await import('dom-to-image')).default;
-        const originalWidth = element.scrollWidth;
-        const originalHeight = element.scrollHeight;
-        let popup, options = {}, newOptions = {};
-        if (blobOptions) {
-            ({ popup, ...options } = blobOptions);
-        }
-        if (popup) {
-            const result = await this.popupService.open(AXMOrgChartPrintPage, {
-                header: true,
-                size: 'fit',
-                draggable: true,
-                hasBackdrop: true,
-                title: 'Export Options',
-                data: { data: options },
-            });
-            if (result.data.isCanceled) {
-                throw new Error('Process is Canceled by User!');
-            }
-            else {
-                newOptions = { ...options, ...result.data };
-            }
-        }
-        return domtoimage.toBlob(element, {
-            ...newOptions,
-            width: (newOptions.width ?? originalWidth) * (newOptions?.scale ?? 1),
-            height: (newOptions.height ?? originalHeight) * (newOptions?.scale ?? 1),
-            style: {
-                transform: `scale(${newOptions?.scale ?? 1})`,
-                transformOrigin: 'top left',
-            },
-        });
-    }
-    download(blob, filename) {
-        const link = document.createElement('a');
-        link.href = URL.createObjectURL(blob);
-        link.download = filename;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        URL.revokeObjectURL(link.href);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class AXPExpressionEvaluatorService {
-    async evaluateExpression(obj, templateExpression, scope) {
-        try {
-            if (typeof templateExpression === 'string' && templateExpression.includes('{{')) {
-                return await this.evaluateStringExpression(templateExpression, scope);
-            }
-            else if (typeof templateExpression === 'object') {
-                const evaluatedObject = {};
-                for (const key in templateExpression) {
-                    if (templateExpression.hasOwnProperty(key)) {
-                        evaluatedObject[key] = await this.evaluateExpression(obj, templateExpression[key], scope);
-                    }
-                }
-                return evaluatedObject;
-            }
-            else {
-                return templateExpression;
-            }
-        }
-        catch (error) {
-            console.error('Error evaluating expression:', error);
-            return false;
-        }
-    }
-    async evaluateStringExpression(templateExpression, scope) {
-        const expressionMatch = templateExpression.match(/\{\{\s*(.*?)\s*\}\}/);
-        if (!expressionMatch) {
-            throw Error(`No valid expression found in "${templateExpression}"`);
-        }
-        const expression = expressionMatch[1];
-        const evaluationFunction = async () => {
-            const sandbox = new Function('scope', `with (scope) { return (async function() { return ${expression}; })(); }`);
-            return await sandbox(scope);
-        };
-        return await evaluationFunction();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExpressionEvaluatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExpressionEvaluatorService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExpressionEvaluatorService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class AXPRegionalService {
-}
-
-class AXPDexieEntityStorageService extends Dexie {
-    constructor() {
-        super('ACoreXPlatform');
-        this.version(1).stores({
-            'entity-store': '++id, entityName, [entityName+id]',
-        });
-    }
-    get dbName() {
-        return 'ACoreXPlatform';
-    }
-    async initial(entityName, collection) {
-        const exists = await this.table('entity-store').where({ entityName }).count();
-        if (exists === 0) {
-            await this.table('entity-store').bulkAdd(collection.map((item) => ({ ...item, entityName })));
-        }
-        return collection;
-    }
-    async getOne(entityName, id) {
-        return await this.table('entity-store').where({ entityName, id: id }).first();
-    }
-    async updateOne(entityName, id, keyValue) {
-        await this.table('entity-store').where({ entityName, id: id }).modify(keyValue);
-        return await this.getOne(entityName, id);
-    }
-    async deleteOne(entityName, id) {
-        await this.table('entity-store').where({ entityName, id: id }).delete();
-    }
-    async insertOne(entityName, entity) {
-        const uuid = AXPDataGenerator.uuid();
-        await this.table('entity-store').add({ ...entity, id: uuid, entityName });
-        return uuid;
-    }
-    async getAll(entityName) {
-        return await this.table('entity-store').where({ entityName }).toArray();
-    }
-    async query(entityName, request) {
-        let result = await this.table('entity-store').where({ entityName }).toArray();
-        if (request.sort && request.sort.length) {
-            result = applySortArray(result, request.sort);
-        }
-        result = applyFilterArray(result, request.filter ? [request.filter] : []);
-        return Promise.resolve({
-            total: result.length,
-            items: result.slice(request.skip, (request.skip ?? 0) + (request.take ?? 0)),
-        });
-    }
-}
-// export class AXPDexieTableStorageService extends Dexie implements AXPEntityStorageService {
-//   private schemaUpdateLock: Promise<void> = Promise.resolve();
-//   constructor() {
-//     super('ACoreXPlatform');
-//     // Initial empty version
-//     //this.version(1).stores({});
-//   }
-//   // Function to change the schema dynamically
-//   private async changeSchema(schemaChanges: { [tableName: string]: string | null }): Promise<void> {
-//     // Acquire schema update lock to ensure no other operations are performed while schema is changing
-//     this.schemaUpdateLock = this.schemaUpdateLock.then(async () => {
-//       console.log('Attempting schema change with:', schemaChanges);
-//       try {
-//         this.close();
-//         const newDb = new Dexie(this.name);
-//         // Extract current schema in Dexie format
-//         const currentSchema = this.tables.reduce((result, { name, schema }) => {
-//           result[name] = [schema.primKey.src, ...schema.indexes.map((idx) => idx.src)].join(',');
-//           return result;
-//         }, {} as { [tableName: string]: string });
-//         console.log('Current Schema:', currentSchema);
-//         // Define current schema version
-//         newDb.version(this.verno + 10).stores(currentSchema);
-//         // Define new schema version with schema changes
-//         const nextVersion = this.verno + 1;
-//         newDb.version(nextVersion).stores(schemaChanges);
-//         await newDb.open();
-//         // Reassign updated db instance
-//         Object.assign(this, newDb);
-//         console.log(`Schema updated. Current version: ${this.verno}`);
-//       } catch (error) {
-//         console.error('Error during schema change:', error);
-//         throw error;
-//       }
-//     });
-//     // Wait for schema change lock to complete
-//     await this.schemaUpdateLock;
-//   }
-//   private async ensureInitialized(entityName: string): Promise<void> {
-//     if (this.tables.findIndex((table) => table.name === entityName) == -1) {
-//       const schemaChanges: { [tableName: string]: string } = {};
-//       schemaChanges[entityName] = '++id';
-//       await this.changeSchema(schemaChanges);
-//     }
-//   }
-//   get dbName(): string {
-//     return 'ACoreXPlatform';
-//   }
-//   private async getTable<T>(entityName: string) {
-//     await this.ensureInitialized(entityName);
-//     return this.table<T, number>(entityName);
-//   }
-//   async initial<T = any>(entityName: string, collection: T[]): Promise<void> {
-//     const table = await this.getTable<T>(entityName);
-//     const exists = await table.count();
-//     if (exists === 0) {
-//       await table.bulkAdd(collection);
-//     }
-//   }
-//   async getOne<T = any>(entityName: string, id: string): Promise<T> {
-//     const table = await this.getTable<T>(entityName);
-//     return (await table.where({ id: parseInt(id) }).first()) as T;
-//   }
-//   async updateOne(entityName: string, id: string, keyValue: { [key: string]: any }): Promise<void> {
-//     const table = await this.getTable(entityName);
-//     await table.update(parseInt(id), keyValue);
-//   }
-//   async deleteOne(entityName: string, id: string): Promise<void> {
-//     const table = await this.getTable(entityName);
-//     await table.delete(parseInt(id));
-//   }
-//   async insertOne<T = any>(entityName: string, entity: T): Promise<void> {
-//     const table = await this.getTable<T>(entityName);
-//     await table.add(entity);
-//   }
-//   async getAll<T = any>(entityName: string): Promise<T[]> {
-//     const table = await this.getTable<T>(entityName);
-//     return await table.toArray();
-//   }
-// }
-
-const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
-class AXPDataSeederService {
-    constructor() {
-        this.loader = inject(AXP_DATA_SEEDER_TOKEN, { optional: true });
-    }
-    async seed() {
-        if (Array.isArray(this.loader)) {
-            for (const loader of this.loader) {
-                await loader.seed();
-            }
-        }
-        else {
-            await this.loader?.seed();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDataSeederService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class AXPEntityStorageService {
-}
-class AXPEntityDataProvider {
-}
-class AXPEntityDataProviderImpl {
-    constructor(storageService, entityName) {
-        this.storageService = storageService;
-        this.entityName = entityName;
-    }
-    async initial(collection) {
-        await this.storageService.initial(this.entityName, collection);
-    }
-    getOne(id) {
-        return this.storageService.getOne(this.entityName, id);
-    }
-    getAll() {
-        return this.storageService.getAll(this.entityName);
-    }
-    query(request) {
-        return this.storageService.query(this.entityName, request);
-    }
-    updateOne(id, keyValue) {
-        return this.storageService.updateOne(this.entityName, id, keyValue);
-    }
-    deleteOne(id) {
-        return this.storageService.deleteOne(this.entityName, id);
-    }
-    insertOne(entity) {
-        return this.storageService.insertOne(this.entityName, entity);
-    }
-}
-class AXMEntityCrudService {
-}
-class AXMEntityCrudServiceImpl {
-    constructor(entityName) {
-        this.entityName = entityName;
-        this._storageService = inject(AXPEntityStorageService);
-        this._entityDataProvider = new AXPEntityDataProviderImpl(this._storageService, this.entityName);
-    }
-    async insertOne(request) {
-        return this._entityDataProvider.insertOne(request);
-    }
-    async getOne(id) {
-        return this._entityDataProvider.getOne(id);
-    }
-    async deleteOne(id) {
-        return this._entityDataProvider.deleteOne(id);
-    }
-    async updateOne(id, values) {
-        return this._entityDataProvider.updateOne(id, values);
-    }
-    async query(request = { skip: 0, take: 100 }) {
-        return this._entityDataProvider.query(request);
-    }
-    // get entityDataProvider() {
-    //   return this._entityDataProvider;
-    // }
-    get storageService() {
-        return this._storageService;
-    }
-}
-
-class AXPCustomOperatorService {
-}
-class AXPCustomOperatorServiceImpl extends AXPCustomOperatorService {
-    getCustomOperators() {
-        return {};
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCustomOperatorServiceImpl, decorators: [{
-            type: Injectable
-        }] });
-
-class AXPFilterOperatorMiddlewareService {
-}
-class AXPFilterOperatorMiddlewareServiceImpl extends AXPFilterOperatorMiddlewareService {
-    constructor() {
-        super(...arguments);
-        this.customOperatorService = inject(AXPCustomOperatorService);
-        this.operators = {
-            ...this.getDefaultOperators(),
-            ...this.customOperatorService.getCustomOperators(),
-        };
-    }
-    transformFilters(filters) {
-        return filters.map((filter) => this.transformFilter(filter));
-    }
-    transformFilter(filter) {
-        const { operator, value, filters, field } = filter;
-        // Find the operator (either default or custom)
-        const filterOperator = this.operators[operator?.type] || null;
-        // Start by transforming the filter itself
-        const transformedFilter = {
-            ...filter, // Keep the original filter structure
-            operator: filterOperator ? filterOperator : operator, // Add operator name
-        };
-        // If the filter contains nested filters, recursively transform them
-        if (filters && filters.length > 0) {
-            transformedFilter.filters = this.transformFilters(filters); // Recursively transform nested filters
-        }
-        return transformedFilter;
-    }
-    getOperator(key) {
-        return this.operators[key];
-    }
-    // Helper function to return the default operators
-    getDefaultOperators() {
-        return ALL_DEFAULT_OPERATORS.reduce((acc, operator) => {
-            acc[operator.name] = {
-                type: operator.name,
-            };
-            return acc;
-        }, {});
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFilterOperatorMiddlewareServiceImpl, decorators: [{
-            type: Injectable
-        }] });
-
-class AXPErrorHandlerRegistryService {
-    constructor(injector) {
-        this.injector = injector;
-        this.errorHandlers = [];
-    }
-    register(...plugins) {
-        plugins.forEach(t => {
-            const childInjector = Injector.create({ providers: [{ provide: t, useClass: t, deps: [] }], parent: this.injector });
-            const handler = childInjector.get(t);
-            if (handler) {
-                this.errorHandlers.push(handler);
-            }
-        });
-    }
-    get handlers() {
-        return this.errorHandlers;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPErrorHandlerRegistryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i0.Injector }] });
-
-class AXPGlobalErrorHandler extends ErrorHandler {
-    constructor(injector, registry) {
-        super();
-        this.injector = injector;
-        this.registry = registry;
-    }
-    handleError(error) {
-        const handleErrorRecursively = (index, error) => {
-            const errorHandlers = this.registry.handlers;
-            if (index < errorHandlers.length) {
-                errorHandlers[index].handleError(error, (err) => {
-                    handleErrorRecursively(index + 1, err);
-                });
-            }
-            else {
-                super.handleError(error); // Fallback to default handler
-            }
-        };
-        if (error.message?.startsWith('NG0100')) {
-            //ignore it
-            return;
-        }
-        handleErrorRecursively(0, error);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, deps: [{ token: i0.Injector }, { token: AXPErrorHandlerRegistryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalErrorHandler, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: AXPErrorHandlerRegistryService }] });
-
-// src/app/directives/grid-layout.directive.ts
-class AXPGridLayoutDirective {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-    }
-    ngOnChanges(changes) {
-        if (changes['options']) {
-            this.applyTailwindClasses();
-        }
-    }
-    applyTailwindClasses() {
-        // Clear existing grid classes
-        this.clearClasses();
-        // Apply new grid classes based on the input options
-        this.setClasses(this.options.positions?.default, '');
-        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:');
+    applyTailwindClasses() {
+        // Clear existing grid classes
+        this.clearClasses();
+        // Apply new grid classes based on the input options
+        this.setClasses(this.options.positions?.default, '');
+        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 == null)
@@ -1381,7 +737,7 @@ class AXPLogoComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLogoComponent, decorators: [{
             type: Component,
@@ -1602,11 +958,12 @@ withMethods((store, router = inject(Router), workflow = inject(AXPWorkflowServic
         executeCommand(item) {
             if (item.path) {
                 workflow.execute('navigate', { type: 'router', options: { path: item.path } });
+                patchState(store, { selectedMenuItem: { item, isFullMatch: true } });
             }
             if (item.command) {
-                workflow.execute('navigate', item.command);
+                const command = item.command;
+                workflow.execute(command.name, command.options);
             }
-            patchState(store, { selectedMenuItem: { item, isFullMatch: true } });
         },
         isItemOpen(item) {
             const selectedItem = store.selectedMenuItem();
@@ -1662,16 +1019,15 @@ class AXPMenuSearchProvider {
             title: item.text, // Use `text` for the `title`
             icon: item.icon, // Include the `icon` if present
             data: omit(item, ['parent', 'children']), // Include all data except `parent` and `children`
-            commands: {
-                navigate: {
-                    ...(item.command ?? {
-                        type: 'router',
-                        options: {
-                            path: item.path,
-                        },
-                    }),
-                },
-            },
+            command: item.path ? {
+                name: 'navigate',
+                options: {
+                    type: 'router',
+                    options: {
+                        path: item.path,
+                    },
+                }
+            } : item.command,
             parent: item.parent
                 ? {
                     title: item.parent.text,
@@ -1724,19 +1080,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class AXPNavBarSlotComponent {
-    constructor() {
-        this.store = inject(Store);
-    }
     handleCommand(action) {
-        if (action)
-            this.store.dispatch(action);
+        // if (action)
+        //     this.store.dispatch(action)
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPNavBarSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", 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 }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPNavBarSlotComponent, decorators: [{
             type: Component,
@@ -1929,7 +1282,7 @@ class AXPSearchService {
                                 ? this.formatService.format(definition.format.icon, 'string', result.data)
                                 : definition.icon),
                         data: result.data,
-                        commands: result.commands,
+                        command: result.command,
                         actions: definition.actions,
                         parent: result.parent,
                         order: definition.order,
@@ -2283,9 +1636,9 @@ class AXPSettingService {
         this.providers = inject(AXP_SETTING_VALUE_PROVIDER);
         //private readonly definitionService = inject(AXPSettingDefinitionProviderService);
         this.injector = inject(Injector);
+        this.eventService = inject(AXPBroadcastEventService);
         this.scopedSettingsCache = new Map();
         this.onChanged = new Subject();
-        this.broadcastChannel = new BroadcastChannel('AXPSettingChannel'); // BroadcastChannel for sync
         // Initialize scoped caches for dynamic scopes
         const staticScopes = [
             AXPSettingScope.Environment,
@@ -2299,13 +1652,13 @@ class AXPSettingService {
             }
         });
         // Listen for setting changes from other tabs
-        this.broadcastChannel.onmessage = (event) => {
+        this.eventService.listen('AXPSettingChangedEvent').subscribe((event) => {
             const data = event.data;
             data.keys.forEach((key) => {
                 this.scopedSettingsCache.get(data.scope)?.set(key, data.values[key]);
             });
             this.onChanged.next(data); // Notify subscribers in the current tab
-        };
+        });
     }
     async load() {
         try {
@@ -2387,7 +1740,7 @@ class AXPSettingService {
     }
     invokeChangeEvent(event) {
         this.onChanged.next(event);
-        this.broadcastChannel.postMessage(event);
+        this.eventService.publish("AXPSettingChangedEvent", event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingService, providedIn: 'root' }); }
@@ -2627,7 +1980,9 @@ class AXPCommonModule {
     /**
      * @ignore
      */
-    constructor(instances, appInitService, settingsService, seederService) {
+    constructor(instances, appInitService, settingsService
+    // seederService: AXPDataSeederService
+    ) {
         instances.forEach((f) => {
             f();
         });
@@ -2640,16 +1995,16 @@ class AXPCommonModule {
         });
         //
         //
-        appInitService.registerTask({
-            name: 'Seeder',
-            statusText: 'Seed Data ...',
-            run: async () => {
-                await seederService.seed();
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCommonModule, deps: [{ token: 'AXPCommonModuleFactory' }, { token: AXPAppStartUpService }, { token: AXPSettingService }, { token: AXPDataSeederService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXPCommonModule, imports: [i4$1.AXPWorkflowModule, AXPopupModule,
+        // appInitService.registerTask({
+        //   name: 'Seeder',
+        //   statusText: 'Seed Data ...',
+        //   run: async () => {
+        //     await seederService.seed();
+        //   },
+        // });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCommonModule, deps: [{ token: 'AXPCommonModuleFactory' }, { token: AXPAppStartUpService }, { token: AXPSettingService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXPCommonModule, imports: [i3.AXPWorkflowModule, AXPopupModule,
             AXDateTimeModule,
             AXToastModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCommonModule, providers: [
@@ -2738,7 +2093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['AXPCommonModuleFactory']
-                }] }, { type: AXPAppStartUpService }, { type: AXPSettingService }, { type: AXPDataSeederService }] });
+                }] }, { type: AXPAppStartUpService }, { type: AXPSettingService }] });
 
 const ENVIRONMENT = new InjectionToken('ENVIRONMENT');
 const AXP_PLATFORM_CONFIG_TOKEN = new InjectionToken('AXP_PLATFORM_CONFIG_TOKEN', {
@@ -2758,78 +2113,460 @@ const AXPPlatformDefaultConfigs = {
     network: {
         timeOut: 5000,
     }
-};
-function configPlatform(config = AXPPlatformDefaultConfigs) {
-    return merge(AXPPlatformDefaultConfigs, config);
+};
+function configPlatform(config = AXPPlatformDefaultConfigs) {
+    return merge(AXPPlatformDefaultConfigs, config);
+}
+
+const AXP_ROOT_CONFIG_TOKEN = new InjectionToken('AXP_ROOT_CONFIG_TOKEN');
+
+class AXPFileStorageService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService, decorators: [{
+            type: Injectable
+        }] });
+
+var AXPFileStorageStatus;
+(function (AXPFileStorageStatus) {
+    AXPFileStorageStatus["Temporary"] = "temporary";
+    AXPFileStorageStatus["Committed"] = "committed";
+    AXPFileStorageStatus["PendingDeletion"] = "pendingDeletion";
+    AXPFileStorageStatus["Archived"] = "archived";
+    AXPFileStorageStatus["Error"] = "error";
+})(AXPFileStorageStatus || (AXPFileStorageStatus = {}));
+
+class AXPFiltersProviderService {
+    async getAll() {
+        return Promise.resolve('');
+    }
+    async execute() {
+        return Promise.resolve('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const AXP_FILE_TYPE_INFO_PROVIDER = new InjectionToken('AXP_FILE_TYPE_INFO_PROVIDER');
+class AXPFileTypeProviderService {
+    constructor() {
+        this.providers = inject(AXP_FILE_TYPE_INFO_PROVIDER, { optional: true });
+    }
+    async items() {
+        const items = [];
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                items.push(...(await provider.items()));
+            }
+        }
+        return items;
+    }
+    async get(name) {
+        return (await this.items()).find((c) => c.name == name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXPClipBoardService {
+    constructor() {
+        this.toast = inject(AXToastService);
+    }
+    copy(title, value) {
+        const copyText = document.createElement('input');
+        copyText.type = 'text';
+        copyText.select();
+        copyText.setSelectionRange(0, 99999); // For mobile devices
+        copyText.remove();
+        navigator.clipboard.writeText(value);
+        this.toast.success(`${title} copied!`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClipBoardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AXPDataGenerator {
+    static uuid() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {
+            const random = (Math.random() * 16) | 0;
+            const value = char === 'x' ? random : (random & 0x3) | 0x8;
+            return value.toString(16);
+        });
+    }
+    static number(...args) {
+        let min = 0;
+        let max = 100;
+        if (args.length == 1)
+            max = args[0];
+        if (args.length == 2) {
+            min = args[0];
+            max = args[1];
+        }
+        return Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+    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));
+    }
+    static array(length = 5, generator) {
+        return Array.from({ length }, generator);
+    }
+    static pick(...args) {
+        if (args.length < 1) {
+            throw new Error('Invalid parameters');
+        }
+        const items = args[0];
+        const count = args[1] ?? 1;
+        if (count < 1) {
+            throw new Error('Count must be at least 1');
+        }
+        // If the count is greater than the number of items, just return a shuffled copy of the array
+        if (count >= items.length) {
+            return [...items].sort(() => Math.random() - 0.5);
+        }
+        // Shuffle the array and slice the first 'count' elements
+        const shuffled = items.slice();
+        for (let i = shuffled.length - 1; i > 0; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; // Swap elements
+        }
+        return count == 1 ? shuffled.slice(0, count)[0] : shuffled.slice(0, count);
+    }
+    static string(length = 10) {
+        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        return Array.from({ length }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    }
+    static boolean() {
+        return Math.random() >= 0.5;
+    }
+    static item(array = []) {
+        return array.length > 0 ? array[Math.floor(Math.random() * array.length)] : undefined;
+    }
+    static color() {
+        const color = Math.floor(Math.random() * 16777215).toString(16);
+        return `#${color.padStart(6, '0')}`;
+    }
+    static alphanumeric(length = 10) {
+        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}`;
+    }
 }
 
-const AXP_ROOT_CONFIG_TOKEN = new InjectionToken('AXP_ROOT_CONFIG_TOKEN');
+class AXMOrgChartPrintPage extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.ratio = signal(false);
+        this.baseWidth = signal(undefined);
+        this.baseHeight = signal(undefined);
+        this.bgcolor = model();
+        this.width = model();
+        this.height = model();
+        this.quality = model();
+        this.qualityComputed = linkedSignal(() => (this.data.quality ?? 1) * 100);
+        this.scale = model();
+        this.#init = afterNextRender(() => {
+            this.bgcolor.set(this.data.bgcolor);
+            this.width.set(this.data.width);
+            this.baseWidth.set(this.data.width);
+            this.height.set(this.data.height);
+            this.baseHeight.set(this.data.height);
+            this.quality.set(this.data.quality);
+            this.scale.set(this.data.scale);
+        });
+    }
+    #init;
+    calculateRatio(event, type) {
+        if (!this.ratio() || !event.isUserInteraction)
+            return;
+        const value = event.value;
+        if (type === 'width') {
+            const newHeight = Math.round((value / this.baseWidth()) * this.baseHeight() * 100) / 100;
+            this.height.set(newHeight);
+            this.width.set(value);
+        }
+        else {
+            const newWidth = Math.round((value / this.baseHeight()) * this.baseWidth() * 100) / 100;
+            this.width.set(newWidth);
+            this.height.set(value);
+        }
+    }
+    async handleClose(isCanceled = false) {
+        this.close({
+            bgcolor: this.bgcolor(),
+            width: this.width(),
+            height: this.height(),
+            quality: this.qualityComputed() / 100,
+            scale: this.scale(),
+            isCanceled,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOrgChartPrintPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXMOrgChartPrintPage, isStandalone: true, selector: "ng-component", inputs: { bgcolor: { classPropertyName: "bgcolor", publicName: "bgcolor", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, quality: { classPropertyName: "quality", publicName: "quality", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bgcolor: "bgcolorChange", width: "widthChange", height: "heightChange", quality: "qualityChange", scale: "scaleChange" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-grid ax-grid-cols-[auto_18rem] ax-gap-4 ax-justify-center ax-p-4 ax-items-center">
+      <ax-label>Resolution (px)</ax-label>
+      <div class="ax-flex ax-gap-2 ax-items-center">
+        <ax-number-box
+          [changeOnScroll]="true"
+          [decimals]="4"
+          [value]="width()"
+          (onValueChanged)="calculateRatio($event, 'width')"
+          name="Width"
+        >
+        </ax-number-box>
+        <ax-button [toggleable]="true" [(selected)]="ratio"
+          ><ax-icon><i class="fa-solid fa-vector-square"></i></ax-icon
+        ></ax-button>
+        <ax-number-box
+          [changeOnScroll]="true"
+          [decimals]="4"
+          [value]="height()"
+          (onValueChanged)="calculateRatio($event, 'height')"
+          name="Height"
+        >
+        </ax-number-box>
+      </div>
 
-class AXPFileStorageService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileStorageService, decorators: [{
-            type: Injectable
-        }] });
+      <ax-label>Background color</ax-label>
+      <ax-color-box [(ngModel)]="bgcolor"></ax-color-box>
 
-var AXPFileStorageStatus;
-(function (AXPFileStorageStatus) {
-    AXPFileStorageStatus["Temporary"] = "temporary";
-    AXPFileStorageStatus["Committed"] = "committed";
-    AXPFileStorageStatus["PendingDeletion"] = "pendingDeletion";
-    AXPFileStorageStatus["Archived"] = "archived";
-    AXPFileStorageStatus["Error"] = "error";
-})(AXPFileStorageStatus || (AXPFileStorageStatus = {}));
+      <ax-label>Quality of image (50-100%)</ax-label>
+      <ax-number-box
+        [changeOnScroll]="true"
+        [minValue]="50"
+        [maxValue]="100"
+        [(ngModel)]="qualityComputed"
+        name="Quality"
+      >
+      </ax-number-box>
 
-class AXPFiltersProviderService {
-    async getAll() {
-        return Promise.resolve('');
-    }
-    async execute() {
-        return Promise.resolve('');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, providedIn: 'root' }); }
+      <ax-label>Scale</ax-label>
+      <ax-number-box [changeOnScroll]="true" [minValue]="1" [(ngModel)]="scale" name="scale"> </ax-number-box>
+    </div>
+
+    <ax-footer>
+      <ax-prefix>
+      </ax-prefix>
+      <ax-suffix>
+      <ax-button text="Cancel" look="solid"  (onClick)="handleClose(true)"> </ax-button>
+        <ax-button text="Print" look="solid" color="primary" (onClick)="handleClose()">
+          <ax-icon class="fa-solid fa-print"> </ax-icon>
+        </ax-button>
+      </ax-suffix>
+    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i2$1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.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: AXColorBoxModule }, { kind: "component", type: i6.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFiltersProviderService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMOrgChartPrintPage, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root',
+                    template: ` <div class="ax-grid ax-grid-cols-[auto_18rem] ax-gap-4 ax-justify-center ax-p-4 ax-items-center">
+      <ax-label>Resolution (px)</ax-label>
+      <div class="ax-flex ax-gap-2 ax-items-center">
+        <ax-number-box
+          [changeOnScroll]="true"
+          [decimals]="4"
+          [value]="width()"
+          (onValueChanged)="calculateRatio($event, 'width')"
+          name="Width"
+        >
+        </ax-number-box>
+        <ax-button [toggleable]="true" [(selected)]="ratio"
+          ><ax-icon><i class="fa-solid fa-vector-square"></i></ax-icon
+        ></ax-button>
+        <ax-number-box
+          [changeOnScroll]="true"
+          [decimals]="4"
+          [value]="height()"
+          (onValueChanged)="calculateRatio($event, 'height')"
+          name="Height"
+        >
+        </ax-number-box>
+      </div>
+
+      <ax-label>Background color</ax-label>
+      <ax-color-box [(ngModel)]="bgcolor"></ax-color-box>
+
+      <ax-label>Quality of image (50-100%)</ax-label>
+      <ax-number-box
+        [changeOnScroll]="true"
+        [minValue]="50"
+        [maxValue]="100"
+        [(ngModel)]="qualityComputed"
+        name="Quality"
+      >
+      </ax-number-box>
+
+      <ax-label>Scale</ax-label>
+      <ax-number-box [changeOnScroll]="true" [minValue]="1" [(ngModel)]="scale" name="scale"> </ax-number-box>
+    </div>
+
+    <ax-footer>
+      <ax-prefix>
+      </ax-prefix>
+      <ax-suffix>
+      <ax-button text="Cancel" look="solid"  (onClick)="handleClose(true)"> </ax-button>
+        <ax-button text="Print" look="solid" color="primary" (onClick)="handleClose()">
+          <ax-icon class="fa-solid fa-print"> </ax-icon>
+        </ax-button>
+      </ax-suffix>
+    </ax-footer>`,
+                    imports: [
+                        FormsModule,
+                        AXCheckBoxModule,
+                        AXNumberBoxModule,
+                        AXTextBoxModule,
+                        AXLabelModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXColorBoxModule,
+                    ],
                 }]
         }] });
 
-const AXP_FILE_TYPE_PROVIDER = new InjectionToken('AXP_FILE_TYPE_PROVIDER');
-class AXPFileTypeProviderService {
+// AXPPdfService
+class AXPExportService {
     constructor() {
-        this.providers = inject(AXP_FILE_TYPE_PROVIDER, { optional: true });
+        this.popupService = inject(AXPopupService);
     }
-    async items() {
-        const items = [];
-        if (Array.isArray(this.providers)) {
-            for (const provider of this.providers) {
-                items.push(...(await provider.items()));
+    async generateBlobFromElement(element, blobOptions) {
+        const domtoimage = (await import('dom-to-image')).default;
+        const originalWidth = element.scrollWidth;
+        const originalHeight = element.scrollHeight;
+        let popup, options = {}, newOptions = {};
+        if (blobOptions) {
+            ({ popup, ...options } = blobOptions);
+        }
+        if (popup) {
+            const result = await this.popupService.open(AXMOrgChartPrintPage, {
+                header: true,
+                size: 'fit',
+                draggable: true,
+                hasBackdrop: true,
+                title: 'Export Options',
+                data: { data: options },
+            });
+            if (result.data.isCanceled) {
+                throw new Error('Process is Canceled by User!');
+            }
+            else {
+                newOptions = { ...options, ...result.data };
             }
         }
-        return items;
+        return domtoimage.toBlob(element, {
+            ...newOptions,
+            width: (newOptions.width ?? originalWidth) * (newOptions?.scale ?? 1),
+            height: (newOptions.height ?? originalHeight) * (newOptions?.scale ?? 1),
+            style: {
+                transform: `scale(${newOptions?.scale ?? 1})`,
+                transformOrigin: 'top left',
+            },
+        });
     }
-    async get(name) {
-        return (await this.items()).find((c) => c.name == name);
+    download(blob, filename) {
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = filename;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(link.href);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileTypeProviderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPExportService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
+            args: [{
+                    providedIn: 'root',
+                }]
         }] });
 
-const AXPSignOutAction = createAction('[SignOut] Action');
-const AXPSignInAction = createAction('[SignIn] Action');
+class AXPRegionalService {
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_DEFAULT_OPERATORS, AXMEntityCrudService, AXMEntityCrudServiceImpl, AXMWorkflowErrorHandler, AXPAppStartUpProvider, AXPAppStartUpService, AXPClipBoardService, AXPCommonModule, AXPComponentLogoConfig, AXPComponentSlotDirective, AXPComponentSlotLoaderService, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPCustomOperatorService, AXPCustomOperatorServiceImpl, AXPDataGenerator, AXPDataProvider, AXPDataSeederService, AXPDexieEntityStorageService, AXPDialogConfirmAction, AXPEntityCommandScope, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityQueryType, AXPEntityStorageService, AXPErrorHandlerRegistryService, AXPExportService, AXPExpressionEvaluatorService, AXPFileStorageService, AXPFileStorageStatus, AXPFileTypeProviderService, AXPFilterOperatorMiddlewareService, AXPFilterOperatorMiddlewareServiceImpl, AXPFiltersProviderService, AXPFontIconLogoConfig, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPGridLayoutDirective, AXPImageUrlLogoConfig, AXPLogoComponent, AXPMenuProviderService, AXPMenuSearchDefinitionProvider, AXPMenuSearchProvider, AXPMenuService, AXPNavBarSlotComponent, AXPNavigateWorkflow, AXPPlatformDefaultConfigs, AXPRedirectEvent, AXPRefreshEvent, AXPRegionalService, AXPRelationshipCardinality, AXPRelationshipKind, AXPSearchCommandProvider, AXPSearchDefinitionActionBuilder, AXPSearchDefinitionBuilder, AXPSearchDefinitionProviderContext, AXPSearchDefinitionProviderService, AXPSearchService, AXPSettingDefaultValueProvider, AXPSettingDefinitionGroupBuilder, AXPSettingDefinitionProviderContext, AXPSettingDefinitionProviderService, AXPSettingDefinitionSectionBuilder, AXPSettingScope, AXPSettingService, AXPSignInAction, AXPSignOutAction, AXPStickyDirective, AXPTextLogoConfig, AXPToastAction, AXPWorkflowNavigateAction, AXPWorkflowRouterNavigateAction, AXP_APP_VERSION_PROVIDER, AXP_DATA_SEEDER_TOKEN, AXP_FILE_TYPE_PROVIDER, AXP_MENU_PROVIDER, AXP_PLATFORM_CONFIG_TOKEN, AXP_ROOT_CONFIG_TOKEN, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SETTING_VALUE_PROVIDER, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, ENDS_WITH_OPER, ENVIRONMENT, 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, createAllQueryView, createQueryView, getEntityInfo, resolveActionLook };
+export { ALL_DEFAULT_OPERATORS, AXMWorkflowErrorHandler, AXPAppStartUpProvider, AXPAppStartUpService, AXPClipBoardService, AXPCommonModule, AXPComponentLogoConfig, AXPComponentSlotDirective, AXPComponentSlotLoaderService, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPCustomOperatorService, AXPCustomOperatorServiceImpl, AXPDataGenerator, AXPDataProvider, AXPDialogConfirmAction, AXPEntityCommandScope, AXPEntityQueryType, AXPErrorHandlerRegistryService, AXPExportService, AXPFileStorageService, AXPFileStorageStatus, AXPFileTypeProviderService, AXPFilterOperatorMiddlewareService, AXPFilterOperatorMiddlewareServiceImpl, AXPFiltersProviderService, AXPFontIconLogoConfig, AXPFooterTextSlotComponent, AXPGlobalErrorHandler, AXPGridLayoutDirective, AXPImageUrlLogoConfig, AXPLogoComponent, AXPMenuProviderService, AXPMenuSearchDefinitionProvider, AXPMenuSearchProvider, AXPMenuService, AXPNavBarSlotComponent, AXPNavigateWorkflow, AXPPlatformDefaultConfigs, AXPRedirectEvent, AXPRefreshEvent, AXPRegionalService, AXPRelationshipCardinality, AXPRelationshipKind, AXPSearchCommandProvider, AXPSearchDefinitionActionBuilder, AXPSearchDefinitionBuilder, AXPSearchDefinitionProviderContext, AXPSearchDefinitionProviderService, AXPSearchService, AXPSettingDefaultValueProvider, AXPSettingDefinitionGroupBuilder, AXPSettingDefinitionProviderContext, AXPSettingDefinitionProviderService, AXPSettingDefinitionSectionBuilder, AXPSettingScope, AXPSettingService, AXPStickyDirective, AXPTextLogoConfig, AXPToastAction, AXPWorkflowNavigateAction, AXPWorkflowRouterNavigateAction, AXP_APP_VERSION_PROVIDER, AXP_FILE_TYPE_INFO_PROVIDER, AXP_MENU_PROVIDER, AXP_PLATFORM_CONFIG_TOKEN, AXP_ROOT_CONFIG_TOKEN, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SETTING_VALUE_PROVIDER, BETWEEN_OPER, BOOLEAN_OPERATORS, CONTAINS_OPER, DATE_OPERATORS, ENDS_WITH_OPER, ENVIRONMENT, 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, createAllQueryView, createQueryView, getEntityInfo, resolveActionLook };
 //# sourceMappingURL=acorex-platform-common.mjs.map