@qrvey/utils 1.12.0-9 → 1.13.0-0

package/dist/globalization/labels/export/I18N_EXPORT_MODAL.js

@@ -0,0 +1,75 @@
+/**
+ * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
+ */
+export const EXPORTING_MODAL = {
+    apply_button_label: { export_now: "Export Now" },
+    cancel_button_label: "Cancel",
+    error_messages: {
+        special_characters: "Special characters are not allowed in file name.",
+    },
+    file_name_label: "File Name",
+    recurrence: {
+        label: "Recurrence",
+        value: { does_not_repeat: "Does not repeat" },
+    },
+    time_stamp: {
+        label: "Time and Date",
+        value: { now_and_today: "Now and Today" },
+        none_label: "None",
+    },
+    time_zone_label: "Time Zone",
+    title_label: "Export",
+    uniqueness_concatenate: "For Uniqueness Concatenate",
+    toast_messages: {
+        failed_scheduling: "The export could not be scheduled at this time.",
+        successful_scheduling: "The export of {{fileName}} has been scheduled successfully.",
+    },
+    schedule: {
+        chart_download_ready: "Chart is ready to download",
+        page_download_ready: "Dashboard is ready to download",
+        schedule_button_label: {
+            schedule: "Schedule",
+            reset_to_default: "Reset to Default",
+        },
+        title: "Scheduling",
+        start: {
+            date: "Date",
+            time: "Time",
+        },
+        repeat: {
+            every: "Repeat Every",
+            placeholder: "Select",
+            on: "Repeat On",
+            intervals: {
+                hour: "Hour",
+                day: "Day",
+                week: "Week",
+                month: "Month",
+                year: "Year",
+            },
+        },
+        time_zone: {
+            label: "Time Zone",
+            placeholder: "Select",
+        },
+        days_of_week_short: {
+            sunday: "S",
+            monday: "M",
+            tuesday: "T",
+            wednesday: "W",
+            thursday: "T",
+            friday: "F",
+            saturday: "S",
+        },
+        end: {
+            ends: "Ends",
+            radio_buttons: {
+                never: "Never",
+                on: "On",
+                after: "After",
+            },
+            select_date_placeholder: "Select Date",
+            recurrences: "occurrences",
+        },
+    },
+};

package/dist/globalization/labels/export/index.d.ts

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

package/dist/globalization/labels/export/index.js

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

package/dist/globalization/labels/formula_builder/I18N_FORMULA_BUILDER.js

@@ -114,10 +114,12 @@ export const I18N_FORMULA_BUILDER = {
                     param_date_value1_description: 'It can be a column or a datetime value entered with a format of either "MM/DD/YYYY" or "MM/DD/YYYY HH:MM:SS".',
                 },
                 hour: {
-                    description: "Returns the hour of a datetime value. The hour is given as an integer ranging from 0 to 23.",
-                    function_placeholder: "HOUR(date_value1)",
+                    description: "Returns the hour of a datetime value. The hour is given as an integer ranging from 0 to 23 or from 0 to 12 depending on the defined format.",
+                    function_placeholder: "HOUR(date_value1,[time_format])",
                     param_date_value1_name: "date_value1",
                     param_date_value1_description: 'It can be a column or a datetime value entered with a format of either "MM/DD/YYYY" or "MM/DD/YYYY HH:MM:SS", datetime values without time will be assumed as 00:00:00.',
+                    param_time_format_name: "time_format (optional)",
+                    param_time_format_description: "if set to “24h“ it will return a number from 0 to 23, if set to “12h“ it will return a number from 1 to 12. If not set it will always return the hour in  24h format.",
                 },
                 minute: {
                     description: "Returns the minute of a datetime value. The minute is given as an integer ranging from 0 to 59.",
@@ -274,7 +276,7 @@ export const I18N_FORMULA_BUILDER = {
                     param_string2_description: "Text with a sequence of characters that will be searched in string1.",
                 },
                 replace: {
-                    description: "Looks for an specific sequence of characters inside a string and replaces it with a different sequence of characters.",
+                    description: "Looks for a specific sequence of characters inside a string and replaces it with a different sequence of characters.",
                     function_placeholder: "REPLACE(string1, target, replacement)",
                     param_string1_name: "string1",
                     param_string1_description: "Text to perform the replace into.",
@@ -331,7 +333,7 @@ export const I18N_FORMULA_BUILDER = {
                 },
                 random: {
                     description: "Returns a positive decimal number between 0 (inclusive) and 1 (exclusive).",
-                    function_placeholder: "LOG(num1, [base])",
+                    function_placeholder: "RANDOM()",
                 },
                 round: {
                     description: "Rounds a number to a specified number of digits. For negative numbers it rounds to the next negative number with greater absolute value.",
@@ -357,6 +359,18 @@ export const I18N_FORMULA_BUILDER = {
                     param_digits_name: "digits",
                     param_digits_description: "Number of decimal digits, up to 10 digits.",
                 },
+                millisecond: {
+                    description: "Returns the millisecond of a datetime value. The millisecond is given as an integer ranging from 0 to 999.",
+                    function_placeholder: "MILLISECOND(date_value1)",
+                    param_date_value1_name: "date_value1",
+                    param_date_value1_description: 'It can be a column or a datetime value entered with a format of either "MM/DD/YYYY" or "MM/DD/YYYY HH:MM:SS", datetime values without time will be assumed as 00:00:00.',
+                },
+                text: {
+                    description: "Transforms a number into a string.",
+                    function_placeholder: "TEXT(num1)",
+                    param_num1_name: "num1",
+                    param_num1_description: "The number that you want to convert to text.",
+                },
             },
             editor: {
                 error_messages: {
@@ -388,7 +402,7 @@ export const I18N_FORMULA_BUILDER = {
                     NOT_ALLOWED_OPERATION: "Expression not allowed. Allowed operators between {{i18n.function.expression.types}}: {{i18n.function.expression.operators}}",
                     NOT_ALLOWED_OPERATION_DIFFERENT_TYPES: "Expression not allowed {{i18n.function.expression.value}}",
                     NOT_ALLOWED_OPERATION_MISSING_OPERATOR: "Expression not allowed. Missing operator",
-                    INVALID_ALLOW_VALUE: "Argument {{i18n.function.argument.position}} has to be {{i18n.function.argument.allow_value}}",
+                    INVALID_ALLOW_VALUE: "Argument {{i18n.function.argument.position}} has to be equal to {{i18n.function.argument.allow_value}}",
                     MATCH_RANGE: "Argument {{i18n.function.argument.position}} has to be {{i18n.function.expression.dynamic}}",
                     GREATER_THAN: "greater than {{i18n.function.argument.greater_than}}",
                     LESS_THAN: "less than {{i18n.function.argument.less_than}}",
@@ -398,6 +412,7 @@ export const I18N_FORMULA_BUILDER = {
                 special_words: {
                     and: "and",
                     between: "between",
+                    or: "or",
                 },
             },
         },

package/dist/globalization/labels/panel/I18N_PANEL.js

@@ -2,6 +2,11 @@
  * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
  */
 export const I18N_PANEL = {
+    columns_interactive: {
+        search_placeholder: "Search",
+        no_records_found: "No records found",
+        missing_column: "Missing Column",
+    },
     embed: {
         embed_chart: "Embed Chart",
         embed_analyze_section: "Embed Analyze Section",
@@ -24,6 +29,7 @@ export const I18N_PANEL = {
         missing_bucket_column: "Missing bucket column.",
         missing_formula_column: "Missing formula column.",
         missing_linked_column: "Missing linked column.",
+        missing_value: "Missing Value.",
         no_data_found: "No data found.",
         no_features_found: "No location match",
         refresh_panel: "Refresh panel",
@@ -120,6 +126,9 @@ export const I18N_PANEL = {
     tooltips: {
         fit_panel: "Fit to panel",
         no_filters: "No filters applied",
+        select_columns: "Select columns",
+        sort_by: "Sort by",
+        smart_analyzer: "Smart analyzer",
     },
     top: "Top",
 };

package/dist/globalization/labels/style_themes/I18N_STYLE_THEMES.js

@@ -25,6 +25,7 @@ export const I18N_STYLE_THEMES = {
     },
     theme: {
         axis_data_labels: "Axis and Data Labels",
+        canvas_background_color: "Canvas Background Color",
         cancel_theme: "Cancel",
         chart_titles_color: "Chart Titles Color",
         copy: "Copy",
@@ -39,8 +40,9 @@ export const I18N_STYLE_THEMES = {
         legends: "Legends",
         main_color: "Main Color",
         name_placeholder: "Type name",
-        panel_background: "Panel Background",
         panel_styles: "Panel Styles",
+        panel_background_color: "Panel Background Color",
+        panel_icons_foreground_color: "Icons and Foreground Color",
         qrvey_theme: "Qrvey Theme",
         restore_to_default: "Restore to Default",
         save_theme: "Save Theme",
@@ -53,6 +55,7 @@ export const I18N_STYLE_THEMES = {
         untitled_theme: "Untitled",
         use_theme_in_all_apps: "Use Theme in All Apps",
         values: "Values",
+        workspace_settings: "Workspace Settings",
     },
     title: "Style Themes",
     tooltips: {

package/dist/globalization/service/i18nextBuilder.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import i18next from "i18next";
-import { _get } from "../../general";
+import { isEmpty } from "../../general";
 import { mergeDeep } from "../../general/object/mergeDeep";
 export class I18nServiceBuilder {
     static buildI18n(i18nResource, i18nDefault) {
@@ -16,9 +16,8 @@ export class I18nServiceBuilder {
     }
     static _initI18n(i18nResource = {}, i18nDefault = {}) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!i18next.isInitialized ||
-                _get(i18next, "store.data.en.translation.common.aggregates") !==
-                    _get(i18nResource, "common.aggregates")) {
+            //Temporarily we meed to review this code
+            if (!i18next.isInitialized || !isEmpty(i18nResource)) {
                 yield this.getI18nInstance(i18nResource, i18nDefault, i18next);
             }
             return new I18nServiceConcrete(i18next);

package/dist/index.d.ts

@@ -14,3 +14,4 @@ export * from "./services/index";
 export * from "./typescript/index";
 export * from "./tokens/index";
 export * from "./column_format/index";
+export * from "./themes";

package/dist/index.js

@@ -14,3 +14,4 @@ export * from "./services/index";
 export * from "./typescript/index";
 export * from "./tokens/index";
 export * from "./column_format/index";
+export * from "./themes";

package/dist/services/api/getAllQrveys.api.d.ts

@@ -1,4 +1,4 @@
-import IPayloadQrveyAll from "../interfaces/IPayloadQrveyAll";
+import { IPayloadQrveyAll } from "../interfaces/IPayloadQrveyAll";
 /**
  * Request function for getting Qrveys such as Web Forms and Datasets. Use params for getting precise data
  * @param config Configuration

package/dist/services/helpers/Request.js

@@ -107,9 +107,12 @@ export 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 });

package/dist/services/helpers/getDefaultQuestionListOptionsAttributes.js

@@ -10,13 +10,13 @@ export function getDefaultQuestionListOptionsAttributes() {
         "formulaType",
         "geogroup",
         "outputFormat",
-        "answers",
-        "imageUploadOption",
-        "sliderVal",
-        "value",
-        "activeCat",
-        "words",
-        "negative",
+        "answers", // For multiples webform column types
+        "imageUploadOption", // For Image upload
+        "sliderVal", // For slidebar
+        "value", // For lookup
+        "activeCat", // For Expressions
+        "words", // For Expressions with disabled categories
+        "negative", // For Expressions with enabled categories
         "positive", // For Expressions with enabled categories
     ];
 }

package/dist/services/interfaces/IPayloadQrveyAll.d.ts

@@ -1,4 +1,4 @@
-export default interface IPayloadQrveyAll {
+export interface IPayloadQrveyAll {
     sortby?: string;
     sortdir?: string;
     status: string | string[];

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

@@ -0,0 +1,6 @@
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values. Canvas porpuses
+ */
+export declare const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK: {
+    "--qv-canvas-border-color": string;
+};

package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,7 @@
+import { CANVAS_CSS_VARIABLES } from "./CANVAS_CSS_VARIABLES";
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values. Canvas porpuses
+ */
+export const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK = {
+    [CANVAS_CSS_VARIABLES.BORDER]: "#FFFFFF20",
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Collection of CSS Variables for Light Theme and its assigned values. Canvas porpuses
+ */
+export declare const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT: {
+    "--qv-canvas-border-color": string;
+};

package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js

@@ -0,0 +1,7 @@
+import { CANVAS_CSS_VARIABLES } from "./CANVAS_CSS_VARIABLES";
+/**
+ * Collection of CSS Variables for Light Theme and its assigned values. Canvas porpuses
+ */
+export const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT = {
+    [CANVAS_CSS_VARIABLES.BORDER]: "#00000010",
+};

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

@@ -0,0 +1,39 @@
+/**
+ * Collection of CSS Variables for the theme and its assigned values.
+ */
+export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
+    GLOBAL: {
+        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;
+        };
+    };
+    CANVAS: {
+        DARK: {
+            "--qv-canvas-border-color": string;
+        };
+        LIGHT: {
+            "--qv-canvas-border-color": string;
+        };
+    };
+};

package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.js

@@ -0,0 +1,19 @@
+import { AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK } from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK";
+import { AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT } from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT";
+import { AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK } from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK";
+import { AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT } from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT";
+import { COLOR_TYPE } from "./COLOR_TYPE";
+import { CSS_VARIABLE_DESTINATION } from "./CSS_VARIABLE_DESTINATION";
+/**
+ * Collection of CSS Variables for the theme and its assigned values.
+ */
+export const AUTOMATIC_CANVAS_CSS_VARIABLES = {
+    [CSS_VARIABLE_DESTINATION.GLOBAL]: {
+        [COLOR_TYPE.DARK]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK,
+        [COLOR_TYPE.LIGHT]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT,
+    },
+    [CSS_VARIABLE_DESTINATION.CANVAS]: {
+        [COLOR_TYPE.DARK]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK,
+        [COLOR_TYPE.LIGHT]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT,
+    },
+};

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

@@ -0,0 +1,15 @@
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values.
+ */
+export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_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;
+};

package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,16 @@
+import { GLOBAL_CSS_VARIABLES } from "./GLOBAL_CSS_VARIABLES";
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values.
+ */
+export const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = {
+    [GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
+    [GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#FFFFFF10",
+    [GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#FFFFFF90",
+    [GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES.TEXT_COLOR]: "#FFFFFF",
+    [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#FFFFFF90",
+    [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#FFFFFF80",
+};

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

@@ -0,0 +1,15 @@
+/**
+ * Collection of CSS Variables for Light Themes and its assigned values.
+ */
+export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_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;
+};

package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js

@@ -0,0 +1,16 @@
+import { GLOBAL_CSS_VARIABLES } from "./GLOBAL_CSS_VARIABLES";
+/**
+ * Collection of CSS Variables for Light Themes and its assigned values.
+ */
+export const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
+    [GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#00000009",
+    [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
+    [GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#00000010",
+    [GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#00000070",
+    [GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#FFFFFF40",
+    [GLOBAL_CSS_VARIABLES.TEXT_COLOR]: undefined,
+    [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#00000080",
+    [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#00000070",
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+export declare enum CANVAS_CSS_VARIABLES {
+    BORDER = "--qv-canvas-border-color"
+}

package/dist/themes/constants/CANVAS_CSS_VARIABLES.js

@@ -0,0 +1,7 @@
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+export var CANVAS_CSS_VARIABLES;
+(function (CANVAS_CSS_VARIABLES) {
+    CANVAS_CSS_VARIABLES["BORDER"] = "--qv-canvas-border-color";
+})(CANVAS_CSS_VARIABLES || (CANVAS_CSS_VARIABLES = {}));

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

@@ -0,0 +1,5 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Default channel values for the black color
+ */
+export declare const CHANNEL_BLACK_COLOR: IColorChannel;

package/dist/themes/constants/CHANNEL_BLACK_COLOR.js

@@ -0,0 +1,9 @@
+/**
+ * Default channel values for the black color
+ */
+export const CHANNEL_BLACK_COLOR = {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1,
+};

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

@@ -0,0 +1,5 @@
+import { IColorChannel } from "../interfaces/IColorChannel";
+/**
+ * Default channel values for the white color
+ */
+export declare const CHANNEL_WHITE_COLOR: IColorChannel;

package/dist/themes/constants/CHANNEL_WHITE_COLOR.js

@@ -0,0 +1,9 @@
+/**
+ * Default channel values for the white color
+ */
+export const CHANNEL_WHITE_COLOR = {
+    r: 255,
+    g: 255,
+    b: 255,
+    a: 1,
+};