@blokkli/editor 2.0.0-alpha.36 → 2.0.0-alpha.37

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 (218) hide show
  1. package/dist/global/types/blockOptions.d.ts +4 -3
  2. package/dist/module.d.mts +2 -2
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +71 -4
  5. package/dist/modules/agent/index.d.mts +1 -1
  6. package/dist/modules/agent/index.mjs +236 -6
  7. package/dist/modules/agent/runtime/app/composables/agentProvider.js +31 -14
  8. package/dist/modules/agent/runtime/app/composables/defineBlokkliAgentTool.d.ts +2 -20
  9. package/dist/modules/agent/runtime/app/composables/defineBlokkliAgentTool.js +0 -3
  10. package/dist/modules/agent/runtime/app/features/agent/Panel/Conversation/Item/Assistant/index.vue +2 -2
  11. package/dist/modules/agent/runtime/app/features/agent/Panel/Conversation/Item/User/index.vue +1 -2
  12. package/dist/modules/agent/runtime/app/features/agent/Panel/DebugGallery/index.vue +1 -2
  13. package/dist/modules/agent/runtime/app/features/agent/Panel/Input/Actions/index.d.vue.ts +1 -0
  14. package/dist/modules/agent/runtime/app/features/agent/Panel/Input/Actions/index.vue +66 -59
  15. package/dist/modules/agent/runtime/app/features/agent/Panel/Input/Actions/index.vue.d.ts +1 -0
  16. package/dist/modules/agent/runtime/app/features/agent/Panel/Input/index.vue +10 -12
  17. package/dist/modules/agent/runtime/app/features/agent/Panel/Welcome/de.md +2 -2
  18. package/dist/modules/agent/runtime/app/features/agent/Panel/Welcome/en.md +2 -2
  19. package/dist/modules/agent/runtime/app/features/agent/Panel/index.vue +1 -5
  20. package/dist/modules/agent/runtime/app/features/agent/index.vue +89 -37
  21. package/dist/modules/agent/runtime/app/helpers/index.d.ts +16 -19
  22. package/dist/modules/agent/runtime/app/helpers/index.js +22 -46
  23. package/dist/modules/agent/runtime/app/helpers/pageStructure.js +1 -1
  24. package/dist/modules/agent/runtime/app/tools/add_content_search_paragraph/index.js +5 -9
  25. package/dist/modules/agent/runtime/app/tools/add_fragment/index.js +2 -6
  26. package/dist/modules/agent/runtime/app/tools/add_media_paragraph/index.js +2 -6
  27. package/dist/modules/agent/runtime/app/tools/add_paragraphs/index.js +2 -3
  28. package/dist/modules/agent/runtime/app/tools/add_reusable_paragraph/index.js +2 -6
  29. package/dist/modules/agent/runtime/app/tools/add_template/index.js +2 -6
  30. package/dist/modules/agent/runtime/app/tools/analyze_content/index.d.ts +2 -0
  31. package/dist/modules/agent/runtime/app/tools/analyze_content/index.js +120 -0
  32. package/dist/modules/agent/runtime/app/tools/check_readability/index.d.ts +2 -0
  33. package/dist/modules/agent/runtime/app/tools/check_readability/index.js +57 -0
  34. package/dist/modules/agent/runtime/app/tools/duplicate_paragraphs/index.js +2 -6
  35. package/dist/modules/agent/runtime/app/tools/get_all_page_content/index.js +1 -1
  36. package/dist/modules/agent/runtime/app/tools/get_bundle_info/index.js +2 -1
  37. package/dist/modules/agent/runtime/app/tools/get_content_fields/index.js +1 -1
  38. package/dist/modules/agent/runtime/app/tools/get_paragraph_context/index.js +2 -5
  39. package/dist/modules/agent/runtime/app/tools/get_paragraph_options/index.js +2 -1
  40. package/dist/modules/agent/runtime/app/tools/get_selected_paragraphs/index.js +2 -3
  41. package/dist/modules/agent/runtime/app/tools/helpers.d.ts +53 -0
  42. package/dist/modules/agent/runtime/app/tools/helpers.js +187 -0
  43. package/dist/modules/agent/runtime/app/tools/move_paragraphs/index.js +2 -6
  44. package/dist/modules/agent/runtime/app/tools/schemas.d.ts +0 -52
  45. package/dist/modules/agent/runtime/app/tools/schemas.js +0 -187
  46. package/dist/modules/agent/runtime/app/tools/search_content/index.js +40 -47
  47. package/dist/modules/agent/runtime/app/tools/set_paragraph_options/index.js +2 -5
  48. package/dist/modules/agent/runtime/app/types/index.d.ts +0 -61
  49. package/dist/modules/agent/runtime/server/Session.d.ts +25 -6
  50. package/dist/modules/agent/runtime/server/Session.js +109 -30
  51. package/dist/modules/agent/runtime/server/SessionManager.d.ts +3 -0
  52. package/dist/modules/agent/runtime/server/SessionManager.js +4 -1
  53. package/dist/modules/agent/runtime/server/agent.js +3 -2
  54. package/dist/modules/agent/runtime/server/default-skills/fixReadability.d.ts +2 -0
  55. package/dist/modules/agent/runtime/server/default-skills/fixReadability.js +69 -0
  56. package/dist/modules/agent/runtime/server/default-system-prompts/page-context.js +28 -0
  57. package/dist/modules/agent/runtime/server/server-tools/index.d.ts +10 -2
  58. package/dist/modules/agent/runtime/server/server-tools/index.js +1 -1
  59. package/dist/modules/agent/runtime/server/server-tools/load_tools/index.js +1 -1
  60. package/dist/modules/agent/runtime/shared/types.d.ts +46 -11
  61. package/dist/modules/agent/runtime/shared/types.js +22 -10
  62. package/dist/modules/charts/index.d.mts +1 -1
  63. package/dist/modules/charts/index.mjs +21 -7
  64. package/dist/modules/charts/runtime/blokkli/skills/charts.js +6 -6
  65. package/dist/modules/charts/runtime/blokkli/tools/chart_schemas.d.ts +25 -2
  66. package/dist/modules/charts/runtime/blokkli/tools/chart_schemas.js +39 -1
  67. package/dist/modules/charts/runtime/blokkli/tools/create_chart/index.js +24 -17
  68. package/dist/modules/charts/runtime/blokkli/tools/get_chart_data/index.js +11 -19
  69. package/dist/modules/charts/runtime/blokkli/tools/get_chart_type_options/index.js +2 -4
  70. package/dist/modules/charts/runtime/blokkli/tools/update_chart/index.js +8 -20
  71. package/dist/modules/charts/runtime/chartTypes/area.d.ts +6 -1
  72. package/dist/modules/charts/runtime/chartTypes/bar.d.ts +7 -1
  73. package/dist/modules/charts/runtime/chartTypes/define.d.ts +1 -1
  74. package/dist/modules/charts/runtime/chartTypes/donut.d.ts +5 -1
  75. package/dist/modules/charts/runtime/chartTypes/heatmap.d.ts +3 -1
  76. package/dist/modules/charts/runtime/chartTypes/index.d.ts +18 -0
  77. package/dist/modules/charts/runtime/chartTypes/line.d.ts +6 -1
  78. package/dist/modules/charts/runtime/chartTypes/pie.d.ts +4 -1
  79. package/dist/modules/charts/runtime/chartTypes/radar.d.ts +6 -1
  80. package/dist/modules/charts/runtime/chartTypes/radialBar.d.ts +5 -1
  81. package/dist/modules/charts/runtime/chartTypes/shared.d.ts +20 -5
  82. package/dist/modules/charts/runtime/chartTypes/types.d.ts +6 -6
  83. package/dist/modules/charts/runtime/components/ChartRenderer/index.d.vue.ts +145 -2
  84. package/dist/modules/charts/runtime/components/ChartRenderer/index.vue +2 -2
  85. package/dist/modules/charts/runtime/components/ChartRenderer/index.vue.d.ts +145 -2
  86. package/dist/modules/charts/runtime/components/index.d.ts +1 -0
  87. package/dist/modules/charts/runtime/components/index.js +1 -0
  88. package/dist/modules/charts/runtime/features/charts/Editor/ChartTypeOptions/index.d.vue.ts +3 -2
  89. package/dist/modules/charts/runtime/features/charts/Editor/ChartTypeOptions/index.vue.d.ts +3 -2
  90. package/dist/modules/charts/runtime/features/charts/Editor/CsvImport/index.vue +1 -2
  91. package/dist/modules/charts/runtime/features/charts/Editor/FootnoteEditor/index.vue +1 -1
  92. package/dist/modules/charts/runtime/features/charts/Editor/Preview/index.d.vue.ts +2 -0
  93. package/dist/modules/charts/runtime/features/charts/Editor/Preview/index.vue +35 -13
  94. package/dist/modules/charts/runtime/features/charts/Editor/Preview/index.vue.d.ts +2 -0
  95. package/dist/modules/charts/runtime/features/charts/Editor/index.d.vue.ts +1 -0
  96. package/dist/modules/charts/runtime/features/charts/Editor/index.vue +9 -3
  97. package/dist/modules/charts/runtime/features/charts/Editor/index.vue.d.ts +1 -0
  98. package/dist/modules/charts/runtime/features/charts/Editor/useChartEditorState.js +1 -1
  99. package/dist/modules/charts/runtime/features/charts/index.vue +6 -6
  100. package/dist/modules/charts/runtime/helpers/index.d.ts +25 -0
  101. package/dist/modules/charts/runtime/helpers/index.js +63 -0
  102. package/dist/modules/charts/runtime/types.d.ts +10 -28
  103. package/dist/modules/charts/runtime/types.js +0 -64
  104. package/dist/modules/drupal/index.d.mts +1 -1
  105. package/dist/modules/drupal/runtime/adapter/index.d.ts +3 -1
  106. package/dist/modules/drupal/runtime/adapter/index.js +4 -4
  107. package/dist/modules/table-of-contents/index.d.mts +1 -1
  108. package/dist/runtime/components/BlokkliItem.vue +1 -1
  109. package/dist/runtime/composables/defineBlokkli.js +1 -1
  110. package/dist/runtime/editor/components/AnimationCanvas/index.vue +13 -7
  111. package/dist/runtime/editor/components/Banner/index.d.vue.ts +1 -0
  112. package/dist/runtime/editor/components/Banner/index.vue +1 -1
  113. package/dist/runtime/editor/components/Banner/index.vue.d.ts +1 -0
  114. package/dist/runtime/editor/components/DropdownItem/index.d.vue.ts +1 -0
  115. package/dist/runtime/editor/components/DropdownItem/index.vue +3 -2
  116. package/dist/runtime/editor/components/DropdownItem/index.vue.d.ts +1 -0
  117. package/dist/runtime/editor/components/EditProvider.vue +7 -4
  118. package/dist/runtime/editor/components/FlexTextarea/index.d.vue.ts +5 -1
  119. package/dist/runtime/editor/components/FlexTextarea/index.vue +24 -101
  120. package/dist/runtime/editor/components/FlexTextarea/index.vue.d.ts +5 -1
  121. package/dist/runtime/editor/components/NestedEditorOverlay/index.vue +28 -9
  122. package/dist/runtime/editor/components/Popup/index.d.vue.ts +30 -0
  123. package/dist/runtime/editor/components/Popup/index.vue +82 -0
  124. package/dist/runtime/editor/components/Popup/index.vue.d.ts +30 -0
  125. package/dist/runtime/editor/components/Resizable/index.vue +4 -1
  126. package/dist/runtime/editor/components/Toolbar/index.vue +107 -6
  127. package/dist/runtime/editor/components/index.d.ts +4 -3
  128. package/dist/runtime/editor/components/index.js +6 -4
  129. package/dist/runtime/editor/composables/defineDropAreas.js +3 -3
  130. package/dist/runtime/editor/composables/defineDropHandler.d.ts +3 -0
  131. package/dist/runtime/editor/composables/defineDropHandler.js +10 -0
  132. package/dist/runtime/editor/composables/index.d.ts +1 -0
  133. package/dist/runtime/editor/composables/index.js +1 -0
  134. package/dist/runtime/editor/css/output.css +1 -1
  135. package/dist/runtime/editor/events/index.d.ts +9 -0
  136. package/dist/runtime/editor/features/add-list/index.vue +58 -1
  137. package/dist/runtime/editor/features/analyze/Main.d.vue.ts +3 -2
  138. package/dist/runtime/editor/features/analyze/Main.vue +28 -44
  139. package/dist/runtime/editor/features/analyze/Main.vue.d.ts +3 -2
  140. package/dist/runtime/editor/features/analyze/analyzers/readability.js +65 -0
  141. package/dist/runtime/editor/features/analyze/analyzers/types.d.ts +19 -0
  142. package/dist/runtime/editor/features/analyze/index.vue +18 -15
  143. package/dist/runtime/editor/features/clipboard/DropElement/Video.d.vue.ts +8 -0
  144. package/dist/runtime/editor/features/clipboard/{List/Item → DropElement}/Video.vue +1 -5
  145. package/dist/runtime/editor/features/clipboard/DropElement/Video.vue.d.ts +8 -0
  146. package/dist/runtime/editor/features/clipboard/DropElement/helpers.d.ts +1 -0
  147. package/dist/runtime/editor/features/clipboard/DropElement/helpers.js +14 -0
  148. package/dist/runtime/editor/features/clipboard/DropElement/index.d.vue.ts +16 -0
  149. package/dist/runtime/editor/features/clipboard/DropElement/index.vue +97 -0
  150. package/dist/runtime/editor/features/clipboard/DropElement/index.vue.d.ts +16 -0
  151. package/dist/runtime/editor/features/clipboard/helpers.d.ts +15 -0
  152. package/dist/runtime/editor/features/clipboard/helpers.js +62 -0
  153. package/dist/runtime/editor/features/clipboard/index.vue +585 -337
  154. package/dist/runtime/editor/features/clipboard/types.d.ts +14 -2
  155. package/dist/runtime/editor/features/dragging-overlay/DragItems/index.vue +17 -5
  156. package/dist/runtime/editor/features/dragging-overlay/Renderer/index.vue +2 -2
  157. package/dist/runtime/editor/features/dragging-overlay/index.vue +125 -219
  158. package/dist/runtime/editor/features/editable-field/Overlay/Plaintext/index.vue +4 -4
  159. package/dist/runtime/editor/features/editable-field/Overlay/index.vue +6 -0
  160. package/dist/runtime/editor/features/library/index.vue +14 -0
  161. package/dist/runtime/editor/features/media-library/index.vue +32 -1
  162. package/dist/runtime/editor/features/options/Form/ComplexType/index.d.vue.ts +11 -0
  163. package/dist/runtime/editor/features/options/Form/ComplexType/index.vue +36 -0
  164. package/dist/runtime/editor/features/options/Form/ComplexType/index.vue.d.ts +11 -0
  165. package/dist/runtime/editor/features/options/Form/Item.d.vue.ts +3 -2
  166. package/dist/runtime/editor/features/options/Form/Item.vue +10 -2
  167. package/dist/runtime/editor/features/options/Form/Item.vue.d.ts +3 -2
  168. package/dist/runtime/editor/features/options/Form/index.vue +5 -0
  169. package/dist/runtime/editor/features/search/index.vue +25 -1
  170. package/dist/runtime/editor/features/structure/index.vue +25 -1
  171. package/dist/runtime/editor/features/tour/index.vue +22 -12
  172. package/dist/runtime/editor/helpers/clipboardData/index.d.ts +11 -0
  173. package/dist/runtime/editor/helpers/clipboardData/index.js +157 -0
  174. package/dist/runtime/editor/helpers/options/index.js +5 -0
  175. package/dist/runtime/editor/icons/svg/stars.svg +5 -1
  176. package/dist/runtime/editor/plugins/Sidebar/Detached/index.d.vue.ts +1 -1
  177. package/dist/runtime/editor/plugins/Sidebar/Detached/index.vue.d.ts +1 -1
  178. package/dist/runtime/editor/plugins/Sidebar/index.d.vue.ts +14 -3
  179. package/dist/runtime/editor/plugins/Sidebar/index.vue +4 -2
  180. package/dist/runtime/editor/plugins/Sidebar/index.vue.d.ts +14 -3
  181. package/dist/runtime/editor/providers/analyze.d.ts +43 -0
  182. package/dist/runtime/editor/providers/analyze.js +78 -0
  183. package/dist/runtime/editor/providers/animation.d.ts +4 -0
  184. package/dist/runtime/editor/providers/animation.js +6 -0
  185. package/dist/runtime/editor/providers/dragdrop.d.ts +55 -0
  186. package/dist/runtime/editor/providers/dragdrop.js +37 -0
  187. package/dist/runtime/editor/providers/storage.js +15 -0
  188. package/dist/runtime/editor/providers/ui.d.ts +6 -0
  189. package/dist/runtime/editor/providers/ui.js +19 -0
  190. package/dist/runtime/editor/translations/de.json +73 -61
  191. package/dist/runtime/editor/translations/fr.json +67 -55
  192. package/dist/runtime/editor/translations/gsw_CH.json +71 -59
  193. package/dist/runtime/editor/translations/it.json +67 -55
  194. package/dist/runtime/editor/types/app.d.ts +4 -2
  195. package/dist/runtime/editor/types/draggable.d.ts +1 -0
  196. package/dist/runtime/editor/types/ui.d.ts +1 -1
  197. package/dist/runtime/helpers/injections.d.ts +1 -1
  198. package/dist/runtime/types/blockOptions.d.ts +2 -1
  199. package/dist/runtime/types/definitions.d.ts +4 -0
  200. package/dist/shared/{editor.CWQIFIEQ.d.mts → editor.BdBm1Z7C.d.mts} +12 -0
  201. package/dist/types.d.mts +1 -1
  202. package/package.json +5 -3
  203. package/dist/modules/charts/runtime/components/Fragment/BlokkliChart.d.vue.ts +0 -3
  204. package/dist/modules/charts/runtime/components/Fragment/BlokkliChart.vue +0 -29
  205. package/dist/modules/charts/runtime/components/Fragment/BlokkliChart.vue.d.ts +0 -3
  206. package/dist/runtime/editor/features/clipboard/List/Item/File.d.vue.ts +0 -4
  207. package/dist/runtime/editor/features/clipboard/List/Item/File.vue +0 -60
  208. package/dist/runtime/editor/features/clipboard/List/Item/File.vue.d.ts +0 -4
  209. package/dist/runtime/editor/features/clipboard/List/Item/Video.d.vue.ts +0 -4
  210. package/dist/runtime/editor/features/clipboard/List/Item/Video.vue.d.ts +0 -4
  211. package/dist/runtime/editor/features/clipboard/List/index.d.vue.ts +0 -11
  212. package/dist/runtime/editor/features/clipboard/List/index.vue +0 -72
  213. package/dist/runtime/editor/features/clipboard/List/index.vue.d.ts +0 -11
  214. package/dist/runtime/editor/features/tour/Popup/index.d.vue.ts +0 -9
  215. package/dist/runtime/editor/features/tour/Popup/index.vue +0 -34
  216. package/dist/runtime/editor/features/tour/Popup/index.vue.d.ts +0 -9
  217. package/dist/runtime/editor/providers/dropArea.d.ts +0 -48
  218. package/dist/runtime/editor/providers/dropArea.js +0 -22
@@ -5,11 +5,11 @@ import {
5
5
  chartTypeEnum,
6
6
  chartColorEnum,
7
7
  chartSeriesSchema,
8
- validateChartData
8
+ validateChartData,
9
+ findChartOptionKey
9
10
  } from "../chart_schemas.js";
10
11
  import { COLORS } from "#blokkli-build/charts-config";
11
- import { getDefaultChartData } from "#blokkli/charts/types";
12
- import { fragmentBlockBundle } from "#blokkli-build/config";
12
+ import { getDefaultChartData } from "../../../helpers/index.js";
13
13
  const paramsSchema = z.object({
14
14
  uuid: z.string().describe("UUID of the chart paragraph to update"),
15
15
  title: z.string().optional().describe("Chart title"),
@@ -42,24 +42,12 @@ export default defineBlokkliAgentTool({
42
42
  resultSchema: mutationResultSchema,
43
43
  requiredAdapterMethods: ["updateOptions"],
44
44
  execute(ctx, params) {
45
- const { blocks, state } = ctx.app;
46
- const block = blocks.getBlock(params.uuid);
47
- if (!block) {
48
- return { error: `Paragraph not found: ${params.uuid}` };
49
- }
50
- if (block.bundle !== fragmentBlockBundle) {
51
- return {
52
- error: `Paragraph "${params.uuid}" is a "${block.bundle}", not a "${fragmentBlockBundle}".`
53
- };
54
- }
55
- if (block.fragment?.name !== "blokkli_chart") {
56
- return {
57
- error: `Fragment "${params.uuid}" is a "${block.fragment?.name}", not a "blokkli_chart".`
58
- };
59
- }
45
+ const { state } = ctx.app;
46
+ const chartOption = findChartOptionKey(ctx, params.uuid);
47
+ if ("error" in chartOption) return chartOption;
60
48
  let current;
61
49
  const item = state.getFieldListItem(params.uuid);
62
- const rawData = item?.options?.data;
50
+ const rawData = item?.options?.[chartOption.key];
63
51
  if (rawData) {
64
52
  try {
65
53
  current = JSON.parse(rawData);
@@ -92,7 +80,7 @@ export default defineBlokkliAgentTool({
92
80
  apply: (adapter) => adapter.updateOptions([
93
81
  {
94
82
  uuid: params.uuid,
95
- key: "data",
83
+ key: chartOption.key,
96
84
  value: JSON.stringify(result.data)
97
85
  }
98
86
  ])
@@ -1,2 +1,7 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ import type { XAxisTypeOptions, DataLabelsTypeOptions, LegendTypeOptions, GridTypeOptions, StrokeWidthTypeOptions } from './shared.js';
2
+ export type TypeOptions = {
3
+ curved: boolean;
4
+ markers: boolean;
5
+ } & XAxisTypeOptions & DataLabelsTypeOptions & LegendTypeOptions & GridTypeOptions & StrokeWidthTypeOptions;
6
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
7
  export default _default;
@@ -1,2 +1,8 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ import type { XAxisTypeOptions, DataLabelsTypeOptions, LegendTypeOptions, GridTypeOptions } from './shared.js';
2
+ export type TypeOptions = {
3
+ stacked: boolean;
4
+ horizontal: boolean;
5
+ borderRadius: string;
6
+ } & XAxisTypeOptions & DataLabelsTypeOptions & LegendTypeOptions & GridTypeOptions;
7
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
8
  export default _default;
@@ -1,2 +1,2 @@
1
1
  import type { ChartTypeFactory } from './types.js';
2
- export declare function defineChartType(factory: ChartTypeFactory): ChartTypeFactory;
2
+ export declare function defineChartType<T extends Record<string, unknown>>(factory: ChartTypeFactory<T>): ChartTypeFactory<T>;
@@ -1,2 +1,6 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ export type TypeOptions = {
2
+ showTotal: boolean;
3
+ showLabels: boolean;
4
+ };
5
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
6
  export default _default;
@@ -1,2 +1,4 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ import type { XAxisTypeOptions, LegendTypeOptions, GridTypeOptions } from './shared.js';
2
+ export type TypeOptions = XAxisTypeOptions & LegendTypeOptions & GridTypeOptions;
3
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
4
  export default _default;
@@ -1,4 +1,22 @@
1
1
  import type { TranslateFunction, ChartTypeDefinition } from './types.js';
2
+ import type { TypeOptions as BarTypeOptions } from './bar.js';
3
+ import type { TypeOptions as LineTypeOptions } from './line.js';
4
+ import type { TypeOptions as AreaTypeOptions } from './area.js';
5
+ import type { TypeOptions as PieTypeOptions } from './pie.js';
6
+ import type { TypeOptions as DonutTypeOptions } from './donut.js';
7
+ import type { TypeOptions as HeatmapTypeOptions } from './heatmap.js';
8
+ import type { TypeOptions as RadialBarTypeOptions } from './radialBar.js';
9
+ import type { TypeOptions as RadarTypeOptions } from './radar.js';
10
+ export type ChartTypeOptionsMap = {
11
+ bar: BarTypeOptions;
12
+ line: LineTypeOptions;
13
+ area: AreaTypeOptions;
14
+ pie: PieTypeOptions;
15
+ donut: DonutTypeOptions;
16
+ heatmap: HeatmapTypeOptions;
17
+ radialBar: RadialBarTypeOptions;
18
+ radar: RadarTypeOptions;
19
+ };
2
20
  /**
3
21
  * Get a chart type definition using fallback labels (no real translations).
4
22
  * Used by ChartRenderer which runs in both edit mode and production.
@@ -1,2 +1,7 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ import type { XAxisTypeOptions, DataLabelsTypeOptions, LegendTypeOptions, GridTypeOptions, StrokeWidthTypeOptions } from './shared.js';
2
+ export type TypeOptions = {
3
+ curved: boolean;
4
+ markers: boolean;
5
+ } & XAxisTypeOptions & DataLabelsTypeOptions & LegendTypeOptions & GridTypeOptions & StrokeWidthTypeOptions;
6
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
7
  export default _default;
@@ -1,2 +1,5 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ export type TypeOptions = {
2
+ showLabels: boolean;
3
+ };
4
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
5
  export default _default;
@@ -1,2 +1,7 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ import type { DataLabelsTypeOptions, LegendTypeOptions } from './shared.js';
2
+ export type TypeOptions = {
3
+ markers: boolean;
4
+ fillOpacity: string;
5
+ } & DataLabelsTypeOptions & LegendTypeOptions;
6
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
7
  export default _default;
@@ -1,2 +1,6 @@
1
- declare const _default: import("./types.js").ChartTypeFactory;
1
+ export type TypeOptions = {
2
+ showLabels: boolean;
3
+ showTotal: boolean;
4
+ };
5
+ declare const _default: import("./types.js").ChartTypeFactory<TypeOptions>;
2
6
  export default _default;
@@ -4,6 +4,21 @@ import type { TranslateFunction } from './types.js';
4
4
  type SharedOptions = {
5
5
  options: Record<string, BlockOptionDefinitionBase<BlokkliIcon>>;
6
6
  };
7
+ export type XAxisTypeOptions = {
8
+ xaxisRotation: string;
9
+ };
10
+ export type DataLabelsTypeOptions = {
11
+ dataLabels: boolean;
12
+ };
13
+ export type LegendTypeOptions = {
14
+ legendPosition: string;
15
+ };
16
+ export type GridTypeOptions = {
17
+ gridLines: boolean;
18
+ };
19
+ export type StrokeWidthTypeOptions = {
20
+ strokeWidth: string;
21
+ };
7
22
  /**
8
23
  * Shared x-axis label options for chart types that display an x-axis.
9
24
  */
@@ -12,7 +27,7 @@ export declare function xAxisOptions($t: TranslateFunction): SharedOptions;
12
27
  * Build x-axis label config from type options.
13
28
  * Returns properties to merge into the xaxis config object.
14
29
  */
15
- export declare function buildXAxisLabelOptions(typeOptions: Record<string, unknown>): Record<string, any>;
30
+ export declare function buildXAxisLabelOptions(typeOptions: XAxisTypeOptions): Record<string, any>;
16
31
  /**
17
32
  * Data labels option — show values directly on chart elements.
18
33
  */
@@ -20,7 +35,7 @@ export declare function dataLabelsOptions($t: TranslateFunction): SharedOptions;
20
35
  /**
21
36
  * Build data labels config from type options.
22
37
  */
23
- export declare function buildDataLabelsOptions(typeOptions: Record<string, unknown>): Record<string, any>;
38
+ export declare function buildDataLabelsOptions(typeOptions: DataLabelsTypeOptions): Record<string, any>;
24
39
  /**
25
40
  * Legend position option for multi-series chart types.
26
41
  */
@@ -28,7 +43,7 @@ export declare function legendOptions($t: TranslateFunction): SharedOptions;
28
43
  /**
29
44
  * Build legend config from type options.
30
45
  */
31
- export declare function buildLegendOptions(typeOptions: Record<string, unknown>): Record<string, any>;
46
+ export declare function buildLegendOptions(typeOptions: LegendTypeOptions): Record<string, any>;
32
47
  /**
33
48
  * Grid lines option for chart types with axes.
34
49
  */
@@ -36,7 +51,7 @@ export declare function gridOptions($t: TranslateFunction): SharedOptions;
36
51
  /**
37
52
  * Build grid config from type options.
38
53
  */
39
- export declare function buildGridOptions(typeOptions: Record<string, unknown>): Record<string, any>;
54
+ export declare function buildGridOptions(typeOptions: GridTypeOptions): Record<string, any>;
40
55
  /**
41
56
  * Stroke width option for line-based chart types.
42
57
  */
@@ -44,7 +59,7 @@ export declare function strokeWidthOptions($t: TranslateFunction): SharedOptions
44
59
  /**
45
60
  * Build stroke width config from type options.
46
61
  */
47
- export declare function buildStrokeWidthOptions(typeOptions: Record<string, unknown>): Record<string, any>;
62
+ export declare function buildStrokeWidthOptions(typeOptions: StrokeWidthTypeOptions): Record<string, any>;
48
63
  /**
49
64
  * Merge multiple shared option sets into one.
50
65
  */
@@ -1,7 +1,7 @@
1
1
  import type { BlokkliIcon } from '#blokkli-build/icons';
2
2
  import type { BlockOptionDefinitionBase } from '../../../../global/types/blockOptions.js';
3
3
  export type TranslateFunction = (key: string, fallback: string) => string;
4
- export type ChartBuildContext = {
4
+ export type ChartBuildContext<T extends Record<string, unknown> = Record<string, unknown>> = {
5
5
  title: string;
6
6
  categories: string[];
7
7
  series: Array<{
@@ -11,19 +11,19 @@ export type ChartBuildContext = {
11
11
  }>;
12
12
  seriesColors: string[];
13
13
  categoryColors: string[];
14
- typeOptions: Record<string, unknown>;
14
+ typeOptions: T;
15
15
  };
16
- export type ChartTypeDefinition = {
16
+ export type ChartTypeDefinition<T extends Record<string, unknown> = Record<string, unknown>> = {
17
17
  id: string;
18
18
  hasMultipleSeries: boolean;
19
19
  hasSeriesColors: boolean;
20
20
  hasCategoryColors: boolean;
21
- buildChartOptions: (ctx: ChartBuildContext) => Record<string, any>;
22
- buildSeries: (ctx: ChartBuildContext) => any;
21
+ buildChartOptions: (ctx: ChartBuildContext<T>) => Record<string, any>;
22
+ buildSeries: (ctx: ChartBuildContext<T>) => any;
23
23
  editor: {
24
24
  label: string;
25
25
  icon: BlokkliIcon;
26
26
  options: Record<string, BlockOptionDefinitionBase<BlokkliIcon>>;
27
27
  };
28
28
  };
29
- export type ChartTypeFactory = ($t: TranslateFunction) => ChartTypeDefinition;
29
+ export type ChartTypeFactory<T extends Record<string, unknown> = Record<string, unknown>> = ($t: TranslateFunction) => ChartTypeDefinition<T>;
@@ -1,4 +1,147 @@
1
- import type { BlokkliChartData } from '../../types.js';
2
- declare const __VLS_export: import("vue").DefineComponent<BlokkliChartData, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlokkliChartData> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
1
+ declare const __VLS_export: import("vue").DefineComponent<({
2
+ title: string;
3
+ categories: string[];
4
+ series: import("../../types.js").ChartSeries[];
5
+ categoryColors: string[];
6
+ footnotes: string[];
7
+ } & {
8
+ type: "bar";
9
+ typeOptions?: Partial<import("../../chartTypes/bar.js").TypeOptions> | undefined;
10
+ }) | ({
11
+ title: string;
12
+ categories: string[];
13
+ series: import("../../types.js").ChartSeries[];
14
+ categoryColors: string[];
15
+ footnotes: string[];
16
+ } & {
17
+ type: "line";
18
+ typeOptions?: Partial<import("../../chartTypes/line.js").TypeOptions> | undefined;
19
+ }) | ({
20
+ title: string;
21
+ categories: string[];
22
+ series: import("../../types.js").ChartSeries[];
23
+ categoryColors: string[];
24
+ footnotes: string[];
25
+ } & {
26
+ type: "area";
27
+ typeOptions?: Partial<import("../../chartTypes/area.js").TypeOptions> | undefined;
28
+ }) | ({
29
+ title: string;
30
+ categories: string[];
31
+ series: import("../../types.js").ChartSeries[];
32
+ categoryColors: string[];
33
+ footnotes: string[];
34
+ } & {
35
+ type: "pie";
36
+ typeOptions?: Partial<import("../../chartTypes/pie.js").TypeOptions> | undefined;
37
+ }) | ({
38
+ title: string;
39
+ categories: string[];
40
+ series: import("../../types.js").ChartSeries[];
41
+ categoryColors: string[];
42
+ footnotes: string[];
43
+ } & {
44
+ type: "donut";
45
+ typeOptions?: Partial<import("../../chartTypes/donut.js").TypeOptions> | undefined;
46
+ }) | ({
47
+ title: string;
48
+ categories: string[];
49
+ series: import("../../types.js").ChartSeries[];
50
+ categoryColors: string[];
51
+ footnotes: string[];
52
+ } & {
53
+ type: "heatmap";
54
+ typeOptions?: Partial<import("../../chartTypes/heatmap.js").TypeOptions> | undefined;
55
+ }) | ({
56
+ title: string;
57
+ categories: string[];
58
+ series: import("../../types.js").ChartSeries[];
59
+ categoryColors: string[];
60
+ footnotes: string[];
61
+ } & {
62
+ type: "radialBar";
63
+ typeOptions?: Partial<import("../../chartTypes/radialBar.js").TypeOptions> | undefined;
64
+ }) | ({
65
+ title: string;
66
+ categories: string[];
67
+ series: import("../../types.js").ChartSeries[];
68
+ categoryColors: string[];
69
+ footnotes: string[];
70
+ } & {
71
+ type: "radar";
72
+ typeOptions?: Partial<import("../../chartTypes/radar.js").TypeOptions> | undefined;
73
+ }), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<({
74
+ title: string;
75
+ categories: string[];
76
+ series: import("../../types.js").ChartSeries[];
77
+ categoryColors: string[];
78
+ footnotes: string[];
79
+ } & {
80
+ type: "bar";
81
+ typeOptions?: Partial<import("../../chartTypes/bar.js").TypeOptions> | undefined;
82
+ }) | ({
83
+ title: string;
84
+ categories: string[];
85
+ series: import("../../types.js").ChartSeries[];
86
+ categoryColors: string[];
87
+ footnotes: string[];
88
+ } & {
89
+ type: "line";
90
+ typeOptions?: Partial<import("../../chartTypes/line.js").TypeOptions> | undefined;
91
+ }) | ({
92
+ title: string;
93
+ categories: string[];
94
+ series: import("../../types.js").ChartSeries[];
95
+ categoryColors: string[];
96
+ footnotes: string[];
97
+ } & {
98
+ type: "area";
99
+ typeOptions?: Partial<import("../../chartTypes/area.js").TypeOptions> | undefined;
100
+ }) | ({
101
+ title: string;
102
+ categories: string[];
103
+ series: import("../../types.js").ChartSeries[];
104
+ categoryColors: string[];
105
+ footnotes: string[];
106
+ } & {
107
+ type: "pie";
108
+ typeOptions?: Partial<import("../../chartTypes/pie.js").TypeOptions> | undefined;
109
+ }) | ({
110
+ title: string;
111
+ categories: string[];
112
+ series: import("../../types.js").ChartSeries[];
113
+ categoryColors: string[];
114
+ footnotes: string[];
115
+ } & {
116
+ type: "donut";
117
+ typeOptions?: Partial<import("../../chartTypes/donut.js").TypeOptions> | undefined;
118
+ }) | ({
119
+ title: string;
120
+ categories: string[];
121
+ series: import("../../types.js").ChartSeries[];
122
+ categoryColors: string[];
123
+ footnotes: string[];
124
+ } & {
125
+ type: "heatmap";
126
+ typeOptions?: Partial<import("../../chartTypes/heatmap.js").TypeOptions> | undefined;
127
+ }) | ({
128
+ title: string;
129
+ categories: string[];
130
+ series: import("../../types.js").ChartSeries[];
131
+ categoryColors: string[];
132
+ footnotes: string[];
133
+ } & {
134
+ type: "radialBar";
135
+ typeOptions?: Partial<import("../../chartTypes/radialBar.js").TypeOptions> | undefined;
136
+ }) | ({
137
+ title: string;
138
+ categories: string[];
139
+ series: import("../../types.js").ChartSeries[];
140
+ categoryColors: string[];
141
+ footnotes: string[];
142
+ } & {
143
+ type: "radar";
144
+ typeOptions?: Partial<import("../../chartTypes/radar.js").TypeOptions> | undefined;
145
+ })> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
146
  declare const _default: typeof __VLS_export;
4
147
  export default _default;
@@ -21,17 +21,17 @@
21
21
 
22
22
  <script setup>
23
23
  import { computed, defineAsyncComponent, useTemplateRef } from "#imports";
24
- import { resolveChartColor, applyFootnotes, SUPERSCRIPTS } from "../../types";
24
+ import { resolveChartColor, applyFootnotes, SUPERSCRIPTS } from "../../helpers";
25
25
  import { getChartTypeRuntime, getDefaultTypeOptions } from "../../chartTypes";
26
26
  import { COLORS } from "#blokkli-build/charts-config";
27
27
  const ApexChart = defineAsyncComponent(() => import("vue3-apexcharts"));
28
28
  const props = defineProps({
29
29
  title: { type: String, required: true },
30
- type: { type: String, required: true },
31
30
  categories: { type: Array, required: true },
32
31
  series: { type: Array, required: true },
33
32
  categoryColors: { type: Array, required: true },
34
33
  footnotes: { type: Array, required: true },
34
+ type: { type: null, required: true },
35
35
  typeOptions: { type: Object, required: false }
36
36
  });
37
37
  const rootEl = useTemplateRef("rootEl");
@@ -1,4 +1,147 @@
1
- import type { BlokkliChartData } from '../../types.js';
2
- declare const __VLS_export: import("vue").DefineComponent<BlokkliChartData, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlokkliChartData> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
1
+ declare const __VLS_export: import("vue").DefineComponent<({
2
+ title: string;
3
+ categories: string[];
4
+ series: import("../../types.js").ChartSeries[];
5
+ categoryColors: string[];
6
+ footnotes: string[];
7
+ } & {
8
+ type: "bar";
9
+ typeOptions?: Partial<import("../../chartTypes/bar.js").TypeOptions> | undefined;
10
+ }) | ({
11
+ title: string;
12
+ categories: string[];
13
+ series: import("../../types.js").ChartSeries[];
14
+ categoryColors: string[];
15
+ footnotes: string[];
16
+ } & {
17
+ type: "line";
18
+ typeOptions?: Partial<import("../../chartTypes/line.js").TypeOptions> | undefined;
19
+ }) | ({
20
+ title: string;
21
+ categories: string[];
22
+ series: import("../../types.js").ChartSeries[];
23
+ categoryColors: string[];
24
+ footnotes: string[];
25
+ } & {
26
+ type: "area";
27
+ typeOptions?: Partial<import("../../chartTypes/area.js").TypeOptions> | undefined;
28
+ }) | ({
29
+ title: string;
30
+ categories: string[];
31
+ series: import("../../types.js").ChartSeries[];
32
+ categoryColors: string[];
33
+ footnotes: string[];
34
+ } & {
35
+ type: "pie";
36
+ typeOptions?: Partial<import("../../chartTypes/pie.js").TypeOptions> | undefined;
37
+ }) | ({
38
+ title: string;
39
+ categories: string[];
40
+ series: import("../../types.js").ChartSeries[];
41
+ categoryColors: string[];
42
+ footnotes: string[];
43
+ } & {
44
+ type: "donut";
45
+ typeOptions?: Partial<import("../../chartTypes/donut.js").TypeOptions> | undefined;
46
+ }) | ({
47
+ title: string;
48
+ categories: string[];
49
+ series: import("../../types.js").ChartSeries[];
50
+ categoryColors: string[];
51
+ footnotes: string[];
52
+ } & {
53
+ type: "heatmap";
54
+ typeOptions?: Partial<import("../../chartTypes/heatmap.js").TypeOptions> | undefined;
55
+ }) | ({
56
+ title: string;
57
+ categories: string[];
58
+ series: import("../../types.js").ChartSeries[];
59
+ categoryColors: string[];
60
+ footnotes: string[];
61
+ } & {
62
+ type: "radialBar";
63
+ typeOptions?: Partial<import("../../chartTypes/radialBar.js").TypeOptions> | undefined;
64
+ }) | ({
65
+ title: string;
66
+ categories: string[];
67
+ series: import("../../types.js").ChartSeries[];
68
+ categoryColors: string[];
69
+ footnotes: string[];
70
+ } & {
71
+ type: "radar";
72
+ typeOptions?: Partial<import("../../chartTypes/radar.js").TypeOptions> | undefined;
73
+ }), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<({
74
+ title: string;
75
+ categories: string[];
76
+ series: import("../../types.js").ChartSeries[];
77
+ categoryColors: string[];
78
+ footnotes: string[];
79
+ } & {
80
+ type: "bar";
81
+ typeOptions?: Partial<import("../../chartTypes/bar.js").TypeOptions> | undefined;
82
+ }) | ({
83
+ title: string;
84
+ categories: string[];
85
+ series: import("../../types.js").ChartSeries[];
86
+ categoryColors: string[];
87
+ footnotes: string[];
88
+ } & {
89
+ type: "line";
90
+ typeOptions?: Partial<import("../../chartTypes/line.js").TypeOptions> | undefined;
91
+ }) | ({
92
+ title: string;
93
+ categories: string[];
94
+ series: import("../../types.js").ChartSeries[];
95
+ categoryColors: string[];
96
+ footnotes: string[];
97
+ } & {
98
+ type: "area";
99
+ typeOptions?: Partial<import("../../chartTypes/area.js").TypeOptions> | undefined;
100
+ }) | ({
101
+ title: string;
102
+ categories: string[];
103
+ series: import("../../types.js").ChartSeries[];
104
+ categoryColors: string[];
105
+ footnotes: string[];
106
+ } & {
107
+ type: "pie";
108
+ typeOptions?: Partial<import("../../chartTypes/pie.js").TypeOptions> | undefined;
109
+ }) | ({
110
+ title: string;
111
+ categories: string[];
112
+ series: import("../../types.js").ChartSeries[];
113
+ categoryColors: string[];
114
+ footnotes: string[];
115
+ } & {
116
+ type: "donut";
117
+ typeOptions?: Partial<import("../../chartTypes/donut.js").TypeOptions> | undefined;
118
+ }) | ({
119
+ title: string;
120
+ categories: string[];
121
+ series: import("../../types.js").ChartSeries[];
122
+ categoryColors: string[];
123
+ footnotes: string[];
124
+ } & {
125
+ type: "heatmap";
126
+ typeOptions?: Partial<import("../../chartTypes/heatmap.js").TypeOptions> | undefined;
127
+ }) | ({
128
+ title: string;
129
+ categories: string[];
130
+ series: import("../../types.js").ChartSeries[];
131
+ categoryColors: string[];
132
+ footnotes: string[];
133
+ } & {
134
+ type: "radialBar";
135
+ typeOptions?: Partial<import("../../chartTypes/radialBar.js").TypeOptions> | undefined;
136
+ }) | ({
137
+ title: string;
138
+ categories: string[];
139
+ series: import("../../types.js").ChartSeries[];
140
+ categoryColors: string[];
141
+ footnotes: string[];
142
+ } & {
143
+ type: "radar";
144
+ typeOptions?: Partial<import("../../chartTypes/radar.js").TypeOptions> | undefined;
145
+ })> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
146
  declare const _default: typeof __VLS_export;
4
147
  export default _default;
@@ -0,0 +1 @@
1
+ export { default as ChartRenderer } from './ChartRenderer/index.vue.js';
@@ -0,0 +1 @@
1
+ export { default as ChartRenderer } from "./ChartRenderer/index.vue";
@@ -1,7 +1,8 @@
1
- import type { BlockOptionDefinition } from '#blokkli/types/blockOptions';
1
+ import type { ChartTypeDefinition } from '../../../../chartTypes/types.js';
2
+ type ChartOption = ChartTypeDefinition['editor']['options'][string];
2
3
  type __VLS_Props = {
3
4
  title: string;
4
- options: Record<string, BlockOptionDefinition>;
5
+ options: Record<string, ChartOption>;
5
6
  typeOptions: Record<string, unknown>;
6
7
  };
7
8
  declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1,7 +1,8 @@
1
- import type { BlockOptionDefinition } from '#blokkli/types/blockOptions';
1
+ import type { ChartTypeDefinition } from '../../../../chartTypes/types.js';
2
+ type ChartOption = ChartTypeDefinition['editor']['options'][string];
2
3
  type __VLS_Props = {
3
4
  title: string;
4
- options: Record<string, BlockOptionDefinition>;
5
+ options: Record<string, ChartOption>;
5
6
  typeOptions: Record<string, unknown>;
6
7
  };
7
8
  declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,8 +17,7 @@
17
17
 
18
18
  <script setup>
19
19
  import { useTemplateRef, useBlokkli } from "#imports";
20
- import { getColorIdAtIndex } from "../../../../types";
21
- import { parseNumericInput } from "../../../../helpers";
20
+ import { getColorIdAtIndex, parseNumericInput } from "../../../../helpers";
22
21
  const props = defineProps({
23
22
  colors: { type: Object, required: true }
24
23
  });
@@ -34,7 +34,7 @@
34
34
 
35
35
  <script setup>
36
36
  import { useBlokkli } from "#imports";
37
- import { SUPERSCRIPTS } from "../../../../types";
37
+ import { SUPERSCRIPTS } from "../../../../helpers";
38
38
  import { Icon } from "#blokkli/editor/components";
39
39
  const { $t } = useBlokkli();
40
40
  const props = defineProps({
@@ -1,5 +1,7 @@
1
1
  import type { BlokkliChartData } from '../../../../types.js';
2
2
  type __VLS_Props = {
3
+ uuid: string;
4
+ optionKey: string;
3
5
  data: BlokkliChartData | null;
4
6
  stale: boolean;
5
7
  };