@acorex/platform 19.3.0-next.1 → 19.3.0-next.3

package/fesm2022/acorex-platform-core.mjs

@@ -1,7 +1,6 @@
-import isNil from 'lodash-es/isNil';
+import { get, isPlainObject, set, isArray, merge, isNil, isObjectLike, isUndefined, isEmpty, endsWith, startsWith, includes, lte, gte, lt, gt, isEqual, orderBy } from 'lodash-es';
 import * as i0 from '@angular/core';
 import { input, effect, Directive, EventEmitter, HostListener, Output, Injectable, inject, signal, Pipe } from '@angular/core';
-import { set, get, isUndefined, isPlainObject, isArray, merge, isNil as isNil$1, isEmpty, endsWith, startsWith, includes, lte, gte, lt, gt, isEqual, orderBy } from 'lodash-es';
 import { Subject, interval } from 'rxjs';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { startWith, map } from 'rxjs/operators';
@@ -74,9 +73,46 @@ class AXPDataGenerator {
     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 color(format = 'hex') {
+        // Generate HSL values with safe ranges for good contrast
+        const h = Math.floor(Math.random() * 360);
+        const s = Math.floor(Math.random() * 20) + 60; // 60% - 80%
+        const l = Math.floor(Math.random() * 20) + 40; // 40% - 60%
+        if (format === 'hsl') {
+            return `hsl(${h}, ${s}%, ${l}%)`;
+        }
+        // Convert HSL to RGB
+        const { r, g, b } = this.hslToRgb(h, s / 100, l / 100);
+        if (format === 'rgb') {
+            return `rgb(${r}, ${g}, ${b})`;
+        }
+        // Convert RGB to HEX
+        const toHex = (val) => val.toString(16).padStart(2, '0');
+        return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+    }
+    //TODO: move or read from utils
+    static hslToRgb(h, s, l) {
+        const c = (1 - Math.abs(2 * l - 1)) * s;
+        const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+        const m = l - c / 2;
+        let r = 0, g = 0, b = 0;
+        if (h < 60)
+            [r, g, b] = [c, x, 0];
+        else if (h < 120)
+            [r, g, b] = [x, c, 0];
+        else if (h < 180)
+            [r, g, b] = [0, c, x];
+        else if (h < 240)
+            [r, g, b] = [0, x, c];
+        else if (h < 300)
+            [r, g, b] = [x, 0, c];
+        else
+            [r, g, b] = [c, 0, x];
+        return {
+            r: Math.round((r + m) * 255),
+            g: Math.round((g + m) * 255),
+            b: Math.round((b + m) * 255)
+        };
     }
     static alphanumeric(length = 10) {
         const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
@@ -140,17 +176,118 @@ class AXPDataGenerator {
     }
 }
 
+function extractNestedFieldsWildcard(obj, basePath, fields) {
+    const result = {};
+    if (fields.length === 1 && fields[0] === '*') {
+        const fullObj = get(obj, basePath);
+        return isPlainObject(fullObj) ? fullObj : {};
+    }
+    for (const field of fields) {
+        const fullPath = basePath ? `${basePath}.${field}` : field;
+        const value = get(obj, fullPath);
+        set(result, field, value);
+    }
+    return result;
+}
+function setSmart(obj, smartPath, value) {
+    const pathParts = smartPath.split('.');
+    const lastPart = pathParts[pathParts.length - 1];
+    const fieldMatch = lastPart.match(/^\{(.+)\}$/);
+    if (!fieldMatch) {
+        set(obj, smartPath, value);
+        return obj;
+    }
+    const fields = fieldMatch[1].split(',').map((f) => f.trim());
+    const basePath = pathParts.slice(0, -1).join('.');
+    const [arrayKey, ...restPath] = basePath.split('.');
+    // Make sure the array exists
+    if (!obj[arrayKey])
+        obj[arrayKey] = [];
+    // 🟡 Case A: value is array (normal set)
+    if (isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            const item = value[i];
+            const targetItem = obj[arrayKey][i] ?? {};
+            const nested = {};
+            if (restPath.length > 0) {
+                const picked = extractNestedFieldsWildcard(item, restPath.join('.'), fields);
+                set(nested, restPath.join('.'), picked);
+            }
+            else {
+                const picked = extractNestedFieldsWildcard(item, '', fields);
+                Object.assign(nested, picked);
+            }
+            obj[arrayKey][i] = merge({}, targetItem, nested);
+        }
+    }
+    // 🟢 Case B: value is a single value → broadcast
+    else {
+        for (let i = 0; i < obj[arrayKey].length; i++) {
+            const targetItem = obj[arrayKey][i] ?? {};
+            const nested = {};
+            if (restPath.length > 0) {
+                for (const field of fields) {
+                    set(nested, `${restPath.join('.')}.${field}`, value);
+                }
+            }
+            else {
+                for (const field of fields) {
+                    set(nested, field, value);
+                }
+            }
+            obj[arrayKey][i] = merge({}, targetItem, nested);
+        }
+    }
+    return obj;
+}
+function extractFieldsFromPath(obj, basePath, fields) {
+    if (fields.length === 1 && fields[0] === '*') {
+        const fullObj = basePath ? get(obj, basePath) : obj;
+        return isPlainObject(fullObj) ? fullObj : {};
+    }
+    const result = {};
+    for (const field of fields) {
+        const fullPath = basePath ? `${basePath}.${field}` : field;
+        const val = get(obj, fullPath);
+        if (val !== undefined) {
+            result[field] = val;
+        }
+    }
+    return result;
+}
+function getSmart(obj, smartPath) {
+    const pathParts = smartPath.split('.');
+    const lastPart = pathParts[pathParts.length - 1];
+    const fieldMatch = lastPart.match(/^\{(.+)\}$/);
+    // Simple get (no fields)
+    if (!fieldMatch) {
+        return get(obj, smartPath);
+    }
+    const fields = fieldMatch[1].split(',').map((f) => f.trim());
+    const basePath = pathParts.slice(0, -1).join('.');
+    const items = get(obj, basePath);
+    if (!isArray(items))
+        return [];
+    const nestedPath = basePath.includes('.') ? basePath.split('.').slice(1).join('.') : '';
+    return items.map((item) => {
+        return extractFieldsFromPath(item, nestedPath, fields);
+    });
+}
+function extractValue(value, key = 'id') {
+    if (isNil(value)) {
+        return null;
+    }
+    ;
+    return isObjectLike(value) ? get(value, key) : value;
+}
+
 function objectKeyValueTransforms(keyName) {
     return {
         getter: (value) => {
-            if (isNil(value))
-                return undefined;
-            return typeof value == 'object' ? value[keyName] : value;
+            return extractValue(value, keyName);
         },
         setter: (value) => {
-            if (isNil(value))
-                return undefined;
-            return typeof value == 'object' ? value[keyName] : value;
+            return extractValue(value, keyName);
         },
     };
 }
@@ -233,6 +370,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 args: ['touchend', ['$event']]
             }] } });
 
+// src/app/directives/grid-layout.directive.ts
+class AXPGridLayoutDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.options = input.required({ alias: 'axp-grid-layout' });
+    }
+    ngOnChanges(changes) {
+        if (changes['options']) {
+            this.applyTailwindClasses();
+        }
+    }
+    applyTailwindClasses() {
+        const placement = this.options()?.placement;
+        if (!placement)
+            return;
+        // Clear existing grid classes
+        this.clearClasses();
+        // Apply new grid classes based on the input options
+        this.setClasses(placement.md, 'md:');
+        this.setClasses(placement.lg, 'lg:');
+        this.setClasses(placement.xl, 'xl:');
+        this.setClasses(placement.xxl, '2xl:');
+    }
+    setClasses(placement, prefix) {
+        if (placement == null)
+            return;
+        const colStart = placement.colStart ? `${prefix}ax-col-start-${placement.colStart}` : '';
+        const colEnd = placement.colEnd ? `${prefix}ax-col-end-${placement.colEnd}` : '';
+        const colSpan = placement.colSpan ? `${prefix}ax-col-span-${placement.colSpan}` : '';
+        const rowStart = placement.rowStart ? `${prefix}ax-row-start-${placement.rowStart}` : '';
+        const rowEnd = placement.rowEnd ? `${prefix}ax-row-end-${placement.rowEnd}` : '';
+        const rowSpan = placement.rowSpan ? `${prefix}ax-row-span-${placement.rowSpan}` : '';
+        const order = placement.order ? `${prefix}ax-order-${placement.order}` : ''; // Handling order
+        [colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, order].forEach(cls => {
+            if (cls) {
+                this.renderer.addClass(this.el.nativeElement, cls);
+            }
+        });
+    }
+    clearClasses() {
+        const currentClasses = this.el.nativeElement.className.split(' ');
+        currentClasses.forEach((className) => {
+            if (className.startsWith('ax-col-') || className.startsWith('ax-row-') || className.startsWith('ax-order-')) {
+                this.renderer.removeClass(this.el.nativeElement, className);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGridLayoutDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: AXPGridLayoutDirective, isStandalone: true, selector: "[axp-grid-layout]", inputs: { options: { classPropertyName: "options", publicName: "axp-grid-layout", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGridLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axp-grid-layout]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
 class AXPBroadcastEventService {
     constructor() {
         this.eventSubjects = new Map();
@@ -348,22 +544,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [] });
 
 class AXPExpressionEvaluatorService {
-    async evaluate(templateExpression, scope) {
+    async evaluate(source, scope) {
         try {
-            if (typeof templateExpression === 'string' && templateExpression.includes('{{')) {
-                return await this.evaluateStringExpression(templateExpression, scope);
+            if (typeof source === 'string' && source.includes('{{')) {
+                return await this.evaluateStringExpression(source, scope);
+            }
+            else if (Array.isArray(source)) {
+                const evaluatedArray = [];
+                for (const item of source) {
+                    evaluatedArray.push(await this.evaluate(item, scope));
+                }
+                return evaluatedArray;
             }
-            else if (typeof templateExpression === 'object') {
+            else if (typeof source === 'object' && source !== null) {
                 const evaluatedObject = {};
-                for (const key in templateExpression) {
-                    if (templateExpression.hasOwnProperty(key)) {
-                        evaluatedObject[key] = await this.evaluate(templateExpression[key], scope);
+                for (const key in source) {
+                    if (source.hasOwnProperty(key)) {
+                        evaluatedObject[key] = await this.evaluate(source[key], scope);
                     }
                 }
                 return evaluatedObject;
             }
             else {
-                return templateExpression;
+                return source;
             }
         }
         catch (error) {
@@ -435,104 +638,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-function extractNestedFieldsWildcard(obj, basePath, fields) {
-    const result = {};
-    if (fields.length === 1 && fields[0] === '*') {
-        const fullObj = get(obj, basePath);
-        return isPlainObject(fullObj) ? fullObj : {};
-    }
-    for (const field of fields) {
-        const fullPath = basePath ? `${basePath}.${field}` : field;
-        const value = get(obj, fullPath);
-        set(result, field, value);
-    }
-    return result;
-}
-function setSmart(obj, smartPath, value) {
-    const pathParts = smartPath.split('.');
-    const lastPart = pathParts[pathParts.length - 1];
-    const fieldMatch = lastPart.match(/^\{(.+)\}$/);
-    if (!fieldMatch) {
-        set(obj, smartPath, value);
-        return obj;
-    }
-    const fields = fieldMatch[1].split(',').map((f) => f.trim());
-    const basePath = pathParts.slice(0, -1).join('.');
-    const [arrayKey, ...restPath] = basePath.split('.');
-    // Make sure the array exists
-    if (!obj[arrayKey])
-        obj[arrayKey] = [];
-    // 🟡 Case A: value is array (normal set)
-    if (isArray(value)) {
-        for (let i = 0; i < value.length; i++) {
-            const item = value[i];
-            const targetItem = obj[arrayKey][i] ?? {};
-            const nested = {};
-            if (restPath.length > 0) {
-                const picked = extractNestedFieldsWildcard(item, restPath.join('.'), fields);
-                set(nested, restPath.join('.'), picked);
-            }
-            else {
-                const picked = extractNestedFieldsWildcard(item, '', fields);
-                Object.assign(nested, picked);
-            }
-            obj[arrayKey][i] = merge({}, targetItem, nested);
-        }
-    }
-    // 🟢 Case B: value is a single value → broadcast
-    else {
-        for (let i = 0; i < obj[arrayKey].length; i++) {
-            const targetItem = obj[arrayKey][i] ?? {};
-            const nested = {};
-            if (restPath.length > 0) {
-                for (const field of fields) {
-                    set(nested, `${restPath.join('.')}.${field}`, value);
-                }
-            }
-            else {
-                for (const field of fields) {
-                    set(nested, field, value);
-                }
-            }
-            obj[arrayKey][i] = merge({}, targetItem, nested);
-        }
-    }
-    return obj;
-}
-function extractFieldsFromPath(obj, basePath, fields) {
-    if (fields.length === 1 && fields[0] === '*') {
-        const fullObj = basePath ? get(obj, basePath) : obj;
-        return isPlainObject(fullObj) ? fullObj : {};
-    }
-    const result = {};
-    for (const field of fields) {
-        const fullPath = basePath ? `${basePath}.${field}` : field;
-        const val = get(obj, fullPath);
-        if (val !== undefined) {
-            result[field] = val;
-        }
-    }
-    return result;
-}
-function getSmart(obj, smartPath) {
-    const pathParts = smartPath.split('.');
-    const lastPart = pathParts[pathParts.length - 1];
-    const fieldMatch = lastPart.match(/^\{(.+)\}$/);
-    // Simple get (no fields)
-    if (!fieldMatch) {
-        return get(obj, smartPath);
-    }
-    const fields = fieldMatch[1].split(',').map((f) => f.trim());
-    const basePath = pathParts.slice(0, -1).join('.');
-    const items = get(obj, basePath);
-    if (!isArray(items))
-        return [];
-    const nestedPath = basePath.includes('.') ? basePath.split('.').slice(1).join('.') : '';
-    return items.map((item) => {
-        return extractFieldsFromPath(item, nestedPath, fields);
-    });
-}
-
 const loggingEnabled = false; // Set to true to enable logging, false to disable
 function applyCondition(item, condition) {
     const rawValue = condition.field ? get(item, condition.field) : null;
@@ -545,7 +650,7 @@ function applyCondition(item, condition) {
         console.log('Condition Value:', conditionValue);
     }
     let result;
-    const valueToCompare = isNil$1(condition.field) || condition.field === '' ? conditionValue : itemValue;
+    const valueToCompare = isNil(condition.field) || condition.field === '' ? conditionValue : itemValue;
     const conditionType = condition?.operator?.type;
     if (!conditionType) {
         return true;
@@ -634,7 +739,7 @@ function applyCondition(item, condition) {
             }
             break;
         case 'isNull':
-            result = isNil$1(valueToCompare);
+            result = isNil(valueToCompare);
             if (loggingEnabled) {
                 console.log('Is null check result:', result);
             }
@@ -646,7 +751,7 @@ function applyCondition(item, condition) {
             }
             break;
         case 'between':
-            result = !isNil$1(valueToCompare) && valueToCompare >= condition.value.from && valueToCompare <= condition.value.to;
+            result = !isNil(valueToCompare) && valueToCompare >= condition.value.from && valueToCompare <= condition.value.to;
             if (loggingEnabled) {
                 console.log('Between check result:', result);
             }
@@ -855,6 +960,27 @@ function getNestedKeys(obj, prefix = '') {
     return keys;
 }
 
+class AXPTextLogoConfig {
+    constructor(text) {
+        this.text = text;
+    }
+}
+class AXPImageUrlLogoConfig {
+    constructor(url) {
+        this.url = url;
+    }
+}
+class AXPFontIconLogoConfig {
+    constructor(iconClass) {
+        this.iconClass = iconClass;
+    }
+}
+class AXPComponentLogoConfig {
+    constructor(component) {
+        this.component = component;
+    }
+}
+
 var AXPPlatformScope;
 (function (AXPPlatformScope) {
     AXPPlatformScope["Environment"] = "C";
@@ -889,5 +1015,5 @@ function resolvePlatformScopeName(scope) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXHighlightService, AXPBroadcastEventService, AXPCountdownPipe, AXPDataGenerator, AXPDblClickDirective, AXPElementDataDirective, AXPExpressionEvaluatorService, AXPHtmlUtils, AXPPlatformScope, applyFilterArray, applyPagination, applyQueryArray, applySortArray, extractNestedFieldsWildcard, getNestedKeys, getSmart, objectKeyValueTransforms, resolvePlatformScopeKey, resolvePlatformScopeName, setSmart };
+export { AXHighlightService, AXPBroadcastEventService, AXPComponentLogoConfig, AXPCountdownPipe, AXPDataGenerator, AXPDblClickDirective, AXPElementDataDirective, AXPExpressionEvaluatorService, AXPFontIconLogoConfig, AXPGridLayoutDirective, AXPHtmlUtils, AXPImageUrlLogoConfig, AXPPlatformScope, AXPTextLogoConfig, applyFilterArray, applyPagination, applyQueryArray, applySortArray, extractNestedFieldsWildcard, extractValue, getNestedKeys, getSmart, objectKeyValueTransforms, resolvePlatformScopeKey, resolvePlatformScopeName, setSmart };
 //# sourceMappingURL=acorex-platform-core.mjs.map