@nordhealth/components 1.0.0-alpha.42 → 1.0.0-alpha.43

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 (20) hide show
  1. package/custom-elements.json +796 -698
  2. package/lib/Button.js +1 -1
  3. package/lib/Button.js.map +1 -1
  4. package/lib/FormField-ba861a0b.js +2 -0
  5. package/lib/FormField-ba861a0b.js.map +1 -0
  6. package/lib/Input.js +1 -1
  7. package/lib/Input.js.map +1 -1
  8. package/lib/Select.js +1 -1
  9. package/lib/Select.js.map +1 -1
  10. package/lib/Table.js +1 -1
  11. package/lib/Textarea.js +1 -1
  12. package/lib/Textarea.js.map +1 -1
  13. package/lib/index.js +1 -1
  14. package/lib/src/button/Button.d.ts +1 -3
  15. package/lib/src/common/mixins/FormAssociatedMixin.d.ts +1 -0
  16. package/lib/src/input/Input.d.ts +1 -0
  17. package/lib/src/input/Input.test.d.ts +1 -0
  18. package/package.json +2 -2
  19. package/lib/FormField-6bddeef9.js +0 -2
  20. package/lib/FormField-6bddeef9.js.map +0 -1
package/custom-elements.json CHANGED
@@ -225,7 +225,7 @@
225
225
  "members": [
226
226
  {
227
227
  "kind": "field",
228
- "name": "_proxyButton",
228
+ "name": "buttonRef",
229
229
  "privacy": "private"
230
230
  },
231
231
  {
@@ -318,11 +318,6 @@
318
318
  "name": "syncProxyButton",
319
319
  "privacy": "private"
320
320
  },
321
- {
322
- "kind": "method",
323
- "name": "cleanupProxyButton",
324
- "privacy": "private"
325
- },
326
321
  {
327
322
  "kind": "field",
328
323
  "name": "disabled",
@@ -681,277 +676,349 @@
681
676
  },
682
677
  {
683
678
  "kind": "javascript-module",
684
- "path": "src/command-menu/CommandMenu.ts",
679
+ "path": "src/common/collection.ts",
685
680
  "declarations": [
686
681
  {
687
- "kind": "class",
688
- "description": "Command Menu allows users to navigate and use an app without touching the mouse and helps them transform into “power users” who can harness more advanced features far faster.",
689
- "name": "CommandMenu",
690
- "slots": [
691
- {
692
- "description": "Used to replace the default footer contents.",
693
- "name": "footer"
694
- }
695
- ],
696
- "members": [
697
- {
698
- "kind": "field",
699
- "name": "inputRef",
700
- "privacy": "private"
701
- },
702
- {
703
- "kind": "field",
704
- "name": "listRef",
705
- "privacy": "private"
706
- },
682
+ "kind": "function",
683
+ "name": "groupBy",
684
+ "parameters": [
707
685
  {
708
- "kind": "field",
709
- "name": "previousFocus",
686
+ "name": "array",
710
687
  "type": {
711
- "text": "HTMLElement | undefined"
688
+ "text": "Array<TObject>"
712
689
  },
713
- "privacy": "private"
714
- },
715
- {
716
- "kind": "field",
717
- "name": "dismissController",
718
- "privacy": "private",
719
- "default": "new LightDismissController(this, {\n isOpen: () => this.open,\n onDismiss: () => this.close(),\n })"
720
- },
721
- {
722
- "kind": "field",
723
- "name": "keyboardController",
724
- "privacy": "private",
725
- "default": "new KeyboardController(this, {\n trigger: () => this.select(),\n goBack: () => this.goBack(),\n end: () => this.end(),\n start: () => this.start(),\n next: () => this.next(),\n previous: () => this.previous(),\n toggleOpen: () => this.toggleOpen(),\n })"
690
+ "description": "the collection of objects to group"
726
691
  },
727
692
  {
728
- "kind": "field",
729
- "name": "open",
693
+ "name": "key",
730
694
  "type": {
731
- "text": "boolean"
695
+ "text": "TKey"
732
696
  },
733
- "default": "false",
734
- "description": "Show or hide the command menu.",
735
- "attribute": "open"
736
- },
697
+ "description": "the property to group by"
698
+ }
699
+ ],
700
+ "description": "Groups an array objects by property value",
701
+ "return": {
702
+ "type": {
703
+ "text": ""
704
+ }
705
+ }
706
+ }
707
+ ],
708
+ "exports": [
709
+ {
710
+ "kind": "js",
711
+ "name": "groupBy",
712
+ "declaration": {
713
+ "name": "groupBy",
714
+ "module": "src/common/collection.ts"
715
+ }
716
+ }
717
+ ]
718
+ },
719
+ {
720
+ "kind": "javascript-module",
721
+ "path": "src/common/events.ts",
722
+ "declarations": [
723
+ {
724
+ "kind": "class",
725
+ "description": "A base class for events which defaults to bubbling and composed",
726
+ "name": "NordEvent",
727
+ "superclass": {
728
+ "name": "Event",
729
+ "module": "src/common/events.ts"
730
+ },
731
+ "status": null,
732
+ "category": null
733
+ }
734
+ ],
735
+ "exports": [
736
+ {
737
+ "kind": "js",
738
+ "name": "NordEvent",
739
+ "declaration": {
740
+ "name": "NordEvent",
741
+ "module": "src/common/events.ts"
742
+ }
743
+ }
744
+ ]
745
+ },
746
+ {
747
+ "kind": "javascript-module",
748
+ "path": "src/common/focus.ts",
749
+ "declarations": [
750
+ {
751
+ "kind": "function",
752
+ "name": "getFocusedElement",
753
+ "return": {
754
+ "type": {
755
+ "text": "Element | undefined"
756
+ }
757
+ },
758
+ "parameters": [
737
759
  {
738
- "kind": "field",
739
- "name": "placeholder",
760
+ "name": "root",
740
761
  "type": {
741
- "text": "string"
742
- },
743
- "default": "\"Type a command or search...\"",
744
- "description": "Hint text to display in the search field.",
745
- "attribute": "placeholder"
746
- },
762
+ "text": "Document | ShadowRoot"
763
+ }
764
+ }
765
+ ],
766
+ "description": "Gets the currently focused element, taking shadow roots into account."
767
+ }
768
+ ],
769
+ "exports": [
770
+ {
771
+ "kind": "js",
772
+ "name": "getFocusedElement",
773
+ "declaration": {
774
+ "name": "getFocusedElement",
775
+ "module": "src/common/focus.ts"
776
+ }
777
+ }
778
+ ]
779
+ },
780
+ {
781
+ "kind": "javascript-module",
782
+ "path": "src/common/number.ts",
783
+ "declarations": [
784
+ {
785
+ "kind": "function",
786
+ "name": "wrap",
787
+ "parameters": [
747
788
  {
748
- "kind": "field",
749
- "name": "commands",
789
+ "name": "val",
750
790
  "type": {
751
- "text": "Array<ICommandMenuAction>"
752
- },
753
- "default": "[]",
754
- "description": "Array of commands to be included in the menu."
791
+ "text": "number"
792
+ }
755
793
  },
756
794
  {
757
- "kind": "field",
758
- "name": "parent",
795
+ "name": "min",
759
796
  "type": {
760
- "text": "string | undefined"
761
- },
762
- "privacy": "private"
797
+ "text": "number"
798
+ }
763
799
  },
764
800
  {
765
- "kind": "field",
766
- "name": "search",
801
+ "name": "max",
767
802
  "type": {
768
- "text": "string"
769
- },
770
- "privacy": "private",
771
- "default": "\"\""
772
- },
803
+ "text": "number"
804
+ }
805
+ }
806
+ ],
807
+ "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
808
+ }
809
+ ],
810
+ "exports": [
811
+ {
812
+ "kind": "js",
813
+ "name": "wrap",
814
+ "declaration": {
815
+ "name": "wrap",
816
+ "module": "src/common/number.ts"
817
+ }
818
+ }
819
+ ]
820
+ },
821
+ {
822
+ "kind": "javascript-module",
823
+ "path": "src/common/ref.ts",
824
+ "declarations": [
825
+ {
826
+ "kind": "function",
827
+ "name": "mergeRefs",
828
+ "return": {
829
+ "type": {
830
+ "text": "RefCallback"
831
+ }
832
+ },
833
+ "parameters": [
773
834
  {
774
- "kind": "field",
775
- "name": "bump",
835
+ "name": "refs",
776
836
  "type": {
777
- "text": "boolean"
778
- },
779
- "privacy": "private",
780
- "default": "true"
781
- },
837
+ "text": "Ref[]"
838
+ }
839
+ }
840
+ ],
841
+ "description": "Creates a ref callback which will assign the element to every given ref"
842
+ }
843
+ ],
844
+ "exports": [
845
+ {
846
+ "kind": "js",
847
+ "name": "mergeRefs",
848
+ "declaration": {
849
+ "name": "mergeRefs",
850
+ "module": "src/common/ref.ts"
851
+ }
852
+ }
853
+ ]
854
+ },
855
+ {
856
+ "kind": "javascript-module",
857
+ "path": "src/icon/Icon.ts",
858
+ "declarations": [
859
+ {
860
+ "kind": "class",
861
+ "description": "Icons are used to provide additional meaning or in places where text label doesn’t fit.\nIcon component allows you to display an icon from the Nordicons library.",
862
+ "name": "Icon",
863
+ "members": [
782
864
  {
783
865
  "kind": "field",
784
- "name": "selectedIndex",
866
+ "name": "resolver",
785
867
  "type": {
786
- "text": "number"
868
+ "text": "IconResolver"
787
869
  },
788
870
  "privacy": "private",
789
- "default": "0"
871
+ "static": true
790
872
  },
791
873
  {
792
874
  "kind": "field",
793
- "name": "filteredCommands",
794
- "type": {
795
- "text": "Array<ICommandMenuAction>"
796
- },
875
+ "name": "registeredIcons",
797
876
  "privacy": "private",
798
- "default": "[]"
799
- },
800
- {
801
- "kind": "field",
802
- "name": "selected",
803
- "type": {
804
- "text": "ICommandMenuAction"
805
- },
806
- "privacy": "private"
877
+ "static": true,
878
+ "default": "new Map<string, string>()"
807
879
  },
808
880
  {
809
881
  "kind": "method",
810
- "name": "show",
882
+ "name": "registerResolver",
883
+ "static": true,
811
884
  "parameters": [
812
885
  {
813
- "name": "options",
814
- "default": "{}",
886
+ "name": "resolver",
815
887
  "type": {
816
- "text": "{ parent?: string }"
888
+ "text": "IconResolver"
817
889
  },
818
- "description": "allows you to open the menu filtered to a specific parent command."
890
+ "description": "The resolver function to register."
819
891
  }
820
892
  ],
821
- "description": "Show the command menu programmatically."
822
- },
823
- {
824
- "kind": "method",
825
- "name": "close",
826
- "description": "Close the command menu programmatically."
827
- },
828
- {
829
- "kind": "method",
830
- "name": "toggleOpen",
831
- "description": "Toggle the open state programmatically."
832
- },
833
- {
834
- "kind": "method",
835
- "name": "focus",
836
- "description": "Focus the command menu's input."
893
+ "description": "Register a custom icon resolver, which accepts the icon name as an parameter, and returns an SVG string.\nCan return a string synchronously, or a promise of a string.\nBy default, will load icons from the Nord CDN."
837
894
  },
838
895
  {
839
896
  "kind": "method",
840
- "name": "renderNoResults",
841
- "privacy": "private"
897
+ "name": "registerIcon",
898
+ "static": true,
899
+ "return": {
900
+ "type": {
901
+ "text": "void"
902
+ }
903
+ },
904
+ "parameters": [
905
+ {
906
+ "name": "icon",
907
+ "type": {
908
+ "text": "{ title: string; default: string }"
909
+ },
910
+ "description": "An object representing the icon to be registered, where \"title\" is the icon's name, and \"default\" is the SVG string.\nThis is intended to be used in cases where you import an icon's entire ES module and register it directly."
911
+ }
912
+ ],
913
+ "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
842
914
  },
843
915
  {
844
916
  "kind": "method",
845
- "name": "renderSection",
846
- "privacy": "private",
917
+ "name": "registerIcon",
918
+ "static": true,
919
+ "return": {
920
+ "type": {
921
+ "text": "void"
922
+ }
923
+ },
847
924
  "parameters": [
848
925
  {
849
- "name": "section",
926
+ "name": "name",
850
927
  "type": {
851
- "text": "string | undefined"
852
- }
928
+ "text": "string"
929
+ },
930
+ "description": "The name of the icon to be registered."
853
931
  },
854
932
  {
855
- "name": "commands",
933
+ "name": "icon",
856
934
  "type": {
857
- "text": "ICommandMenuAction[]"
858
- }
935
+ "text": "string"
936
+ },
937
+ "description": "The SVG string for the icon."
859
938
  }
860
- ]
861
- },
862
- {
863
- "kind": "method",
864
- "name": "handleAnimationEnd",
865
- "privacy": "private"
866
- },
867
- {
868
- "kind": "method",
869
- "name": "handleBlur",
870
- "privacy": "private"
939
+ ],
940
+ "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
871
941
  },
872
942
  {
873
943
  "kind": "method",
874
- "name": "handleInput",
875
- "privacy": "private",
944
+ "name": "registerIcon",
945
+ "static": true,
876
946
  "parameters": [
877
947
  {
878
- "name": "event",
948
+ "name": "iconOrName",
879
949
  "type": {
880
- "text": "KeyboardEvent"
950
+ "text": "string | { title: string; default: string }"
881
951
  }
882
- }
883
- ]
884
- },
885
- {
886
- "kind": "method",
887
- "name": "select",
888
- "privacy": "private",
889
- "parameters": [
952
+ },
890
953
  {
891
- "name": "command",
892
- "default": "this.selected",
954
+ "name": "icon",
955
+ "optional": true,
893
956
  "type": {
894
- "text": "ICommandMenuAction"
957
+ "text": "string"
895
958
  }
896
959
  }
897
960
  ]
898
961
  },
899
962
  {
900
- "kind": "method",
901
- "name": "start",
902
- "privacy": "private"
903
- },
904
- {
905
- "kind": "method",
906
- "name": "end",
907
- "privacy": "private"
963
+ "kind": "field",
964
+ "name": "name",
965
+ "type": {
966
+ "text": "string"
967
+ },
968
+ "default": "\"\"",
969
+ "description": "The name of the icon to display, as defined by nordicons.",
970
+ "attribute": "name",
971
+ "reflects": true
908
972
  },
909
973
  {
910
- "kind": "method",
911
- "name": "next",
912
- "privacy": "private"
974
+ "kind": "field",
975
+ "name": "size",
976
+ "type": {
977
+ "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
978
+ },
979
+ "default": "\"m\"",
980
+ "description": "The size of the icon.",
981
+ "attribute": "size",
982
+ "reflects": true
913
983
  },
914
984
  {
915
- "kind": "method",
916
- "name": "previous",
917
- "privacy": "private"
985
+ "kind": "field",
986
+ "name": "color",
987
+ "type": {
988
+ "text": "string | undefined"
989
+ },
990
+ "description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
991
+ "attribute": "color",
992
+ "reflects": true
918
993
  },
919
994
  {
920
- "kind": "method",
921
- "name": "goBack",
922
- "privacy": "private"
995
+ "kind": "field",
996
+ "name": "label",
997
+ "type": {
998
+ "text": "string | undefined"
999
+ },
1000
+ "description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
1001
+ "attribute": "label",
1002
+ "reflects": true
923
1003
  },
924
1004
  {
925
- "kind": "method",
926
- "name": "setParent",
1005
+ "kind": "field",
1006
+ "name": "svg",
1007
+ "type": {
1008
+ "text": "string"
1009
+ },
927
1010
  "privacy": "private",
928
- "parameters": [
929
- {
930
- "name": "parent",
931
- "optional": true,
932
- "type": {
933
- "text": "string"
934
- }
935
- }
936
- ]
1011
+ "default": "\"\""
937
1012
  },
938
1013
  {
939
1014
  "kind": "method",
940
- "name": "setSearch",
1015
+ "name": "resolve",
941
1016
  "privacy": "private",
942
- "parameters": [
943
- {
944
- "name": "str",
945
- "type": {
946
- "text": "string"
947
- }
1017
+ "return": {
1018
+ "type": {
1019
+ "text": "string | Promise<string>"
948
1020
  }
949
- ]
950
- },
951
- {
952
- "kind": "method",
953
- "name": "filterCommands",
954
- "privacy": "private"
1021
+ }
955
1022
  },
956
1023
  {
957
1024
  "kind": "field",
@@ -968,47 +1035,40 @@
968
1035
  }
969
1036
  }
970
1037
  ],
971
- "events": [
1038
+ "attributes": [
972
1039
  {
973
- "name": "open",
1040
+ "name": "name",
974
1041
  "type": {
975
- "text": "NordEvent"
1042
+ "text": "string"
976
1043
  },
977
- "description": "The command menu was opened foo."
1044
+ "default": "\"\"",
1045
+ "description": "The name of the icon to display, as defined by nordicons.",
1046
+ "fieldName": "name"
978
1047
  },
979
1048
  {
980
- "name": "close",
1049
+ "name": "size",
981
1050
  "type": {
982
- "text": "NordEvent"
1051
+ "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
983
1052
  },
984
- "description": "The command menu was closed bar."
1053
+ "default": "\"m\"",
1054
+ "description": "The size of the icon.",
1055
+ "fieldName": "size"
985
1056
  },
986
1057
  {
1058
+ "name": "color",
987
1059
  "type": {
988
- "text": "SelectEvent"
989
- },
990
- "description": "User selected a command from the menu.",
991
- "name": "n-select"
992
- }
993
- ],
994
- "attributes": [
995
- {
996
- "name": "open",
997
- "type": {
998
- "text": "boolean"
1060
+ "text": "string | undefined"
999
1061
  },
1000
- "default": "false",
1001
- "description": "Show or hide the command menu.",
1002
- "fieldName": "open"
1062
+ "description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
1063
+ "fieldName": "color"
1003
1064
  },
1004
1065
  {
1005
- "name": "placeholder",
1066
+ "name": "label",
1006
1067
  "type": {
1007
- "text": "string"
1068
+ "text": "string | undefined"
1008
1069
  },
1009
- "default": "\"Type a command or search...\"",
1010
- "description": "Hint text to display in the search field.",
1011
- "fieldName": "placeholder"
1070
+ "description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
1071
+ "fieldName": "label"
1012
1072
  }
1013
1073
  ],
1014
1074
  "mixins": [
@@ -1022,8 +1082,8 @@
1022
1082
  "package": "lit"
1023
1083
  },
1024
1084
  "status": "draft",
1025
- "category": "action",
1026
- "tagName": "nord-command-menu",
1085
+ "category": "image",
1086
+ "tagName": "nord-icon",
1027
1087
  "customElement": true
1028
1088
  }
1029
1089
  ],
@@ -1032,375 +1092,293 @@
1032
1092
  "kind": "js",
1033
1093
  "name": "default",
1034
1094
  "declaration": {
1035
- "name": "CommandMenu",
1036
- "module": "src/command-menu/CommandMenu.ts"
1095
+ "name": "Icon",
1096
+ "module": "src/icon/Icon.ts"
1037
1097
  }
1038
1098
  },
1039
1099
  {
1040
1100
  "kind": "custom-element-definition",
1041
- "name": "nord-command-menu",
1101
+ "name": "nord-icon",
1042
1102
  "declaration": {
1043
- "name": "CommandMenu",
1044
- "module": "src/command-menu/CommandMenu.ts"
1103
+ "name": "Icon",
1104
+ "module": "src/icon/Icon.ts"
1045
1105
  }
1046
1106
  }
1047
1107
  ]
1048
1108
  },
1049
1109
  {
1050
1110
  "kind": "javascript-module",
1051
- "path": "src/command-menu/CommandMenuAction.ts",
1111
+ "path": "src/command-menu/CommandMenu.ts",
1052
1112
  "declarations": [
1053
1113
  {
1054
1114
  "kind": "class",
1055
- "description": "Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.",
1056
- "name": "CommandMenuAction",
1115
+ "description": "Command Menu allows users to navigate and use an app without touching the mouse and helps them transform into “power users” who can harness more advanced features far faster.",
1116
+ "name": "CommandMenu",
1117
+ "slots": [
1118
+ {
1119
+ "description": "Used to replace the default footer contents.",
1120
+ "name": "footer"
1121
+ }
1122
+ ],
1057
1123
  "members": [
1058
1124
  {
1059
1125
  "kind": "field",
1060
- "name": "command",
1061
- "type": {
1062
- "text": "ICommandMenuAction"
1063
- },
1064
- "attribute": "command"
1126
+ "name": "inputRef",
1127
+ "privacy": "private"
1065
1128
  },
1066
1129
  {
1067
1130
  "kind": "field",
1068
- "name": "selected",
1131
+ "name": "listRef",
1132
+ "privacy": "private"
1133
+ },
1134
+ {
1135
+ "kind": "field",
1136
+ "name": "previousFocus",
1069
1137
  "type": {
1070
- "text": "boolean"
1138
+ "text": "HTMLElement | undefined"
1071
1139
  },
1072
- "default": "false",
1073
- "attribute": "selected"
1140
+ "privacy": "private"
1074
1141
  },
1075
1142
  {
1076
- "kind": "method",
1077
- "name": "ensureInView",
1143
+ "kind": "field",
1144
+ "name": "dismissController",
1078
1145
  "privacy": "private",
1079
- "description": "Scroll to show element"
1146
+ "default": "new LightDismissController(this, {\n isOpen: () => this.open,\n onDismiss: () => this.close(),\n })"
1080
1147
  },
1081
1148
  {
1082
- "kind": "method",
1083
- "name": "renderShortcut",
1084
- "privacy": "private"
1085
- }
1086
- ],
1087
- "attributes": [
1149
+ "kind": "field",
1150
+ "name": "keyboardController",
1151
+ "privacy": "private",
1152
+ "default": "new KeyboardController(this, {\n trigger: () => this.select(),\n goBack: () => this.goBack(),\n end: () => this.end(),\n start: () => this.start(),\n next: () => this.next(),\n previous: () => this.previous(),\n toggleOpen: () => this.toggleOpen(),\n })"
1153
+ },
1088
1154
  {
1089
- "name": "command",
1155
+ "kind": "field",
1156
+ "name": "open",
1090
1157
  "type": {
1091
- "text": "ICommandMenuAction"
1158
+ "text": "boolean"
1092
1159
  },
1093
- "fieldName": "command"
1160
+ "default": "false",
1161
+ "description": "Show or hide the command menu.",
1162
+ "attribute": "open"
1094
1163
  },
1095
1164
  {
1096
- "name": "selected",
1165
+ "kind": "field",
1166
+ "name": "placeholder",
1097
1167
  "type": {
1098
- "text": "boolean"
1168
+ "text": "string"
1099
1169
  },
1100
- "default": "false",
1101
- "fieldName": "selected"
1102
- }
1103
- ],
1104
- "superclass": {
1105
- "name": "LitElement",
1106
- "package": "lit"
1107
- },
1108
- "status": "internal",
1109
- "category": null,
1110
- "tagName": "nord-command-menu-action",
1111
- "customElement": true
1112
- }
1113
- ],
1114
- "exports": [
1115
- {
1116
- "kind": "js",
1117
- "name": "default",
1118
- "declaration": {
1119
- "name": "CommandMenuAction",
1120
- "module": "src/command-menu/CommandMenuAction.ts"
1121
- }
1122
- },
1123
- {
1124
- "kind": "custom-element-definition",
1125
- "name": "nord-command-menu-action",
1126
- "declaration": {
1127
- "name": "CommandMenuAction",
1128
- "module": "src/command-menu/CommandMenuAction.ts"
1129
- }
1130
- }
1131
- ]
1132
- },
1133
- {
1134
- "kind": "javascript-module",
1135
- "path": "src/command-menu/ICommandMenuAction.ts",
1136
- "declarations": [],
1137
- "exports": []
1138
- },
1139
- {
1140
- "kind": "javascript-module",
1141
- "path": "src/command-menu/KeyboardController.ts",
1142
- "declarations": [
1143
- {
1144
- "kind": "class",
1145
- "description": "",
1146
- "name": "KeyboardController",
1147
- "members": [
1170
+ "default": "\"Type a command or search...\"",
1171
+ "description": "Hint text to display in the search field.",
1172
+ "attribute": "placeholder"
1173
+ },
1148
1174
  {
1149
1175
  "kind": "field",
1150
- "name": "host",
1176
+ "name": "commands",
1151
1177
  "type": {
1152
- "text": "CommandMenu"
1178
+ "text": "Array<ICommandMenuAction>"
1153
1179
  },
1154
- "privacy": "private",
1155
- "default": "host"
1180
+ "default": "[]",
1181
+ "description": "Array of commands to be included in the menu."
1156
1182
  },
1157
1183
  {
1158
1184
  "kind": "field",
1159
- "name": "globalShortcuts",
1185
+ "name": "parent",
1160
1186
  "type": {
1161
- "text": "ShortcutController"
1187
+ "text": "string | undefined"
1162
1188
  },
1163
- "privacy": "private",
1164
- "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
1189
+ "privacy": "private"
1165
1190
  },
1166
1191
  {
1167
1192
  "kind": "field",
1168
- "name": "navigationShortcuts",
1193
+ "name": "search",
1169
1194
  "type": {
1170
- "text": "ShortcutController"
1195
+ "text": "string"
1171
1196
  },
1172
1197
  "privacy": "private",
1173
- "default": "new ShortcutController(\n host,\n {\n Enter: preventDefault(actions.trigger),\n Backspace: actions.goBack, // we don't want to prevent default, since that would stop backspace deleting chars\n End: preventDefault(actions.end),\n Home: preventDefault(actions.start),\n ArrowDown: preventDefault(actions.next),\n ArrowUp: preventDefault(actions.previous),\n },\n host\n )"
1198
+ "default": "\"\""
1174
1199
  },
1175
1200
  {
1176
1201
  "kind": "field",
1177
- "name": "commandShortcuts",
1202
+ "name": "bump",
1178
1203
  "type": {
1179
- "text": "ShortcutController"
1204
+ "text": "boolean"
1180
1205
  },
1181
1206
  "privacy": "private",
1182
- "default": "new ShortcutController(host)"
1207
+ "default": "true"
1183
1208
  },
1184
- {
1185
- "kind": "method",
1186
- "name": "registerCommandShortcuts"
1187
- }
1188
- ]
1189
- }
1190
- ],
1191
- "exports": [
1192
- {
1193
- "kind": "js",
1194
- "name": "KeyboardController",
1195
- "declaration": {
1196
- "name": "KeyboardController",
1197
- "module": "src/command-menu/KeyboardController.ts"
1198
- }
1199
- }
1200
- ]
1201
- },
1202
- {
1203
- "kind": "javascript-module",
1204
- "path": "src/command-menu/events.ts",
1205
- "declarations": [
1206
- {
1207
- "kind": "class",
1208
- "description": "",
1209
- "name": "SelectEvent",
1210
- "members": [
1211
1209
  {
1212
1210
  "kind": "field",
1213
- "name": "command",
1211
+ "name": "selectedIndex",
1214
1212
  "type": {
1215
- "text": "ICommandMenuAction"
1213
+ "text": "number"
1216
1214
  },
1217
- "default": "command"
1218
- }
1219
- ],
1220
- "superclass": {
1221
- "name": "NordEvent",
1222
- "module": "/src/common/events.js"
1223
- }
1224
- }
1225
- ],
1226
- "exports": [
1227
- {
1228
- "kind": "js",
1229
- "name": "SelectEvent",
1230
- "declaration": {
1231
- "name": "SelectEvent",
1232
- "module": "src/command-menu/events.ts"
1233
- }
1234
- }
1235
- ]
1236
- },
1237
- {
1238
- "kind": "javascript-module",
1239
- "path": "src/icon/Icon.ts",
1240
- "declarations": [
1241
- {
1242
- "kind": "class",
1243
- "description": "Icons are used to provide additional meaning or in places where text label doesn’t fit.\nIcon component allows you to display an icon from the Nordicons library.",
1244
- "name": "Icon",
1245
- "members": [
1215
+ "privacy": "private",
1216
+ "default": "0"
1217
+ },
1246
1218
  {
1247
1219
  "kind": "field",
1248
- "name": "resolver",
1220
+ "name": "filteredCommands",
1249
1221
  "type": {
1250
- "text": "IconResolver"
1222
+ "text": "Array<ICommandMenuAction>"
1251
1223
  },
1252
1224
  "privacy": "private",
1253
- "static": true
1225
+ "default": "[]"
1254
1226
  },
1255
1227
  {
1256
1228
  "kind": "field",
1257
- "name": "registeredIcons",
1258
- "privacy": "private",
1259
- "static": true,
1260
- "default": "new Map<string, string>()"
1229
+ "name": "selected",
1230
+ "type": {
1231
+ "text": "ICommandMenuAction"
1232
+ },
1233
+ "privacy": "private"
1261
1234
  },
1262
1235
  {
1263
1236
  "kind": "method",
1264
- "name": "registerResolver",
1265
- "static": true,
1237
+ "name": "show",
1266
1238
  "parameters": [
1267
1239
  {
1268
- "name": "resolver",
1240
+ "name": "options",
1241
+ "default": "{}",
1269
1242
  "type": {
1270
- "text": "IconResolver"
1243
+ "text": "{ parent?: string }"
1271
1244
  },
1272
- "description": "The resolver function to register."
1245
+ "description": "allows you to open the menu filtered to a specific parent command."
1273
1246
  }
1274
1247
  ],
1275
- "description": "Register a custom icon resolver, which accepts the icon name as an parameter, and returns an SVG string.\nCan return a string synchronously, or a promise of a string.\nBy default, will load icons from the Nord CDN."
1248
+ "description": "Show the command menu programmatically."
1276
1249
  },
1277
1250
  {
1278
1251
  "kind": "method",
1279
- "name": "registerIcon",
1280
- "static": true,
1281
- "return": {
1282
- "type": {
1283
- "text": "void"
1284
- }
1285
- },
1286
- "parameters": [
1287
- {
1288
- "name": "icon",
1289
- "type": {
1290
- "text": "{ title: string; default: string }"
1291
- },
1292
- "description": "An object representing the icon to be registered, where \"title\" is the icon's name, and \"default\" is the SVG string.\nThis is intended to be used in cases where you import an icon's entire ES module and register it directly."
1293
- }
1294
- ],
1295
- "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
1252
+ "name": "close",
1253
+ "description": "Close the command menu programmatically."
1296
1254
  },
1297
1255
  {
1298
1256
  "kind": "method",
1299
- "name": "registerIcon",
1300
- "static": true,
1301
- "return": {
1302
- "type": {
1303
- "text": "void"
1304
- }
1305
- },
1257
+ "name": "toggleOpen",
1258
+ "description": "Toggle the open state programmatically."
1259
+ },
1260
+ {
1261
+ "kind": "method",
1262
+ "name": "focus",
1263
+ "description": "Focus the command menu's input."
1264
+ },
1265
+ {
1266
+ "kind": "method",
1267
+ "name": "renderNoResults",
1268
+ "privacy": "private"
1269
+ },
1270
+ {
1271
+ "kind": "method",
1272
+ "name": "renderSection",
1273
+ "privacy": "private",
1306
1274
  "parameters": [
1307
1275
  {
1308
- "name": "name",
1276
+ "name": "section",
1309
1277
  "type": {
1310
- "text": "string"
1311
- },
1312
- "description": "The name of the icon to be registered."
1278
+ "text": "string | undefined"
1279
+ }
1313
1280
  },
1314
1281
  {
1315
- "name": "icon",
1282
+ "name": "commands",
1316
1283
  "type": {
1317
- "text": "string"
1318
- },
1319
- "description": "The SVG string for the icon."
1284
+ "text": "ICommandMenuAction[]"
1285
+ }
1320
1286
  }
1321
- ],
1322
- "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
1287
+ ]
1323
1288
  },
1324
1289
  {
1325
1290
  "kind": "method",
1326
- "name": "registerIcon",
1327
- "static": true,
1291
+ "name": "handleAnimationEnd",
1292
+ "privacy": "private"
1293
+ },
1294
+ {
1295
+ "kind": "method",
1296
+ "name": "handleBlur",
1297
+ "privacy": "private"
1298
+ },
1299
+ {
1300
+ "kind": "method",
1301
+ "name": "handleInput",
1302
+ "privacy": "private",
1328
1303
  "parameters": [
1329
1304
  {
1330
- "name": "iconOrName",
1305
+ "name": "event",
1331
1306
  "type": {
1332
- "text": "string | { title: string; default: string }"
1307
+ "text": "KeyboardEvent"
1333
1308
  }
1334
- },
1309
+ }
1310
+ ]
1311
+ },
1312
+ {
1313
+ "kind": "method",
1314
+ "name": "select",
1315
+ "privacy": "private",
1316
+ "parameters": [
1335
1317
  {
1336
- "name": "icon",
1337
- "optional": true,
1318
+ "name": "command",
1319
+ "default": "this.selected",
1338
1320
  "type": {
1339
- "text": "string"
1321
+ "text": "ICommandMenuAction"
1340
1322
  }
1341
1323
  }
1342
1324
  ]
1343
1325
  },
1344
1326
  {
1345
- "kind": "field",
1346
- "name": "name",
1347
- "type": {
1348
- "text": "string"
1349
- },
1350
- "default": "\"\"",
1351
- "description": "The name of the icon to display, as defined by nordicons.",
1352
- "attribute": "name",
1353
- "reflects": true
1327
+ "kind": "method",
1328
+ "name": "start",
1329
+ "privacy": "private"
1354
1330
  },
1355
1331
  {
1356
- "kind": "field",
1357
- "name": "size",
1358
- "type": {
1359
- "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
1360
- },
1361
- "default": "\"m\"",
1362
- "description": "The size of the icon.",
1363
- "attribute": "size",
1364
- "reflects": true
1332
+ "kind": "method",
1333
+ "name": "end",
1334
+ "privacy": "private"
1365
1335
  },
1366
1336
  {
1367
- "kind": "field",
1368
- "name": "color",
1369
- "type": {
1370
- "text": "string | undefined"
1371
- },
1372
- "description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
1373
- "attribute": "color",
1374
- "reflects": true
1337
+ "kind": "method",
1338
+ "name": "next",
1339
+ "privacy": "private"
1375
1340
  },
1376
1341
  {
1377
- "kind": "field",
1378
- "name": "label",
1379
- "type": {
1380
- "text": "string | undefined"
1381
- },
1382
- "description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
1383
- "attribute": "label",
1384
- "reflects": true
1342
+ "kind": "method",
1343
+ "name": "previous",
1344
+ "privacy": "private"
1385
1345
  },
1386
1346
  {
1387
- "kind": "field",
1388
- "name": "svg",
1389
- "type": {
1390
- "text": "string"
1391
- },
1347
+ "kind": "method",
1348
+ "name": "goBack",
1349
+ "privacy": "private"
1350
+ },
1351
+ {
1352
+ "kind": "method",
1353
+ "name": "setParent",
1392
1354
  "privacy": "private",
1393
- "default": "\"\""
1355
+ "parameters": [
1356
+ {
1357
+ "name": "parent",
1358
+ "optional": true,
1359
+ "type": {
1360
+ "text": "string"
1361
+ }
1362
+ }
1363
+ ]
1394
1364
  },
1395
1365
  {
1396
1366
  "kind": "method",
1397
- "name": "resolve",
1367
+ "name": "setSearch",
1398
1368
  "privacy": "private",
1399
- "return": {
1400
- "type": {
1401
- "text": "string | Promise<string>"
1369
+ "parameters": [
1370
+ {
1371
+ "name": "str",
1372
+ "type": {
1373
+ "text": "string"
1374
+ }
1402
1375
  }
1403
- }
1376
+ ]
1377
+ },
1378
+ {
1379
+ "kind": "method",
1380
+ "name": "filterCommands",
1381
+ "privacy": "private"
1404
1382
  },
1405
1383
  {
1406
1384
  "kind": "field",
@@ -1417,40 +1395,47 @@
1417
1395
  }
1418
1396
  }
1419
1397
  ],
1420
- "attributes": [
1398
+ "events": [
1421
1399
  {
1422
- "name": "name",
1400
+ "name": "open",
1423
1401
  "type": {
1424
- "text": "string"
1402
+ "text": "NordEvent"
1425
1403
  },
1426
- "default": "\"\"",
1427
- "description": "The name of the icon to display, as defined by nordicons.",
1428
- "fieldName": "name"
1404
+ "description": "The command menu was opened foo."
1429
1405
  },
1430
1406
  {
1431
- "name": "size",
1407
+ "name": "close",
1432
1408
  "type": {
1433
- "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
1409
+ "text": "NordEvent"
1434
1410
  },
1435
- "default": "\"m\"",
1436
- "description": "The size of the icon.",
1437
- "fieldName": "size"
1411
+ "description": "The command menu was closed bar."
1438
1412
  },
1439
1413
  {
1440
- "name": "color",
1441
1414
  "type": {
1442
- "text": "string | undefined"
1415
+ "text": "SelectEvent"
1443
1416
  },
1444
- "description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
1445
- "fieldName": "color"
1446
- },
1417
+ "description": "User selected a command from the menu.",
1418
+ "name": "n-select"
1419
+ }
1420
+ ],
1421
+ "attributes": [
1447
1422
  {
1448
- "name": "label",
1423
+ "name": "open",
1449
1424
  "type": {
1450
- "text": "string | undefined"
1425
+ "text": "boolean"
1451
1426
  },
1452
- "description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
1453
- "fieldName": "label"
1427
+ "default": "false",
1428
+ "description": "Show or hide the command menu.",
1429
+ "fieldName": "open"
1430
+ },
1431
+ {
1432
+ "name": "placeholder",
1433
+ "type": {
1434
+ "text": "string"
1435
+ },
1436
+ "default": "\"Type a command or search...\"",
1437
+ "description": "Hint text to display in the search field.",
1438
+ "fieldName": "placeholder"
1454
1439
  }
1455
1440
  ],
1456
1441
  "mixins": [
@@ -1464,8 +1449,8 @@
1464
1449
  "package": "lit"
1465
1450
  },
1466
1451
  "status": "draft",
1467
- "category": "image",
1468
- "tagName": "nord-icon",
1452
+ "category": "action",
1453
+ "tagName": "nord-command-menu",
1469
1454
  "customElement": true
1470
1455
  }
1471
1456
  ],
@@ -1474,194 +1459,204 @@
1474
1459
  "kind": "js",
1475
1460
  "name": "default",
1476
1461
  "declaration": {
1477
- "name": "Icon",
1478
- "module": "src/icon/Icon.ts"
1462
+ "name": "CommandMenu",
1463
+ "module": "src/command-menu/CommandMenu.ts"
1479
1464
  }
1480
1465
  },
1481
1466
  {
1482
1467
  "kind": "custom-element-definition",
1483
- "name": "nord-icon",
1468
+ "name": "nord-command-menu",
1484
1469
  "declaration": {
1485
- "name": "Icon",
1486
- "module": "src/icon/Icon.ts"
1470
+ "name": "CommandMenu",
1471
+ "module": "src/command-menu/CommandMenu.ts"
1487
1472
  }
1488
1473
  }
1489
1474
  ]
1490
1475
  },
1491
1476
  {
1492
1477
  "kind": "javascript-module",
1493
- "path": "src/common/collection.ts",
1478
+ "path": "src/command-menu/CommandMenuAction.ts",
1494
1479
  "declarations": [
1495
1480
  {
1496
- "kind": "function",
1497
- "name": "groupBy",
1498
- "parameters": [
1481
+ "kind": "class",
1482
+ "description": "Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.",
1483
+ "name": "CommandMenuAction",
1484
+ "members": [
1499
1485
  {
1500
- "name": "array",
1486
+ "kind": "field",
1487
+ "name": "command",
1501
1488
  "type": {
1502
- "text": "Array<TObject>"
1489
+ "text": "ICommandMenuAction"
1503
1490
  },
1504
- "description": "the collection of objects to group"
1491
+ "attribute": "command"
1505
1492
  },
1506
1493
  {
1507
- "name": "key",
1494
+ "kind": "field",
1495
+ "name": "selected",
1508
1496
  "type": {
1509
- "text": "TKey"
1497
+ "text": "boolean"
1510
1498
  },
1511
- "description": "the property to group by"
1499
+ "default": "false",
1500
+ "attribute": "selected"
1501
+ },
1502
+ {
1503
+ "kind": "method",
1504
+ "name": "ensureInView",
1505
+ "privacy": "private",
1506
+ "description": "Scroll to show element"
1507
+ },
1508
+ {
1509
+ "kind": "method",
1510
+ "name": "renderShortcut",
1511
+ "privacy": "private"
1512
1512
  }
1513
1513
  ],
1514
- "description": "Groups an array objects by property value",
1515
- "return": {
1516
- "type": {
1517
- "text": ""
1514
+ "attributes": [
1515
+ {
1516
+ "name": "command",
1517
+ "type": {
1518
+ "text": "ICommandMenuAction"
1519
+ },
1520
+ "fieldName": "command"
1521
+ },
1522
+ {
1523
+ "name": "selected",
1524
+ "type": {
1525
+ "text": "boolean"
1526
+ },
1527
+ "default": "false",
1528
+ "fieldName": "selected"
1518
1529
  }
1519
- }
1530
+ ],
1531
+ "superclass": {
1532
+ "name": "LitElement",
1533
+ "package": "lit"
1534
+ },
1535
+ "status": "internal",
1536
+ "category": null,
1537
+ "tagName": "nord-command-menu-action",
1538
+ "customElement": true
1520
1539
  }
1521
1540
  ],
1522
1541
  "exports": [
1523
1542
  {
1524
1543
  "kind": "js",
1525
- "name": "groupBy",
1544
+ "name": "default",
1526
1545
  "declaration": {
1527
- "name": "groupBy",
1528
- "module": "src/common/collection.ts"
1546
+ "name": "CommandMenuAction",
1547
+ "module": "src/command-menu/CommandMenuAction.ts"
1529
1548
  }
1530
- }
1531
- ]
1532
- },
1533
- {
1534
- "kind": "javascript-module",
1535
- "path": "src/common/events.ts",
1536
- "declarations": [
1537
- {
1538
- "kind": "class",
1539
- "description": "A base class for events which defaults to bubbling and composed",
1540
- "name": "NordEvent",
1541
- "superclass": {
1542
- "name": "Event",
1543
- "module": "src/common/events.ts"
1544
- },
1545
- "status": null,
1546
- "category": null
1547
- }
1548
- ],
1549
- "exports": [
1549
+ },
1550
1550
  {
1551
- "kind": "js",
1552
- "name": "NordEvent",
1551
+ "kind": "custom-element-definition",
1552
+ "name": "nord-command-menu-action",
1553
1553
  "declaration": {
1554
- "name": "NordEvent",
1555
- "module": "src/common/events.ts"
1554
+ "name": "CommandMenuAction",
1555
+ "module": "src/command-menu/CommandMenuAction.ts"
1556
1556
  }
1557
1557
  }
1558
1558
  ]
1559
1559
  },
1560
1560
  {
1561
1561
  "kind": "javascript-module",
1562
- "path": "src/common/focus.ts",
1563
- "declarations": [
1564
- {
1565
- "kind": "function",
1566
- "name": "getFocusedElement",
1567
- "return": {
1568
- "type": {
1569
- "text": "Element | undefined"
1570
- }
1571
- },
1572
- "parameters": [
1573
- {
1574
- "name": "root",
1575
- "type": {
1576
- "text": "Document | ShadowRoot"
1577
- }
1578
- }
1579
- ],
1580
- "description": "Gets the currently focused element, taking shadow roots into account."
1581
- }
1582
- ],
1583
- "exports": [
1584
- {
1585
- "kind": "js",
1586
- "name": "getFocusedElement",
1587
- "declaration": {
1588
- "name": "getFocusedElement",
1589
- "module": "src/common/focus.ts"
1590
- }
1591
- }
1592
- ]
1562
+ "path": "src/command-menu/ICommandMenuAction.ts",
1563
+ "declarations": [],
1564
+ "exports": []
1593
1565
  },
1594
1566
  {
1595
1567
  "kind": "javascript-module",
1596
- "path": "src/common/number.ts",
1568
+ "path": "src/command-menu/KeyboardController.ts",
1597
1569
  "declarations": [
1598
1570
  {
1599
- "kind": "function",
1600
- "name": "wrap",
1601
- "parameters": [
1571
+ "kind": "class",
1572
+ "description": "",
1573
+ "name": "KeyboardController",
1574
+ "members": [
1602
1575
  {
1603
- "name": "val",
1576
+ "kind": "field",
1577
+ "name": "host",
1604
1578
  "type": {
1605
- "text": "number"
1606
- }
1579
+ "text": "CommandMenu"
1580
+ },
1581
+ "privacy": "private",
1582
+ "default": "host"
1607
1583
  },
1608
1584
  {
1609
- "name": "min",
1585
+ "kind": "field",
1586
+ "name": "globalShortcuts",
1610
1587
  "type": {
1611
- "text": "number"
1612
- }
1588
+ "text": "ShortcutController"
1589
+ },
1590
+ "privacy": "private",
1591
+ "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
1613
1592
  },
1614
1593
  {
1615
- "name": "max",
1594
+ "kind": "field",
1595
+ "name": "navigationShortcuts",
1616
1596
  "type": {
1617
- "text": "number"
1618
- }
1597
+ "text": "ShortcutController"
1598
+ },
1599
+ "privacy": "private",
1600
+ "default": "new ShortcutController(\n host,\n {\n Enter: preventDefault(actions.trigger),\n Backspace: actions.goBack, // we don't want to prevent default, since that would stop backspace deleting chars\n End: preventDefault(actions.end),\n Home: preventDefault(actions.start),\n ArrowDown: preventDefault(actions.next),\n ArrowUp: preventDefault(actions.previous),\n },\n host\n )"
1601
+ },
1602
+ {
1603
+ "kind": "field",
1604
+ "name": "commandShortcuts",
1605
+ "type": {
1606
+ "text": "ShortcutController"
1607
+ },
1608
+ "privacy": "private",
1609
+ "default": "new ShortcutController(host)"
1610
+ },
1611
+ {
1612
+ "kind": "method",
1613
+ "name": "registerCommandShortcuts"
1619
1614
  }
1620
- ],
1621
- "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
1615
+ ]
1622
1616
  }
1623
1617
  ],
1624
1618
  "exports": [
1625
1619
  {
1626
1620
  "kind": "js",
1627
- "name": "wrap",
1621
+ "name": "KeyboardController",
1628
1622
  "declaration": {
1629
- "name": "wrap",
1630
- "module": "src/common/number.ts"
1623
+ "name": "KeyboardController",
1624
+ "module": "src/command-menu/KeyboardController.ts"
1631
1625
  }
1632
1626
  }
1633
1627
  ]
1634
1628
  },
1635
1629
  {
1636
1630
  "kind": "javascript-module",
1637
- "path": "src/common/ref.ts",
1631
+ "path": "src/command-menu/events.ts",
1638
1632
  "declarations": [
1639
1633
  {
1640
- "kind": "function",
1641
- "name": "mergeRefs",
1642
- "return": {
1643
- "type": {
1644
- "text": "RefCallback"
1645
- }
1646
- },
1647
- "parameters": [
1634
+ "kind": "class",
1635
+ "description": "",
1636
+ "name": "SelectEvent",
1637
+ "members": [
1648
1638
  {
1649
- "name": "refs",
1639
+ "kind": "field",
1640
+ "name": "command",
1650
1641
  "type": {
1651
- "text": "Ref[]"
1652
- }
1642
+ "text": "ICommandMenuAction"
1643
+ },
1644
+ "default": "command"
1653
1645
  }
1654
1646
  ],
1655
- "description": "Creates a ref callback which will assign the element to every given ref"
1647
+ "superclass": {
1648
+ "name": "NordEvent",
1649
+ "module": "/src/common/events.js"
1650
+ }
1656
1651
  }
1657
1652
  ],
1658
1653
  "exports": [
1659
1654
  {
1660
1655
  "kind": "js",
1661
- "name": "mergeRefs",
1656
+ "name": "SelectEvent",
1662
1657
  "declaration": {
1663
- "name": "mergeRefs",
1664
- "module": "src/common/ref.ts"
1658
+ "name": "SelectEvent",
1659
+ "module": "src/command-menu/events.ts"
1665
1660
  }
1666
1661
  }
1667
1662
  ]
@@ -1703,6 +1698,19 @@
1703
1698
  "description": "The type of the input.",
1704
1699
  "attribute": "type"
1705
1700
  },
1701
+ {
1702
+ "kind": "method",
1703
+ "name": "handleKeydown",
1704
+ "privacy": "private",
1705
+ "parameters": [
1706
+ {
1707
+ "name": "e",
1708
+ "type": {
1709
+ "text": "KeyboardEvent"
1710
+ }
1711
+ }
1712
+ ]
1713
+ },
1706
1714
  {
1707
1715
  "kind": "field",
1708
1716
  "name": "slots",
@@ -1833,7 +1841,7 @@
1833
1841
  },
1834
1842
  {
1835
1843
  "kind": "method",
1836
- "name": "handleChange",
1844
+ "name": "handleInput",
1837
1845
  "privacy": "protected",
1838
1846
  "parameters": [
1839
1847
  {
@@ -1848,6 +1856,15 @@
1848
1856
  "module": "src/common/mixins/FormAssociatedMixin.ts"
1849
1857
  }
1850
1858
  },
1859
+ {
1860
+ "kind": "method",
1861
+ "name": "handleChange",
1862
+ "privacy": "protected",
1863
+ "inheritedFrom": {
1864
+ "name": "FormAssociatedMixin",
1865
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
1866
+ }
1867
+ },
1851
1868
  {
1852
1869
  "kind": "method",
1853
1870
  "name": "renderLabel",
@@ -2185,6 +2202,17 @@
2185
2202
  "tagName": "nord-input",
2186
2203
  "customElement": true,
2187
2204
  "events": [
2205
+ {
2206
+ "name": "input",
2207
+ "type": {
2208
+ "text": "NordEvent"
2209
+ },
2210
+ "description": "Fired as the user types into the input.",
2211
+ "inheritedFrom": {
2212
+ "name": "FormAssociatedMixin",
2213
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
2214
+ }
2215
+ },
2188
2216
  {
2189
2217
  "name": "change",
2190
2218
  "type": {
@@ -2411,7 +2439,7 @@
2411
2439
  },
2412
2440
  {
2413
2441
  "kind": "method",
2414
- "name": "handleChange",
2442
+ "name": "handleInput",
2415
2443
  "privacy": "protected",
2416
2444
  "parameters": [
2417
2445
  {
@@ -2426,6 +2454,15 @@
2426
2454
  "module": "src/common/mixins/FormAssociatedMixin.ts"
2427
2455
  }
2428
2456
  },
2457
+ {
2458
+ "kind": "method",
2459
+ "name": "handleChange",
2460
+ "privacy": "protected",
2461
+ "inheritedFrom": {
2462
+ "name": "FormAssociatedMixin",
2463
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
2464
+ }
2465
+ },
2429
2466
  {
2430
2467
  "kind": "method",
2431
2468
  "name": "renderLabel",
@@ -2754,6 +2791,17 @@
2754
2791
  }
2755
2792
  ],
2756
2793
  "events": [
2794
+ {
2795
+ "name": "input",
2796
+ "type": {
2797
+ "text": "NordEvent"
2798
+ },
2799
+ "description": "Fired as the user types into the input.",
2800
+ "inheritedFrom": {
2801
+ "name": "FormAssociatedMixin",
2802
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
2803
+ }
2804
+ },
2757
2805
  {
2758
2806
  "name": "change",
2759
2807
  "type": {
@@ -2789,41 +2837,50 @@
2789
2837
  },
2790
2838
  {
2791
2839
  "kind": "javascript-module",
2792
- "path": "src/table/Table.ts",
2840
+ "path": "src/stack/Stack.ts",
2793
2841
  "declarations": [
2794
2842
  {
2795
2843
  "kind": "class",
2796
- "description": "Table is used to organize and display information from a data set.\nProvides table styles in addition to features like sticky\nheaders and support for narrow viewports.",
2797
- "name": "Table",
2844
+ "description": "Stack component manages layout of immediate children along the\nvertical or horizontal axis with optional spacing between each child.",
2845
+ "name": "Stack",
2798
2846
  "slots": [
2799
2847
  {
2800
- "description": "The table.",
2848
+ "description": "The stack content.",
2801
2849
  "name": ""
2802
2850
  }
2803
2851
  ],
2804
2852
  "members": [
2805
2853
  {
2806
2854
  "kind": "field",
2807
- "name": "density",
2855
+ "name": "gap",
2808
2856
  "type": {
2809
- "text": "\"condensed\" | \"default\" | \"relaxed\""
2857
+ "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
2810
2858
  },
2811
- "default": "\"default\"",
2812
- "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
2813
- "attribute": "density",
2859
+ "default": "\"m\"",
2860
+ "description": "The space injected between components.",
2861
+ "attribute": "gap",
2814
2862
  "reflects": true
2815
2863
  },
2816
2864
  {
2817
- "kind": "method",
2818
- "name": "renderStyles",
2819
- "privacy": "private",
2820
- "description": "renders table styles into nearest root.\nthis is necessary since we do not use shadow dom."
2865
+ "kind": "field",
2866
+ "name": "direction",
2867
+ "type": {
2868
+ "text": "\"vertical\" | \"horizontal\""
2869
+ },
2870
+ "default": "\"vertical\"",
2871
+ "description": "The direction of the stack.",
2872
+ "attribute": "direction",
2873
+ "reflects": true
2821
2874
  },
2822
2875
  {
2823
- "kind": "method",
2824
- "name": "createRenderRoot",
2825
- "privacy": "protected",
2826
- "description": "opt out of shadow dom"
2876
+ "kind": "field",
2877
+ "name": "alignItems",
2878
+ "type": {
2879
+ "text": "\"center\" | \"start\" | \"end\" | undefined"
2880
+ },
2881
+ "description": "How to align the child items inside the stack.",
2882
+ "attribute": "align-items",
2883
+ "reflects": true
2827
2884
  },
2828
2885
  {
2829
2886
  "kind": "field",
@@ -2842,13 +2899,30 @@
2842
2899
  ],
2843
2900
  "attributes": [
2844
2901
  {
2845
- "name": "density",
2902
+ "name": "gap",
2846
2903
  "type": {
2847
- "text": "\"condensed\" | \"default\" | \"relaxed\""
2904
+ "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
2848
2905
  },
2849
- "default": "\"default\"",
2850
- "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
2851
- "fieldName": "density"
2906
+ "default": "\"m\"",
2907
+ "description": "The space injected between components.",
2908
+ "fieldName": "gap"
2909
+ },
2910
+ {
2911
+ "name": "direction",
2912
+ "type": {
2913
+ "text": "\"vertical\" | \"horizontal\""
2914
+ },
2915
+ "default": "\"vertical\"",
2916
+ "description": "The direction of the stack.",
2917
+ "fieldName": "direction"
2918
+ },
2919
+ {
2920
+ "name": "align-items",
2921
+ "type": {
2922
+ "text": "\"center\" | \"start\" | \"end\" | undefined"
2923
+ },
2924
+ "description": "How to align the child items inside the stack.",
2925
+ "fieldName": "alignItems"
2852
2926
  }
2853
2927
  ],
2854
2928
  "mixins": [
@@ -2862,8 +2936,8 @@
2862
2936
  "package": "lit"
2863
2937
  },
2864
2938
  "status": "draft",
2865
- "category": "list",
2866
- "tagName": "nord-table",
2939
+ "category": "structure",
2940
+ "tagName": "nord-stack",
2867
2941
  "customElement": true
2868
2942
  }
2869
2943
  ],
@@ -2872,16 +2946,16 @@
2872
2946
  "kind": "js",
2873
2947
  "name": "default",
2874
2948
  "declaration": {
2875
- "name": "Table",
2876
- "module": "src/table/Table.ts"
2949
+ "name": "Stack",
2950
+ "module": "src/stack/Stack.ts"
2877
2951
  }
2878
2952
  },
2879
2953
  {
2880
2954
  "kind": "custom-element-definition",
2881
- "name": "nord-table",
2955
+ "name": "nord-stack",
2882
2956
  "declaration": {
2883
- "name": "Table",
2884
- "module": "src/table/Table.ts"
2957
+ "name": "Stack",
2958
+ "module": "src/stack/Stack.ts"
2885
2959
  }
2886
2960
  }
2887
2961
  ]
@@ -3172,7 +3246,7 @@
3172
3246
  },
3173
3247
  {
3174
3248
  "kind": "method",
3175
- "name": "handleChange",
3249
+ "name": "handleInput",
3176
3250
  "privacy": "protected",
3177
3251
  "parameters": [
3178
3252
  {
@@ -3187,6 +3261,15 @@
3187
3261
  "module": "src/common/mixins/FormAssociatedMixin.ts"
3188
3262
  }
3189
3263
  },
3264
+ {
3265
+ "kind": "method",
3266
+ "name": "handleChange",
3267
+ "privacy": "protected",
3268
+ "inheritedFrom": {
3269
+ "name": "FormAssociatedMixin",
3270
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
3271
+ }
3272
+ },
3190
3273
  {
3191
3274
  "kind": "method",
3192
3275
  "name": "renderLabel",
@@ -3524,6 +3607,17 @@
3524
3607
  "tagName": "nord-textarea",
3525
3608
  "customElement": true,
3526
3609
  "events": [
3610
+ {
3611
+ "name": "input",
3612
+ "type": {
3613
+ "text": "NordEvent"
3614
+ },
3615
+ "description": "Fired as the user types into the input.",
3616
+ "inheritedFrom": {
3617
+ "name": "FormAssociatedMixin",
3618
+ "module": "src/common/mixins/FormAssociatedMixin.ts"
3619
+ }
3620
+ },
3527
3621
  {
3528
3622
  "name": "change",
3529
3623
  "type": {
@@ -3559,50 +3653,41 @@
3559
3653
  },
3560
3654
  {
3561
3655
  "kind": "javascript-module",
3562
- "path": "src/stack/Stack.ts",
3656
+ "path": "src/table/Table.ts",
3563
3657
  "declarations": [
3564
3658
  {
3565
3659
  "kind": "class",
3566
- "description": "Stack component manages layout of immediate children along the\nvertical or horizontal axis with optional spacing between each child.",
3567
- "name": "Stack",
3660
+ "description": "Table is used to organize and display information from a data set.\nProvides table styles in addition to features like sticky\nheaders and support for narrow viewports.",
3661
+ "name": "Table",
3568
3662
  "slots": [
3569
3663
  {
3570
- "description": "The stack content.",
3664
+ "description": "The table.",
3571
3665
  "name": ""
3572
3666
  }
3573
3667
  ],
3574
3668
  "members": [
3575
3669
  {
3576
3670
  "kind": "field",
3577
- "name": "gap",
3671
+ "name": "density",
3578
3672
  "type": {
3579
- "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
3673
+ "text": "\"condensed\" | \"default\" | \"relaxed\""
3580
3674
  },
3581
- "default": "\"m\"",
3582
- "description": "The space injected between components.",
3583
- "attribute": "gap",
3675
+ "default": "\"default\"",
3676
+ "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
3677
+ "attribute": "density",
3584
3678
  "reflects": true
3585
3679
  },
3586
3680
  {
3587
- "kind": "field",
3588
- "name": "direction",
3589
- "type": {
3590
- "text": "\"vertical\" | \"horizontal\""
3591
- },
3592
- "default": "\"vertical\"",
3593
- "description": "The direction of the stack.",
3594
- "attribute": "direction",
3595
- "reflects": true
3681
+ "kind": "method",
3682
+ "name": "renderStyles",
3683
+ "privacy": "private",
3684
+ "description": "renders table styles into nearest root.\nthis is necessary since we do not use shadow dom."
3596
3685
  },
3597
3686
  {
3598
- "kind": "field",
3599
- "name": "alignItems",
3600
- "type": {
3601
- "text": "\"center\" | \"start\" | \"end\" | undefined"
3602
- },
3603
- "description": "How to align the child items inside the stack.",
3604
- "attribute": "align-items",
3605
- "reflects": true
3687
+ "kind": "method",
3688
+ "name": "createRenderRoot",
3689
+ "privacy": "protected",
3690
+ "description": "opt out of shadow dom"
3606
3691
  },
3607
3692
  {
3608
3693
  "kind": "field",
@@ -3621,30 +3706,13 @@
3621
3706
  ],
3622
3707
  "attributes": [
3623
3708
  {
3624
- "name": "gap",
3625
- "type": {
3626
- "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
3627
- },
3628
- "default": "\"m\"",
3629
- "description": "The space injected between components.",
3630
- "fieldName": "gap"
3631
- },
3632
- {
3633
- "name": "direction",
3634
- "type": {
3635
- "text": "\"vertical\" | \"horizontal\""
3636
- },
3637
- "default": "\"vertical\"",
3638
- "description": "The direction of the stack.",
3639
- "fieldName": "direction"
3640
- },
3641
- {
3642
- "name": "align-items",
3709
+ "name": "density",
3643
3710
  "type": {
3644
- "text": "\"center\" | \"start\" | \"end\" | undefined"
3711
+ "text": "\"condensed\" | \"default\" | \"relaxed\""
3645
3712
  },
3646
- "description": "How to align the child items inside the stack.",
3647
- "fieldName": "alignItems"
3713
+ "default": "\"default\"",
3714
+ "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
3715
+ "fieldName": "density"
3648
3716
  }
3649
3717
  ],
3650
3718
  "mixins": [
@@ -3658,8 +3726,8 @@
3658
3726
  "package": "lit"
3659
3727
  },
3660
3728
  "status": "draft",
3661
- "category": "structure",
3662
- "tagName": "nord-stack",
3729
+ "category": "list",
3730
+ "tagName": "nord-table",
3663
3731
  "customElement": true
3664
3732
  }
3665
3733
  ],
@@ -3668,16 +3736,16 @@
3668
3736
  "kind": "js",
3669
3737
  "name": "default",
3670
3738
  "declaration": {
3671
- "name": "Stack",
3672
- "module": "src/stack/Stack.ts"
3739
+ "name": "Table",
3740
+ "module": "src/table/Table.ts"
3673
3741
  }
3674
3742
  },
3675
3743
  {
3676
3744
  "kind": "custom-element-definition",
3677
- "name": "nord-stack",
3745
+ "name": "nord-table",
3678
3746
  "declaration": {
3679
- "name": "Stack",
3680
- "module": "src/stack/Stack.ts"
3747
+ "name": "Table",
3748
+ "module": "src/table/Table.ts"
3681
3749
  }
3682
3750
  }
3683
3751
  ]
@@ -4225,6 +4293,24 @@
4225
4293
  }
4226
4294
  ]
4227
4295
  },
4296
+ {
4297
+ "kind": "method",
4298
+ "name": "handleInput",
4299
+ "privacy": "protected",
4300
+ "return": {
4301
+ "type": {
4302
+ "text": "void"
4303
+ }
4304
+ },
4305
+ "parameters": [
4306
+ {
4307
+ "name": "e",
4308
+ "type": {
4309
+ "text": "Event"
4310
+ }
4311
+ }
4312
+ ]
4313
+ },
4228
4314
  {
4229
4315
  "kind": "method",
4230
4316
  "name": "renderLabel",
@@ -4362,7 +4448,7 @@
4362
4448
  },
4363
4449
  {
4364
4450
  "kind": "method",
4365
- "name": "handleChange",
4451
+ "name": "handleInput",
4366
4452
  "privacy": "protected",
4367
4453
  "parameters": [
4368
4454
  {
@@ -4373,6 +4459,11 @@
4373
4459
  }
4374
4460
  ]
4375
4461
  },
4462
+ {
4463
+ "kind": "method",
4464
+ "name": "handleChange",
4465
+ "privacy": "protected"
4466
+ },
4376
4467
  {
4377
4468
  "kind": "method",
4378
4469
  "name": "renderLabel",
@@ -4410,6 +4501,13 @@
4410
4501
  }
4411
4502
  ],
4412
4503
  "events": [
4504
+ {
4505
+ "name": "input",
4506
+ "type": {
4507
+ "text": "NordEvent"
4508
+ },
4509
+ "description": "Fired as the user types into the input."
4510
+ },
4413
4511
  {
4414
4512
  "name": "change",
4415
4513
  "type": {