@qrvey/utils 1.12.0-22 → 1.12.0-24

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.
Files changed (73) hide show
  1. package/dist/cjs/globalization/interfaces/export/II18nExportingModal.d.ts +48 -0
  2. package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.js +48 -0
  3. package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.d.ts +6 -0
  4. package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js +10 -0
  5. package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.d.ts +6 -0
  6. package/dist/cjs/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js +10 -0
  7. package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +39 -0
  8. package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.js +22 -0
  9. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +15 -0
  10. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +19 -0
  11. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +15 -0
  12. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +19 -0
  13. package/dist/cjs/themes/constants/CANVAS_CSS_VARIABLES.d.ts +6 -0
  14. package/dist/cjs/themes/constants/CANVAS_CSS_VARIABLES.js +10 -0
  15. package/dist/cjs/themes/constants/CSS_VARIABLE_DESTINATION.d.ts +4 -0
  16. package/dist/cjs/themes/constants/CSS_VARIABLE_DESTINATION.js +8 -0
  17. package/dist/{themes/constants/CSS_VARIABLES_FOR_DARK.d.ts → cjs/themes/constants/GLOBAL_CSS_VARIABLES.d.ts} +1 -1
  18. package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.js +19 -0
  19. package/dist/cjs/themes/constants/index.d.ts +7 -2
  20. package/dist/cjs/themes/constants/index.js +7 -2
  21. package/dist/cjs/themes/helpers/getCSSVariablesByDestination.d.ts +40 -0
  22. package/dist/cjs/themes/helpers/getCSSVariablesByDestination.js +15 -0
  23. package/dist/cjs/themes/helpers/index.d.ts +1 -0
  24. package/dist/cjs/themes/helpers/index.js +1 -0
  25. package/dist/cjs/themes/helpers/isHexadecimalColor.js +1 -1
  26. package/dist/cjs/themes/helpers/isRGBAColor.js +1 -1
  27. package/dist/cjs/themes/helpers/lightOrDark.js +3 -1
  28. package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.d.ts +2 -1
  29. package/dist/cjs/themes/helpers/setAutomaticCSSVariablesForDark.js +7 -9
  30. package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.d.ts +2 -0
  31. package/dist/cjs/themes/interfaces/IColorCSSVariableDestination.js +2 -0
  32. package/dist/cjs/themes/interfaces/index.d.ts +1 -0
  33. package/dist/cjs/themes/interfaces/index.js +1 -0
  34. package/dist/globalization/interfaces/export/II18nExportingModal.d.ts +48 -0
  35. package/dist/globalization/labels/export/I18N_EXPORT_MODAL.js +48 -0
  36. package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.d.ts +6 -0
  37. package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK.js +7 -0
  38. package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.d.ts +6 -0
  39. package/dist/themes/constants/AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT.js +7 -0
  40. package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +39 -0
  41. package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.js +19 -0
  42. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +15 -0
  43. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +16 -0
  44. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +15 -0
  45. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +16 -0
  46. package/dist/themes/constants/CANVAS_CSS_VARIABLES.d.ts +6 -0
  47. package/dist/themes/constants/CANVAS_CSS_VARIABLES.js +7 -0
  48. package/dist/themes/constants/CSS_VARIABLE_DESTINATION.d.ts +4 -0
  49. package/dist/themes/constants/CSS_VARIABLE_DESTINATION.js +5 -0
  50. package/dist/{cjs/themes/constants/CSS_VARIABLES_FOR_DARK.d.ts → themes/constants/GLOBAL_CSS_VARIABLES.d.ts} +1 -1
  51. package/dist/themes/constants/GLOBAL_CSS_VARIABLES.js +16 -0
  52. package/dist/themes/constants/index.d.ts +7 -2
  53. package/dist/themes/constants/index.js +7 -2
  54. package/dist/themes/helpers/getCSSVariablesByDestination.d.ts +40 -0
  55. package/dist/themes/helpers/getCSSVariablesByDestination.js +11 -0
  56. package/dist/themes/helpers/index.d.ts +1 -0
  57. package/dist/themes/helpers/index.js +1 -0
  58. package/dist/themes/helpers/isHexadecimalColor.js +1 -1
  59. package/dist/themes/helpers/isRGBAColor.js +1 -1
  60. package/dist/themes/helpers/lightOrDark.js +3 -1
  61. package/dist/themes/helpers/setAutomaticCSSVariablesForDark.d.ts +2 -1
  62. package/dist/themes/helpers/setAutomaticCSSVariablesForDark.js +7 -9
  63. package/dist/themes/interfaces/IColorCSSVariableDestination.d.ts +2 -0
  64. package/dist/themes/interfaces/IColorCSSVariableDestination.js +1 -0
  65. package/dist/themes/interfaces/index.d.ts +1 -0
  66. package/dist/themes/interfaces/index.js +1 -0
  67. package/package.json +1 -1
  68. package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.d.ts +0 -27
  69. package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.js +0 -31
  70. package/dist/cjs/themes/constants/CSS_VARIABLES_FOR_DARK.js +0 -19
  71. package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.d.ts +0 -27
  72. package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK.js +0 -28
  73. 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
  }
@@ -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,6 @@
1
+ /**
2
+ * Collection of CSS Variables for Dark Theme and its assigned values. Canvas porpuses
3
+ */
4
+ export declare const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_DARK: {
5
+ "--qv-canvas-border-color": string;
6
+ };
@@ -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,6 @@
1
+ /**
2
+ * Collection of CSS Variables for Light Theme and its assigned values. Canvas porpuses
3
+ */
4
+ export declare const AUTOMATIC_CANVAS_CSS_VARIABLES_FOR_LIGHT: {
5
+ "--qv-canvas-border-color": string;
6
+ };
@@ -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,6 @@
1
+ /**
2
+ * Collection of CSS Variables to apply for Dark Theme
3
+ */
4
+ export declare enum CANVAS_CSS_VARIABLES {
5
+ BORDER = "--qv-canvas-border-color"
6
+ }
@@ -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,4 @@
1
+ export declare enum CSS_VARIABLE_DESTINATION {
2
+ CANVAS = "CANVAS",
3
+ GLOBAL = "GLOBAL"
4
+ }
@@ -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 CSS_VARIABLES_FOR_DARK {
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 "./AUTOMATIC_CSS_VARIABLES_FOR_DARK";
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 "./CSS_VARIABLES_FOR_DARK";
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("./AUTOMATIC_CSS_VARIABLES_FOR_DARK"), exports);
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("./CSS_VARIABLES_FOR_DARK"), exports);
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;
@@ -1,3 +1,4 @@
1
+ export * from "./getCSSVariablesByDestination";
1
2
  export * from "./lightOrDark";
2
3
  export * from "./isDarkColor";
3
4
  export * from "./isHexadecimalColor";
@@ -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);
@@ -9,6 +9,6 @@ const HEXADECIMAL_REGULAR_EXPRESSION_1 = require("../constants/HEXADECIMAL_REGUL
9
9
  * @returns true: the color is an hexadecimal type
10
10
  */
11
11
  function isHexadecimalColor(color = "") {
12
- return !(0, isEmpty_1.isEmpty)(color.match(HEXADECIMAL_REGULAR_EXPRESSION_1.HEXADECIMAL_REGULAR_EXPRESSION));
12
+ return !(0, isEmpty_1.isEmpty)(color === null || color === void 0 ? void 0 : color.match(HEXADECIMAL_REGULAR_EXPRESSION_1.HEXADECIMAL_REGULAR_EXPRESSION));
13
13
  }
14
14
  exports.isHexadecimalColor = isHexadecimalColor;
@@ -9,6 +9,6 @@ const RGBA_REGULAR_EXPRESION_1 = require("../constants/RGBA_REGULAR_EXPRESION");
9
9
  * @returns true: the color is an RGBA type
10
10
  */
11
11
  function isRGBAColor(color = "") {
12
- return !(0, isEmpty_1.isEmpty)(color.match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION));
12
+ return !(0, isEmpty_1.isEmpty)(color === null || color === void 0 ? void 0 : color.match(RGBA_REGULAR_EXPRESION_1.RGBA_REGULAR_EXPRESSION));
13
13
  }
14
14
  exports.isRGBAColor = isRGBAColor;
@@ -13,9 +13,11 @@ const isRGBAColor_1 = require("./isRGBAColor");
13
13
  * @returns the color type (Dark or Light)
14
14
  */
15
15
  function lightOrDark(color, brightnessThreshold = 127.5, opacityThreshold = 0.5) {
16
+ if ((0, isEmpty_1.isEmpty)(color))
17
+ return;
16
18
  const rgbaColor = (0, isRGBAColor_1.isRGBAColor)(color);
17
19
  const hexadecimalColor = (0, isHexadecimalColor_1.isHexadecimalColor)(color);
18
- if ((0, isEmpty_1.isEmpty)(color) || (!rgbaColor && !hexadecimalColor))
20
+ if (!rgbaColor && !hexadecimalColor)
19
21
  return;
20
22
  let r, g, b, a;
21
23
  if (rgbaColor) {
@@ -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 AUTOMATIC_CSS_VARIABLES_FOR_DARK_1 = require("../constants/AUTOMATIC_CSS_VARIABLES_FOR_DARK");
6
- const COLOR_TYPE_1 = require("../constants/COLOR_TYPE");
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 cssDarkVariables = Object.keys(AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_DARK);
17
- const cssLightVariables = Object.keys(AUTOMATIC_CSS_VARIABLES_FOR_DARK_1.AUTOMATIC_CSS_VARIABLES_FOR_LIGHT);
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(colorType, wrapperElement, colorType === COLOR_TYPE_1.COLOR_TYPE.DARK ? cssDarkVariables : cssLightVariables, colorType === COLOR_TYPE_1.COLOR_TYPE.DARK
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(colorType, wrapper, cssVariables, cssProperties) {
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) => {
@@ -0,0 +1,2 @@
1
+ import { CSS_VARIABLE_DESTINATION } from "../constants/CSS_VARIABLE_DESTINATION";
2
+ export type IColorCSSVariableDestination = CSS_VARIABLE_DESTINATION;
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1 +1,2 @@
1
+ export * from "./IColorCSSVariableDestination";
1
2
  export * from "./IColorType";
@@ -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
  }