cx 25.10.1 → 25.11.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 (141) hide show
  1. package/LICENSE-THIRD-PARTY.md +91 -91
  2. package/LICENSE.md +7 -7
  3. package/README.md +46 -46
  4. package/dist/manifest.js +705 -705
  5. package/dist/ui.js +4 -2
  6. package/dist/widgets.js +2 -0
  7. package/package.json +1 -1
  8. package/src/charts/Bar.d.ts +27 -27
  9. package/src/charts/BarGraph.d.ts +15 -15
  10. package/src/charts/Chart.d.ts +12 -12
  11. package/src/charts/ColorMap.d.ts +21 -21
  12. package/src/charts/Column.d.ts +29 -29
  13. package/src/charts/ColumnBarBase.d.ts +64 -64
  14. package/src/charts/ColumnBarGraphBase.d.ts +73 -73
  15. package/src/charts/ColumnGraph.d.ts +18 -18
  16. package/src/charts/Gridlines.d.ts +24 -24
  17. package/src/charts/Legend.d.ts +45 -45
  18. package/src/charts/LegendEntry.d.ts +54 -54
  19. package/src/charts/LineGraph.d.ts +101 -101
  20. package/src/charts/Marker.d.ts +110 -110
  21. package/src/charts/MarkerLine.d.ts +56 -56
  22. package/src/charts/MouseTracker.d.ts +16 -16
  23. package/src/charts/PieChart.d.ts +92 -92
  24. package/src/charts/PieLabel.d.ts +26 -26
  25. package/src/charts/PieLabelsContainer.d.ts +6 -6
  26. package/src/charts/Range.d.ts +74 -74
  27. package/src/charts/RangeMarker.d.ts +35 -35
  28. package/src/charts/ScatterGraph.d.ts +64 -64
  29. package/src/charts/Swimlane.d.ts +24 -24
  30. package/src/charts/Swimlanes.d.ts +41 -41
  31. package/src/charts/axis/Axis.d.ts +113 -113
  32. package/src/charts/axis/Axis.scss +22 -22
  33. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  34. package/src/charts/axis/NumericAxis.d.ts +46 -46
  35. package/src/charts/axis/Stack.d.ts +10 -10
  36. package/src/charts/axis/TimeAxis.d.ts +31 -31
  37. package/src/charts/axis/index.d.ts +3 -3
  38. package/src/charts/axis/index.scss +5 -5
  39. package/src/charts/axis/variables.scss +2 -2
  40. package/src/charts/helpers/MinMaxFinder.d.ts +22 -22
  41. package/src/charts/helpers/PointReducer.d.ts +24 -24
  42. package/src/charts/helpers/SnapPointFinder.d.ts +30 -30
  43. package/src/charts/helpers/ValueAtFinder.d.ts +16 -16
  44. package/src/charts/helpers/index.d.ts +4 -4
  45. package/src/charts/index.d.ts +27 -27
  46. package/src/charts/index.scss +22 -22
  47. package/src/charts/shapes.d.ts +22 -22
  48. package/src/data/Grouper.spec.js +57 -57
  49. package/src/global.scss +13 -13
  50. package/src/index.scss +6 -6
  51. package/src/svg/index.scss +8 -8
  52. package/src/ui/adapter/ArrayAdapter.js +152 -152
  53. package/src/ui/adapter/GroupAdapter.js +143 -140
  54. package/src/ui/index.scss +2 -2
  55. package/src/ui/layout/index.scss +3 -3
  56. package/src/ui/layout/variables.scss +2 -2
  57. package/src/ui/variables.scss +1 -1
  58. package/src/util/call-once.scss +6 -6
  59. package/src/util/index.scss +10 -10
  60. package/src/util/scss/divide.scss +3 -3
  61. package/src/util/scss/index.scss +9 -9
  62. package/src/variables.scss +217 -217
  63. package/src/widgets/AccessorBindings.spec.tsx +66 -66
  64. package/src/widgets/Button.d.ts +58 -58
  65. package/src/widgets/CxCredit.d.ts +12 -12
  66. package/src/widgets/DocumentTitle.d.ts +11 -11
  67. package/src/widgets/FlexBox.d.ts +69 -69
  68. package/src/widgets/Heading.d.ts +16 -16
  69. package/src/widgets/HighlightedSearchText.d.ts +9 -9
  70. package/src/widgets/HtmlElement.d.ts +30 -30
  71. package/src/widgets/Icon.d.ts +34 -34
  72. package/src/widgets/ProgressBar.d.ts +17 -17
  73. package/src/widgets/Resizer.d.ts +27 -27
  74. package/src/widgets/Sandbox.d.ts +18 -18
  75. package/src/widgets/Section.d.ts +52 -52
  76. package/src/widgets/animations.scss +10 -10
  77. package/src/widgets/autoFocus.d.ts +1 -1
  78. package/src/widgets/cx.d.ts +1 -1
  79. package/src/widgets/drag-drop/DragSource.d.ts +45 -45
  80. package/src/widgets/drag-drop/DropZone.d.ts +98 -98
  81. package/src/widgets/drag-drop/index.d.ts +4 -4
  82. package/src/widgets/drag-drop/index.scss +3 -3
  83. package/src/widgets/drag-drop/ops.d.ts +56 -56
  84. package/src/widgets/enableAllInternalDependencies.d.ts +1 -1
  85. package/src/widgets/form/Calendar.variables.scss +63 -63
  86. package/src/widgets/form/Checkbox.variables.scss +39 -39
  87. package/src/widgets/form/ColorPicker.variables.scss +22 -22
  88. package/src/widgets/form/Radio.variables.scss +45 -45
  89. package/src/widgets/form/index.scss +24 -24
  90. package/src/widgets/grid/Grid.d.ts +3 -0
  91. package/src/widgets/grid/Grid.js +3431 -3429
  92. package/src/widgets/grid/GridCell.d.ts +38 -38
  93. package/src/widgets/grid/Pagination.d.ts +14 -14
  94. package/src/widgets/grid/TreeNode.d.ts +23 -23
  95. package/src/widgets/grid/index.d.ts +3 -3
  96. package/src/widgets/grid/index.scss +3 -3
  97. package/src/widgets/icons/arrow-down.svg +3 -3
  98. package/src/widgets/icons/arrow-right.svg +2 -2
  99. package/src/widgets/icons/base.svg +104 -104
  100. package/src/widgets/icons/calendar-old.svg +169 -169
  101. package/src/widgets/icons/calendar.svg +187 -187
  102. package/src/widgets/icons/clear.svg +74 -74
  103. package/src/widgets/icons/close.svg +74 -74
  104. package/src/widgets/icons/dropdown-arrow.svg +61 -61
  105. package/src/widgets/icons/file.svg +4 -4
  106. package/src/widgets/icons/folder-open.svg +5 -5
  107. package/src/widgets/icons/folder.svg +58 -58
  108. package/src/widgets/icons/forward.svg +67 -67
  109. package/src/widgets/icons/loading.svg +4 -4
  110. package/src/widgets/icons/search.svg +107 -107
  111. package/src/widgets/icons/sort-asc.svg +3 -3
  112. package/src/widgets/index.d.ts +55 -55
  113. package/src/widgets/index.scss +16 -16
  114. package/src/widgets/nav/Link.d.ts +26 -26
  115. package/src/widgets/nav/LinkButton.d.ts +34 -34
  116. package/src/widgets/nav/Menu.d.ts +27 -27
  117. package/src/widgets/nav/MenuItem.d.ts +31 -31
  118. package/src/widgets/nav/MenuSpacer.d.ts +5 -5
  119. package/src/widgets/nav/RedirectRoute.d.ts +9 -9
  120. package/src/widgets/nav/Route.d.ts +21 -21
  121. package/src/widgets/nav/Scroller.d.ts +17 -17
  122. package/src/widgets/nav/Submenu.d.ts +6 -6
  123. package/src/widgets/nav/Tab.d.ts +33 -33
  124. package/src/widgets/nav/Tab.variables.scss +84 -84
  125. package/src/widgets/nav/index.d.ts +10 -10
  126. package/src/widgets/nav/index.scss +5 -5
  127. package/src/widgets/overlay/ContextMenu.d.ts +10 -10
  128. package/src/widgets/overlay/Dropdown.d.ts +32 -32
  129. package/src/widgets/overlay/FlyweightTooltipTracker.d.ts +8 -8
  130. package/src/widgets/overlay/MsgBox.d.ts +16 -16
  131. package/src/widgets/overlay/Overlay.d.ts +73 -73
  132. package/src/widgets/overlay/Toast.d.ts +30 -30
  133. package/src/widgets/overlay/Tooltip.d.ts +50 -50
  134. package/src/widgets/overlay/Window.d.ts +42 -42
  135. package/src/widgets/overlay/Window.variables.scss +62 -62
  136. package/src/widgets/overlay/alerts.d.ts +7 -7
  137. package/src/widgets/overlay/captureMouse.d.ts +53 -53
  138. package/src/widgets/overlay/captureMouse.scss +13 -13
  139. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  140. package/src/widgets/overlay/index.d.ts +11 -11
  141. package/src/widgets/overlay/index.scss +15 -15
@@ -1,45 +1,45 @@
1
- import * as Cx from "../core";
2
-
3
- interface LegendProps extends Cx.HtmlElementProps {
4
- /** Name of the legend. Default is `legend`. */
5
- name?: string;
6
-
7
- /** Base CSS class to be applied to the element. Defaults to `legend`. */
8
- baseClass?: string;
9
-
10
- /** Switch to vertical mode. */
11
- vertical?: boolean;
12
-
13
- /** Size of the svg shape container in pixels. Default value is 20. */
14
- svgSize?: number;
15
-
16
- /** Shape size in pixels. Default value is 18. */
17
- shapeSize?: number;
18
-
19
- /** Default shape that will be applied to the all legend items. */
20
- shape?: Cx.StringProp;
21
-
22
- /** CSS style that will be applied to the legend entry. */
23
- entryStyle?: Cx.StyleProp;
24
-
25
- /** CSS class that will be applied to the legend entry. */
26
- entryClass?: Cx.ClassProp;
27
-
28
- /** CSS style that will be applied to the legend entry value segment. */
29
- valueStyle?: Cx.StyleProp;
30
-
31
- /** CSS class that will be applied to the legend entry value segment. */
32
- valueClass?: Cx.ClassProp;
33
-
34
- /** Set to true to show values. Mostly used for PieChart legends. */
35
- showValues?: Cx.BooleanProp;
36
-
37
- /** Format used for values, i.e. n;2 or currency. The default value is s.*/
38
- valueFormat?: string;
39
- }
40
-
41
- export class Legend extends Cx.Widget<LegendProps> {
42
- static Scope(): any;
43
- }
44
-
45
- export class LegendScope extends Cx.Widget<Cx.PureContainerProps> {}
1
+ import * as Cx from "../core";
2
+
3
+ interface LegendProps extends Cx.HtmlElementProps {
4
+ /** Name of the legend. Default is `legend`. */
5
+ name?: string;
6
+
7
+ /** Base CSS class to be applied to the element. Defaults to `legend`. */
8
+ baseClass?: string;
9
+
10
+ /** Switch to vertical mode. */
11
+ vertical?: boolean;
12
+
13
+ /** Size of the svg shape container in pixels. Default value is 20. */
14
+ svgSize?: number;
15
+
16
+ /** Shape size in pixels. Default value is 18. */
17
+ shapeSize?: number;
18
+
19
+ /** Default shape that will be applied to the all legend items. */
20
+ shape?: Cx.StringProp;
21
+
22
+ /** CSS style that will be applied to the legend entry. */
23
+ entryStyle?: Cx.StyleProp;
24
+
25
+ /** CSS class that will be applied to the legend entry. */
26
+ entryClass?: Cx.ClassProp;
27
+
28
+ /** CSS style that will be applied to the legend entry value segment. */
29
+ valueStyle?: Cx.StyleProp;
30
+
31
+ /** CSS class that will be applied to the legend entry value segment. */
32
+ valueClass?: Cx.ClassProp;
33
+
34
+ /** Set to true to show values. Mostly used for PieChart legends. */
35
+ showValues?: Cx.BooleanProp;
36
+
37
+ /** Format used for values, i.e. n;2 or currency. The default value is s.*/
38
+ valueFormat?: string;
39
+ }
40
+
41
+ export class Legend extends Cx.Widget<LegendProps> {
42
+ static Scope(): any;
43
+ }
44
+
45
+ export class LegendScope extends Cx.Widget<Cx.PureContainerProps> {}
@@ -1,54 +1,54 @@
1
- import * as Cx from "../core";
2
-
3
- interface LegendEntryProps extends Cx.HtmlElementProps {
4
- /** Indicate that entry is selected. */
5
- selected?: Cx.BooleanProp;
6
-
7
- /** Shape of the symbol. `square`, `circle`, `triangle` etc. */
8
- shape?: Cx.StringProp;
9
-
10
- /** Size of the symbol in pixels. Default value is `18`. */
11
- size?: Cx.NumberProp;
12
-
13
- /** Index of a color from the standard palette of colors. 0-15. */
14
- colorIndex?: Cx.NumberProp;
15
-
16
- /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
17
- colorMap?: Cx.StringProp;
18
-
19
- /** Name used to resolve the color. If not provided, `name` is used instead. */
20
- colorName?: Cx.StringProp;
21
-
22
- /** Name of the item as it will appear in the legend. */
23
- name?: Cx.StringProp;
24
-
25
- /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
26
- active?: Cx.BooleanProp;
27
-
28
- /** Base CSS class to be applied to the element. No class is applied by default. */
29
- baseClass?: string;
30
-
31
- legendAction?: string;
32
-
33
- /** Size of the svg shape container in pixels. Default value is 20. */
34
- svgSize?: number;
35
-
36
- /**
37
- * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
38
- * Value type: <length>|<percentage>;
39
- * If unit is not specified, it defaults to `px`.
40
- */
41
- rx?: Cx.StringProp | Cx.NumberProp;
42
-
43
- /**
44
- * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
45
- * Value type: <length>|<percentage>;
46
- * If unit is not specified, it defaults to `px`.
47
- */
48
- ry?: Cx.StringProp | Cx.NumberProp;
49
-
50
- /** Selection configuration. */
51
- selection?: Cx.Config;
52
- }
53
-
54
- export class LegendEntry extends Cx.Widget<LegendEntryProps> {}
1
+ import * as Cx from "../core";
2
+
3
+ interface LegendEntryProps extends Cx.HtmlElementProps {
4
+ /** Indicate that entry is selected. */
5
+ selected?: Cx.BooleanProp;
6
+
7
+ /** Shape of the symbol. `square`, `circle`, `triangle` etc. */
8
+ shape?: Cx.StringProp;
9
+
10
+ /** Size of the symbol in pixels. Default value is `18`. */
11
+ size?: Cx.NumberProp;
12
+
13
+ /** Index of a color from the standard palette of colors. 0-15. */
14
+ colorIndex?: Cx.NumberProp;
15
+
16
+ /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
17
+ colorMap?: Cx.StringProp;
18
+
19
+ /** Name used to resolve the color. If not provided, `name` is used instead. */
20
+ colorName?: Cx.StringProp;
21
+
22
+ /** Name of the item as it will appear in the legend. */
23
+ name?: Cx.StringProp;
24
+
25
+ /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
26
+ active?: Cx.BooleanProp;
27
+
28
+ /** Base CSS class to be applied to the element. No class is applied by default. */
29
+ baseClass?: string;
30
+
31
+ legendAction?: string;
32
+
33
+ /** Size of the svg shape container in pixels. Default value is 20. */
34
+ svgSize?: number;
35
+
36
+ /**
37
+ * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
38
+ * Value type: <length>|<percentage>;
39
+ * If unit is not specified, it defaults to `px`.
40
+ */
41
+ rx?: Cx.StringProp | Cx.NumberProp;
42
+
43
+ /**
44
+ * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
45
+ * Value type: <length>|<percentage>;
46
+ * If unit is not specified, it defaults to `px`.
47
+ */
48
+ ry?: Cx.StringProp | Cx.NumberProp;
49
+
50
+ /** Selection configuration. */
51
+ selection?: Cx.Config;
52
+ }
53
+
54
+ export class LegendEntry extends Cx.Widget<LegendEntryProps> {}
@@ -1,101 +1,101 @@
1
- import * as Cx from "../core";
2
-
3
- interface LineGraphProps extends Cx.WidgetProps {
4
- /**
5
- * Data for the graph. Each entry should be an object with at least two properties
6
- * whose names should match the `xField` and `yField` values.
7
- */
8
- data?: Cx.RecordsProp;
9
-
10
- /** Index of a color from the standard palette of colors. 0-15. */
11
- colorIndex?: Cx.NumberProp;
12
-
13
- /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
14
- colorMap?: Cx.StringProp;
15
-
16
- /** Name used to resolve the color. If not provided, `name` is used instead. */
17
- colorName?: Cx.StringProp;
18
-
19
- /**
20
- * Additional CSS classes to be applied to the field.
21
- * If an object is provided, all keys with a "truthy" value will be added to the CSS class list.
22
- */
23
- class?: Cx.ClassProp;
24
-
25
- /**
26
- * Additional CSS classes to be applied to the field.
27
- * If an object is provided, all keys with a "truthy" value will be added to the CSS class list.
28
- */
29
- className?: Cx.ClassProp;
30
-
31
- /** Additional styles to be applied to the line element. */
32
- lineStyle?: Cx.StyleProp;
33
-
34
- /** Additional styles to be applied to the area below the line. */
35
- areaStyle?: Cx.StyleProp;
36
-
37
- /** Area switch. Default value is `false`. */
38
- area?: Cx.BooleanProp;
39
-
40
- /** Line switch. By default, the line is shown. Set to `false` to hide the line and draw only the area. */
41
- line?: Cx.BooleanProp;
42
-
43
- /** Base value used for area charts. Default value is `0`. */
44
- y0?: Cx.NumberProp;
45
-
46
- /** Name of the item as it will appear in the legend. */
47
- name?: Cx.StringProp;
48
-
49
- /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
50
- active?: Cx.BooleanProp;
51
-
52
- /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
53
- stack?: Cx.StringProp;
54
-
55
- /** Indicate that columns should be stacked on top of the other columns. Default value is `false`. */
56
- stacked?: Cx.BooleanProp;
57
-
58
- /**
59
- * Name of the horizontal axis. The value should match one of the horizontal axes set
60
- * in the `axes` configuration of the parent `Chart` component. Default value is `x`.
61
- */
62
- xAxis?: string;
63
-
64
- /**
65
- * Name of the vertical axis. The value should match one of the vertical axes set
66
- * in the `axes` configuration if the parent `Chart` component. Default value is `y`.
67
- */
68
- yAxis?: string;
69
-
70
- /** Name of the property which holds the x value. Default value is `x`. */
71
- xField?: string;
72
-
73
- /** Name of the property which holds the y value. Default value is `y`. */
74
- yField?: string;
75
-
76
- /** Base CSS class to be applied to the element. Defaults to `linegraph`. */
77
- baseClass?: string;
78
-
79
- /** Name of the property which holds the y0 value. Default value is `false`, which means y0 value is not read from the data array. */
80
- y0Field?: string | false;
81
-
82
- /** Name of the legend to be used. Default is `legend`. Set to `false` to hide the legend entry. */
83
- legend?: string | false;
84
-
85
- legendAction?: string;
86
- legendShape?: string;
87
-
88
- /** Set to true to avoid forcing the vertical axis to accommodate y0 values. */
89
- hiddenBase?: boolean;
90
-
91
- /** Set to `true` to draw smoothed lines between data points using cubic Bézier curve.
92
- * When enabled, the graph uses control points calculated from neighboring values to create smooth transitions between data points. */
93
- smooth?: boolean;
94
-
95
- /** Controls the intensity of the smoothing effect applied to Bézier curves when `smooth` is enabled.
96
- * Accepts a number between `0` (straight lines) and `0.4` (maximum smoothing).
97
- * Values outside this range are automatically clamped. Default value is `0.05`. */
98
- smoothingRatio?: number;
99
- }
100
-
101
- export class LineGraph extends Cx.Widget<LineGraphProps> {}
1
+ import * as Cx from "../core";
2
+
3
+ interface LineGraphProps extends Cx.WidgetProps {
4
+ /**
5
+ * Data for the graph. Each entry should be an object with at least two properties
6
+ * whose names should match the `xField` and `yField` values.
7
+ */
8
+ data?: Cx.RecordsProp;
9
+
10
+ /** Index of a color from the standard palette of colors. 0-15. */
11
+ colorIndex?: Cx.NumberProp;
12
+
13
+ /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
14
+ colorMap?: Cx.StringProp;
15
+
16
+ /** Name used to resolve the color. If not provided, `name` is used instead. */
17
+ colorName?: Cx.StringProp;
18
+
19
+ /**
20
+ * Additional CSS classes to be applied to the field.
21
+ * If an object is provided, all keys with a "truthy" value will be added to the CSS class list.
22
+ */
23
+ class?: Cx.ClassProp;
24
+
25
+ /**
26
+ * Additional CSS classes to be applied to the field.
27
+ * If an object is provided, all keys with a "truthy" value will be added to the CSS class list.
28
+ */
29
+ className?: Cx.ClassProp;
30
+
31
+ /** Additional styles to be applied to the line element. */
32
+ lineStyle?: Cx.StyleProp;
33
+
34
+ /** Additional styles to be applied to the area below the line. */
35
+ areaStyle?: Cx.StyleProp;
36
+
37
+ /** Area switch. Default value is `false`. */
38
+ area?: Cx.BooleanProp;
39
+
40
+ /** Line switch. By default, the line is shown. Set to `false` to hide the line and draw only the area. */
41
+ line?: Cx.BooleanProp;
42
+
43
+ /** Base value used for area charts. Default value is `0`. */
44
+ y0?: Cx.NumberProp;
45
+
46
+ /** Name of the item as it will appear in the legend. */
47
+ name?: Cx.StringProp;
48
+
49
+ /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
50
+ active?: Cx.BooleanProp;
51
+
52
+ /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
53
+ stack?: Cx.StringProp;
54
+
55
+ /** Indicate that columns should be stacked on top of the other columns. Default value is `false`. */
56
+ stacked?: Cx.BooleanProp;
57
+
58
+ /**
59
+ * Name of the horizontal axis. The value should match one of the horizontal axes set
60
+ * in the `axes` configuration of the parent `Chart` component. Default value is `x`.
61
+ */
62
+ xAxis?: string;
63
+
64
+ /**
65
+ * Name of the vertical axis. The value should match one of the vertical axes set
66
+ * in the `axes` configuration if the parent `Chart` component. Default value is `y`.
67
+ */
68
+ yAxis?: string;
69
+
70
+ /** Name of the property which holds the x value. Default value is `x`. */
71
+ xField?: string;
72
+
73
+ /** Name of the property which holds the y value. Default value is `y`. */
74
+ yField?: string;
75
+
76
+ /** Base CSS class to be applied to the element. Defaults to `linegraph`. */
77
+ baseClass?: string;
78
+
79
+ /** Name of the property which holds the y0 value. Default value is `false`, which means y0 value is not read from the data array. */
80
+ y0Field?: string | false;
81
+
82
+ /** Name of the legend to be used. Default is `legend`. Set to `false` to hide the legend entry. */
83
+ legend?: string | false;
84
+
85
+ legendAction?: string;
86
+ legendShape?: string;
87
+
88
+ /** Set to true to avoid forcing the vertical axis to accommodate y0 values. */
89
+ hiddenBase?: boolean;
90
+
91
+ /** Set to `true` to draw smoothed lines between data points using cubic Bézier curve.
92
+ * When enabled, the graph uses control points calculated from neighboring values to create smooth transitions between data points. */
93
+ smooth?: boolean;
94
+
95
+ /** Controls the intensity of the smoothing effect applied to Bézier curves when `smooth` is enabled.
96
+ * Accepts a number between `0` (straight lines) and `0.4` (maximum smoothing).
97
+ * Values outside this range are automatically clamped. Default value is `0.05`. */
98
+ smoothingRatio?: number;
99
+ }
100
+
101
+ export class LineGraph extends Cx.Widget<LineGraphProps> {}
@@ -1,110 +1,110 @@
1
- import * as Cx from "../core";
2
- import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
3
-
4
- interface MarkerProps extends BoundedObjectProps {
5
- /** The `x` value binding or expression. */
6
- x?: Cx.Prop<string | number | Date>;
7
-
8
- /** The `y` value binding or expression. */
9
- y?: Cx.Prop<string | number>;
10
-
11
- /** Used to indicate if the data should affect axis span. */
12
- affectsAxes?: Cx.BooleanProp;
13
-
14
- /** Shape kind. `circle`, `square`, `triangle`, etc. */
15
- shape?: Cx.StringProp;
16
-
17
- disabled?: Cx.BooleanProp;
18
-
19
- /** Index of a color from the standard palette of colors. 0-15. */
20
- colorIndex?: Cx.Prop<string | number>;
21
-
22
- /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
23
- colorMap?: Cx.StringProp;
24
-
25
- /** Name used to resolve the color. If not provided, `name` is used instead. */
26
- colorName?: Cx.StringProp;
27
-
28
- legendColorIndex?: Cx.NumberProp;
29
-
30
- /** Name of the item as it will appear in the legend. */
31
- name?: Cx.StringProp;
32
-
33
- /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
34
- active?: Cx.BooleanProp;
35
-
36
- xOffset?: number;
37
- yOffset?: number;
38
-
39
- /** Size of the shape in pixels. */
40
- size?: Cx.NumberProp;
41
-
42
- /**
43
- * Name of the horizontal axis. The value should match one of the horizontal axes set
44
- * in the `axes` configuration of the parent `Chart` component. Default value is `x`.
45
- */
46
- xAxis?: string;
47
-
48
- /**
49
- * Name of the vertical axis. The value should match one of the vertical axes set
50
- * in the `axes` configuration if the parent `Chart` component. Default value is `y`.
51
- */
52
- yAxis?: string;
53
-
54
- /** Base CSS class to be applied to the element. Defaults to `marker`. */
55
- baseClass?: string;
56
-
57
- /** Set to `true` to make the shape draggable along the X axis. */
58
- draggableX?: boolean;
59
-
60
- /** Set to `true` to make the shape draggable along the Y axis. */
61
- draggableY?: boolean;
62
-
63
- /** Set to `true` to make the shape draggable along the X and Y axis. */
64
- draggable?: boolean;
65
-
66
- /** Constrain the marker position to min/max values of the X axis during drag operations. */
67
- constrainX?: boolean;
68
-
69
- /** Constrain the marker position to min/max values of the Y axis during drag operations. */
70
- constrainY?: boolean;
71
-
72
- /** When set to `true`, it is equivalent to setting `constrainX` and `constrainY` to true. */
73
- constrain?: boolean;
74
-
75
- /** Name of the legend to be used. Default is `legend`. */
76
- legend?: string;
77
-
78
- legendAction?: string;
79
-
80
- /** Tooltip configuration. For more info see Tooltips. */
81
- tooltip?: Cx.StringProp | Cx.StructuredProp;
82
-
83
- /** Set to true to hide the marker. The marker will still participate in axis range calculations. */
84
- hidden?: boolean;
85
-
86
- /** Indicate that markers should be stacked horizontally. Default value is `false`. */
87
- stackedX?: Cx.BooleanProp;
88
-
89
- /** Indicate that markers should be stacked vertically. Default value is `false`. */
90
- stackedY?: Cx.BooleanProp;
91
-
92
- /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
93
- stack?: Cx.StringProp;
94
-
95
- /**
96
- * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
97
- * Value type: <length>|<percentage>;
98
- * If unit is not specified, it defaults to `px`.
99
- */
100
- rx?: Cx.StringProp | Cx.NumberProp;
101
-
102
- /**
103
- * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
104
- * Value type: <length>|<percentage>;
105
- * If unit is not specified, it defaults to `px`.
106
- */
107
- ry?: Cx.StringProp | Cx.NumberProp;
108
- }
109
-
110
- export class Marker extends Cx.Widget<MarkerProps> {}
1
+ import * as Cx from "../core";
2
+ import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
3
+
4
+ interface MarkerProps extends BoundedObjectProps {
5
+ /** The `x` value binding or expression. */
6
+ x?: Cx.Prop<string | number | Date>;
7
+
8
+ /** The `y` value binding or expression. */
9
+ y?: Cx.Prop<string | number>;
10
+
11
+ /** Used to indicate if the data should affect axis span. */
12
+ affectsAxes?: Cx.BooleanProp;
13
+
14
+ /** Shape kind. `circle`, `square`, `triangle`, etc. */
15
+ shape?: Cx.StringProp;
16
+
17
+ disabled?: Cx.BooleanProp;
18
+
19
+ /** Index of a color from the standard palette of colors. 0-15. */
20
+ colorIndex?: Cx.Prop<string | number>;
21
+
22
+ /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
23
+ colorMap?: Cx.StringProp;
24
+
25
+ /** Name used to resolve the color. If not provided, `name` is used instead. */
26
+ colorName?: Cx.StringProp;
27
+
28
+ legendColorIndex?: Cx.NumberProp;
29
+
30
+ /** Name of the item as it will appear in the legend. */
31
+ name?: Cx.StringProp;
32
+
33
+ /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
34
+ active?: Cx.BooleanProp;
35
+
36
+ xOffset?: number;
37
+ yOffset?: number;
38
+
39
+ /** Size of the shape in pixels. */
40
+ size?: Cx.NumberProp;
41
+
42
+ /**
43
+ * Name of the horizontal axis. The value should match one of the horizontal axes set
44
+ * in the `axes` configuration of the parent `Chart` component. Default value is `x`.
45
+ */
46
+ xAxis?: string;
47
+
48
+ /**
49
+ * Name of the vertical axis. The value should match one of the vertical axes set
50
+ * in the `axes` configuration if the parent `Chart` component. Default value is `y`.
51
+ */
52
+ yAxis?: string;
53
+
54
+ /** Base CSS class to be applied to the element. Defaults to `marker`. */
55
+ baseClass?: string;
56
+
57
+ /** Set to `true` to make the shape draggable along the X axis. */
58
+ draggableX?: boolean;
59
+
60
+ /** Set to `true` to make the shape draggable along the Y axis. */
61
+ draggableY?: boolean;
62
+
63
+ /** Set to `true` to make the shape draggable along the X and Y axis. */
64
+ draggable?: boolean;
65
+
66
+ /** Constrain the marker position to min/max values of the X axis during drag operations. */
67
+ constrainX?: boolean;
68
+
69
+ /** Constrain the marker position to min/max values of the Y axis during drag operations. */
70
+ constrainY?: boolean;
71
+
72
+ /** When set to `true`, it is equivalent to setting `constrainX` and `constrainY` to true. */
73
+ constrain?: boolean;
74
+
75
+ /** Name of the legend to be used. Default is `legend`. */
76
+ legend?: string;
77
+
78
+ legendAction?: string;
79
+
80
+ /** Tooltip configuration. For more info see Tooltips. */
81
+ tooltip?: Cx.StringProp | Cx.StructuredProp;
82
+
83
+ /** Set to true to hide the marker. The marker will still participate in axis range calculations. */
84
+ hidden?: boolean;
85
+
86
+ /** Indicate that markers should be stacked horizontally. Default value is `false`. */
87
+ stackedX?: Cx.BooleanProp;
88
+
89
+ /** Indicate that markers should be stacked vertically. Default value is `false`. */
90
+ stackedY?: Cx.BooleanProp;
91
+
92
+ /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
93
+ stack?: Cx.StringProp;
94
+
95
+ /**
96
+ * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
97
+ * Value type: <length>|<percentage>;
98
+ * If unit is not specified, it defaults to `px`.
99
+ */
100
+ rx?: Cx.StringProp | Cx.NumberProp;
101
+
102
+ /**
103
+ * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
104
+ * Value type: <length>|<percentage>;
105
+ * If unit is not specified, it defaults to `px`.
106
+ */
107
+ ry?: Cx.StringProp | Cx.NumberProp;
108
+ }
109
+
110
+ export class Marker extends Cx.Widget<MarkerProps> {}