cx 24.9.4 → 24.10.0

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 (71) hide show
  1. package/dist/charts.css +19 -16
  2. package/dist/charts.js +127 -94
  3. package/dist/data.js +29 -26
  4. package/dist/manifest.js +692 -692
  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/PieLabel.js +71 -71
  14. package/src/charts/axis/NumericAxis.js +347 -347
  15. package/src/charts/axis/Stack.js +55 -55
  16. package/src/charts/helpers/PointReducer.js +43 -43
  17. package/src/charts/helpers/SnapPointFinder.js +69 -69
  18. package/src/data/Binding.spec.js +69 -69
  19. package/src/data/Expression.js +221 -221
  20. package/src/data/Expression.spec.js +184 -184
  21. package/src/data/StringTemplate.spec.js +105 -105
  22. package/src/data/getAccessor.spec.js +11 -11
  23. package/src/index.scss +6 -6
  24. package/src/svg/Text.d.ts +40 -40
  25. package/src/ui/Culture.d.ts +55 -55
  26. package/src/ui/Culture.js +139 -139
  27. package/src/ui/FocusManager.js +171 -171
  28. package/src/ui/Instance.d.ts +72 -72
  29. package/src/ui/VDOM.d.ts +12 -12
  30. package/src/ui/app/startAppLoop.js +58 -58
  31. package/src/ui/index.d.ts +42 -42
  32. package/src/ui/layout/LabelsTopLayout.js +134 -134
  33. package/src/util/Console.d.ts +4 -4
  34. package/src/util/index.d.ts +51 -51
  35. package/src/util/index.js +54 -54
  36. package/src/util/isValidIdentifierName.d.ts +1 -1
  37. package/src/util/isValidIdentifierName.js +5 -5
  38. package/src/util/isValidIdentifierName.spec.js +33 -33
  39. package/src/util/scss/add-rules.scss +38 -38
  40. package/src/widgets/CxCredit.scss +37 -37
  41. package/src/widgets/HighlightedSearchText.js +36 -36
  42. package/src/widgets/HighlightedSearchText.scss +18 -18
  43. package/src/widgets/List.scss +91 -91
  44. package/src/widgets/drag-drop/DropZone.js +214 -214
  45. package/src/widgets/form/Calendar.scss +196 -196
  46. package/src/widgets/form/ColorField.js +397 -397
  47. package/src/widgets/form/ColorPicker.scss +283 -283
  48. package/src/widgets/form/DateTimeField.js +573 -573
  49. package/src/widgets/form/LookupField.d.ts +179 -179
  50. package/src/widgets/form/MonthField.js +516 -516
  51. package/src/widgets/form/MonthPicker.scss +118 -118
  52. package/src/widgets/form/NumberField.js +459 -459
  53. package/src/widgets/form/NumberField.scss +61 -61
  54. package/src/widgets/form/Select.scss +99 -99
  55. package/src/widgets/form/Slider.scss +118 -118
  56. package/src/widgets/form/Switch.scss +140 -140
  57. package/src/widgets/form/TextArea.scss +43 -43
  58. package/src/widgets/form/TextField.js +290 -290
  59. package/src/widgets/form/TextField.scss +55 -55
  60. package/src/widgets/form/UploadButton.d.ts +34 -34
  61. package/src/widgets/form/variables.scss +353 -353
  62. package/src/widgets/grid/TreeNode.scss +88 -88
  63. package/src/widgets/grid/variables.scss +88 -88
  64. package/src/widgets/nav/Menu.scss +74 -74
  65. package/src/widgets/overlay/Dropdown.js +612 -612
  66. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  67. package/src/widgets/overlay/Tooltip.js +300 -300
  68. package/src/widgets/overlay/Window.js +196 -196
  69. package/src/widgets/overlay/captureMouse.js +124 -124
  70. package/src/widgets/overlay/variables.scss +83 -83
  71. 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
+ }