@highcharts/grid-pro 2.0.1 → 2.1.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 (164) hide show
  1. package/css/grid-pro.css +69 -85
  2. package/es-modules/Accessibility/Components/SeriesComponent/ForcedMarkers.js +2 -0
  3. package/es-modules/Accessibility/Options/LangDefaults.js +6 -1
  4. package/es-modules/Accessibility/Utils/ChartUtilities.js +3 -3
  5. package/es-modules/Core/Color/ColorString.d.ts +25 -0
  6. package/es-modules/Core/Color/ColorType.d.ts +43 -0
  7. package/es-modules/Core/Color/GradientColor.d.ts +57 -0
  8. package/es-modules/Core/Globals.js +1 -1
  9. package/es-modules/Core/Renderer/AlignObject.d.ts +37 -0
  10. package/es-modules/Core/Renderer/BBoxObject.d.ts +40 -0
  11. package/es-modules/Core/Renderer/CSSObject.d.ts +130 -0
  12. package/es-modules/Core/Renderer/DOMElementType.d.ts +36 -0
  13. package/es-modules/Core/Renderer/DashStyleValue.d.ts +28 -0
  14. package/es-modules/Core/Renderer/FontMetricsObject.d.ts +38 -0
  15. package/es-modules/Core/Renderer/HTML/HTMLAttributes.d.ts +57 -0
  16. package/es-modules/Core/Renderer/PolygonBoxObject.d.ts +19 -0
  17. package/es-modules/Core/Renderer/Position3DObject.d.ts +35 -0
  18. package/es-modules/Core/Renderer/PositionObject.d.ts +28 -0
  19. package/es-modules/Core/Renderer/RectangleObject.d.ts +35 -0
  20. package/es-modules/Core/Renderer/RendererType.d.ts +53 -0
  21. package/es-modules/Core/Renderer/SVG/ButtonThemeObject.d.ts +43 -0
  22. package/es-modules/Core/Renderer/SVG/SVGArc3D.d.ts +44 -0
  23. package/es-modules/Core/Renderer/SVG/SVGAttributes.d.ts +147 -0
  24. package/es-modules/Core/Renderer/SVG/SVGAttributes3D.d.ts +42 -0
  25. package/es-modules/Core/Renderer/SVG/SVGCuboid.d.ts +42 -0
  26. package/es-modules/Core/Renderer/SVG/SVGElementBase.d.ts +31 -0
  27. package/es-modules/Core/Renderer/SVG/SVGPath.d.ts +97 -0
  28. package/es-modules/Core/Renderer/SVG/SVGPath3D.d.ts +40 -0
  29. package/es-modules/Core/Renderer/SVG/SVGRendererBase.d.ts +31 -0
  30. package/es-modules/Core/Renderer/SVG/SymbolOptions.d.ts +41 -0
  31. package/es-modules/Core/Renderer/SVG/SymbolType.d.ts +50 -0
  32. package/es-modules/Core/Renderer/ShadowOptionsObject.d.ts +40 -0
  33. package/es-modules/Core/Renderer/SizeObject.d.ts +28 -0
  34. package/es-modules/Core/Templating.js +6 -7
  35. package/es-modules/Data/Connectors/DataConnector.js +3 -2
  36. package/es-modules/Data/Connectors/DataConnectorOptions.d.ts +1 -1
  37. package/es-modules/Data/DataTable.d.ts +1 -1
  38. package/es-modules/Data/DataTable.js +3 -2
  39. package/es-modules/Data/DataTableCore.js +15 -6
  40. package/es-modules/Grid/Core/Accessibility/Accessibility.d.ts +13 -15
  41. package/es-modules/Grid/Core/Credits.d.ts +0 -2
  42. package/es-modules/Grid/Core/Defaults.d.ts +20 -17
  43. package/es-modules/Grid/Core/Defaults.js +116 -114
  44. package/es-modules/Grid/Core/Globals.d.ts +108 -32
  45. package/es-modules/Grid/Core/Globals.js +98 -111
  46. package/es-modules/Grid/Core/Grid.d.ts +51 -17
  47. package/es-modules/Grid/Core/Grid.js +369 -79
  48. package/es-modules/Grid/Core/GridUtils.d.ts +96 -89
  49. package/es-modules/Grid/Core/GridUtils.js +143 -155
  50. package/es-modules/Grid/Core/Options.d.ts +3 -7
  51. package/es-modules/Grid/Core/Pagination/Icons.d.ts +4 -4
  52. package/es-modules/Grid/Core/Pagination/Pagination.d.ts +32 -57
  53. package/es-modules/Grid/Core/Pagination/Pagination.js +206 -214
  54. package/es-modules/Grid/Core/Pagination/PaginationOptions.d.ts +22 -15
  55. package/es-modules/Grid/Core/Querying/PaginationController.d.ts +32 -9
  56. package/es-modules/Grid/Core/Querying/PaginationController.js +58 -18
  57. package/es-modules/Grid/Core/Querying/SortingController.d.ts +7 -15
  58. package/es-modules/Grid/Core/Querying/SortingController.js +2 -3
  59. package/es-modules/Grid/Core/Table/Actions/ColumnFiltering/ColumnFiltering.d.ts +1 -1
  60. package/es-modules/Grid/Core/Table/Actions/ColumnFiltering/ColumnFiltering.js +32 -4
  61. package/es-modules/Grid/Core/Table/Actions/ColumnFiltering/FilteringTypes.d.ts +3 -3
  62. package/es-modules/Grid/Core/Table/Actions/ColumnSorting.d.ts +3 -5
  63. package/es-modules/Grid/Core/Table/Actions/ColumnSorting.js +1 -5
  64. package/es-modules/Grid/Core/Table/Body/TableCell.d.ts +14 -10
  65. package/es-modules/Grid/Core/Table/Body/TableCell.js +19 -21
  66. package/es-modules/Grid/Core/Table/Body/TableRow.d.ts +0 -2
  67. package/es-modules/Grid/Core/Table/Cell.js +30 -0
  68. package/es-modules/Grid/Core/Table/CellContent/TextContent.d.ts +2 -7
  69. package/es-modules/Grid/Core/Table/CellContent/TextContent.js +25 -14
  70. package/es-modules/Grid/Core/Table/Column.d.ts +7 -9
  71. package/es-modules/Grid/Core/Table/Column.js +23 -1
  72. package/es-modules/Grid/Core/Table/ColumnResizing/AdjacentResizingMode.js +2 -2
  73. package/es-modules/Grid/Core/Table/ColumnResizing/ColumnResizing.d.ts +30 -23
  74. package/es-modules/Grid/Core/Table/ColumnResizing/ColumnResizing.js +39 -39
  75. package/es-modules/Grid/Core/Table/ColumnResizing/DistributedResizingMode.js +1 -1
  76. package/es-modules/Grid/Core/Table/ColumnResizing/IndependentResizingMode.js +2 -2
  77. package/es-modules/Grid/Core/Table/ColumnResizing/ResizingMode.d.ts +6 -1
  78. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/ColumnToolbar.js +10 -0
  79. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/FilterPopup.d.ts +2 -2
  80. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/StateHelpers.d.ts +26 -24
  81. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/StateHelpers.js +37 -39
  82. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/ToolbarButtons/FilterToolbarButton.d.ts +1 -1
  83. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/ToolbarButtons/MenuToolbarButton.d.ts +1 -1
  84. package/es-modules/Grid/Core/Table/Header/ColumnToolbar/ToolbarButtons/SortToolbarButton.d.ts +1 -1
  85. package/es-modules/Grid/Core/Table/Header/HeaderRow.d.ts +0 -2
  86. package/es-modules/Grid/Core/Table/Header/TableHeader.d.ts +0 -2
  87. package/es-modules/Grid/Core/Table/Table.d.ts +11 -13
  88. package/es-modules/Grid/Core/Table/Table.js +9 -5
  89. package/es-modules/Grid/Core/UI/Button.d.ts +1 -1
  90. package/es-modules/Grid/Core/UI/ContextMenu.d.ts +1 -1
  91. package/es-modules/Grid/Core/UI/ContextMenu.js +1 -1
  92. package/es-modules/Grid/Core/UI/ContextMenuButton.d.ts +39 -44
  93. package/es-modules/Grid/Core/UI/ContextMenuButton.js +4 -4
  94. package/es-modules/Grid/Core/UI/Popup.d.ts +17 -19
  95. package/es-modules/Grid/Core/UI/Popup.js +2 -1
  96. package/es-modules/Grid/Core/UI/SvgIcons.d.ts +49 -50
  97. package/es-modules/Grid/Core/UI/SvgIcons.js +114 -123
  98. package/es-modules/Grid/Core/UI/ToolbarButton.d.ts +46 -52
  99. package/es-modules/Grid/Core/UI/ToolbarButton.js +4 -3
  100. package/es-modules/Grid/Pro/CellEditing/CellEditing.d.ts +6 -8
  101. package/es-modules/Grid/Pro/CellEditing/CellEditing.js +8 -11
  102. package/es-modules/Grid/Pro/CellEditing/CellEditingComposition.d.ts +27 -1
  103. package/es-modules/Grid/Pro/CellEditing/CellEditingComposition.js +149 -149
  104. package/es-modules/Grid/Pro/CellRendering/CellRenderer.d.ts +18 -20
  105. package/es-modules/Grid/Pro/CellRendering/CellRenderer.js +1 -1
  106. package/es-modules/Grid/Pro/CellRendering/CellRendererRegistry.d.ts +19 -17
  107. package/es-modules/Grid/Pro/CellRendering/CellRendererRegistry.js +28 -34
  108. package/es-modules/Grid/Pro/CellRendering/CellRenderersComposition.d.ts +12 -1
  109. package/es-modules/Grid/Pro/CellRendering/CellRenderersComposition.js +41 -46
  110. package/es-modules/Grid/Pro/CellRendering/ContentTypes/CheckboxContent.js +2 -2
  111. package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateInputContent.d.ts +2 -2
  112. package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateInputContentBase.d.ts +2 -2
  113. package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateInputContentBase.js +4 -2
  114. package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateTimeInputContent.d.ts +2 -2
  115. package/es-modules/Grid/Pro/CellRendering/ContentTypes/NumberInputContent.js +3 -1
  116. package/es-modules/Grid/Pro/CellRendering/ContentTypes/SelectContent.js +3 -1
  117. package/es-modules/Grid/Pro/CellRendering/ContentTypes/SparklineContent.d.ts +19 -8
  118. package/es-modules/Grid/Pro/CellRendering/ContentTypes/SparklineContent.js +17 -13
  119. package/es-modules/Grid/Pro/CellRendering/ContentTypes/TextInputContent.js +3 -1
  120. package/es-modules/Grid/Pro/CellRendering/ContentTypes/TimeInputContent.d.ts +2 -2
  121. package/es-modules/Grid/Pro/CellRendering/Renderers/CheckboxRenderer.d.ts +18 -20
  122. package/es-modules/Grid/Pro/CellRendering/Renderers/CheckboxRenderer.js +3 -3
  123. package/es-modules/Grid/Pro/CellRendering/Renderers/DateInputRenderer.d.ts +10 -12
  124. package/es-modules/Grid/Pro/CellRendering/Renderers/DateInputRenderer.js +3 -3
  125. package/es-modules/Grid/Pro/CellRendering/Renderers/DateInputRendererBase.d.ts +17 -20
  126. package/es-modules/Grid/Pro/CellRendering/Renderers/DateTimeInputRenderer.d.ts +10 -12
  127. package/es-modules/Grid/Pro/CellRendering/Renderers/DateTimeInputRenderer.js +3 -3
  128. package/es-modules/Grid/Pro/CellRendering/Renderers/NumberInputRenderer.d.ts +20 -22
  129. package/es-modules/Grid/Pro/CellRendering/Renderers/NumberInputRenderer.js +3 -3
  130. package/es-modules/Grid/Pro/CellRendering/Renderers/SelectRenderer.d.ts +40 -42
  131. package/es-modules/Grid/Pro/CellRendering/Renderers/SelectRenderer.js +3 -3
  132. package/es-modules/Grid/Pro/CellRendering/Renderers/SparklineRenderer.d.ts +16 -18
  133. package/es-modules/Grid/Pro/CellRendering/Renderers/SparklineRenderer.js +14 -22
  134. package/es-modules/Grid/Pro/CellRendering/Renderers/TextInputRenderer.d.ts +22 -24
  135. package/es-modules/Grid/Pro/CellRendering/Renderers/TextInputRenderer.js +3 -3
  136. package/es-modules/Grid/Pro/CellRendering/Renderers/TextRenderer.d.ts +10 -12
  137. package/es-modules/Grid/Pro/CellRendering/Renderers/TextRenderer.js +3 -3
  138. package/es-modules/Grid/Pro/CellRendering/Renderers/TimeInputRenderer.d.ts +10 -12
  139. package/es-modules/Grid/Pro/CellRendering/Renderers/TimeInputRenderer.js +3 -3
  140. package/es-modules/Grid/Pro/ColumnTypes/Validator.d.ts +46 -51
  141. package/es-modules/Grid/Pro/ColumnTypes/Validator.js +62 -77
  142. package/es-modules/Grid/Pro/ColumnTypes/ValidatorComposition.d.ts +16 -3
  143. package/es-modules/Grid/Pro/ColumnTypes/ValidatorComposition.js +26 -31
  144. package/es-modules/Grid/Pro/Credits/CreditsPro.d.ts +0 -2
  145. package/es-modules/Grid/Pro/Credits/CreditsProComposition.d.ts +12 -11
  146. package/es-modules/Grid/Pro/Credits/CreditsProComposition.js +29 -31
  147. package/es-modules/Grid/Pro/Export/Exporting.d.ts +3 -3
  148. package/es-modules/Grid/Pro/Export/Exporting.js +35 -29
  149. package/es-modules/Grid/Pro/Export/ExportingComposition.d.ts +12 -11
  150. package/es-modules/Grid/Pro/Export/ExportingComposition.js +24 -26
  151. package/es-modules/Grid/Pro/GridEvents.d.ts +19 -1
  152. package/es-modules/Grid/Pro/GridEvents.js +6 -2
  153. package/es-modules/Grid/Pro/Pagination/PaginationComposition.d.ts +4 -11
  154. package/es-modules/Grid/Pro/Pagination/PaginationComposition.js +44 -45
  155. package/es-modules/Grid/index.d.ts +1 -0
  156. package/es-modules/masters/grid-pro.src.d.ts +62 -37
  157. package/es-modules/masters/grid-pro.src.js +37 -39
  158. package/grid-pro.d.ts +122 -48
  159. package/grid-pro.js +3 -6
  160. package/grid-pro.js.map +1 -1
  161. package/grid-pro.src.d.ts +122 -48
  162. package/grid-pro.src.js +6645 -6270
  163. package/package.json +13 -4
  164. package/es-modules/Grid/Pro/ColumnTypes/ColumnDataType.d.ts +0 -29
package/css/grid-pro.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Highcharts Grid Pro v2.0.1
2
+ * @license Highcharts Grid Pro v2.1.0
3
3
  *
4
4
  * (c) 2009-2025 Highsoft AS
5
5
  *
@@ -152,6 +152,13 @@
152
152
  --ig-description-font: var(--ig-description-font-weight) var(--ig-description-font-size) var(--ig-description-font-family);
153
153
  --ig-description-text-align: var(--hcg-description-text-align, var(--ig-text-align));
154
154
 
155
+ /* Pagination fonts */
156
+ --ig-pagination-font-weight: var(--hcg-pagination-font-weight, var(--ig-font-weight));
157
+ --ig-pagination-font-size: var(--hcg-pagination-font-size, var(--ig-font-size));
158
+ --ig-pagination-font-family: var(--hcg-pagination-font-family, var(--ig-font-family));
159
+ --ig-pagination-color: var(--hcg-pagination-color, var(--ig-color));
160
+ --ig-pagination-font: var(--ig-pagination-font-weight) var(--ig-pagination-font-size) var(--ig-pagination-font-family);
161
+
155
162
  /* Default borders */
156
163
  --ig-border-radius: var(--hcg-border-radius, 0);
157
164
  --ig-border-width: var(--hcg-border-width, 0);
@@ -355,10 +362,10 @@
355
362
  --ig-button-hover-background: var(--hcg-button-hover-background, var(--ig-default-color));
356
363
  --ig-button-hover-border-color: var(--hcg-button-hover-border-color, var(--ig-button-border-color));
357
364
 
358
- /* Active buttons for future compability only */
359
- --ig-button-active-color: var(--ig-button-hover-color);
360
- --ig-button-active-background: var(--ig-button-hover-background);
361
- --ig-button-active-border-color: var(--ig-button-hover-border-color);
365
+ /* Selected buttons for future compability only */
366
+ --ig-button-selected-color: var(--ig-button-hover-color);
367
+ --ig-button-selected-background: var(--ig-button-hover-background);
368
+ --ig-button-selected-border-color: var(--ig-button-hover-border-color);
362
369
 
363
370
  /* Icon styles */
364
371
  --ig-icon-color: var(--hcg-icon-color, var(--ig-button-color, var(--ig-default-color)));
@@ -377,9 +384,9 @@
377
384
  --ig-pagination-button-hover-background: var(--hcg-pagination-button-hover-background, var(--ig-button-hover-background));
378
385
  --ig-pagination-button-hover-color: var(--hcg-pagination-button-hover-color, var(--ig-button-hover-color));
379
386
  --ig-pagination-button-hover-border-color: var(--hcg-pagination-button-hover-border-color, var(--ig-button-hover-border-color));
380
- --ig-pagination-button-active-color: var(--hcg-pagination-button-active-color, var(--hcg-pagination-button-hover-color, var(--ig-button-active-color)));
381
- --ig-pagination-button-active-background: var(--hcg-pagination-button-active-background, var(--hcg-pagination-button-hover-background, var(--ig-button-active-background)));
382
- --ig-pagination-button-active-border-color: var(--hcg-pagination-button-active-border-color, var(--hcg-pagination-button-hover-border-color, var(--ig-button-active-border-color)));
387
+ --ig-pagination-button-selected-color: var(--hcg-pagination-button-selected-color, var(--hcg-pagination-button-hover-color, var(--ig-button-selected-color)));
388
+ --ig-pagination-button-selected-background: var(--hcg-pagination-button-selected-background, var(--hcg-pagination-button-hover-background, var(--ig-button-selected-background)));
389
+ --ig-pagination-button-selected-border-color: var(--hcg-pagination-button-selected-border-color, var(--hcg-pagination-button-hover-border-color, var(--ig-button-selected-border-color)));
383
390
  --ig-pagination-icon-color: var(--hcg-pagination-icon-color, var(--ig-pagination-icon-default-color));
384
391
 
385
392
  /* Accessibility */
@@ -413,6 +420,8 @@
413
420
 
414
421
  /* Grid container */
415
422
  .hcg-container {
423
+ container-type: inline-size;
424
+ container-name: hcg;
416
425
  position: relative;
417
426
  display: flex;
418
427
  flex-direction: column;
@@ -608,6 +617,7 @@
608
617
  /* Header cell icons container - generic for all icon types */
609
618
  .hcg-header-cell-icons {
610
619
  display: flex;
620
+ overflow: hidden;
611
621
  align-items: center;
612
622
  gap: 2px;
613
623
  max-width: 0;
@@ -783,10 +793,6 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
783
793
  text-overflow: ellipsis;
784
794
  }
785
795
 
786
- .hcg-table tbody td.hcg-edited-cell {
787
- padding: 0;
788
- }
789
-
790
796
  .hcg-table tbody td:focus,
791
797
  .hcg-table thead th:focus-visible {
792
798
  outline: none;
@@ -1084,8 +1090,7 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1084
1090
 
1085
1091
  /* Input elements */
1086
1092
 
1087
- .hcg-container input,
1088
- .hcg-container select {
1093
+ .hcg-container .hcg-input {
1089
1094
  font: var(--ig-input-font);
1090
1095
  text-align: var(--ig-input-text-align);
1091
1096
  background: var(--ig-input-background);
@@ -1094,10 +1099,9 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1094
1099
  border-radius: var(--ig-input-border-radius);
1095
1100
  padding: 7px;
1096
1101
  width: 100%;
1097
- line-height: 1em;
1098
1102
  }
1099
1103
 
1100
- .hcg-container input[type="checkbox"] {
1104
+ .hcg-container .hcg-input[type="checkbox"] {
1101
1105
  appearance: none;
1102
1106
  width: 20px;
1103
1107
  height: 20px;
@@ -1105,51 +1109,48 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1105
1109
  position: relative;
1106
1110
  }
1107
1111
 
1108
- .hcg-container input[type="checkbox"]:checked::before {
1112
+ .hcg-container .hcg-input[type="checkbox"]:checked::before {
1109
1113
  content: "";
1110
1114
  position: absolute;
1111
1115
  inset: 0;
1112
1116
  margin: 0.05rem;
1113
1117
  mask: center/contain no-repeat;
1114
- mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2013l4%204L19%207%27%2F%3E%3C%2Fsvg%3E");
1118
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
1115
1119
  background-color: var(--ig-input-color);
1116
1120
  }
1117
1121
 
1118
- .hcg-container input:hover,
1119
- .hcg-container select:hover {
1122
+ .hcg-container .hcg-input:hover {
1120
1123
  border-color: var(--ig-input-hover-border-color);
1121
1124
  }
1122
1125
 
1123
- .hcg-container input:disabled,
1124
- .hcg-container select:disabled,
1125
- .hcg-container button:disabled {
1126
+ .hcg-container .hcg-input:disabled,
1127
+ .hcg-container .hcg-button:disabled {
1126
1128
  opacity: 0.4;
1127
1129
  cursor: not-allowed;
1128
1130
  }
1129
1131
 
1130
- .hcg-container input::placeholder {
1132
+ .hcg-container .hcg-input::placeholder {
1131
1133
  color: #767676;
1132
1134
  }
1133
1135
 
1134
- .hcg-container input:focus-visible,
1135
- .hcg-container select:focus-visible {
1136
+ .hcg-container .hcg-input:focus-visible {
1136
1137
  outline: none;
1137
1138
  border-color: transparent;
1138
1139
  box-shadow: var(--ig-focus-ring);
1139
1140
  }
1140
1141
 
1141
- .hcg-container input.hcg-icon {
1142
+ .hcg-container .hcg-input.hcg-icon {
1142
1143
  padding-left: 25px;
1143
1144
  appearance: none;
1144
1145
  background-repeat: no-repeat;
1145
1146
  background-position: left 10px center;
1146
1147
  }
1147
1148
 
1148
- .hcg-container input.hcg-icon-search {
1149
+ .hcg-container .hcg-input.hcg-icon-search {
1149
1150
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M10.5 10.5L7.50005 7.5M8.5 5C8.5 6.933 6.933 8.5 5 8.5C3.067 8.5 1.5 6.933 1.5 5C1.5 3.067 3.067 1.5 5 1.5C6.933 1.5 8.5 3.067 8.5 5Z' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
1150
1151
  }
1151
1152
 
1152
- .hcg-container select {
1153
+ .hcg-container select.hcg-input {
1153
1154
  appearance: none;
1154
1155
  background-image: url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 7.5L6 10L8.5 7.5M3.5 4.5L6 2L8.5 4.5' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
1155
1156
  background-repeat: no-repeat;
@@ -1210,6 +1211,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1210
1211
  .hcg-pagination-wrapper {
1211
1212
  background: var(--ig-pagination-background);
1212
1213
  padding: var(--ig-pagination-padding);
1214
+ color: var(--ig-pagination-color);
1215
+ font: var(--ig-pagination-font);
1213
1216
  display: grid;
1214
1217
  grid-template-columns: 1fr auto 1fr;
1215
1218
  align-items: center;
@@ -1217,9 +1220,12 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1217
1220
  width: 100%;
1218
1221
  }
1219
1222
 
1220
- /* Pagination button styling - unified approach */
1221
- .hcg-pagination-wrapper button,
1222
- .hcg-pagination-wrapper .hcg-pagination-ellipsis {
1223
+ .hcg-pagination-wrapper select {
1224
+ min-height: 30px;
1225
+ }
1226
+
1227
+ .hcg-pagination-controls-container .hcg-button,
1228
+ .hcg-pagination-controls-container span {
1223
1229
  color: var(--ig-pagination-button-color);
1224
1230
  background: var(--ig-pagination-button-background);
1225
1231
  border: var(--ig-pagination-button-border);
@@ -1235,26 +1241,26 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1235
1241
  cursor: pointer;
1236
1242
  }
1237
1243
 
1238
- .hcg-pagination-wrapper .hcg-pagination-ellipsis {
1244
+ .hcg-pagination-controls-container span {
1239
1245
  cursor: default;
1240
1246
  border-color: transparent;
1241
1247
  }
1242
1248
 
1243
1249
  /* SVG icon styling for pagination buttons */
1244
- .hcg-pagination-wrapper button svg {
1250
+ .hcg-pagination-controls-container .hcg-button svg {
1245
1251
  color: var(--ig-pagination-icon-color);
1246
1252
  width: var(--ig-input-font-size);
1247
1253
  height: var(--ig-input-font-size);
1248
1254
  display: block;
1249
1255
  }
1250
1256
 
1251
- .hcg-pagination-wrapper button svg path {
1257
+ .hcg-pagination-controls-container .hcg-button svg path {
1252
1258
  stroke: currentcolor;
1253
1259
  }
1254
1260
 
1255
1261
  /* Fix horizontal layout for pagination pages */
1256
1262
 
1257
- .hcg-pagination-wrapper div.hcg-pagination-page {
1263
+ .hcg-pagination-controls-container div.hcg-pagination-nav-buttons-container {
1258
1264
  margin-right: 12px;
1259
1265
  margin-left: 12px;
1260
1266
  display: inline-flex;
@@ -1271,7 +1277,7 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1271
1277
  }
1272
1278
 
1273
1279
  /* Pagination controls - horizontal layout */
1274
- .hcg-pagination-wrapper .hcg-pagination-controls {
1280
+ .hcg-pagination-wrapper .hcg-pagination-controls-container {
1275
1281
  display: flex;
1276
1282
  align-items: center;
1277
1283
  gap: 2px;
@@ -1279,14 +1285,14 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1279
1285
  }
1280
1286
 
1281
1287
  /* Hover state - only border change */
1282
- .hcg-pagination-wrapper button:hover:not(:is(:disabled, .hcg-pagination-page-active)) {
1288
+ .hcg-pagination-wrapper .hcg-button:hover:not(:is(:disabled, .hcg-button-selected)) {
1283
1289
  color: var(--ig-pagination-button-hover-color);
1284
1290
  background: var(--ig-pagination-button-hover-background);
1285
1291
  border-color: var(--ig-pagination-button-hover-border-color);
1286
1292
  outline: none;
1287
1293
  }
1288
1294
 
1289
- .hcg-pagination-wrapper button:focus-visible:not(:disabled) {
1295
+ .hcg-pagination-wrapper .hcg-button:focus-visible:not(:disabled) {
1290
1296
  outline: none;
1291
1297
  border-color: transparent;
1292
1298
  box-shadow: var(--ig-focus-ring);
@@ -1294,61 +1300,41 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1294
1300
 
1295
1301
  /* Disabled state */
1296
1302
 
1297
- .hcg-pagination-wrapper .hcg-pagination-page-active {
1298
- color: var(--ig-pagination-button-active-color);
1299
- background: var(--ig-pagination-button-active-background);
1300
- border-color: var(--ig-pagination-button-active-border-color);
1303
+ .hcg-pagination-wrapper .hcg-button-selected {
1304
+ color: var(--ig-pagination-button-selected-color);
1305
+ background: var(--ig-pagination-button-selected-background);
1306
+ border-color: var(--ig-pagination-button-selected-border-color);
1301
1307
  }
1302
1308
 
1303
1309
  /* Page size selector */
1304
- .hcg-pagination-wrapper .hcg-pagination-page-size-container {
1310
+ .hcg-pagination-wrapper .hcg-pagination-page-size {
1305
1311
  text-align: right;
1306
1312
  }
1307
1313
 
1308
- .hcg-pagination-wrapper select {
1309
- min-height: 30px;
1310
- }
1311
-
1312
- .hcg-pagination-wrapper .hcg-pagination-page-size-select {
1314
+ .hcg-pagination-wrapper .hcg-pagination-page-size select.hcg-input {
1313
1315
  width: 60px;
1314
1316
  margin-left: 8px;
1315
1317
  }
1316
1318
 
1317
1319
  /* Mobile page selector - hidden by default */
1318
- .hcg-pagination-wrapper .hcg-pagination-mobile-selector {
1320
+ .hcg-pagination-wrapper .hcg-pagination-nav-dropdown {
1319
1321
  display: none;
1320
1322
  margin-left: 0;
1321
1323
  min-width: 200px;
1322
1324
  text-align: center;
1323
1325
  }
1324
1326
 
1325
- /* Mobile page size selector - hidden by default */
1326
- .hcg-pagination-wrapper .hcg-pagination-mobile-page-size-selector {
1327
- width: 150px;
1328
- display: none;
1329
- }
1330
-
1331
- @media (max-width: 1024px) {
1327
+ @container hcg (max-width: 1024px) {
1332
1328
  .hcg-pagination-wrapper {
1333
- display: flex;
1334
- flex-direction: column;
1335
- gap: 20px;
1336
- align-items: center;
1337
- width: 100%;
1338
- margin-bottom: 20px;
1329
+ grid-template-columns: 1fr;
1330
+ justify-items: center;
1339
1331
  }
1340
1332
 
1341
- /* Show mobile selectors on mobile */
1342
- .hcg-pagination-wrapper .hcg-pagination-mobile-selector,
1343
- .hcg-pagination-wrapper .hcg-pagination-mobile-page-size-selector {
1333
+ .hcg-pagination-wrapper .hcg-pagination-nav-dropdown {
1344
1334
  display: block;
1345
1335
  }
1346
1336
 
1347
- .hcg-pagination-wrapper div.hcg-pagination-page,
1348
- .hcg-pagination-wrapper .hcg-pagination-first,
1349
- .hcg-pagination-wrapper .hcg-pagination-last,
1350
- .hcg-pagination-wrapper .hcg-pagination-page-size-container span,
1351
- .hcg-pagination-wrapper .hcg-pagination-page-size-container .hcg-pagination-page-size-select {
1337
+ .hcg-pagination-wrapper div.hcg-pagination-nav-buttons-container {
1352
1338
  display: none;
1353
1339
  }
1354
1340
  }
@@ -1503,8 +1489,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1503
1489
  --hcg-button-color: #141414;
1504
1490
  --hcg-button-hover-color: #141414;
1505
1491
  --hcg-pagination-vertical-padding: 10px;
1506
- --hcg-pagination-button-active-background: #000000;
1507
- --hcg-pagination-button-active-color: #ffffff;
1492
+ --hcg-pagination-button-selected-background: #000000;
1493
+ --hcg-pagination-button-selected-color: #ffffff;
1508
1494
  --hcg-icon-color: #626262;
1509
1495
  --hcg-icon-hover-color: #141414;
1510
1496
  }
@@ -1518,8 +1504,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1518
1504
  --hcg-button-hover-background: #3b3b3b;
1519
1505
  --hcg-button-color: #ffffff;
1520
1506
  --hcg-button-hover-color: #ffffff;
1521
- --hcg-pagination-button-active-background: #ffffff;
1522
- --hcg-pagination-button-active-color: #000000;
1507
+ --hcg-pagination-button-selected-background: #ffffff;
1508
+ --hcg-pagination-button-selected-color: #000000;
1523
1509
  --hcg-icon-hover-color: #ffffff;
1524
1510
  }
1525
1511
  }
@@ -1532,8 +1518,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1532
1518
  --hcg-button-hover-background: #3b3b3b;
1533
1519
  --hcg-button-color: #ffffff;
1534
1520
  --hcg-button-hover-color: #ffffff;
1535
- --hcg-pagination-button-active-background: #ffffff;
1536
- --hcg-pagination-button-active-color: #000000;
1521
+ --hcg-pagination-button-selected-background: #ffffff;
1522
+ --hcg-pagination-button-selected-color: #000000;
1537
1523
  --hcg-icon-hover-color: #ffffff;
1538
1524
  }
1539
1525
 
@@ -1662,12 +1648,11 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1662
1648
  justify-content: center;
1663
1649
  }
1664
1650
 
1665
- .hcg-cell-editing-container:has(input[type="checkbox"]) {
1651
+ .hcg-cell-editing-container:has(.hcg-input[type="checkbox"]) {
1666
1652
  padding: var(--ig-padding);
1667
1653
  }
1668
1654
 
1669
- .hcg-table tbody td.hcg-edited-cell input:not([type="checkbox"]),
1670
- .hcg-table tbody td.hcg-edited-cell select {
1655
+ .hcg-table tbody td.hcg-edited-cell .hcg-input:not([type="checkbox"]) {
1671
1656
  border-width: 0;
1672
1657
  position: absolute;
1673
1658
  top: 0;
@@ -1677,21 +1662,20 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
1677
1662
  outline: none;
1678
1663
  float: left;
1679
1664
  font: var(--ig-font);
1680
- background: transparent;
1665
+ background-color: transparent;
1681
1666
  color: unset;
1682
1667
  padding: var(--ig-padding);
1683
1668
  max-height: unset;
1684
1669
  height: unset;
1685
1670
  border-radius: unset;
1686
- line-height: inherit;
1671
+ line-height: 1.2em;
1687
1672
  }
1688
1673
 
1689
1674
  .hcg-table tbody td.hcg-edited-cell select {
1690
- appearance: base-select;
1675
+ appearance: none;
1691
1676
  }
1692
1677
 
1693
- .hcg-table tbody td.hcg-edited-cell-error input,
1694
- .hcg-table tbody td.hcg-edited-cell-error select {
1678
+ .hcg-table tbody td.hcg-edited-cell-error .hcg-input {
1695
1679
  color: var(--ig-color);
1696
1680
  box-shadow: inset 0 0 0 var(--ig-focus-ring-width) var(--ig-negative-border-color) !important;
1697
1681
  background-color: var(--ig-negative-background) !important;
@@ -158,6 +158,8 @@ var ForcedMarkersComposition;
158
158
  }
159
159
  else if (series.a11yMarkersForced) {
160
160
  delete series.a11yMarkersForced;
161
+ // Mark series dirty to ensure marker graphics are cleaned up
162
+ series.isDirty = true;
161
163
  unforceSeriesMarkerOptions(series);
162
164
  if (options.marker && options.marker.enabled === false) { // #23329
163
165
  delete series.resetA11yMarkerOptions; // #16624
@@ -326,7 +326,12 @@ const langOptions = {
326
326
  timeRangeMinutes: 'Data range: {range} minutes.',
327
327
  timeRangeSeconds: 'Data range: {range} seconds.',
328
328
  rangeFromTo: 'Data ranges from {rangeFrom} to {rangeTo}.',
329
- rangeCategories: 'Data range: {numCategories} categories.'
329
+ rangeCategories: 'Data range: {numCategories} categories.',
330
+ defaultAxisNames: {
331
+ categories: 'categories',
332
+ time: 'Time',
333
+ values: 'values'
334
+ }
330
335
  }, /* eslint-enable max-len */
331
336
  /**
332
337
  * Exporting menu format strings for accessibility module.
@@ -61,9 +61,9 @@ function getAxisDescription(axis) {
61
61
  return axis && (axis.options.accessibility?.description ||
62
62
  axis.axisTitle?.textStr ||
63
63
  axis.options.id ||
64
- axis.categories && 'categories' ||
65
- axis.dateTime && 'Time' ||
66
- 'values');
64
+ axis.categories && axis.chart.langFormat('accessibility.axis.defaultAxisNames.categories', {}) ||
65
+ axis.dateTime && axis.chart.langFormat('accessibility.axis.defaultAxisNames.time', {}) ||
66
+ axis.chart.langFormat('accessibility.axis.defaultAxisNames.values', {}));
67
67
  }
68
68
  /**
69
69
  * Return string with text description of the axis range.
@@ -0,0 +1,25 @@
1
+ /* *
2
+ *
3
+ * (c) 2010-2025 Torstein Honsi
4
+ *
5
+ * License: www.highcharts.com/license
6
+ *
7
+ * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
8
+ *
9
+ * */
10
+
11
+ /* *
12
+ *
13
+ * Declarations
14
+ *
15
+ * */
16
+
17
+ export type ColorString = string;
18
+
19
+ /* *
20
+ *
21
+ * Export
22
+ *
23
+ * */
24
+
25
+ export default ColorString;
@@ -0,0 +1,43 @@
1
+ /* *
2
+ *
3
+ * (c) 2010-2025 Torstein Honsi
4
+ *
5
+ * License: www.highcharts.com/license
6
+ *
7
+ * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
8
+ *
9
+ * */
10
+
11
+ /* *
12
+ *
13
+ * Imports
14
+ *
15
+ * */
16
+
17
+ import type ColorString from './ColorString';
18
+ import type GradientColor from './GradientColor';
19
+
20
+ /* *
21
+ *
22
+ * Declarations
23
+ *
24
+ * */
25
+
26
+ export interface ColorBase {
27
+ // Nothing here yet
28
+ }
29
+
30
+ export type ColorType = ColorTypeRegistry[keyof ColorTypeRegistry];
31
+
32
+ export interface ColorTypeRegistry {
33
+ ColorString: ColorString;
34
+ GradientColor: GradientColor;
35
+ }
36
+
37
+ /* *
38
+ *
39
+ * Export
40
+ *
41
+ * */
42
+
43
+ export default ColorType;
@@ -0,0 +1,57 @@
1
+ /* *
2
+ *
3
+ * (c) 2010-2025 Torstein Honsi
4
+ *
5
+ * License: www.highcharts.com/license
6
+ *
7
+ * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
8
+ *
9
+ * */
10
+
11
+ /* *
12
+ *
13
+ * Imports
14
+ *
15
+ * */
16
+
17
+ import type Color from './Color';
18
+ import type ColorType from './ColorType';
19
+
20
+ /* *
21
+ *
22
+ * Declarations
23
+ *
24
+ * */
25
+
26
+ export interface GradientColor {
27
+ linearGradient?: LinearGradientColor;
28
+ radialGradient?: RadialGradientColor;
29
+ stops: Array<GradientColorStop>;
30
+ }
31
+
32
+ export interface GradientColorStop {
33
+ 0: number;
34
+ 1: ColorType;
35
+ color?: Color;
36
+ }
37
+
38
+ export interface LinearGradientColor {
39
+ x1: number;
40
+ x2: number;
41
+ y1: number;
42
+ y2: number;
43
+ }
44
+
45
+ export interface RadialGradientColor {
46
+ cx: number;
47
+ cy: number;
48
+ r: number;
49
+ }
50
+
51
+ /* *
52
+ *
53
+ * Export
54
+ *
55
+ * */
56
+
57
+ export default GradientColor;
@@ -24,7 +24,7 @@ var Globals;
24
24
  * Constants
25
25
  *
26
26
  * */
27
- Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '@product.version@', Globals.win = (typeof window !== 'undefined' ?
27
+ Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '2.1.0', Globals.win = (typeof window !== 'undefined' ?
28
28
  window :
29
29
  {}), // eslint-disable-line node/no-unsupported-features/es-builtins
30
30
  Globals.doc = Globals.win.document, Globals.svg = !!Globals.doc?.createElementNS?.(Globals.SVG_NS, 'svg')?.createSVGRect, Globals.pageLang = Globals.doc?.documentElement?.closest('[lang]')?.lang, Globals.userAgent = Globals.win.navigator?.userAgent || '', Globals.isChrome = Globals.win.chrome, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.marginNames = [
@@ -0,0 +1,37 @@
1
+ /* *
2
+ *
3
+ * (c) 2010-2025 Torstein Honsi
4
+ *
5
+ * License: www.highcharts.com/license
6
+ *
7
+ * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
8
+ *
9
+ * */
10
+
11
+ /* *
12
+ *
13
+ * Declarations
14
+ *
15
+ * */
16
+
17
+ export type AlignValue = ('center'|'left'|'right');
18
+
19
+ export type VerticalAlignValue = ('bottom'|'middle'|'top');
20
+
21
+ export interface AlignObject {
22
+ align?: AlignValue;
23
+ alignByTranslate?: boolean;
24
+ verticalAlign?: VerticalAlignValue;
25
+ x?: number;
26
+ y?: number;
27
+ width?: number;
28
+ height?: number;
29
+ }
30
+
31
+ /* *
32
+ *
33
+ * Default Export
34
+ *
35
+ * */
36
+
37
+ export default AlignObject;
@@ -0,0 +1,40 @@
1
+ /* *
2
+ *
3
+ * (c) 2010-2025 Torstein Honsi
4
+ *
5
+ * License: www.highcharts.com/license
6
+ *
7
+ * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
8
+ *
9
+ * */
10
+
11
+ /* *
12
+ *
13
+ * Imports
14
+ *
15
+ * */
16
+
17
+ import type PositionObject from './PositionObject';
18
+ import type SizeObject from './SizeObject';
19
+
20
+ /* *
21
+ *
22
+ * Declarations
23
+ *
24
+ * */
25
+
26
+ export interface BBoxObject extends PositionObject, SizeObject {
27
+ height: number;
28
+ width: number;
29
+ x: number;
30
+ y: number;
31
+ polygon?: [number, number][]
32
+ }
33
+
34
+ /* *
35
+ *
36
+ * Default Export
37
+ *
38
+ * */
39
+
40
+ export default BBoxObject;