@arsedizioni/ars-utils 19.5.2 → 19.5.4

package/core/system.d.ts

@@ -255,4 +255,11 @@ export declare class SystemUtils {
    * @param max: the max number of flags
    */
     static getFlags(value: number, max?: number): number[];
+    /**
+     * Check if a color is light or dark
+     * @param color : the color
+     * @param minimumLuminance : the lumimance to consider
+     * @returns true if the color is light
+     */
+    static isColorLight(color: string, minimumLuminance?: number): boolean;
 }

package/fesm2022/arsedizioni-ars-utils-core.mjs

@@ -736,6 +736,27 @@ class SystemUtils {
         else
             return [];
     }
+    /**
+     * Check if a color is light or dark
+     * @param color : the color
+     * @param minimumLuminance : the lumimance to consider
+     * @returns true if the color is light
+     */
+    static isColorLight(color, minimumLuminance = 186) {
+        const tempDiv = document.createElement('div');
+        tempDiv.style.color = color;
+        document.body.appendChild(tempDiv);
+        const rgb = getComputedStyle(tempDiv).color;
+        document.body.removeChild(tempDiv);
+        const result = rgb.match(/\d+/g);
+        if (!result || result.length < 3)
+            return true; // fallback
+        const r = parseInt(result[0], 10);
+        const g = parseInt(result[1], 10);
+        const b = parseInt(result[2], 10);
+        const luminance = 0.299 * r + 0.587 * g + 0.114 * b;
+        return luminance > minimumLuminance;
+    }
 }
 
 class DateIntervalChangeDirective {