juxscript 1.0.20 → 1.0.21

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 (76) hide show
  1. package/bin/cli.js +121 -72
  2. package/lib/components/alert.ts +143 -92
  3. package/lib/components/badge.ts +93 -94
  4. package/lib/components/base/BaseComponent.ts +397 -0
  5. package/lib/components/base/FormInput.ts +322 -0
  6. package/lib/components/button.ts +40 -131
  7. package/lib/components/card.ts +57 -79
  8. package/lib/components/charts/areachart.ts +315 -0
  9. package/lib/components/charts/barchart.ts +421 -0
  10. package/lib/components/charts/doughnutchart.ts +263 -0
  11. package/lib/components/charts/lib/BaseChart.ts +402 -0
  12. package/lib/components/{chart-types.ts → charts/lib/chart-types.ts} +1 -1
  13. package/lib/components/{chart-utils.ts → charts/lib/chart-utils.ts} +1 -1
  14. package/lib/components/{chart.ts → charts/lib/chart.ts} +3 -3
  15. package/lib/components/checkbox.ts +255 -204
  16. package/lib/components/code.ts +31 -78
  17. package/lib/components/container.ts +113 -130
  18. package/lib/components/data.ts +37 -5
  19. package/lib/components/datepicker.ts +180 -147
  20. package/lib/components/dialog.ts +218 -221
  21. package/lib/components/divider.ts +63 -87
  22. package/lib/components/docs-data.json +498 -2404
  23. package/lib/components/dropdown.ts +191 -236
  24. package/lib/components/element.ts +196 -145
  25. package/lib/components/fileupload.ts +253 -167
  26. package/lib/components/guard.ts +92 -0
  27. package/lib/components/heading.ts +31 -97
  28. package/lib/components/helpers.ts +13 -6
  29. package/lib/components/hero.ts +51 -114
  30. package/lib/components/icon.ts +33 -120
  31. package/lib/components/icons.ts +2 -1
  32. package/lib/components/include.ts +76 -3
  33. package/lib/components/input.ts +155 -407
  34. package/lib/components/kpicard.ts +16 -16
  35. package/lib/components/list.ts +358 -261
  36. package/lib/components/loading.ts +142 -211
  37. package/lib/components/menu.ts +63 -152
  38. package/lib/components/modal.ts +42 -129
  39. package/lib/components/nav.ts +79 -101
  40. package/lib/components/paragraph.ts +38 -102
  41. package/lib/components/progress.ts +108 -166
  42. package/lib/components/radio.ts +283 -234
  43. package/lib/components/script.ts +19 -87
  44. package/lib/components/select.ts +189 -199
  45. package/lib/components/sidebar.ts +110 -141
  46. package/lib/components/style.ts +19 -82
  47. package/lib/components/switch.ts +254 -183
  48. package/lib/components/table.ts +1078 -208
  49. package/lib/components/tabs.ts +42 -106
  50. package/lib/components/theme-toggle.ts +73 -165
  51. package/lib/components/tooltip.ts +85 -316
  52. package/lib/components/write.ts +108 -127
  53. package/lib/jux.ts +67 -41
  54. package/machinery/build.js +466 -0
  55. package/machinery/compiler.js +354 -105
  56. package/machinery/server.js +23 -100
  57. package/machinery/watcher.js +153 -130
  58. package/package.json +1 -1
  59. package/presets/base.css +1166 -0
  60. package/presets/notion.css +2 -1975
  61. package/lib/adapters/base-adapter.js +0 -35
  62. package/lib/adapters/index.js +0 -33
  63. package/lib/adapters/mysql-adapter.js +0 -65
  64. package/lib/adapters/postgres-adapter.js +0 -70
  65. package/lib/adapters/sqlite-adapter.js +0 -56
  66. package/lib/components/areachart.ts +0 -1128
  67. package/lib/components/areachartsmooth.ts +0 -1380
  68. package/lib/components/barchart.ts +0 -1322
  69. package/lib/components/doughnutchart.ts +0 -1259
  70. package/lib/components/footer.ts +0 -165
  71. package/lib/components/header.ts +0 -187
  72. package/lib/components/layout.ts +0 -239
  73. package/lib/components/main.ts +0 -137
  74. package/lib/layouts/default.jux +0 -8
  75. package/lib/layouts/figma.jux +0 -0
  76. /package/lib/{themes → components/charts/lib}/charts.js +0 -0
package/lib/components/docs-data.json CHANGED
@@ -57,1676 +57,280 @@
57
57
  ],
58
58
  "example": "jux.app('myApp').setup({"
59
59
  },
60
- {
61
- "name": "Layout",
62
- "category": "Core",
63
- "description": "Layout component interface",
64
- "constructor": "jux.layout(...args: any[])",
65
- "fluentMethods": [
66
- {
67
- "name": "file",
68
- "params": "(juxFile)",
69
- "returns": "this",
70
- "description": "Set file"
71
- },
72
- {
73
- "name": "add",
74
- "params": "(component)",
75
- "returns": "this",
76
- "description": "Set add"
77
- },
78
- {
79
- "name": "render",
80
- "params": "(target?)",
81
- "returns": "this",
82
- "description": "Set render"
83
- }
84
- ],
85
- "example": "// As a composition function"
86
- },
87
60
  {
88
61
  "name": "Script",
89
62
  "category": "Core",
90
63
  "description": "Script - Inject inline JavaScript into the document",
91
- "constructor": "jux.script(content: string = '')",
64
+ "constructor": "jux.script(code: string, id?: string)",
92
65
  "fluentMethods": [
93
- {
94
- "name": "content",
95
- "params": "(js)",
96
- "returns": "this",
97
- "description": "Set content"
98
- },
99
- {
100
- "name": "type",
101
- "params": "(value)",
102
- "returns": "this",
103
- "description": "Set type"
104
- },
105
- {
106
- "name": "module",
107
- "params": "()",
108
- "returns": "this",
109
- "description": "Set module"
110
- },
111
66
  {
112
67
  "name": "render",
113
68
  "params": "()",
114
69
  "returns": "this",
115
70
  "description": "Set render"
116
- },
117
- {
118
- "name": "remove",
119
- "params": "()",
120
- "returns": "this",
121
- "description": "Set remove"
122
71
  }
123
72
  ],
124
- "example": "jux.script('console.log(\"Hello\")');"
73
+ "example": "jux.script('id').render()"
125
74
  },
126
75
  {
127
76
  "name": "Style",
128
77
  "category": "Core",
129
78
  "description": "Style - Inject inline CSS into the document",
130
- "constructor": "jux.style(content: string = '')",
79
+ "constructor": "jux.style(css: string, id?: string)",
131
80
  "fluentMethods": [
132
- {
133
- "name": "content",
134
- "params": "(css)",
135
- "returns": "this",
136
- "description": "Set content"
137
- },
138
- {
139
- "name": "append",
140
- "params": "(css)",
141
- "returns": "this",
142
- "description": "Set append"
143
- },
144
- {
145
- "name": "prepend",
146
- "params": "(css)",
147
- "returns": "this",
148
- "description": "Set prepend"
149
- },
150
81
  {
151
82
  "name": "render",
152
83
  "params": "()",
153
84
  "returns": "this",
154
85
  "description": "Set render"
155
- },
156
- {
157
- "name": "remove",
158
- "params": "()",
159
- "returns": "this",
160
- "description": "Set remove"
161
86
  }
162
87
  ],
163
- "example": "jux.style('body { margin: 0; }');"
88
+ "example": "jux.style('id').render()"
89
+ },
90
+ {
91
+ "name": "Data",
92
+ "category": "Data Components",
93
+ "description": "Data component - SQL query execution",
94
+ "constructor": "new Data()",
95
+ "fluentMethods": [],
96
+ "example": "const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);"
164
97
  },
165
98
  {
166
- "name": "Chart",
99
+ "name": "List",
167
100
  "category": "Data Components",
168
- "description": "Chart component using Chart.js library",
169
- "constructor": "jux.chart(id: string, options: ChartOptions = {})",
101
+ "description": "List component",
102
+ "constructor": "jux.list(id: string, options: ListOptions = {})",
170
103
  "fluentMethods": [
171
104
  {
172
- "name": "type",
173
- "params": "(value)",
174
- "returns": "this",
175
- "description": "Set type"
176
- },
177
- {
178
- "name": "changeType",
179
- "params": "(value)",
180
- "returns": "this",
181
- "description": "Set changeType"
182
- },
183
- {
184
- "name": "data",
185
- "params": "(value)",
186
- "returns": "this",
187
- "description": "Set data"
188
- },
189
- {
190
- "name": "options",
191
- "params": "(value)",
192
- "returns": "this",
193
- "description": "Set options"
194
- },
195
- {
196
- "name": "width",
197
- "params": "(value)",
198
- "returns": "this",
199
- "description": "Set width"
200
- },
201
- {
202
- "name": "height",
203
- "params": "(value)",
204
- "returns": "this",
205
- "description": "Set height"
206
- },
207
- {
208
- "name": "style",
209
- "params": "(value)",
210
- "returns": "this",
211
- "description": "Set style"
212
- },
213
- {
214
- "name": "class",
215
- "params": "(value)",
216
- "returns": "this",
217
- "description": "Set class"
218
- },
219
- {
220
- "name": "title",
221
- "params": "(value)",
222
- "returns": "this",
223
- "description": "Set title"
224
- },
225
- {
226
- "name": "subtitle",
227
- "params": "(value)",
228
- "returns": "this",
229
- "description": "Set subtitle"
230
- },
231
- {
232
- "name": "xAxisLabel",
233
- "params": "(value)",
234
- "returns": "this",
235
- "description": "Set xAxisLabel"
236
- },
237
- {
238
- "name": "yAxisLabel",
239
- "params": "(value)",
240
- "returns": "this",
241
- "description": "Set yAxisLabel"
242
- },
243
- {
244
- "name": "theme",
105
+ "name": "items",
245
106
  "params": "(value)",
246
107
  "returns": "this",
247
- "description": "Set theme"
108
+ "description": "Set items"
248
109
  },
249
110
  {
250
- "name": "styleMode",
111
+ "name": "addItem",
251
112
  "params": "(value)",
252
113
  "returns": "this",
253
- "description": "Set styleMode"
114
+ "description": "Set addItem"
254
115
  },
255
116
  {
256
- "name": "borderRadius",
257
- "params": "(value)",
117
+ "name": "removeItem",
118
+ "params": "(index)",
258
119
  "returns": "this",
259
- "description": "Set borderRadius"
120
+ "description": "Set removeItem"
260
121
  },
261
122
  {
262
- "name": "showTicksX",
263
- "params": "(value)",
123
+ "name": "updateItem",
124
+ "params": "(index, updates)",
264
125
  "returns": "this",
265
- "description": "Set showTicksX"
126
+ "description": "Set updateItem"
266
127
  },
267
128
  {
268
- "name": "showTicksY",
269
- "params": "(value)",
129
+ "name": "clearItems",
130
+ "params": "()",
270
131
  "returns": "this",
271
- "description": "Set showTicksY"
132
+ "description": "Set clearItems"
272
133
  },
273
134
  {
274
- "name": "showDataLabels",
275
- "params": "(value)",
135
+ "name": "itemClass",
136
+ "params": "(className)",
276
137
  "returns": "this",
277
- "description": "Set showDataLabels"
138
+ "description": "Set itemClass"
278
139
  },
279
140
  {
280
- "name": "showLegend",
141
+ "name": "ordered",
281
142
  "params": "(value)",
282
143
  "returns": "this",
283
- "description": "Set showLegend"
144
+ "description": "Set ordered"
284
145
  },
285
146
  {
286
- "name": "showDataTable",
147
+ "name": "selectable",
287
148
  "params": "(value)",
288
149
  "returns": "this",
289
- "description": "Set showDataTable"
150
+ "description": "Set selectable"
290
151
  },
291
152
  {
292
- "name": "legendOrientation",
153
+ "name": "multiSelect",
293
154
  "params": "(value)",
294
155
  "returns": "this",
295
- "description": "Set legendOrientation"
156
+ "description": "Set multiSelect"
296
157
  },
297
158
  {
298
- "name": "animate",
159
+ "name": "striped",
299
160
  "params": "(value)",
300
161
  "returns": "this",
301
- "description": "Set animate"
162
+ "description": "Set striped"
302
163
  },
303
164
  {
304
- "name": "animationDuration",
165
+ "name": "hoverable",
305
166
  "params": "(value)",
306
167
  "returns": "this",
307
- "description": "Set animationDuration"
168
+ "description": "Set hoverable"
308
169
  },
309
170
  {
310
- "name": "chartOrientation",
171
+ "name": "bordered",
311
172
  "params": "(value)",
312
173
  "returns": "this",
313
- "description": "Set chartOrientation"
174
+ "description": "Set bordered"
314
175
  },
315
176
  {
316
- "name": "chartDirection",
317
- "params": "(value)",
177
+ "name": "selectItem",
178
+ "params": "(index)",
318
179
  "returns": "this",
319
- "description": "Set chartDirection"
180
+ "description": "Set selectItem"
320
181
  },
321
182
  {
322
- "name": "bind",
323
- "params": "(event, handler)",
183
+ "name": "deselectItem",
184
+ "params": "(index)",
324
185
  "returns": "this",
325
- "description": "Set bind"
186
+ "description": "Set deselectItem"
326
187
  },
327
188
  {
328
- "name": "sync",
329
- "params": "(property, stateObj, toState?, toComponent?)",
189
+ "name": "clearSelection",
190
+ "params": "()",
330
191
  "returns": "this",
331
- "description": "Set sync"
192
+ "description": "Set clearSelection"
332
193
  },
333
194
  {
334
195
  "name": "render",
335
196
  "params": "(targetId?)",
336
197
  "returns": "this",
337
198
  "description": "Set render"
338
- },
339
- {
340
- "name": "renderTo",
341
- "params": "(juxComponent)",
342
- "returns": "this",
343
- "description": "Set renderTo"
344
199
  }
345
200
  ],
346
- "example": "jux.chart('id').render()"
347
- },
348
- {
349
- "name": "Chart-types",
350
- "category": "Data Components",
351
- "description": "Shared chart data point",
352
- "constructor": "new Chart-types()",
353
- "fluentMethods": [],
354
- "example": "jux.chart-types('id').render()"
355
- },
356
- {
357
- "name": "Chart-utils",
358
- "category": "Data Components",
359
- "description": "Lighten a hex color by a percentage",
360
- "constructor": "jux.chart-utils(color: string, percent: number)",
361
- "fluentMethods": [],
362
- "example": "jux.chart-utils('id').render()"
363
- },
364
- {
365
- "name": "Data",
366
- "category": "Data Components",
367
- "description": "Data component - SQL query execution",
368
- "constructor": "jux.data(sql: string, params: any[] = [], apiUrl: string = '/api/query')",
369
- "fluentMethods": [],
370
- "example": "const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);"
201
+ "example": "jux.list('id').render()"
371
202
  },
372
203
  {
373
- "name": "List",
204
+ "name": "Table",
374
205
  "category": "Data Components",
375
- "description": "List component",
376
- "constructor": "jux.list(id: string, options: ListOptions = {})",
206
+ "description": "Add a computed column that evaluates dynamically at render time",
207
+ "constructor": "jux.table(id: string, options: TableOptions = {})",
377
208
  "fluentMethods": [
378
209
  {
379
- "name": "items",
380
- "params": "(value)",
381
- "returns": "this",
382
- "description": "Set items"
383
- },
384
- {
385
- "name": "addItem",
386
- "params": "(value)",
387
- "returns": "this",
388
- "description": "Set addItem"
389
- },
390
- {
391
- "name": "ordered",
210
+ "name": "rows",
392
211
  "params": "(value)",
393
212
  "returns": "this",
394
- "description": "Set ordered"
213
+ "description": "Set rows"
395
214
  },
396
215
  {
397
- "name": "style",
398
- "params": "(value)",
216
+ "name": "removeComputedColumn",
217
+ "params": "(key)",
399
218
  "returns": "this",
400
- "description": "Set style"
219
+ "description": "Set removeComputedColumn"
401
220
  },
402
221
  {
403
- "name": "class",
404
- "params": "(value)",
405
- "returns": "this",
406
- "description": "Set class"
407
- },
408
- {
409
- "name": "bind",
410
- "params": "(event, handler)",
411
- "returns": "this",
412
- "description": "Set bind"
413
- },
414
- {
415
- "name": "sync",
416
- "params": "(property, stateObj, toState?, toComponent?)",
417
- "returns": "this",
418
- "description": "Set sync"
419
- },
420
- {
421
- "name": "add",
422
- "params": "(item, index?)",
423
- "returns": "this",
424
- "description": "Set add"
425
- },
426
- {
427
- "name": "remove",
428
- "params": "(index)",
429
- "returns": "this",
430
- "description": "Set remove"
431
- },
432
- {
433
- "name": "move",
434
- "params": "(fromIndex, toIndex)",
435
- "returns": "this",
436
- "description": "Set move"
437
- },
438
- {
439
- "name": "select",
440
- "params": "(index)",
441
- "returns": "this",
442
- "description": "Set select"
443
- },
444
- {
445
- "name": "deselect",
446
- "params": "()",
447
- "returns": "this",
448
- "description": "Set deselect"
449
- },
450
- {
451
- "name": "render",
452
- "params": "(targetId?)",
453
- "returns": "this",
454
- "description": "Set render"
455
- },
456
- {
457
- "name": "renderTo",
458
- "params": "(juxComponent)",
459
- "returns": "this",
460
- "description": "Set renderTo"
461
- }
462
- ],
463
- "example": "jux.list('id').render()"
464
- },
465
- {
466
- "name": "Table",
467
- "category": "Data Components",
468
- "description": "Column definition",
469
- "constructor": "jux.table(id: string, options: TableOptions = {})",
470
- "fluentMethods": [
471
- {
472
- "name": "rows",
473
- "params": "(value)",
474
- "returns": "this",
475
- "description": "Set rows"
476
- },
477
- {
478
- "name": "headers",
222
+ "name": "headers",
479
223
  "params": "(value)",
480
224
  "returns": "this",
481
225
  "description": "Set headers"
482
226
  },
483
227
  {
484
- "name": "striped",
485
- "params": "(value)",
486
- "returns": "this",
487
- "description": "Set striped"
488
- },
489
- {
490
- "name": "hoverable",
491
- "params": "(value)",
492
- "returns": "this",
493
- "description": "Set hoverable"
494
- },
495
- {
496
- "name": "bordered",
497
- "params": "(value)",
498
- "returns": "this",
499
- "description": "Set bordered"
500
- },
501
- {
502
- "name": "compact",
503
- "params": "(value)",
504
- "returns": "this",
505
- "description": "Set compact"
506
- },
507
- {
508
- "name": "style",
509
- "params": "(value)",
510
- "returns": "this",
511
- "description": "Set style"
512
- },
513
- {
514
- "name": "class",
515
- "params": "(value)",
516
- "returns": "this",
517
- "description": "Set class"
518
- },
519
- {
520
- "name": "bind",
521
- "params": "(event, handler)",
522
- "returns": "this",
523
- "description": "Set bind"
524
- },
525
- {
526
- "name": "sync",
527
- "params": "(property, stateObj, toState?, toComponent?)",
528
- "returns": "this",
529
- "description": "Set sync"
530
- },
531
- {
532
- "name": "render",
533
- "params": "(targetId?)",
534
- "returns": "this",
535
- "description": "Set render"
536
- },
537
- {
538
- "name": "renderTo",
539
- "params": "(juxComponent)",
540
- "returns": "this",
541
- "description": "Set renderTo"
542
- }
543
- ],
544
- "example": "jux.table('users', {"
545
- },
546
- {
547
- "name": "Alert",
548
- "category": "UI Components",
549
- "description": "Alert component",
550
- "constructor": "jux.alert(id: string, options: AlertOptions = {})",
551
- "fluentMethods": [
552
- {
553
- "name": "message",
554
- "params": "(value)",
555
- "returns": "this",
556
- "description": "Set message"
557
- },
558
- {
559
- "name": "type",
560
- "params": "(value)",
561
- "returns": "this",
562
- "description": "Set type"
563
- },
564
- {
565
- "name": "dismissible",
566
- "params": "(value)",
567
- "returns": "this",
568
- "description": "Set dismissible"
569
- },
570
- {
571
- "name": "icon",
572
- "params": "(value)",
573
- "returns": "this",
574
- "description": "Set icon"
575
- },
576
- {
577
- "name": "style",
578
- "params": "(value)",
579
- "returns": "this",
580
- "description": "Set style"
581
- },
582
- {
583
- "name": "class",
584
- "params": "(value)",
585
- "returns": "this",
586
- "description": "Set class"
587
- },
588
- {
589
- "name": "bind",
590
- "params": "(event, handler)",
591
- "returns": "this",
592
- "description": "Set bind"
593
- },
594
- {
595
- "name": "sync",
596
- "params": "(property, stateObj, toState?, toComponent?)",
597
- "returns": "this",
598
- "description": "Set sync"
599
- },
600
- {
601
- "name": "show",
602
- "params": "()",
603
- "returns": "this",
604
- "description": "Set show"
605
- },
606
- {
607
- "name": "hide",
608
- "params": "()",
609
- "returns": "this",
610
- "description": "Set hide"
611
- },
612
- {
613
- "name": "render",
614
- "params": "(targetId?)",
615
- "returns": "this",
616
- "description": "Set render"
617
- },
618
- {
619
- "name": "renderTo",
620
- "params": "(juxComponent)",
621
- "returns": "this",
622
- "description": "Set renderTo"
623
- }
624
- ],
625
- "example": "jux.alert('id').render()"
626
- },
627
- {
628
- "name": "Areachart",
629
- "category": "UI Components",
630
- "description": "Area chart component - Simple SVG-based area chart",
631
- "constructor": "jux.areachart(id: string, options: BarAreaChartOptions = {})",
632
- "fluentMethods": [
633
- {
634
- "name": "data",
635
- "params": "(value)",
636
- "returns": "this",
637
- "description": "Set data"
638
- },
639
- {
640
- "name": "title",
641
- "params": "(value)",
642
- "returns": "this",
643
- "description": "Set title"
644
- },
645
- {
646
- "name": "subtitle",
647
- "params": "(value)",
648
- "returns": "this",
649
- "description": "Set subtitle"
650
- },
651
- {
652
- "name": "xAxisLabel",
653
- "params": "(value)",
654
- "returns": "this",
655
- "description": "Set xAxisLabel"
656
- },
657
- {
658
- "name": "yAxisLabel",
659
- "params": "(value)",
660
- "returns": "this",
661
- "description": "Set yAxisLabel"
662
- },
663
- {
664
- "name": "showTicksX",
665
- "params": "(value)",
666
- "returns": "this",
667
- "description": "Set showTicksX"
668
- },
669
- {
670
- "name": "showTicksY",
671
- "params": "(value)",
672
- "returns": "this",
673
- "description": "Set showTicksY"
674
- },
675
- {
676
- "name": "showLegend",
677
- "params": "(value)",
678
- "returns": "this",
679
- "description": "Set showLegend"
680
- },
681
- {
682
- "name": "legendOrientation",
683
- "params": "(value)",
684
- "returns": "this",
685
- "description": "Set legendOrientation"
686
- },
687
- {
688
- "name": "showDataTable",
689
- "params": "(value)",
690
- "returns": "this",
691
- "description": "Set showDataTable"
692
- },
693
- {
694
- "name": "showDataLabels",
695
- "params": "(value)",
696
- "returns": "this",
697
- "description": "Set showDataLabels"
698
- },
699
- {
700
- "name": "animate",
701
- "params": "(value)",
702
- "returns": "this",
703
- "description": "Set animate"
704
- },
705
- {
706
- "name": "animationDuration",
707
- "params": "(value)",
708
- "returns": "this",
709
- "description": "Set animationDuration"
710
- },
711
- {
712
- "name": "chartOrientation",
713
- "params": "(value)",
714
- "returns": "this",
715
- "description": "Set chartOrientation"
716
- },
717
- {
718
- "name": "chartDirection",
719
- "params": "(value)",
720
- "returns": "this",
721
- "description": "Set chartDirection"
722
- },
723
- {
724
- "name": "width",
725
- "params": "(value)",
726
- "returns": "this",
727
- "description": "Set width"
728
- },
729
- {
730
- "name": "height",
731
- "params": "(value)",
732
- "returns": "this",
733
- "description": "Set height"
734
- },
735
- {
736
- "name": "theme",
737
- "params": "(value)",
738
- "returns": "this",
739
- "description": "Set theme"
740
- },
741
- {
742
- "name": "styleMode",
743
- "params": "(value)",
744
- "returns": "this",
745
- "description": "Set styleMode"
746
- },
747
- {
748
- "name": "borderRadius",
749
- "params": "(value)",
750
- "returns": "this",
751
- "description": "Set borderRadius"
752
- },
753
- {
754
- "name": "sync",
755
- "params": "(property, stateObj, toState?, toComponent?)",
756
- "returns": "this",
757
- "description": "Set sync"
758
- },
759
- {
760
- "name": "syncState",
761
- "params": "(stateObject, mapping?)",
762
- "returns": "this",
763
- "description": "Set syncState"
764
- },
765
- {
766
- "name": "render",
767
- "params": "(targetId?)",
768
- "returns": "this",
769
- "description": "Set render"
770
- }
771
- ],
772
- "example": "jux.areachart('id').render()"
773
- },
774
- {
775
- "name": "Areachartsmooth",
776
- "category": "UI Components",
777
- "description": "Bar chart data point",
778
- "constructor": "jux.areachartsmooth(id: string, options: AreaChartSmoothOptions = {})",
779
- "fluentMethods": [
780
- {
781
- "name": "bindTheme",
782
- "params": "(stateObj)",
783
- "returns": "this",
784
- "description": "Set bindTheme"
785
- },
786
- {
787
- "name": "bindStyleMode",
788
- "params": "(stateObj)",
789
- "returns": "this",
790
- "description": "Set bindStyleMode"
791
- },
792
- {
793
- "name": "bindBorderRadius",
794
- "params": "(stateObj)",
795
- "returns": "this",
796
- "description": "Set bindBorderRadius"
797
- },
798
- {
799
- "name": "data",
800
- "params": "(value)",
801
- "returns": "this",
802
- "description": "Set data"
803
- },
804
- {
805
- "name": "title",
806
- "params": "(value)",
807
- "returns": "this",
808
- "description": "Set title"
809
- },
810
- {
811
- "name": "subtitle",
812
- "params": "(value)",
813
- "returns": "this",
814
- "description": "Set subtitle"
815
- },
816
- {
817
- "name": "xAxisLabel",
818
- "params": "(value)",
819
- "returns": "this",
820
- "description": "Set xAxisLabel"
821
- },
822
- {
823
- "name": "yAxisLabel",
824
- "params": "(value)",
825
- "returns": "this",
826
- "description": "Set yAxisLabel"
827
- },
828
- {
829
- "name": "showTicksX",
830
- "params": "(value)",
831
- "returns": "this",
832
- "description": "Set showTicksX"
833
- },
834
- {
835
- "name": "showTicksY",
836
- "params": "(value)",
837
- "returns": "this",
838
- "description": "Set showTicksY"
839
- },
840
- {
841
- "name": "showScaleX",
842
- "params": "(value)",
843
- "returns": "this",
844
- "description": "Set showScaleX"
845
- },
846
- {
847
- "name": "showScaleY",
848
- "params": "(value)",
849
- "returns": "this",
850
- "description": "Set showScaleY"
851
- },
852
- {
853
- "name": "scaleXUnit",
854
- "params": "(value)",
855
- "returns": "this",
856
- "description": "Set scaleXUnit"
857
- },
858
- {
859
- "name": "scaleYUnit",
860
- "params": "(value)",
861
- "returns": "this",
862
- "description": "Set scaleYUnit"
863
- },
864
- {
865
- "name": "showLegend",
866
- "params": "(value)",
867
- "returns": "this",
868
- "description": "Set showLegend"
869
- },
870
- {
871
- "name": "legendOrientation",
872
- "params": "(value)",
873
- "returns": "this",
874
- "description": "Set legendOrientation"
875
- },
876
- {
877
- "name": "showDataTable",
878
- "params": "(value)",
879
- "returns": "this",
880
- "description": "Set showDataTable"
881
- },
882
- {
883
- "name": "showDataLabels",
884
- "params": "(value)",
885
- "returns": "this",
886
- "description": "Set showDataLabels"
887
- },
888
- {
889
- "name": "animate",
890
- "params": "(value)",
891
- "returns": "this",
892
- "description": "Set animate"
893
- },
894
- {
895
- "name": "animationDuration",
896
- "params": "(value)",
897
- "returns": "this",
898
- "description": "Set animationDuration"
899
- },
900
- {
901
- "name": "chartOrientation",
902
- "params": "(value)",
903
- "returns": "this",
904
- "description": "Set chartOrientation"
905
- },
906
- {
907
- "name": "chartDirection",
908
- "params": "(value)",
909
- "returns": "this",
910
- "description": "Set chartDirection"
911
- },
912
- {
913
- "name": "width",
914
- "params": "(value)",
915
- "returns": "this",
916
- "description": "Set width"
917
- },
918
- {
919
- "name": "height",
920
- "params": "(value)",
921
- "returns": "this",
922
- "description": "Set height"
923
- },
924
- {
925
- "name": "colors",
926
- "params": "(value)",
927
- "returns": "this",
928
- "description": "Set colors"
929
- },
930
- {
931
- "name": "class",
932
- "params": "(value)",
933
- "returns": "this",
934
- "description": "Set class"
935
- },
936
- {
937
- "name": "style",
938
- "params": "(value)",
939
- "returns": "this",
940
- "description": "Set style"
941
- },
942
- {
943
- "name": "theme",
944
- "params": "(value)",
945
- "returns": "this",
946
- "description": "Set theme"
947
- },
948
- {
949
- "name": "styleMode",
950
- "params": "(value)",
951
- "returns": "this",
952
- "description": "Set styleMode"
953
- },
954
- {
955
- "name": "borderRadius",
956
- "params": "(value)",
957
- "returns": "this",
958
- "description": "Set borderRadius"
959
- },
960
- {
961
- "name": "render",
962
- "params": "(targetId?)",
963
- "returns": "this",
964
- "description": "Set render"
965
- }
966
- ],
967
- "example": "jux.areachartsmooth('sales-chart')"
968
- },
969
- {
970
- "name": "Badge",
971
- "category": "UI Components",
972
- "description": "Badge component",
973
- "constructor": "jux.badge(id: string, options: BadgeOptions = {})",
974
- "fluentMethods": [
975
- {
976
- "name": "text",
977
- "params": "(value)",
978
- "returns": "this",
979
- "description": "Set text"
980
- },
981
- {
982
- "name": "variant",
983
- "params": "(value)",
984
- "returns": "this",
985
- "description": "Set variant"
986
- },
987
- {
988
- "name": "size",
989
- "params": "(value)",
990
- "returns": "this",
991
- "description": "Set size"
992
- },
993
- {
994
- "name": "style",
995
- "params": "(value)",
996
- "returns": "this",
997
- "description": "Set style"
998
- },
999
- {
1000
- "name": "class",
1001
- "params": "(value)",
1002
- "returns": "this",
1003
- "description": "Set class"
1004
- },
1005
- {
1006
- "name": "bind",
1007
- "params": "(event, handler)",
1008
- "returns": "this",
1009
- "description": "Set bind"
1010
- },
1011
- {
1012
- "name": "sync",
1013
- "params": "(property, stateObj, toState?, toComponent?)",
1014
- "returns": "this",
1015
- "description": "Set sync"
1016
- },
1017
- {
1018
- "name": "render",
1019
- "params": "(targetId?)",
1020
- "returns": "this",
1021
- "description": "Set render"
1022
- },
1023
- {
1024
- "name": "renderTo",
1025
- "params": "(juxComponent)",
1026
- "returns": "this",
1027
- "description": "Set renderTo"
1028
- }
1029
- ],
1030
- "example": "jux.badge('id').render()"
1031
- },
1032
- {
1033
- "name": "Barchart",
1034
- "category": "UI Components",
1035
- "description": "Bar chart data point",
1036
- "constructor": "jux.barchart(id: string, options: BarChartOptions = {})",
1037
- "fluentMethods": [
1038
- {
1039
- "name": "bindTheme",
1040
- "params": "(stateObj)",
1041
- "returns": "this",
1042
- "description": "Set bindTheme"
1043
- },
1044
- {
1045
- "name": "bindStyleMode",
1046
- "params": "(stateObj)",
1047
- "returns": "this",
1048
- "description": "Set bindStyleMode"
1049
- },
1050
- {
1051
- "name": "bindBorderRadius",
1052
- "params": "(stateObj)",
1053
- "returns": "this",
1054
- "description": "Set bindBorderRadius"
1055
- },
1056
- {
1057
- "name": "data",
1058
- "params": "(value)",
1059
- "returns": "this",
1060
- "description": "Set data"
1061
- },
1062
- {
1063
- "name": "title",
1064
- "params": "(value)",
1065
- "returns": "this",
1066
- "description": "Set title"
1067
- },
1068
- {
1069
- "name": "subtitle",
1070
- "params": "(value)",
1071
- "returns": "this",
1072
- "description": "Set subtitle"
1073
- },
1074
- {
1075
- "name": "xAxisLabel",
1076
- "params": "(value)",
1077
- "returns": "this",
1078
- "description": "Set xAxisLabel"
1079
- },
1080
- {
1081
- "name": "yAxisLabel",
1082
- "params": "(value)",
1083
- "returns": "this",
1084
- "description": "Set yAxisLabel"
1085
- },
1086
- {
1087
- "name": "showTicksX",
1088
- "params": "(value)",
1089
- "returns": "this",
1090
- "description": "Set showTicksX"
1091
- },
1092
- {
1093
- "name": "showTicksY",
1094
- "params": "(value)",
1095
- "returns": "this",
1096
- "description": "Set showTicksY"
1097
- },
1098
- {
1099
- "name": "showScaleX",
1100
- "params": "(value)",
1101
- "returns": "this",
1102
- "description": "Set showScaleX"
1103
- },
1104
- {
1105
- "name": "showScaleY",
1106
- "params": "(value)",
1107
- "returns": "this",
1108
- "description": "Set showScaleY"
1109
- },
1110
- {
1111
- "name": "scaleXUnit",
1112
- "params": "(value)",
1113
- "returns": "this",
1114
- "description": "Set scaleXUnit"
1115
- },
1116
- {
1117
- "name": "scaleYUnit",
1118
- "params": "(value)",
1119
- "returns": "this",
1120
- "description": "Set scaleYUnit"
1121
- },
1122
- {
1123
- "name": "showLegend",
1124
- "params": "(value)",
1125
- "returns": "this",
1126
- "description": "Set showLegend"
1127
- },
1128
- {
1129
- "name": "legendOrientation",
1130
- "params": "(value)",
1131
- "returns": "this",
1132
- "description": "Set legendOrientation"
1133
- },
1134
- {
1135
- "name": "showDataTable",
1136
- "params": "(value)",
1137
- "returns": "this",
1138
- "description": "Set showDataTable"
1139
- },
1140
- {
1141
- "name": "showDataLabels",
1142
- "params": "(value)",
1143
- "returns": "this",
1144
- "description": "Set showDataLabels"
1145
- },
1146
- {
1147
- "name": "animate",
1148
- "params": "(value)",
1149
- "returns": "this",
1150
- "description": "Set animate"
1151
- },
1152
- {
1153
- "name": "animationDuration",
1154
- "params": "(value)",
1155
- "returns": "this",
1156
- "description": "Set animationDuration"
1157
- },
1158
- {
1159
- "name": "chartOrientation",
1160
- "params": "(value)",
1161
- "returns": "this",
1162
- "description": "Set chartOrientation"
1163
- },
1164
- {
1165
- "name": "chartDirection",
1166
- "params": "(value)",
1167
- "returns": "this",
1168
- "description": "Set chartDirection"
1169
- },
1170
- {
1171
- "name": "width",
1172
- "params": "(value)",
1173
- "returns": "this",
1174
- "description": "Set width"
1175
- },
1176
- {
1177
- "name": "height",
1178
- "params": "(value)",
1179
- "returns": "this",
1180
- "description": "Set height"
1181
- },
1182
- {
1183
- "name": "colors",
1184
- "params": "(value)",
1185
- "returns": "this",
1186
- "description": "Set colors"
1187
- },
1188
- {
1189
- "name": "class",
1190
- "params": "(value)",
1191
- "returns": "this",
1192
- "description": "Set class"
1193
- },
1194
- {
1195
- "name": "style",
1196
- "params": "(value)",
1197
- "returns": "this",
1198
- "description": "Set style"
1199
- },
1200
- {
1201
- "name": "theme",
1202
- "params": "(value)",
1203
- "returns": "this",
1204
- "description": "Set theme"
1205
- },
1206
- {
1207
- "name": "styleMode",
1208
- "params": "(value)",
1209
- "returns": "this",
1210
- "description": "Set styleMode"
1211
- },
1212
- {
1213
- "name": "borderRadius",
1214
- "params": "(value)",
1215
- "returns": "this",
1216
- "description": "Set borderRadius"
1217
- },
1218
- {
1219
- "name": "sync",
1220
- "params": "(property, stateObj, toState?, toComponent?)",
1221
- "returns": "this",
1222
- "description": "Set sync"
1223
- },
1224
- {
1225
- "name": "syncState",
1226
- "params": "(stateObject, mapping?)",
1227
- "returns": "this",
1228
- "description": "Set syncState"
1229
- },
1230
- {
1231
- "name": "render",
1232
- "params": "(targetId?)",
1233
- "returns": "this",
1234
- "description": "Set render"
1235
- }
1236
- ],
1237
- "example": "jux.barchart('sales-chart')"
1238
- },
1239
- {
1240
- "name": "Button",
1241
- "category": "UI Components",
1242
- "description": "Button component options",
1243
- "constructor": "jux.button(id: string, options?: ButtonOptions)",
1244
- "fluentMethods": [
1245
- {
1246
- "name": "label",
1247
- "params": "(value)",
1248
- "returns": "this",
1249
- "description": "Set label"
1250
- },
1251
- {
1252
- "name": "icon",
1253
- "params": "(value)",
1254
- "returns": "this",
1255
- "description": "Set icon"
1256
- },
1257
- {
1258
- "name": "variant",
1259
- "params": "(value)",
1260
- "returns": "this",
1261
- "description": "Set variant"
1262
- },
1263
- {
1264
- "name": "size",
1265
- "params": "(value)",
1266
- "returns": "this",
1267
- "description": "Set size"
1268
- },
1269
- {
1270
- "name": "disabled",
1271
- "params": "(value)",
1272
- "returns": "this",
1273
- "description": "Set disabled"
1274
- },
1275
- {
1276
- "name": "loading",
1277
- "params": "(value)",
1278
- "returns": "this",
1279
- "description": "Set loading"
1280
- },
1281
- {
1282
- "name": "iconPosition",
1283
- "params": "(value)",
1284
- "returns": "this",
1285
- "description": "Set iconPosition"
1286
- },
1287
- {
1288
- "name": "fullWidth",
1289
- "params": "(value)",
1290
- "returns": "this",
1291
- "description": "Set fullWidth"
1292
- },
1293
- {
1294
- "name": "type",
1295
- "params": "(value)",
1296
- "returns": "this",
1297
- "description": "Set type"
1298
- },
1299
- {
1300
- "name": "style",
1301
- "params": "(value)",
1302
- "returns": "this",
1303
- "description": "Set style"
1304
- },
1305
- {
1306
- "name": "class",
1307
- "params": "(value)",
1308
- "returns": "this",
1309
- "description": "Set class"
1310
- },
1311
- {
1312
- "name": "bind",
1313
- "params": "(event, handler)",
1314
- "returns": "this",
1315
- "description": "Set bind"
1316
- },
1317
- {
1318
- "name": "sync",
1319
- "params": "(property, stateObj, toState?, toComponent?)",
1320
- "returns": "this",
1321
- "description": "Set sync"
1322
- },
1323
- {
1324
- "name": "render",
1325
- "params": "(targetId?)",
1326
- "returns": "this",
1327
- "description": "Set render"
1328
- },
1329
- {
1330
- "name": "renderTo",
1331
- "params": "(juxComponent)",
1332
- "returns": "this",
1333
- "description": "Set renderTo"
1334
- }
1335
- ],
1336
- "example": "jux.button('id').render()"
1337
- },
1338
- {
1339
- "name": "Card",
1340
- "category": "UI Components",
1341
- "description": "Card component",
1342
- "constructor": "jux.card(id: string, options: CardOptions = {})",
1343
- "fluentMethods": [
1344
- {
1345
- "name": "title",
1346
- "params": "(value)",
1347
- "returns": "this",
1348
- "description": "Set title"
1349
- },
1350
- {
1351
- "name": "content",
1352
- "params": "(value)",
1353
- "returns": "this",
1354
- "description": "Set content"
1355
- },
1356
- {
1357
- "name": "footer",
1358
- "params": "(value)",
1359
- "returns": "this",
1360
- "description": "Set footer"
1361
- },
1362
- {
1363
- "name": "style",
1364
- "params": "(value)",
1365
- "returns": "this",
1366
- "description": "Set style"
1367
- },
1368
- {
1369
- "name": "class",
1370
- "params": "(value)",
1371
- "returns": "this",
1372
- "description": "Set class"
1373
- },
1374
- {
1375
- "name": "bind",
1376
- "params": "(event, handler)",
1377
- "returns": "this",
1378
- "description": "Set bind"
1379
- },
1380
- {
1381
- "name": "sync",
1382
- "params": "(property, stateObj, toState?, toComponent?)",
1383
- "returns": "this",
1384
- "description": "Set sync"
1385
- },
1386
- {
1387
- "name": "render",
1388
- "params": "(targetId?)",
1389
- "returns": "this",
1390
- "description": "Set render"
1391
- },
1392
- {
1393
- "name": "renderTo",
1394
- "params": "(juxComponent)",
1395
- "returns": "this",
1396
- "description": "Set renderTo"
1397
- }
1398
- ],
1399
- "example": "jux.card('id').render()"
1400
- },
1401
- {
1402
- "name": "Checkbox",
1403
- "category": "UI Components",
1404
- "description": "Checkbox component",
1405
- "constructor": "jux.checkbox(id: string, options: CheckboxOptions = {})",
1406
- "fluentMethods": [
1407
- {
1408
- "name": "label",
1409
- "params": "(value)",
1410
- "returns": "this",
1411
- "description": "Set label"
1412
- },
1413
- {
1414
- "name": "checked",
1415
- "params": "(value)",
1416
- "returns": "this",
1417
- "description": "Set checked"
1418
- },
1419
- {
1420
- "name": "disabled",
1421
- "params": "(value)",
1422
- "returns": "this",
1423
- "description": "Set disabled"
1424
- },
1425
- {
1426
- "name": "name",
1427
- "params": "(value)",
1428
- "returns": "this",
1429
- "description": "Set name"
1430
- },
1431
- {
1432
- "name": "value",
1433
- "params": "(value)",
1434
- "returns": "this",
1435
- "description": "Set value"
1436
- },
1437
- {
1438
- "name": "style",
1439
- "params": "(value)",
1440
- "returns": "this",
1441
- "description": "Set style"
1442
- },
1443
- {
1444
- "name": "class",
1445
- "params": "(value)",
1446
- "returns": "this",
1447
- "description": "Set class"
1448
- },
1449
- {
1450
- "name": "bind",
1451
- "params": "(event, handler)",
1452
- "returns": "this",
1453
- "description": "Set bind"
1454
- },
1455
- {
1456
- "name": "sync",
1457
- "params": "(property, stateObj, toState?, toComponent?)",
1458
- "returns": "this",
1459
- "description": "Set sync"
1460
- },
1461
- {
1462
- "name": "toggle",
1463
- "params": "()",
1464
- "returns": "this",
1465
- "description": "Set toggle"
1466
- },
1467
- {
1468
- "name": "render",
1469
- "params": "(targetId?)",
1470
- "returns": "this",
1471
- "description": "Set render"
1472
- },
1473
- {
1474
- "name": "renderTo",
1475
- "params": "(juxComponent)",
1476
- "returns": "this",
1477
- "description": "Set renderTo"
1478
- }
1479
- ],
1480
- "example": "jux.checkbox('terms', {"
1481
- },
1482
- {
1483
- "name": "Code",
1484
- "category": "UI Components",
1485
- "description": "Code component",
1486
- "constructor": "jux.code(id: string, options: CodeOptions = {})",
1487
- "fluentMethods": [
1488
- {
1489
- "name": "code",
1490
- "params": "(value)",
1491
- "returns": "this",
1492
- "description": "Set code"
1493
- },
1494
- {
1495
- "name": "language",
1496
- "params": "(value)",
1497
- "returns": "this",
1498
- "description": "Set language"
1499
- },
1500
- {
1501
- "name": "style",
1502
- "params": "(value)",
1503
- "returns": "this",
1504
- "description": "Set style"
1505
- },
1506
- {
1507
- "name": "class",
1508
- "params": "(value)",
1509
- "returns": "this",
1510
- "description": "Set class"
1511
- },
1512
- {
1513
- "name": "bind",
1514
- "params": "(event, handler)",
1515
- "returns": "this",
1516
- "description": "Set bind"
1517
- },
1518
- {
1519
- "name": "sync",
1520
- "params": "(property, stateObj, toState?, toComponent?)",
1521
- "returns": "this",
1522
- "description": "Set sync"
1523
- },
1524
- {
1525
- "name": "render",
1526
- "params": "(targetId?)",
1527
- "returns": "this",
1528
- "description": "Set render"
1529
- },
1530
- {
1531
- "name": "renderTo",
1532
- "params": "(juxComponent)",
1533
- "returns": "this",
1534
- "description": "Set renderTo"
1535
- }
1536
- ],
1537
- "example": "jux.code('id').render()"
1538
- },
1539
- {
1540
- "name": "Container",
1541
- "category": "UI Components",
1542
- "description": "Container options",
1543
- "constructor": "jux.container(id: string, options: ContainerOptions = {})",
1544
- "fluentMethods": [
1545
- {
1546
- "name": "class",
1547
- "params": "(value)",
1548
- "returns": "this",
1549
- "description": "Set class"
1550
- },
1551
- {
1552
- "name": "style",
1553
- "params": "(value)",
1554
- "returns": "this",
1555
- "description": "Set style"
1556
- },
1557
- {
1558
- "name": "direction",
1559
- "params": "(value)",
1560
- "returns": "this",
1561
- "description": "Set direction"
1562
- },
1563
- {
1564
- "name": "gap",
1565
- "params": "(value)",
1566
- "returns": "this",
1567
- "description": "Set gap"
1568
- },
1569
- {
1570
- "name": "align",
1571
- "params": "(value)",
1572
- "returns": "this",
1573
- "description": "Set align"
1574
- },
1575
- {
1576
- "name": "justify",
1577
- "params": "(value)",
1578
- "returns": "this",
1579
- "description": "Set justify"
1580
- },
1581
- {
1582
- "name": "render",
1583
- "params": "(targetId?)",
1584
- "returns": "this",
1585
- "description": "Set render"
1586
- }
1587
- ],
1588
- "example": "// Plain container"
1589
- },
1590
- {
1591
- "name": "Datepicker",
1592
- "category": "UI Components",
1593
- "description": "Datepicker component",
1594
- "constructor": "jux.datepicker(id: string, options: DatePickerOptions = {})",
1595
- "fluentMethods": [
1596
- {
1597
- "name": "value",
1598
- "params": "(value)",
1599
- "returns": "this",
1600
- "description": "Set value"
1601
- },
1602
- {
1603
- "name": "label",
1604
- "params": "(value)",
1605
- "returns": "this",
1606
- "description": "Set label"
1607
- },
1608
- {
1609
- "name": "placeholder",
1610
- "params": "(value)",
1611
- "returns": "this",
1612
- "description": "Set placeholder"
1613
- },
1614
- {
1615
- "name": "disabled",
228
+ "name": "striped",
1616
229
  "params": "(value)",
1617
230
  "returns": "this",
1618
- "description": "Set disabled"
231
+ "description": "Set striped"
1619
232
  },
1620
233
  {
1621
- "name": "min",
234
+ "name": "hoverable",
1622
235
  "params": "(value)",
1623
236
  "returns": "this",
1624
- "description": "Set min"
237
+ "description": "Set hoverable"
1625
238
  },
1626
239
  {
1627
- "name": "max",
240
+ "name": "bordered",
1628
241
  "params": "(value)",
1629
242
  "returns": "this",
1630
- "description": "Set max"
243
+ "description": "Set bordered"
1631
244
  },
1632
245
  {
1633
- "name": "style",
246
+ "name": "compact",
1634
247
  "params": "(value)",
1635
248
  "returns": "this",
1636
- "description": "Set style"
249
+ "description": "Set compact"
1637
250
  },
1638
251
  {
1639
- "name": "class",
252
+ "name": "sortable",
1640
253
  "params": "(value)",
1641
254
  "returns": "this",
1642
- "description": "Set class"
255
+ "description": "Set sortable"
1643
256
  },
1644
257
  {
1645
- "name": "bind",
1646
- "params": "(event, handler)",
258
+ "name": "filterable",
259
+ "params": "(value)",
1647
260
  "returns": "this",
1648
- "description": "Set bind"
261
+ "description": "Set filterable"
1649
262
  },
1650
263
  {
1651
- "name": "sync",
1652
- "params": "(property, stateObj, toState?, toComponent?)",
264
+ "name": "paginated",
265
+ "params": "(value)",
1653
266
  "returns": "this",
1654
- "description": "Set sync"
267
+ "description": "Set paginated"
1655
268
  },
1656
269
  {
1657
- "name": "render",
1658
- "params": "(targetId?)",
270
+ "name": "rowsPerPage",
271
+ "params": "(value)",
1659
272
  "returns": "this",
1660
- "description": "Set render"
273
+ "description": "Set rowsPerPage"
1661
274
  },
1662
275
  {
1663
- "name": "renderTo",
1664
- "params": "(juxComponent)",
276
+ "name": "selectable",
277
+ "params": "(value)",
1665
278
  "returns": "this",
1666
- "description": "Set renderTo"
1667
- }
1668
- ],
1669
- "example": "jux.datepicker('id').render()"
1670
- },
1671
- {
1672
- "name": "Dialog",
1673
- "category": "UI Components",
1674
- "description": "Dialog component",
1675
- "constructor": "jux.dialog(id: string, options: DialogOptions = {})",
1676
- "fluentMethods": [
279
+ "description": "Set selectable"
280
+ },
1677
281
  {
1678
- "name": "title",
282
+ "name": "multiSelect",
1679
283
  "params": "(value)",
1680
284
  "returns": "this",
1681
- "description": "Set title"
285
+ "description": "Set multiSelect"
1682
286
  },
1683
287
  {
1684
- "name": "content",
288
+ "name": "showCheckboxes",
1685
289
  "params": "(value)",
1686
290
  "returns": "this",
1687
- "description": "Set content"
291
+ "description": "Set showCheckboxes"
1688
292
  },
1689
293
  {
1690
- "name": "showClose",
294
+ "name": "showBulkCheckbox",
1691
295
  "params": "(value)",
1692
296
  "returns": "this",
1693
- "description": "Set showClose"
297
+ "description": "Set showBulkCheckbox"
1694
298
  },
1695
299
  {
1696
- "name": "modal",
300
+ "name": "selectionTrigger",
1697
301
  "params": "(value)",
1698
302
  "returns": "this",
1699
- "description": "Set modal"
303
+ "description": "Set selectionTrigger"
1700
304
  },
1701
305
  {
1702
- "name": "width",
1703
- "params": "(value)",
306
+ "name": "selectAll",
307
+ "params": "()",
1704
308
  "returns": "this",
1705
- "description": "Set width"
309
+ "description": "Set selectAll"
1706
310
  },
1707
311
  {
1708
- "name": "style",
1709
- "params": "(value)",
312
+ "name": "deselectAll",
313
+ "params": "()",
1710
314
  "returns": "this",
1711
- "description": "Set style"
315
+ "description": "Set deselectAll"
1712
316
  },
1713
317
  {
1714
- "name": "class",
1715
- "params": "(value)",
318
+ "name": "clearSelection",
319
+ "params": "()",
1716
320
  "returns": "this",
1717
- "description": "Set class"
321
+ "description": "Set clearSelection"
1718
322
  },
1719
323
  {
1720
- "name": "bind",
1721
- "params": "(event, handler)",
324
+ "name": "selectRows",
325
+ "params": "(indexes)",
1722
326
  "returns": "this",
1723
- "description": "Set bind"
327
+ "description": "Set selectRows"
1724
328
  },
1725
329
  {
1726
- "name": "sync",
1727
- "params": "(property, stateObj, toState?, toComponent?)",
330
+ "name": "deselectRows",
331
+ "params": "(indexes)",
1728
332
  "returns": "this",
1729
- "description": "Set sync"
333
+ "description": "Set deselectRows"
1730
334
  },
1731
335
  {
1732
336
  "name": "render",
@@ -1741,262 +345,328 @@
1741
345
  "description": "Set renderTo"
1742
346
  }
1743
347
  ],
1744
- "example": "jux.dialog('id').render()"
348
+ "example": "jux.table('id').render()"
1745
349
  },
1746
350
  {
1747
- "name": "Divider",
351
+ "name": "Alert",
1748
352
  "category": "UI Components",
1749
- "description": "Divider component",
1750
- "constructor": "jux.divider(id: string, options: DividerOptions = {})",
353
+ "description": "Alert component",
354
+ "constructor": "jux.alert(id: string, options: AlertOptions = {})",
1751
355
  "fluentMethods": [
1752
356
  {
1753
- "name": "text",
357
+ "name": "message",
1754
358
  "params": "(value)",
1755
359
  "returns": "this",
1756
- "description": "Set text"
360
+ "description": "Set message"
1757
361
  },
1758
362
  {
1759
- "name": "orientation",
363
+ "name": "type",
1760
364
  "params": "(value)",
1761
365
  "returns": "this",
1762
- "description": "Set orientation"
366
+ "description": "Set type"
1763
367
  },
1764
368
  {
1765
- "name": "style",
369
+ "name": "dismissible",
1766
370
  "params": "(value)",
1767
371
  "returns": "this",
1768
- "description": "Set style"
372
+ "description": "Set dismissible"
1769
373
  },
1770
374
  {
1771
- "name": "class",
375
+ "name": "icon",
1772
376
  "params": "(value)",
1773
377
  "returns": "this",
1774
- "description": "Set class"
1775
- },
1776
- {
1777
- "name": "bind",
1778
- "params": "(event, handler)",
1779
- "returns": "this",
1780
- "description": "Set bind"
1781
- },
1782
- {
1783
- "name": "sync",
1784
- "params": "(property, stateObj, toState?, toComponent?)",
1785
- "returns": "this",
1786
- "description": "Set sync"
378
+ "description": "Set icon"
1787
379
  },
1788
380
  {
1789
381
  "name": "render",
1790
382
  "params": "(targetId?)",
1791
383
  "returns": "this",
1792
384
  "description": "Set render"
1793
- },
1794
- {
1795
- "name": "renderTo",
1796
- "params": "(juxComponent)",
1797
- "returns": "this",
1798
- "description": "Set renderTo"
1799
385
  }
1800
386
  ],
1801
- "example": "jux.divider('id').render()"
387
+ "example": "jux.alert('id').render()"
1802
388
  },
1803
389
  {
1804
- "name": "Doughnutchart",
390
+ "name": "Badge",
1805
391
  "category": "UI Components",
1806
- "description": "Bar chart data point",
1807
- "constructor": "jux.doughnutchart(id: string, options: DoughnutChartOptions = {})",
392
+ "description": "Badge component",
393
+ "constructor": "jux.badge(id: string, options: BadgeOptions = {})",
1808
394
  "fluentMethods": [
1809
395
  {
1810
- "name": "bindTheme",
1811
- "params": "(stateObj)",
396
+ "name": "text",
397
+ "params": "(value)",
1812
398
  "returns": "this",
1813
- "description": "Set bindTheme"
399
+ "description": "Set text"
1814
400
  },
1815
401
  {
1816
- "name": "bindStyleMode",
1817
- "params": "(stateObj)",
402
+ "name": "variant",
403
+ "params": "(value)",
1818
404
  "returns": "this",
1819
- "description": "Set bindStyleMode"
405
+ "description": "Set variant"
1820
406
  },
1821
407
  {
1822
- "name": "bindBorderRadius",
1823
- "params": "(stateObj)",
408
+ "name": "pill",
409
+ "params": "(value)",
1824
410
  "returns": "this",
1825
- "description": "Set bindBorderRadius"
411
+ "description": "Set pill"
1826
412
  },
1827
413
  {
1828
- "name": "data",
1829
- "params": "(value)",
414
+ "name": "render",
415
+ "params": "(targetId?)",
1830
416
  "returns": "this",
1831
- "description": "Set data"
1832
- },
417
+ "description": "Set render"
418
+ }
419
+ ],
420
+ "example": "jux.badge('id').render()"
421
+ },
422
+ {
423
+ "name": "Button",
424
+ "category": "UI Components",
425
+ "description": "Override visible() to update the actual button element",
426
+ "constructor": "jux.button(id: string, options?: ButtonOptions)",
427
+ "fluentMethods": [
1833
428
  {
1834
- "name": "title",
429
+ "name": "label",
1835
430
  "params": "(value)",
1836
431
  "returns": "this",
1837
- "description": "Set title"
432
+ "description": "Set label"
1838
433
  },
1839
434
  {
1840
- "name": "subtitle",
435
+ "name": "icon",
1841
436
  "params": "(value)",
1842
437
  "returns": "this",
1843
- "description": "Set subtitle"
438
+ "description": "Set icon"
1844
439
  },
1845
440
  {
1846
- "name": "xAxisLabel",
441
+ "name": "variant",
1847
442
  "params": "(value)",
1848
443
  "returns": "this",
1849
- "description": "Set xAxisLabel"
444
+ "description": "Set variant"
1850
445
  },
1851
446
  {
1852
- "name": "yAxisLabel",
447
+ "name": "size",
1853
448
  "params": "(value)",
1854
449
  "returns": "this",
1855
- "description": "Set yAxisLabel"
450
+ "description": "Set size"
1856
451
  },
1857
452
  {
1858
- "name": "showTicksX",
453
+ "name": "iconPosition",
1859
454
  "params": "(value)",
1860
455
  "returns": "this",
1861
- "description": "Set showTicksX"
456
+ "description": "Set iconPosition"
1862
457
  },
1863
458
  {
1864
- "name": "showTicksY",
459
+ "name": "fullWidth",
1865
460
  "params": "(value)",
1866
461
  "returns": "this",
1867
- "description": "Set showTicksY"
462
+ "description": "Set fullWidth"
1868
463
  },
1869
464
  {
1870
- "name": "showScaleX",
465
+ "name": "type",
1871
466
  "params": "(value)",
1872
467
  "returns": "this",
1873
- "description": "Set showScaleX"
468
+ "description": "Set type"
1874
469
  },
1875
470
  {
1876
- "name": "showScaleY",
471
+ "name": "visible",
1877
472
  "params": "(value)",
1878
473
  "returns": "this",
1879
- "description": "Set showScaleY"
474
+ "description": "Set visible"
1880
475
  },
1881
476
  {
1882
- "name": "scaleXUnit",
477
+ "name": "render",
478
+ "params": "(targetId?)",
479
+ "returns": "this",
480
+ "description": "Set render"
481
+ }
482
+ ],
483
+ "example": "jux.button('id').render()"
484
+ },
485
+ {
486
+ "name": "Card",
487
+ "category": "UI Components",
488
+ "description": "Card component",
489
+ "constructor": "jux.card(id: string, options: CardOptions = {})",
490
+ "fluentMethods": [
491
+ {
492
+ "name": "title",
1883
493
  "params": "(value)",
1884
494
  "returns": "this",
1885
- "description": "Set scaleXUnit"
495
+ "description": "Set title"
1886
496
  },
1887
497
  {
1888
- "name": "scaleYUnit",
498
+ "name": "content",
1889
499
  "params": "(value)",
1890
500
  "returns": "this",
1891
- "description": "Set scaleYUnit"
501
+ "description": "Set content"
1892
502
  },
1893
503
  {
1894
- "name": "showLegend",
504
+ "name": "footer",
1895
505
  "params": "(value)",
1896
506
  "returns": "this",
1897
- "description": "Set showLegend"
507
+ "description": "Set footer"
1898
508
  },
1899
509
  {
1900
- "name": "legendOrientation",
510
+ "name": "icon",
1901
511
  "params": "(value)",
1902
512
  "returns": "this",
1903
- "description": "Set legendOrientation"
513
+ "description": "Set icon"
1904
514
  },
1905
515
  {
1906
- "name": "showDataTable",
516
+ "name": "render",
517
+ "params": "(targetId?)",
518
+ "returns": "this",
519
+ "description": "Set render"
520
+ }
521
+ ],
522
+ "example": "jux.card('id').render()"
523
+ },
524
+ {
525
+ "name": "Checkbox",
526
+ "category": "UI Components",
527
+ "description": "Checkbox component",
528
+ "constructor": "jux.checkbox(id: string, options: CheckboxOptions = {})",
529
+ "fluentMethods": [
530
+ {
531
+ "name": "checked",
1907
532
  "params": "(value)",
1908
533
  "returns": "this",
1909
- "description": "Set showDataTable"
534
+ "description": "Set checked"
1910
535
  },
1911
536
  {
1912
- "name": "showDataLabels",
537
+ "name": "value",
1913
538
  "params": "(value)",
1914
539
  "returns": "this",
1915
- "description": "Set showDataLabels"
540
+ "description": "Set value"
1916
541
  },
1917
542
  {
1918
- "name": "animate",
543
+ "name": "setValue",
1919
544
  "params": "(value)",
1920
545
  "returns": "this",
1921
- "description": "Set animate"
546
+ "description": "Set setValue"
1922
547
  },
1923
548
  {
1924
- "name": "animationDuration",
549
+ "name": "render",
550
+ "params": "(targetId?)",
551
+ "returns": "this",
552
+ "description": "Set render"
553
+ }
554
+ ],
555
+ "example": "jux.checkbox('id').render()"
556
+ },
557
+ {
558
+ "name": "Code",
559
+ "category": "UI Components",
560
+ "description": "Code component",
561
+ "constructor": "jux.code(id: string, options: CodeOptions = {})",
562
+ "fluentMethods": [
563
+ {
564
+ "name": "code",
1925
565
  "params": "(value)",
1926
566
  "returns": "this",
1927
- "description": "Set animationDuration"
567
+ "description": "Set code"
1928
568
  },
1929
569
  {
1930
- "name": "chartOrientation",
570
+ "name": "language",
1931
571
  "params": "(value)",
1932
572
  "returns": "this",
1933
- "description": "Set chartOrientation"
573
+ "description": "Set language"
1934
574
  },
1935
575
  {
1936
- "name": "chartDirection",
576
+ "name": "render",
577
+ "params": "(targetId?)",
578
+ "returns": "this",
579
+ "description": "Set render"
580
+ }
581
+ ],
582
+ "example": "jux.code('id').render()"
583
+ },
584
+ {
585
+ "name": "Container",
586
+ "category": "UI Components",
587
+ "description": "Container component",
588
+ "constructor": "jux.container(id: string, options: ContainerOptions = {})",
589
+ "fluentMethods": [
590
+ {
591
+ "name": "direction",
1937
592
  "params": "(value)",
1938
593
  "returns": "this",
1939
- "description": "Set chartDirection"
594
+ "description": "Set direction"
1940
595
  },
1941
596
  {
1942
- "name": "width",
597
+ "name": "gap",
1943
598
  "params": "(value)",
1944
599
  "returns": "this",
1945
- "description": "Set width"
600
+ "description": "Set gap"
1946
601
  },
1947
602
  {
1948
- "name": "height",
603
+ "name": "wrap",
1949
604
  "params": "(value)",
1950
605
  "returns": "this",
1951
- "description": "Set height"
606
+ "description": "Set wrap"
1952
607
  },
1953
608
  {
1954
- "name": "colors",
609
+ "name": "align",
1955
610
  "params": "(value)",
1956
611
  "returns": "this",
1957
- "description": "Set colors"
612
+ "description": "Set align"
1958
613
  },
1959
614
  {
1960
- "name": "class",
615
+ "name": "justify",
1961
616
  "params": "(value)",
1962
617
  "returns": "this",
1963
- "description": "Set class"
618
+ "description": "Set justify"
1964
619
  },
1965
620
  {
1966
- "name": "style",
621
+ "name": "padding",
1967
622
  "params": "(value)",
1968
623
  "returns": "this",
1969
- "description": "Set style"
624
+ "description": "Set padding"
1970
625
  },
1971
626
  {
1972
- "name": "theme",
627
+ "name": "render",
628
+ "params": "(targetId?)",
629
+ "returns": "this",
630
+ "description": "Set render"
631
+ }
632
+ ],
633
+ "example": "jux.container('id').render()"
634
+ },
635
+ {
636
+ "name": "Datepicker",
637
+ "category": "UI Components",
638
+ "description": "Datepicker component",
639
+ "constructor": "jux.datepicker(id: string, options: DatePickerOptions = {})",
640
+ "fluentMethods": [
641
+ {
642
+ "name": "value",
1973
643
  "params": "(value)",
1974
644
  "returns": "this",
1975
- "description": "Set theme"
645
+ "description": "Set value"
1976
646
  },
1977
647
  {
1978
- "name": "styleMode",
648
+ "name": "placeholder",
1979
649
  "params": "(value)",
1980
650
  "returns": "this",
1981
- "description": "Set styleMode"
651
+ "description": "Set placeholder"
1982
652
  },
1983
653
  {
1984
- "name": "borderRadius",
654
+ "name": "min",
1985
655
  "params": "(value)",
1986
656
  "returns": "this",
1987
- "description": "Set borderRadius"
657
+ "description": "Set min"
1988
658
  },
1989
659
  {
1990
- "name": "sync",
1991
- "params": "(property, stateObj, toState?, toComponent?)",
660
+ "name": "max",
661
+ "params": "(value)",
1992
662
  "returns": "this",
1993
- "description": "Set sync"
663
+ "description": "Set max"
1994
664
  },
1995
665
  {
1996
- "name": "syncState",
1997
- "params": "(stateObject, mapping?)",
666
+ "name": "setValue",
667
+ "params": "(value)",
1998
668
  "returns": "this",
1999
- "description": "Set syncState"
669
+ "description": "Set setValue"
2000
670
  },
2001
671
  {
2002
672
  "name": "render",
@@ -2005,127 +675,82 @@
2005
675
  "description": "Set render"
2006
676
  }
2007
677
  ],
2008
- "example": "jux.doughnutchart('sales-chart')"
678
+ "example": "jux.datepicker('id').render()"
2009
679
  },
2010
680
  {
2011
- "name": "Dropdown",
681
+ "name": "Dialog",
2012
682
  "category": "UI Components",
2013
- "description": "Dropdown component",
2014
- "constructor": "jux.dropdown(id: string, options: DropdownOptions = {})",
683
+ "description": "Dialog component",
684
+ "constructor": "jux.dialog(id: string, options: DialogOptions = {})",
2015
685
  "fluentMethods": [
2016
686
  {
2017
- "name": "items",
687
+ "name": "title",
2018
688
  "params": "(value)",
2019
689
  "returns": "this",
2020
- "description": "Set items"
2021
- },
2022
- {
2023
- "name": "addItem",
2024
- "params": "(item)",
2025
- "returns": "this",
2026
- "description": "Set addItem"
690
+ "description": "Set title"
2027
691
  },
2028
692
  {
2029
- "name": "trigger",
693
+ "name": "message",
2030
694
  "params": "(value)",
2031
695
  "returns": "this",
2032
- "description": "Set trigger"
696
+ "description": "Set message"
2033
697
  },
2034
698
  {
2035
- "name": "position",
699
+ "name": "confirmText",
2036
700
  "params": "(value)",
2037
701
  "returns": "this",
2038
- "description": "Set position"
702
+ "description": "Set confirmText"
2039
703
  },
2040
704
  {
2041
- "name": "style",
705
+ "name": "cancelText",
2042
706
  "params": "(value)",
2043
707
  "returns": "this",
2044
- "description": "Set style"
708
+ "description": "Set cancelText"
2045
709
  },
2046
710
  {
2047
- "name": "class",
711
+ "name": "variant",
2048
712
  "params": "(value)",
2049
713
  "returns": "this",
2050
- "description": "Set class"
714
+ "description": "Set variant"
2051
715
  },
2052
716
  {
2053
- "name": "bind",
2054
- "params": "(event, handler)",
717
+ "name": "open",
718
+ "params": "()",
2055
719
  "returns": "this",
2056
- "description": "Set bind"
720
+ "description": "Set open"
2057
721
  },
2058
722
  {
2059
- "name": "sync",
2060
- "params": "(property, stateObj, toState?, toComponent?)",
723
+ "name": "close",
724
+ "params": "()",
2061
725
  "returns": "this",
2062
- "description": "Set sync"
726
+ "description": "Set close"
2063
727
  },
2064
728
  {
2065
729
  "name": "render",
2066
730
  "params": "(targetId?)",
2067
731
  "returns": "this",
2068
732
  "description": "Set render"
2069
- },
2070
- {
2071
- "name": "renderTo",
2072
- "params": "(juxComponent)",
2073
- "returns": "this",
2074
- "description": "Set renderTo"
2075
- }
2076
- ],
2077
- "example": "jux.dropdown('id').render()"
2078
- },
2079
- {
2080
- "name": "Element",
2081
- "category": "UI Components",
2082
- "description": "Set the HTML tag type",
2083
- "constructor": "jux.element(id: string, options: ElementOptions = {})",
2084
- "fluentMethods": [
2085
- {
2086
- "name": "render",
2087
- "params": "(targetId?: string)",
2088
- "returns": "Element",
2089
- "description": "Render component to DOM"
2090
733
  }
2091
734
  ],
2092
- "example": "const container = jux.element('myContainer');"
735
+ "example": "jux.dialog('id').render()"
2093
736
  },
2094
737
  {
2095
- "name": "Fileupload",
738
+ "name": "Divider",
2096
739
  "category": "UI Components",
2097
- "description": "Fileupload component",
2098
- "constructor": "jux.fileupload(id: string, options: FileUploadOptions = {})",
740
+ "description": "Divider component",
741
+ "constructor": "jux.divider(options: DividerOptions = {})",
2099
742
  "fluentMethods": [
2100
743
  {
2101
- "name": "label",
2102
- "params": "(value)",
2103
- "returns": "this",
2104
- "description": "Set label"
2105
- },
2106
- {
2107
- "name": "accept",
2108
- "params": "(value)",
2109
- "returns": "this",
2110
- "description": "Set accept"
2111
- },
2112
- {
2113
- "name": "multiple",
2114
- "params": "(value)",
2115
- "returns": "this",
2116
- "description": "Set multiple"
2117
- },
2118
- {
2119
- "name": "disabled",
744
+ "name": "text",
2120
745
  "params": "(value)",
2121
746
  "returns": "this",
2122
- "description": "Set disabled"
747
+ "description": "Set text"
2123
748
  },
2124
749
  {
2125
- "name": "name",
750
+ "name": "orientation",
2126
751
  "params": "(value)",
2127
752
  "returns": "this",
2128
- "description": "Set name"
753
+ "description": "Set orientation"
2129
754
  },
2130
755
  {
2131
756
  "name": "style",
@@ -2139,18 +764,6 @@
2139
764
  "returns": "this",
2140
765
  "description": "Set class"
2141
766
  },
2142
- {
2143
- "name": "bind",
2144
- "params": "(event, handler)",
2145
- "returns": "this",
2146
- "description": "Set bind"
2147
- },
2148
- {
2149
- "name": "sync",
2150
- "params": "(property, stateObj, toState?, toComponent?)",
2151
- "returns": "this",
2152
- "description": "Set sync"
2153
- },
2154
767
  {
2155
768
  "name": "render",
2156
769
  "params": "(targetId?)",
@@ -2164,100 +777,136 @@
2164
777
  "description": "Set renderTo"
2165
778
  }
2166
779
  ],
2167
- "example": "jux.fileupload('id').render()"
780
+ "example": "jux.divider('id').render()"
2168
781
  },
2169
782
  {
2170
- "name": "Footer",
783
+ "name": "Dropdown",
2171
784
  "category": "UI Components",
2172
- "description": "Footer component options",
2173
- "constructor": "jux.footer(id: string, options: FooterOptions = {})",
785
+ "description": "Dropdown component",
786
+ "constructor": "jux.dropdown(id: string, options: DropdownOptions = {})",
2174
787
  "fluentMethods": [
2175
788
  {
2176
- "name": "content",
789
+ "name": "trigger",
2177
790
  "params": "(value)",
2178
791
  "returns": "this",
2179
- "description": "Set content"
792
+ "description": "Set trigger"
2180
793
  },
2181
794
  {
2182
- "name": "copyright",
795
+ "name": "items",
2183
796
  "params": "(value)",
2184
797
  "returns": "this",
2185
- "description": "Set copyright"
798
+ "description": "Set items"
2186
799
  },
2187
800
  {
2188
- "name": "links",
801
+ "name": "position",
2189
802
  "params": "(value)",
2190
803
  "returns": "this",
2191
- "description": "Set links"
804
+ "description": "Set position"
2192
805
  },
2193
806
  {
2194
- "name": "class",
2195
- "params": "(value)",
807
+ "name": "open",
808
+ "params": "()",
2196
809
  "returns": "this",
2197
- "description": "Set class"
810
+ "description": "Set open"
2198
811
  },
2199
812
  {
2200
- "name": "style",
2201
- "params": "(value)",
813
+ "name": "close",
814
+ "params": "()",
2202
815
  "returns": "this",
2203
- "description": "Set style"
816
+ "description": "Set close"
817
+ },
818
+ {
819
+ "name": "toggle",
820
+ "params": "()",
821
+ "returns": "this",
822
+ "description": "Set toggle"
2204
823
  },
2205
824
  {
2206
825
  "name": "render",
2207
826
  "params": "(targetId?)",
2208
827
  "returns": "this",
2209
828
  "description": "Set render"
2210
- },
829
+ }
830
+ ],
831
+ "example": "jux.dropdown('id').render()"
832
+ },
833
+ {
834
+ "name": "Element",
835
+ "category": "UI Components",
836
+ "description": "Append child component or HTML element",
837
+ "constructor": "jux.element(id: string, options: ElementOptions = {})",
838
+ "fluentMethods": [
2211
839
  {
2212
- "name": "renderTo",
2213
- "params": "(juxComponent)",
840
+ "name": "render",
841
+ "params": "(targetId?)",
2214
842
  "returns": "this",
2215
- "description": "Set renderTo"
843
+ "description": "Set render"
2216
844
  }
2217
845
  ],
2218
- "example": "const footer = jux.footer('myFooter', {"
846
+ "example": "jux.element('id').render()"
2219
847
  },
2220
848
  {
2221
- "name": "Header",
849
+ "name": "Fileupload",
2222
850
  "category": "UI Components",
2223
- "description": "Header component options",
2224
- "constructor": "jux.header(id: string, options: HeaderOptions = {})",
851
+ "description": "Fileupload component",
852
+ "constructor": "jux.fileupload(id: string, options: FileUploadOptions = {})",
2225
853
  "fluentMethods": [
2226
854
  {
2227
- "name": "title",
855
+ "name": "accept",
2228
856
  "params": "(value)",
2229
857
  "returns": "this",
2230
- "description": "Set title"
858
+ "description": "Set accept"
2231
859
  },
2232
860
  {
2233
- "name": "logo",
861
+ "name": "multiple",
2234
862
  "params": "(value)",
2235
863
  "returns": "this",
2236
- "description": "Set logo"
864
+ "description": "Set multiple"
2237
865
  },
2238
866
  {
2239
- "name": "navigation",
867
+ "name": "icon",
2240
868
  "params": "(value)",
2241
869
  "returns": "this",
2242
- "description": "Set navigation"
870
+ "description": "Set icon"
2243
871
  },
2244
872
  {
2245
- "name": "sticky",
2246
- "params": "(value)",
873
+ "name": "clear",
874
+ "params": "()",
2247
875
  "returns": "this",
2248
- "description": "Set sticky"
876
+ "description": "Set clear"
2249
877
  },
2250
878
  {
2251
- "name": "class",
2252
- "params": "(value)",
879
+ "name": "setValue",
880
+ "params": "(files)",
2253
881
  "returns": "this",
2254
- "description": "Set class"
882
+ "description": "Set setValue"
2255
883
  },
2256
884
  {
2257
- "name": "style",
2258
- "params": "(value)",
885
+ "name": "render",
886
+ "params": "(targetId?)",
2259
887
  "returns": "this",
2260
- "description": "Set style"
888
+ "description": "Set render"
889
+ }
890
+ ],
891
+ "example": "jux.fileupload('id').render()"
892
+ },
893
+ {
894
+ "name": "Guard",
895
+ "category": "UI Components",
896
+ "description": "⚠️ DEPRECATED: Guard component is no longer supported after removing global middleware.",
897
+ "constructor": "jux.guard(id: string, options?: GuardOptions)",
898
+ "fluentMethods": [
899
+ {
900
+ "name": "requireAuth",
901
+ "params": "(authState, loginPath?)",
902
+ "returns": "this",
903
+ "description": "Set requireAuth"
904
+ },
905
+ {
906
+ "name": "protect",
907
+ "params": "(...paths)",
908
+ "returns": "this",
909
+ "description": "Set protect"
2261
910
  },
2262
911
  {
2263
912
  "name": "render",
@@ -2266,18 +915,18 @@
2266
915
  "description": "Set render"
2267
916
  },
2268
917
  {
2269
- "name": "renderTo",
2270
- "params": "(juxComponent)",
918
+ "name": "deactivate",
919
+ "params": "()",
2271
920
  "returns": "this",
2272
- "description": "Set renderTo"
921
+ "description": "Set deactivate"
2273
922
  }
2274
923
  ],
2275
- "example": "const header = jux.header('myHeader', {"
924
+ "example": "jux.guard('id').render()"
2276
925
  },
2277
926
  {
2278
927
  "name": "Heading",
2279
928
  "category": "UI Components",
2280
- "description": "Heading options",
929
+ "description": "Heading component",
2281
930
  "constructor": "jux.heading(id: string, options: HeadingOptions = {})",
2282
931
  "fluentMethods": [
2283
932
  {
@@ -2292,44 +941,14 @@
2292
941
  "returns": "this",
2293
942
  "description": "Set text"
2294
943
  },
2295
- {
2296
- "name": "class",
2297
- "params": "(value)",
2298
- "returns": "this",
2299
- "description": "Set class"
2300
- },
2301
- {
2302
- "name": "style",
2303
- "params": "(value)",
2304
- "returns": "this",
2305
- "description": "Set style"
2306
- },
2307
- {
2308
- "name": "bind",
2309
- "params": "(event, handler)",
2310
- "returns": "this",
2311
- "description": "Set bind"
2312
- },
2313
- {
2314
- "name": "sync",
2315
- "params": "(property, stateObj, toState?, toComponent?)",
2316
- "returns": "this",
2317
- "description": "Set sync"
2318
- },
2319
944
  {
2320
945
  "name": "render",
2321
946
  "params": "(targetId?)",
2322
947
  "returns": "this",
2323
948
  "description": "Set render"
2324
- },
2325
- {
2326
- "name": "renderTo",
2327
- "params": "(juxComponent)",
2328
- "returns": "this",
2329
- "description": "Set renderTo"
2330
949
  }
2331
950
  ],
2332
- "example": "jux.heading('title', { level: 1, text: 'Welcome' }).render('#app');"
951
+ "example": "jux.heading('id').render()"
2333
952
  },
2334
953
  {
2335
954
  "name": "Helpers",
@@ -2342,7 +961,7 @@
2342
961
  {
2343
962
  "name": "Hero",
2344
963
  "category": "UI Components",
2345
- "description": "Hero component options",
964
+ "description": "Hero component",
2346
965
  "constructor": "jux.hero(id: string, options: HeroOptions = {})",
2347
966
  "fluentMethods": [
2348
967
  {
@@ -2381,49 +1000,19 @@
2381
1000
  "returns": "this",
2382
1001
  "description": "Set variant"
2383
1002
  },
2384
- {
2385
- "name": "style",
2386
- "params": "(value)",
2387
- "returns": "this",
2388
- "description": "Set style"
2389
- },
2390
- {
2391
- "name": "class",
2392
- "params": "(value)",
2393
- "returns": "this",
2394
- "description": "Set class"
2395
- },
2396
- {
2397
- "name": "bind",
2398
- "params": "(event, handler)",
2399
- "returns": "this",
2400
- "description": "Set bind"
2401
- },
2402
- {
2403
- "name": "sync",
2404
- "params": "(property, stateObj, toState?, toComponent?)",
2405
- "returns": "this",
2406
- "description": "Set sync"
2407
- },
2408
1003
  {
2409
1004
  "name": "render",
2410
1005
  "params": "(targetId?)",
2411
1006
  "returns": "this",
2412
1007
  "description": "Set render"
2413
- },
2414
- {
2415
- "name": "renderTo",
2416
- "params": "(juxComponent)",
2417
- "returns": "this",
2418
- "description": "Set renderTo"
2419
1008
  }
2420
1009
  ],
2421
- "example": "const hero = jux.hero('myHero', {"
1010
+ "example": "jux.hero('id').render()"
2422
1011
  },
2423
1012
  {
2424
1013
  "name": "Icon",
2425
1014
  "category": "UI Components",
2426
- "description": "Icon component options",
1015
+ "description": "Icon component",
2427
1016
  "constructor": "jux.icon(id: string, options: IconOptions)",
2428
1017
  "fluentMethods": [
2429
1018
  {
@@ -2450,44 +1039,14 @@
2450
1039
  "returns": "this",
2451
1040
  "description": "Set useEmoji"
2452
1041
  },
2453
- {
2454
- "name": "style",
2455
- "params": "(value)",
2456
- "returns": "this",
2457
- "description": "Set style"
2458
- },
2459
- {
2460
- "name": "class",
2461
- "params": "(value)",
2462
- "returns": "this",
2463
- "description": "Set class"
2464
- },
2465
- {
2466
- "name": "bind",
2467
- "params": "(event, handler)",
2468
- "returns": "this",
2469
- "description": "Set bind"
2470
- },
2471
- {
2472
- "name": "sync",
2473
- "params": "(property, stateObj, toState?, toComponent?)",
2474
- "returns": "this",
2475
- "description": "Set sync"
2476
- },
2477
1042
  {
2478
1043
  "name": "render",
2479
1044
  "params": "(targetId?)",
2480
1045
  "returns": "this",
2481
1046
  "description": "Set render"
2482
- },
2483
- {
2484
- "name": "renderTo",
2485
- "params": "(juxComponent)",
2486
- "returns": "this",
2487
- "description": "Set renderTo"
2488
1047
  }
2489
1048
  ],
2490
- "example": "// Render Lucide icon from emoji"
1049
+ "example": "jux.icon('id').render()"
2491
1050
  },
2492
1051
  {
2493
1052
  "name": "Icons",
@@ -2543,13 +1102,25 @@
2543
1102
  "name": "withPrefetch",
2544
1103
  "params": "()",
2545
1104
  "returns": "this",
2546
- "description": "Set withPrefetch"
1105
+ "description": "Set withPrefetch"
1106
+ },
1107
+ {
1108
+ "name": "withJson",
1109
+ "params": "()",
1110
+ "returns": "this",
1111
+ "description": "Set withJson"
1112
+ },
1113
+ {
1114
+ "name": "asScript",
1115
+ "params": "(options?)",
1116
+ "returns": "this",
1117
+ "description": "Set asScript"
2547
1118
  },
2548
1119
  {
2549
- "name": "withJson",
1120
+ "name": "asStylesheet",
2550
1121
  "params": "()",
2551
1122
  "returns": "this",
2552
- "description": "Set withJson"
1123
+ "description": "Set asStylesheet"
2553
1124
  },
2554
1125
  {
2555
1126
  "name": "with",
@@ -2611,7 +1182,7 @@
2611
1182
  {
2612
1183
  "name": "Input",
2613
1184
  "category": "UI Components",
2614
- "description": "Input component options",
1185
+ "description": "Input component",
2615
1186
  "constructor": "jux.input(id: string, options: InputOptions = {})",
2616
1187
  "fluentMethods": [
2617
1188
  {
@@ -2632,36 +1203,12 @@
2632
1203
  "returns": "this",
2633
1204
  "description": "Set placeholder"
2634
1205
  },
2635
- {
2636
- "name": "label",
2637
- "params": "(value)",
2638
- "returns": "this",
2639
- "description": "Set label"
2640
- },
2641
1206
  {
2642
1207
  "name": "icon",
2643
1208
  "params": "(value)",
2644
1209
  "returns": "this",
2645
1210
  "description": "Set icon"
2646
1211
  },
2647
- {
2648
- "name": "required",
2649
- "params": "(value)",
2650
- "returns": "this",
2651
- "description": "Set required"
2652
- },
2653
- {
2654
- "name": "disabled",
2655
- "params": "(value)",
2656
- "returns": "this",
2657
- "description": "Set disabled"
2658
- },
2659
- {
2660
- "name": "name",
2661
- "params": "(value)",
2662
- "returns": "this",
2663
- "description": "Set name"
2664
- },
2665
1212
  {
2666
1213
  "name": "rows",
2667
1214
  "params": "(value)",
@@ -2705,40 +1252,16 @@
2705
1252
  "description": "Set pattern"
2706
1253
  },
2707
1254
  {
2708
- "name": "style",
2709
- "params": "(value)",
2710
- "returns": "this",
2711
- "description": "Set style"
2712
- },
2713
- {
2714
- "name": "class",
1255
+ "name": "setValue",
2715
1256
  "params": "(value)",
2716
1257
  "returns": "this",
2717
- "description": "Set class"
2718
- },
2719
- {
2720
- "name": "bind",
2721
- "params": "(event, handler)",
2722
- "returns": "this",
2723
- "description": "Set bind"
2724
- },
2725
- {
2726
- "name": "sync",
2727
- "params": "(property, stateObj, toState?, toComponent?)",
2728
- "returns": "this",
2729
- "description": "Set sync"
1258
+ "description": "Set setValue"
2730
1259
  },
2731
1260
  {
2732
1261
  "name": "render",
2733
1262
  "params": "(targetId?)",
2734
1263
  "returns": "this",
2735
1264
  "description": "Set render"
2736
- },
2737
- {
2738
- "name": "renderTo",
2739
- "params": "(juxComponent)",
2740
- "returns": "this",
2741
- "description": "Set renderTo"
2742
1265
  }
2743
1266
  ],
2744
1267
  "example": "jux.input('id').render()"
@@ -2851,7 +1374,7 @@
2851
1374
  {
2852
1375
  "name": "Loading",
2853
1376
  "category": "UI Components",
2854
- "description": "Loading component options",
1377
+ "description": "Loading component",
2855
1378
  "constructor": "jux.loading(id: string, options: LoadingOptions = {})",
2856
1379
  "fluentMethods": [
2857
1380
  {
@@ -2866,108 +1389,21 @@
2866
1389
  "returns": "this",
2867
1390
  "description": "Set size"
2868
1391
  },
2869
- {
2870
- "name": "text",
2871
- "params": "(value)",
2872
- "returns": "this",
2873
- "description": "Set text"
2874
- },
2875
- {
2876
- "name": "fullscreen",
2877
- "params": "(value)",
2878
- "returns": "this",
2879
- "description": "Set fullscreen"
2880
- },
2881
- {
2882
- "name": "style",
2883
- "params": "(value)",
2884
- "returns": "this",
2885
- "description": "Set style"
2886
- },
2887
- {
2888
- "name": "class",
2889
- "params": "(value)",
2890
- "returns": "this",
2891
- "description": "Set class"
2892
- },
2893
1392
  {
2894
1393
  "name": "render",
2895
1394
  "params": "(targetId?)",
2896
1395
  "returns": "this",
2897
1396
  "description": "Set render"
2898
- },
2899
- {
2900
- "name": "renderTo",
2901
- "params": "(juxComponent)",
2902
- "returns": "this",
2903
- "description": "Set renderTo"
2904
- }
2905
- ],
2906
- "example": "jux.loading('my-spinner', {"
2907
- },
2908
- {
2909
- "name": "Main",
2910
- "category": "UI Components",
2911
- "description": "Main component options",
2912
- "constructor": "jux.main(id: string, options: MainOptions = {})",
2913
- "fluentMethods": [
2914
- {
2915
- "name": "content",
2916
- "params": "(value)",
2917
- "returns": "this",
2918
- "description": "Set content"
2919
- },
2920
- {
2921
- "name": "padding",
2922
- "params": "(value)",
2923
- "returns": "this",
2924
- "description": "Set padding"
2925
- },
2926
- {
2927
- "name": "style",
2928
- "params": "(value)",
2929
- "returns": "this",
2930
- "description": "Set style"
2931
- },
2932
- {
2933
- "name": "class",
2934
- "params": "(value)",
2935
- "returns": "this",
2936
- "description": "Set class"
2937
- },
2938
- {
2939
- "name": "render",
2940
- "params": "(targetId?)",
2941
- "returns": "this",
2942
- "description": "Set render"
2943
- },
2944
- {
2945
- "name": "renderTo",
2946
- "params": "(juxComponent)",
2947
- "returns": "this",
2948
- "description": "Set renderTo"
2949
1397
  }
2950
1398
  ],
2951
- "example": "const main = jux.main('myMain', {"
1399
+ "example": "jux.loading('id').render()"
2952
1400
  },
2953
1401
  {
2954
1402
  "name": "Menu",
2955
1403
  "category": "UI Components",
2956
- "description": "Menu item configuration",
1404
+ "description": "Menu component",
2957
1405
  "constructor": "jux.menu(id: string, options: MenuOptions = {})",
2958
1406
  "fluentMethods": [
2959
- {
2960
- "name": "bind",
2961
- "params": "(event, handler)",
2962
- "returns": "this",
2963
- "description": "Set bind"
2964
- },
2965
- {
2966
- "name": "sync",
2967
- "params": "(property, stateObj, toState?, toComponent?)",
2968
- "returns": "this",
2969
- "description": "Set sync"
2970
- },
2971
1407
  {
2972
1408
  "name": "items",
2973
1409
  "params": "(value)",
@@ -2981,42 +1417,30 @@
2981
1417
  "description": "Set addItem"
2982
1418
  },
2983
1419
  {
2984
- "name": "orientation",
2985
- "params": "(value)",
2986
- "returns": "this",
2987
- "description": "Set orientation"
2988
- },
2989
- {
2990
- "name": "style",
2991
- "params": "(value)",
1420
+ "name": "itemClass",
1421
+ "params": "(className)",
2992
1422
  "returns": "this",
2993
- "description": "Set style"
1423
+ "description": "Set itemClass"
2994
1424
  },
2995
1425
  {
2996
- "name": "class",
1426
+ "name": "orientation",
2997
1427
  "params": "(value)",
2998
1428
  "returns": "this",
2999
- "description": "Set class"
1429
+ "description": "Set orientation"
3000
1430
  },
3001
1431
  {
3002
1432
  "name": "render",
3003
1433
  "params": "(targetId?)",
3004
1434
  "returns": "this",
3005
1435
  "description": "Set render"
3006
- },
3007
- {
3008
- "name": "renderTo",
3009
- "params": "(juxComponent)",
3010
- "returns": "this",
3011
- "description": "Set renderTo"
3012
1436
  }
3013
1437
  ],
3014
- "example": "const menu = jux.menu('myMenu', {"
1438
+ "example": "jux.menu('id').render()"
3015
1439
  },
3016
1440
  {
3017
1441
  "name": "Modal",
3018
1442
  "category": "UI Components",
3019
- "description": "Modal component options",
1443
+ "description": "Modal component",
3020
1444
  "constructor": "jux.modal(id: string, options: ModalOptions = {})",
3021
1445
  "fluentMethods": [
3022
1446
  {
@@ -3049,18 +1473,6 @@
3049
1473
  "returns": "this",
3050
1474
  "description": "Set size"
3051
1475
  },
3052
- {
3053
- "name": "style",
3054
- "params": "(value)",
3055
- "returns": "this",
3056
- "description": "Set style"
3057
- },
3058
- {
3059
- "name": "class",
3060
- "params": "(value)",
3061
- "returns": "this",
3062
- "description": "Set class"
3063
- },
3064
1476
  {
3065
1477
  "name": "open",
3066
1478
  "params": "()",
@@ -3073,37 +1485,19 @@
3073
1485
  "returns": "this",
3074
1486
  "description": "Set close"
3075
1487
  },
3076
- {
3077
- "name": "bind",
3078
- "params": "(event, handler)",
3079
- "returns": "this",
3080
- "description": "Set bind"
3081
- },
3082
- {
3083
- "name": "sync",
3084
- "params": "(property, stateObj, toState?, toComponent?)",
3085
- "returns": "this",
3086
- "description": "Set sync"
3087
- },
3088
1488
  {
3089
1489
  "name": "render",
3090
1490
  "params": "(targetId?)",
3091
1491
  "returns": "this",
3092
1492
  "description": "Set render"
3093
- },
3094
- {
3095
- "name": "renderTo",
3096
- "params": "(juxComponent)",
3097
- "returns": "this",
3098
- "description": "Set renderTo"
3099
1493
  }
3100
1494
  ],
3101
- "example": "const modal = jux.modal('myModal', {"
1495
+ "example": "jux.modal('id').render()"
3102
1496
  },
3103
1497
  {
3104
1498
  "name": "Nav",
3105
1499
  "category": "UI Components",
3106
- "description": "Set active state on items based on current request path",
1500
+ "description": "Nav component",
3107
1501
  "constructor": "jux.nav(id: string, options: NavOptions = {})",
3108
1502
  "fluentMethods": [
3109
1503
  {
@@ -3118,6 +1512,12 @@
3118
1512
  "returns": "this",
3119
1513
  "description": "Set addItem"
3120
1514
  },
1515
+ {
1516
+ "name": "itemClass",
1517
+ "params": "(className)",
1518
+ "returns": "this",
1519
+ "description": "Set itemClass"
1520
+ },
3121
1521
  {
3122
1522
  "name": "brand",
3123
1523
  "params": "(value)",
@@ -3136,41 +1536,11 @@
3136
1536
  "returns": "this",
3137
1537
  "description": "Set sticky"
3138
1538
  },
3139
- {
3140
- "name": "style",
3141
- "params": "(value)",
3142
- "returns": "this",
3143
- "description": "Set style"
3144
- },
3145
- {
3146
- "name": "class",
3147
- "params": "(value)",
3148
- "returns": "this",
3149
- "description": "Set class"
3150
- },
3151
- {
3152
- "name": "bind",
3153
- "params": "(event, handler)",
3154
- "returns": "this",
3155
- "description": "Set bind"
3156
- },
3157
- {
3158
- "name": "sync",
3159
- "params": "(property, stateObj, toState?, toComponent?)",
3160
- "returns": "this",
3161
- "description": "Set sync"
3162
- },
3163
1539
  {
3164
1540
  "name": "render",
3165
1541
  "params": "(targetId?)",
3166
1542
  "returns": "this",
3167
1543
  "description": "Set render"
3168
- },
3169
- {
3170
- "name": "renderTo",
3171
- "params": "(juxComponent)",
3172
- "returns": "this",
3173
- "description": "Set renderTo"
3174
1544
  }
3175
1545
  ],
3176
1546
  "example": "jux.nav('id').render()"
@@ -3178,7 +1548,7 @@
3178
1548
  {
3179
1549
  "name": "Paragraph",
3180
1550
  "category": "UI Components",
3181
- "description": "Paragraph options",
1551
+ "description": "Paragraph component",
3182
1552
  "constructor": "jux.paragraph(id: string, options: ParagraphOptions = {})",
3183
1553
  "fluentMethods": [
3184
1554
  {
@@ -3187,41 +1557,11 @@
3187
1557
  "returns": "this",
3188
1558
  "description": "Set text"
3189
1559
  },
3190
- {
3191
- "name": "class",
3192
- "params": "(value)",
3193
- "returns": "this",
3194
- "description": "Set class"
3195
- },
3196
- {
3197
- "name": "style",
3198
- "params": "(value)",
3199
- "returns": "this",
3200
- "description": "Set style"
3201
- },
3202
- {
3203
- "name": "bind",
3204
- "params": "(event, handler)",
3205
- "returns": "this",
3206
- "description": "Set bind"
3207
- },
3208
- {
3209
- "name": "sync",
3210
- "params": "(property, stateObj, toState?, toComponent?)",
3211
- "returns": "this",
3212
- "description": "Set sync"
3213
- },
3214
1560
  {
3215
1561
  "name": "render",
3216
1562
  "params": "(targetId?)",
3217
1563
  "returns": "this",
3218
1564
  "description": "Set render"
3219
- },
3220
- {
3221
- "name": "renderTo",
3222
- "params": "(juxComponent)",
3223
- "returns": "this",
3224
- "description": "Set renderTo"
3225
1565
  }
3226
1566
  ],
3227
1567
  "example": "jux.paragraph('id').render()"
@@ -3229,92 +1569,38 @@
3229
1569
  {
3230
1570
  "name": "Progress",
3231
1571
  "category": "UI Components",
3232
- "description": "Progress component",
3233
- "constructor": "jux.progress(id: string, options: ProgressOptions = {})",
3234
- "fluentMethods": [
3235
- {
3236
- "name": "value",
3237
- "params": "(value)",
3238
- "returns": "this",
3239
- "description": "Set value"
3240
- },
3241
- {
3242
- "name": "max",
3243
- "params": "(value)",
3244
- "returns": "this",
3245
- "description": "Set max"
3246
- },
3247
- {
3248
- "name": "label",
3249
- "params": "(value)",
3250
- "returns": "this",
3251
- "description": "Set label"
3252
- },
3253
- {
3254
- "name": "showPercentage",
3255
- "params": "(value)",
3256
- "returns": "this",
3257
- "description": "Set showPercentage"
3258
- },
3259
- {
3260
- "name": "variant",
3261
- "params": "(value)",
3262
- "returns": "this",
3263
- "description": "Set variant"
3264
- },
3265
- {
3266
- "name": "size",
3267
- "params": "(value)",
3268
- "returns": "this",
3269
- "description": "Set size"
3270
- },
3271
- {
3272
- "name": "striped",
3273
- "params": "(value)",
3274
- "returns": "this",
3275
- "description": "Set striped"
3276
- },
1572
+ "description": "Progress component",
1573
+ "constructor": "jux.progress(id: string, options: ProgressOptions = {})",
1574
+ "fluentMethods": [
3277
1575
  {
3278
- "name": "animated",
3279
- "params": "(value)",
1576
+ "name": "value",
1577
+ "params": "(val)",
3280
1578
  "returns": "this",
3281
- "description": "Set animated"
1579
+ "description": "Set value"
3282
1580
  },
3283
1581
  {
3284
- "name": "style",
3285
- "params": "(value)",
1582
+ "name": "max",
1583
+ "params": "(val)",
3286
1584
  "returns": "this",
3287
- "description": "Set style"
1585
+ "description": "Set max"
3288
1586
  },
3289
1587
  {
3290
- "name": "class",
1588
+ "name": "variant",
3291
1589
  "params": "(value)",
3292
1590
  "returns": "this",
3293
- "description": "Set class"
3294
- },
3295
- {
3296
- "name": "bind",
3297
- "params": "(event, handler)",
3298
- "returns": "this",
3299
- "description": "Set bind"
1591
+ "description": "Set variant"
3300
1592
  },
3301
1593
  {
3302
- "name": "sync",
3303
- "params": "(property, stateObj, toState?, toComponent?)",
1594
+ "name": "showPercentage",
1595
+ "params": "(value)",
3304
1596
  "returns": "this",
3305
- "description": "Set sync"
1597
+ "description": "Set showPercentage"
3306
1598
  },
3307
1599
  {
3308
1600
  "name": "render",
3309
1601
  "params": "(targetId?)",
3310
1602
  "returns": "this",
3311
1603
  "description": "Set render"
3312
- },
3313
- {
3314
- "name": "renderTo",
3315
- "params": "(juxComponent)",
3316
- "returns": "this",
3317
- "description": "Set renderTo"
3318
1604
  }
3319
1605
  ],
3320
1606
  "example": "jux.progress('id').render()"
@@ -3322,7 +1608,7 @@
3322
1608
  {
3323
1609
  "name": "Radio",
3324
1610
  "category": "UI Components",
3325
- "description": "Radio option",
1611
+ "description": "Radio component",
3326
1612
  "constructor": "jux.radio(id: string, options: RadioOptions = {})",
3327
1613
  "fluentMethods": [
3328
1614
  {
@@ -3331,12 +1617,6 @@
3331
1617
  "returns": "this",
3332
1618
  "description": "Set options"
3333
1619
  },
3334
- {
3335
- "name": "addOption",
3336
- "params": "(option)",
3337
- "returns": "this",
3338
- "description": "Set addOption"
3339
- },
3340
1620
  {
3341
1621
  "name": "value",
3342
1622
  "params": "(value)",
@@ -3344,10 +1624,10 @@
3344
1624
  "description": "Set value"
3345
1625
  },
3346
1626
  {
3347
- "name": "name",
3348
- "params": "(value)",
1627
+ "name": "addOption",
1628
+ "params": "(option)",
3349
1629
  "returns": "this",
3350
- "description": "Set name"
1630
+ "description": "Set addOption"
3351
1631
  },
3352
1632
  {
3353
1633
  "name": "orientation",
@@ -3356,43 +1636,19 @@
3356
1636
  "description": "Set orientation"
3357
1637
  },
3358
1638
  {
3359
- "name": "style",
3360
- "params": "(value)",
3361
- "returns": "this",
3362
- "description": "Set style"
3363
- },
3364
- {
3365
- "name": "class",
1639
+ "name": "setValue",
3366
1640
  "params": "(value)",
3367
1641
  "returns": "this",
3368
- "description": "Set class"
3369
- },
3370
- {
3371
- "name": "bind",
3372
- "params": "(event, handler)",
3373
- "returns": "this",
3374
- "description": "Set bind"
3375
- },
3376
- {
3377
- "name": "sync",
3378
- "params": "(property, stateObj, toState?, toComponent?)",
3379
- "returns": "this",
3380
- "description": "Set sync"
1642
+ "description": "Set setValue"
3381
1643
  },
3382
1644
  {
3383
1645
  "name": "render",
3384
1646
  "params": "(targetId?)",
3385
1647
  "returns": "this",
3386
1648
  "description": "Set render"
3387
- },
3388
- {
3389
- "name": "renderTo",
3390
- "params": "(juxComponent)",
3391
- "returns": "this",
3392
- "description": "Set renderTo"
3393
1649
  }
3394
1650
  ],
3395
- "example": "jux.radio('size', {"
1651
+ "example": "jux.radio('id').render()"
3396
1652
  },
3397
1653
  {
3398
1654
  "name": "Req",
@@ -3405,7 +1661,7 @@
3405
1661
  {
3406
1662
  "name": "Select",
3407
1663
  "category": "UI Components",
3408
- "description": "Bind event handler (stores for wiring in render)",
1664
+ "description": "Select component",
3409
1665
  "constructor": "jux.select(id: string, options: SelectOptions = {})",
3410
1666
  "fluentMethods": [
3411
1667
  {
@@ -3414,12 +1670,6 @@
3414
1670
  "returns": "this",
3415
1671
  "description": "Set options"
3416
1672
  },
3417
- {
3418
- "name": "addOption",
3419
- "params": "(option)",
3420
- "returns": "this",
3421
- "description": "Set addOption"
3422
- },
3423
1673
  {
3424
1674
  "name": "value",
3425
1675
  "params": "(value)",
@@ -3433,58 +1683,22 @@
3433
1683
  "description": "Set placeholder"
3434
1684
  },
3435
1685
  {
3436
- "name": "label",
3437
- "params": "(value)",
3438
- "returns": "this",
3439
- "description": "Set label"
3440
- },
3441
- {
3442
- "name": "disabled",
3443
- "params": "(value)",
3444
- "returns": "this",
3445
- "description": "Set disabled"
3446
- },
3447
- {
3448
- "name": "name",
3449
- "params": "(value)",
3450
- "returns": "this",
3451
- "description": "Set name"
3452
- },
3453
- {
3454
- "name": "style",
3455
- "params": "(value)",
1686
+ "name": "addOption",
1687
+ "params": "(option)",
3456
1688
  "returns": "this",
3457
- "description": "Set style"
1689
+ "description": "Set addOption"
3458
1690
  },
3459
1691
  {
3460
- "name": "class",
1692
+ "name": "setValue",
3461
1693
  "params": "(value)",
3462
1694
  "returns": "this",
3463
- "description": "Set class"
3464
- },
3465
- {
3466
- "name": "bind",
3467
- "params": "(event, handler)",
3468
- "returns": "this",
3469
- "description": "Set bind"
3470
- },
3471
- {
3472
- "name": "sync",
3473
- "params": "(property, stateObj, toState?, toComponent?)",
3474
- "returns": "this",
3475
- "description": "Set sync"
1695
+ "description": "Set setValue"
3476
1696
  },
3477
1697
  {
3478
1698
  "name": "render",
3479
1699
  "params": "(targetId?)",
3480
1700
  "returns": "this",
3481
1701
  "description": "Set render"
3482
- },
3483
- {
3484
- "name": "renderTo",
3485
- "params": "(juxComponent)",
3486
- "returns": "this",
3487
- "description": "Set renderTo"
3488
1702
  }
3489
1703
  ],
3490
1704
  "example": "jux.select('id').render()"
@@ -3519,41 +1733,11 @@
3519
1733
  "returns": "this",
3520
1734
  "description": "Set collapsed"
3521
1735
  },
3522
- {
3523
- "name": "style",
3524
- "params": "(value)",
3525
- "returns": "this",
3526
- "description": "Set style"
3527
- },
3528
- {
3529
- "name": "class",
3530
- "params": "(value)",
3531
- "returns": "this",
3532
- "description": "Set class"
3533
- },
3534
- {
3535
- "name": "bind",
3536
- "params": "(event, handler)",
3537
- "returns": "this",
3538
- "description": "Set bind"
3539
- },
3540
- {
3541
- "name": "sync",
3542
- "params": "(property, stateObj, transform?)",
3543
- "returns": "this",
3544
- "description": "Set sync"
3545
- },
3546
1736
  {
3547
1737
  "name": "render",
3548
1738
  "params": "(targetId?)",
3549
1739
  "returns": "this",
3550
1740
  "description": "Set render"
3551
- },
3552
- {
3553
- "name": "renderTo",
3554
- "params": "(juxComponent)",
3555
- "returns": "this",
3556
- "description": "Set renderTo"
3557
1741
  }
3558
1742
  ],
3559
1743
  "example": "jux.sidebar('id').render()"
@@ -3561,7 +1745,7 @@
3561
1745
  {
3562
1746
  "name": "Switch",
3563
1747
  "category": "UI Components",
3564
- "description": "Bind event handler (stores for wiring in render)",
1748
+ "description": "Switch component",
3565
1749
  "constructor": "jux.switch(id: string, options: SwitchOptions = {})",
3566
1750
  "fluentMethods": [
3567
1751
  {
@@ -3571,58 +1755,28 @@
3571
1755
  "description": "Set checked"
3572
1756
  },
3573
1757
  {
3574
- "name": "label",
3575
- "params": "(value)",
3576
- "returns": "this",
3577
- "description": "Set label"
3578
- },
3579
- {
3580
- "name": "name",
3581
- "params": "(value)",
3582
- "returns": "this",
3583
- "description": "Set name"
3584
- },
3585
- {
3586
- "name": "disabled",
1758
+ "name": "value",
3587
1759
  "params": "(value)",
3588
1760
  "returns": "this",
3589
- "description": "Set disabled"
1761
+ "description": "Set value"
3590
1762
  },
3591
1763
  {
3592
- "name": "style",
3593
- "params": "(value)",
1764
+ "name": "toggle",
1765
+ "params": "()",
3594
1766
  "returns": "this",
3595
- "description": "Set style"
1767
+ "description": "Set toggle"
3596
1768
  },
3597
1769
  {
3598
- "name": "class",
1770
+ "name": "setValue",
3599
1771
  "params": "(value)",
3600
1772
  "returns": "this",
3601
- "description": "Set class"
3602
- },
3603
- {
3604
- "name": "bind",
3605
- "params": "(event, handler)",
3606
- "returns": "this",
3607
- "description": "Set bind"
3608
- },
3609
- {
3610
- "name": "sync",
3611
- "params": "(property, stateObj, toState?, toComponent?)",
3612
- "returns": "this",
3613
- "description": "Set sync"
1773
+ "description": "Set setValue"
3614
1774
  },
3615
1775
  {
3616
1776
  "name": "render",
3617
1777
  "params": "(targetId?)",
3618
1778
  "returns": "this",
3619
1779
  "description": "Set render"
3620
- },
3621
- {
3622
- "name": "renderTo",
3623
- "params": "(juxComponent)",
3624
- "returns": "this",
3625
- "description": "Set renderTo"
3626
1780
  }
3627
1781
  ],
3628
1782
  "example": "jux.switch('id').render()"
@@ -3657,41 +1811,11 @@
3657
1811
  "returns": "this",
3658
1812
  "description": "Set variant"
3659
1813
  },
3660
- {
3661
- "name": "style",
3662
- "params": "(value)",
3663
- "returns": "this",
3664
- "description": "Set style"
3665
- },
3666
- {
3667
- "name": "class",
3668
- "params": "(value)",
3669
- "returns": "this",
3670
- "description": "Set class"
3671
- },
3672
- {
3673
- "name": "bind",
3674
- "params": "(event, handler)",
3675
- "returns": "this",
3676
- "description": "Set bind"
3677
- },
3678
- {
3679
- "name": "sync",
3680
- "params": "(property, stateObj, toState?, toComponent?)",
3681
- "returns": "this",
3682
- "description": "Set sync"
3683
- },
3684
1814
  {
3685
1815
  "name": "render",
3686
1816
  "params": "(targetId?)",
3687
1817
  "returns": "this",
3688
1818
  "description": "Set render"
3689
- },
3690
- {
3691
- "name": "renderTo",
3692
- "params": "(juxComponent)",
3693
- "returns": "this",
3694
- "description": "Set renderTo"
3695
1819
  }
3696
1820
  ],
3697
1821
  "example": "jux.tabs('id').render()"
@@ -3699,21 +1823,9 @@
3699
1823
  {
3700
1824
  "name": "Theme-toggle",
3701
1825
  "category": "UI Components",
3702
- "description": "Theme configuration",
1826
+ "description": "Theme-toggle component",
3703
1827
  "constructor": "jux.theme-toggle(id: string, options: ThemeToggleOptions = {})",
3704
1828
  "fluentMethods": [
3705
- {
3706
- "name": "setTheme",
3707
- "params": "(themeId)",
3708
- "returns": "this",
3709
- "description": "Set setTheme"
3710
- },
3711
- {
3712
- "name": "addTheme",
3713
- "params": "(theme)",
3714
- "returns": "this",
3715
- "description": "Set addTheme"
3716
- },
3717
1829
  {
3718
1830
  "name": "themes",
3719
1831
  "params": "(value)",
@@ -3733,31 +1845,25 @@
3733
1845
  "description": "Set showLabel"
3734
1846
  },
3735
1847
  {
3736
- "name": "style",
3737
- "params": "(value)",
1848
+ "name": "setTheme",
1849
+ "params": "(themeId)",
3738
1850
  "returns": "this",
3739
- "description": "Set style"
1851
+ "description": "Set setTheme"
3740
1852
  },
3741
1853
  {
3742
- "name": "class",
3743
- "params": "(value)",
1854
+ "name": "addTheme",
1855
+ "params": "(theme)",
3744
1856
  "returns": "this",
3745
- "description": "Set class"
1857
+ "description": "Set addTheme"
3746
1858
  },
3747
1859
  {
3748
1860
  "name": "render",
3749
1861
  "params": "(targetId?)",
3750
1862
  "returns": "this",
3751
1863
  "description": "Set render"
3752
- },
3753
- {
3754
- "name": "renderTo",
3755
- "params": "(juxComponent)",
3756
- "returns": "this",
3757
- "description": "Set renderTo"
3758
1864
  }
3759
1865
  ],
3760
- "example": "// Simple light/dark toggle"
1866
+ "example": "jux.theme-toggle('id').render()"
3761
1867
  },
3762
1868
  {
3763
1869
  "name": "Token-calculator",
@@ -3819,7 +1925,7 @@
3819
1925
  {
3820
1926
  "name": "Tooltip",
3821
1927
  "category": "UI Components",
3822
- "description": "Attach tooltip to an element",
1928
+ "description": "Tooltip component",
3823
1929
  "constructor": "jux.tooltip(id: string, options: TooltipOptions = {})",
3824
1930
  "fluentMethods": [
3825
1931
  {
@@ -3834,36 +1940,6 @@
3834
1940
  "returns": "this",
3835
1941
  "description": "Set position"
3836
1942
  },
3837
- {
3838
- "name": "trigger",
3839
- "params": "(value)",
3840
- "returns": "this",
3841
- "description": "Set trigger"
3842
- },
3843
- {
3844
- "name": "style",
3845
- "params": "(value)",
3846
- "returns": "this",
3847
- "description": "Set style"
3848
- },
3849
- {
3850
- "name": "class",
3851
- "params": "(value)",
3852
- "returns": "this",
3853
- "description": "Set class"
3854
- },
3855
- {
3856
- "name": "bind",
3857
- "params": "(event, handler)",
3858
- "returns": "this",
3859
- "description": "Set bind"
3860
- },
3861
- {
3862
- "name": "sync",
3863
- "params": "(property, stateObj, toState?, toComponent?)",
3864
- "returns": "this",
3865
- "description": "Set sync"
3866
- },
3867
1943
  {
3868
1944
  "name": "attachTo",
3869
1945
  "params": "(target)",
@@ -3875,12 +1951,6 @@
3875
1951
  "params": "(targetId?)",
3876
1952
  "returns": "this",
3877
1953
  "description": "Set render"
3878
- },
3879
- {
3880
- "name": "renderTo",
3881
- "params": "(juxComponent)",
3882
- "returns": "this",
3883
- "description": "Set renderTo"
3884
1954
  }
3885
1955
  ],
3886
1956
  "example": "jux.tooltip('id').render()"
@@ -3924,6 +1994,30 @@
3924
1994
  "returns": "this",
3925
1995
  "description": "Set html"
3926
1996
  },
1997
+ {
1998
+ "name": "tagType",
1999
+ "params": "(value)",
2000
+ "returns": "this",
2001
+ "description": "Set tagType"
2002
+ },
2003
+ {
2004
+ "name": "className",
2005
+ "params": "(value)",
2006
+ "returns": "this",
2007
+ "description": "Set className"
2008
+ },
2009
+ {
2010
+ "name": "style",
2011
+ "params": "(value)",
2012
+ "returns": "this",
2013
+ "description": "Set style"
2014
+ },
2015
+ {
2016
+ "name": "attrs",
2017
+ "params": "(attributes, string>)",
2018
+ "returns": "this",
2019
+ "description": "Set attrs"
2020
+ },
3927
2021
  {
3928
2022
  "name": "render",
3929
2023
  "params": "(targetSelector?)",
@@ -3965,5 +2059,5 @@
3965
2059
  }
3966
2060
  ],
3967
2061
  "version": "1.0.0",
3968
- "lastUpdated": "2026-01-23T20:33:28.828Z"
2062
+ "lastUpdated": "2026-01-28T04:47:53.565Z"
3969
2063
  }