juxscript 1.0.6 → 1.0.7
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 +764 -86
- package/lib/components/doughnutchart.ts +1191 -0
- package/lib/components/kpicard.ts +501 -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",
|
|
@@ -942,10 +1332,199 @@
|
|
|
942
1332
|
"description": "Set lineNumbers"
|
|
943
1333
|
},
|
|
944
1334
|
{
|
|
945
|
-
"name": "highlight",
|
|
1335
|
+
"name": "highlight",
|
|
1336
|
+
"params": "(value)",
|
|
1337
|
+
"returns": "this",
|
|
1338
|
+
"description": "Set highlight"
|
|
1339
|
+
},
|
|
1340
|
+
{
|
|
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",
|
|
946
1525
|
"params": "(value)",
|
|
947
1526
|
"returns": "this",
|
|
948
|
-
"description": "Set
|
|
1527
|
+
"description": "Set variant"
|
|
949
1528
|
},
|
|
950
1529
|
{
|
|
951
1530
|
"name": "style",
|
|
@@ -972,169 +1551,169 @@
|
|
|
972
1551
|
"description": "Set renderTo"
|
|
973
1552
|
}
|
|
974
1553
|
],
|
|
975
|
-
"example": "
|
|
1554
|
+
"example": "jux.dialog('confirm-delete', {"
|
|
976
1555
|
},
|
|
977
1556
|
{
|
|
978
|
-
"name": "
|
|
1557
|
+
"name": "Doughnutchart",
|
|
979
1558
|
"category": "UI Components",
|
|
980
|
-
"description": "
|
|
981
|
-
"constructor": "jux.
|
|
1559
|
+
"description": "Bar chart data point",
|
|
1560
|
+
"constructor": "jux.doughnutchart(id: string, options: DoughnutChartOptions = {})",
|
|
982
1561
|
"fluentMethods": [
|
|
983
1562
|
{
|
|
984
|
-
"name": "
|
|
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",
|
|
985
1582
|
"params": "(value)",
|
|
986
1583
|
"returns": "this",
|
|
987
|
-
"description": "Set
|
|
1584
|
+
"description": "Set data"
|
|
988
1585
|
},
|
|
989
1586
|
{
|
|
990
|
-
"name": "
|
|
1587
|
+
"name": "title",
|
|
991
1588
|
"params": "(value)",
|
|
992
1589
|
"returns": "this",
|
|
993
|
-
"description": "Set
|
|
1590
|
+
"description": "Set title"
|
|
994
1591
|
},
|
|
995
1592
|
{
|
|
996
|
-
"name": "
|
|
1593
|
+
"name": "subtitle",
|
|
997
1594
|
"params": "(value)",
|
|
998
1595
|
"returns": "this",
|
|
999
|
-
"description": "Set
|
|
1596
|
+
"description": "Set subtitle"
|
|
1000
1597
|
},
|
|
1001
1598
|
{
|
|
1002
|
-
"name": "
|
|
1599
|
+
"name": "xAxisLabel",
|
|
1003
1600
|
"params": "(value)",
|
|
1004
1601
|
"returns": "this",
|
|
1005
|
-
"description": "Set
|
|
1602
|
+
"description": "Set xAxisLabel"
|
|
1006
1603
|
},
|
|
1007
1604
|
{
|
|
1008
|
-
"name": "
|
|
1605
|
+
"name": "yAxisLabel",
|
|
1009
1606
|
"params": "(value)",
|
|
1010
1607
|
"returns": "this",
|
|
1011
|
-
"description": "Set
|
|
1608
|
+
"description": "Set yAxisLabel"
|
|
1012
1609
|
},
|
|
1013
1610
|
{
|
|
1014
|
-
"name": "
|
|
1611
|
+
"name": "showTicksX",
|
|
1015
1612
|
"params": "(value)",
|
|
1016
1613
|
"returns": "this",
|
|
1017
|
-
"description": "Set
|
|
1614
|
+
"description": "Set showTicksX"
|
|
1018
1615
|
},
|
|
1019
1616
|
{
|
|
1020
|
-
"name": "
|
|
1021
|
-
"params": "(
|
|
1617
|
+
"name": "showTicksY",
|
|
1618
|
+
"params": "(value)",
|
|
1022
1619
|
"returns": "this",
|
|
1023
|
-
"description": "Set
|
|
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": [
|
|
1620
|
+
"description": "Set showTicksY"
|
|
1621
|
+
},
|
|
1034
1622
|
{
|
|
1035
|
-
"name": "
|
|
1623
|
+
"name": "showScaleX",
|
|
1036
1624
|
"params": "(value)",
|
|
1037
1625
|
"returns": "this",
|
|
1038
|
-
"description": "Set
|
|
1626
|
+
"description": "Set showScaleX"
|
|
1039
1627
|
},
|
|
1040
1628
|
{
|
|
1041
|
-
"name": "
|
|
1629
|
+
"name": "showScaleY",
|
|
1042
1630
|
"params": "(value)",
|
|
1043
1631
|
"returns": "this",
|
|
1044
|
-
"description": "Set
|
|
1632
|
+
"description": "Set showScaleY"
|
|
1045
1633
|
},
|
|
1046
1634
|
{
|
|
1047
|
-
"name": "
|
|
1635
|
+
"name": "scaleXUnit",
|
|
1048
1636
|
"params": "(value)",
|
|
1049
1637
|
"returns": "this",
|
|
1050
|
-
"description": "Set
|
|
1638
|
+
"description": "Set scaleXUnit"
|
|
1051
1639
|
},
|
|
1052
1640
|
{
|
|
1053
|
-
"name": "
|
|
1641
|
+
"name": "scaleYUnit",
|
|
1054
1642
|
"params": "(value)",
|
|
1055
1643
|
"returns": "this",
|
|
1056
|
-
"description": "Set
|
|
1644
|
+
"description": "Set scaleYUnit"
|
|
1057
1645
|
},
|
|
1058
1646
|
{
|
|
1059
|
-
"name": "
|
|
1647
|
+
"name": "showLegend",
|
|
1060
1648
|
"params": "(value)",
|
|
1061
1649
|
"returns": "this",
|
|
1062
|
-
"description": "Set
|
|
1650
|
+
"description": "Set showLegend"
|
|
1063
1651
|
},
|
|
1064
1652
|
{
|
|
1065
|
-
"name": "
|
|
1653
|
+
"name": "legendOrientation",
|
|
1066
1654
|
"params": "(value)",
|
|
1067
1655
|
"returns": "this",
|
|
1068
|
-
"description": "Set
|
|
1656
|
+
"description": "Set legendOrientation"
|
|
1069
1657
|
},
|
|
1070
1658
|
{
|
|
1071
|
-
"name": "
|
|
1659
|
+
"name": "showDataTable",
|
|
1072
1660
|
"params": "(value)",
|
|
1073
1661
|
"returns": "this",
|
|
1074
|
-
"description": "Set
|
|
1662
|
+
"description": "Set showDataTable"
|
|
1075
1663
|
},
|
|
1076
1664
|
{
|
|
1077
|
-
"name": "
|
|
1665
|
+
"name": "showDataLabels",
|
|
1078
1666
|
"params": "(value)",
|
|
1079
1667
|
"returns": "this",
|
|
1080
|
-
"description": "Set
|
|
1668
|
+
"description": "Set showDataLabels"
|
|
1081
1669
|
},
|
|
1082
1670
|
{
|
|
1083
|
-
"name": "
|
|
1084
|
-
"params": "(
|
|
1671
|
+
"name": "animate",
|
|
1672
|
+
"params": "(value)",
|
|
1085
1673
|
"returns": "this",
|
|
1086
|
-
"description": "Set
|
|
1674
|
+
"description": "Set animate"
|
|
1087
1675
|
},
|
|
1088
1676
|
{
|
|
1089
|
-
"name": "
|
|
1090
|
-
"params": "(
|
|
1677
|
+
"name": "animationDuration",
|
|
1678
|
+
"params": "(value)",
|
|
1091
1679
|
"returns": "this",
|
|
1092
|
-
"description": "Set
|
|
1680
|
+
"description": "Set animationDuration"
|
|
1093
1681
|
},
|
|
1094
1682
|
{
|
|
1095
|
-
"name": "
|
|
1096
|
-
"params": "(
|
|
1683
|
+
"name": "chartOrientation",
|
|
1684
|
+
"params": "(value)",
|
|
1097
1685
|
"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": [
|
|
1686
|
+
"description": "Set chartOrientation"
|
|
1687
|
+
},
|
|
1109
1688
|
{
|
|
1110
|
-
"name": "
|
|
1689
|
+
"name": "chartDirection",
|
|
1111
1690
|
"params": "(value)",
|
|
1112
1691
|
"returns": "this",
|
|
1113
|
-
"description": "Set
|
|
1692
|
+
"description": "Set chartDirection"
|
|
1114
1693
|
},
|
|
1115
1694
|
{
|
|
1116
|
-
"name": "
|
|
1695
|
+
"name": "width",
|
|
1117
1696
|
"params": "(value)",
|
|
1118
1697
|
"returns": "this",
|
|
1119
|
-
"description": "Set
|
|
1698
|
+
"description": "Set width"
|
|
1120
1699
|
},
|
|
1121
1700
|
{
|
|
1122
|
-
"name": "
|
|
1701
|
+
"name": "height",
|
|
1123
1702
|
"params": "(value)",
|
|
1124
1703
|
"returns": "this",
|
|
1125
|
-
"description": "Set
|
|
1704
|
+
"description": "Set height"
|
|
1126
1705
|
},
|
|
1127
1706
|
{
|
|
1128
|
-
"name": "
|
|
1707
|
+
"name": "colors",
|
|
1129
1708
|
"params": "(value)",
|
|
1130
1709
|
"returns": "this",
|
|
1131
|
-
"description": "Set
|
|
1710
|
+
"description": "Set colors"
|
|
1132
1711
|
},
|
|
1133
1712
|
{
|
|
1134
|
-
"name": "
|
|
1713
|
+
"name": "class",
|
|
1135
1714
|
"params": "(value)",
|
|
1136
1715
|
"returns": "this",
|
|
1137
|
-
"description": "Set
|
|
1716
|
+
"description": "Set class"
|
|
1138
1717
|
},
|
|
1139
1718
|
{
|
|
1140
1719
|
"name": "style",
|
|
@@ -1143,25 +1722,31 @@
|
|
|
1143
1722
|
"description": "Set style"
|
|
1144
1723
|
},
|
|
1145
1724
|
{
|
|
1146
|
-
"name": "
|
|
1725
|
+
"name": "theme",
|
|
1147
1726
|
"params": "(value)",
|
|
1148
1727
|
"returns": "this",
|
|
1149
|
-
"description": "Set
|
|
1728
|
+
"description": "Set theme"
|
|
1150
1729
|
},
|
|
1151
1730
|
{
|
|
1152
|
-
"name": "
|
|
1153
|
-
"params": "(
|
|
1731
|
+
"name": "styleMode",
|
|
1732
|
+
"params": "(value)",
|
|
1154
1733
|
"returns": "this",
|
|
1155
|
-
"description": "Set
|
|
1734
|
+
"description": "Set styleMode"
|
|
1156
1735
|
},
|
|
1157
1736
|
{
|
|
1158
|
-
"name": "
|
|
1159
|
-
"params": "(
|
|
1737
|
+
"name": "borderRadius",
|
|
1738
|
+
"params": "(value)",
|
|
1160
1739
|
"returns": "this",
|
|
1161
|
-
"description": "Set
|
|
1740
|
+
"description": "Set borderRadius"
|
|
1741
|
+
},
|
|
1742
|
+
{
|
|
1743
|
+
"name": "render",
|
|
1744
|
+
"params": "(targetId?)",
|
|
1745
|
+
"returns": "this",
|
|
1746
|
+
"description": "Set render"
|
|
1162
1747
|
}
|
|
1163
1748
|
],
|
|
1164
|
-
"example": "jux.
|
|
1749
|
+
"example": "jux.doughnutchart('sales-chart')"
|
|
1165
1750
|
},
|
|
1166
1751
|
{
|
|
1167
1752
|
"name": "Dropdown",
|
|
@@ -1756,6 +2341,99 @@
|
|
|
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": "class",
|
|
2418
|
+
"params": "(value)",
|
|
2419
|
+
"returns": "this",
|
|
2420
|
+
"description": "Set class"
|
|
2421
|
+
},
|
|
2422
|
+
{
|
|
2423
|
+
"name": "style",
|
|
2424
|
+
"params": "(value)",
|
|
2425
|
+
"returns": "this",
|
|
2426
|
+
"description": "Set style"
|
|
2427
|
+
},
|
|
2428
|
+
{
|
|
2429
|
+
"name": "render",
|
|
2430
|
+
"params": "(container)",
|
|
2431
|
+
"returns": "this",
|
|
2432
|
+
"description": "Set render"
|
|
2433
|
+
}
|
|
2434
|
+
],
|
|
2435
|
+
"example": "jux.kpicard('users-kpi')"
|
|
2436
|
+
},
|
|
1759
2437
|
{
|
|
1760
2438
|
"name": "Loading",
|
|
1761
2439
|
"category": "UI Components",
|
|
@@ -2753,5 +3431,5 @@
|
|
|
2753
3431
|
}
|
|
2754
3432
|
],
|
|
2755
3433
|
"version": "1.0.0",
|
|
2756
|
-
"lastUpdated": "2026-01-
|
|
3434
|
+
"lastUpdated": "2026-01-21T04:25:36.636Z"
|
|
2757
3435
|
}
|