@qrvey/utils 1.12.0-21 → 1.12.0-23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderMenuActions.d.ts +5 -0
- package/dist/cjs/globalization/interfaces/export/II18nExportingModal.d.ts +48 -0
- package/dist/cjs/globalization/interfaces/panel/II18nPanelTooltips.d.ts +3 -0
- package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL_OPTIONS.js +7 -2
- package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.js +48 -0
- package/dist/cjs/globalization/labels/panel/I18N_PANEL.js +3 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.d.ts +6 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js +10 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.d.ts +6 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js +10 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +39 -0
- package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.js +22 -0
- package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +15 -0
- package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +19 -0
- package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +15 -0
- package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +19 -0
- package/dist/cjs/themes/constants/CANVAS_CSS_VARIABLES.d.ts +6 -0
- package/dist/cjs/themes/constants/CANVAS_CSS_VARIABLES.js +10 -0
- package/dist/cjs/themes/constants/CSS_VARIABLE_DESTINATION.d.ts +4 -0
- package/dist/cjs/themes/constants/CSS_VARIABLE_DESTINATION.js +8 -0
- package/dist/{themes/constants/CSS_VARIABLES_FOR_DARK.d.ts → cjs/themes/constants/GLOBAL_CSS_VARIABLES.d.ts} +1 -1
- package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.js +19 -0
- package/dist/cjs/themes/constants/index.d.ts +7 -2
- package/dist/cjs/themes/constants/index.js +7 -2
- package/dist/cjs/themes/helpers/getCSSVariablesByDestination.d.ts +40 -0
- package/dist/cjs/themes/helpers/getCSSVariablesByDestination.js +15 -0
- package/dist/cjs/themes/helpers/index.d.ts +1 -0
- package/dist/cjs/themes/helpers/index.js +1 -0
- package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.d.ts +2 -1
- package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.js +7 -9
- package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.d.ts +2 -0
- package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.js +2 -0
- package/dist/cjs/themes/interfaces/index.d.ts +1 -0
- package/dist/cjs/themes/interfaces/index.js +1 -0
- package/dist/globalization/interfaces/chart_builder/II18nChartBuilderMenuActions.d.ts +5 -0
- package/dist/globalization/interfaces/export/II18nExportingModal.d.ts +48 -0
- package/dist/globalization/interfaces/panel/II18nPanelTooltips.d.ts +3 -0
- package/dist/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL_OPTIONS.js +7 -2
- package/dist/globalization/labels/export/I18N_EXPORT_MODAL.js +48 -0
- package/dist/globalization/labels/panel/I18N_PANEL.js +3 -0
- package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.d.ts +6 -0
- package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js +7 -0
- package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.d.ts +6 -0
- package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js +7 -0
- package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +39 -0
- package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.js +19 -0
- package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +15 -0
- package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +16 -0
- package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +15 -0
- package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +16 -0
- package/dist/themes/constants/CANVAS_CSS_VARIABLES.d.ts +6 -0
- package/dist/themes/constants/CANVAS_CSS_VARIABLES.js +7 -0
- package/dist/themes/constants/CSS_VARIABLE_DESTINATION.d.ts +4 -0
- package/dist/themes/constants/CSS_VARIABLE_DESTINATION.js +5 -0
- package/dist/{cjs/themes/constants/CSS_VARIABLES_FOR_DARK.d.ts → themes/constants/GLOBAL_CSS_VARIABLES.d.ts} +1 -1
- package/dist/themes/constants/GLOBAL_CSS_VARIABLES.js +16 -0
- package/dist/themes/constants/index.d.ts +7 -2
- package/dist/themes/constants/index.js +7 -2
- package/dist/themes/helpers/getCSSVariablesByDestination.d.ts +40 -0
- package/dist/themes/helpers/getCSSVariablesByDestination.js +11 -0
- package/dist/themes/helpers/index.d.ts +1 -0
- package/dist/themes/helpers/index.js +1 -0
- package/dist/themes/helpers/setAutomaticCSSVariablesForDark.d.ts +2 -1
- package/dist/themes/helpers/setAutomaticCSSVariablesForDark.js +7 -9
- package/dist/themes/interfaces/IColorCSSVariableDestination.d.ts +2 -0
- package/dist/themes/interfaces/IColorCSSVariableDestination.js +1 -0
- package/dist/themes/interfaces/index.d.ts +1 -0
- package/dist/themes/interfaces/index.js +1 -0
- package/package.json +1 -1
- package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.d.ts +0 -27
- package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.js +0 -31
- package/dist/cjs/themes/constants/CSS_VARIABLES_FOR_DARK.js +0 -19
- package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.d.ts +0 -27
- package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.js +0 -28
- package/dist/themes/constants/CSS_VARIABLES_FOR_DARK.js +0 -16
|
@@ -16,4 +16,52 @@ export interface I18nExportingModal {
|
|
|
16
16
|
failed_scheduling: string;
|
|
17
17
|
successful_scheduling: string;
|
|
18
18
|
};
|
|
19
|
+
schedule: {
|
|
20
|
+
chart_download_ready: string;
|
|
21
|
+
page_download_ready: string;
|
|
22
|
+
schedule_button_label: {
|
|
23
|
+
schedule: string;
|
|
24
|
+
reset_to_default: string;
|
|
25
|
+
};
|
|
26
|
+
title: string;
|
|
27
|
+
start: {
|
|
28
|
+
date: string;
|
|
29
|
+
time: string;
|
|
30
|
+
};
|
|
31
|
+
repeat: {
|
|
32
|
+
every: string;
|
|
33
|
+
placeholder: string;
|
|
34
|
+
on: string;
|
|
35
|
+
intervals: {
|
|
36
|
+
hour: string;
|
|
37
|
+
day: string;
|
|
38
|
+
week: string;
|
|
39
|
+
month: string;
|
|
40
|
+
year: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
time_zone: {
|
|
44
|
+
label: string;
|
|
45
|
+
placeholder: string;
|
|
46
|
+
};
|
|
47
|
+
days_of_week_short: {
|
|
48
|
+
sunday: string;
|
|
49
|
+
monday: string;
|
|
50
|
+
tuesday: string;
|
|
51
|
+
wednesday: string;
|
|
52
|
+
thursday: string;
|
|
53
|
+
friday: string;
|
|
54
|
+
saturday: string;
|
|
55
|
+
};
|
|
56
|
+
end: {
|
|
57
|
+
ends: string;
|
|
58
|
+
radio_buttons: {
|
|
59
|
+
never: string;
|
|
60
|
+
on: string;
|
|
61
|
+
after: string;
|
|
62
|
+
};
|
|
63
|
+
select_date_placeholder: string;
|
|
64
|
+
recurrences: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
19
67
|
}
|
|
@@ -104,9 +104,14 @@ exports.I18N_CHART_BUILDER_GENERAL_OPTIONS = {
|
|
|
104
104
|
value: "Value",
|
|
105
105
|
},
|
|
106
106
|
menu_actions: {
|
|
107
|
-
title: "
|
|
107
|
+
title: "Self-service Options",
|
|
108
108
|
sorting: "Sorting",
|
|
109
|
-
visualization: "Visualization",
|
|
109
|
+
visualization: "Visualization Options",
|
|
110
|
+
filtering: "Filtering",
|
|
111
|
+
column_resizing: "Column Resizing",
|
|
112
|
+
column_arrangement: "Column Arrangement",
|
|
113
|
+
column_update: "Adding/Removing Columns",
|
|
114
|
+
change_aggregation: "Change Column Aggregations",
|
|
110
115
|
},
|
|
111
116
|
totals: {
|
|
112
117
|
title: "Totals",
|
|
@@ -27,4 +27,52 @@ exports.EXPORTING_MODAL = {
|
|
|
27
27
|
failed_scheduling: "The export could not be scheduled at this time.",
|
|
28
28
|
successful_scheduling: "The export of {{fileName}} has been scheduled successfully.",
|
|
29
29
|
},
|
|
30
|
+
schedule: {
|
|
31
|
+
chart_download_ready: "Chart is ready to download",
|
|
32
|
+
page_download_ready: "Dashboard is ready to download",
|
|
33
|
+
schedule_button_label: {
|
|
34
|
+
schedule: "Schedule",
|
|
35
|
+
reset_to_default: "Reset to Default",
|
|
36
|
+
},
|
|
37
|
+
title: "Scheduling",
|
|
38
|
+
start: {
|
|
39
|
+
date: "Date",
|
|
40
|
+
time: "Time",
|
|
41
|
+
},
|
|
42
|
+
repeat: {
|
|
43
|
+
every: "Repeat Every",
|
|
44
|
+
placeholder: "Select",
|
|
45
|
+
on: "Repeat On",
|
|
46
|
+
intervals: {
|
|
47
|
+
hour: "Hour",
|
|
48
|
+
day: "Day",
|
|
49
|
+
week: "Week",
|
|
50
|
+
month: "Month",
|
|
51
|
+
year: "Year",
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
time_zone: {
|
|
55
|
+
label: "Time Zone",
|
|
56
|
+
placeholder: "Select",
|
|
57
|
+
},
|
|
58
|
+
days_of_week_short: {
|
|
59
|
+
sunday: "S",
|
|
60
|
+
monday: "M",
|
|
61
|
+
tuesday: "T",
|
|
62
|
+
wednesday: "W",
|
|
63
|
+
thursday: "T",
|
|
64
|
+
friday: "F",
|
|
65
|
+
saturday: "S",
|
|
66
|
+
},
|
|
67
|
+
end: {
|
|
68
|
+
ends: "Ends",
|
|
69
|
+
radio_buttons: {
|
|
70
|
+
never: "Never",
|
|
71
|
+
on: "On",
|
|
72
|
+
after: "After",
|
|
73
|
+
},
|
|
74
|
+
select_date_placeholder: "Select Date",
|
|
75
|
+
recurrences: "occurrences",
|
|
76
|
+
},
|
|
77
|
+
},
|
|
30
78
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK = void 0;
|
|
4
|
+
const CANVAS_CSS_VARIABLES_1 = require("./CANVAS_CSS_VARIABLES");
|
|
5
|
+
/**
|
|
6
|
+
* Collection of CSS Variables for Dark Theme and its assigned values. Canvas porpuses
|
|
7
|
+
*/
|
|
8
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK = {
|
|
9
|
+
[CANVAS_CSS_VARIABLES_1.CANVAS_CSS_VARIABLES.BORDER]: "#FFFFFF20",
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT = void 0;
|
|
4
|
+
const CANVAS_CSS_VARIABLES_1 = require("./CANVAS_CSS_VARIABLES");
|
|
5
|
+
/**
|
|
6
|
+
* Collection of CSS Variables for Light Theme and its assigned values. Canvas porpuses
|
|
7
|
+
*/
|
|
8
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT = {
|
|
9
|
+
[CANVAS_CSS_VARIABLES_1.CANVAS_CSS_VARIABLES.BORDER]: "#00000010",
|
|
10
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Collection of CSS Variables for the theme and its assigned values.
|
|
3
|
+
*/
|
|
4
|
+
export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
|
|
5
|
+
GLOBAL: {
|
|
6
|
+
DARK: {
|
|
7
|
+
"--qv-global-opacity-white-color": string;
|
|
8
|
+
"--qv-global-opacity-black-color": string;
|
|
9
|
+
"--qv-global-border-color": string;
|
|
10
|
+
"--qv-global-divider-color": string;
|
|
11
|
+
"--qv-global-hover-color": string;
|
|
12
|
+
"--qv-global-placeholder-color": string;
|
|
13
|
+
"--qv-pills-background-color": string;
|
|
14
|
+
"--qv-global-text-color": string;
|
|
15
|
+
"--qv-global-text-secondary-color": string;
|
|
16
|
+
"--qv-global-text-tertiary-color": string;
|
|
17
|
+
};
|
|
18
|
+
LIGHT: {
|
|
19
|
+
"--qv-global-opacity-white-color": string;
|
|
20
|
+
"--qv-global-opacity-black-color": string;
|
|
21
|
+
"--qv-global-border-color": string;
|
|
22
|
+
"--qv-global-divider-color": string;
|
|
23
|
+
"--qv-global-hover-color": string;
|
|
24
|
+
"--qv-global-placeholder-color": string;
|
|
25
|
+
"--qv-pills-background-color": string;
|
|
26
|
+
"--qv-global-text-color": any;
|
|
27
|
+
"--qv-global-text-secondary-color": string;
|
|
28
|
+
"--qv-global-text-tertiary-color": string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
CANVAS: {
|
|
32
|
+
DARK: {
|
|
33
|
+
"--qv-canvas-border-color": string;
|
|
34
|
+
};
|
|
35
|
+
LIGHT: {
|
|
36
|
+
"--qv-canvas-border-color": string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES = void 0;
|
|
4
|
+
const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK_1 = require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK");
|
|
5
|
+
const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT_1 = require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT");
|
|
6
|
+
const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK_1 = require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK");
|
|
7
|
+
const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT_1 = require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT");
|
|
8
|
+
const COLOR_TYPE_1 = require("./COLOR_TYPE");
|
|
9
|
+
const CSS_VARIABLE_DESTINATION_1 = require("./CSS_VARIABLE_DESTINATION");
|
|
10
|
+
/**
|
|
11
|
+
* Collection of CSS Variables for the theme and its assigned values.
|
|
12
|
+
*/
|
|
13
|
+
exports.AUTOMATIC_CANVAS_CSS_VARIABLES = {
|
|
14
|
+
[CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL]: {
|
|
15
|
+
[COLOR_TYPE_1.COLOR_TYPE.DARK]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK,
|
|
16
|
+
[COLOR_TYPE_1.COLOR_TYPE.LIGHT]: AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT_1.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT,
|
|
17
|
+
},
|
|
18
|
+
[CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.CANVAS]: {
|
|
19
|
+
[COLOR_TYPE_1.COLOR_TYPE.DARK]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK,
|
|
20
|
+
[COLOR_TYPE_1.COLOR_TYPE.LIGHT]: AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT_1.AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT,
|
|
21
|
+
},
|
|
22
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Collection of CSS Variables for Dark Theme and its assigned values.
|
|
3
|
+
*/
|
|
4
|
+
export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK: {
|
|
5
|
+
"--qv-global-opacity-white-color": string;
|
|
6
|
+
"--qv-global-opacity-black-color": string;
|
|
7
|
+
"--qv-global-border-color": string;
|
|
8
|
+
"--qv-global-divider-color": string;
|
|
9
|
+
"--qv-global-hover-color": string;
|
|
10
|
+
"--qv-global-placeholder-color": string;
|
|
11
|
+
"--qv-pills-background-color": string;
|
|
12
|
+
"--qv-global-text-color": string;
|
|
13
|
+
"--qv-global-text-secondary-color": string;
|
|
14
|
+
"--qv-global-text-tertiary-color": string;
|
|
15
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = void 0;
|
|
4
|
+
const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
|
|
5
|
+
/**
|
|
6
|
+
* Collection of CSS Variables for Dark Theme and its assigned values.
|
|
7
|
+
*/
|
|
8
|
+
exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = {
|
|
9
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#FFFFFF20",
|
|
10
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
|
|
11
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER]: "#FFFFFF20",
|
|
12
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER]: "#FFFFFF20",
|
|
13
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER]: "#FFFFFF10",
|
|
14
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#FFFFFF90",
|
|
15
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS]: "#00000020",
|
|
16
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT]: "#FFFFFF",
|
|
17
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#FFFFFF90",
|
|
18
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#FFFFFF70",
|
|
19
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Collection of CSS Variables for Light Themes and its assigned values.
|
|
3
|
+
*/
|
|
4
|
+
export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT: {
|
|
5
|
+
"--qv-global-opacity-white-color": string;
|
|
6
|
+
"--qv-global-opacity-black-color": string;
|
|
7
|
+
"--qv-global-border-color": string;
|
|
8
|
+
"--qv-global-divider-color": string;
|
|
9
|
+
"--qv-global-hover-color": string;
|
|
10
|
+
"--qv-global-placeholder-color": string;
|
|
11
|
+
"--qv-pills-background-color": string;
|
|
12
|
+
"--qv-global-text-color": any;
|
|
13
|
+
"--qv-global-text-secondary-color": string;
|
|
14
|
+
"--qv-global-text-tertiary-color": string;
|
|
15
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = void 0;
|
|
4
|
+
const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
|
|
5
|
+
/**
|
|
6
|
+
* Collection of CSS Variables for Light Themes and its assigned values.
|
|
7
|
+
*/
|
|
8
|
+
exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
|
|
9
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#00000020",
|
|
10
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
|
|
11
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER]: "#00000020",
|
|
12
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER]: "#00000020",
|
|
13
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER]: "#00000010",
|
|
14
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#00000070",
|
|
15
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS]: "#FFFFFF40",
|
|
16
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT]: undefined,
|
|
17
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#00000030",
|
|
18
|
+
[GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#00000040",
|
|
19
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CANVAS_CSS_VARIABLES = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Collection of CSS Variables to apply for Dark Theme
|
|
6
|
+
*/
|
|
7
|
+
var CANVAS_CSS_VARIABLES;
|
|
8
|
+
(function (CANVAS_CSS_VARIABLES) {
|
|
9
|
+
CANVAS_CSS_VARIABLES["BORDER"] = "--qv-canvas-border-color";
|
|
10
|
+
})(CANVAS_CSS_VARIABLES || (exports.CANVAS_CSS_VARIABLES = CANVAS_CSS_VARIABLES = {}));
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CSS_VARIABLE_DESTINATION = void 0;
|
|
4
|
+
var CSS_VARIABLE_DESTINATION;
|
|
5
|
+
(function (CSS_VARIABLE_DESTINATION) {
|
|
6
|
+
CSS_VARIABLE_DESTINATION["CANVAS"] = "CANVAS";
|
|
7
|
+
CSS_VARIABLE_DESTINATION["GLOBAL"] = "GLOBAL";
|
|
8
|
+
})(CSS_VARIABLE_DESTINATION || (exports.CSS_VARIABLE_DESTINATION = CSS_VARIABLE_DESTINATION = {}));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Collection of CSS Variables to apply for Dark Theme
|
|
3
3
|
*/
|
|
4
|
-
export declare enum
|
|
4
|
+
export declare enum GLOBAL_CSS_VARIABLES {
|
|
5
5
|
BACKGROUND_OPACITY_BLACK_COLOR = "--qv-global-opacity-black-color",
|
|
6
6
|
BACKGROUND_OPACITY_WHITE_COLOR = "--qv-global-opacity-white-color",
|
|
7
7
|
BORDER = "--qv-global-border-color",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.GLOBAL_CSS_VARIABLES = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Collection of CSS Variables to apply for Dark Theme
|
|
6
|
+
*/
|
|
7
|
+
var GLOBAL_CSS_VARIABLES;
|
|
8
|
+
(function (GLOBAL_CSS_VARIABLES) {
|
|
9
|
+
GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_BLACK_COLOR"] = "--qv-global-opacity-black-color";
|
|
10
|
+
GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_WHITE_COLOR"] = "--qv-global-opacity-white-color";
|
|
11
|
+
GLOBAL_CSS_VARIABLES["BORDER"] = "--qv-global-border-color";
|
|
12
|
+
GLOBAL_CSS_VARIABLES["DIVIDER"] = "--qv-global-divider-color";
|
|
13
|
+
GLOBAL_CSS_VARIABLES["HOVER"] = "--qv-global-hover-color";
|
|
14
|
+
GLOBAL_CSS_VARIABLES["PLACEHOLDER"] = "--qv-global-placeholder-color";
|
|
15
|
+
GLOBAL_CSS_VARIABLES["PILLS"] = "--qv-pills-background-color";
|
|
16
|
+
GLOBAL_CSS_VARIABLES["TEXT"] = "--qv-global-text-color";
|
|
17
|
+
GLOBAL_CSS_VARIABLES["TEXT_SECONDARY"] = "--qv-global-text-secondary-color";
|
|
18
|
+
GLOBAL_CSS_VARIABLES["TEXT_TERTIARY"] = "--qv-global-text-tertiary-color";
|
|
19
|
+
})(GLOBAL_CSS_VARIABLES || (exports.GLOBAL_CSS_VARIABLES = GLOBAL_CSS_VARIABLES = {}));
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
export * from "./
|
|
1
|
+
export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK";
|
|
2
|
+
export * from "./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT";
|
|
3
|
+
export * from "./AUTOMATIC_CSS_VARIABLES";
|
|
4
|
+
export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK";
|
|
5
|
+
export * from "./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT";
|
|
2
6
|
export * from "./COLOR_TYPE";
|
|
3
|
-
export * from "./
|
|
7
|
+
export * from "./CSS_VARIABLE_DESTINATION";
|
|
8
|
+
export * from "./GLOBAL_CSS_VARIABLES";
|
|
4
9
|
export * from "./HEXADECIMAL_REGULAR_EXPRESSION";
|
|
5
10
|
export * from "./RGBA_REGULAR_EXPRESION";
|
|
@@ -14,8 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./
|
|
17
|
+
__exportStar(require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK"), exports);
|
|
18
|
+
__exportStar(require("./AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT"), exports);
|
|
19
|
+
__exportStar(require("./AUTOMATIC_CSS_VARIABLES"), exports);
|
|
20
|
+
__exportStar(require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK"), exports);
|
|
21
|
+
__exportStar(require("./AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT"), exports);
|
|
18
22
|
__exportStar(require("./COLOR_TYPE"), exports);
|
|
19
|
-
__exportStar(require("./
|
|
23
|
+
__exportStar(require("./CSS_VARIABLE_DESTINATION"), exports);
|
|
24
|
+
__exportStar(require("./GLOBAL_CSS_VARIABLES"), exports);
|
|
20
25
|
__exportStar(require("./HEXADECIMAL_REGULAR_EXPRESSION"), exports);
|
|
21
26
|
__exportStar(require("./RGBA_REGULAR_EXPRESION"), exports);
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDestination";
|
|
2
|
+
/**
|
|
3
|
+
* Gets CSS variables depending on the destination of them.
|
|
4
|
+
* - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
|
|
5
|
+
* @param destination the string of the destination.
|
|
6
|
+
* @returns the CSS variables and their values.
|
|
7
|
+
*/
|
|
8
|
+
export declare function getCSSVariablesByDestination(destination?: IColorCSSVariableDestination): {
|
|
9
|
+
DARK: {
|
|
10
|
+
"--qv-global-opacity-white-color": string;
|
|
11
|
+
"--qv-global-opacity-black-color": string;
|
|
12
|
+
"--qv-global-border-color": string;
|
|
13
|
+
"--qv-global-divider-color": string;
|
|
14
|
+
"--qv-global-hover-color": string;
|
|
15
|
+
"--qv-global-placeholder-color": string;
|
|
16
|
+
"--qv-pills-background-color": string;
|
|
17
|
+
"--qv-global-text-color": string;
|
|
18
|
+
"--qv-global-text-secondary-color": string;
|
|
19
|
+
"--qv-global-text-tertiary-color": string;
|
|
20
|
+
};
|
|
21
|
+
LIGHT: {
|
|
22
|
+
"--qv-global-opacity-white-color": string;
|
|
23
|
+
"--qv-global-opacity-black-color": string;
|
|
24
|
+
"--qv-global-border-color": string;
|
|
25
|
+
"--qv-global-divider-color": string;
|
|
26
|
+
"--qv-global-hover-color": string;
|
|
27
|
+
"--qv-global-placeholder-color": string;
|
|
28
|
+
"--qv-pills-background-color": string;
|
|
29
|
+
"--qv-global-text-color": any;
|
|
30
|
+
"--qv-global-text-secondary-color": string;
|
|
31
|
+
"--qv-global-text-tertiary-color": string;
|
|
32
|
+
};
|
|
33
|
+
} | {
|
|
34
|
+
DARK: {
|
|
35
|
+
"--qv-canvas-border-color": string;
|
|
36
|
+
};
|
|
37
|
+
LIGHT: {
|
|
38
|
+
"--qv-canvas-border-color": string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getCSSVariablesByDestination = void 0;
|
|
4
|
+
const AUTOMATIC_CSS_VARIABLES_1 = require("../constants/AUTOMATIC_CSS_VARIABLES");
|
|
5
|
+
const CSS_VARIABLE_DESTINATION_1 = require("../constants/CSS_VARIABLE_DESTINATION");
|
|
6
|
+
/**
|
|
7
|
+
* Gets CSS variables depending on the destination of them.
|
|
8
|
+
* - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
|
|
9
|
+
* @param destination the string of the destination.
|
|
10
|
+
* @returns the CSS variables and their values.
|
|
11
|
+
*/
|
|
12
|
+
function getCSSVariablesByDestination(destination = CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL) {
|
|
13
|
+
return AUTOMATIC_CSS_VARIABLES_1.AUTOMATIC_CANVAS_CSS_VARIABLES[destination];
|
|
14
|
+
}
|
|
15
|
+
exports.getCSSVariablesByDestination = getCSSVariablesByDestination;
|
|
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./getCSSVariablesByDestination"), exports);
|
|
17
18
|
__exportStar(require("./lightOrDark"), exports);
|
|
18
19
|
__exportStar(require("./isDarkColor"), exports);
|
|
19
20
|
__exportStar(require("./isHexadecimalColor"), exports);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDestination";
|
|
1
2
|
import { IColorType } from "../interfaces/IColorType";
|
|
2
3
|
/**
|
|
3
4
|
* Sets CSS Variables into a given wrapper collection.
|
|
@@ -5,4 +6,4 @@ import { IColorType } from "../interfaces/IColorType";
|
|
|
5
6
|
* @param colorType the color type
|
|
6
7
|
* @param wrapperTags the html elements to set the CSS variables
|
|
7
8
|
*/
|
|
8
|
-
export declare function setAutomaticCSSVariablesForDark(colorType: IColorType, wrapperTags: string[]): void;
|
|
9
|
+
export declare function setAutomaticCSSVariablesForDark(colorType: IColorType, wrapperTags: string[], destination?: IColorCSSVariableDestination): void;
|
|
@@ -2,24 +2,22 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.setAutomaticCSSVariablesForDark = void 0;
|
|
4
4
|
const isEmpty_1 = require("../../general/mix/isEmpty");
|
|
5
|
-
const
|
|
6
|
-
const
|
|
5
|
+
const CSS_VARIABLE_DESTINATION_1 = require("../constants/CSS_VARIABLE_DESTINATION");
|
|
6
|
+
const getCSSVariablesByDestination_1 = require("./getCSSVariablesByDestination");
|
|
7
7
|
/**
|
|
8
8
|
* Sets CSS Variables into a given wrapper collection.
|
|
9
9
|
* For the Dark Theme feature.
|
|
10
10
|
* @param colorType the color type
|
|
11
11
|
* @param wrapperTags the html elements to set the CSS variables
|
|
12
12
|
*/
|
|
13
|
-
function setAutomaticCSSVariablesForDark(colorType, wrapperTags) {
|
|
13
|
+
function setAutomaticCSSVariablesForDark(colorType, wrapperTags, destination = CSS_VARIABLE_DESTINATION_1.CSS_VARIABLE_DESTINATION.GLOBAL) {
|
|
14
14
|
if ((0, isEmpty_1.isEmpty)(colorType) || (0, isEmpty_1.isEmpty)(wrapperTags))
|
|
15
15
|
return;
|
|
16
|
-
const
|
|
17
|
-
const
|
|
16
|
+
const cssVariables = (0, getCSSVariablesByDestination_1.getCSSVariablesByDestination)(destination);
|
|
17
|
+
const cssVariablesKeys = Object.keys(cssVariables[colorType]);
|
|
18
18
|
wrapperTags.forEach((wrapperTag) => {
|
|
19
19
|
const wrapperElement = document.querySelector(wrapperTag);
|
|
20
|
-
setCSSVariable(
|
|
21
|
-
? AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_DARK
|
|
22
|
-
: AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_LIGHT);
|
|
20
|
+
setCSSVariable(wrapperElement, cssVariablesKeys, cssVariables[colorType]);
|
|
23
21
|
});
|
|
24
22
|
}
|
|
25
23
|
exports.setAutomaticCSSVariablesForDark = setAutomaticCSSVariablesForDark;
|
|
@@ -30,7 +28,7 @@ exports.setAutomaticCSSVariablesForDark = setAutomaticCSSVariablesForDark;
|
|
|
30
28
|
* @param wrapper the html element to set the CSS variables
|
|
31
29
|
* @param cssVariables the CSS variables name to apply the style property
|
|
32
30
|
*/
|
|
33
|
-
function setCSSVariable(
|
|
31
|
+
function setCSSVariable(wrapper, cssVariables, cssProperties) {
|
|
34
32
|
if ((0, isEmpty_1.isEmpty)(wrapper) || (0, isEmpty_1.isEmpty)(cssVariables))
|
|
35
33
|
return;
|
|
36
34
|
cssVariables.forEach((cssVariable) => {
|
|
@@ -14,4 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./IColorCSSVariableDestination"), exports);
|
|
17
18
|
__exportStar(require("./IColorType"), exports);
|
|
@@ -16,4 +16,52 @@ export interface I18nExportingModal {
|
|
|
16
16
|
failed_scheduling: string;
|
|
17
17
|
successful_scheduling: string;
|
|
18
18
|
};
|
|
19
|
+
schedule: {
|
|
20
|
+
chart_download_ready: string;
|
|
21
|
+
page_download_ready: string;
|
|
22
|
+
schedule_button_label: {
|
|
23
|
+
schedule: string;
|
|
24
|
+
reset_to_default: string;
|
|
25
|
+
};
|
|
26
|
+
title: string;
|
|
27
|
+
start: {
|
|
28
|
+
date: string;
|
|
29
|
+
time: string;
|
|
30
|
+
};
|
|
31
|
+
repeat: {
|
|
32
|
+
every: string;
|
|
33
|
+
placeholder: string;
|
|
34
|
+
on: string;
|
|
35
|
+
intervals: {
|
|
36
|
+
hour: string;
|
|
37
|
+
day: string;
|
|
38
|
+
week: string;
|
|
39
|
+
month: string;
|
|
40
|
+
year: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
time_zone: {
|
|
44
|
+
label: string;
|
|
45
|
+
placeholder: string;
|
|
46
|
+
};
|
|
47
|
+
days_of_week_short: {
|
|
48
|
+
sunday: string;
|
|
49
|
+
monday: string;
|
|
50
|
+
tuesday: string;
|
|
51
|
+
wednesday: string;
|
|
52
|
+
thursday: string;
|
|
53
|
+
friday: string;
|
|
54
|
+
saturday: string;
|
|
55
|
+
};
|
|
56
|
+
end: {
|
|
57
|
+
ends: string;
|
|
58
|
+
radio_buttons: {
|
|
59
|
+
never: string;
|
|
60
|
+
on: string;
|
|
61
|
+
after: string;
|
|
62
|
+
};
|
|
63
|
+
select_date_placeholder: string;
|
|
64
|
+
recurrences: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
19
67
|
}
|