@qrvey/utils 1.12.0-9 → 1.13.0-0

package/dist/themes/constants/COLOR_NAME.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Collection of channel values for a related name color
+ * The list is based on https://drafts.csswg.org/css-color/#named-colors
+ */
+export declare const COLOR_NAME: {
+    aliceblue: number[];
+    antiquewhite: number[];
+    aqua: number[];
+    aquamarine: number[];
+    azure: number[];
+    beige: number[];
+    bisque: number[];
+    black: number[];
+    blanchedalmond: number[];
+    blue: number[];
+    blueviolet: number[];
+    brown: number[];
+    burlywood: number[];
+    cadetblue: number[];
+    chartreuse: number[];
+    chocolate: number[];
+    coral: number[];
+    cornflowerblue: number[];
+    cornsilk: number[];
+    crimson: number[];
+    cyan: number[];
+    darkblue: number[];
+    darkcyan: number[];
+    darkgoldenrod: number[];
+    darkgray: number[];
+    darkgreen: number[];
+    darkgrey: number[];
+    darkkhaki: number[];
+    darkmagenta: number[];
+    darkolivegreen: number[];
+    darkorange: number[];
+    darkorchid: number[];
+    darkred: number[];
+    darksalmon: number[];
+    darkseagreen: number[];
+    darkslateblue: number[];
+    darkslategray: number[];
+    darkslategrey: number[];
+    darkturquoise: number[];
+    darkviolet: number[];
+    deeppink: number[];
+    deepskyblue: number[];
+    dimgray: number[];
+    dimgrey: number[];
+    dodgerblue: number[];
+    firebrick: number[];
+    floralwhite: number[];
+    forestgreen: number[];
+    fuchsia: number[];
+    gainsboro: number[];
+    ghostwhite: number[];
+    gold: number[];
+    goldenrod: number[];
+    gray: number[];
+    green: number[];
+    greenyellow: number[];
+    grey: number[];
+    honeydew: number[];
+    hotpink: number[];
+    indianred: number[];
+    indigo: number[];
+    ivory: number[];
+    khaki: number[];
+    lavender: number[];
+    lavenderblush: number[];
+    lawngreen: number[];
+    lemonchiffon: number[];
+    lightblue: number[];
+    lightcoral: number[];
+    lightcyan: number[];
+    lightgoldenrodyellow: number[];
+    lightgray: number[];
+    lightgreen: number[];
+    lightgrey: number[];
+    lightpink: number[];
+    lightsalmon: number[];
+    lightseagreen: number[];
+    lightskyblue: number[];
+    lightslategray: number[];
+    lightslategrey: number[];
+    lightsteelblue: number[];
+    lightyellow: number[];
+    lime: number[];
+    limegreen: number[];
+    linen: number[];
+    magenta: number[];
+    maroon: number[];
+    mediumaquamarine: number[];
+    mediumblue: number[];
+    mediumorchid: number[];
+    mediumpurple: number[];
+    mediumseagreen: number[];
+    mediumslateblue: number[];
+    mediumspringgreen: number[];
+    mediumturquoise: number[];
+    mediumvioletred: number[];
+    midnightblue: number[];
+    mintcream: number[];
+    mistyrose: number[];
+    moccasin: number[];
+    navajowhite: number[];
+    navy: number[];
+    oldlace: number[];
+    olive: number[];
+    olivedrab: number[];
+    orange: number[];
+    orangered: number[];
+    orchid: number[];
+    palegoldenrod: number[];
+    palegreen: number[];
+    paleturquoise: number[];
+    palevioletred: number[];
+    papayawhip: number[];
+    peachpuff: number[];
+    peru: number[];
+    pink: number[];
+    plum: number[];
+    powderblue: number[];
+    purple: number[];
+    rebeccapurple: number[];
+    red: number[];
+    rosybrown: number[];
+    royalblue: number[];
+    saddlebrown: number[];
+    salmon: number[];
+    sandybrown: number[];
+    seagreen: number[];
+    seashell: number[];
+    sienna: number[];
+    silver: number[];
+    skyblue: number[];
+    slateblue: number[];
+    slategray: number[];
+    slategrey: number[];
+    snow: number[];
+    springgreen: number[];
+    steelblue: number[];
+    tan: number[];
+    teal: number[];
+    thistle: number[];
+    tomato: number[];
+    turquoise: number[];
+    violet: number[];
+    wheat: number[];
+    white: number[];
+    whitesmoke: number[];
+    yellow: number[];
+    yellowgreen: number[];
+};

package/dist/themes/constants/COLOR_NAME.js

@@ -0,0 +1,154 @@
+/**
+ * Collection of channel values for a related name color
+ * The list is based on https://drafts.csswg.org/css-color/#named-colors
+ */
+export const COLOR_NAME = {
+    aliceblue: [240, 248, 255],
+    antiquewhite: [250, 235, 215],
+    aqua: [0, 255, 255],
+    aquamarine: [127, 255, 212],
+    azure: [240, 255, 255],
+    beige: [245, 245, 220],
+    bisque: [255, 228, 196],
+    black: [0, 0, 0],
+    blanchedalmond: [255, 235, 205],
+    blue: [0, 0, 255],
+    blueviolet: [138, 43, 226],
+    brown: [165, 42, 42],
+    burlywood: [222, 184, 135],
+    cadetblue: [95, 158, 160],
+    chartreuse: [127, 255, 0],
+    chocolate: [210, 105, 30],
+    coral: [255, 127, 80],
+    cornflowerblue: [100, 149, 237],
+    cornsilk: [255, 248, 220],
+    crimson: [220, 20, 60],
+    cyan: [0, 255, 255],
+    darkblue: [0, 0, 139],
+    darkcyan: [0, 139, 139],
+    darkgoldenrod: [184, 134, 11],
+    darkgray: [169, 169, 169],
+    darkgreen: [0, 100, 0],
+    darkgrey: [169, 169, 169],
+    darkkhaki: [189, 183, 107],
+    darkmagenta: [139, 0, 139],
+    darkolivegreen: [85, 107, 47],
+    darkorange: [255, 140, 0],
+    darkorchid: [153, 50, 204],
+    darkred: [139, 0, 0],
+    darksalmon: [233, 150, 122],
+    darkseagreen: [143, 188, 143],
+    darkslateblue: [72, 61, 139],
+    darkslategray: [47, 79, 79],
+    darkslategrey: [47, 79, 79],
+    darkturquoise: [0, 206, 209],
+    darkviolet: [148, 0, 211],
+    deeppink: [255, 20, 147],
+    deepskyblue: [0, 191, 255],
+    dimgray: [105, 105, 105],
+    dimgrey: [105, 105, 105],
+    dodgerblue: [30, 144, 255],
+    firebrick: [178, 34, 34],
+    floralwhite: [255, 250, 240],
+    forestgreen: [34, 139, 34],
+    fuchsia: [255, 0, 255],
+    gainsboro: [220, 220, 220],
+    ghostwhite: [248, 248, 255],
+    gold: [255, 215, 0],
+    goldenrod: [218, 165, 32],
+    gray: [128, 128, 128],
+    green: [0, 128, 0],
+    greenyellow: [173, 255, 47],
+    grey: [128, 128, 128],
+    honeydew: [240, 255, 240],
+    hotpink: [255, 105, 180],
+    indianred: [205, 92, 92],
+    indigo: [75, 0, 130],
+    ivory: [255, 255, 240],
+    khaki: [240, 230, 140],
+    lavender: [230, 230, 250],
+    lavenderblush: [255, 240, 245],
+    lawngreen: [124, 252, 0],
+    lemonchiffon: [255, 250, 205],
+    lightblue: [173, 216, 230],
+    lightcoral: [240, 128, 128],
+    lightcyan: [224, 255, 255],
+    lightgoldenrodyellow: [250, 250, 210],
+    lightgray: [211, 211, 211],
+    lightgreen: [144, 238, 144],
+    lightgrey: [211, 211, 211],
+    lightpink: [255, 182, 193],
+    lightsalmon: [255, 160, 122],
+    lightseagreen: [32, 178, 170],
+    lightskyblue: [135, 206, 250],
+    lightslategray: [119, 136, 153],
+    lightslategrey: [119, 136, 153],
+    lightsteelblue: [176, 196, 222],
+    lightyellow: [255, 255, 224],
+    lime: [0, 255, 0],
+    limegreen: [50, 205, 50],
+    linen: [250, 240, 230],
+    magenta: [255, 0, 255],
+    maroon: [128, 0, 0],
+    mediumaquamarine: [102, 205, 170],
+    mediumblue: [0, 0, 205],
+    mediumorchid: [186, 85, 211],
+    mediumpurple: [147, 112, 219],
+    mediumseagreen: [60, 179, 113],
+    mediumslateblue: [123, 104, 238],
+    mediumspringgreen: [0, 250, 154],
+    mediumturquoise: [72, 209, 204],
+    mediumvioletred: [199, 21, 133],
+    midnightblue: [25, 25, 112],
+    mintcream: [245, 255, 250],
+    mistyrose: [255, 228, 225],
+    moccasin: [255, 228, 181],
+    navajowhite: [255, 222, 173],
+    navy: [0, 0, 128],
+    oldlace: [253, 245, 230],
+    olive: [128, 128, 0],
+    olivedrab: [107, 142, 35],
+    orange: [255, 165, 0],
+    orangered: [255, 69, 0],
+    orchid: [218, 112, 214],
+    palegoldenrod: [238, 232, 170],
+    palegreen: [152, 251, 152],
+    paleturquoise: [175, 238, 238],
+    palevioletred: [219, 112, 147],
+    papayawhip: [255, 239, 213],
+    peachpuff: [255, 218, 185],
+    peru: [205, 133, 63],
+    pink: [255, 192, 203],
+    plum: [221, 160, 221],
+    powderblue: [176, 224, 230],
+    purple: [128, 0, 128],
+    rebeccapurple: [102, 51, 153],
+    red: [255, 0, 0],
+    rosybrown: [188, 143, 143],
+    royalblue: [65, 105, 225],
+    saddlebrown: [139, 69, 19],
+    salmon: [250, 128, 114],
+    sandybrown: [244, 164, 96],
+    seagreen: [46, 139, 87],
+    seashell: [255, 245, 238],
+    sienna: [160, 82, 45],
+    silver: [192, 192, 192],
+    skyblue: [135, 206, 235],
+    slateblue: [106, 90, 205],
+    slategray: [112, 128, 144],
+    slategrey: [112, 128, 144],
+    snow: [255, 250, 250],
+    springgreen: [0, 255, 127],
+    steelblue: [70, 130, 180],
+    tan: [210, 180, 140],
+    teal: [0, 128, 128],
+    thistle: [216, 191, 216],
+    tomato: [255, 99, 71],
+    turquoise: [64, 224, 208],
+    violet: [238, 130, 238],
+    wheat: [245, 222, 179],
+    white: [255, 255, 255],
+    whitesmoke: [245, 245, 245],
+    yellow: [255, 255, 0],
+    yellowgreen: [154, 205, 50],
+};

package/dist/themes/constants/COLOR_TYPE.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The color luminosity type
+ */
+export declare enum COLOR_TYPE {
+    DARK = "DARK",
+    LIGHT = "LIGHT"
+}

package/dist/themes/constants/COLOR_TYPE.js

@@ -0,0 +1,8 @@
+/**
+ * The color luminosity type
+ */
+export var COLOR_TYPE;
+(function (COLOR_TYPE) {
+    COLOR_TYPE["DARK"] = "DARK";
+    COLOR_TYPE["LIGHT"] = "LIGHT";
+})(COLOR_TYPE || (COLOR_TYPE = {}));

package/dist/themes/constants/CSS_VARIABLE_DESTINATION.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The Destination places to inject the css variables
+ */
+export declare enum CSS_VARIABLE_DESTINATION {
+    CANVAS = "CANVAS",
+    GLOBAL = "GLOBAL"
+}

package/dist/themes/constants/CSS_VARIABLE_DESTINATION.js

@@ -0,0 +1,8 @@
+/**
+ * The Destination places to inject the css variables
+ */
+export var CSS_VARIABLE_DESTINATION;
+(function (CSS_VARIABLE_DESTINATION) {
+    CSS_VARIABLE_DESTINATION["CANVAS"] = "CANVAS";
+    CSS_VARIABLE_DESTINATION["GLOBAL"] = "GLOBAL";
+})(CSS_VARIABLE_DESTINATION || (CSS_VARIABLE_DESTINATION = {}));

package/dist/themes/constants/GLOBAL_CSS_VARIABLES.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+export declare enum GLOBAL_CSS_VARIABLES {
+    BACKGROUND_OPACITY_BLACK_COLOR = "--qv-global-opacity-black-color",
+    HEADER_BACKGROUND_COLOR = "--qv-global-header-background-color",
+    BORDER_COLOR = "--qv-global-border-color",
+    DIVIDER_COLOR = "--qv-global-divider-color",
+    HOVER_COLOR = "--qv-global-hover-color",
+    PLACEHOLDER_COLOR = "--qv-global-placeholder-color",
+    PILLS_BACKGROUND_COLOR = "--qv-pills-background-color",
+    TEXT_COLOR = "--qv-global-text-color",
+    TEXT_SECONDARY_COLOR = "--qv-global-text-secondary-color",
+    TEXT_TERTIARY_COLOR = "--qv-global-text-tertiary-color"
+}

package/dist/themes/constants/GLOBAL_CSS_VARIABLES.js

@@ -0,0 +1,16 @@
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+export var GLOBAL_CSS_VARIABLES;
+(function (GLOBAL_CSS_VARIABLES) {
+    GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_BLACK_COLOR"] = "--qv-global-opacity-black-color";
+    GLOBAL_CSS_VARIABLES["HEADER_BACKGROUND_COLOR"] = "--qv-global-header-background-color";
+    GLOBAL_CSS_VARIABLES["BORDER_COLOR"] = "--qv-global-border-color";
+    GLOBAL_CSS_VARIABLES["DIVIDER_COLOR"] = "--qv-global-divider-color";
+    GLOBAL_CSS_VARIABLES["HOVER_COLOR"] = "--qv-global-hover-color";
+    GLOBAL_CSS_VARIABLES["PLACEHOLDER_COLOR"] = "--qv-global-placeholder-color";
+    GLOBAL_CSS_VARIABLES["PILLS_BACKGROUND_COLOR"] = "--qv-pills-background-color";
+    GLOBAL_CSS_VARIABLES["TEXT_COLOR"] = "--qv-global-text-color";
+    GLOBAL_CSS_VARIABLES["TEXT_SECONDARY_COLOR"] = "--qv-global-text-secondary-color";
+    GLOBAL_CSS_VARIABLES["TEXT_TERTIARY_COLOR"] = "--qv-global-text-tertiary-color";
+})(GLOBAL_CSS_VARIABLES || (GLOBAL_CSS_VARIABLES = {}));

package/dist/themes/constants/HEXADECIMAL_REGULAR_EXPRESSION.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hexadecimal Regular Expression
+ */
+export declare const HEXADECIMAL_REGULAR_EXPRESSION: RegExp;

package/dist/themes/constants/HEXADECIMAL_REGULAR_EXPRESSION.js

@@ -0,0 +1,4 @@
+/**
+ * Hexadecimal Regular Expression
+ */
+export const HEXADECIMAL_REGULAR_EXPRESSION = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;

package/dist/themes/constants/RGBA_REGULAR_EXPRESION.d.ts

@@ -0,0 +1,4 @@
+/**
+ * RGBA Regular Expression
+ */
+export declare const RGBA_REGULAR_EXPRESSION: RegExp;

package/dist/themes/constants/RGBA_REGULAR_EXPRESION.js

@@ -0,0 +1,4 @@
+/**
+ * RGBA Regular Expression
+ */
+export const RGBA_REGULAR_EXPRESSION = /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/;

package/dist/themes/constants/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK";
+export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT";
+export * from "./AUTOMATIC_CSS_VARIABLES";
+export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK";
+export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT";
+export * from "./CANVAS_CSS_VARIABLES";
+export * from "./CHANNEL_BLACK_COLOR";
+export * from "./CHANNEL_WHITE_COLOR";
+export * from "./COLOR_NAME";
+export * from "./COLOR_TYPE";
+export * from "./CSS_VARIABLE_DESTINATION";
+export * from "./GLOBAL_CSS_VARIABLES";
+export * from "./HEXADECIMAL_REGULAR_EXPRESSION";
+export * from "./RGBA_REGULAR_EXPRESION";

package/dist/themes/constants/index.js

@@ -0,0 +1,14 @@
+export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK";
+export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT";
+export * from "./AUTOMATIC_CSS_VARIABLES";
+export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK";
+export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT";
+export * from "./CANVAS_CSS_VARIABLES";
+export * from "./CHANNEL_BLACK_COLOR";
+export * from "./CHANNEL_WHITE_COLOR";
+export * from "./COLOR_NAME";
+export * from "./COLOR_TYPE";
+export * from "./CSS_VARIABLE_DESTINATION";
+export * from "./GLOBAL_CSS_VARIABLES";
+export * from "./HEXADECIMAL_REGULAR_EXPRESSION";
+export * from "./RGBA_REGULAR_EXPRESION";

package/dist/themes/helpers/calculateHSP.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Calculates the HSP Color Mode from the RGBA channels
+ * - If the calculation are wrong or the given parameter is undefined, the function will return a default for light colors
+ * @param rgbaChannel the rgba channel object
+ * @returns a HSP color number
+ */
+export declare function calculateHSP(rgbaChannel: IColorChannel): number;

package/dist/themes/helpers/calculateHSP.js

@@ -0,0 +1,16 @@
+import { isNaNV2 } from "../../general";
+import { isEmpty } from "../../general/mix/isEmpty";
+/**
+ * Calculates the HSP Color Mode from the RGBA channels
+ * - If the calculation are wrong or the given parameter is undefined, the function will return a default for light colors
+ * @param rgbaChannel the rgba channel object
+ * @returns a HSP color number
+ */
+export function calculateHSP(rgbaChannel) {
+    if (isEmpty(rgbaChannel))
+        return 255;
+    const { r, g, b } = rgbaChannel;
+    // HSP equation from http://alienryderflex.com/hsp.html
+    const hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));
+    return isNaNV2(hsp) ? 255 : hsp;
+}

package/dist/themes/helpers/getCSSVariablesByDestination.d.ts

@@ -0,0 +1,40 @@
+import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDestination";
+/**
+ * Gets CSS variables depending on the destination of them.
+ * - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
+ * @param destination the string of the destination.
+ * @returns the CSS variables and their values.
+ */
+export declare function getCSSVariablesByDestination(destination?: IColorCSSVariableDestination): {
+    DARK: {
+        "--qv-global-header-background-color": string;
+        "--qv-global-opacity-black-color": string;
+        "--qv-global-border-color": string;
+        "--qv-global-divider-color": string;
+        "--qv-global-hover-color": string;
+        "--qv-global-placeholder-color": string;
+        "--qv-pills-background-color": string;
+        "--qv-global-text-color": string;
+        "--qv-global-text-secondary-color": string;
+        "--qv-global-text-tertiary-color": string;
+    };
+    LIGHT: {
+        "--qv-global-header-background-color": string;
+        "--qv-global-opacity-black-color": string;
+        "--qv-global-border-color": string;
+        "--qv-global-divider-color": string;
+        "--qv-global-hover-color": string;
+        "--qv-global-placeholder-color": string;
+        "--qv-pills-background-color": string;
+        "--qv-global-text-color": any;
+        "--qv-global-text-secondary-color": string;
+        "--qv-global-text-tertiary-color": string;
+    };
+} | {
+    DARK: {
+        "--qv-canvas-border-color": string;
+    };
+    LIGHT: {
+        "--qv-canvas-border-color": string;
+    };
+};

package/dist/themes/helpers/getCSSVariablesByDestination.js

@@ -0,0 +1,14 @@
+import { isEmpty } from "../../general/mix/isEmpty";
+import { AUTOMATIC_CANVAS_CSS_VARIABLES } from "../constants/AUTOMATIC_CSS_VARIABLES";
+import { CSS_VARIABLE_DESTINATION } from "../constants/CSS_VARIABLE_DESTINATION";
+/**
+ * Gets CSS variables depending on the destination of them.
+ * - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
+ * @param destination the string of the destination.
+ * @returns the CSS variables and their values.
+ */
+export function getCSSVariablesByDestination(destination = CSS_VARIABLE_DESTINATION.GLOBAL) {
+    if (isEmpty(destination))
+        return AUTOMATIC_CANVAS_CSS_VARIABLES[CSS_VARIABLE_DESTINATION.GLOBAL];
+    return AUTOMATIC_CANVAS_CSS_VARIABLES[destination];
+}

package/dist/themes/helpers/getChannelsByHexadecimalColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string Hexadecimal color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the Hexadecimal color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByHexadecimalColor(hexadecimal?: string): IColorChannel;

package/dist/themes/helpers/getChannelsByHexadecimalColor.js

@@ -0,0 +1,22 @@
+import { CHANNEL_WHITE_COLOR } from "../constants/CHANNEL_WHITE_COLOR";
+import { getHexadecimalOpacity } from "./getHexadecimalOpacity";
+import { isHexadecimalColor } from "./isHexadecimalColor";
+/**
+ * Gets the RGBA channels based on the given string Hexadecimal color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the Hexadecimal color
+ * @returns the RGBA channels
+ */
+export function getChannelsByHexadecimalColor(hexadecimal = "") {
+    if (!isHexadecimalColor(hexadecimal))
+        return CHANNEL_WHITE_COLOR;
+    const colorCode = +`0x${hexadecimal
+        .slice(1)
+        .replace(hexadecimal.length < 5 && /./g, "$&$&")}`;
+    return {
+        r: colorCode >> 16,
+        g: (colorCode >> 8) & 255,
+        b: colorCode & 255,
+        a: getHexadecimalOpacity(hexadecimal),
+    };
+}

package/dist/themes/helpers/getChannelsByNameColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string name color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the name color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByNameColor(name?: string): IColorChannel;

package/dist/themes/helpers/getChannelsByNameColor.js

@@ -0,0 +1,22 @@
+import { isEmpty } from "../../general/mix/isEmpty";
+import { CHANNEL_WHITE_COLOR } from "../constants/CHANNEL_WHITE_COLOR";
+import { COLOR_NAME } from "../constants/COLOR_NAME";
+/**
+ * Gets the RGBA channels based on the given string name color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the name color
+ * @returns the RGBA channels
+ */
+export function getChannelsByNameColor(name = "") {
+    const nameColorChannel = COLOR_NAME[String(name).toLowerCase()];
+    if (isEmpty(nameColorChannel) ||
+        !Array.isArray(nameColorChannel) ||
+        nameColorChannel.length !== 3)
+        return CHANNEL_WHITE_COLOR;
+    return {
+        r: nameColorChannel[0],
+        g: nameColorChannel[1],
+        b: nameColorChannel[2],
+        a: 1,
+    };
+}

package/dist/themes/helpers/getChannelsByRgbaColor.d.ts

@@ -0,0 +1,8 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Gets the RGBA channels based on the given string RGBA color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the RGBA color
+ * @returns the RGBA channels
+ */
+export declare function getChannelsByRgbaColor(rgba?: string): IColorChannel;

package/dist/themes/helpers/getChannelsByRgbaColor.js

@@ -0,0 +1,21 @@
+import { CHANNEL_WHITE_COLOR } from "../constants/CHANNEL_WHITE_COLOR";
+import { RGBA_REGULAR_EXPRESSION } from "../constants/RGBA_REGULAR_EXPRESION";
+import { getRgbaOpacity } from "./getRgbaOpacity";
+import { isRGBAColor } from "./isRGBAColor";
+/**
+ * Gets the RGBA channels based on the given string RGBA color
+ * - If the given argument is undefined or invalid, the function will return a channel related to white color
+ * @param color the RGBA color
+ * @returns the RGBA channels
+ */
+export function getChannelsByRgbaColor(rgba = "") {
+    if (!isRGBAColor(rgba))
+        return CHANNEL_WHITE_COLOR;
+    const colors = rgba.toLowerCase().match(RGBA_REGULAR_EXPRESSION);
+    return {
+        r: Number(colors[1]),
+        g: Number(colors[2]),
+        b: Number(colors[3]),
+        a: getRgbaOpacity(rgba),
+    };
+}

package/dist/themes/helpers/getHexadecimalOpacity.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gets the Alpha channel (opacity) base on the hexadecimal color
+ * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal hexadecimal color
+ * @returns the Alpha channel (opacity)
+ */
+export declare function getHexadecimalOpacity(hexadecimal?: string): number;

package/dist/themes/helpers/getHexadecimalOpacity.js

@@ -0,0 +1,15 @@
+import { isNaNV2 } from "../../general/mix/isNaNV2";
+import { isHexadecimalColor } from "./isHexadecimalColor";
+/**
+ * Gets the Alpha channel (opacity) base on the hexadecimal color
+ * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal hexadecimal color
+ * @returns the Alpha channel (opacity)
+ */
+export function getHexadecimalOpacity(hexadecimal = "") {
+    if (!isHexadecimalColor(hexadecimal))
+        return 1;
+    const opacityHexa = hexadecimal.slice(7) || "FF";
+    const opacity = parseInt(opacityHexa, 16) / 255;
+    return isNaNV2(opacity) ? 1 : opacity;
+}

package/dist/themes/helpers/getRgbaOpacity.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gets the Alpha channel (opacity) base on the RGBA color
+ * * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal RGBA color
+ * @returns the Alpha channel (opacity)
+ */
+export declare function getRgbaOpacity(rgba?: string): number;

package/dist/themes/helpers/getRgbaOpacity.js

@@ -0,0 +1,17 @@
+import { isNaNV2 } from "../../general/mix/isNaNV2";
+import { RGBA_REGULAR_EXPRESSION } from "../constants/RGBA_REGULAR_EXPRESION";
+import { isRGBAColor } from "./isRGBAColor";
+/**
+ * Gets the Alpha channel (opacity) base on the RGBA color
+ * * - If the alpha channel is not set into the given parameter or the calculation is NaN, the function will return 1
+ * @param hexadecimal RGBA color
+ * @returns the Alpha channel (opacity)
+ */
+export function getRgbaOpacity(rgba = "") {
+    var _a;
+    if (!isRGBAColor(rgba))
+        return 1;
+    const colors = rgba.toLowerCase().match(RGBA_REGULAR_EXPRESSION);
+    const opacity = (_a = Number(colors[4])) !== null && _a !== void 0 ? _a : 1;
+    return isNaNV2(opacity) ? 1 : opacity;
+}