@qrvey/utils 1.12.0-9 → 1.12.1

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER.js

@@ -32,6 +32,11 @@ exports.I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Object.as
         time_format: "Time Format",
         title: "Values Format",
         value_format: "Value Format",
+    }, radar_type: {
+        select_radar_type: "Type",
+        none: "None",
+        line: "Line",
+        area: "Area",
     }, duration_parts: {
         full_duration: "D[d] HH[h] mm[m] ss[s]",
         hour_minute_seconds: "HH:mm:ss",
@@ -51,6 +56,7 @@ exports.I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Object.as
         combo: "Combo",
         funnel: "Funnel",
         pie: "Pie",
+        summary: "Summary",
         minmax: "Min/Max",
         metric_indicator: "Indicator",
         metric_dial: "Dial",
@@ -65,6 +71,7 @@ exports.I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Object.as
         boxwhisker: "Box and Whisker",
         wordcloud: "Word Cloud",
         multiseries_combo: "Multiseries Combo",
+        radar: "Radar",
     }, filters_options: {
         add: "Add Filters",
     }, word_cloud: {

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL.js

@@ -179,6 +179,7 @@ exports.I18N_CHART_BUILDER_GENERAL = {
         boxwhisker: "Box and Whisker Chart",
         wordcloud: "Word Cloud Chart",
         multiseries_combo: "Multiseries Combo Chart",
+        radar: "Radar Chart",
     },
     action_panel: {
         charts: "Charts",

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL_OPTIONS.js

@@ -104,9 +104,14 @@ exports.I18N_CHART_BUILDER_GENERAL_OPTIONS = {
         value: "Value",
     },
     menu_actions: {
-        title: "Menu Actions",
+        title: "Self-service Options",
         sorting: "Sorting",
-        visualization: "Visualization",
+        visualization: "Visualization Options",
+        filtering: "Filtering",
+        column_resizing: "Column Resizing",
+        column_arrangement: "Column Arrangement",
+        column_update: "Adding/Removing Columns",
+        change_aggregation: "Change Column Aggregations",
     },
     totals: {
         title: "Totals",

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_STYLE_OPTIONS.js

@@ -33,6 +33,15 @@ exports.I18N_CHART_BUILDER_STYLE_OPTIONS = {
         line_opacity: "Line Opacity",
         map_borders: "Map Borders",
         needle_color: "Needle Color",
+        offset_bottom: "Bottom",
+        offset_icon_info: 'Input a number to configure a manual offset. If set to "Auto", the system will automatically manage the positioning of the chart.',
+        offset_left: "Left",
+        offset_percentage: "Percentage",
+        offset_pixels: "Pixels",
+        offset_placeholder: "Auto",
+        offset_reset: "Reset to Default",
+        offset_title: "Offset",
+        offset_top: "Top",
         opacity: "Opacity",
         percentage_check: "Percentage",
         reversed_colors: "Reversed Colors",
@@ -86,6 +95,7 @@ exports.I18N_CHART_BUILDER_STYLE_OPTIONS = {
         custom_axis_label: "Axis Label",
         custom_label: "Label",
         custom_label_placeholder: "Type custom label",
+        custom_rotation: "Custom Rotation",
         end_date: "End Date",
         format_title: "Format",
         include_starting: "Include starting date",
@@ -104,6 +114,14 @@ exports.I18N_CHART_BUILDER_STYLE_OPTIONS = {
         type_label: "Type",
         values_axis_check: "Axis Values",
         values_check: "Value Labels",
+        skip_labels_all_but_first_and_last: "All but first and last",
+        skip_labels_all: "All",
+        skip_labels_auto: "Auto",
+        skip_labels_custom: "Custom",
+        skip_labels_help: "Set the number of labels to skip in between labels",
+        skip_labels_none: "None",
+        skip_labels_placeholder: "Auto",
+        skip_labels: "Skip Labels",
         values_rotation: "Values Rotation",
         values_rotation_diagonal: "Diagonal",
         values_rotation_horizontal: "Horizontal",

package/dist/cjs/globalization/labels/dashboard/I18N_DASHBOARD.js

@@ -17,6 +17,7 @@ exports.I18N_DASHBOARD = {
         learn_more: "Learn more",
     },
     export_csv: "Export to CSV",
+    export_in_progress: "Export in progress...",
     messages: {
         dataset_not_available: "Dataset not available at the moment.",
         dataset_not_found: "Dataset not found.",
@@ -33,6 +34,7 @@ exports.I18N_DASHBOARD = {
         delete_record_message: "Record Successfully Deleted.",
         refresh_table_message: "Record Successfully Edited.",
         failed_download: "The file(s) could not be exported at this time.",
+        successful_download: "{{fileType}} exported",
         panels_loading: "Visualizations are currently loading. Try exporting again once all visualizations have loaded properly.",
     },
     tooltips: {

package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.d.ts

@@ -0,0 +1,5 @@
+import { I18nExportingModal } from "../../interfaces/export";
+/**
+ * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
+ */
+export declare const EXPORTING_MODAL: I18nExportingModal;

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXPORTING_MODAL = void 0;
+/**
+ * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
+ */
+exports.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/cjs/globalization/labels/export/index.d.ts

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

package/dist/cjs/globalization/labels/export/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("./I18N_EXPORT_MODAL"), exports);

package/dist/cjs/globalization/labels/filters/I18N_FILTER.js

@@ -33,6 +33,7 @@ exports.I18N_FILTER = {
         chart: "Panel Filters",
         default: "Default Filters",
         action: "Action Filters",
+        flow: "Automation Filters",
     },
     scopes: I18N_FILTER_SCOPE_1.I18N_FILTER_SCOPE,
     slidebar: I18N_SLIDEBAR_1.I18N_SLIDEBAR,

package/dist/cjs/globalization/labels/filters/I18N_FILTER_SCOPE.js

@@ -14,4 +14,5 @@ exports.I18N_FILTER_SCOPE = {
     default: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.DEFAULT,
     chart: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.CHART,
     action: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.ACTION,
+    flow: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.FLOW,
 };

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

@@ -117,10 +117,12 @@ exports.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.",
@@ -277,7 +279,7 @@ exports.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.",
@@ -334,7 +336,7 @@ exports.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.",
@@ -360,6 +362,18 @@ exports.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: {
@@ -391,7 +405,7 @@ exports.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}}",
@@ -401,6 +415,7 @@ exports.I18N_FORMULA_BUILDER = {
                 special_words: {
                     and: "and",
                     between: "between",
+                    or: "or",
                 },
             },
         },

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

@@ -5,6 +5,11 @@ exports.I18N_PANEL = void 0;
  * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
  */
 exports.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",
@@ -27,6 +32,7 @@ exports.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",
@@ -123,6 +129,9 @@ exports.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/cjs/globalization/labels/style_themes/I18N_STYLE_THEMES.js

@@ -28,6 +28,7 @@ exports.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",
@@ -42,8 +43,9 @@ exports.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",
@@ -56,6 +58,7 @@ exports.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/cjs/globalization/service/i18nextBuilder.js

@@ -22,9 +22,8 @@ class I18nServiceBuilder {
     }
     static _initI18n(i18nResource = {}, i18nDefault = {}) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!i18next_1.default.isInitialized ||
-                (0, general_1._get)(i18next_1.default, "store.data.en.translation.common.aggregates") !==
-                    (0, general_1._get)(i18nResource, "common.aggregates")) {
+            //Temporarily we meed to review this code
+            if (!i18next_1.default.isInitialized || !(0, general_1.isEmpty)(i18nResource)) {
                 yield this.getI18nInstance(i18nResource, i18nDefault, i18next_1.default);
             }
             return new I18nServiceConcrete(i18next_1.default);

package/dist/cjs/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/cjs/index.js

@@ -30,3 +30,4 @@ __exportStar(require("./services/index"), exports);
 __exportStar(require("./typescript/index"), exports);
 __exportStar(require("./tokens/index"), exports);
 __exportStar(require("./column_format/index"), exports);
+__exportStar(require("./themes"), exports);

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

@@ -110,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 });

package/dist/cjs/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/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK = void 0;
+const CANVAS_CSS_VARIABLES_1 = require("./CANVAS_CSS_VARIABLES");
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values. Canvas porpuses
+ */
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK = {
+    [CANVAS_CSS_VARIABLES_1.CANVAS_CSS_VARIABLES.BORDER]: "#FFFFFF20",
+};

package/dist/cjs/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/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT = void 0;
+const CANVAS_CSS_VARIABLES_1 = require("./CANVAS_CSS_VARIABLES");
+/**
+ * Collection of CSS Variables for Light Theme and its assigned values. Canvas porpuses
+ */
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT = {
+    [CANVAS_CSS_VARIABLES_1.CANVAS_CSS_VARIABLES.BORDER]: "#00000010",
+};

package/dist/cjs/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/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES = void 0;
+const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK_1 = require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK");
+const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT_1 = require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT");
+const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK_1 = require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK");
+const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT_1 = require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT");
+const COLOR_TYPE_1 = require("./COLOR_TYPE");
+const CSS_VARIABLE_DESTINATION_1 = require("./CSS_VARIABLE_DESTINATION");
+/**
+ * Collection of CSS Variables for the theme and its assigned values.
+ */
+exports.AUTOMATIC_CANVAS_CSS_VARIABLES = {
+    [CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL]: {
+        [COLOR_TYPE_1.COLOR_TYPE.DARK]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK,
+        [COLOR_TYPE_1.COLOR_TYPE.LIGHT]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT_1.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT,
+    },
+    [CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.CANVAS]: {
+        [COLOR_TYPE_1.COLOR_TYPE.DARK]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK,
+        [COLOR_TYPE_1.COLOR_TYPE.LIGHT]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT_1.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT,
+    },
+};

package/dist/cjs/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/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = void 0;
+const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
+/**
+ * Collection of CSS Variables for Dark Theme and its assigned values.
+ */
+exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = {
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#FFFFFF20",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#FFFFFF10",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#FFFFFF90",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_COLOR]: "#FFFFFF",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#FFFFFF90",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#FFFFFF80",
+};

package/dist/cjs/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/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = void 0;
+const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
+/**
+ * Collection of CSS Variables for Light Themes and its assigned values.
+ */
+exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#00000009",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000020",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#00000010",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#00000070",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#FFFFFF40",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_COLOR]: undefined,
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#00000080",
+    [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#00000070",
+};

package/dist/cjs/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/cjs/themes/constants/CANVAS_CSS_VARIABLES.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CANVAS_CSS_VARIABLES = void 0;
+/**
+ * Collection of CSS Variables to apply for Dark Theme
+ */
+var CANVAS_CSS_VARIABLES;
+(function (CANVAS_CSS_VARIABLES) {
+    CANVAS_CSS_VARIABLES["BORDER"] = "--qv-canvas-border-color";
+})(CANVAS_CSS_VARIABLES || (exports.CANVAS_CSS_VARIABLES = CANVAS_CSS_VARIABLES = {}));

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_VARIABLE_DESTINATION.d.ts

@@ -0,0 +1,4 @@
+export declare enum CSS_VARIABLE_DESTINATION {
+    CANVAS = "CANVAS",
+    GLOBAL = "GLOBAL"
+}

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

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