@acorex/core 5.3.2 → 5.4.0

package/config/ax-preset.js

@@ -133,8 +133,24 @@ module.exports = withAnimations({
                 },
 
             },
+            width: {
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
+            },
+            minWidth: {
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
+            },
             maxWidth: {
                 '8xl': '90rem',
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
+            },
+            height: {
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
+            },
+            minHeight: {
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
+            },
+            maxHeight: {
+                'base': 'calc((var(--ax-base-size) * var(--ax-base-ratio)))'
             },
             keyframes: {
                 fadeIn: {

package/esm2020/lib/utils/color-util.mjs

@@ -0,0 +1,53 @@
+import tinycolor from 'tinycolor2';
+export class AXColorUtil {
+    static testa(color) {
+        var _color = tinycolor(color);
+        console.log(_color);
+    }
+    static to(color, mode) {
+        const _color = tinycolor(color);
+        switch (mode) {
+            case 'rgba':
+                return _color.toRgbString();
+            case 'hsla':
+                return _color.toHslString();
+            case 'hsva':
+                return _color.toHsvString();
+            default:
+                return _color.toHexString();
+        }
+    }
+    ;
+    static toHex(color) {
+        const _color = tinycolor(color);
+        return _color.toHexString();
+    }
+    ;
+    static toRGB(color) {
+        const _color = tinycolor(color);
+        return _color.toRgbString();
+    }
+    ;
+    static illuminance(hexColor) {
+        let rgbColor = AXColorUtil.toRGB(hexColor);
+        if (!rgbColor)
+            return -1;
+        let r = rgbColor.r, g = rgbColor.g, b = rgbColor.b;
+        let a = [r, g, b].map(v => {
+            v /= 255;
+            return (v <= 0.03928) ?
+                v / 12.92 :
+                Math.pow(((v + 0.055) / 1.055), 2.4);
+        });
+        return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+    }
+    ;
+    static contrastToWhite(color) {
+        // let whiteIlluminance = 1;
+        // let illuminance = AXColorUtil.illuminance(hexColor);
+        // return whiteIlluminance / illuminance;
+        return tinycolor.readability("#fff", color);
+    }
+    ;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItdXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb3JlL3NyYy9saWIvdXRpbHMvY29sb3ItdXRpbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLFNBQVMsTUFBTSxZQUFZLENBQUE7QUFDbEMsTUFBTSxPQUFPLFdBQVc7SUFFcEIsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFhO1FBQ3RCLElBQUksTUFBTSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLENBQUM7SUFFRCxNQUFNLENBQUMsRUFBRSxDQUFDLEtBQWEsRUFBRSxJQUFpQjtRQUN0QyxNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDL0IsUUFBUSxJQUFJLEVBQUU7WUFDVixLQUFLLE1BQU07Z0JBQ1AsT0FBTyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDaEMsS0FBSyxNQUFNO2dCQUNQLE9BQU8sTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2hDLEtBQUssTUFBTTtnQkFDUCxPQUFPLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNoQztnQkFDSSxPQUFPLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNuQztJQUdMLENBQUM7SUFBQSxDQUFDO0lBR0YsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFhO1FBQ3RCLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUMvQixPQUFPLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUMvQixDQUFDO0lBQUEsQ0FBQztJQUVGLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBYTtRQUN0QixNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDL0IsT0FBTyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUE7SUFDL0IsQ0FBQztJQUFBLENBQUM7SUFFRixNQUFNLENBQUMsV0FBVyxDQUFDLFFBQWdCO1FBQy9CLElBQUksUUFBUSxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLFFBQVE7WUFDVCxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ2QsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RCLENBQUMsSUFBSSxHQUFHLENBQUM7WUFDVCxPQUFPLENBQUMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ25CLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQztnQkFDWCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDN0MsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDO0lBQ3pELENBQUM7SUFBQSxDQUFDO0lBRUYsTUFBTSxDQUFDLGVBQWUsQ0FBQyxLQUFhO1FBQ2hDLDRCQUE0QjtRQUM1Qix1REFBdUQ7UUFDdkQseUNBQXlDO1FBQ3pDLE9BQU8sU0FBUyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUFBLENBQUM7Q0FJTCIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEFYQ29sb3JNb2RlID0gJ3JnYmEnIHwgJ2hleCcgfCAnaHNsYScgfCAnaHN2YSc7XG5cbmltcG9ydCB0aW55Y29sb3IgZnJvbSAndGlueWNvbG9yMidcbmV4cG9ydCBjbGFzcyBBWENvbG9yVXRpbCB7XG5cbiAgICBzdGF0aWMgdGVzdGEoY29sb3I6IHN0cmluZykge1xuICAgICAgICB2YXIgX2NvbG9yID0gdGlueWNvbG9yKGNvbG9yKTtcbiAgICAgICAgY29uc29sZS5sb2coX2NvbG9yKTtcblxuICAgIH1cblxuICAgIHN0YXRpYyB0byhjb2xvcjogc3RyaW5nLCBtb2RlOiBBWENvbG9yTW9kZSk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IF9jb2xvciA9IHRpbnljb2xvcihjb2xvcilcbiAgICAgICAgc3dpdGNoIChtb2RlKSB7XG4gICAgICAgICAgICBjYXNlICdyZ2JhJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gX2NvbG9yLnRvUmdiU3RyaW5nKCk7XG4gICAgICAgICAgICBjYXNlICdoc2xhJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gX2NvbG9yLnRvSHNsU3RyaW5nKCk7XG4gICAgICAgICAgICBjYXNlICdoc3ZhJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gX2NvbG9yLnRvSHN2U3RyaW5nKCk7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiBfY29sb3IudG9IZXhTdHJpbmcoKTtcbiAgICAgICAgfVxuXG5cbiAgICB9O1xuXG5cbiAgICBzdGF0aWMgdG9IZXgoY29sb3I6IHN0cmluZykge1xuICAgICAgICBjb25zdCBfY29sb3IgPSB0aW55Y29sb3IoY29sb3IpXG4gICAgICAgIHJldHVybiBfY29sb3IudG9IZXhTdHJpbmcoKVxuICAgIH07XG5cbiAgICBzdGF0aWMgdG9SR0IoY29sb3I6IHN0cmluZykge1xuICAgICAgICBjb25zdCBfY29sb3IgPSB0aW55Y29sb3IoY29sb3IpXG4gICAgICAgIHJldHVybiBfY29sb3IudG9SZ2JTdHJpbmcoKVxuICAgIH07XG5cbiAgICBzdGF0aWMgaWxsdW1pbmFuY2UoaGV4Q29sb3I6IHN0cmluZykge1xuICAgICAgICBsZXQgcmdiQ29sb3IgPSBBWENvbG9yVXRpbC50b1JHQihoZXhDb2xvcik7XG4gICAgICAgIGlmICghcmdiQ29sb3IpXG4gICAgICAgICAgICByZXR1cm4gLTE7XG4gICAgICAgIGxldCByID0gcmdiQ29sb3IuciwgZyA9IHJnYkNvbG9yLmcsIGIgPSByZ2JDb2xvci5iO1xuICAgICAgICBsZXQgYSA9IFtyLCBnLCBiXS5tYXAodiA9PiB7XG4gICAgICAgICAgICB2IC89IDI1NTtcbiAgICAgICAgICAgIHJldHVybiAodiA8PSAwLjAzOTI4KSA/XG4gICAgICAgICAgICAgICAgdiAvIDEyLjkyIDpcbiAgICAgICAgICAgICAgICBNYXRoLnBvdygoKHYgKyAwLjA1NSkgLyAxLjA1NSksIDIuNCk7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gYVswXSAqIDAuMjEyNiArIGFbMV0gKiAwLjcxNTIgKyBhWzJdICogMC4wNzIyO1xuICAgIH07XG5cbiAgICBzdGF0aWMgY29udHJhc3RUb1doaXRlKGNvbG9yOiBzdHJpbmcpIHtcbiAgICAgICAgLy8gbGV0IHdoaXRlSWxsdW1pbmFuY2UgPSAxO1xuICAgICAgICAvLyBsZXQgaWxsdW1pbmFuY2UgPSBBWENvbG9yVXRpbC5pbGx1bWluYW5jZShoZXhDb2xvcik7XG4gICAgICAgIC8vIHJldHVybiB3aGl0ZUlsbHVtaW5hbmNlIC8gaWxsdW1pbmFuY2U7XG4gICAgICAgIHJldHVybiB0aW55Y29sb3IucmVhZGFiaWxpdHkoXCIjZmZmXCIsIGNvbG9yKTtcbiAgICB9O1xuXG5cblxufSJdfQ==

package/esm2020/lib/utils/index.mjs

@@ -1,5 +1,6 @@
 export * from './object-util';
 export * from './drawing-util';
 export * from './string-util';
+export * from './color-util';
 export * from './safe.pipe';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29yZS9zcmMvbGliL3V0aWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL29iamVjdC11dGlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3aW5nLXV0aWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N0cmluZy11dGlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9zYWZlLnBpcGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29yZS9zcmMvbGliL3V0aWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL29iamVjdC11dGlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3aW5nLXV0aWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N0cmluZy11dGlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9jb2xvci11dGlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9zYWZlLnBpcGUnOyJdfQ==

package/fesm2015/acorex-core.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Pipe, NgModule, Injectable, Inject } from '@angular/core';
+import tinycolor from 'tinycolor2';
 import * as i1 from '@angular/platform-browser';
 import _ from 'lodash';
 import { Subject, fromEvent } from 'rxjs';
@@ -93,6 +94,58 @@ class AXStringUtil {
     }
 }
 
+class AXColorUtil {
+    static testa(color) {
+        var _color = tinycolor(color);
+        console.log(_color);
+    }
+    static to(color, mode) {
+        const _color = tinycolor(color);
+        switch (mode) {
+            case 'rgba':
+                return _color.toRgbString();
+            case 'hsla':
+                return _color.toHslString();
+            case 'hsva':
+                return _color.toHsvString();
+            default:
+                return _color.toHexString();
+        }
+    }
+    ;
+    static toHex(color) {
+        const _color = tinycolor(color);
+        return _color.toHexString();
+    }
+    ;
+    static toRGB(color) {
+        const _color = tinycolor(color);
+        return _color.toRgbString();
+    }
+    ;
+    static illuminance(hexColor) {
+        let rgbColor = AXColorUtil.toRGB(hexColor);
+        if (!rgbColor)
+            return -1;
+        let r = rgbColor.r, g = rgbColor.g, b = rgbColor.b;
+        let a = [r, g, b].map(v => {
+            v /= 255;
+            return (v <= 0.03928) ?
+                v / 12.92 :
+                Math.pow(((v + 0.055) / 1.055), 2.4);
+        });
+        return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+    }
+    ;
+    static contrastToWhite(color) {
+        // let whiteIlluminance = 1;
+        // let illuminance = AXColorUtil.illuminance(hexColor);
+        // return whiteIlluminance / illuminance;
+        return tinycolor.readability("#fff", color);
+    }
+    ;
+}
+
 class AXSafePipe {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
@@ -1328,5 +1381,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXCalendarMonth, AXConfig, AXCoreModule, AXDateTime, AXDateTimeModule, AXDateTimePipe, AXDateTimeRange, AXDrawingUtil, AXEventService, AXHotkeysService, AXObjectUtil, AXPlatform, AXPlatformEvent, AXSafePipe, AXStringUtil, AXTranslationModule, AXTranslator, AXTranslatorPipe, GeorgianCalendar, JalaliCalendar, testUserAgent };
+export { AXCalendarMonth, AXColorUtil, AXConfig, AXCoreModule, AXDateTime, AXDateTimeModule, AXDateTimePipe, AXDateTimeRange, AXDrawingUtil, AXEventService, AXHotkeysService, AXObjectUtil, AXPlatform, AXPlatformEvent, AXSafePipe, AXStringUtil, AXTranslationModule, AXTranslator, AXTranslatorPipe, GeorgianCalendar, JalaliCalendar, testUserAgent };
 //# sourceMappingURL=acorex-core.mjs.map