juxscript 1.1.240 → 1.1.244

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 (297) hide show
  1. package/index.js +7 -137
  2. package/lib/components/dataframe.ts +0 -569
  3. package/lib/components/include.ts +229 -229
  4. package/lib/components/tag.ts +68 -0
  5. package/lib/styles/shadcn.css +17 -5
  6. package/lib/utils/idgen.ts +6 -0
  7. package/package.json +5 -6
  8. package/index.d.ts +0 -239
  9. package/index.d.ts.map +0 -1
  10. package/lib/components/alert.d.ts +0 -36
  11. package/lib/components/alert.d.ts.map +0 -1
  12. package/lib/components/alert.js +0 -172
  13. package/lib/components/alert.ts +0 -219
  14. package/lib/components/app.d.ts +0 -89
  15. package/lib/components/app.d.ts.map +0 -1
  16. package/lib/components/app.js +0 -175
  17. package/lib/components/app.ts +0 -247
  18. package/lib/components/badge.d.ts +0 -26
  19. package/lib/components/badge.d.ts.map +0 -1
  20. package/lib/components/badge.js +0 -91
  21. package/lib/components/badge.ts +0 -118
  22. package/lib/components/base/Animations.d.ts +0 -36
  23. package/lib/components/base/Animations.d.ts.map +0 -1
  24. package/lib/components/base/Animations.js +0 -70
  25. package/lib/components/base/Animations.ts +0 -112
  26. package/lib/components/base/BaseComponent.d.ts +0 -294
  27. package/lib/components/base/BaseComponent.d.ts.map +0 -1
  28. package/lib/components/base/BaseComponent.js +0 -735
  29. package/lib/components/base/BaseComponent.ts +0 -884
  30. package/lib/components/base/FormInput.d.ts +0 -77
  31. package/lib/components/base/FormInput.d.ts.map +0 -1
  32. package/lib/components/base/FormInput.js +0 -171
  33. package/lib/components/base/FormInput.ts +0 -237
  34. package/lib/components/blueprint.d.ts +0 -40
  35. package/lib/components/blueprint.d.ts.map +0 -1
  36. package/lib/components/blueprint.js +0 -327
  37. package/lib/components/button.d.ts +0 -70
  38. package/lib/components/button.d.ts.map +0 -1
  39. package/lib/components/button.js +0 -177
  40. package/lib/components/button.ts +0 -237
  41. package/lib/components/card.d.ts +0 -35
  42. package/lib/components/card.d.ts.map +0 -1
  43. package/lib/components/card.js +0 -130
  44. package/lib/components/card.ts +0 -177
  45. package/lib/components/chart.d.ts +0 -49
  46. package/lib/components/chart.d.ts.map +0 -1
  47. package/lib/components/chart.js +0 -205
  48. package/lib/components/chart.ts +0 -254
  49. package/lib/components/checkbox.d.ts +0 -33
  50. package/lib/components/checkbox.d.ts.map +0 -1
  51. package/lib/components/checkbox.js +0 -202
  52. package/lib/components/checkbox.ts +0 -260
  53. package/lib/components/code.d.ts +0 -52
  54. package/lib/components/code.d.ts.map +0 -1
  55. package/lib/components/code.js +0 -201
  56. package/lib/components/code.ts +0 -260
  57. package/lib/components/container.d.ts +0 -60
  58. package/lib/components/container.d.ts.map +0 -1
  59. package/lib/components/container.js +0 -195
  60. package/lib/components/container.ts +0 -259
  61. package/lib/components/data.d.ts +0 -36
  62. package/lib/components/data.d.ts.map +0 -1
  63. package/lib/components/data.js +0 -110
  64. package/lib/components/data.ts +0 -135
  65. package/lib/components/dataframe/DataFrameSource.d.ts +0 -118
  66. package/lib/components/dataframe/DataFrameSource.d.ts.map +0 -1
  67. package/lib/components/dataframe/DataFrameSource.js +0 -421
  68. package/lib/components/dataframe/DataFrameSource.ts +0 -532
  69. package/lib/components/dataframe/ImportSettingsModal.d.ts +0 -60
  70. package/lib/components/dataframe/ImportSettingsModal.d.ts.map +0 -1
  71. package/lib/components/dataframe/ImportSettingsModal.js +0 -442
  72. package/lib/components/dataframe/ImportSettingsModal.ts +0 -531
  73. package/lib/components/dataframe.d.ts +0 -110
  74. package/lib/components/dataframe.d.ts.map +0 -1
  75. package/lib/components/dataframe.js +0 -470
  76. package/lib/components/datepicker.d.ts +0 -40
  77. package/lib/components/datepicker.d.ts.map +0 -1
  78. package/lib/components/datepicker.js +0 -193
  79. package/lib/components/datepicker.ts +0 -251
  80. package/lib/components/dialog.d.ts +0 -39
  81. package/lib/components/dialog.d.ts.map +0 -1
  82. package/lib/components/dialog.js +0 -131
  83. package/lib/components/dialog.ts +0 -178
  84. package/lib/components/divider.d.ts +0 -31
  85. package/lib/components/divider.d.ts.map +0 -1
  86. package/lib/components/divider.js +0 -72
  87. package/lib/components/divider.ts +0 -104
  88. package/lib/components/dropdown-menu.d.ts +0 -42
  89. package/lib/components/dropdown-menu.d.ts.map +0 -1
  90. package/lib/components/dropdown-menu.js +0 -177
  91. package/lib/components/dropdown-menu.ts +0 -214
  92. package/lib/components/dropdown.d.ts +0 -41
  93. package/lib/components/dropdown.d.ts.map +0 -1
  94. package/lib/components/dropdown.js +0 -136
  95. package/lib/components/dropdown.ts +0 -188
  96. package/lib/components/element.d.ts +0 -51
  97. package/lib/components/element.d.ts.map +0 -1
  98. package/lib/components/element.js +0 -209
  99. package/lib/components/element.ts +0 -271
  100. package/lib/components/event-chain.d.ts +0 -9
  101. package/lib/components/event-chain.d.ts.map +0 -1
  102. package/lib/components/event-chain.js +0 -33
  103. package/lib/components/fileupload.d.ts +0 -98
  104. package/lib/components/fileupload.d.ts.map +0 -1
  105. package/lib/components/fileupload.js +0 -351
  106. package/lib/components/fileupload.ts +0 -449
  107. package/lib/components/grid.d.ts +0 -88
  108. package/lib/components/grid.d.ts.map +0 -1
  109. package/lib/components/grid.js +0 -208
  110. package/lib/components/grid.ts +0 -295
  111. package/lib/components/heading.d.ts +0 -25
  112. package/lib/components/heading.d.ts.map +0 -1
  113. package/lib/components/heading.js +0 -83
  114. package/lib/components/heading.ts +0 -113
  115. package/lib/components/helpers.d.ts +0 -9
  116. package/lib/components/helpers.d.ts.map +0 -1
  117. package/lib/components/helpers.js +0 -30
  118. package/lib/components/helpers.ts +0 -41
  119. package/lib/components/hero.d.ts +0 -60
  120. package/lib/components/hero.d.ts.map +0 -1
  121. package/lib/components/hero.js +0 -239
  122. package/lib/components/hero.ts +0 -302
  123. package/lib/components/history/StateHistory.d.ts +0 -91
  124. package/lib/components/history/StateHistory.d.ts.map +0 -1
  125. package/lib/components/history/StateHistory.js +0 -154
  126. package/lib/components/history/StateHistory.ts +0 -200
  127. package/lib/components/icon.d.ts +0 -36
  128. package/lib/components/icon.d.ts.map +0 -1
  129. package/lib/components/icon.js +0 -135
  130. package/lib/components/icon.ts +0 -182
  131. package/lib/components/icons.d.ts +0 -25
  132. package/lib/components/icons.d.ts.map +0 -1
  133. package/lib/components/icons.js +0 -440
  134. package/lib/components/icons.ts +0 -464
  135. package/lib/components/image.d.ts +0 -42
  136. package/lib/components/image.d.ts.map +0 -1
  137. package/lib/components/image.js +0 -204
  138. package/lib/components/image.ts +0 -260
  139. package/lib/components/include.d.ts +0 -86
  140. package/lib/components/include.d.ts.map +0 -1
  141. package/lib/components/include.js +0 -238
  142. package/lib/components/input.d.ts +0 -85
  143. package/lib/components/input.d.ts.map +0 -1
  144. package/lib/components/input.js +0 -362
  145. package/lib/components/input.ts +0 -473
  146. package/lib/components/layer.d.ts +0 -72
  147. package/lib/components/layer.d.ts.map +0 -1
  148. package/lib/components/layer.js +0 -219
  149. package/lib/components/layer.ts +0 -304
  150. package/lib/components/link.d.ts +0 -41
  151. package/lib/components/link.d.ts.map +0 -1
  152. package/lib/components/link.js +0 -216
  153. package/lib/components/link.ts +0 -268
  154. package/lib/components/list.d.ts +0 -83
  155. package/lib/components/list.d.ts.map +0 -1
  156. package/lib/components/list.js +0 -314
  157. package/lib/components/list.ts +0 -423
  158. package/lib/components/loading.d.ts +0 -25
  159. package/lib/components/loading.d.ts.map +0 -1
  160. package/lib/components/loading.js +0 -76
  161. package/lib/components/loading.ts +0 -104
  162. package/lib/components/menu.d.ts +0 -38
  163. package/lib/components/menu.d.ts.map +0 -1
  164. package/lib/components/menu.js +0 -205
  165. package/lib/components/menu.ts +0 -279
  166. package/lib/components/modal.d.ts +0 -97
  167. package/lib/components/modal.d.ts.map +0 -1
  168. package/lib/components/modal.js +0 -463
  169. package/lib/components/modal.ts +0 -576
  170. package/lib/components/nav.d.ts +0 -46
  171. package/lib/components/nav.d.ts.map +0 -1
  172. package/lib/components/nav.js +0 -193
  173. package/lib/components/nav.ts +0 -261
  174. package/lib/components/paragraph.d.ts +0 -30
  175. package/lib/components/paragraph.d.ts.map +0 -1
  176. package/lib/components/paragraph.js +0 -93
  177. package/lib/components/paragraph.ts +0 -123
  178. package/lib/components/pen.d.ts +0 -125
  179. package/lib/components/pen.d.ts.map +0 -1
  180. package/lib/components/pen.js +0 -443
  181. package/lib/components/pen.ts +0 -567
  182. package/lib/components/progress.d.ts +0 -40
  183. package/lib/components/progress.d.ts.map +0 -1
  184. package/lib/components/progress.js +0 -116
  185. package/lib/components/progress.ts +0 -163
  186. package/lib/components/radio.d.ts +0 -43
  187. package/lib/components/radio.d.ts.map +0 -1
  188. package/lib/components/radio.js +0 -226
  189. package/lib/components/radio.ts +0 -303
  190. package/lib/components/registry.d.ts +0 -34
  191. package/lib/components/registry.d.ts.map +0 -1
  192. package/lib/components/registry.js +0 -163
  193. package/lib/components/registry.ts +0 -193
  194. package/lib/components/req.d.ts +0 -155
  195. package/lib/components/req.d.ts.map +0 -1
  196. package/lib/components/req.js +0 -253
  197. package/lib/components/req.ts +0 -303
  198. package/lib/components/script.d.ts +0 -14
  199. package/lib/components/script.d.ts.map +0 -1
  200. package/lib/components/script.js +0 -33
  201. package/lib/components/script.ts +0 -41
  202. package/lib/components/select.d.ts +0 -42
  203. package/lib/components/select.d.ts.map +0 -1
  204. package/lib/components/select.js +0 -209
  205. package/lib/components/select.ts +0 -281
  206. package/lib/components/sidebar.d.ts +0 -59
  207. package/lib/components/sidebar.d.ts.map +0 -1
  208. package/lib/components/sidebar.js +0 -298
  209. package/lib/components/sidebar.ts +0 -395
  210. package/lib/components/stack/BaseStack.d.ts +0 -65
  211. package/lib/components/stack/BaseStack.d.ts.map +0 -1
  212. package/lib/components/stack/BaseStack.js +0 -274
  213. package/lib/components/stack/BaseStack.ts +0 -328
  214. package/lib/components/stack/HStack.d.ts +0 -18
  215. package/lib/components/stack/HStack.d.ts.map +0 -1
  216. package/lib/components/stack/HStack.js +0 -22
  217. package/lib/components/stack/HStack.ts +0 -25
  218. package/lib/components/stack/VStack.d.ts +0 -19
  219. package/lib/components/stack/VStack.d.ts.map +0 -1
  220. package/lib/components/stack/VStack.js +0 -23
  221. package/lib/components/stack/VStack.ts +0 -26
  222. package/lib/components/stack/ZStack.d.ts +0 -18
  223. package/lib/components/stack/ZStack.d.ts.map +0 -1
  224. package/lib/components/stack/ZStack.js +0 -22
  225. package/lib/components/stack/ZStack.ts +0 -25
  226. package/lib/components/style.d.ts +0 -14
  227. package/lib/components/style.d.ts.map +0 -1
  228. package/lib/components/style.js +0 -33
  229. package/lib/components/style.ts +0 -41
  230. package/lib/components/switch.d.ts +0 -34
  231. package/lib/components/switch.d.ts.map +0 -1
  232. package/lib/components/switch.js +0 -209
  233. package/lib/components/switch.ts +0 -272
  234. package/lib/components/table.d.ts +0 -137
  235. package/lib/components/table.d.ts.map +0 -1
  236. package/lib/components/table.js +0 -1019
  237. package/lib/components/table.ts +0 -1225
  238. package/lib/components/tabs.d.ts +0 -53
  239. package/lib/components/tabs.d.ts.map +0 -1
  240. package/lib/components/tabs.js +0 -275
  241. package/lib/components/tabs.ts +0 -349
  242. package/lib/components/theme-toggle.d.ts +0 -45
  243. package/lib/components/theme-toggle.d.ts.map +0 -1
  244. package/lib/components/theme-toggle.js +0 -218
  245. package/lib/components/theme-toggle.ts +0 -297
  246. package/lib/components/tooltip.d.ts +0 -31
  247. package/lib/components/tooltip.d.ts.map +0 -1
  248. package/lib/components/tooltip.js +0 -112
  249. package/lib/components/tooltip.ts +0 -148
  250. package/lib/components/watcher.d.ts +0 -195
  251. package/lib/components/watcher.d.ts.map +0 -1
  252. package/lib/components/watcher.js +0 -241
  253. package/lib/components/watcher.ts +0 -261
  254. package/lib/components/write.d.ts +0 -107
  255. package/lib/components/write.d.ts.map +0 -1
  256. package/lib/components/write.js +0 -222
  257. package/lib/components/write.ts +0 -272
  258. package/lib/data/DataPipeline.d.ts +0 -113
  259. package/lib/data/DataPipeline.d.ts.map +0 -1
  260. package/lib/data/DataPipeline.js +0 -359
  261. package/lib/data/DataPipeline.ts +0 -452
  262. package/lib/facades/dataframe.jux +0 -0
  263. package/lib/globals.d.ts +0 -21
  264. package/lib/reactivity/state.d.ts +0 -36
  265. package/lib/reactivity/state.d.ts.map +0 -1
  266. package/lib/reactivity/state.js +0 -67
  267. package/lib/reactivity/state.ts +0 -78
  268. package/lib/storage/DataFrame.d.ts +0 -284
  269. package/lib/storage/DataFrame.d.ts.map +0 -1
  270. package/lib/storage/DataFrame.js +0 -1022
  271. package/lib/storage/DataFrame.ts +0 -1195
  272. package/lib/storage/DataFrameSource.d.ts +0 -158
  273. package/lib/storage/DataFrameSource.d.ts.map +0 -1
  274. package/lib/storage/DataFrameSource.js +0 -409
  275. package/lib/storage/DataFrameSource.ts +0 -556
  276. package/lib/storage/FileStorage.d.ts +0 -53
  277. package/lib/storage/FileStorage.d.ts.map +0 -1
  278. package/lib/storage/FileStorage.js +0 -80
  279. package/lib/storage/FileStorage.ts +0 -95
  280. package/lib/storage/IndexedDBDriver.d.ts +0 -75
  281. package/lib/storage/IndexedDBDriver.d.ts.map +0 -1
  282. package/lib/storage/IndexedDBDriver.js +0 -177
  283. package/lib/storage/IndexedDBDriver.ts +0 -226
  284. package/lib/storage/TabularDriver.d.ts +0 -118
  285. package/lib/storage/TabularDriver.d.ts.map +0 -1
  286. package/lib/storage/TabularDriver.js +0 -731
  287. package/lib/storage/TabularDriver.ts +0 -874
  288. package/lib/utils/codeparser.d.ts +0 -29
  289. package/lib/utils/codeparser.d.ts.map +0 -1
  290. package/lib/utils/codeparser.js +0 -409
  291. package/lib/utils/fetch.d.ts +0 -176
  292. package/lib/utils/fetch.d.ts.map +0 -1
  293. package/lib/utils/fetch.js +0 -427
  294. package/lib/utils/formatId.d.ts +0 -16
  295. package/lib/utils/formatId.d.ts.map +0 -1
  296. package/lib/utils/formatId.js +0 -27
  297. package/lib/utils/path-resolver.js +0 -23
@@ -1,259 +0,0 @@
1
- import { BaseComponent } from './base/BaseComponent.js';
2
-
3
- // Event definitions - Container is a layout wrapper that can be clicked
4
- const TRIGGER_EVENTS = [] as const;
5
- const CALLBACK_EVENTS = ['click'] as const;
6
-
7
- /**
8
- * Container options
9
- */
10
- export interface ContainerOptions {
11
- content?: string | BaseComponent<any> | Array<string | BaseComponent<any>>;
12
- class?: string;
13
- style?: string;
14
- direction?: 'row' | 'column';
15
- gap?: string | number;
16
- align?: 'start' | 'center' | 'end' | 'stretch';
17
- justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
18
- }
19
-
20
- /**
21
- * Container state
22
- */
23
- type ContainerState = {
24
- content: string | BaseComponent<any> | Array<string | BaseComponent<any>>;
25
- class: string;
26
- style: string;
27
- direction?: 'row' | 'column';
28
- gap?: string | number;
29
- align?: string;
30
- justify?: string;
31
- };
32
-
33
- /**
34
- * Container component - a simple div container for grouping elements
35
- */
36
- export class Container extends BaseComponent<ContainerState> {
37
- private _containerElement: HTMLElement | null = null;
38
-
39
- constructor(id: string, options: ContainerOptions = {}) {
40
- super(id, {
41
- content: options.content ?? [],
42
- class: options.class ?? '',
43
- style: options.style ?? '',
44
- direction: options.direction,
45
- gap: options.gap,
46
- align: options.align,
47
- justify: options.justify
48
- });
49
- }
50
-
51
- protected getTriggerEvents(): readonly string[] {
52
- return TRIGGER_EVENTS;
53
- }
54
-
55
- protected getCallbackEvents(): readonly string[] {
56
- return CALLBACK_EVENTS;
57
- }
58
-
59
- update(prop: string, value: any): void {
60
- super.update(prop, value);
61
-
62
- if (!this._containerElement) return;
63
-
64
- switch (prop) {
65
- case 'content':
66
- this._updateContent(value);
67
- break;
68
-
69
- case 'direction':
70
- this._containerElement.style.flexDirection = value;
71
- break;
72
-
73
- case 'gap':
74
- const gapValue = typeof value === 'number' ? `${value}px` : value;
75
- this._containerElement.style.gap = gapValue;
76
- break;
77
-
78
- case 'align':
79
- this._containerElement.style.alignItems = value;
80
- break;
81
-
82
- case 'justify':
83
- this._containerElement.style.justifyContent = value;
84
- break;
85
- }
86
- }
87
-
88
- private _updateContent(value: string | BaseComponent<any> | Array<string | BaseComponent<any>>): void {
89
- if (!this._containerElement) return;
90
-
91
- this._containerElement.innerHTML = '';
92
-
93
- const items = Array.isArray(value) ? value : [value];
94
-
95
- items.forEach(item => {
96
- if (typeof item === 'string') {
97
- const tempDiv = document.createElement('div');
98
- tempDiv.innerHTML = item;
99
- while (tempDiv.firstChild) {
100
- this._containerElement!.appendChild(tempDiv.firstChild);
101
- }
102
- } else if (item instanceof BaseComponent) {
103
- item.render(this._containerElement!);
104
- }
105
- });
106
- }
107
-
108
- /* -------------------------
109
- * Fluent API
110
- * ------------------------- */
111
-
112
- // ✅ Inherited from BaseComponent:
113
- // - style(), class()
114
- // - bind(), sync(), renderTo()
115
- // - addClass(), removeClass(), toggleClass()
116
- // - visible(), show(), hide()
117
- // - attr(), attrs(), removeAttr()
118
- // - disabled(), enable(), disable()
119
-
120
- content(value: string | BaseComponent<any> | Array<string | BaseComponent<any>>): this {
121
- this.state.content = value;
122
- return this;
123
- }
124
-
125
- direction(value: 'row' | 'column'): this {
126
- this.state.direction = value;
127
- return this;
128
- }
129
-
130
- gap(value: string | number): this {
131
- this.state.gap = value;
132
- return this;
133
- }
134
-
135
- align(value: 'start' | 'center' | 'end' | 'stretch'): this {
136
- this.state.align = value;
137
- return this;
138
- }
139
-
140
- justify(value: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'): this {
141
- this.state.justify = value;
142
- return this;
143
- }
144
-
145
- /**
146
- * Add content to container (supports strings and BaseComponents)
147
- */
148
- addContent(content: string | BaseComponent<any> | Array<string | BaseComponent<any>>): this {
149
- if (!this._containerElement) {
150
- console.warn('[Container] Container element not found');
151
- return this;
152
- }
153
-
154
- const items = Array.isArray(content) ? content : [content];
155
-
156
- items.forEach(item => {
157
- if (typeof item === 'string') {
158
- const tempDiv = document.createElement('div');
159
- tempDiv.innerHTML = item;
160
- while (tempDiv.firstChild) {
161
- this._containerElement!.appendChild(tempDiv.firstChild);
162
- }
163
- } else if (item instanceof BaseComponent) {
164
- item.render(this._containerElement!);
165
- }
166
- });
167
-
168
- return this;
169
- }
170
-
171
- /**
172
- * Clear all content from container
173
- */
174
- clearContent(): this {
175
- if (this._containerElement) {
176
- this._containerElement.innerHTML = '';
177
- }
178
- return this;
179
- }
180
-
181
- /**
182
- * Get the container element ID for rendering child components
183
- */
184
- contentId(): string {
185
- return `${this._id}-content`;
186
- }
187
-
188
- /* -------------------------
189
- * Render
190
- * ------------------------- */
191
-
192
- render(targetId?: string | HTMLElement | BaseComponent<any>): this {
193
- const container = this._setupContainer(targetId);
194
-
195
- const { content, class: className, style, direction, gap, align, justify } = this.state;
196
-
197
- const div = document.createElement('div');
198
- div.id = this._id;
199
- this._containerElement = div;
200
-
201
- // Always include jux-container class, append custom classes
202
- div.className = className ? `jux-container ${className}` : 'jux-container';
203
-
204
- // Only apply flex styles if any flex properties are set
205
- const usesFlexbox = direction || gap !== undefined || align || justify;
206
-
207
- let computedStyle = style;
208
-
209
- if (usesFlexbox) {
210
- const flexStyles: string[] = ['display: flex', 'width: auto'];
211
-
212
- if (direction) flexStyles.push(`flex-direction: ${direction}`);
213
-
214
- if (gap !== undefined) {
215
- const gapValue = typeof gap === 'number' ? `${gap}px` : gap;
216
- flexStyles.push(`gap: ${gapValue}`);
217
- }
218
- // Only set align-items if explicitly specified
219
- if (align) flexStyles.push(`align-items: ${align}`);
220
- // Only set justify-content if explicitly specified
221
- if (justify) flexStyles.push(`justify-content: ${justify}`);
222
-
223
- computedStyle = `${flexStyles.join('; ')}; ${style}`.trim();
224
- }
225
-
226
- if (computedStyle) {
227
- div.setAttribute('style', computedStyle);
228
- }
229
-
230
- // Render initial content
231
- if (content) {
232
- const items = Array.isArray(content) ? content : [content];
233
- items.forEach(item => {
234
- if (typeof item === 'string') {
235
- const tempDiv = document.createElement('div');
236
- tempDiv.innerHTML = item;
237
- while (tempDiv.firstChild) {
238
- div.appendChild(tempDiv.firstChild);
239
- }
240
- } else if (item instanceof BaseComponent) {
241
- item.render(div);
242
- }
243
- });
244
- }
245
-
246
- this._wireStandardEvents(div);
247
-
248
- container.appendChild(div);
249
-
250
- return this;
251
- }
252
- }
253
-
254
- /**
255
- * Factory helper
256
- */
257
- export function container(id: string, options: ContainerOptions = {}): Container {
258
- return new Container(id, options);
259
- }
@@ -1,36 +0,0 @@
1
- /**
2
- * Data component - SQL query execution
3
- * Note: No id needed - this is a data-only component
4
- *
5
- * Usage:
6
- * const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);
7
- * await posts.execute();
8
- * console.log(posts.data);
9
- */
10
- export interface DataOptions {
11
- sql: string;
12
- params?: any[];
13
- apiUrl?: string;
14
- }
15
- export declare class Data {
16
- private _data;
17
- private _executed;
18
- private _loading;
19
- private _sql;
20
- private _params;
21
- private _apiUrl;
22
- constructor(sql: string, params?: any[], apiUrl?: string);
23
- get data(): any[];
24
- get executed(): boolean;
25
- get loading(): boolean;
26
- get sql(): string;
27
- set sql(value: string);
28
- execute(): Promise<void>;
29
- reset(): void;
30
- static fetch<T = any>(url: string, options?: RequestInit): Promise<T>;
31
- static post<T = any>(url: string, body: any, options?: RequestInit): Promise<T>;
32
- static put<T = any>(url: string, body: any, options?: RequestInit): Promise<T>;
33
- static delete<T = any>(url: string, options?: RequestInit): Promise<T>;
34
- }
35
- export declare function data<T = any>(url: string, options?: RequestInit): Promise<T>;
36
- //# sourceMappingURL=data.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["data.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,IAAI;IACf,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,OAAO,CAAS;gBAEZ,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,GAAG,EAAO,EAAE,MAAM,GAAE,MAAqB;IAU1E,IAAI,IAAI,IAAI,GAAG,EAAE,CAEhB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAMK,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAgC9B,KAAK,IAAI,IAAI;WAOA,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;WAS9D,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;WAQxE,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;WAQvE,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;CAO7E;AAGD,wBAAgB,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAE5E"}
@@ -1,110 +0,0 @@
1
- /**
2
- * Data component - SQL query execution
3
- * Note: No id needed - this is a data-only component
4
- *
5
- * Usage:
6
- * const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);
7
- * await posts.execute();
8
- * console.log(posts.data);
9
- */
10
- export class Data {
11
- constructor(sql, params = [], apiUrl = '/api/query') {
12
- this._data = [];
13
- this._executed = false;
14
- this._loading = false;
15
- this._sql = sql;
16
- this._params = params;
17
- this._apiUrl = apiUrl;
18
- }
19
- /* -------------------------
20
- * Getters
21
- * ------------------------- */
22
- get data() {
23
- return this._data;
24
- }
25
- get executed() {
26
- return this._executed;
27
- }
28
- get loading() {
29
- return this._loading;
30
- }
31
- get sql() {
32
- return this._sql;
33
- }
34
- set sql(value) {
35
- this._sql = value;
36
- }
37
- /* -------------------------
38
- * Methods
39
- * ------------------------- */
40
- async execute() {
41
- if (this._executed)
42
- return;
43
- this._loading = true;
44
- try {
45
- const response = await fetch(this._apiUrl, {
46
- method: 'POST',
47
- headers: {
48
- 'Content-Type': 'application/json'
49
- },
50
- body: JSON.stringify({
51
- sql: this._sql,
52
- params: this._params
53
- })
54
- });
55
- if (!response.ok) {
56
- throw new Error(`API error: ${response.statusText}`);
57
- }
58
- const result = await response.json();
59
- this._data = result.data || [];
60
- this._executed = true;
61
- }
62
- catch (error) {
63
- console.error('Data execution error:', error);
64
- this._data = [];
65
- throw error;
66
- }
67
- finally {
68
- this._loading = false;
69
- }
70
- }
71
- reset() {
72
- this._executed = false;
73
- this._data = [];
74
- this._loading = false;
75
- }
76
- // Remove id requirement, make it optional for caching
77
- static async fetch(url, options) {
78
- const response = await fetch(url, options);
79
- if (!response.ok) {
80
- throw new Error(`API error: ${response.statusText}`);
81
- }
82
- return response.json();
83
- }
84
- // ✅ Static methods - no ID needed
85
- static async post(url, body, options) {
86
- const response = await fetch(url, options);
87
- if (!response.ok) {
88
- throw new Error(`API error: ${response.statusText}`);
89
- }
90
- return response.json();
91
- }
92
- static async put(url, body, options) {
93
- const response = await fetch(url, options);
94
- if (!response.ok) {
95
- throw new Error(`API error: ${response.statusText}`);
96
- }
97
- return response.json();
98
- }
99
- static async delete(url, options) {
100
- const response = await fetch(url, options);
101
- if (!response.ok) {
102
- throw new Error(`API error: ${response.statusText}`);
103
- }
104
- return response.json();
105
- }
106
- }
107
- // ✅ No ID needed - pure data fetching
108
- export function data(url, options) {
109
- return Data.fetch(url, options);
110
- }
@@ -1,135 +0,0 @@
1
- /**
2
- * Data component - SQL query execution
3
- * Note: No id needed - this is a data-only component
4
- *
5
- * Usage:
6
- * const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);
7
- * await posts.execute();
8
- * console.log(posts.data);
9
- */
10
-
11
- export interface DataOptions {
12
- sql: string;
13
- params?: any[];
14
- apiUrl?: string;
15
- }
16
-
17
- export class Data {
18
- private _data: any[] = [];
19
- private _executed: boolean = false;
20
- private _loading: boolean = false;
21
- private _sql: string;
22
- private _params: any[];
23
- private _apiUrl: string;
24
-
25
- constructor(sql: string, params: any[] = [], apiUrl: string = '/api/query') {
26
- this._sql = sql;
27
- this._params = params;
28
- this._apiUrl = apiUrl;
29
- }
30
-
31
- /* -------------------------
32
- * Getters
33
- * ------------------------- */
34
-
35
- get data(): any[] {
36
- return this._data;
37
- }
38
-
39
- get executed(): boolean {
40
- return this._executed;
41
- }
42
-
43
- get loading(): boolean {
44
- return this._loading;
45
- }
46
-
47
- get sql(): string {
48
- return this._sql;
49
- }
50
-
51
- set sql(value: string) {
52
- this._sql = value;
53
- }
54
-
55
- /* -------------------------
56
- * Methods
57
- * ------------------------- */
58
-
59
- async execute(): Promise<void> {
60
- if (this._executed) return;
61
- this._loading = true;
62
-
63
- try {
64
- const response = await fetch(this._apiUrl, {
65
- method: 'POST',
66
- headers: {
67
- 'Content-Type': 'application/json'
68
- },
69
- body: JSON.stringify({
70
- sql: this._sql,
71
- params: this._params
72
- })
73
- });
74
-
75
- if (!response.ok) {
76
- throw new Error(`API error: ${response.statusText}`);
77
- }
78
-
79
- const result = await response.json();
80
- this._data = result.data || [];
81
- this._executed = true;
82
- } catch (error) {
83
- console.error('Data execution error:', error);
84
- this._data = [];
85
- throw error;
86
- } finally {
87
- this._loading = false;
88
- }
89
- }
90
-
91
- reset(): void {
92
- this._executed = false;
93
- this._data = [];
94
- this._loading = false;
95
- }
96
-
97
- // Remove id requirement, make it optional for caching
98
- static async fetch<T = any>(url: string, options?: RequestInit): Promise<T> {
99
- const response = await fetch(url, options);
100
- if (!response.ok) {
101
- throw new Error(`API error: ${response.statusText}`);
102
- }
103
- return response.json();
104
- }
105
-
106
- // ✅ Static methods - no ID needed
107
- static async post<T = any>(url: string, body: any, options?: RequestInit): Promise<T> {
108
- const response = await fetch(url, options);
109
- if (!response.ok) {
110
- throw new Error(`API error: ${response.statusText}`);
111
- }
112
- return response.json();
113
- }
114
-
115
- static async put<T = any>(url: string, body: any, options?: RequestInit): Promise<T> {
116
- const response = await fetch(url, options);
117
- if (!response.ok) {
118
- throw new Error(`API error: ${response.statusText}`);
119
- }
120
- return response.json();
121
- }
122
-
123
- static async delete<T = any>(url: string, options?: RequestInit): Promise<T> {
124
- const response = await fetch(url, options);
125
- if (!response.ok) {
126
- throw new Error(`API error: ${response.statusText}`);
127
- }
128
- return response.json();
129
- }
130
- }
131
-
132
- // ✅ No ID needed - pure data fetching
133
- export function data<T = any>(url: string, options?: RequestInit): Promise<T> {
134
- return Data.fetch<T>(url, options);
135
- }
@@ -1,118 +0,0 @@
1
- import { DataFrame } from '../../storage/DataFrame.js';
2
- import { TabularDriver } from '../../storage/TabularDriver.js';
3
- import { FileUpload } from '../fileupload.js';
4
- export interface DataFrameSourceOptions {
5
- maxFileSize?: number;
6
- maxSheetSize?: number;
7
- sheetChunkSize?: number;
8
- persistToIndexedDB?: boolean;
9
- dbName?: string;
10
- storeName?: string;
11
- }
12
- export interface LoadResult {
13
- df: DataFrame | null;
14
- sheets?: Record<string, DataFrame>;
15
- sourceName: string;
16
- isMultiSheet: boolean;
17
- error?: string;
18
- }
19
- export interface RawFileData {
20
- file: File;
21
- text?: string;
22
- isExcel?: boolean;
23
- }
24
- type SourceCallback = (result: LoadResult) => void;
25
- type ProgressCallback = (loaded: number, total: number) => void;
26
- type ErrorCallback = (message: string) => void;
27
- /**
28
- * DataFrameSource - Handles data acquisition from various sources
29
- *
30
- * Responsibilities:
31
- * - Load data from files (CSV, Excel)
32
- * - Load data from URLs
33
- * - Load data from IndexedDB storage
34
- * - Load data from inline arrays/objects
35
- * - Validate and detect malformed data
36
- * - Persist to storage if configured
37
- *
38
- * Does NOT handle:
39
- * - UI rendering
40
- * - User interactions
41
- * - Modals/dialogs
42
- */
43
- export declare class DataFrameSource {
44
- private _driver;
45
- private _options;
46
- private _df;
47
- private _sheets;
48
- private _rawFileData;
49
- private _sourceName;
50
- private _onLoad;
51
- private _onProgress;
52
- private _onError;
53
- constructor(options?: DataFrameSourceOptions);
54
- onLoad(callback: SourceCallback): this;
55
- onProgress(callback: ProgressCallback): this;
56
- onError(callback: ErrorCallback): this;
57
- /**
58
- * Load from a FileUpload component
59
- */
60
- fromUpload(upload: FileUpload): this;
61
- /**
62
- * Load from a File object directly
63
- */
64
- fromFile(file: File): Promise<LoadResult>;
65
- /**
66
- * Load from a URL
67
- */
68
- fromUrl(url: string): Promise<LoadResult>;
69
- /**
70
- * Load from IndexedDB storage by key
71
- */
72
- fromStorage(key: string): Promise<LoadResult>;
73
- /**
74
- * Load from inline data (array of objects or columnar format)
75
- */
76
- fromData(data: Record<string, any>[] | Record<string, any[]>, sourceName?: string): LoadResult;
77
- /**
78
- * Re-parse with different options (header row, delimiter)
79
- */
80
- reimport(options: {
81
- headerRow?: number;
82
- delimiter?: string;
83
- }): Promise<LoadResult>;
84
- get df(): DataFrame | null;
85
- get sheets(): Map<string, DataFrame>;
86
- get sourceName(): string;
87
- get rawFileData(): RawFileData | null;
88
- get driver(): TabularDriver;
89
- get shape(): [number, number];
90
- get columns(): string[];
91
- get height(): number;
92
- get width(): number;
93
- /**
94
- * Detect if the data appears malformed (bad headers, metadata rows, etc.)
95
- */
96
- detectMalformed(): boolean;
97
- /**
98
- * Get raw preview rows for header selection UI
99
- */
100
- getPreviewRows(maxRows?: number): Promise<{
101
- sheetRow: number;
102
- values: any[];
103
- }[]>;
104
- save(key?: string): Promise<string | null>;
105
- clearStorage(): Promise<void>;
106
- clear(): void;
107
- private _loadExcel;
108
- private _loadCSV;
109
- private _processSheets;
110
- private _stripEmptyColumns;
111
- private _parseCSVPreview;
112
- }
113
- /**
114
- * Factory function
115
- */
116
- export declare function dataFrameSource(options?: DataFrameSourceOptions): DataFrameSource;
117
- export {};
118
- //# sourceMappingURL=DataFrameSource.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DataFrameSource.d.ts","sourceRoot":"","sources":["DataFrameSource.ts"],"names":[],"mappings":"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"}