@mtdt/observeops-ds-elements 0.1.4 → 0.1.6
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/dist/elements-api.json +83 -44
- package/dist/observeops-elements.js +3079 -3045
- package/dist/observeops-elements.umd.cjs +8 -8
- package/package.json +1 -1
package/dist/elements-api.json
CHANGED
|
@@ -51,13 +51,15 @@
|
|
|
51
51
|
"prop": "shape",
|
|
52
52
|
"attribute": "shape",
|
|
53
53
|
"type": "String",
|
|
54
|
-
"default": "''"
|
|
54
|
+
"default": "''",
|
|
55
|
+
"note": "'circle' → rounded-square icon button"
|
|
55
56
|
},
|
|
56
57
|
{
|
|
57
58
|
"prop": "squared",
|
|
58
59
|
"attribute": "squared",
|
|
59
60
|
"type": "Boolean",
|
|
60
|
-
"default": "false"
|
|
61
|
+
"default": "false",
|
|
62
|
+
"note": ".squared-button 35×35"
|
|
61
63
|
}
|
|
62
64
|
],
|
|
63
65
|
"events": []
|
|
@@ -94,7 +96,8 @@
|
|
|
94
96
|
"prop": "status",
|
|
95
97
|
"attribute": "status",
|
|
96
98
|
"type": "String",
|
|
97
|
-
"default": "''"
|
|
99
|
+
"default": "''",
|
|
100
|
+
"note": "when set → status-tag mode"
|
|
98
101
|
},
|
|
99
102
|
{
|
|
100
103
|
"prop": "forcePrimary",
|
|
@@ -106,13 +109,15 @@
|
|
|
106
109
|
"prop": "compliance",
|
|
107
110
|
"attribute": "compliance",
|
|
108
111
|
"type": "Boolean",
|
|
109
|
-
"default": "false"
|
|
112
|
+
"default": "false",
|
|
113
|
+
"note": ".compliance-tag-padding (wider horizontal padding)"
|
|
110
114
|
},
|
|
111
115
|
{
|
|
112
116
|
"prop": "confirmable",
|
|
113
117
|
"attribute": "confirmable",
|
|
114
118
|
"type": "Boolean",
|
|
115
|
-
"default": "false"
|
|
119
|
+
"default": "false",
|
|
120
|
+
"note": "ask before removing (registry: confirmable + confirm-title)"
|
|
116
121
|
},
|
|
117
122
|
{
|
|
118
123
|
"prop": "confirmTitle",
|
|
@@ -151,7 +156,8 @@
|
|
|
151
156
|
"prop": "value",
|
|
152
157
|
"attribute": "value",
|
|
153
158
|
"type": "String",
|
|
154
|
-
"default": "''"
|
|
159
|
+
"default": "''",
|
|
160
|
+
"note": "passthrough id for grouping — readable via e.target.value"
|
|
155
161
|
}
|
|
156
162
|
],
|
|
157
163
|
"events": [
|
|
@@ -227,7 +233,8 @@
|
|
|
227
233
|
{
|
|
228
234
|
"prop": "options",
|
|
229
235
|
"attribute": "options",
|
|
230
|
-
"type": "[String,Array]"
|
|
236
|
+
"type": "[String,Array]",
|
|
237
|
+
"note": "comma string, JSON string, OR a real JS array (el.options = [...])"
|
|
231
238
|
},
|
|
232
239
|
{
|
|
233
240
|
"prop": "value",
|
|
@@ -435,7 +442,8 @@
|
|
|
435
442
|
{
|
|
436
443
|
"prop": "options",
|
|
437
444
|
"attribute": "options",
|
|
438
|
-
"type": "[String,Array]"
|
|
445
|
+
"type": "[String,Array]",
|
|
446
|
+
"note": "comma string, JSON string, OR a real JS array (el.options = [...])"
|
|
439
447
|
},
|
|
440
448
|
{
|
|
441
449
|
"prop": "value",
|
|
@@ -469,17 +477,20 @@
|
|
|
469
477
|
"prop": "block",
|
|
470
478
|
"attribute": "block",
|
|
471
479
|
"type": "Boolean",
|
|
472
|
-
"default": "false"
|
|
480
|
+
"default": "false",
|
|
481
|
+
"note": "full-width instead of the fixed 240px"
|
|
473
482
|
},
|
|
474
483
|
{
|
|
475
484
|
"prop": "searchable",
|
|
476
485
|
"attribute": "searchable",
|
|
477
|
-
"type": "
|
|
486
|
+
"type": "String",
|
|
487
|
+
"note": "unset → AUTO (by option count); off via searchable=\"false\" / :searchable=\"false\""
|
|
478
488
|
},
|
|
479
489
|
{
|
|
480
490
|
"prop": "asInput",
|
|
481
491
|
"attribute": "as-input",
|
|
482
|
-
"type": "
|
|
492
|
+
"type": "String",
|
|
493
|
+
"note": "unset → input mode; off via as-input=\"false\" / :as-input=\"false\""
|
|
483
494
|
},
|
|
484
495
|
{
|
|
485
496
|
"prop": "textOnly",
|
|
@@ -531,7 +542,8 @@
|
|
|
531
542
|
"prop": "maxItems",
|
|
532
543
|
"attribute": "max-items",
|
|
533
544
|
"type": "Number",
|
|
534
|
-
"default": "1"
|
|
545
|
+
"default": "1",
|
|
546
|
+
"note": "read-only pills: how many before \"+N\""
|
|
535
547
|
},
|
|
536
548
|
{
|
|
537
549
|
"prop": "removeClearBtn",
|
|
@@ -562,18 +574,21 @@
|
|
|
562
574
|
"prop": "shape",
|
|
563
575
|
"attribute": "shape",
|
|
564
576
|
"type": "String",
|
|
565
|
-
"default": "'dot'"
|
|
577
|
+
"default": "'dot'",
|
|
578
|
+
"note": "dot | chip | text | bg | stripe"
|
|
566
579
|
},
|
|
567
580
|
{
|
|
568
581
|
"prop": "displayText",
|
|
569
582
|
"attribute": "display-text",
|
|
570
583
|
"type": "Boolean",
|
|
571
|
-
"default": "false"
|
|
584
|
+
"default": "false",
|
|
585
|
+
"note": "dot + capitalized label"
|
|
572
586
|
},
|
|
573
587
|
{
|
|
574
588
|
"prop": "value",
|
|
575
589
|
"attribute": "value",
|
|
576
|
-
"type": "String"
|
|
590
|
+
"type": "String",
|
|
591
|
+
"note": "text/chip/bg display value (default = capitalized level)"
|
|
577
592
|
}
|
|
578
593
|
],
|
|
579
594
|
"events": []
|
|
@@ -586,25 +601,29 @@
|
|
|
586
601
|
"prop": "type",
|
|
587
602
|
"attribute": "type",
|
|
588
603
|
"type": "String",
|
|
589
|
-
"default": "'loose'"
|
|
604
|
+
"default": "'loose'",
|
|
605
|
+
"note": "loose | select"
|
|
590
606
|
},
|
|
591
607
|
{
|
|
592
608
|
"prop": "value",
|
|
593
609
|
"attribute": "value",
|
|
594
610
|
"type": "String",
|
|
595
|
-
"default": "''"
|
|
611
|
+
"default": "''",
|
|
612
|
+
"note": "comma-separated selected values"
|
|
596
613
|
},
|
|
597
614
|
{
|
|
598
615
|
"prop": "options",
|
|
599
616
|
"attribute": "options",
|
|
600
617
|
"type": "[String,Array]",
|
|
601
|
-
"default": "''"
|
|
618
|
+
"default": "''",
|
|
619
|
+
"note": "select pick-list: comma/JSON string OR a real JS array"
|
|
602
620
|
},
|
|
603
621
|
{
|
|
604
622
|
"prop": "suggestions",
|
|
605
623
|
"attribute": "suggestions",
|
|
606
624
|
"type": "String",
|
|
607
|
-
"default": "''"
|
|
625
|
+
"default": "''",
|
|
626
|
+
"note": "loose type: optional assist list"
|
|
608
627
|
},
|
|
609
628
|
{
|
|
610
629
|
"prop": "placeholder",
|
|
@@ -622,19 +641,22 @@
|
|
|
622
641
|
"prop": "loading",
|
|
623
642
|
"attribute": "loading",
|
|
624
643
|
"type": "Boolean",
|
|
625
|
-
"default": "false"
|
|
644
|
+
"default": "false",
|
|
645
|
+
"note": "select: chevron → spinner, non-interactive"
|
|
626
646
|
},
|
|
627
647
|
{
|
|
628
648
|
"prop": "block",
|
|
629
649
|
"attribute": "block",
|
|
630
650
|
"type": "Boolean",
|
|
631
|
-
"default": "false"
|
|
651
|
+
"default": "false",
|
|
652
|
+
"note": "full-width"
|
|
632
653
|
},
|
|
633
654
|
{
|
|
634
655
|
"prop": "lowercase",
|
|
635
656
|
"attribute": "lowercase",
|
|
636
|
-
"type": "
|
|
637
|
-
"default": "'true'"
|
|
657
|
+
"type": "String",
|
|
658
|
+
"default": "'true'",
|
|
659
|
+
"note": "loose default-true; off via lowercase=\"false\" / :lowercase=\"false\" (String type avoids Vue boolean-casting)"
|
|
638
660
|
}
|
|
639
661
|
],
|
|
640
662
|
"events": [
|
|
@@ -649,7 +671,8 @@
|
|
|
649
671
|
"prop": "placement",
|
|
650
672
|
"attribute": "placement",
|
|
651
673
|
"type": "String",
|
|
652
|
-
"default": "'top-start'"
|
|
674
|
+
"default": "'top-start'",
|
|
675
|
+
"note": "top | top-start | top-end | bottom | left | right"
|
|
653
676
|
},
|
|
654
677
|
{
|
|
655
678
|
"prop": "disabled",
|
|
@@ -661,19 +684,22 @@
|
|
|
661
684
|
"prop": "chartLike",
|
|
662
685
|
"attribute": "chart-like",
|
|
663
686
|
"type": "Boolean",
|
|
664
|
-
"default": "false"
|
|
687
|
+
"default": "false",
|
|
688
|
+
"note": "attr: chart-like"
|
|
665
689
|
},
|
|
666
690
|
{
|
|
667
691
|
"prop": "triggerLabel",
|
|
668
692
|
"attribute": "trigger-label",
|
|
669
693
|
"type": "String",
|
|
670
|
-
"default": "''"
|
|
694
|
+
"default": "''",
|
|
695
|
+
"note": "text trigger (a button); else the info-circle ⓘ"
|
|
671
696
|
},
|
|
672
697
|
{
|
|
673
698
|
"prop": "open",
|
|
674
699
|
"attribute": "open",
|
|
675
700
|
"type": "Boolean",
|
|
676
|
-
"default": "false"
|
|
701
|
+
"default": "false",
|
|
702
|
+
"note": "force-show the bubble (for the static examples)"
|
|
677
703
|
}
|
|
678
704
|
],
|
|
679
705
|
"events": []
|
|
@@ -692,7 +718,8 @@
|
|
|
692
718
|
"prop": "block",
|
|
693
719
|
"attribute": "block",
|
|
694
720
|
"type": "Boolean",
|
|
695
|
-
"default": "false"
|
|
721
|
+
"default": "false",
|
|
722
|
+
"note": "stretch the card to the full width of its container"
|
|
696
723
|
}
|
|
697
724
|
],
|
|
698
725
|
"events": []
|
|
@@ -705,7 +732,8 @@
|
|
|
705
732
|
"prop": "kind",
|
|
706
733
|
"attribute": "kind",
|
|
707
734
|
"type": "String",
|
|
708
|
-
"default": "'range'"
|
|
735
|
+
"default": "'range'",
|
|
736
|
+
"note": "range | range-presets | field-datetime | field-date | field-time | slider"
|
|
709
737
|
},
|
|
710
738
|
{
|
|
711
739
|
"prop": "disabled",
|
|
@@ -717,19 +745,22 @@
|
|
|
717
745
|
"prop": "bordered",
|
|
718
746
|
"attribute": "bordered",
|
|
719
747
|
"type": "Boolean",
|
|
720
|
-
"default": "false"
|
|
748
|
+
"default": "false",
|
|
749
|
+
"note": "range trigger gets a --border-color frame"
|
|
721
750
|
},
|
|
722
751
|
{
|
|
723
752
|
"prop": "allowClear",
|
|
724
753
|
"attribute": "allow-clear",
|
|
725
754
|
"type": "Boolean",
|
|
726
|
-
"default": "false"
|
|
755
|
+
"default": "false",
|
|
756
|
+
"note": "attr allow-clear → times-circle × on the range pill"
|
|
727
757
|
},
|
|
728
758
|
{
|
|
729
759
|
"prop": "empty",
|
|
730
760
|
"attribute": "empty",
|
|
731
761
|
"type": "Boolean",
|
|
732
|
-
"default": "false"
|
|
762
|
+
"default": "false",
|
|
763
|
+
"note": "start with no selection (shows the 'Select Time' placeholder)"
|
|
733
764
|
},
|
|
734
765
|
{
|
|
735
766
|
"prop": "placeholder",
|
|
@@ -742,26 +773,31 @@
|
|
|
742
773
|
},
|
|
743
774
|
"obs-filters": {
|
|
744
775
|
"element": "ObsFilters",
|
|
745
|
-
"referenceOnly":
|
|
776
|
+
"referenceOnly": false,
|
|
746
777
|
"attributes": [
|
|
747
778
|
{
|
|
748
779
|
"prop": "kind",
|
|
749
780
|
"attribute": "kind",
|
|
750
781
|
"type": "String",
|
|
751
|
-
"default": "'bar'"
|
|
782
|
+
"default": "'bar'",
|
|
783
|
+
"note": "FUNCTIONAL CONTRACT (kind=\"bar\"): pass your own fields + read back the user's selection."
|
|
752
784
|
},
|
|
753
785
|
{
|
|
754
|
-
"prop": "
|
|
755
|
-
"attribute": "
|
|
756
|
-
"type": "String"
|
|
786
|
+
"prop": "fields",
|
|
787
|
+
"attribute": "fields",
|
|
788
|
+
"type": "[String,Array]",
|
|
789
|
+
"note": "[{ key, label, type:'enum'|'string', values:[…], selectAll? }] — array or JSON string"
|
|
757
790
|
},
|
|
758
791
|
{
|
|
759
|
-
"prop": "
|
|
760
|
-
"attribute": "
|
|
761
|
-
"type": "String"
|
|
792
|
+
"prop": "value",
|
|
793
|
+
"attribute": "value",
|
|
794
|
+
"type": "[String,Array]",
|
|
795
|
+
"note": "active conditions [{ field, operator, value }] — array or JSON string"
|
|
762
796
|
}
|
|
763
797
|
],
|
|
764
|
-
"events": [
|
|
798
|
+
"events": [
|
|
799
|
+
"change"
|
|
800
|
+
]
|
|
765
801
|
},
|
|
766
802
|
"obs-layout-appshell": {
|
|
767
803
|
"element": "ObsLayoutAppShell",
|
|
@@ -795,7 +831,8 @@
|
|
|
795
831
|
"prop": "anatomy",
|
|
796
832
|
"attribute": "anatomy",
|
|
797
833
|
"type": "Boolean",
|
|
798
|
-
"default": "false"
|
|
834
|
+
"default": "false",
|
|
835
|
+
"note": "the annotated region-callout diagram"
|
|
799
836
|
}
|
|
800
837
|
],
|
|
801
838
|
"events": []
|
|
@@ -833,7 +870,8 @@
|
|
|
833
870
|
"prop": "shape",
|
|
834
871
|
"attribute": "shape",
|
|
835
872
|
"type": "String",
|
|
836
|
-
"default": "'two-pane'"
|
|
873
|
+
"default": "'two-pane'",
|
|
874
|
+
"note": "single|two-pane|master-detail|dashboard|three-pane|chart-over-grid"
|
|
837
875
|
},
|
|
838
876
|
{
|
|
839
877
|
"prop": "toolbar",
|
|
@@ -851,7 +889,8 @@
|
|
|
851
889
|
"prop": "callouts",
|
|
852
890
|
"attribute": "callouts",
|
|
853
891
|
"type": "Boolean",
|
|
854
|
-
"default": "false"
|
|
892
|
+
"default": "false",
|
|
893
|
+
"note": "the annotated region-stack wireframe"
|
|
855
894
|
}
|
|
856
895
|
],
|
|
857
896
|
"events": []
|