@ni/ok-components 1.5.1 → 1.6.0

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 (28) hide show
  1. package/dist/all-components-bundle.js +1224 -412
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +5666 -5380
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/custom-elements.json +538 -215
  6. package/dist/custom-elements.md +81 -19
  7. package/dist/esm/fv/all-fv.d.ts +2 -0
  8. package/dist/esm/fv/all-fv.js +2 -0
  9. package/dist/esm/fv/all-fv.js.map +1 -1
  10. package/dist/esm/fv/master-detail-list/index.d.ts +50 -0
  11. package/dist/esm/fv/master-detail-list/index.js +176 -0
  12. package/dist/esm/fv/master-detail-list/index.js.map +1 -0
  13. package/dist/esm/fv/master-detail-list/styles.d.ts +1 -0
  14. package/dist/esm/fv/master-detail-list/styles.js +68 -0
  15. package/dist/esm/fv/master-detail-list/styles.js.map +1 -0
  16. package/dist/esm/fv/master-detail-list/template.d.ts +2 -0
  17. package/dist/esm/fv/master-detail-list/template.js +36 -0
  18. package/dist/esm/fv/master-detail-list/template.js.map +1 -0
  19. package/dist/esm/fv/master-detail-list-item/index.d.ts +32 -0
  20. package/dist/esm/fv/master-detail-list-item/index.js +86 -0
  21. package/dist/esm/fv/master-detail-list-item/index.js.map +1 -0
  22. package/dist/esm/fv/master-detail-list-item/styles.d.ts +1 -0
  23. package/dist/esm/fv/master-detail-list-item/styles.js +100 -0
  24. package/dist/esm/fv/master-detail-list-item/styles.js.map +1 -0
  25. package/dist/esm/fv/master-detail-list-item/template.d.ts +2 -0
  26. package/dist/esm/fv/master-detail-list-item/template.js +28 -0
  27. package/dist/esm/fv/master-detail-list-item/template.js.map +1 -0
  28. package/package.json +2 -2
@@ -185,206 +185,6 @@
185
185
  }
186
186
  ]
187
187
  },
188
- {
189
- "kind": "javascript-module",
190
- "path": "src/fv/card/index.ts",
191
- "declarations": [
192
- {
193
- "kind": "class",
194
- "description": "An opinionated card component for FV layouts with optional media,\nbadges, footer metadata, and action content.",
195
- "name": "FvCard",
196
- "members": [
197
- {
198
- "kind": "field",
199
- "name": "title",
200
- "type": {
201
- "text": "string"
202
- },
203
- "privacy": "public",
204
- "default": "''"
205
- },
206
- {
207
- "kind": "field",
208
- "name": "subtitle",
209
- "type": {
210
- "text": "string"
211
- },
212
- "privacy": "public",
213
- "default": "''"
214
- },
215
- {
216
- "kind": "field",
217
- "name": "description",
218
- "type": {
219
- "text": "string"
220
- },
221
- "privacy": "public",
222
- "default": "''"
223
- },
224
- {
225
- "kind": "field",
226
- "name": "appearance",
227
- "type": {
228
- "text": "FvCardAppearanceType"
229
- },
230
- "privacy": "public"
231
- },
232
- {
233
- "kind": "field",
234
- "name": "interactionMode",
235
- "type": {
236
- "text": "FvCardInteractionModeType"
237
- },
238
- "privacy": "public"
239
- },
240
- {
241
- "kind": "field",
242
- "name": "disabled",
243
- "type": {
244
- "text": "boolean"
245
- },
246
- "privacy": "public",
247
- "default": "false"
248
- },
249
- {
250
- "kind": "field",
251
- "name": "initials",
252
- "type": {
253
- "text": "string"
254
- },
255
- "privacy": "public",
256
- "default": "''"
257
- }
258
- ],
259
- "attributes": [
260
- {
261
- "name": "card-title",
262
- "type": {
263
- "text": "string"
264
- },
265
- "default": "''",
266
- "fieldName": "title"
267
- },
268
- {
269
- "name": "subtitle",
270
- "type": {
271
- "text": "string"
272
- },
273
- "default": "''",
274
- "fieldName": "subtitle"
275
- },
276
- {
277
- "name": "description",
278
- "type": {
279
- "text": "string"
280
- },
281
- "default": "''",
282
- "fieldName": "description"
283
- },
284
- {
285
- "name": "appearance",
286
- "type": {
287
- "text": "FvCardAppearanceType"
288
- },
289
- "fieldName": "appearance"
290
- },
291
- {
292
- "name": "interaction-mode",
293
- "type": {
294
- "text": "FvCardInteractionModeType"
295
- },
296
- "fieldName": "interactionMode"
297
- },
298
- {
299
- "name": "disabled",
300
- "type": {
301
- "text": "boolean"
302
- },
303
- "default": "false",
304
- "fieldName": "disabled"
305
- },
306
- {
307
- "name": "initials",
308
- "type": {
309
- "text": "string"
310
- },
311
- "default": "''",
312
- "fieldName": "initials"
313
- }
314
- ],
315
- "superclass": {
316
- "name": "FoundationElement",
317
- "package": "@ni/fast-foundation"
318
- }
319
- },
320
- {
321
- "kind": "variable",
322
- "name": "fvCardTag",
323
- "type": {
324
- "text": "string"
325
- },
326
- "default": "'ok-fv-card'"
327
- }
328
- ],
329
- "exports": [
330
- {
331
- "kind": "js",
332
- "name": "FvCard",
333
- "declaration": {
334
- "name": "FvCard",
335
- "module": "src/fv/card/index.ts"
336
- }
337
- },
338
- {
339
- "kind": "js",
340
- "name": "fvCardTag",
341
- "declaration": {
342
- "name": "fvCardTag",
343
- "module": "src/fv/card/index.ts"
344
- }
345
- }
346
- ]
347
- },
348
- {
349
- "kind": "javascript-module",
350
- "path": "src/fv/card/types.ts",
351
- "declarations": [
352
- {
353
- "kind": "variable",
354
- "name": "FvCardAppearance",
355
- "type": {
356
- "text": "{\n outline: 'outline',\n block: 'block'\n}"
357
- },
358
- "default": "{ outline: 'outline', block: 'block' }"
359
- },
360
- {
361
- "kind": "variable",
362
- "name": "FvCardInteractionMode",
363
- "type": {
364
- "text": "{\n static: 'static',\n card: 'card'\n}"
365
- },
366
- "default": "{ static: 'static', card: 'card' }"
367
- }
368
- ],
369
- "exports": [
370
- {
371
- "kind": "js",
372
- "name": "FvCardAppearance",
373
- "declaration": {
374
- "name": "FvCardAppearance",
375
- "module": "src/fv/card/types.ts"
376
- }
377
- },
378
- {
379
- "kind": "js",
380
- "name": "FvCardInteractionMode",
381
- "declaration": {
382
- "name": "FvCardInteractionMode",
383
- "module": "src/fv/card/types.ts"
384
- }
385
- }
386
- ]
387
- },
388
188
  {
389
189
  "kind": "javascript-module",
390
190
  "path": "src/fv/chip-selector/index.ts",
@@ -685,16 +485,16 @@
685
485
  },
686
486
  {
687
487
  "kind": "javascript-module",
688
- "path": "src/fv/context-help/index.ts",
488
+ "path": "src/fv/card/index.ts",
689
489
  "declarations": [
690
490
  {
691
491
  "kind": "class",
692
- "description": "An info trigger with an attached tooltip for lightweight contextual guidance.",
693
- "name": "FvContextHelp",
492
+ "description": "An opinionated card component for FV layouts with optional media,\nbadges, footer metadata, and action content.",
493
+ "name": "FvCard",
694
494
  "members": [
695
495
  {
696
496
  "kind": "field",
697
- "name": "text",
497
+ "name": "title",
698
498
  "type": {
699
499
  "text": "string"
700
500
  },
@@ -703,50 +503,399 @@
703
503
  },
704
504
  {
705
505
  "kind": "field",
706
- "name": "triggerLabel",
506
+ "name": "subtitle",
707
507
  "type": {
708
508
  "text": "string"
709
509
  },
710
510
  "privacy": "public",
711
- "default": "'Show help'"
511
+ "default": "''"
712
512
  },
713
513
  {
714
514
  "kind": "field",
715
- "name": "severity",
515
+ "name": "description",
716
516
  "type": {
717
- "text": "FvContextHelpSeverity"
517
+ "text": "string"
518
+ },
519
+ "privacy": "public",
520
+ "default": "''"
521
+ },
522
+ {
523
+ "kind": "field",
524
+ "name": "appearance",
525
+ "type": {
526
+ "text": "FvCardAppearanceType"
718
527
  },
719
528
  "privacy": "public"
720
529
  },
721
530
  {
722
531
  "kind": "field",
723
- "name": "iconVisible",
532
+ "name": "interactionMode",
533
+ "type": {
534
+ "text": "FvCardInteractionModeType"
535
+ },
536
+ "privacy": "public"
537
+ },
538
+ {
539
+ "kind": "field",
540
+ "name": "disabled",
724
541
  "type": {
725
542
  "text": "boolean"
726
543
  },
727
544
  "privacy": "public",
728
545
  "default": "false"
546
+ },
547
+ {
548
+ "kind": "field",
549
+ "name": "initials",
550
+ "type": {
551
+ "text": "string"
552
+ },
553
+ "privacy": "public",
554
+ "default": "''"
729
555
  }
730
556
  ],
731
557
  "attributes": [
732
558
  {
733
- "name": "text",
559
+ "name": "card-title",
734
560
  "type": {
735
561
  "text": "string"
736
562
  },
737
563
  "default": "''",
738
- "fieldName": "text"
564
+ "fieldName": "title"
739
565
  },
740
566
  {
741
- "name": "trigger-label",
567
+ "name": "subtitle",
742
568
  "type": {
743
569
  "text": "string"
744
570
  },
745
- "default": "'Show help'",
746
- "fieldName": "triggerLabel"
571
+ "default": "''",
572
+ "fieldName": "subtitle"
747
573
  },
748
574
  {
749
- "name": "severity",
575
+ "name": "description",
576
+ "type": {
577
+ "text": "string"
578
+ },
579
+ "default": "''",
580
+ "fieldName": "description"
581
+ },
582
+ {
583
+ "name": "appearance",
584
+ "type": {
585
+ "text": "FvCardAppearanceType"
586
+ },
587
+ "fieldName": "appearance"
588
+ },
589
+ {
590
+ "name": "interaction-mode",
591
+ "type": {
592
+ "text": "FvCardInteractionModeType"
593
+ },
594
+ "fieldName": "interactionMode"
595
+ },
596
+ {
597
+ "name": "disabled",
598
+ "type": {
599
+ "text": "boolean"
600
+ },
601
+ "default": "false",
602
+ "fieldName": "disabled"
603
+ },
604
+ {
605
+ "name": "initials",
606
+ "type": {
607
+ "text": "string"
608
+ },
609
+ "default": "''",
610
+ "fieldName": "initials"
611
+ }
612
+ ],
613
+ "superclass": {
614
+ "name": "FoundationElement",
615
+ "package": "@ni/fast-foundation"
616
+ }
617
+ },
618
+ {
619
+ "kind": "variable",
620
+ "name": "fvCardTag",
621
+ "type": {
622
+ "text": "string"
623
+ },
624
+ "default": "'ok-fv-card'"
625
+ }
626
+ ],
627
+ "exports": [
628
+ {
629
+ "kind": "js",
630
+ "name": "FvCard",
631
+ "declaration": {
632
+ "name": "FvCard",
633
+ "module": "src/fv/card/index.ts"
634
+ }
635
+ },
636
+ {
637
+ "kind": "js",
638
+ "name": "fvCardTag",
639
+ "declaration": {
640
+ "name": "fvCardTag",
641
+ "module": "src/fv/card/index.ts"
642
+ }
643
+ }
644
+ ]
645
+ },
646
+ {
647
+ "kind": "javascript-module",
648
+ "path": "src/fv/card/types.ts",
649
+ "declarations": [
650
+ {
651
+ "kind": "variable",
652
+ "name": "FvCardAppearance",
653
+ "type": {
654
+ "text": "{\n outline: 'outline',\n block: 'block'\n}"
655
+ },
656
+ "default": "{ outline: 'outline', block: 'block' }"
657
+ },
658
+ {
659
+ "kind": "variable",
660
+ "name": "FvCardInteractionMode",
661
+ "type": {
662
+ "text": "{\n static: 'static',\n card: 'card'\n}"
663
+ },
664
+ "default": "{ static: 'static', card: 'card' }"
665
+ }
666
+ ],
667
+ "exports": [
668
+ {
669
+ "kind": "js",
670
+ "name": "FvCardAppearance",
671
+ "declaration": {
672
+ "name": "FvCardAppearance",
673
+ "module": "src/fv/card/types.ts"
674
+ }
675
+ },
676
+ {
677
+ "kind": "js",
678
+ "name": "FvCardInteractionMode",
679
+ "declaration": {
680
+ "name": "FvCardInteractionMode",
681
+ "module": "src/fv/card/types.ts"
682
+ }
683
+ }
684
+ ]
685
+ },
686
+ {
687
+ "kind": "javascript-module",
688
+ "path": "src/fv/master-detail-list/index.ts",
689
+ "declarations": [
690
+ {
691
+ "kind": "class",
692
+ "description": "A filterable master-detail list with keyboard selection.",
693
+ "name": "FvMasterDetailList",
694
+ "members": [
695
+ {
696
+ "kind": "field",
697
+ "name": "placeholder",
698
+ "type": {
699
+ "text": "string"
700
+ },
701
+ "privacy": "public",
702
+ "default": "'Filter items...'"
703
+ },
704
+ {
705
+ "kind": "field",
706
+ "name": "filterInput",
707
+ "type": {
708
+ "text": "HTMLInputElement | null"
709
+ },
710
+ "privacy": "private",
711
+ "default": "null"
712
+ },
713
+ {
714
+ "kind": "field",
715
+ "name": "selectedItem",
716
+ "type": {
717
+ "text": "FvMasterDetailListItem | null"
718
+ },
719
+ "privacy": "private",
720
+ "default": "null"
721
+ },
722
+ {
723
+ "kind": "field",
724
+ "name": "visibleItems",
725
+ "type": {
726
+ "text": "FvMasterDetailListItem[]"
727
+ },
728
+ "privacy": "private",
729
+ "readonly": true
730
+ },
731
+ {
732
+ "kind": "method",
733
+ "name": "refreshItems",
734
+ "privacy": "private",
735
+ "return": {
736
+ "type": {
737
+ "text": "void"
738
+ }
739
+ }
740
+ },
741
+ {
742
+ "kind": "method",
743
+ "name": "applyFilter",
744
+ "privacy": "private",
745
+ "return": {
746
+ "type": {
747
+ "text": "void"
748
+ }
749
+ },
750
+ "parameters": [
751
+ {
752
+ "name": "emitSelectionChange",
753
+ "type": {
754
+ "text": "boolean"
755
+ }
756
+ }
757
+ ]
758
+ },
759
+ {
760
+ "kind": "method",
761
+ "name": "setSelectedItem",
762
+ "privacy": "private",
763
+ "return": {
764
+ "type": {
765
+ "text": "void"
766
+ }
767
+ },
768
+ "parameters": [
769
+ {
770
+ "name": "nextItem",
771
+ "type": {
772
+ "text": "FvMasterDetailListItem | null"
773
+ }
774
+ },
775
+ {
776
+ "name": "emitChange",
777
+ "type": {
778
+ "text": "boolean"
779
+ }
780
+ }
781
+ ]
782
+ }
783
+ ],
784
+ "events": [
785
+ {
786
+ "name": "change",
787
+ "type": {
788
+ "text": "CustomEvent"
789
+ }
790
+ }
791
+ ],
792
+ "attributes": [
793
+ {
794
+ "name": "placeholder",
795
+ "type": {
796
+ "text": "string"
797
+ },
798
+ "default": "'Filter items...'",
799
+ "fieldName": "placeholder"
800
+ }
801
+ ],
802
+ "superclass": {
803
+ "name": "FoundationElement",
804
+ "package": "@ni/fast-foundation"
805
+ }
806
+ },
807
+ {
808
+ "kind": "variable",
809
+ "name": "fvMasterDetailListTag",
810
+ "type": {
811
+ "text": "string"
812
+ },
813
+ "default": "'ok-fv-master-detail-list'"
814
+ }
815
+ ],
816
+ "exports": [
817
+ {
818
+ "kind": "js",
819
+ "name": "FvMasterDetailList",
820
+ "declaration": {
821
+ "name": "FvMasterDetailList",
822
+ "module": "src/fv/master-detail-list/index.ts"
823
+ }
824
+ },
825
+ {
826
+ "kind": "js",
827
+ "name": "fvMasterDetailListTag",
828
+ "declaration": {
829
+ "name": "fvMasterDetailListTag",
830
+ "module": "src/fv/master-detail-list/index.ts"
831
+ }
832
+ }
833
+ ]
834
+ },
835
+ {
836
+ "kind": "javascript-module",
837
+ "path": "src/fv/context-help/index.ts",
838
+ "declarations": [
839
+ {
840
+ "kind": "class",
841
+ "description": "An info trigger with an attached tooltip for lightweight contextual guidance.",
842
+ "name": "FvContextHelp",
843
+ "members": [
844
+ {
845
+ "kind": "field",
846
+ "name": "text",
847
+ "type": {
848
+ "text": "string"
849
+ },
850
+ "privacy": "public",
851
+ "default": "''"
852
+ },
853
+ {
854
+ "kind": "field",
855
+ "name": "triggerLabel",
856
+ "type": {
857
+ "text": "string"
858
+ },
859
+ "privacy": "public",
860
+ "default": "'Show help'"
861
+ },
862
+ {
863
+ "kind": "field",
864
+ "name": "severity",
865
+ "type": {
866
+ "text": "FvContextHelpSeverity"
867
+ },
868
+ "privacy": "public"
869
+ },
870
+ {
871
+ "kind": "field",
872
+ "name": "iconVisible",
873
+ "type": {
874
+ "text": "boolean"
875
+ },
876
+ "privacy": "public",
877
+ "default": "false"
878
+ }
879
+ ],
880
+ "attributes": [
881
+ {
882
+ "name": "text",
883
+ "type": {
884
+ "text": "string"
885
+ },
886
+ "default": "''",
887
+ "fieldName": "text"
888
+ },
889
+ {
890
+ "name": "trigger-label",
891
+ "type": {
892
+ "text": "string"
893
+ },
894
+ "default": "'Show help'",
895
+ "fieldName": "triggerLabel"
896
+ },
897
+ {
898
+ "name": "severity",
750
899
  "type": {
751
900
  "text": "FvContextHelpSeverity"
752
901
  },
@@ -808,6 +957,180 @@
808
957
  "declarations": [],
809
958
  "exports": []
810
959
  },
960
+ {
961
+ "kind": "javascript-module",
962
+ "path": "src/fv/master-detail-list-item/index.ts",
963
+ "declarations": [
964
+ {
965
+ "kind": "class",
966
+ "description": "A selectable master-detail list item with title, subtitle, and optional status content.",
967
+ "name": "FvMasterDetailListItem",
968
+ "members": [
969
+ {
970
+ "kind": "field",
971
+ "name": "titleText",
972
+ "type": {
973
+ "text": "string"
974
+ },
975
+ "privacy": "public",
976
+ "default": "''"
977
+ },
978
+ {
979
+ "kind": "field",
980
+ "name": "subtitle",
981
+ "type": {
982
+ "text": "string"
983
+ },
984
+ "privacy": "public",
985
+ "default": "''"
986
+ },
987
+ {
988
+ "kind": "field",
989
+ "name": "value",
990
+ "type": {
991
+ "text": "string"
992
+ },
993
+ "privacy": "public",
994
+ "default": "''"
995
+ },
996
+ {
997
+ "kind": "field",
998
+ "name": "compact",
999
+ "type": {
1000
+ "text": "boolean"
1001
+ },
1002
+ "privacy": "public",
1003
+ "default": "false"
1004
+ },
1005
+ {
1006
+ "kind": "field",
1007
+ "name": "selected",
1008
+ "type": {
1009
+ "text": "boolean"
1010
+ },
1011
+ "privacy": "public",
1012
+ "default": "false"
1013
+ },
1014
+ {
1015
+ "kind": "field",
1016
+ "name": "statusColor",
1017
+ "type": {
1018
+ "text": "string"
1019
+ },
1020
+ "privacy": "public",
1021
+ "default": "''"
1022
+ },
1023
+ {
1024
+ "kind": "field",
1025
+ "name": "statusLabel",
1026
+ "type": {
1027
+ "text": "string"
1028
+ },
1029
+ "privacy": "public",
1030
+ "default": "''"
1031
+ },
1032
+ {
1033
+ "kind": "method",
1034
+ "name": "syncSelectionAria",
1035
+ "privacy": "private",
1036
+ "return": {
1037
+ "type": {
1038
+ "text": "void"
1039
+ }
1040
+ }
1041
+ }
1042
+ ],
1043
+ "attributes": [
1044
+ {
1045
+ "name": "title-text",
1046
+ "type": {
1047
+ "text": "string"
1048
+ },
1049
+ "default": "''",
1050
+ "fieldName": "titleText"
1051
+ },
1052
+ {
1053
+ "name": "subtitle",
1054
+ "type": {
1055
+ "text": "string"
1056
+ },
1057
+ "default": "''",
1058
+ "fieldName": "subtitle"
1059
+ },
1060
+ {
1061
+ "name": "value",
1062
+ "type": {
1063
+ "text": "string"
1064
+ },
1065
+ "default": "''",
1066
+ "fieldName": "value"
1067
+ },
1068
+ {
1069
+ "name": "compact",
1070
+ "type": {
1071
+ "text": "boolean"
1072
+ },
1073
+ "default": "false",
1074
+ "fieldName": "compact"
1075
+ },
1076
+ {
1077
+ "name": "selected",
1078
+ "type": {
1079
+ "text": "boolean"
1080
+ },
1081
+ "default": "false",
1082
+ "fieldName": "selected"
1083
+ },
1084
+ {
1085
+ "name": "status-color",
1086
+ "type": {
1087
+ "text": "string"
1088
+ },
1089
+ "default": "''",
1090
+ "fieldName": "statusColor"
1091
+ },
1092
+ {
1093
+ "name": "status-label",
1094
+ "type": {
1095
+ "text": "string"
1096
+ },
1097
+ "default": "''",
1098
+ "fieldName": "statusLabel"
1099
+ }
1100
+ ],
1101
+ "superclass": {
1102
+ "name": "FoundationElement",
1103
+ "package": "@ni/fast-foundation"
1104
+ }
1105
+ },
1106
+ {
1107
+ "kind": "variable",
1108
+ "name": "fvMasterDetailListItemTag",
1109
+ "type": {
1110
+ "text": "string"
1111
+ },
1112
+ "default": "'ok-fv-master-detail-list-item'"
1113
+ }
1114
+ ],
1115
+ "exports": [
1116
+ {
1117
+ "kind": "js",
1118
+ "name": "FvMasterDetailListItem",
1119
+ "declaration": {
1120
+ "name": "FvMasterDetailListItem",
1121
+ "module": "src/fv/master-detail-list-item/index.ts"
1122
+ }
1123
+ },
1124
+ {
1125
+ "kind": "js",
1126
+ "name": "fvMasterDetailListItemTag",
1127
+ "declaration": {
1128
+ "name": "fvMasterDetailListItemTag",
1129
+ "module": "src/fv/master-detail-list-item/index.ts"
1130
+ }
1131
+ }
1132
+ ]
1133
+ },
811
1134
  {
812
1135
  "kind": "javascript-module",
813
1136
  "path": "src/fv/search-input/index.ts",