juxscript 1.0.6 → 1.0.8
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.
- package/README.md +3 -1
- package/lib/components/areachart.ts +1246 -0
- package/lib/components/areachartsmooth.ts +1380 -0
- package/lib/components/barchart.ts +16 -14
- package/lib/components/docs-data.json +796 -106
- package/lib/components/doughnutchart.ts +1191 -0
- package/lib/components/kpicard.ts +605 -0
- package/lib/jux.ts +25 -3
- package/package.json +1 -1
|
@@ -440,6 +440,396 @@
|
|
|
440
440
|
],
|
|
441
441
|
"example": "jux.alert('my-alert', {"
|
|
442
442
|
},
|
|
443
|
+
{
|
|
444
|
+
"name": "Areachart",
|
|
445
|
+
"category": "UI Components",
|
|
446
|
+
"description": "Bar chart data point",
|
|
447
|
+
"constructor": "jux.areachart(id: string, options: AreaChartOptions = {})",
|
|
448
|
+
"fluentMethods": [
|
|
449
|
+
{
|
|
450
|
+
"name": "bindTheme",
|
|
451
|
+
"params": "(stateObj)",
|
|
452
|
+
"returns": "this",
|
|
453
|
+
"description": "Set bindTheme"
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"name": "bindStyleMode",
|
|
457
|
+
"params": "(stateObj)",
|
|
458
|
+
"returns": "this",
|
|
459
|
+
"description": "Set bindStyleMode"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "bindBorderRadius",
|
|
463
|
+
"params": "(stateObj)",
|
|
464
|
+
"returns": "this",
|
|
465
|
+
"description": "Set bindBorderRadius"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "data",
|
|
469
|
+
"params": "(value)",
|
|
470
|
+
"returns": "this",
|
|
471
|
+
"description": "Set data"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "title",
|
|
475
|
+
"params": "(value)",
|
|
476
|
+
"returns": "this",
|
|
477
|
+
"description": "Set title"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"name": "subtitle",
|
|
481
|
+
"params": "(value)",
|
|
482
|
+
"returns": "this",
|
|
483
|
+
"description": "Set subtitle"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"name": "xAxisLabel",
|
|
487
|
+
"params": "(value)",
|
|
488
|
+
"returns": "this",
|
|
489
|
+
"description": "Set xAxisLabel"
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "yAxisLabel",
|
|
493
|
+
"params": "(value)",
|
|
494
|
+
"returns": "this",
|
|
495
|
+
"description": "Set yAxisLabel"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"name": "showTicksX",
|
|
499
|
+
"params": "(value)",
|
|
500
|
+
"returns": "this",
|
|
501
|
+
"description": "Set showTicksX"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "showTicksY",
|
|
505
|
+
"params": "(value)",
|
|
506
|
+
"returns": "this",
|
|
507
|
+
"description": "Set showTicksY"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"name": "showScaleX",
|
|
511
|
+
"params": "(value)",
|
|
512
|
+
"returns": "this",
|
|
513
|
+
"description": "Set showScaleX"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"name": "showScaleY",
|
|
517
|
+
"params": "(value)",
|
|
518
|
+
"returns": "this",
|
|
519
|
+
"description": "Set showScaleY"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "scaleXUnit",
|
|
523
|
+
"params": "(value)",
|
|
524
|
+
"returns": "this",
|
|
525
|
+
"description": "Set scaleXUnit"
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "scaleYUnit",
|
|
529
|
+
"params": "(value)",
|
|
530
|
+
"returns": "this",
|
|
531
|
+
"description": "Set scaleYUnit"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "showLegend",
|
|
535
|
+
"params": "(value)",
|
|
536
|
+
"returns": "this",
|
|
537
|
+
"description": "Set showLegend"
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"name": "legendOrientation",
|
|
541
|
+
"params": "(value)",
|
|
542
|
+
"returns": "this",
|
|
543
|
+
"description": "Set legendOrientation"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"name": "showDataTable",
|
|
547
|
+
"params": "(value)",
|
|
548
|
+
"returns": "this",
|
|
549
|
+
"description": "Set showDataTable"
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"name": "showDataLabels",
|
|
553
|
+
"params": "(value)",
|
|
554
|
+
"returns": "this",
|
|
555
|
+
"description": "Set showDataLabels"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "animate",
|
|
559
|
+
"params": "(value)",
|
|
560
|
+
"returns": "this",
|
|
561
|
+
"description": "Set animate"
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "animationDuration",
|
|
565
|
+
"params": "(value)",
|
|
566
|
+
"returns": "this",
|
|
567
|
+
"description": "Set animationDuration"
|
|
568
|
+
},
|
|
569
|
+
{
|
|
570
|
+
"name": "chartOrientation",
|
|
571
|
+
"params": "(value)",
|
|
572
|
+
"returns": "this",
|
|
573
|
+
"description": "Set chartOrientation"
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"name": "chartDirection",
|
|
577
|
+
"params": "(value)",
|
|
578
|
+
"returns": "this",
|
|
579
|
+
"description": "Set chartDirection"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "width",
|
|
583
|
+
"params": "(value)",
|
|
584
|
+
"returns": "this",
|
|
585
|
+
"description": "Set width"
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "height",
|
|
589
|
+
"params": "(value)",
|
|
590
|
+
"returns": "this",
|
|
591
|
+
"description": "Set height"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "colors",
|
|
595
|
+
"params": "(value)",
|
|
596
|
+
"returns": "this",
|
|
597
|
+
"description": "Set colors"
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "class",
|
|
601
|
+
"params": "(value)",
|
|
602
|
+
"returns": "this",
|
|
603
|
+
"description": "Set class"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "style",
|
|
607
|
+
"params": "(value)",
|
|
608
|
+
"returns": "this",
|
|
609
|
+
"description": "Set style"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "theme",
|
|
613
|
+
"params": "(value)",
|
|
614
|
+
"returns": "this",
|
|
615
|
+
"description": "Set theme"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "styleMode",
|
|
619
|
+
"params": "(value)",
|
|
620
|
+
"returns": "this",
|
|
621
|
+
"description": "Set styleMode"
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "borderRadius",
|
|
625
|
+
"params": "(value)",
|
|
626
|
+
"returns": "this",
|
|
627
|
+
"description": "Set borderRadius"
|
|
628
|
+
},
|
|
629
|
+
{
|
|
630
|
+
"name": "render",
|
|
631
|
+
"params": "(targetId?)",
|
|
632
|
+
"returns": "this",
|
|
633
|
+
"description": "Set render"
|
|
634
|
+
}
|
|
635
|
+
],
|
|
636
|
+
"example": "jux.areachart('sales-chart')"
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "Areachartsmooth",
|
|
640
|
+
"category": "UI Components",
|
|
641
|
+
"description": "Bar chart data point",
|
|
642
|
+
"constructor": "jux.areachartsmooth(id: string, options: AreaChartSmoothOptions = {})",
|
|
643
|
+
"fluentMethods": [
|
|
644
|
+
{
|
|
645
|
+
"name": "bindTheme",
|
|
646
|
+
"params": "(stateObj)",
|
|
647
|
+
"returns": "this",
|
|
648
|
+
"description": "Set bindTheme"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"name": "bindStyleMode",
|
|
652
|
+
"params": "(stateObj)",
|
|
653
|
+
"returns": "this",
|
|
654
|
+
"description": "Set bindStyleMode"
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "bindBorderRadius",
|
|
658
|
+
"params": "(stateObj)",
|
|
659
|
+
"returns": "this",
|
|
660
|
+
"description": "Set bindBorderRadius"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "data",
|
|
664
|
+
"params": "(value)",
|
|
665
|
+
"returns": "this",
|
|
666
|
+
"description": "Set data"
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"name": "title",
|
|
670
|
+
"params": "(value)",
|
|
671
|
+
"returns": "this",
|
|
672
|
+
"description": "Set title"
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"name": "subtitle",
|
|
676
|
+
"params": "(value)",
|
|
677
|
+
"returns": "this",
|
|
678
|
+
"description": "Set subtitle"
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"name": "xAxisLabel",
|
|
682
|
+
"params": "(value)",
|
|
683
|
+
"returns": "this",
|
|
684
|
+
"description": "Set xAxisLabel"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"name": "yAxisLabel",
|
|
688
|
+
"params": "(value)",
|
|
689
|
+
"returns": "this",
|
|
690
|
+
"description": "Set yAxisLabel"
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"name": "showTicksX",
|
|
694
|
+
"params": "(value)",
|
|
695
|
+
"returns": "this",
|
|
696
|
+
"description": "Set showTicksX"
|
|
697
|
+
},
|
|
698
|
+
{
|
|
699
|
+
"name": "showTicksY",
|
|
700
|
+
"params": "(value)",
|
|
701
|
+
"returns": "this",
|
|
702
|
+
"description": "Set showTicksY"
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"name": "showScaleX",
|
|
706
|
+
"params": "(value)",
|
|
707
|
+
"returns": "this",
|
|
708
|
+
"description": "Set showScaleX"
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"name": "showScaleY",
|
|
712
|
+
"params": "(value)",
|
|
713
|
+
"returns": "this",
|
|
714
|
+
"description": "Set showScaleY"
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"name": "scaleXUnit",
|
|
718
|
+
"params": "(value)",
|
|
719
|
+
"returns": "this",
|
|
720
|
+
"description": "Set scaleXUnit"
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"name": "scaleYUnit",
|
|
724
|
+
"params": "(value)",
|
|
725
|
+
"returns": "this",
|
|
726
|
+
"description": "Set scaleYUnit"
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"name": "showLegend",
|
|
730
|
+
"params": "(value)",
|
|
731
|
+
"returns": "this",
|
|
732
|
+
"description": "Set showLegend"
|
|
733
|
+
},
|
|
734
|
+
{
|
|
735
|
+
"name": "legendOrientation",
|
|
736
|
+
"params": "(value)",
|
|
737
|
+
"returns": "this",
|
|
738
|
+
"description": "Set legendOrientation"
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"name": "showDataTable",
|
|
742
|
+
"params": "(value)",
|
|
743
|
+
"returns": "this",
|
|
744
|
+
"description": "Set showDataTable"
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"name": "showDataLabels",
|
|
748
|
+
"params": "(value)",
|
|
749
|
+
"returns": "this",
|
|
750
|
+
"description": "Set showDataLabels"
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"name": "animate",
|
|
754
|
+
"params": "(value)",
|
|
755
|
+
"returns": "this",
|
|
756
|
+
"description": "Set animate"
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"name": "animationDuration",
|
|
760
|
+
"params": "(value)",
|
|
761
|
+
"returns": "this",
|
|
762
|
+
"description": "Set animationDuration"
|
|
763
|
+
},
|
|
764
|
+
{
|
|
765
|
+
"name": "chartOrientation",
|
|
766
|
+
"params": "(value)",
|
|
767
|
+
"returns": "this",
|
|
768
|
+
"description": "Set chartOrientation"
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"name": "chartDirection",
|
|
772
|
+
"params": "(value)",
|
|
773
|
+
"returns": "this",
|
|
774
|
+
"description": "Set chartDirection"
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"name": "width",
|
|
778
|
+
"params": "(value)",
|
|
779
|
+
"returns": "this",
|
|
780
|
+
"description": "Set width"
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"name": "height",
|
|
784
|
+
"params": "(value)",
|
|
785
|
+
"returns": "this",
|
|
786
|
+
"description": "Set height"
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"name": "colors",
|
|
790
|
+
"params": "(value)",
|
|
791
|
+
"returns": "this",
|
|
792
|
+
"description": "Set colors"
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"name": "class",
|
|
796
|
+
"params": "(value)",
|
|
797
|
+
"returns": "this",
|
|
798
|
+
"description": "Set class"
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"name": "style",
|
|
802
|
+
"params": "(value)",
|
|
803
|
+
"returns": "this",
|
|
804
|
+
"description": "Set style"
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"name": "theme",
|
|
808
|
+
"params": "(value)",
|
|
809
|
+
"returns": "this",
|
|
810
|
+
"description": "Set theme"
|
|
811
|
+
},
|
|
812
|
+
{
|
|
813
|
+
"name": "styleMode",
|
|
814
|
+
"params": "(value)",
|
|
815
|
+
"returns": "this",
|
|
816
|
+
"description": "Set styleMode"
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"name": "borderRadius",
|
|
820
|
+
"params": "(value)",
|
|
821
|
+
"returns": "this",
|
|
822
|
+
"description": "Set borderRadius"
|
|
823
|
+
},
|
|
824
|
+
{
|
|
825
|
+
"name": "render",
|
|
826
|
+
"params": "(targetId?)",
|
|
827
|
+
"returns": "this",
|
|
828
|
+
"description": "Set render"
|
|
829
|
+
}
|
|
830
|
+
],
|
|
831
|
+
"example": "jux.areachartsmooth('sales-chart')"
|
|
832
|
+
},
|
|
443
833
|
{
|
|
444
834
|
"name": "Badge",
|
|
445
835
|
"category": "UI Components",
|
|
@@ -948,220 +1338,415 @@
|
|
|
948
1338
|
"description": "Set highlight"
|
|
949
1339
|
},
|
|
950
1340
|
{
|
|
951
|
-
"name": "style",
|
|
1341
|
+
"name": "style",
|
|
1342
|
+
"params": "(value)",
|
|
1343
|
+
"returns": "this",
|
|
1344
|
+
"description": "Set style"
|
|
1345
|
+
},
|
|
1346
|
+
{
|
|
1347
|
+
"name": "class",
|
|
1348
|
+
"params": "(value)",
|
|
1349
|
+
"returns": "this",
|
|
1350
|
+
"description": "Set class"
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
"name": "render",
|
|
1354
|
+
"params": "(targetId?)",
|
|
1355
|
+
"returns": "this",
|
|
1356
|
+
"description": "Set render"
|
|
1357
|
+
},
|
|
1358
|
+
{
|
|
1359
|
+
"name": "renderTo",
|
|
1360
|
+
"params": "(juxComponent)",
|
|
1361
|
+
"returns": "this",
|
|
1362
|
+
"description": "Set renderTo"
|
|
1363
|
+
}
|
|
1364
|
+
],
|
|
1365
|
+
"example": "const code = jux.code('myCode', 'console.log(\"hello\")', 'javascript');"
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
"name": "Container",
|
|
1369
|
+
"category": "UI Components",
|
|
1370
|
+
"description": "Container options",
|
|
1371
|
+
"constructor": "jux.container(id: string, options: ContainerOptions = {})",
|
|
1372
|
+
"fluentMethods": [
|
|
1373
|
+
{
|
|
1374
|
+
"name": "class",
|
|
1375
|
+
"params": "(value)",
|
|
1376
|
+
"returns": "this",
|
|
1377
|
+
"description": "Set class"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "style",
|
|
1381
|
+
"params": "(value)",
|
|
1382
|
+
"returns": "this",
|
|
1383
|
+
"description": "Set style"
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"name": "direction",
|
|
1387
|
+
"params": "(value)",
|
|
1388
|
+
"returns": "this",
|
|
1389
|
+
"description": "Set direction"
|
|
1390
|
+
},
|
|
1391
|
+
{
|
|
1392
|
+
"name": "gap",
|
|
1393
|
+
"params": "(value)",
|
|
1394
|
+
"returns": "this",
|
|
1395
|
+
"description": "Set gap"
|
|
1396
|
+
},
|
|
1397
|
+
{
|
|
1398
|
+
"name": "align",
|
|
1399
|
+
"params": "(value)",
|
|
1400
|
+
"returns": "this",
|
|
1401
|
+
"description": "Set align"
|
|
1402
|
+
},
|
|
1403
|
+
{
|
|
1404
|
+
"name": "justify",
|
|
1405
|
+
"params": "(value)",
|
|
1406
|
+
"returns": "this",
|
|
1407
|
+
"description": "Set justify"
|
|
1408
|
+
},
|
|
1409
|
+
{
|
|
1410
|
+
"name": "render",
|
|
1411
|
+
"params": "(targetId?)",
|
|
1412
|
+
"returns": "this",
|
|
1413
|
+
"description": "Set render"
|
|
1414
|
+
}
|
|
1415
|
+
],
|
|
1416
|
+
"example": "// Plain container"
|
|
1417
|
+
},
|
|
1418
|
+
{
|
|
1419
|
+
"name": "Datepicker",
|
|
1420
|
+
"category": "UI Components",
|
|
1421
|
+
"description": "DatePicker component options",
|
|
1422
|
+
"constructor": "jux.datepicker(id: string, options: DatePickerOptions = {})",
|
|
1423
|
+
"fluentMethods": [
|
|
1424
|
+
{
|
|
1425
|
+
"name": "value",
|
|
1426
|
+
"params": "(value)",
|
|
1427
|
+
"returns": "this",
|
|
1428
|
+
"description": "Set value"
|
|
1429
|
+
},
|
|
1430
|
+
{
|
|
1431
|
+
"name": "min",
|
|
1432
|
+
"params": "(value)",
|
|
1433
|
+
"returns": "this",
|
|
1434
|
+
"description": "Set min"
|
|
1435
|
+
},
|
|
1436
|
+
{
|
|
1437
|
+
"name": "max",
|
|
1438
|
+
"params": "(value)",
|
|
1439
|
+
"returns": "this",
|
|
1440
|
+
"description": "Set max"
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"name": "placeholder",
|
|
1444
|
+
"params": "(value)",
|
|
1445
|
+
"returns": "this",
|
|
1446
|
+
"description": "Set placeholder"
|
|
1447
|
+
},
|
|
1448
|
+
{
|
|
1449
|
+
"name": "disabled",
|
|
1450
|
+
"params": "(value)",
|
|
1451
|
+
"returns": "this",
|
|
1452
|
+
"description": "Set disabled"
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"name": "name",
|
|
1456
|
+
"params": "(value)",
|
|
1457
|
+
"returns": "this",
|
|
1458
|
+
"description": "Set name"
|
|
1459
|
+
},
|
|
1460
|
+
{
|
|
1461
|
+
"name": "style",
|
|
1462
|
+
"params": "(value)",
|
|
1463
|
+
"returns": "this",
|
|
1464
|
+
"description": "Set style"
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"name": "class",
|
|
1468
|
+
"params": "(value)",
|
|
1469
|
+
"returns": "this",
|
|
1470
|
+
"description": "Set class"
|
|
1471
|
+
},
|
|
1472
|
+
{
|
|
1473
|
+
"name": "bind",
|
|
1474
|
+
"params": "(stateObj)",
|
|
1475
|
+
"returns": "this",
|
|
1476
|
+
"description": "Set bind"
|
|
1477
|
+
},
|
|
1478
|
+
{
|
|
1479
|
+
"name": "render",
|
|
1480
|
+
"params": "(targetId?)",
|
|
1481
|
+
"returns": "this",
|
|
1482
|
+
"description": "Set render"
|
|
1483
|
+
},
|
|
1484
|
+
{
|
|
1485
|
+
"name": "renderTo",
|
|
1486
|
+
"params": "(juxComponent)",
|
|
1487
|
+
"returns": "this",
|
|
1488
|
+
"description": "Set renderTo"
|
|
1489
|
+
}
|
|
1490
|
+
],
|
|
1491
|
+
"example": "jux.datepicker('start-date', {"
|
|
1492
|
+
},
|
|
1493
|
+
{
|
|
1494
|
+
"name": "Dialog",
|
|
1495
|
+
"category": "UI Components",
|
|
1496
|
+
"description": "Dialog component options",
|
|
1497
|
+
"constructor": "jux.dialog(id: string, options: DialogOptions = {})",
|
|
1498
|
+
"fluentMethods": [
|
|
1499
|
+
{
|
|
1500
|
+
"name": "title",
|
|
1501
|
+
"params": "(value)",
|
|
1502
|
+
"returns": "this",
|
|
1503
|
+
"description": "Set title"
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"name": "message",
|
|
1507
|
+
"params": "(value)",
|
|
1508
|
+
"returns": "this",
|
|
1509
|
+
"description": "Set message"
|
|
1510
|
+
},
|
|
1511
|
+
{
|
|
1512
|
+
"name": "confirmText",
|
|
1513
|
+
"params": "(value)",
|
|
1514
|
+
"returns": "this",
|
|
1515
|
+
"description": "Set confirmText"
|
|
1516
|
+
},
|
|
1517
|
+
{
|
|
1518
|
+
"name": "cancelText",
|
|
1519
|
+
"params": "(value)",
|
|
1520
|
+
"returns": "this",
|
|
1521
|
+
"description": "Set cancelText"
|
|
1522
|
+
},
|
|
1523
|
+
{
|
|
1524
|
+
"name": "variant",
|
|
1525
|
+
"params": "(value)",
|
|
1526
|
+
"returns": "this",
|
|
1527
|
+
"description": "Set variant"
|
|
1528
|
+
},
|
|
1529
|
+
{
|
|
1530
|
+
"name": "style",
|
|
1531
|
+
"params": "(value)",
|
|
1532
|
+
"returns": "this",
|
|
1533
|
+
"description": "Set style"
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"name": "class",
|
|
1537
|
+
"params": "(value)",
|
|
1538
|
+
"returns": "this",
|
|
1539
|
+
"description": "Set class"
|
|
1540
|
+
},
|
|
1541
|
+
{
|
|
1542
|
+
"name": "render",
|
|
1543
|
+
"params": "(targetId?)",
|
|
1544
|
+
"returns": "this",
|
|
1545
|
+
"description": "Set render"
|
|
1546
|
+
},
|
|
1547
|
+
{
|
|
1548
|
+
"name": "renderTo",
|
|
1549
|
+
"params": "(juxComponent)",
|
|
1550
|
+
"returns": "this",
|
|
1551
|
+
"description": "Set renderTo"
|
|
1552
|
+
}
|
|
1553
|
+
],
|
|
1554
|
+
"example": "jux.dialog('confirm-delete', {"
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "Doughnutchart",
|
|
1558
|
+
"category": "UI Components",
|
|
1559
|
+
"description": "Bar chart data point",
|
|
1560
|
+
"constructor": "jux.doughnutchart(id: string, options: DoughnutChartOptions = {})",
|
|
1561
|
+
"fluentMethods": [
|
|
1562
|
+
{
|
|
1563
|
+
"name": "bindTheme",
|
|
1564
|
+
"params": "(stateObj)",
|
|
1565
|
+
"returns": "this",
|
|
1566
|
+
"description": "Set bindTheme"
|
|
1567
|
+
},
|
|
1568
|
+
{
|
|
1569
|
+
"name": "bindStyleMode",
|
|
1570
|
+
"params": "(stateObj)",
|
|
1571
|
+
"returns": "this",
|
|
1572
|
+
"description": "Set bindStyleMode"
|
|
1573
|
+
},
|
|
1574
|
+
{
|
|
1575
|
+
"name": "bindBorderRadius",
|
|
1576
|
+
"params": "(stateObj)",
|
|
1577
|
+
"returns": "this",
|
|
1578
|
+
"description": "Set bindBorderRadius"
|
|
1579
|
+
},
|
|
1580
|
+
{
|
|
1581
|
+
"name": "data",
|
|
952
1582
|
"params": "(value)",
|
|
953
1583
|
"returns": "this",
|
|
954
|
-
"description": "Set
|
|
1584
|
+
"description": "Set data"
|
|
955
1585
|
},
|
|
956
1586
|
{
|
|
957
|
-
"name": "
|
|
1587
|
+
"name": "title",
|
|
958
1588
|
"params": "(value)",
|
|
959
1589
|
"returns": "this",
|
|
960
|
-
"description": "Set
|
|
1590
|
+
"description": "Set title"
|
|
961
1591
|
},
|
|
962
1592
|
{
|
|
963
|
-
"name": "
|
|
964
|
-
"params": "(
|
|
1593
|
+
"name": "subtitle",
|
|
1594
|
+
"params": "(value)",
|
|
965
1595
|
"returns": "this",
|
|
966
|
-
"description": "Set
|
|
1596
|
+
"description": "Set subtitle"
|
|
967
1597
|
},
|
|
968
1598
|
{
|
|
969
|
-
"name": "
|
|
970
|
-
"params": "(juxComponent)",
|
|
971
|
-
"returns": "this",
|
|
972
|
-
"description": "Set renderTo"
|
|
973
|
-
}
|
|
974
|
-
],
|
|
975
|
-
"example": "const code = jux.code('myCode', 'console.log(\"hello\")', 'javascript');"
|
|
976
|
-
},
|
|
977
|
-
{
|
|
978
|
-
"name": "Container",
|
|
979
|
-
"category": "UI Components",
|
|
980
|
-
"description": "Container options",
|
|
981
|
-
"constructor": "jux.container(id: string, options: ContainerOptions = {})",
|
|
982
|
-
"fluentMethods": [
|
|
983
|
-
{
|
|
984
|
-
"name": "class",
|
|
1599
|
+
"name": "xAxisLabel",
|
|
985
1600
|
"params": "(value)",
|
|
986
1601
|
"returns": "this",
|
|
987
|
-
"description": "Set
|
|
1602
|
+
"description": "Set xAxisLabel"
|
|
988
1603
|
},
|
|
989
1604
|
{
|
|
990
|
-
"name": "
|
|
1605
|
+
"name": "yAxisLabel",
|
|
991
1606
|
"params": "(value)",
|
|
992
1607
|
"returns": "this",
|
|
993
|
-
"description": "Set
|
|
1608
|
+
"description": "Set yAxisLabel"
|
|
994
1609
|
},
|
|
995
1610
|
{
|
|
996
|
-
"name": "
|
|
1611
|
+
"name": "showTicksX",
|
|
997
1612
|
"params": "(value)",
|
|
998
1613
|
"returns": "this",
|
|
999
|
-
"description": "Set
|
|
1614
|
+
"description": "Set showTicksX"
|
|
1000
1615
|
},
|
|
1001
1616
|
{
|
|
1002
|
-
"name": "
|
|
1617
|
+
"name": "showTicksY",
|
|
1003
1618
|
"params": "(value)",
|
|
1004
1619
|
"returns": "this",
|
|
1005
|
-
"description": "Set
|
|
1620
|
+
"description": "Set showTicksY"
|
|
1006
1621
|
},
|
|
1007
1622
|
{
|
|
1008
|
-
"name": "
|
|
1623
|
+
"name": "showScaleX",
|
|
1009
1624
|
"params": "(value)",
|
|
1010
1625
|
"returns": "this",
|
|
1011
|
-
"description": "Set
|
|
1626
|
+
"description": "Set showScaleX"
|
|
1012
1627
|
},
|
|
1013
1628
|
{
|
|
1014
|
-
"name": "
|
|
1629
|
+
"name": "showScaleY",
|
|
1015
1630
|
"params": "(value)",
|
|
1016
1631
|
"returns": "this",
|
|
1017
|
-
"description": "Set
|
|
1632
|
+
"description": "Set showScaleY"
|
|
1018
1633
|
},
|
|
1019
1634
|
{
|
|
1020
|
-
"name": "
|
|
1021
|
-
"params": "(targetId?)",
|
|
1022
|
-
"returns": "this",
|
|
1023
|
-
"description": "Set render"
|
|
1024
|
-
}
|
|
1025
|
-
],
|
|
1026
|
-
"example": "// Plain container"
|
|
1027
|
-
},
|
|
1028
|
-
{
|
|
1029
|
-
"name": "Datepicker",
|
|
1030
|
-
"category": "UI Components",
|
|
1031
|
-
"description": "DatePicker component options",
|
|
1032
|
-
"constructor": "jux.datepicker(id: string, options: DatePickerOptions = {})",
|
|
1033
|
-
"fluentMethods": [
|
|
1034
|
-
{
|
|
1035
|
-
"name": "value",
|
|
1635
|
+
"name": "scaleXUnit",
|
|
1036
1636
|
"params": "(value)",
|
|
1037
1637
|
"returns": "this",
|
|
1038
|
-
"description": "Set
|
|
1638
|
+
"description": "Set scaleXUnit"
|
|
1039
1639
|
},
|
|
1040
1640
|
{
|
|
1041
|
-
"name": "
|
|
1641
|
+
"name": "scaleYUnit",
|
|
1042
1642
|
"params": "(value)",
|
|
1043
1643
|
"returns": "this",
|
|
1044
|
-
"description": "Set
|
|
1644
|
+
"description": "Set scaleYUnit"
|
|
1045
1645
|
},
|
|
1046
1646
|
{
|
|
1047
|
-
"name": "
|
|
1647
|
+
"name": "showLegend",
|
|
1048
1648
|
"params": "(value)",
|
|
1049
1649
|
"returns": "this",
|
|
1050
|
-
"description": "Set
|
|
1650
|
+
"description": "Set showLegend"
|
|
1051
1651
|
},
|
|
1052
1652
|
{
|
|
1053
|
-
"name": "
|
|
1653
|
+
"name": "legendOrientation",
|
|
1054
1654
|
"params": "(value)",
|
|
1055
1655
|
"returns": "this",
|
|
1056
|
-
"description": "Set
|
|
1656
|
+
"description": "Set legendOrientation"
|
|
1057
1657
|
},
|
|
1058
1658
|
{
|
|
1059
|
-
"name": "
|
|
1659
|
+
"name": "showDataTable",
|
|
1060
1660
|
"params": "(value)",
|
|
1061
1661
|
"returns": "this",
|
|
1062
|
-
"description": "Set
|
|
1662
|
+
"description": "Set showDataTable"
|
|
1063
1663
|
},
|
|
1064
1664
|
{
|
|
1065
|
-
"name": "
|
|
1665
|
+
"name": "showDataLabels",
|
|
1066
1666
|
"params": "(value)",
|
|
1067
1667
|
"returns": "this",
|
|
1068
|
-
"description": "Set
|
|
1668
|
+
"description": "Set showDataLabels"
|
|
1069
1669
|
},
|
|
1070
1670
|
{
|
|
1071
|
-
"name": "
|
|
1671
|
+
"name": "animate",
|
|
1072
1672
|
"params": "(value)",
|
|
1073
1673
|
"returns": "this",
|
|
1074
|
-
"description": "Set
|
|
1674
|
+
"description": "Set animate"
|
|
1075
1675
|
},
|
|
1076
1676
|
{
|
|
1077
|
-
"name": "
|
|
1677
|
+
"name": "animationDuration",
|
|
1078
1678
|
"params": "(value)",
|
|
1079
1679
|
"returns": "this",
|
|
1080
|
-
"description": "Set
|
|
1680
|
+
"description": "Set animationDuration"
|
|
1081
1681
|
},
|
|
1082
1682
|
{
|
|
1083
|
-
"name": "
|
|
1084
|
-
"params": "(
|
|
1683
|
+
"name": "chartOrientation",
|
|
1684
|
+
"params": "(value)",
|
|
1085
1685
|
"returns": "this",
|
|
1086
|
-
"description": "Set
|
|
1686
|
+
"description": "Set chartOrientation"
|
|
1087
1687
|
},
|
|
1088
1688
|
{
|
|
1089
|
-
"name": "
|
|
1090
|
-
"params": "(
|
|
1689
|
+
"name": "chartDirection",
|
|
1690
|
+
"params": "(value)",
|
|
1091
1691
|
"returns": "this",
|
|
1092
|
-
"description": "Set
|
|
1692
|
+
"description": "Set chartDirection"
|
|
1093
1693
|
},
|
|
1094
1694
|
{
|
|
1095
|
-
"name": "
|
|
1096
|
-
"params": "(
|
|
1695
|
+
"name": "width",
|
|
1696
|
+
"params": "(value)",
|
|
1097
1697
|
"returns": "this",
|
|
1098
|
-
"description": "Set
|
|
1099
|
-
}
|
|
1100
|
-
],
|
|
1101
|
-
"example": "jux.datepicker('start-date', {"
|
|
1102
|
-
},
|
|
1103
|
-
{
|
|
1104
|
-
"name": "Dialog",
|
|
1105
|
-
"category": "UI Components",
|
|
1106
|
-
"description": "Dialog component options",
|
|
1107
|
-
"constructor": "jux.dialog(id: string, options: DialogOptions = {})",
|
|
1108
|
-
"fluentMethods": [
|
|
1698
|
+
"description": "Set width"
|
|
1699
|
+
},
|
|
1109
1700
|
{
|
|
1110
|
-
"name": "
|
|
1701
|
+
"name": "height",
|
|
1111
1702
|
"params": "(value)",
|
|
1112
1703
|
"returns": "this",
|
|
1113
|
-
"description": "Set
|
|
1704
|
+
"description": "Set height"
|
|
1114
1705
|
},
|
|
1115
1706
|
{
|
|
1116
|
-
"name": "
|
|
1707
|
+
"name": "colors",
|
|
1117
1708
|
"params": "(value)",
|
|
1118
1709
|
"returns": "this",
|
|
1119
|
-
"description": "Set
|
|
1710
|
+
"description": "Set colors"
|
|
1120
1711
|
},
|
|
1121
1712
|
{
|
|
1122
|
-
"name": "
|
|
1713
|
+
"name": "class",
|
|
1123
1714
|
"params": "(value)",
|
|
1124
1715
|
"returns": "this",
|
|
1125
|
-
"description": "Set
|
|
1716
|
+
"description": "Set class"
|
|
1126
1717
|
},
|
|
1127
1718
|
{
|
|
1128
|
-
"name": "
|
|
1719
|
+
"name": "style",
|
|
1129
1720
|
"params": "(value)",
|
|
1130
1721
|
"returns": "this",
|
|
1131
|
-
"description": "Set
|
|
1722
|
+
"description": "Set style"
|
|
1132
1723
|
},
|
|
1133
1724
|
{
|
|
1134
|
-
"name": "
|
|
1725
|
+
"name": "theme",
|
|
1135
1726
|
"params": "(value)",
|
|
1136
1727
|
"returns": "this",
|
|
1137
|
-
"description": "Set
|
|
1728
|
+
"description": "Set theme"
|
|
1138
1729
|
},
|
|
1139
1730
|
{
|
|
1140
|
-
"name": "
|
|
1731
|
+
"name": "styleMode",
|
|
1141
1732
|
"params": "(value)",
|
|
1142
1733
|
"returns": "this",
|
|
1143
|
-
"description": "Set
|
|
1734
|
+
"description": "Set styleMode"
|
|
1144
1735
|
},
|
|
1145
1736
|
{
|
|
1146
|
-
"name": "
|
|
1737
|
+
"name": "borderRadius",
|
|
1147
1738
|
"params": "(value)",
|
|
1148
1739
|
"returns": "this",
|
|
1149
|
-
"description": "Set
|
|
1740
|
+
"description": "Set borderRadius"
|
|
1150
1741
|
},
|
|
1151
1742
|
{
|
|
1152
1743
|
"name": "render",
|
|
1153
1744
|
"params": "(targetId?)",
|
|
1154
1745
|
"returns": "this",
|
|
1155
1746
|
"description": "Set render"
|
|
1156
|
-
},
|
|
1157
|
-
{
|
|
1158
|
-
"name": "renderTo",
|
|
1159
|
-
"params": "(juxComponent)",
|
|
1160
|
-
"returns": "this",
|
|
1161
|
-
"description": "Set renderTo"
|
|
1162
1747
|
}
|
|
1163
1748
|
],
|
|
1164
|
-
"example": "jux.
|
|
1749
|
+
"example": "jux.doughnutchart('sales-chart')"
|
|
1165
1750
|
},
|
|
1166
1751
|
{
|
|
1167
1752
|
"name": "Dropdown",
|
|
@@ -1756,6 +2341,111 @@
|
|
|
1756
2341
|
],
|
|
1757
2342
|
"example": "jux.input('username')"
|
|
1758
2343
|
},
|
|
2344
|
+
{
|
|
2345
|
+
"name": "Kpicard",
|
|
2346
|
+
"category": "UI Components",
|
|
2347
|
+
"description": "KPI card options",
|
|
2348
|
+
"constructor": "jux.kpicard(id: string, options: KPICardOptions = {})",
|
|
2349
|
+
"fluentMethods": [
|
|
2350
|
+
{
|
|
2351
|
+
"name": "title",
|
|
2352
|
+
"params": "(value)",
|
|
2353
|
+
"returns": "this",
|
|
2354
|
+
"description": "Set title"
|
|
2355
|
+
},
|
|
2356
|
+
{
|
|
2357
|
+
"name": "value",
|
|
2358
|
+
"params": "(value)",
|
|
2359
|
+
"returns": "this",
|
|
2360
|
+
"description": "Set value"
|
|
2361
|
+
},
|
|
2362
|
+
{
|
|
2363
|
+
"name": "delta",
|
|
2364
|
+
"params": "(value)",
|
|
2365
|
+
"returns": "this",
|
|
2366
|
+
"description": "Set delta"
|
|
2367
|
+
},
|
|
2368
|
+
{
|
|
2369
|
+
"name": "prefix",
|
|
2370
|
+
"params": "(value)",
|
|
2371
|
+
"returns": "this",
|
|
2372
|
+
"description": "Set prefix"
|
|
2373
|
+
},
|
|
2374
|
+
{
|
|
2375
|
+
"name": "suffix",
|
|
2376
|
+
"params": "(value)",
|
|
2377
|
+
"returns": "this",
|
|
2378
|
+
"description": "Set suffix"
|
|
2379
|
+
},
|
|
2380
|
+
{
|
|
2381
|
+
"name": "width",
|
|
2382
|
+
"params": "(value)",
|
|
2383
|
+
"returns": "this",
|
|
2384
|
+
"description": "Set width"
|
|
2385
|
+
},
|
|
2386
|
+
{
|
|
2387
|
+
"name": "height",
|
|
2388
|
+
"params": "(value)",
|
|
2389
|
+
"returns": "this",
|
|
2390
|
+
"description": "Set height"
|
|
2391
|
+
},
|
|
2392
|
+
{
|
|
2393
|
+
"name": "theme",
|
|
2394
|
+
"params": "(value)",
|
|
2395
|
+
"returns": "this",
|
|
2396
|
+
"description": "Set theme"
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "styleMode",
|
|
2400
|
+
"params": "(value)",
|
|
2401
|
+
"returns": "this",
|
|
2402
|
+
"description": "Set styleMode"
|
|
2403
|
+
},
|
|
2404
|
+
{
|
|
2405
|
+
"name": "animate",
|
|
2406
|
+
"params": "(value)",
|
|
2407
|
+
"returns": "this",
|
|
2408
|
+
"description": "Set animate"
|
|
2409
|
+
},
|
|
2410
|
+
{
|
|
2411
|
+
"name": "animationDuration",
|
|
2412
|
+
"params": "(value)",
|
|
2413
|
+
"returns": "this",
|
|
2414
|
+
"description": "Set animationDuration"
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "borderRadius",
|
|
2418
|
+
"params": "(value)",
|
|
2419
|
+
"returns": "this",
|
|
2420
|
+
"description": "Set borderRadius"
|
|
2421
|
+
},
|
|
2422
|
+
{
|
|
2423
|
+
"name": "showAccentBar",
|
|
2424
|
+
"params": "(value)",
|
|
2425
|
+
"returns": "this",
|
|
2426
|
+
"description": "Set showAccentBar"
|
|
2427
|
+
},
|
|
2428
|
+
{
|
|
2429
|
+
"name": "class",
|
|
2430
|
+
"params": "(value)",
|
|
2431
|
+
"returns": "this",
|
|
2432
|
+
"description": "Set class"
|
|
2433
|
+
},
|
|
2434
|
+
{
|
|
2435
|
+
"name": "style",
|
|
2436
|
+
"params": "(value)",
|
|
2437
|
+
"returns": "this",
|
|
2438
|
+
"description": "Set style"
|
|
2439
|
+
},
|
|
2440
|
+
{
|
|
2441
|
+
"name": "render",
|
|
2442
|
+
"params": "(container)",
|
|
2443
|
+
"returns": "this",
|
|
2444
|
+
"description": "Set render"
|
|
2445
|
+
}
|
|
2446
|
+
],
|
|
2447
|
+
"example": "jux.kpicard('users-kpi')"
|
|
2448
|
+
},
|
|
1759
2449
|
{
|
|
1760
2450
|
"name": "Loading",
|
|
1761
2451
|
"category": "UI Components",
|
|
@@ -2753,5 +3443,5 @@
|
|
|
2753
3443
|
}
|
|
2754
3444
|
],
|
|
2755
3445
|
"version": "1.0.0",
|
|
2756
|
-
"lastUpdated": "2026-01-
|
|
3446
|
+
"lastUpdated": "2026-01-21T05:03:38.497Z"
|
|
2757
3447
|
}
|