@qrvey/utils 1.12.0-2 → 1.12.0-20

package/dist/cjs/services/api/getModel.api.js

@@ -1,16 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getModel = void 0;
-const Request_1 = __importDefault(require("../helpers/Request"));
+const Request_1 = require("../helpers/Request");
 const localization_1 = require("../../format/localization");
 const MODEL_ENDPOINT_1 = require("../constants/MODEL_ENDPOINT");
 const BModelToUIModel_adapter_1 = require("../adapters/BModelToUIModel.adapter");
 function getModel(config, params) {
     const lang = (0, localization_1.chooseLang)(config);
     const data = { lang, logic: config.logic || [] };
-    return Request_1.default.post(Object.assign(Object.assign({}, config), { endpoint: MODEL_ENDPOINT_1.ANALYTIQ_ENDPOINT }), "", data, Object.assign(Object.assign({}, params), { lang })).then(BModelToUIModel_adapter_1.BModelToUIModel);
+    return Request_1.Request.post(Object.assign(Object.assign({}, config), { endpoint: MODEL_ENDPOINT_1.ANALYTIQ_ENDPOINT }), "", data, Object.assign(Object.assign({}, params), { lang })).then(BModelToUIModel_adapter_1.BModelToUIModel);
 }
 exports.getModel = getModel;

package/dist/cjs/services/helpers/Request.d.ts

@@ -1,4 +1,4 @@
-export default class Request {
+export declare class Request {
     static checkStatus(response: any): Promise<any>;
     static hasQvToken(config: any): boolean;
     static getQvToken(config: any): any;
@@ -6,6 +6,8 @@ export default class Request {
     static hasApiKey(config: any): boolean;
     static getApiKey(config: any): any;
     static makeUrl(config: any, url: any, params?: any): string;
+    private static getApiUrl;
+    private static getUserUrl;
     static parseUrl: (url: any, config: any) => string;
     static requestConfig(reqData: any): any;
     static resolveRequest(reqData: any): Promise<any>;

package/dist/cjs/services/helpers/Request.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Request = void 0;
 const numericOffsetToISO_1 = require("../../dates/adapters/numericOffsetToISO");
 const isEmpty_1 = require("../../general/mix/isEmpty");
 const getAttribute_1 = require("../../general/object/getAttribute");
@@ -44,18 +45,35 @@ class Request {
     static makeUrl(config, url, params) {
         let _url = url;
         _url += typeof params === "object" ? (0, serialize_1.serialize)(params) : "";
-        if (config.endpoint) {
+        if (!(0, isEmpty_1.isEmpty)(config.endpoint)) {
             const endpoint = config.endpoint;
-            const version = `v${endpoint.version || 4}`;
-            const api = this.hasQvToken(config) || this.hasApiKey(config) ? "devapi" : "api";
-            const user = (0, getAttribute_1.getAttribute)(config, "user_id") || this.hasQvToken(config)
-                ? "/user/:user_id"
-                : "";
-            const base = `/${api}/${version}${user}`;
+            const version = endpoint.noVersion ? "" : `/v${endpoint.version || 4}`;
+            const admin = endpoint.admin ? "/admin" : "";
+            const api = Request.getApiUrl(config);
+            const user = Request.getUserUrl(config);
+            const base = `${admin}${api}${version}${user}`;
             _url = (config.domain || "") + base + endpoint.uri + _url;
         }
         return this.parseUrl(_url, config);
     }
+    static getApiUrl(config) {
+        const endpoint = config.endpoint || {};
+        if (endpoint.noApi)
+            return "";
+        const isDevApi = !(0, isEmpty_1.isEmpty)(endpoint.devApi) && endpoint.devApi;
+        return isDevApi ||
+            ((0, isEmpty_1.isEmpty)(endpoint.devApi) &&
+                (this.hasQvToken(config) || this.hasApiKey(config)))
+            ? "/devapi"
+            : "/api";
+    }
+    static getUserUrl(config) {
+        const endpoint = config.endpoint || {};
+        return !endpoint.noUser &&
+            ((0, getAttribute_1.getAttribute)(config, "user_id") || this.hasQvToken(config))
+            ? "/user/:user_id"
+            : "";
+    }
     static requestConfig(reqData) {
         const cfg = {
             method: reqData.type,
@@ -92,9 +110,12 @@ class Request {
     static resolveRequest(reqData) {
         const url = this.makeUrl(reqData.config, reqData.url, reqData.params);
         const config = this.requestConfig(reqData);
-        return fetch(url, config)
+        const controller = new AbortController();
+        const { signal } = controller;
+        return fetch(url, Object.assign(Object.assign({}, config), { signal }))
             .then((res) => this.checkStatus(res))
-            .then((res) => res.json());
+            .then((res) => res.json())
+            .finally(() => signal.aborted && controller.abort());
     }
     static get(config, url = "", params) {
         return this.resolveRequest({ config, url, type: "GET", params });
@@ -103,5 +124,5 @@ class Request {
         return this.resolveRequest({ config, url, type: "POST", data, params });
     }
 }
+exports.Request = Request;
 Request.parseUrl = (url, config) => (0, parseUrl_1.parseUrl)(url, (key) => (0, getAttribute_1.getAttribute)(config, key));
-exports.default = Request;

package/dist/cjs/services/interfaces/IEndpointConfig.d.ts

@@ -1,4 +1,9 @@
 export interface IEndpointConfig {
+    admin?: boolean;
+    devApi?: boolean;
+    noApi?: boolean;
+    noUser?: boolean;
+    noVersion?: boolean;
     uri: string;
     version?: number;
 }

package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values.
+ */
+export declare const AUTOMATIC_CSS_VARIABLES_FOR_DARK: {
+    "--qv-global-opacity-white-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-global-text-color": string;
+    "--qv-global-text-secondary-color": string;
+    "--qv-global-text-tertiary-color": string;
+};

package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_CSS_VARIABLES_FOR_DARK = void 0;
+const CSS_VARIABLES_FOR_DARK_1 = require("./CSS_VARIABLES_FOR_DARK");
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values.
+ */
+exports.AUTOMATIC_CSS_VARIABLES_FOR_DARK = {
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.BACKGROUND_OPACITY_WHITE_COLOR]: "#FFFFFF20",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.BORDER]: "#FFFFFF20",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.DIVIDER]: "#FFFFFF20",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.HOVER]: "#00000020",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.PLACEHOLDER]: "#FFFFFF90",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.TEXT]: "#FFFFFF",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.TEXT_SECONDARY]: "#FFFFFF90",
+    [CSS_VARIABLES_FOR_DARK_1.CSS_VARIABLES_FOR_DARK.TEXT_TERTIARY]: "#FFFFFF70",
+};

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

@@ -0,0 +1,4 @@
+export declare enum COLOR_TYPE {
+    DARK = "DARK",
+    LIGHT = "LIGHT"
+}

package/dist/cjs/themes/constants/COLOR_TYPE.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLOR_TYPE = void 0;
+var COLOR_TYPE;
+(function (COLOR_TYPE) {
+    COLOR_TYPE["DARK"] = "DARK";
+    COLOR_TYPE["LIGHT"] = "LIGHT";
+})(COLOR_TYPE || (exports.COLOR_TYPE = COLOR_TYPE = {}));

package/dist/cjs/themes/constants/CSS_VARIABLES_FOR_DARK.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+export declare enum CSS_VARIABLES_FOR_DARK {
+    BACKGROUND_OPACITY_BLACK_COLOR = "--qv-global-opacity-black-color",
+    BACKGROUND_OPACITY_WHITE_COLOR = "--qv-global-opacity-white-color",
+    BORDER = "--qv-global-border-color",
+    DIVIDER = "--qv-global-divider-color",
+    HOVER = "--qv-global-hover-color",
+    PLACEHOLDER = "--qv-global-placeholder-color",
+    TEXT = "--qv-global-text-color",
+    TEXT_SECONDARY = "--qv-global-text-secondary-color",
+    TEXT_TERTIARY = "--qv-global-text-tertiary-color"
+}

package/dist/cjs/themes/constants/CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSS_VARIABLES_FOR_DARK = void 0;
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+var CSS_VARIABLES_FOR_DARK;
+(function (CSS_VARIABLES_FOR_DARK) {
+    CSS_VARIABLES_FOR_DARK["BACKGROUND_OPACITY_BLACK_COLOR"] = "--qv-global-opacity-black-color";
+    CSS_VARIABLES_FOR_DARK["BACKGROUND_OPACITY_WHITE_COLOR"] = "--qv-global-opacity-white-color";
+    CSS_VARIABLES_FOR_DARK["BORDER"] = "--qv-global-border-color";
+    CSS_VARIABLES_FOR_DARK["DIVIDER"] = "--qv-global-divider-color";
+    CSS_VARIABLES_FOR_DARK["HOVER"] = "--qv-global-hover-color";
+    CSS_VARIABLES_FOR_DARK["PLACEHOLDER"] = "--qv-global-placeholder-color";
+    CSS_VARIABLES_FOR_DARK["TEXT"] = "--qv-global-text-color";
+    CSS_VARIABLES_FOR_DARK["TEXT_SECONDARY"] = "--qv-global-text-secondary-color";
+    CSS_VARIABLES_FOR_DARK["TEXT_TERTIARY"] = "--qv-global-text-tertiary-color";
+})(CSS_VARIABLES_FOR_DARK || (exports.CSS_VARIABLES_FOR_DARK = CSS_VARIABLES_FOR_DARK = {}));

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

@@ -0,0 +1 @@
+export declare const HEXADECIMAL_REGULAR_EXPRESSION: RegExp;

package/dist/cjs/themes/constants/HEXADECIMAL_REGULAR_EXPRESSION.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEXADECIMAL_REGULAR_EXPRESSION = void 0;
+exports.HEXADECIMAL_REGULAR_EXPRESSION = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;

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

@@ -0,0 +1 @@
+export declare const RGBA_REGULAR_EXPRESSION: RegExp;

package/dist/cjs/themes/constants/RGBA_REGULAR_EXPRESION.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RGBA_REGULAR_EXPRESSION = void 0;
+exports.RGBA_REGULAR_EXPRESSION = /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/;

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

@@ -0,0 +1,5 @@
+export * from "./AUTOMATIC_CSS_VARIABLES_FOR_DARK";
+export * from "./COLOR_TYPE";
+export * from "./CSS_VARIABLES_FOR_DARK";
+export * from "./HEXADECIMAL_REGULAR_EXPRESSION";
+export * from "./RGBA_REGULAR_EXPRESION";

package/dist/cjs/themes/constants/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AUTOMATIC_CSS_VARIABLES_FOR_DARK"), exports);
+__exportStar(require("./COLOR_TYPE"), exports);
+__exportStar(require("./CSS_VARIABLES_FOR_DARK"), exports);
+__exportStar(require("./HEXADECIMAL_REGULAR_EXPRESSION"), exports);
+__exportStar(require("./RGBA_REGULAR_EXPRESION"), exports);

package/dist/cjs/themes/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./lightOrDark";
+export * from "./isDarkColor";
+export * from "./isHexadecimalColor";
+export * from "./isRGBAColor";
+export * from "./lightOrDark";
+export * from "./setAutomaticCSSVariablesForDark";

package/dist/cjs/themes/helpers/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lightOrDark"), exports);
+__exportStar(require("./isDarkColor"), exports);
+__exportStar(require("./isHexadecimalColor"), exports);
+__exportStar(require("./isRGBAColor"), exports);
+__exportStar(require("./lightOrDark"), exports);
+__exportStar(require("./setAutomaticCSSVariablesForDark"), exports);

package/dist/cjs/themes/helpers/isDarkColor.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Determines if the Color is dark or light.
+ * Uses the lightOrDark module.
+ * @param color the string of the color (RGBA, or Hexadecimal)
+ * @returns true: the color is dark.
+ */
+export declare function isDarkColor(color: string, brightnessThreshold?: number): boolean;

package/dist/cjs/themes/helpers/isDarkColor.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDarkColor = void 0;
+const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
+const lightOrDark_1 = require("./lightOrDark");
+/**
+ * Determines if the Color is dark or light.
+ * Uses the lightOrDark module.
+ * @param color the string of the color (RGBA, or Hexadecimal)
+ * @returns true: the color is dark.
+ */
+function isDarkColor(color, brightnessThreshold = 127.5) {
+    return (0, lightOrDark_1.lightOrDark)(color, brightnessThreshold) === COLOR_TYPE_1.COLOR_TYPE.DARK;
+}
+exports.isDarkColor = isDarkColor;

package/dist/cjs/themes/helpers/isHexadecimalColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Validates if the given color is an hexadecimal structure
+ * @param color the string of the color
+ * @returns true: the color is an hexadecimal type
+ */
+export declare function isHexadecimalColor(color?: string): boolean;

package/dist/cjs/themes/helpers/isHexadecimalColor.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHexadecimalColor = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const HEXADECIMAL_REGULAR_EXPRESSION_1 = require("../constants/HEXADECIMAL_REGULAR_EXPRESSION");
+/**
+ * Validates if the given color is an hexadecimal structure
+ * @param color the string of the color
+ * @returns true: the color is an hexadecimal type
+ */
+function isHexadecimalColor(color = "") {
+    return !(0, isEmpty_1.isEmpty)(color.match(HEXADECIMAL_REGULAR_EXPRESSION_1.HEXADECIMAL_REGULAR_EXPRESSION));
+}
+exports.isHexadecimalColor = isHexadecimalColor;

package/dist/cjs/themes/helpers/isRGBAColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Validates if the given color is an RGBA structure
+ * @param color the string of the color
+ * @returns true: the color is an RGBA type
+ */
+export declare function isRGBAColor(color?: string): boolean;

package/dist/cjs/themes/helpers/isRGBAColor.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRGBAColor = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
+/**
+ * Validates if the given color is an RGBA structure
+ * @param color the string of the color
+ * @returns true: the color is an RGBA type
+ */
+function isRGBAColor(color = "") {
+    return !(0, isEmpty_1.isEmpty)(color.match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION));
+}
+exports.isRGBAColor = isRGBAColor;

package/dist/cjs/themes/helpers/lightOrDark.d.ts

@@ -0,0 +1,8 @@
+import { IColorType } from "../interfaces/IColorType";
+/**
+ * Validates if the given color is light or dark
+ * The module extracts the rgba channels and calculate the brightness or darkness by a threshold
+ * @param color the string of the color.
+ * @returns the color type (Dark or Light)
+ */
+export declare function lightOrDark(color: string, brightnessThreshold?: number, opacityThreshold?: number): IColorType;

package/dist/cjs/themes/helpers/lightOrDark.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightOrDark = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
+const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
+const isHexadecimalColor_1 = require("./isHexadecimalColor");
+const isRGBAColor_1 = require("./isRGBAColor");
+/**
+ * Validates if the given color is light or dark
+ * The module extracts the rgba channels and calculate the brightness or darkness by a threshold
+ * @param color the string of the color.
+ * @returns the color type (Dark or Light)
+ */
+function lightOrDark(color, brightnessThreshold = 127.5, opacityThreshold = 0.5) {
+    const rgbaColor = (0, isRGBAColor_1.isRGBAColor)(color);
+    const hexadecimalColor = (0, isHexadecimalColor_1.isHexadecimalColor)(color);
+    if ((0, isEmpty_1.isEmpty)(color) || (!rgbaColor && !hexadecimalColor))
+        return;
+    let r, g, b, a;
+    if (rgbaColor) {
+        const colors = color.match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION);
+        r = Number(colors[1]);
+        g = Number(colors[2]);
+        b = Number(colors[3]);
+        a = rgbaOpacity(color);
+    }
+    if (hexadecimalColor) {
+        const colorCode = +`0x${color
+            .slice(1)
+            .replace(color.length < 5 && /./g, "$&$&")}`;
+        r = colorCode >> 16;
+        g = (colorCode >> 8) & 255;
+        b = colorCode & 255;
+        a = hexadecimalOpacity(color);
+    }
+    // HSP equation from http://alienryderflex.com/hsp.html
+    const hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));
+    if (hsp > brightnessThreshold || a < opacityThreshold) {
+        return COLOR_TYPE_1.COLOR_TYPE.LIGHT;
+    }
+    return COLOR_TYPE_1.COLOR_TYPE.DARK;
+}
+exports.lightOrDark = lightOrDark;
+function hexadecimalOpacity(hexadecimal) {
+    const opacityHexa = hexadecimal.slice(7) || "FF";
+    return parseInt(opacityHexa, 16) / 255;
+}
+function rgbaOpacity(rgba) {
+    var _a;
+    const colors = rgba.match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION);
+    return (_a = Number(colors[4])) !== null && _a !== void 0 ? _a : 1;
+}

package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.d.ts

@@ -0,0 +1,8 @@
+import { IColorType } from "../interfaces/IColorType";
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapperTags the html elements to set the CSS variables
+ */
+export declare function setAutomaticCSSVariablesForDark(colorType: IColorType, wrapperTags: string[]): void;

package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setAutomaticCSSVariablesForDark = void 0;
+const isEmpty_1 = require("../../general/mix/isEmpty");
+const AUTOMATIC_CSS_VARIABLES_FOR_DARK_1 = require("../constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK");
+const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapperTags the html elements to set the CSS variables
+ */
+function setAutomaticCSSVariablesForDark(colorType, wrapperTags) {
+    if ((0, isEmpty_1.isEmpty)(colorType) || (0, isEmpty_1.isEmpty)(wrapperTags))
+        return;
+    const cssVariables = Object.keys(AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_DARK);
+    wrapperTags.forEach((wrapperTag) => {
+        const wrapperElement = document.querySelector(wrapperTag);
+        setCSSVariable(colorType, wrapperElement, cssVariables);
+    });
+}
+exports.setAutomaticCSSVariablesForDark = setAutomaticCSSVariablesForDark;
+/**
+ * Sets CSS Variables into a given wrapper collection.
+ * For the Dark Theme feature.
+ * @param colorType the color type
+ * @param wrapper the html element to set the CSS variables
+ * @param cssVariables the CSS variables name to apply the style property
+ */
+function setCSSVariable(colorType, wrapper, cssVariables) {
+    if ((0, isEmpty_1.isEmpty)(wrapper) || (0, isEmpty_1.isEmpty)(cssVariables))
+        return;
+    cssVariables.forEach((cssVariable) => {
+        const cssProperty = AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_DARK[cssVariable];
+        if (colorType === COLOR_TYPE_1.COLOR_TYPE.DARK) {
+            wrapper.style.setProperty(cssVariable, cssProperty);
+        }
+        else {
+            wrapper.style.removeProperty(cssVariable);
+        }
+    });
+}

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

@@ -0,0 +1,3 @@
+export * from "./constants";
+export * from "./interfaces";
+export * from "./helpers";

package/dist/cjs/themes/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./constants"), exports);
+__exportStar(require("./interfaces"), exports);
+__exportStar(require("./helpers"), exports);

package/dist/cjs/themes/interfaces/IColorType.d.ts

@@ -0,0 +1,2 @@
+import { COLOR_TYPE } from "../constants/COLOR_TYPE";
+export type IColorType = COLOR_TYPE;

package/dist/cjs/themes/interfaces/IColorType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/themes/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from "./IColorType";

package/dist/cjs/themes/interfaces/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./IColorType"), exports);

package/dist/cjs/tokens/getCleanCustomTokens.d.ts

@@ -0,0 +1,9 @@
+import { ICustomTokensComplex } from "../interfaces";
+/**
+ * The function `getCleanCustomTokens` takes an object `customTokens` and returns a new object
+ * `cleanTokens` with filtered values based on certain conditions.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object of type
+ * `ICustomTokensComplex`.
+ * @returns a cleaned version of the customTokens object.
+ */
+export declare function getCleanCustomTokens(customTokens?: ICustomTokensComplex): ICustomTokensComplex;

package/dist/cjs/tokens/getCleanCustomTokens.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCleanCustomTokens = void 0;
+const general_1 = require("../general");
+/**
+ * The function `getCleanCustomTokens` takes an object `customTokens` and returns a new object
+ * `cleanTokens` with filtered values based on certain conditions.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object of type
+ * `ICustomTokensComplex`.
+ * @returns a cleaned version of the customTokens object.
+ */
+function getCleanCustomTokens(customTokens = {}) {
+    const cleanTokens = {};
+    for (const tokenKey in customTokens) {
+        if ((0, general_1._hasProperty)(customTokens, tokenKey)) {
+            const tokensGroup = customTokens[tokenKey];
+            cleanTokens[tokenKey] = tokensGroup.filter((token) => !(0, general_1.isEmpty)(token.value) && (token.label || token.key));
+        }
+    }
+    return cleanTokens;
+}
+exports.getCleanCustomTokens = getCleanCustomTokens;

package/dist/cjs/tokens/getCustomTokenBoxParse.d.ts

@@ -0,0 +1,10 @@
+import { ICustomTokensBox, ICustomTokensComplex } from "../interfaces";
+/**
+ * The function `getCustomTokenBoxParse` takes in an object of custom tokens and returns a formatted
+ * list of tokens with aliases and labels.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object that contains
+ * custom token groups and their corresponding tokens. Each custom token group is represented by a key
+ * in the object, and the value is an array of tokens within that group.
+ * @returns an object called `tokensList`.
+ */
+export declare function getCustomTokenBoxParse(customTokens: ICustomTokensComplex): ICustomTokensBox;

package/dist/cjs/tokens/getCustomTokenBoxParse.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomTokenBoxParse = void 0;
+const constants_1 = require("../constants");
+const general_1 = require("../general");
+/**
+ * The function `getCustomTokenBoxParse` takes in an object of custom tokens and returns a formatted
+ * list of tokens with aliases and labels.
+ * @param {ICustomTokensComplex} customTokens - The `customTokens` parameter is an object that contains
+ * custom token groups and their corresponding tokens. Each custom token group is represented by a key
+ * in the object, and the value is an array of tokens within that group.
+ * @returns an object called `tokensList`.
+ */
+function getCustomTokenBoxParse(customTokens) {
+    const tokensList = {};
+    for (const tokenKey in customTokens) {
+        if (Object.prototype.hasOwnProperty.call(customTokens, tokenKey)) {
+            const subGroup = tokenKey === constants_1.CUSTOM_TOKEN_DEFAULT_KEY ? "" : `.${(0, general_1.camelize)(tokenKey)}`;
+            tokensList[tokenKey] = customTokens[tokenKey].map((token) => ({
+                alias: token.label,
+                label: `{{customTokens${subGroup}.${token.key}}}`,
+            }));
+        }
+    }
+    return tokensList;
+}
+exports.getCustomTokenBoxParse = getCustomTokenBoxParse;

package/dist/cjs/tokens/getCustomtonTokens.d.ts

@@ -0,0 +1,10 @@
+import { ICustomTokensComplex, ICustomTokensSimple } from "../interfaces";
+/**
+ * The function `getCustomtonTokens` takes a configuration object and returns a parsed version of the
+ * custom tokens, with keys and values appropriately formatted.
+ * @param {ICustomTokensSimple | ICustomTokensComplex} customtonTokensConfig - The
+ * `customtonTokensConfig` parameter is an object that can have two possible types:
+ * `ICustomTokensSimple` or `ICustomTokensComplex`.
+ * @returns an object of type `ICustomTokensComplex`.
+ */
+export declare function getCustomtonTokens(customtonTokensConfig: ICustomTokensSimple | ICustomTokensComplex): ICustomTokensComplex;