cx 24.9.4 → 24.10.1

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/charts.css +19 -16
  2. package/dist/charts.js +129 -94
  3. package/dist/data.js +29 -26
  4. package/dist/manifest.js +718 -718
  5. package/dist/svg.js +56 -59
  6. package/dist/ui.js +52 -51
  7. package/dist/widgets.js +44 -40
  8. package/package.json +32 -32
  9. package/src/charts/Legend.js +49 -33
  10. package/src/charts/Legend.scss +40 -42
  11. package/src/charts/LegendEntry.js +120 -121
  12. package/src/charts/LegendEntry.scss +27 -31
  13. package/src/charts/PieChart.d.ts +92 -89
  14. package/src/charts/PieChart.js +529 -527
  15. package/src/charts/PieLabel.js +71 -71
  16. package/src/charts/axis/NumericAxis.js +347 -347
  17. package/src/charts/axis/Stack.js +55 -55
  18. package/src/charts/helpers/PointReducer.js +43 -43
  19. package/src/charts/helpers/SnapPointFinder.js +69 -69
  20. package/src/data/Binding.spec.js +69 -69
  21. package/src/data/Expression.js +221 -221
  22. package/src/data/Expression.spec.js +184 -184
  23. package/src/data/StringTemplate.spec.js +105 -105
  24. package/src/data/getAccessor.spec.js +11 -11
  25. package/src/index.scss +6 -6
  26. package/src/svg/Text.d.ts +40 -40
  27. package/src/ui/Culture.d.ts +55 -55
  28. package/src/ui/Culture.js +139 -139
  29. package/src/ui/FocusManager.js +171 -171
  30. package/src/ui/Instance.d.ts +72 -72
  31. package/src/ui/VDOM.d.ts +12 -12
  32. package/src/ui/app/startAppLoop.js +58 -58
  33. package/src/ui/index.d.ts +42 -42
  34. package/src/ui/layout/LabelsTopLayout.js +134 -134
  35. package/src/util/Console.d.ts +4 -4
  36. package/src/util/index.d.ts +51 -51
  37. package/src/util/index.js +54 -54
  38. package/src/util/isValidIdentifierName.d.ts +1 -1
  39. package/src/util/isValidIdentifierName.js +5 -5
  40. package/src/util/isValidIdentifierName.spec.js +33 -33
  41. package/src/util/scss/add-rules.scss +38 -38
  42. package/src/widgets/CxCredit.scss +37 -37
  43. package/src/widgets/HighlightedSearchText.js +36 -36
  44. package/src/widgets/HighlightedSearchText.scss +18 -18
  45. package/src/widgets/List.scss +91 -91
  46. package/src/widgets/drag-drop/DropZone.js +214 -214
  47. package/src/widgets/form/Calendar.scss +196 -196
  48. package/src/widgets/form/ColorField.js +397 -397
  49. package/src/widgets/form/ColorPicker.scss +283 -283
  50. package/src/widgets/form/DateTimeField.js +573 -573
  51. package/src/widgets/form/LookupField.d.ts +179 -179
  52. package/src/widgets/form/MonthField.js +516 -516
  53. package/src/widgets/form/MonthPicker.scss +118 -118
  54. package/src/widgets/form/NumberField.js +459 -459
  55. package/src/widgets/form/NumberField.scss +61 -61
  56. package/src/widgets/form/Select.scss +99 -99
  57. package/src/widgets/form/Slider.scss +118 -118
  58. package/src/widgets/form/Switch.scss +140 -140
  59. package/src/widgets/form/TextArea.scss +43 -43
  60. package/src/widgets/form/TextField.js +290 -290
  61. package/src/widgets/form/TextField.scss +55 -55
  62. package/src/widgets/form/UploadButton.d.ts +34 -34
  63. package/src/widgets/form/variables.scss +353 -353
  64. package/src/widgets/grid/TreeNode.scss +88 -88
  65. package/src/widgets/grid/variables.scss +88 -88
  66. package/src/widgets/nav/Menu.scss +74 -74
  67. package/src/widgets/overlay/Dropdown.js +612 -612
  68. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  69. package/src/widgets/overlay/Tooltip.js +300 -300
  70. package/src/widgets/overlay/Window.js +196 -196
  71. package/src/widgets/overlay/captureMouse.js +124 -124
  72. package/src/widgets/overlay/variables.scss +83 -83
  73. package/src/widgets/variables.scss +144 -144
package/src/svg/Text.d.ts CHANGED
@@ -1,40 +1,40 @@
1
- import * as Cx from "../core";
2
- import { BoundedObject, BoundedObjectProps } from "./BoundedObject";
3
-
4
- interface TextProps extends BoundedObjectProps {
5
- /** Text to be displayed. */
6
- value?: Cx.StringProp;
7
-
8
- bind?: string;
9
- tpl?: string;
10
- expr?: string;
11
-
12
- /** Offset along the x-axis. */
13
- dx?: Cx.Prop<string | number>;
14
-
15
- /**
16
- * Offset along the y-axis. This property is commonly used for vertical text alignment.
17
- * Set dy="0.8em" to align the text with the top and dy="0.4em" to center it vertically.
18
- */
19
- dy?: Cx.Prop<string | number>;
20
-
21
- /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
22
- textAnchor?: Cx.StringProp;
23
-
24
- /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
25
- ta?: Cx.StringProp;
26
-
27
- /** Sets text-body color. */
28
- fill?: Cx.StringProp;
29
-
30
- /** Sets text-outline color. */
31
- stroke?: Cx.StringProp;
32
-
33
- /** Base CSS class to be applied to the element. Defaults to `text`. */
34
- baseClass?: string;
35
-
36
- /** Set to true for the text to set the text anchor based on the direction of the parent element. See PieLabels example. */
37
- autoTextAnchor?: boolean;
38
- }
39
-
40
- export class Text extends Cx.Widget<TextProps> {}
1
+ import * as Cx from "../core";
2
+ import { BoundedObject, BoundedObjectProps } from "./BoundedObject";
3
+
4
+ interface TextProps extends BoundedObjectProps {
5
+ /** Text to be displayed. */
6
+ value?: Cx.StringProp;
7
+
8
+ bind?: string;
9
+ tpl?: string;
10
+ expr?: string;
11
+
12
+ /** Offset along the x-axis. */
13
+ dx?: Cx.Prop<string | number>;
14
+
15
+ /**
16
+ * Offset along the y-axis. This property is commonly used for vertical text alignment.
17
+ * Set dy="0.8em" to align the text with the top and dy="0.4em" to center it vertically.
18
+ */
19
+ dy?: Cx.Prop<string | number>;
20
+
21
+ /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
22
+ textAnchor?: Cx.StringProp;
23
+
24
+ /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
25
+ ta?: Cx.StringProp;
26
+
27
+ /** Sets text-body color. */
28
+ fill?: Cx.StringProp;
29
+
30
+ /** Sets text-outline color. */
31
+ stroke?: Cx.StringProp;
32
+
33
+ /** Base CSS class to be applied to the element. Defaults to `text`. */
34
+ baseClass?: string;
35
+
36
+ /** Set to true for the text to set the text anchor based on the direction of the parent element. See PieLabels example. */
37
+ autoTextAnchor?: boolean;
38
+ }
39
+
40
+ export class Text extends Cx.Widget<TextProps> {}
@@ -1,55 +1,55 @@
1
- declare type DateEncoding = (date: Date) => any;
2
-
3
- export class Culture {
4
- static setCulture(cultureCode: string): void;
5
-
6
- static setDefaultCurrency(currencyCode: string): void;
7
-
8
- static setDefaultTimezone(timezone: string): void;
9
-
10
- static readonly defaultCurrency: string;
11
-
12
- static readonly culture: string;
13
-
14
- static setNumberCulture(cultureCode: string): void;
15
-
16
- static getNumberCulture(): any;
17
-
18
- static setDateTimeCulture(cultureCode: string): void;
19
-
20
- static getDateTimeCulture(): any;
21
-
22
- static getDefaultDateEncoding(): DateEncoding;
23
-
24
- static setDefaultDateEncoding(encoding: DateEncoding): void;
25
- }
26
-
27
- export interface CultureSpecs {
28
- culture?: string;
29
- numberCulture?: string;
30
- dateTimeCulture?: string;
31
- defaultCurrency?: string;
32
- dateEncoding?: DateEncoding;
33
- timezone?: string;
34
- }
35
-
36
- export interface CultureInfo {
37
- culture: string;
38
- numberCulture?: string;
39
- dateTimeCulture?: string;
40
- defaultCurrency: string;
41
- dateEncoding: DateEncoding;
42
- timezone?: string;
43
- }
44
-
45
- export function createCulture(cultureSpecs: CultureSpecs): CultureInfo;
46
-
47
- export function pushCulture(cultureSpecs: CultureInfo): void;
48
-
49
- export function popCulture(cultureSpecs?: CultureInfo): CultureInfo;
50
-
51
- export function getCurrentCultureCache(): any;
52
-
53
- export function getCurrentCulture(): CultureInfo;
54
-
55
- export function getDefaultCulture(): CultureInfo;
1
+ declare type DateEncoding = (date: Date) => any;
2
+
3
+ export class Culture {
4
+ static setCulture(cultureCode: string): void;
5
+
6
+ static setDefaultCurrency(currencyCode: string): void;
7
+
8
+ static setDefaultTimezone(timezone: string): void;
9
+
10
+ static readonly defaultCurrency: string;
11
+
12
+ static readonly culture: string;
13
+
14
+ static setNumberCulture(cultureCode: string): void;
15
+
16
+ static getNumberCulture(): any;
17
+
18
+ static setDateTimeCulture(cultureCode: string): void;
19
+
20
+ static getDateTimeCulture(): any;
21
+
22
+ static getDefaultDateEncoding(): DateEncoding;
23
+
24
+ static setDefaultDateEncoding(encoding: DateEncoding): void;
25
+ }
26
+
27
+ export interface CultureSpecs {
28
+ culture?: string;
29
+ numberCulture?: string;
30
+ dateTimeCulture?: string;
31
+ defaultCurrency?: string;
32
+ dateEncoding?: DateEncoding;
33
+ timezone?: string;
34
+ }
35
+
36
+ export interface CultureInfo {
37
+ culture: string;
38
+ numberCulture?: string;
39
+ dateTimeCulture?: string;
40
+ defaultCurrency: string;
41
+ dateEncoding: DateEncoding;
42
+ timezone?: string;
43
+ }
44
+
45
+ export function createCulture(cultureSpecs: CultureSpecs): CultureInfo;
46
+
47
+ export function pushCulture(cultureSpecs: CultureInfo): void;
48
+
49
+ export function popCulture(cultureSpecs?: CultureInfo): CultureInfo;
50
+
51
+ export function getCurrentCultureCache(): any;
52
+
53
+ export function getCurrentCulture(): CultureInfo;
54
+
55
+ export function getDefaultCulture(): CultureInfo;
package/src/ui/Culture.js CHANGED
@@ -1,139 +1,139 @@
1
- import { NumberCulture, DateTimeCulture } from "intl-io";
2
- import { Localization } from "./Localization";
3
- import { GlobalCacheIdentifier } from "../util/GlobalCacheIdentifier";
4
- import { invalidateExpressionCache } from "../data/Expression";
5
- import { invalidateStringTemplateCache } from "../data/StringTemplate";
6
- import { defaultCompare } from "../data/defaultCompare";
7
- import { Console } from "../util/Console";
8
-
9
- let stack = [
10
- {
11
- culture: "en",
12
- numberCulture: null,
13
- dateTimeCulture: null,
14
- cache: {},
15
- defaultCurrency: "USD",
16
- dateEncoding: (date) => date.toISOString(),
17
- timezone: null,
18
- },
19
- ];
20
-
21
- export function getDefaultCulture() {
22
- return stack[0];
23
- }
24
-
25
- export function getCurrentCulture() {
26
- return stack[stack.length - 1];
27
- }
28
-
29
- export function getCurrentCultureCache() {
30
- return getCurrentCulture().cache;
31
- }
32
-
33
- export function pushCulture(cultureInfo) {
34
- stack.push(cultureInfo);
35
- }
36
-
37
- export function createCulture(cultureSpecs) {
38
- let current = getCurrentCulture();
39
- let info = {
40
- culture: current.culture,
41
- dateEncoding: current.dateEncoding,
42
- defaultCurrency: current.defaultCurrency,
43
- cache: {},
44
- };
45
- for (let key in cultureSpecs) {
46
- if (!cultureSpecs[key]) continue;
47
- info[key] = cultureSpecs[key];
48
- }
49
- return info;
50
- }
51
-
52
- export function popCulture(cultureSpecs) {
53
- if (stack.length == 1) throw new Error("Cannot pop the last culture object.");
54
- if (cultureSpecs && stack[stack.length - 1] !== cultureSpecs) {
55
- Console.warn("Popped culture object does not match the current one.");
56
- }
57
- return stack.pop();
58
- }
59
-
60
- export class Culture {
61
- static setCulture(cultureCode) {
62
- let cultureSpecs = getDefaultCulture();
63
- cultureSpecs.culture = cultureCode;
64
- cultureSpecs.cache = {};
65
- Localization.setCulture(cultureCode);
66
- this.invalidateCache();
67
- }
68
-
69
- static setNumberCulture(cultureCode) {
70
- let cultureSpecs = getDefaultCulture();
71
- cultureSpecs.numberCulture = cultureCode;
72
- delete cultureSpecs.cache.numberCulture;
73
- this.invalidateCache();
74
- }
75
-
76
- static setDateTimeCulture(cultureCode) {
77
- let cultureSpecs = getDefaultCulture();
78
- cultureSpecs.dateTimeCulture = cultureCode;
79
- delete cultureSpecs.cache.dateTimeCulture;
80
- this.invalidateCache();
81
- }
82
-
83
- static setDefaultCurrency(currencyCode) {
84
- let cultureSpecs = getDefaultCulture();
85
- cultureSpecs.defaultCurrency = currencyCode;
86
- this.invalidateCache();
87
- }
88
-
89
- static setDefaultTimezone(timezone) {
90
- let cultureSpecs = getDefaultCulture();
91
- cultureSpecs.timezone = timezone;
92
- this.invalidateCache();
93
- }
94
-
95
- static setDefaultDateEncoding(encoding) {
96
- let cultureSpecs = getDefaultCulture();
97
- cultureSpecs.dateEncoding = encoding;
98
- this.invalidateCache();
99
- }
100
-
101
- static invalidateCache() {
102
- GlobalCacheIdentifier.change();
103
- invalidateExpressionCache();
104
- invalidateStringTemplateCache();
105
- }
106
-
107
- static get defaultCurrency() {
108
- return getCurrentCulture().defaultCurrency;
109
- }
110
-
111
- static get culture() {
112
- return getCurrentCulture().culture;
113
- }
114
-
115
- static getNumberCulture() {
116
- let { cache, numberCulture, culture } = getCurrentCulture();
117
- if (!cache.numberCulture) cache.numberCulture = new NumberCulture(numberCulture ?? culture);
118
- return cache.numberCulture;
119
- }
120
-
121
- static getDateTimeCulture() {
122
- let { cache, dateTimeCulture, culture, timezone } = getCurrentCulture();
123
- if (!cache.dateTimeCulture)
124
- cache.dateTimeCulture = new DateTimeCulture(dateTimeCulture ?? culture, {
125
- defaultTimezone: timezone,
126
- });
127
- return cache.dateTimeCulture;
128
- }
129
-
130
- static getDefaultDateEncoding() {
131
- return getCurrentCulture().dateEncoding;
132
- }
133
-
134
- static getComparer(options) {
135
- let { culture } = getCurrentCulture();
136
- if (typeof Intl.Collator != "undefined") return new Intl.Collator(culture, options).compare;
137
- return defaultCompare;
138
- }
139
- }
1
+ import { NumberCulture, DateTimeCulture } from "intl-io";
2
+ import { Localization } from "./Localization";
3
+ import { GlobalCacheIdentifier } from "../util/GlobalCacheIdentifier";
4
+ import { invalidateExpressionCache } from "../data/Expression";
5
+ import { invalidateStringTemplateCache } from "../data/StringTemplate";
6
+ import { defaultCompare } from "../data/defaultCompare";
7
+ import { Console } from "../util/Console";
8
+
9
+ let stack = [
10
+ {
11
+ culture: "en",
12
+ numberCulture: null,
13
+ dateTimeCulture: null,
14
+ cache: {},
15
+ defaultCurrency: "USD",
16
+ dateEncoding: (date) => date.toISOString(),
17
+ timezone: null,
18
+ },
19
+ ];
20
+
21
+ export function getDefaultCulture() {
22
+ return stack[0];
23
+ }
24
+
25
+ export function getCurrentCulture() {
26
+ return stack[stack.length - 1];
27
+ }
28
+
29
+ export function getCurrentCultureCache() {
30
+ return getCurrentCulture().cache;
31
+ }
32
+
33
+ export function pushCulture(cultureInfo) {
34
+ stack.push(cultureInfo);
35
+ }
36
+
37
+ export function createCulture(cultureSpecs) {
38
+ let current = getCurrentCulture();
39
+ let info = {
40
+ culture: current.culture,
41
+ dateEncoding: current.dateEncoding,
42
+ defaultCurrency: current.defaultCurrency,
43
+ cache: {},
44
+ };
45
+ for (let key in cultureSpecs) {
46
+ if (!cultureSpecs[key]) continue;
47
+ info[key] = cultureSpecs[key];
48
+ }
49
+ return info;
50
+ }
51
+
52
+ export function popCulture(cultureSpecs) {
53
+ if (stack.length == 1) throw new Error("Cannot pop the last culture object.");
54
+ if (cultureSpecs && stack[stack.length - 1] !== cultureSpecs) {
55
+ Console.warn("Popped culture object does not match the current one.");
56
+ }
57
+ return stack.pop();
58
+ }
59
+
60
+ export class Culture {
61
+ static setCulture(cultureCode) {
62
+ let cultureSpecs = getDefaultCulture();
63
+ cultureSpecs.culture = cultureCode;
64
+ cultureSpecs.cache = {};
65
+ Localization.setCulture(cultureCode);
66
+ this.invalidateCache();
67
+ }
68
+
69
+ static setNumberCulture(cultureCode) {
70
+ let cultureSpecs = getDefaultCulture();
71
+ cultureSpecs.numberCulture = cultureCode;
72
+ delete cultureSpecs.cache.numberCulture;
73
+ this.invalidateCache();
74
+ }
75
+
76
+ static setDateTimeCulture(cultureCode) {
77
+ let cultureSpecs = getDefaultCulture();
78
+ cultureSpecs.dateTimeCulture = cultureCode;
79
+ delete cultureSpecs.cache.dateTimeCulture;
80
+ this.invalidateCache();
81
+ }
82
+
83
+ static setDefaultCurrency(currencyCode) {
84
+ let cultureSpecs = getDefaultCulture();
85
+ cultureSpecs.defaultCurrency = currencyCode;
86
+ this.invalidateCache();
87
+ }
88
+
89
+ static setDefaultTimezone(timezone) {
90
+ let cultureSpecs = getDefaultCulture();
91
+ cultureSpecs.timezone = timezone;
92
+ this.invalidateCache();
93
+ }
94
+
95
+ static setDefaultDateEncoding(encoding) {
96
+ let cultureSpecs = getDefaultCulture();
97
+ cultureSpecs.dateEncoding = encoding;
98
+ this.invalidateCache();
99
+ }
100
+
101
+ static invalidateCache() {
102
+ GlobalCacheIdentifier.change();
103
+ invalidateExpressionCache();
104
+ invalidateStringTemplateCache();
105
+ }
106
+
107
+ static get defaultCurrency() {
108
+ return getCurrentCulture().defaultCurrency;
109
+ }
110
+
111
+ static get culture() {
112
+ return getCurrentCulture().culture;
113
+ }
114
+
115
+ static getNumberCulture() {
116
+ let { cache, numberCulture, culture } = getCurrentCulture();
117
+ if (!cache.numberCulture) cache.numberCulture = new NumberCulture(numberCulture ?? culture);
118
+ return cache.numberCulture;
119
+ }
120
+
121
+ static getDateTimeCulture() {
122
+ let { cache, dateTimeCulture, culture, timezone } = getCurrentCulture();
123
+ if (!cache.dateTimeCulture)
124
+ cache.dateTimeCulture = new DateTimeCulture(dateTimeCulture ?? culture, {
125
+ defaultTimezone: timezone,
126
+ });
127
+ return cache.dateTimeCulture;
128
+ }
129
+
130
+ static getDefaultDateEncoding() {
131
+ return getCurrentCulture().dateEncoding;
132
+ }
133
+
134
+ static getComparer(options) {
135
+ let { culture } = getCurrentCulture();
136
+ if (typeof Intl.Collator != "undefined") return new Intl.Collator(culture, options).compare;
137
+ return defaultCompare;
138
+ }
139
+ }