@nordhealth/components 1.0.0-alpha.32 → 1.0.0-alpha.36
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/custom-elements.json +1380 -278
- package/lib/Badge.js +1 -1
- package/lib/Badge.js.map +1 -1
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/Card.js +1 -1
- package/lib/Card.js.map +1 -1
- package/lib/CommandMenu.js +7 -0
- package/lib/CommandMenu.js.map +1 -0
- package/lib/CommandMenuAction-f4f42d6b.js +7 -0
- package/lib/CommandMenuAction-f4f42d6b.js.map +1 -0
- package/lib/CommandMenuAction.js +2 -0
- package/lib/CommandMenuAction.js.map +1 -0
- package/lib/DraftComponentMixin-4bb26f5d.js +44 -0
- package/lib/DraftComponentMixin-4bb26f5d.js.map +1 -0
- package/lib/FormAssociatedMixin-c9674b41.js +2 -0
- package/lib/FormAssociatedMixin-c9674b41.js.map +1 -0
- package/lib/ICommandMenuAction.js +2 -0
- package/lib/ICommandMenuAction.js.map +1 -0
- package/lib/Icon-6e1f3f35.js +7 -0
- package/lib/Icon-6e1f3f35.js.map +1 -0
- package/lib/Icon.js +2 -0
- package/lib/Icon.js.map +1 -0
- package/lib/Input.js +1 -1
- package/lib/Input.js.map +1 -1
- package/lib/InputMixin-3e737480.js +2 -0
- package/lib/InputMixin-3e737480.js.map +1 -0
- package/lib/KeyboardController-28c7135b.js +2 -0
- package/lib/KeyboardController-28c7135b.js.map +1 -0
- package/lib/KeyboardController.js +2 -0
- package/lib/KeyboardController.js.map +1 -0
- package/lib/Select.js +1 -1
- package/lib/Select.js.map +1 -1
- package/lib/Stack.js +1 -1
- package/lib/Stack.js.map +1 -1
- package/lib/Table.js +1 -1
- package/lib/Table.js.map +1 -1
- package/lib/VisuallyHidden.js +1 -1
- package/lib/VisuallyHidden.js.map +1 -1
- package/lib/collection.js +2 -0
- package/lib/collection.js.map +1 -0
- package/lib/directive-40a31ee2.js +12 -0
- package/lib/directive-40a31ee2.js.map +1 -0
- package/lib/events2.js +2 -0
- package/lib/events2.js.map +1 -0
- package/lib/focus.js +2 -0
- package/lib/focus.js.map +1 -0
- package/lib/index.js +1 -1
- package/lib/number.js +2 -0
- package/lib/number.js.map +1 -0
- package/lib/ref-857246ae.js +17 -0
- package/lib/ref-857246ae.js.map +1 -0
- package/lib/src/command-menu/CommandMenu.d.ts +83 -0
- package/lib/src/command-menu/CommandMenu.test.d.ts +1 -0
- package/lib/src/command-menu/CommandMenuAction.d.ts +25 -0
- package/lib/src/command-menu/ICommandMenuAction.d.ts +11 -0
- package/lib/src/command-menu/KeyboardController.d.ts +19 -0
- package/lib/src/command-menu/events.d.ts +6 -0
- package/lib/src/common/collection.d.ts +7 -0
- package/lib/src/common/controllers/LightDismissController.d.ts +16 -0
- package/lib/src/common/controllers/ShortcutController.d.ts +15 -0
- package/lib/src/common/focus.d.ts +4 -0
- package/lib/src/common/number.d.ts +5 -0
- package/lib/src/icon/Icon.d.ts +65 -0
- package/lib/src/icon/Icon.test.d.ts +1 -0
- package/lib/src/index.d.ts +8 -5
- package/lib/unsafe-html-7028f0a1.js +7 -0
- package/lib/unsafe-html-7028f0a1.js.map +1 -0
- package/package.json +34 -11
- package/lib/DraftComponentMixin-47a01537.js +0 -44
- package/lib/DraftComponentMixin-47a01537.js.map +0 -1
- package/lib/FormAssociatedMixin-887edc78.js +0 -7
- package/lib/FormAssociatedMixin-887edc78.js.map +0 -1
- package/lib/InputMixin-03841680.js +0 -27
- package/lib/InputMixin-03841680.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
"exports": [
|
|
10
10
|
{
|
|
11
11
|
"kind": "js",
|
|
12
|
-
"name": "
|
|
12
|
+
"name": "Badge",
|
|
13
13
|
"declaration": {
|
|
14
14
|
"name": "default",
|
|
15
|
-
"module": "\"./
|
|
15
|
+
"module": "\"./badge/Badge.js\""
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
{
|
|
@@ -25,50 +25,74 @@
|
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
"kind": "js",
|
|
28
|
-
"name": "
|
|
28
|
+
"name": "Card",
|
|
29
29
|
"declaration": {
|
|
30
30
|
"name": "default",
|
|
31
|
-
"module": "\"./
|
|
31
|
+
"module": "\"./card/Card.js\""
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"kind": "js",
|
|
36
|
-
"name": "
|
|
36
|
+
"name": "Input",
|
|
37
37
|
"declaration": {
|
|
38
38
|
"name": "default",
|
|
39
|
-
"module": "\"./
|
|
39
|
+
"module": "\"./input/Input.js\""
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
"kind": "js",
|
|
44
|
-
"name": "
|
|
44
|
+
"name": "Icon",
|
|
45
45
|
"declaration": {
|
|
46
46
|
"name": "default",
|
|
47
|
-
"module": "\"./
|
|
47
|
+
"module": "\"./icon/Icon.js\""
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
51
|
"kind": "js",
|
|
52
|
-
"name": "
|
|
52
|
+
"name": "CommandMenu",
|
|
53
53
|
"declaration": {
|
|
54
54
|
"name": "default",
|
|
55
|
-
"module": "\"./
|
|
55
|
+
"module": "\"./command-menu/CommandMenu.js\""
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
"kind": "js",
|
|
60
|
-
"name": "
|
|
60
|
+
"name": "CommandMenuAction",
|
|
61
61
|
"declaration": {
|
|
62
62
|
"name": "default",
|
|
63
|
-
"module": "\"./
|
|
63
|
+
"module": "\"./command-menu/CommandMenuAction.js\""
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
{
|
|
67
67
|
"kind": "js",
|
|
68
|
-
"name": "
|
|
68
|
+
"name": "Select",
|
|
69
69
|
"declaration": {
|
|
70
70
|
"name": "default",
|
|
71
|
-
"module": "\"./
|
|
71
|
+
"module": "\"./select/Select.js\""
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"kind": "js",
|
|
76
|
+
"name": "Stack",
|
|
77
|
+
"declaration": {
|
|
78
|
+
"name": "default",
|
|
79
|
+
"module": "\"./stack/Stack.js\""
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"kind": "js",
|
|
84
|
+
"name": "Table",
|
|
85
|
+
"declaration": {
|
|
86
|
+
"name": "default",
|
|
87
|
+
"module": "\"./table/Table.js\""
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"kind": "js",
|
|
92
|
+
"name": "VisuallyHidden",
|
|
93
|
+
"declaration": {
|
|
94
|
+
"name": "default",
|
|
95
|
+
"module": "\"./visually-hidden/VisuallyHidden.js\""
|
|
72
96
|
}
|
|
73
97
|
}
|
|
74
98
|
]
|
|
@@ -326,6 +350,7 @@
|
|
|
326
350
|
{
|
|
327
351
|
"kind": "field",
|
|
328
352
|
"name": "form",
|
|
353
|
+
"privacy": "protected",
|
|
329
354
|
"description": "Gets the form, if any, associated with the input element.",
|
|
330
355
|
"inheritedFrom": {
|
|
331
356
|
"name": "InputMixin",
|
|
@@ -652,235 +677,1187 @@
|
|
|
652
677
|
},
|
|
653
678
|
{
|
|
654
679
|
"kind": "javascript-module",
|
|
655
|
-
"path": "src/
|
|
680
|
+
"path": "src/command-menu/CommandMenu.ts",
|
|
656
681
|
"declarations": [
|
|
657
682
|
{
|
|
658
683
|
"kind": "class",
|
|
659
|
-
"description": "
|
|
660
|
-
"name": "
|
|
661
|
-
"
|
|
662
|
-
"name": "Event",
|
|
663
|
-
"module": "src/common/events.ts"
|
|
664
|
-
},
|
|
665
|
-
"status": null,
|
|
666
|
-
"category": null
|
|
667
|
-
}
|
|
668
|
-
],
|
|
669
|
-
"exports": [
|
|
670
|
-
{
|
|
671
|
-
"kind": "js",
|
|
672
|
-
"name": "NordEvent",
|
|
673
|
-
"declaration": {
|
|
674
|
-
"name": "NordEvent",
|
|
675
|
-
"module": "src/common/events.ts"
|
|
676
|
-
}
|
|
677
|
-
}
|
|
678
|
-
]
|
|
679
|
-
},
|
|
680
|
-
{
|
|
681
|
-
"kind": "javascript-module",
|
|
682
|
-
"path": "src/common/ref.ts",
|
|
683
|
-
"declarations": [
|
|
684
|
-
{
|
|
685
|
-
"kind": "function",
|
|
686
|
-
"name": "mergeRefs",
|
|
687
|
-
"return": {
|
|
688
|
-
"type": {
|
|
689
|
-
"text": "RefCallback"
|
|
690
|
-
}
|
|
691
|
-
},
|
|
692
|
-
"parameters": [
|
|
684
|
+
"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.",
|
|
685
|
+
"name": "CommandMenu",
|
|
686
|
+
"slots": [
|
|
693
687
|
{
|
|
694
|
-
"
|
|
695
|
-
"
|
|
696
|
-
"text": "Ref[]"
|
|
697
|
-
}
|
|
688
|
+
"description": "Used to replace the default footer contents.",
|
|
689
|
+
"name": "footer"
|
|
698
690
|
}
|
|
699
691
|
],
|
|
700
|
-
"
|
|
701
|
-
}
|
|
702
|
-
],
|
|
703
|
-
"exports": [
|
|
704
|
-
{
|
|
705
|
-
"kind": "js",
|
|
706
|
-
"name": "mergeRefs",
|
|
707
|
-
"declaration": {
|
|
708
|
-
"name": "mergeRefs",
|
|
709
|
-
"module": "src/common/ref.ts"
|
|
710
|
-
}
|
|
711
|
-
}
|
|
712
|
-
]
|
|
713
|
-
},
|
|
714
|
-
{
|
|
715
|
-
"kind": "javascript-module",
|
|
716
|
-
"path": "src/input/Input.ts",
|
|
717
|
-
"declarations": [
|
|
718
|
-
{
|
|
719
|
-
"kind": "class",
|
|
720
|
-
"description": "Inputs are used to allow users to provide text input when the expected input is short.\nAs well as plain text, Input supports various types of text, including passwords and numbers.",
|
|
721
|
-
"name": "Input",
|
|
722
|
-
"slots": [
|
|
692
|
+
"members": [
|
|
723
693
|
{
|
|
724
|
-
"
|
|
725
|
-
"name": "
|
|
694
|
+
"kind": "field",
|
|
695
|
+
"name": "inputRef",
|
|
696
|
+
"privacy": "private"
|
|
726
697
|
},
|
|
727
698
|
{
|
|
728
|
-
"
|
|
729
|
-
"name": "
|
|
699
|
+
"kind": "field",
|
|
700
|
+
"name": "listRef",
|
|
701
|
+
"privacy": "private"
|
|
730
702
|
},
|
|
731
703
|
{
|
|
732
|
-
"
|
|
733
|
-
"name": "
|
|
704
|
+
"kind": "field",
|
|
705
|
+
"name": "previousFocus",
|
|
706
|
+
"type": {
|
|
707
|
+
"text": "HTMLElement | undefined"
|
|
708
|
+
},
|
|
709
|
+
"privacy": "private"
|
|
734
710
|
},
|
|
735
711
|
{
|
|
736
|
-
"
|
|
737
|
-
"name": "
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
712
|
+
"kind": "field",
|
|
713
|
+
"name": "dismissController",
|
|
714
|
+
"privacy": "private",
|
|
715
|
+
"default": "new LightDismissController(this, {\n isOpen: () => this.open,\n onDismiss: () => this.close(),\n })"
|
|
716
|
+
},
|
|
741
717
|
{
|
|
742
718
|
"kind": "field",
|
|
743
|
-
"name": "
|
|
719
|
+
"name": "keyboardController",
|
|
720
|
+
"privacy": "private",
|
|
721
|
+
"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 })"
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"kind": "field",
|
|
725
|
+
"name": "open",
|
|
744
726
|
"type": {
|
|
745
|
-
"text": "
|
|
727
|
+
"text": "boolean"
|
|
746
728
|
},
|
|
747
|
-
"default": "
|
|
748
|
-
"description": "
|
|
749
|
-
"attribute": "
|
|
729
|
+
"default": "false",
|
|
730
|
+
"description": "Show or hide the command menu.",
|
|
731
|
+
"attribute": "open"
|
|
750
732
|
},
|
|
751
733
|
{
|
|
752
734
|
"kind": "field",
|
|
753
|
-
"name": "
|
|
735
|
+
"name": "placeholder",
|
|
754
736
|
"type": {
|
|
755
|
-
"text": "string
|
|
737
|
+
"text": "string"
|
|
756
738
|
},
|
|
757
|
-
"
|
|
758
|
-
"
|
|
739
|
+
"default": "\"Type a command or search...\"",
|
|
740
|
+
"description": "Hint text to display in the search field.",
|
|
741
|
+
"attribute": "placeholder"
|
|
759
742
|
},
|
|
760
743
|
{
|
|
761
744
|
"kind": "field",
|
|
762
|
-
"name": "
|
|
745
|
+
"name": "commands",
|
|
763
746
|
"type": {
|
|
764
|
-
"text": "
|
|
747
|
+
"text": "Array<ICommandMenuAction>"
|
|
765
748
|
},
|
|
766
|
-
"default": "
|
|
767
|
-
"description": "
|
|
768
|
-
"attribute": "hide-label"
|
|
749
|
+
"default": "[]",
|
|
750
|
+
"description": "Array of commands to be included in the menu."
|
|
769
751
|
},
|
|
770
752
|
{
|
|
771
753
|
"kind": "field",
|
|
772
|
-
"name": "
|
|
754
|
+
"name": "parent",
|
|
773
755
|
"type": {
|
|
774
756
|
"text": "string | undefined"
|
|
775
757
|
},
|
|
776
|
-
"
|
|
777
|
-
"attribute": "placeholder"
|
|
758
|
+
"privacy": "private"
|
|
778
759
|
},
|
|
779
760
|
{
|
|
780
761
|
"kind": "field",
|
|
781
|
-
"name": "
|
|
762
|
+
"name": "search",
|
|
782
763
|
"type": {
|
|
783
|
-
"text": "string
|
|
764
|
+
"text": "string"
|
|
784
765
|
},
|
|
785
|
-
"
|
|
786
|
-
"
|
|
766
|
+
"privacy": "private",
|
|
767
|
+
"default": "\"\""
|
|
787
768
|
},
|
|
788
769
|
{
|
|
789
770
|
"kind": "field",
|
|
790
|
-
"name": "
|
|
771
|
+
"name": "bump",
|
|
791
772
|
"type": {
|
|
792
773
|
"text": "boolean"
|
|
793
774
|
},
|
|
794
|
-
"
|
|
795
|
-
"
|
|
796
|
-
"attribute": "expand",
|
|
797
|
-
"reflects": true
|
|
775
|
+
"privacy": "private",
|
|
776
|
+
"default": "true"
|
|
798
777
|
},
|
|
799
778
|
{
|
|
800
|
-
"kind": "
|
|
801
|
-
"name": "
|
|
779
|
+
"kind": "field",
|
|
780
|
+
"name": "selectedIndex",
|
|
781
|
+
"type": {
|
|
782
|
+
"text": "number"
|
|
783
|
+
},
|
|
784
|
+
"privacy": "private",
|
|
785
|
+
"default": "0"
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"kind": "field",
|
|
789
|
+
"name": "filteredCommands",
|
|
790
|
+
"type": {
|
|
791
|
+
"text": "Array<ICommandMenuAction>"
|
|
792
|
+
},
|
|
802
793
|
"privacy": "private",
|
|
794
|
+
"default": "[]"
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"kind": "field",
|
|
798
|
+
"name": "selected",
|
|
799
|
+
"type": {
|
|
800
|
+
"text": "ICommandMenuAction"
|
|
801
|
+
},
|
|
802
|
+
"privacy": "private"
|
|
803
|
+
},
|
|
804
|
+
{
|
|
805
|
+
"kind": "method",
|
|
806
|
+
"name": "show",
|
|
803
807
|
"parameters": [
|
|
804
808
|
{
|
|
805
|
-
"name": "
|
|
809
|
+
"name": "options",
|
|
810
|
+
"default": "{}",
|
|
806
811
|
"type": {
|
|
807
|
-
"text": "
|
|
808
|
-
}
|
|
812
|
+
"text": "{ parent?: string }"
|
|
813
|
+
},
|
|
814
|
+
"description": "allows you to open the menu filtered to a specific parent command."
|
|
809
815
|
}
|
|
810
|
-
]
|
|
816
|
+
],
|
|
817
|
+
"description": "Show the command menu programmatically."
|
|
811
818
|
},
|
|
812
819
|
{
|
|
813
820
|
"kind": "method",
|
|
814
|
-
"name": "
|
|
815
|
-
"
|
|
821
|
+
"name": "close",
|
|
822
|
+
"description": "Close the command menu programmatically."
|
|
816
823
|
},
|
|
817
824
|
{
|
|
818
825
|
"kind": "method",
|
|
819
|
-
"name": "
|
|
820
|
-
"
|
|
826
|
+
"name": "toggleOpen",
|
|
827
|
+
"description": "Toggle the open state programmatically."
|
|
821
828
|
},
|
|
822
829
|
{
|
|
823
830
|
"kind": "method",
|
|
824
|
-
"name": "
|
|
831
|
+
"name": "focus",
|
|
832
|
+
"description": "Focus the command menu's input."
|
|
833
|
+
},
|
|
834
|
+
{
|
|
835
|
+
"kind": "method",
|
|
836
|
+
"name": "renderNoResults",
|
|
825
837
|
"privacy": "private"
|
|
826
838
|
},
|
|
827
839
|
{
|
|
828
840
|
"kind": "method",
|
|
829
|
-
"name": "
|
|
841
|
+
"name": "renderSection",
|
|
830
842
|
"privacy": "private",
|
|
831
843
|
"parameters": [
|
|
832
844
|
{
|
|
833
|
-
"name": "
|
|
845
|
+
"name": "section",
|
|
834
846
|
"type": {
|
|
835
|
-
"text": "string"
|
|
847
|
+
"text": "string | undefined"
|
|
848
|
+
}
|
|
849
|
+
},
|
|
850
|
+
{
|
|
851
|
+
"name": "commands",
|
|
852
|
+
"type": {
|
|
853
|
+
"text": "ICommandMenuAction[]"
|
|
836
854
|
}
|
|
837
855
|
}
|
|
838
856
|
]
|
|
839
857
|
},
|
|
840
858
|
{
|
|
841
|
-
"kind": "
|
|
842
|
-
"name": "
|
|
843
|
-
"
|
|
844
|
-
"text": "string"
|
|
845
|
-
},
|
|
846
|
-
"default": "\"\"",
|
|
847
|
-
"description": "Label for the input.",
|
|
848
|
-
"attribute": "label",
|
|
849
|
-
"inheritedFrom": {
|
|
850
|
-
"name": "FormAssociatedMixin",
|
|
851
|
-
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
852
|
-
}
|
|
853
|
-
},
|
|
854
|
-
{
|
|
855
|
-
"kind": "field",
|
|
856
|
-
"name": "required",
|
|
857
|
-
"type": {
|
|
858
|
-
"text": "boolean"
|
|
859
|
-
},
|
|
860
|
-
"default": "false",
|
|
861
|
-
"description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
|
|
862
|
-
"attribute": "required",
|
|
863
|
-
"inheritedFrom": {
|
|
864
|
-
"name": "FormAssociatedMixin",
|
|
865
|
-
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
866
|
-
}
|
|
859
|
+
"kind": "method",
|
|
860
|
+
"name": "handleAnimationEnd",
|
|
861
|
+
"privacy": "private"
|
|
867
862
|
},
|
|
868
863
|
{
|
|
869
|
-
"kind": "
|
|
870
|
-
"name": "
|
|
871
|
-
"privacy": "private"
|
|
872
|
-
"inheritedFrom": {
|
|
873
|
-
"name": "FormAssociatedMixin",
|
|
874
|
-
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
875
|
-
}
|
|
864
|
+
"kind": "method",
|
|
865
|
+
"name": "handleBlur",
|
|
866
|
+
"privacy": "private"
|
|
876
867
|
},
|
|
877
868
|
{
|
|
878
869
|
"kind": "method",
|
|
879
|
-
"name": "
|
|
880
|
-
"privacy": "
|
|
870
|
+
"name": "handleInput",
|
|
871
|
+
"privacy": "private",
|
|
881
872
|
"parameters": [
|
|
882
873
|
{
|
|
883
|
-
"name": "
|
|
874
|
+
"name": "event",
|
|
875
|
+
"type": {
|
|
876
|
+
"text": "KeyboardEvent"
|
|
877
|
+
}
|
|
878
|
+
}
|
|
879
|
+
]
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"kind": "method",
|
|
883
|
+
"name": "select",
|
|
884
|
+
"privacy": "private",
|
|
885
|
+
"parameters": [
|
|
886
|
+
{
|
|
887
|
+
"name": "command",
|
|
888
|
+
"default": "this.selected",
|
|
889
|
+
"type": {
|
|
890
|
+
"text": "ICommandMenuAction"
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
]
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"kind": "method",
|
|
897
|
+
"name": "start",
|
|
898
|
+
"privacy": "private"
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"kind": "method",
|
|
902
|
+
"name": "end",
|
|
903
|
+
"privacy": "private"
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"kind": "method",
|
|
907
|
+
"name": "next",
|
|
908
|
+
"privacy": "private"
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"kind": "method",
|
|
912
|
+
"name": "previous",
|
|
913
|
+
"privacy": "private"
|
|
914
|
+
},
|
|
915
|
+
{
|
|
916
|
+
"kind": "method",
|
|
917
|
+
"name": "goBack",
|
|
918
|
+
"privacy": "private"
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"kind": "method",
|
|
922
|
+
"name": "setParent",
|
|
923
|
+
"privacy": "private",
|
|
924
|
+
"parameters": [
|
|
925
|
+
{
|
|
926
|
+
"name": "parent",
|
|
927
|
+
"optional": true,
|
|
928
|
+
"type": {
|
|
929
|
+
"text": "string"
|
|
930
|
+
}
|
|
931
|
+
}
|
|
932
|
+
]
|
|
933
|
+
},
|
|
934
|
+
{
|
|
935
|
+
"kind": "method",
|
|
936
|
+
"name": "setSearch",
|
|
937
|
+
"privacy": "private",
|
|
938
|
+
"parameters": [
|
|
939
|
+
{
|
|
940
|
+
"name": "str",
|
|
941
|
+
"type": {
|
|
942
|
+
"text": "string"
|
|
943
|
+
}
|
|
944
|
+
}
|
|
945
|
+
]
|
|
946
|
+
},
|
|
947
|
+
{
|
|
948
|
+
"kind": "method",
|
|
949
|
+
"name": "filterCommands",
|
|
950
|
+
"privacy": "private"
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"kind": "field",
|
|
954
|
+
"name": "_warningLogged",
|
|
955
|
+
"type": {
|
|
956
|
+
"text": "boolean"
|
|
957
|
+
},
|
|
958
|
+
"privacy": "private",
|
|
959
|
+
"static": true,
|
|
960
|
+
"default": "false",
|
|
961
|
+
"inheritedFrom": {
|
|
962
|
+
"name": "DraftComponentMixin",
|
|
963
|
+
"module": "src/common/mixins/DraftComponentMixin.ts"
|
|
964
|
+
}
|
|
965
|
+
}
|
|
966
|
+
],
|
|
967
|
+
"events": [
|
|
968
|
+
{
|
|
969
|
+
"name": "open",
|
|
970
|
+
"type": {
|
|
971
|
+
"text": "NordEvent"
|
|
972
|
+
},
|
|
973
|
+
"description": "The command menu was opened foo."
|
|
974
|
+
},
|
|
975
|
+
{
|
|
976
|
+
"name": "close",
|
|
977
|
+
"type": {
|
|
978
|
+
"text": "NordEvent"
|
|
979
|
+
},
|
|
980
|
+
"description": "The command menu was closed bar."
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"type": {
|
|
984
|
+
"text": "SelectEvent"
|
|
985
|
+
},
|
|
986
|
+
"description": "User selected a command from the menu.",
|
|
987
|
+
"name": "n-select"
|
|
988
|
+
}
|
|
989
|
+
],
|
|
990
|
+
"attributes": [
|
|
991
|
+
{
|
|
992
|
+
"name": "open",
|
|
993
|
+
"type": {
|
|
994
|
+
"text": "boolean"
|
|
995
|
+
},
|
|
996
|
+
"default": "false",
|
|
997
|
+
"description": "Show or hide the command menu.",
|
|
998
|
+
"fieldName": "open"
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "placeholder",
|
|
1002
|
+
"type": {
|
|
1003
|
+
"text": "string"
|
|
1004
|
+
},
|
|
1005
|
+
"default": "\"Type a command or search...\"",
|
|
1006
|
+
"description": "Hint text to display in the search field.",
|
|
1007
|
+
"fieldName": "placeholder"
|
|
1008
|
+
}
|
|
1009
|
+
],
|
|
1010
|
+
"mixins": [
|
|
1011
|
+
{
|
|
1012
|
+
"name": "DraftComponentMixin",
|
|
1013
|
+
"module": "/src/common/mixins/DraftComponentMixin.js"
|
|
1014
|
+
}
|
|
1015
|
+
],
|
|
1016
|
+
"superclass": {
|
|
1017
|
+
"name": "LitElement",
|
|
1018
|
+
"package": "lit"
|
|
1019
|
+
},
|
|
1020
|
+
"status": "draft",
|
|
1021
|
+
"category": "action",
|
|
1022
|
+
"tagName": "nord-command-menu",
|
|
1023
|
+
"customElement": true
|
|
1024
|
+
}
|
|
1025
|
+
],
|
|
1026
|
+
"exports": [
|
|
1027
|
+
{
|
|
1028
|
+
"kind": "js",
|
|
1029
|
+
"name": "default",
|
|
1030
|
+
"declaration": {
|
|
1031
|
+
"name": "CommandMenu",
|
|
1032
|
+
"module": "src/command-menu/CommandMenu.ts"
|
|
1033
|
+
}
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"kind": "custom-element-definition",
|
|
1037
|
+
"name": "nord-command-menu",
|
|
1038
|
+
"declaration": {
|
|
1039
|
+
"name": "CommandMenu",
|
|
1040
|
+
"module": "src/command-menu/CommandMenu.ts"
|
|
1041
|
+
}
|
|
1042
|
+
}
|
|
1043
|
+
]
|
|
1044
|
+
},
|
|
1045
|
+
{
|
|
1046
|
+
"kind": "javascript-module",
|
|
1047
|
+
"path": "src/command-menu/CommandMenuAction.ts",
|
|
1048
|
+
"declarations": [
|
|
1049
|
+
{
|
|
1050
|
+
"kind": "class",
|
|
1051
|
+
"description": "Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.",
|
|
1052
|
+
"name": "CommandMenuAction",
|
|
1053
|
+
"members": [
|
|
1054
|
+
{
|
|
1055
|
+
"kind": "field",
|
|
1056
|
+
"name": "command",
|
|
1057
|
+
"type": {
|
|
1058
|
+
"text": "ICommandMenuAction"
|
|
1059
|
+
},
|
|
1060
|
+
"attribute": "command"
|
|
1061
|
+
},
|
|
1062
|
+
{
|
|
1063
|
+
"kind": "field",
|
|
1064
|
+
"name": "selected",
|
|
1065
|
+
"type": {
|
|
1066
|
+
"text": "boolean"
|
|
1067
|
+
},
|
|
1068
|
+
"default": "false",
|
|
1069
|
+
"attribute": "selected"
|
|
1070
|
+
},
|
|
1071
|
+
{
|
|
1072
|
+
"kind": "method",
|
|
1073
|
+
"name": "ensureInView",
|
|
1074
|
+
"privacy": "private",
|
|
1075
|
+
"description": "Scroll to show element"
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"kind": "method",
|
|
1079
|
+
"name": "renderShortcut",
|
|
1080
|
+
"privacy": "private"
|
|
1081
|
+
}
|
|
1082
|
+
],
|
|
1083
|
+
"attributes": [
|
|
1084
|
+
{
|
|
1085
|
+
"name": "command",
|
|
1086
|
+
"type": {
|
|
1087
|
+
"text": "ICommandMenuAction"
|
|
1088
|
+
},
|
|
1089
|
+
"fieldName": "command"
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"name": "selected",
|
|
1093
|
+
"type": {
|
|
1094
|
+
"text": "boolean"
|
|
1095
|
+
},
|
|
1096
|
+
"default": "false",
|
|
1097
|
+
"fieldName": "selected"
|
|
1098
|
+
}
|
|
1099
|
+
],
|
|
1100
|
+
"superclass": {
|
|
1101
|
+
"name": "LitElement",
|
|
1102
|
+
"package": "lit"
|
|
1103
|
+
},
|
|
1104
|
+
"status": "internal",
|
|
1105
|
+
"category": null,
|
|
1106
|
+
"tagName": "nord-command-menu-action",
|
|
1107
|
+
"customElement": true
|
|
1108
|
+
}
|
|
1109
|
+
],
|
|
1110
|
+
"exports": [
|
|
1111
|
+
{
|
|
1112
|
+
"kind": "js",
|
|
1113
|
+
"name": "default",
|
|
1114
|
+
"declaration": {
|
|
1115
|
+
"name": "CommandMenuAction",
|
|
1116
|
+
"module": "src/command-menu/CommandMenuAction.ts"
|
|
1117
|
+
}
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"kind": "custom-element-definition",
|
|
1121
|
+
"name": "nord-command-menu-action",
|
|
1122
|
+
"declaration": {
|
|
1123
|
+
"name": "CommandMenuAction",
|
|
1124
|
+
"module": "src/command-menu/CommandMenuAction.ts"
|
|
1125
|
+
}
|
|
1126
|
+
}
|
|
1127
|
+
]
|
|
1128
|
+
},
|
|
1129
|
+
{
|
|
1130
|
+
"kind": "javascript-module",
|
|
1131
|
+
"path": "src/command-menu/ICommandMenuAction.ts",
|
|
1132
|
+
"declarations": [],
|
|
1133
|
+
"exports": []
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"kind": "javascript-module",
|
|
1137
|
+
"path": "src/command-menu/KeyboardController.ts",
|
|
1138
|
+
"declarations": [
|
|
1139
|
+
{
|
|
1140
|
+
"kind": "class",
|
|
1141
|
+
"description": "",
|
|
1142
|
+
"name": "KeyboardController",
|
|
1143
|
+
"members": [
|
|
1144
|
+
{
|
|
1145
|
+
"kind": "field",
|
|
1146
|
+
"name": "host",
|
|
1147
|
+
"type": {
|
|
1148
|
+
"text": "CommandMenu"
|
|
1149
|
+
},
|
|
1150
|
+
"privacy": "private",
|
|
1151
|
+
"default": "host"
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
"kind": "field",
|
|
1155
|
+
"name": "globalShortcuts",
|
|
1156
|
+
"type": {
|
|
1157
|
+
"text": "ShortcutController"
|
|
1158
|
+
},
|
|
1159
|
+
"privacy": "private",
|
|
1160
|
+
"default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
|
|
1161
|
+
},
|
|
1162
|
+
{
|
|
1163
|
+
"kind": "field",
|
|
1164
|
+
"name": "navigationShortcuts",
|
|
1165
|
+
"type": {
|
|
1166
|
+
"text": "ShortcutController"
|
|
1167
|
+
},
|
|
1168
|
+
"privacy": "private",
|
|
1169
|
+
"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 )"
|
|
1170
|
+
},
|
|
1171
|
+
{
|
|
1172
|
+
"kind": "field",
|
|
1173
|
+
"name": "commandShortcuts",
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "ShortcutController"
|
|
1176
|
+
},
|
|
1177
|
+
"privacy": "private",
|
|
1178
|
+
"default": "new ShortcutController(host)"
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"kind": "method",
|
|
1182
|
+
"name": "registerCommandShortcuts"
|
|
1183
|
+
}
|
|
1184
|
+
]
|
|
1185
|
+
}
|
|
1186
|
+
],
|
|
1187
|
+
"exports": [
|
|
1188
|
+
{
|
|
1189
|
+
"kind": "js",
|
|
1190
|
+
"name": "KeyboardController",
|
|
1191
|
+
"declaration": {
|
|
1192
|
+
"name": "KeyboardController",
|
|
1193
|
+
"module": "src/command-menu/KeyboardController.ts"
|
|
1194
|
+
}
|
|
1195
|
+
}
|
|
1196
|
+
]
|
|
1197
|
+
},
|
|
1198
|
+
{
|
|
1199
|
+
"kind": "javascript-module",
|
|
1200
|
+
"path": "src/command-menu/events.ts",
|
|
1201
|
+
"declarations": [
|
|
1202
|
+
{
|
|
1203
|
+
"kind": "class",
|
|
1204
|
+
"description": "",
|
|
1205
|
+
"name": "SelectEvent",
|
|
1206
|
+
"members": [
|
|
1207
|
+
{
|
|
1208
|
+
"kind": "field",
|
|
1209
|
+
"name": "command",
|
|
1210
|
+
"type": {
|
|
1211
|
+
"text": "ICommandMenuAction"
|
|
1212
|
+
},
|
|
1213
|
+
"default": "command"
|
|
1214
|
+
}
|
|
1215
|
+
],
|
|
1216
|
+
"superclass": {
|
|
1217
|
+
"name": "NordEvent",
|
|
1218
|
+
"module": "/src/common/events.js"
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
],
|
|
1222
|
+
"exports": [
|
|
1223
|
+
{
|
|
1224
|
+
"kind": "js",
|
|
1225
|
+
"name": "SelectEvent",
|
|
1226
|
+
"declaration": {
|
|
1227
|
+
"name": "SelectEvent",
|
|
1228
|
+
"module": "src/command-menu/events.ts"
|
|
1229
|
+
}
|
|
1230
|
+
}
|
|
1231
|
+
]
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"kind": "javascript-module",
|
|
1235
|
+
"path": "src/icon/Icon.ts",
|
|
1236
|
+
"declarations": [
|
|
1237
|
+
{
|
|
1238
|
+
"kind": "class",
|
|
1239
|
+
"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.",
|
|
1240
|
+
"name": "Icon",
|
|
1241
|
+
"members": [
|
|
1242
|
+
{
|
|
1243
|
+
"kind": "field",
|
|
1244
|
+
"name": "resolver",
|
|
1245
|
+
"type": {
|
|
1246
|
+
"text": "IconResolver"
|
|
1247
|
+
},
|
|
1248
|
+
"privacy": "private",
|
|
1249
|
+
"static": true
|
|
1250
|
+
},
|
|
1251
|
+
{
|
|
1252
|
+
"kind": "field",
|
|
1253
|
+
"name": "registeredIcons",
|
|
1254
|
+
"privacy": "private",
|
|
1255
|
+
"static": true,
|
|
1256
|
+
"default": "new Map<string, string>()"
|
|
1257
|
+
},
|
|
1258
|
+
{
|
|
1259
|
+
"kind": "method",
|
|
1260
|
+
"name": "registerResolver",
|
|
1261
|
+
"static": true,
|
|
1262
|
+
"parameters": [
|
|
1263
|
+
{
|
|
1264
|
+
"name": "resolver",
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "IconResolver"
|
|
1267
|
+
},
|
|
1268
|
+
"description": "The resolver function to register."
|
|
1269
|
+
}
|
|
1270
|
+
],
|
|
1271
|
+
"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."
|
|
1272
|
+
},
|
|
1273
|
+
{
|
|
1274
|
+
"kind": "method",
|
|
1275
|
+
"name": "registerIcon",
|
|
1276
|
+
"static": true,
|
|
1277
|
+
"return": {
|
|
1278
|
+
"type": {
|
|
1279
|
+
"text": "void"
|
|
1280
|
+
}
|
|
1281
|
+
},
|
|
1282
|
+
"parameters": [
|
|
1283
|
+
{
|
|
1284
|
+
"name": "icon",
|
|
1285
|
+
"type": {
|
|
1286
|
+
"text": "{ title: string; default: string }"
|
|
1287
|
+
},
|
|
1288
|
+
"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."
|
|
1289
|
+
}
|
|
1290
|
+
],
|
|
1291
|
+
"description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
|
|
1292
|
+
},
|
|
1293
|
+
{
|
|
1294
|
+
"kind": "method",
|
|
1295
|
+
"name": "registerIcon",
|
|
1296
|
+
"static": true,
|
|
1297
|
+
"return": {
|
|
1298
|
+
"type": {
|
|
1299
|
+
"text": "void"
|
|
1300
|
+
}
|
|
1301
|
+
},
|
|
1302
|
+
"parameters": [
|
|
1303
|
+
{
|
|
1304
|
+
"name": "name",
|
|
1305
|
+
"type": {
|
|
1306
|
+
"text": "string"
|
|
1307
|
+
},
|
|
1308
|
+
"description": "The name of the icon to be registered."
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"name": "icon",
|
|
1312
|
+
"type": {
|
|
1313
|
+
"text": "string"
|
|
1314
|
+
},
|
|
1315
|
+
"description": "The SVG string for the icon."
|
|
1316
|
+
}
|
|
1317
|
+
],
|
|
1318
|
+
"description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"kind": "method",
|
|
1322
|
+
"name": "registerIcon",
|
|
1323
|
+
"static": true,
|
|
1324
|
+
"parameters": [
|
|
1325
|
+
{
|
|
1326
|
+
"name": "iconOrName",
|
|
1327
|
+
"type": {
|
|
1328
|
+
"text": "string | { title: string; default: string }"
|
|
1329
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"name": "icon",
|
|
1333
|
+
"optional": true,
|
|
1334
|
+
"type": {
|
|
1335
|
+
"text": "string"
|
|
1336
|
+
}
|
|
1337
|
+
}
|
|
1338
|
+
]
|
|
1339
|
+
},
|
|
1340
|
+
{
|
|
1341
|
+
"kind": "field",
|
|
1342
|
+
"name": "name",
|
|
1343
|
+
"type": {
|
|
1344
|
+
"text": "string"
|
|
1345
|
+
},
|
|
1346
|
+
"default": "\"\"",
|
|
1347
|
+
"description": "The name of the icon to display, as defined by nordicons.",
|
|
1348
|
+
"attribute": "name",
|
|
1349
|
+
"reflects": true
|
|
1350
|
+
},
|
|
1351
|
+
{
|
|
1352
|
+
"kind": "field",
|
|
1353
|
+
"name": "size",
|
|
1354
|
+
"type": {
|
|
1355
|
+
"text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
|
|
1356
|
+
},
|
|
1357
|
+
"default": "\"m\"",
|
|
1358
|
+
"description": "The size of the icon.",
|
|
1359
|
+
"attribute": "size",
|
|
1360
|
+
"reflects": true
|
|
1361
|
+
},
|
|
1362
|
+
{
|
|
1363
|
+
"kind": "field",
|
|
1364
|
+
"name": "color",
|
|
1365
|
+
"type": {
|
|
1366
|
+
"text": "string | undefined"
|
|
1367
|
+
},
|
|
1368
|
+
"description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
|
|
1369
|
+
"attribute": "color",
|
|
1370
|
+
"reflects": true
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
"kind": "field",
|
|
1374
|
+
"name": "label",
|
|
1375
|
+
"type": {
|
|
1376
|
+
"text": "string | undefined"
|
|
1377
|
+
},
|
|
1378
|
+
"description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
|
|
1379
|
+
"attribute": "label",
|
|
1380
|
+
"reflects": true
|
|
1381
|
+
},
|
|
1382
|
+
{
|
|
1383
|
+
"kind": "field",
|
|
1384
|
+
"name": "svg",
|
|
1385
|
+
"type": {
|
|
1386
|
+
"text": "string"
|
|
1387
|
+
},
|
|
1388
|
+
"privacy": "private",
|
|
1389
|
+
"default": "\"\""
|
|
1390
|
+
},
|
|
1391
|
+
{
|
|
1392
|
+
"kind": "method",
|
|
1393
|
+
"name": "resolve",
|
|
1394
|
+
"privacy": "private",
|
|
1395
|
+
"return": {
|
|
1396
|
+
"type": {
|
|
1397
|
+
"text": "string | Promise<string>"
|
|
1398
|
+
}
|
|
1399
|
+
}
|
|
1400
|
+
},
|
|
1401
|
+
{
|
|
1402
|
+
"kind": "field",
|
|
1403
|
+
"name": "_warningLogged",
|
|
1404
|
+
"type": {
|
|
1405
|
+
"text": "boolean"
|
|
1406
|
+
},
|
|
1407
|
+
"privacy": "private",
|
|
1408
|
+
"static": true,
|
|
1409
|
+
"default": "false",
|
|
1410
|
+
"inheritedFrom": {
|
|
1411
|
+
"name": "DraftComponentMixin",
|
|
1412
|
+
"module": "src/common/mixins/DraftComponentMixin.ts"
|
|
1413
|
+
}
|
|
1414
|
+
}
|
|
1415
|
+
],
|
|
1416
|
+
"attributes": [
|
|
1417
|
+
{
|
|
1418
|
+
"name": "name",
|
|
1419
|
+
"type": {
|
|
1420
|
+
"text": "string"
|
|
1421
|
+
},
|
|
1422
|
+
"default": "\"\"",
|
|
1423
|
+
"description": "The name of the icon to display, as defined by nordicons.",
|
|
1424
|
+
"fieldName": "name"
|
|
1425
|
+
},
|
|
1426
|
+
{
|
|
1427
|
+
"name": "size",
|
|
1428
|
+
"type": {
|
|
1429
|
+
"text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
|
|
1430
|
+
},
|
|
1431
|
+
"default": "\"m\"",
|
|
1432
|
+
"description": "The size of the icon.",
|
|
1433
|
+
"fieldName": "size"
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "color",
|
|
1437
|
+
"type": {
|
|
1438
|
+
"text": "string | undefined"
|
|
1439
|
+
},
|
|
1440
|
+
"description": "The color of the icon.\nCan accept any valid CSS color value, including custom properties.",
|
|
1441
|
+
"fieldName": "color"
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "label",
|
|
1445
|
+
"type": {
|
|
1446
|
+
"text": "string | undefined"
|
|
1447
|
+
},
|
|
1448
|
+
"description": "An accessible label for the icon.\nIf no label is supplied, the icon is hidden from assistive technology.",
|
|
1449
|
+
"fieldName": "label"
|
|
1450
|
+
}
|
|
1451
|
+
],
|
|
1452
|
+
"mixins": [
|
|
1453
|
+
{
|
|
1454
|
+
"name": "DraftComponentMixin",
|
|
1455
|
+
"module": "/src/common/mixins/DraftComponentMixin.js"
|
|
1456
|
+
}
|
|
1457
|
+
],
|
|
1458
|
+
"superclass": {
|
|
1459
|
+
"name": "LitElement",
|
|
1460
|
+
"package": "lit"
|
|
1461
|
+
},
|
|
1462
|
+
"status": "draft",
|
|
1463
|
+
"category": "image",
|
|
1464
|
+
"tagName": "nord-icon",
|
|
1465
|
+
"customElement": true
|
|
1466
|
+
}
|
|
1467
|
+
],
|
|
1468
|
+
"exports": [
|
|
1469
|
+
{
|
|
1470
|
+
"kind": "js",
|
|
1471
|
+
"name": "default",
|
|
1472
|
+
"declaration": {
|
|
1473
|
+
"name": "Icon",
|
|
1474
|
+
"module": "src/icon/Icon.ts"
|
|
1475
|
+
}
|
|
1476
|
+
},
|
|
1477
|
+
{
|
|
1478
|
+
"kind": "custom-element-definition",
|
|
1479
|
+
"name": "nord-icon",
|
|
1480
|
+
"declaration": {
|
|
1481
|
+
"name": "Icon",
|
|
1482
|
+
"module": "src/icon/Icon.ts"
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
]
|
|
1486
|
+
},
|
|
1487
|
+
{
|
|
1488
|
+
"kind": "javascript-module",
|
|
1489
|
+
"path": "src/common/collection.ts",
|
|
1490
|
+
"declarations": [
|
|
1491
|
+
{
|
|
1492
|
+
"kind": "function",
|
|
1493
|
+
"name": "groupBy",
|
|
1494
|
+
"parameters": [
|
|
1495
|
+
{
|
|
1496
|
+
"name": "array",
|
|
1497
|
+
"type": {
|
|
1498
|
+
"text": "Array<TObject>"
|
|
1499
|
+
},
|
|
1500
|
+
"description": "the collection of objects to group"
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"name": "key",
|
|
1504
|
+
"type": {
|
|
1505
|
+
"text": "TKey"
|
|
1506
|
+
},
|
|
1507
|
+
"description": "the property to group by"
|
|
1508
|
+
}
|
|
1509
|
+
],
|
|
1510
|
+
"description": "Groups an array objects by property value",
|
|
1511
|
+
"return": {
|
|
1512
|
+
"type": {
|
|
1513
|
+
"text": ""
|
|
1514
|
+
}
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1517
|
+
],
|
|
1518
|
+
"exports": [
|
|
1519
|
+
{
|
|
1520
|
+
"kind": "js",
|
|
1521
|
+
"name": "groupBy",
|
|
1522
|
+
"declaration": {
|
|
1523
|
+
"name": "groupBy",
|
|
1524
|
+
"module": "src/common/collection.ts"
|
|
1525
|
+
}
|
|
1526
|
+
}
|
|
1527
|
+
]
|
|
1528
|
+
},
|
|
1529
|
+
{
|
|
1530
|
+
"kind": "javascript-module",
|
|
1531
|
+
"path": "src/common/events.ts",
|
|
1532
|
+
"declarations": [
|
|
1533
|
+
{
|
|
1534
|
+
"kind": "class",
|
|
1535
|
+
"description": "A base class for events which defaults to bubbling and composed",
|
|
1536
|
+
"name": "NordEvent",
|
|
1537
|
+
"superclass": {
|
|
1538
|
+
"name": "Event",
|
|
1539
|
+
"module": "src/common/events.ts"
|
|
1540
|
+
},
|
|
1541
|
+
"status": null,
|
|
1542
|
+
"category": null
|
|
1543
|
+
}
|
|
1544
|
+
],
|
|
1545
|
+
"exports": [
|
|
1546
|
+
{
|
|
1547
|
+
"kind": "js",
|
|
1548
|
+
"name": "NordEvent",
|
|
1549
|
+
"declaration": {
|
|
1550
|
+
"name": "NordEvent",
|
|
1551
|
+
"module": "src/common/events.ts"
|
|
1552
|
+
}
|
|
1553
|
+
}
|
|
1554
|
+
]
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"kind": "javascript-module",
|
|
1558
|
+
"path": "src/common/focus.ts",
|
|
1559
|
+
"declarations": [
|
|
1560
|
+
{
|
|
1561
|
+
"kind": "function",
|
|
1562
|
+
"name": "getFocusedElement",
|
|
1563
|
+
"return": {
|
|
1564
|
+
"type": {
|
|
1565
|
+
"text": "Element | undefined"
|
|
1566
|
+
}
|
|
1567
|
+
},
|
|
1568
|
+
"parameters": [
|
|
1569
|
+
{
|
|
1570
|
+
"name": "root",
|
|
1571
|
+
"type": {
|
|
1572
|
+
"text": "Document | ShadowRoot"
|
|
1573
|
+
}
|
|
1574
|
+
}
|
|
1575
|
+
],
|
|
1576
|
+
"description": "Gets the currently focused element, taking shadow roots into account."
|
|
1577
|
+
}
|
|
1578
|
+
],
|
|
1579
|
+
"exports": [
|
|
1580
|
+
{
|
|
1581
|
+
"kind": "js",
|
|
1582
|
+
"name": "getFocusedElement",
|
|
1583
|
+
"declaration": {
|
|
1584
|
+
"name": "getFocusedElement",
|
|
1585
|
+
"module": "src/common/focus.ts"
|
|
1586
|
+
}
|
|
1587
|
+
}
|
|
1588
|
+
]
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"kind": "javascript-module",
|
|
1592
|
+
"path": "src/common/number.ts",
|
|
1593
|
+
"declarations": [
|
|
1594
|
+
{
|
|
1595
|
+
"kind": "function",
|
|
1596
|
+
"name": "wrap",
|
|
1597
|
+
"parameters": [
|
|
1598
|
+
{
|
|
1599
|
+
"name": "val",
|
|
1600
|
+
"type": {
|
|
1601
|
+
"text": "number"
|
|
1602
|
+
}
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"name": "min",
|
|
1606
|
+
"type": {
|
|
1607
|
+
"text": "number"
|
|
1608
|
+
}
|
|
1609
|
+
},
|
|
1610
|
+
{
|
|
1611
|
+
"name": "max",
|
|
1612
|
+
"type": {
|
|
1613
|
+
"text": "number"
|
|
1614
|
+
}
|
|
1615
|
+
}
|
|
1616
|
+
],
|
|
1617
|
+
"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"
|
|
1618
|
+
}
|
|
1619
|
+
],
|
|
1620
|
+
"exports": [
|
|
1621
|
+
{
|
|
1622
|
+
"kind": "js",
|
|
1623
|
+
"name": "wrap",
|
|
1624
|
+
"declaration": {
|
|
1625
|
+
"name": "wrap",
|
|
1626
|
+
"module": "src/common/number.ts"
|
|
1627
|
+
}
|
|
1628
|
+
}
|
|
1629
|
+
]
|
|
1630
|
+
},
|
|
1631
|
+
{
|
|
1632
|
+
"kind": "javascript-module",
|
|
1633
|
+
"path": "src/common/ref.ts",
|
|
1634
|
+
"declarations": [
|
|
1635
|
+
{
|
|
1636
|
+
"kind": "function",
|
|
1637
|
+
"name": "mergeRefs",
|
|
1638
|
+
"return": {
|
|
1639
|
+
"type": {
|
|
1640
|
+
"text": "RefCallback"
|
|
1641
|
+
}
|
|
1642
|
+
},
|
|
1643
|
+
"parameters": [
|
|
1644
|
+
{
|
|
1645
|
+
"name": "refs",
|
|
1646
|
+
"type": {
|
|
1647
|
+
"text": "Ref[]"
|
|
1648
|
+
}
|
|
1649
|
+
}
|
|
1650
|
+
],
|
|
1651
|
+
"description": "Creates a ref callback which will assign the element to every given ref"
|
|
1652
|
+
}
|
|
1653
|
+
],
|
|
1654
|
+
"exports": [
|
|
1655
|
+
{
|
|
1656
|
+
"kind": "js",
|
|
1657
|
+
"name": "mergeRefs",
|
|
1658
|
+
"declaration": {
|
|
1659
|
+
"name": "mergeRefs",
|
|
1660
|
+
"module": "src/common/ref.ts"
|
|
1661
|
+
}
|
|
1662
|
+
}
|
|
1663
|
+
]
|
|
1664
|
+
},
|
|
1665
|
+
{
|
|
1666
|
+
"kind": "javascript-module",
|
|
1667
|
+
"path": "src/select/Select.ts",
|
|
1668
|
+
"declarations": [
|
|
1669
|
+
{
|
|
1670
|
+
"kind": "class",
|
|
1671
|
+
"description": "Select lets users choose one option from an options menu.\nConsider using select when you have 5 or more options to choose from.",
|
|
1672
|
+
"name": "Select",
|
|
1673
|
+
"slots": [
|
|
1674
|
+
{
|
|
1675
|
+
"description": "Default slot for holding <option> elements.",
|
|
1676
|
+
"name": ""
|
|
1677
|
+
},
|
|
1678
|
+
{
|
|
1679
|
+
"description": "Use when a label requires more than plain text.",
|
|
1680
|
+
"name": "label"
|
|
1681
|
+
},
|
|
1682
|
+
{
|
|
1683
|
+
"description": "Use when a hint requires more than plain text.",
|
|
1684
|
+
"name": "hint"
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
"description": "Optional slot that holds error text for the input.",
|
|
1688
|
+
"name": "error"
|
|
1689
|
+
}
|
|
1690
|
+
],
|
|
1691
|
+
"members": [
|
|
1692
|
+
{
|
|
1693
|
+
"kind": "field",
|
|
1694
|
+
"name": "hint",
|
|
1695
|
+
"type": {
|
|
1696
|
+
"text": "string | undefined"
|
|
1697
|
+
},
|
|
1698
|
+
"description": "Optional hint text to be displayed with select. Alternatively use the hint slot.",
|
|
1699
|
+
"attribute": "hint"
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"kind": "field",
|
|
1703
|
+
"name": "hideLabel",
|
|
1704
|
+
"type": {
|
|
1705
|
+
"text": "boolean"
|
|
1706
|
+
},
|
|
1707
|
+
"default": "false",
|
|
1708
|
+
"description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
|
|
1709
|
+
"attribute": "hide-label"
|
|
1710
|
+
},
|
|
1711
|
+
{
|
|
1712
|
+
"kind": "field",
|
|
1713
|
+
"name": "placeholder",
|
|
1714
|
+
"type": {
|
|
1715
|
+
"text": "string | undefined"
|
|
1716
|
+
},
|
|
1717
|
+
"description": "Hint text to display as the first option of the select element.",
|
|
1718
|
+
"attribute": "placeholder"
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"kind": "field",
|
|
1722
|
+
"name": "error",
|
|
1723
|
+
"type": {
|
|
1724
|
+
"text": "string | undefined"
|
|
1725
|
+
},
|
|
1726
|
+
"description": "Optional error to be shown with the select. Alternatively use the error slot.",
|
|
1727
|
+
"attribute": "error"
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"kind": "field",
|
|
1731
|
+
"name": "expand",
|
|
1732
|
+
"type": {
|
|
1733
|
+
"text": "boolean"
|
|
1734
|
+
},
|
|
1735
|
+
"default": "false",
|
|
1736
|
+
"description": "Controls whether the select expands to fill the width of its container.",
|
|
1737
|
+
"attribute": "expand",
|
|
1738
|
+
"reflects": true
|
|
1739
|
+
},
|
|
1740
|
+
{
|
|
1741
|
+
"kind": "method",
|
|
1742
|
+
"name": "handleSlotChange",
|
|
1743
|
+
"privacy": "private"
|
|
1744
|
+
},
|
|
1745
|
+
{
|
|
1746
|
+
"kind": "field",
|
|
1747
|
+
"name": "options",
|
|
1748
|
+
"privacy": "private"
|
|
1749
|
+
},
|
|
1750
|
+
{
|
|
1751
|
+
"kind": "method",
|
|
1752
|
+
"name": "getButtonText",
|
|
1753
|
+
"privacy": "private",
|
|
1754
|
+
"return": {
|
|
1755
|
+
"type": {
|
|
1756
|
+
"text": "string"
|
|
1757
|
+
}
|
|
1758
|
+
},
|
|
1759
|
+
"parameters": [
|
|
1760
|
+
{
|
|
1761
|
+
"name": "options",
|
|
1762
|
+
"type": {
|
|
1763
|
+
"text": "HTMLOptionElement[]"
|
|
1764
|
+
}
|
|
1765
|
+
}
|
|
1766
|
+
]
|
|
1767
|
+
},
|
|
1768
|
+
{
|
|
1769
|
+
"kind": "method",
|
|
1770
|
+
"name": "renderLabel",
|
|
1771
|
+
"privacy": "private",
|
|
1772
|
+
"parameters": [
|
|
1773
|
+
{
|
|
1774
|
+
"name": "hasHint",
|
|
1775
|
+
"type": {
|
|
1776
|
+
"text": "boolean"
|
|
1777
|
+
}
|
|
1778
|
+
}
|
|
1779
|
+
]
|
|
1780
|
+
},
|
|
1781
|
+
{
|
|
1782
|
+
"kind": "method",
|
|
1783
|
+
"name": "renderHint",
|
|
1784
|
+
"privacy": "private"
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"kind": "method",
|
|
1788
|
+
"name": "renderError",
|
|
1789
|
+
"privacy": "private"
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"kind": "method",
|
|
1793
|
+
"name": "renderOption",
|
|
1794
|
+
"privacy": "private",
|
|
1795
|
+
"parameters": [
|
|
1796
|
+
{
|
|
1797
|
+
"name": "option",
|
|
1798
|
+
"type": {
|
|
1799
|
+
"text": "HTMLOptionElement"
|
|
1800
|
+
}
|
|
1801
|
+
}
|
|
1802
|
+
]
|
|
1803
|
+
},
|
|
1804
|
+
{
|
|
1805
|
+
"kind": "method",
|
|
1806
|
+
"name": "hasSlottedContent",
|
|
1807
|
+
"privacy": "private",
|
|
1808
|
+
"parameters": [
|
|
1809
|
+
{
|
|
1810
|
+
"name": "slotName",
|
|
1811
|
+
"type": {
|
|
1812
|
+
"text": "string"
|
|
1813
|
+
}
|
|
1814
|
+
}
|
|
1815
|
+
]
|
|
1816
|
+
},
|
|
1817
|
+
{
|
|
1818
|
+
"kind": "field",
|
|
1819
|
+
"name": "label",
|
|
1820
|
+
"type": {
|
|
1821
|
+
"text": "string"
|
|
1822
|
+
},
|
|
1823
|
+
"default": "\"\"",
|
|
1824
|
+
"description": "Label for the input.",
|
|
1825
|
+
"attribute": "label",
|
|
1826
|
+
"inheritedFrom": {
|
|
1827
|
+
"name": "FormAssociatedMixin",
|
|
1828
|
+
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
1829
|
+
}
|
|
1830
|
+
},
|
|
1831
|
+
{
|
|
1832
|
+
"kind": "field",
|
|
1833
|
+
"name": "required",
|
|
1834
|
+
"type": {
|
|
1835
|
+
"text": "boolean"
|
|
1836
|
+
},
|
|
1837
|
+
"default": "false",
|
|
1838
|
+
"description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
|
|
1839
|
+
"attribute": "required",
|
|
1840
|
+
"inheritedFrom": {
|
|
1841
|
+
"name": "FormAssociatedMixin",
|
|
1842
|
+
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
1843
|
+
}
|
|
1844
|
+
},
|
|
1845
|
+
{
|
|
1846
|
+
"kind": "field",
|
|
1847
|
+
"name": "handleFormData",
|
|
1848
|
+
"privacy": "private",
|
|
1849
|
+
"inheritedFrom": {
|
|
1850
|
+
"name": "FormAssociatedMixin",
|
|
1851
|
+
"module": "src/common/mixins/FormAssociatedMixin.ts"
|
|
1852
|
+
}
|
|
1853
|
+
},
|
|
1854
|
+
{
|
|
1855
|
+
"kind": "method",
|
|
1856
|
+
"name": "handleChange",
|
|
1857
|
+
"privacy": "protected",
|
|
1858
|
+
"parameters": [
|
|
1859
|
+
{
|
|
1860
|
+
"name": "e",
|
|
884
1861
|
"type": {
|
|
885
1862
|
"text": "Event"
|
|
886
1863
|
}
|
|
@@ -934,6 +1911,7 @@
|
|
|
934
1911
|
{
|
|
935
1912
|
"kind": "field",
|
|
936
1913
|
"name": "form",
|
|
1914
|
+
"privacy": "protected",
|
|
937
1915
|
"description": "Gets the form, if any, associated with the input element.",
|
|
938
1916
|
"inheritedFrom": {
|
|
939
1917
|
"name": "InputMixin",
|
|
@@ -1002,21 +1980,12 @@
|
|
|
1002
1980
|
}
|
|
1003
1981
|
],
|
|
1004
1982
|
"attributes": [
|
|
1005
|
-
{
|
|
1006
|
-
"name": "type",
|
|
1007
|
-
"type": {
|
|
1008
|
-
"text": "\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\""
|
|
1009
|
-
},
|
|
1010
|
-
"default": "\"text\"",
|
|
1011
|
-
"description": "The type of the input.",
|
|
1012
|
-
"fieldName": "type"
|
|
1013
|
-
},
|
|
1014
1983
|
{
|
|
1015
1984
|
"name": "hint",
|
|
1016
1985
|
"type": {
|
|
1017
1986
|
"text": "string | undefined"
|
|
1018
1987
|
},
|
|
1019
|
-
"description": "Optional hint text to be displayed with
|
|
1988
|
+
"description": "Optional hint text to be displayed with select. Alternatively use the hint slot.",
|
|
1020
1989
|
"fieldName": "hint"
|
|
1021
1990
|
},
|
|
1022
1991
|
{
|
|
@@ -1033,7 +2002,7 @@
|
|
|
1033
2002
|
"type": {
|
|
1034
2003
|
"text": "string | undefined"
|
|
1035
2004
|
},
|
|
1036
|
-
"description": "
|
|
2005
|
+
"description": "Hint text to display as the first option of the select element.",
|
|
1037
2006
|
"fieldName": "placeholder"
|
|
1038
2007
|
},
|
|
1039
2008
|
{
|
|
@@ -1041,7 +2010,7 @@
|
|
|
1041
2010
|
"type": {
|
|
1042
2011
|
"text": "string | undefined"
|
|
1043
2012
|
},
|
|
1044
|
-
"description": "Optional error to be shown with
|
|
2013
|
+
"description": "Optional error to be shown with the select. Alternatively use the error slot.",
|
|
1045
2014
|
"fieldName": "error"
|
|
1046
2015
|
},
|
|
1047
2016
|
{
|
|
@@ -1050,7 +2019,7 @@
|
|
|
1050
2019
|
"text": "boolean"
|
|
1051
2020
|
},
|
|
1052
2021
|
"default": "false",
|
|
1053
|
-
"description": "Controls whether the
|
|
2022
|
+
"description": "Controls whether the select expands to fill the width of its container.",
|
|
1054
2023
|
"fieldName": "expand"
|
|
1055
2024
|
},
|
|
1056
2025
|
{
|
|
@@ -1141,7 +2110,7 @@
|
|
|
1141
2110
|
},
|
|
1142
2111
|
"status": "draft",
|
|
1143
2112
|
"category": "form",
|
|
1144
|
-
"tagName": "nord-
|
|
2113
|
+
"tagName": "nord-select",
|
|
1145
2114
|
"customElement": true,
|
|
1146
2115
|
"events": [
|
|
1147
2116
|
{
|
|
@@ -1163,54 +2132,64 @@
|
|
|
1163
2132
|
"kind": "js",
|
|
1164
2133
|
"name": "default",
|
|
1165
2134
|
"declaration": {
|
|
1166
|
-
"name": "
|
|
1167
|
-
"module": "src/
|
|
2135
|
+
"name": "Select",
|
|
2136
|
+
"module": "src/select/Select.ts"
|
|
1168
2137
|
}
|
|
1169
2138
|
},
|
|
1170
2139
|
{
|
|
1171
2140
|
"kind": "custom-element-definition",
|
|
1172
|
-
"name": "nord-
|
|
2141
|
+
"name": "nord-select",
|
|
1173
2142
|
"declaration": {
|
|
1174
|
-
"name": "
|
|
1175
|
-
"module": "src/
|
|
2143
|
+
"name": "Select",
|
|
2144
|
+
"module": "src/select/Select.ts"
|
|
1176
2145
|
}
|
|
1177
2146
|
}
|
|
1178
2147
|
]
|
|
1179
2148
|
},
|
|
1180
2149
|
{
|
|
1181
2150
|
"kind": "javascript-module",
|
|
1182
|
-
"path": "src/
|
|
2151
|
+
"path": "src/input/Input.ts",
|
|
1183
2152
|
"declarations": [
|
|
1184
2153
|
{
|
|
1185
2154
|
"kind": "class",
|
|
1186
|
-
"description": "
|
|
1187
|
-
"name": "
|
|
2155
|
+
"description": "Inputs are used to allow users to provide text input when the expected input is short.\nAs well as plain text, Input supports various types of text, including passwords and numbers.",
|
|
2156
|
+
"name": "Input",
|
|
1188
2157
|
"slots": [
|
|
1189
|
-
{
|
|
1190
|
-
"description": "Default slot for holding <option> elements.",
|
|
1191
|
-
"name": ""
|
|
1192
|
-
},
|
|
1193
2158
|
{
|
|
1194
2159
|
"description": "Use when a label requires more than plain text.",
|
|
1195
2160
|
"name": "label"
|
|
1196
2161
|
},
|
|
1197
2162
|
{
|
|
1198
|
-
"description": "
|
|
2163
|
+
"description": "Optional slot that holds hint text for the input.",
|
|
1199
2164
|
"name": "hint"
|
|
1200
2165
|
},
|
|
1201
2166
|
{
|
|
1202
2167
|
"description": "Optional slot that holds error text for the input.",
|
|
1203
2168
|
"name": "error"
|
|
2169
|
+
},
|
|
2170
|
+
{
|
|
2171
|
+
"description": "Optional slot that holds an icon for the input.",
|
|
2172
|
+
"name": "before"
|
|
1204
2173
|
}
|
|
1205
2174
|
],
|
|
1206
2175
|
"members": [
|
|
2176
|
+
{
|
|
2177
|
+
"kind": "field",
|
|
2178
|
+
"name": "type",
|
|
2179
|
+
"type": {
|
|
2180
|
+
"text": "\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\""
|
|
2181
|
+
},
|
|
2182
|
+
"default": "\"text\"",
|
|
2183
|
+
"description": "The type of the input.",
|
|
2184
|
+
"attribute": "type"
|
|
2185
|
+
},
|
|
1207
2186
|
{
|
|
1208
2187
|
"kind": "field",
|
|
1209
2188
|
"name": "hint",
|
|
1210
2189
|
"type": {
|
|
1211
2190
|
"text": "string | undefined"
|
|
1212
2191
|
},
|
|
1213
|
-
"description": "Optional hint text to be displayed with
|
|
2192
|
+
"description": "Optional hint text to be displayed with input. Alternatively use the hint slot.",
|
|
1214
2193
|
"attribute": "hint"
|
|
1215
2194
|
},
|
|
1216
2195
|
{
|
|
@@ -1229,7 +2208,7 @@
|
|
|
1229
2208
|
"type": {
|
|
1230
2209
|
"text": "string | undefined"
|
|
1231
2210
|
},
|
|
1232
|
-
"description": "
|
|
2211
|
+
"description": "Placeholder of the input.",
|
|
1233
2212
|
"attribute": "placeholder"
|
|
1234
2213
|
},
|
|
1235
2214
|
{
|
|
@@ -1238,7 +2217,7 @@
|
|
|
1238
2217
|
"type": {
|
|
1239
2218
|
"text": "string | undefined"
|
|
1240
2219
|
},
|
|
1241
|
-
"description": "Optional error to be shown with
|
|
2220
|
+
"description": "Optional error to be shown with input. Alternatively use the error slot.",
|
|
1242
2221
|
"attribute": "error"
|
|
1243
2222
|
},
|
|
1244
2223
|
{
|
|
@@ -1248,38 +2227,10 @@
|
|
|
1248
2227
|
"text": "boolean"
|
|
1249
2228
|
},
|
|
1250
2229
|
"default": "false",
|
|
1251
|
-
"description": "Controls whether the
|
|
2230
|
+
"description": "Controls whether the input expands to fill the width of its container.",
|
|
1252
2231
|
"attribute": "expand",
|
|
1253
2232
|
"reflects": true
|
|
1254
2233
|
},
|
|
1255
|
-
{
|
|
1256
|
-
"kind": "method",
|
|
1257
|
-
"name": "handleSlotChange",
|
|
1258
|
-
"privacy": "private"
|
|
1259
|
-
},
|
|
1260
|
-
{
|
|
1261
|
-
"kind": "field",
|
|
1262
|
-
"name": "options",
|
|
1263
|
-
"privacy": "private"
|
|
1264
|
-
},
|
|
1265
|
-
{
|
|
1266
|
-
"kind": "method",
|
|
1267
|
-
"name": "getButtonText",
|
|
1268
|
-
"privacy": "private",
|
|
1269
|
-
"return": {
|
|
1270
|
-
"type": {
|
|
1271
|
-
"text": "string"
|
|
1272
|
-
}
|
|
1273
|
-
},
|
|
1274
|
-
"parameters": [
|
|
1275
|
-
{
|
|
1276
|
-
"name": "options",
|
|
1277
|
-
"type": {
|
|
1278
|
-
"text": "HTMLOptionElement[]"
|
|
1279
|
-
}
|
|
1280
|
-
}
|
|
1281
|
-
]
|
|
1282
|
-
},
|
|
1283
2234
|
{
|
|
1284
2235
|
"kind": "method",
|
|
1285
2236
|
"name": "renderLabel",
|
|
@@ -1305,16 +2256,8 @@
|
|
|
1305
2256
|
},
|
|
1306
2257
|
{
|
|
1307
2258
|
"kind": "method",
|
|
1308
|
-
"name": "
|
|
1309
|
-
"privacy": "private"
|
|
1310
|
-
"parameters": [
|
|
1311
|
-
{
|
|
1312
|
-
"name": "option",
|
|
1313
|
-
"type": {
|
|
1314
|
-
"text": "HTMLOptionElement"
|
|
1315
|
-
}
|
|
1316
|
-
}
|
|
1317
|
-
]
|
|
2259
|
+
"name": "handleSlotChange",
|
|
2260
|
+
"privacy": "private"
|
|
1318
2261
|
},
|
|
1319
2262
|
{
|
|
1320
2263
|
"kind": "method",
|
|
@@ -1426,6 +2369,7 @@
|
|
|
1426
2369
|
{
|
|
1427
2370
|
"kind": "field",
|
|
1428
2371
|
"name": "form",
|
|
2372
|
+
"privacy": "protected",
|
|
1429
2373
|
"description": "Gets the form, if any, associated with the input element.",
|
|
1430
2374
|
"inheritedFrom": {
|
|
1431
2375
|
"name": "InputMixin",
|
|
@@ -1494,12 +2438,21 @@
|
|
|
1494
2438
|
}
|
|
1495
2439
|
],
|
|
1496
2440
|
"attributes": [
|
|
2441
|
+
{
|
|
2442
|
+
"name": "type",
|
|
2443
|
+
"type": {
|
|
2444
|
+
"text": "\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\""
|
|
2445
|
+
},
|
|
2446
|
+
"default": "\"text\"",
|
|
2447
|
+
"description": "The type of the input.",
|
|
2448
|
+
"fieldName": "type"
|
|
2449
|
+
},
|
|
1497
2450
|
{
|
|
1498
2451
|
"name": "hint",
|
|
1499
2452
|
"type": {
|
|
1500
2453
|
"text": "string | undefined"
|
|
1501
2454
|
},
|
|
1502
|
-
"description": "Optional hint text to be displayed with
|
|
2455
|
+
"description": "Optional hint text to be displayed with input. Alternatively use the hint slot.",
|
|
1503
2456
|
"fieldName": "hint"
|
|
1504
2457
|
},
|
|
1505
2458
|
{
|
|
@@ -1516,7 +2469,7 @@
|
|
|
1516
2469
|
"type": {
|
|
1517
2470
|
"text": "string | undefined"
|
|
1518
2471
|
},
|
|
1519
|
-
"description": "
|
|
2472
|
+
"description": "Placeholder of the input.",
|
|
1520
2473
|
"fieldName": "placeholder"
|
|
1521
2474
|
},
|
|
1522
2475
|
{
|
|
@@ -1524,7 +2477,7 @@
|
|
|
1524
2477
|
"type": {
|
|
1525
2478
|
"text": "string | undefined"
|
|
1526
2479
|
},
|
|
1527
|
-
"description": "Optional error to be shown with
|
|
2480
|
+
"description": "Optional error to be shown with input. Alternatively use the error slot.",
|
|
1528
2481
|
"fieldName": "error"
|
|
1529
2482
|
},
|
|
1530
2483
|
{
|
|
@@ -1533,7 +2486,7 @@
|
|
|
1533
2486
|
"text": "boolean"
|
|
1534
2487
|
},
|
|
1535
2488
|
"default": "false",
|
|
1536
|
-
"description": "Controls whether the
|
|
2489
|
+
"description": "Controls whether the input expands to fill the width of its container.",
|
|
1537
2490
|
"fieldName": "expand"
|
|
1538
2491
|
},
|
|
1539
2492
|
{
|
|
@@ -1624,7 +2577,7 @@
|
|
|
1624
2577
|
},
|
|
1625
2578
|
"status": "draft",
|
|
1626
2579
|
"category": "form",
|
|
1627
|
-
"tagName": "nord-
|
|
2580
|
+
"tagName": "nord-input",
|
|
1628
2581
|
"customElement": true,
|
|
1629
2582
|
"events": [
|
|
1630
2583
|
{
|
|
@@ -1646,16 +2599,16 @@
|
|
|
1646
2599
|
"kind": "js",
|
|
1647
2600
|
"name": "default",
|
|
1648
2601
|
"declaration": {
|
|
1649
|
-
"name": "
|
|
1650
|
-
"module": "src/
|
|
2602
|
+
"name": "Input",
|
|
2603
|
+
"module": "src/input/Input.ts"
|
|
1651
2604
|
}
|
|
1652
2605
|
},
|
|
1653
2606
|
{
|
|
1654
2607
|
"kind": "custom-element-definition",
|
|
1655
|
-
"name": "nord-
|
|
2608
|
+
"name": "nord-input",
|
|
1656
2609
|
"declaration": {
|
|
1657
|
-
"name": "
|
|
1658
|
-
"module": "src/
|
|
2610
|
+
"name": "Input",
|
|
2611
|
+
"module": "src/input/Input.ts"
|
|
1659
2612
|
}
|
|
1660
2613
|
}
|
|
1661
2614
|
]
|
|
@@ -1785,6 +2738,71 @@
|
|
|
1785
2738
|
}
|
|
1786
2739
|
]
|
|
1787
2740
|
},
|
|
2741
|
+
{
|
|
2742
|
+
"kind": "javascript-module",
|
|
2743
|
+
"path": "src/visually-hidden/VisuallyHidden.ts",
|
|
2744
|
+
"declarations": [
|
|
2745
|
+
{
|
|
2746
|
+
"kind": "class",
|
|
2747
|
+
"description": "Visually hidden is used when an element needs to be available\nto assistive technologies like screen readers, but be otherwise\nhidden.",
|
|
2748
|
+
"name": "VisuallyHidden",
|
|
2749
|
+
"slots": [
|
|
2750
|
+
{
|
|
2751
|
+
"description": "The visually hidden content.",
|
|
2752
|
+
"name": ""
|
|
2753
|
+
}
|
|
2754
|
+
],
|
|
2755
|
+
"members": [
|
|
2756
|
+
{
|
|
2757
|
+
"kind": "field",
|
|
2758
|
+
"name": "_warningLogged",
|
|
2759
|
+
"type": {
|
|
2760
|
+
"text": "boolean"
|
|
2761
|
+
},
|
|
2762
|
+
"privacy": "private",
|
|
2763
|
+
"static": true,
|
|
2764
|
+
"default": "false",
|
|
2765
|
+
"inheritedFrom": {
|
|
2766
|
+
"name": "DraftComponentMixin",
|
|
2767
|
+
"module": "src/common/mixins/DraftComponentMixin.ts"
|
|
2768
|
+
}
|
|
2769
|
+
}
|
|
2770
|
+
],
|
|
2771
|
+
"mixins": [
|
|
2772
|
+
{
|
|
2773
|
+
"name": "DraftComponentMixin",
|
|
2774
|
+
"module": "/src/common/mixins/DraftComponentMixin.js"
|
|
2775
|
+
}
|
|
2776
|
+
],
|
|
2777
|
+
"superclass": {
|
|
2778
|
+
"name": "LitElement",
|
|
2779
|
+
"package": "lit"
|
|
2780
|
+
},
|
|
2781
|
+
"status": "draft",
|
|
2782
|
+
"category": "text",
|
|
2783
|
+
"tagName": "nord-visually-hidden",
|
|
2784
|
+
"customElement": true
|
|
2785
|
+
}
|
|
2786
|
+
],
|
|
2787
|
+
"exports": [
|
|
2788
|
+
{
|
|
2789
|
+
"kind": "js",
|
|
2790
|
+
"name": "default",
|
|
2791
|
+
"declaration": {
|
|
2792
|
+
"name": "VisuallyHidden",
|
|
2793
|
+
"module": "src/visually-hidden/VisuallyHidden.ts"
|
|
2794
|
+
}
|
|
2795
|
+
},
|
|
2796
|
+
{
|
|
2797
|
+
"kind": "custom-element-definition",
|
|
2798
|
+
"name": "nord-visually-hidden",
|
|
2799
|
+
"declaration": {
|
|
2800
|
+
"name": "VisuallyHidden",
|
|
2801
|
+
"module": "src/visually-hidden/VisuallyHidden.ts"
|
|
2802
|
+
}
|
|
2803
|
+
}
|
|
2804
|
+
]
|
|
2805
|
+
},
|
|
1788
2806
|
{
|
|
1789
2807
|
"kind": "javascript-module",
|
|
1790
2808
|
"path": "src/table/Table.ts",
|
|
@@ -1886,65 +2904,148 @@
|
|
|
1886
2904
|
},
|
|
1887
2905
|
{
|
|
1888
2906
|
"kind": "javascript-module",
|
|
1889
|
-
"path": "src/
|
|
2907
|
+
"path": "src/common/controllers/LightDismissController.ts",
|
|
1890
2908
|
"declarations": [
|
|
1891
2909
|
{
|
|
1892
2910
|
"kind": "class",
|
|
1893
|
-
"description": "
|
|
1894
|
-
"name": "
|
|
1895
|
-
"
|
|
2911
|
+
"description": "",
|
|
2912
|
+
"name": "LightDismissController",
|
|
2913
|
+
"members": [
|
|
1896
2914
|
{
|
|
1897
|
-
"
|
|
1898
|
-
"name": ""
|
|
2915
|
+
"kind": "field",
|
|
2916
|
+
"name": "host",
|
|
2917
|
+
"type": {
|
|
2918
|
+
"text": "LitElement"
|
|
2919
|
+
},
|
|
2920
|
+
"privacy": "private",
|
|
2921
|
+
"default": "host"
|
|
2922
|
+
},
|
|
2923
|
+
{
|
|
2924
|
+
"kind": "field",
|
|
2925
|
+
"name": "shortcut",
|
|
2926
|
+
"type": {
|
|
2927
|
+
"text": "ShortcutController"
|
|
2928
|
+
},
|
|
2929
|
+
"privacy": "private",
|
|
2930
|
+
"default": "new ShortcutController(this.host, { Escape: this.handleEsc })"
|
|
2931
|
+
},
|
|
2932
|
+
{
|
|
2933
|
+
"kind": "field",
|
|
2934
|
+
"name": "options",
|
|
2935
|
+
"type": {
|
|
2936
|
+
"text": "LightDismissOptions"
|
|
2937
|
+
},
|
|
2938
|
+
"default": "options"
|
|
2939
|
+
},
|
|
2940
|
+
{
|
|
2941
|
+
"kind": "method",
|
|
2942
|
+
"name": "hostConnected"
|
|
2943
|
+
},
|
|
2944
|
+
{
|
|
2945
|
+
"kind": "method",
|
|
2946
|
+
"name": "hostDisconnected"
|
|
2947
|
+
},
|
|
2948
|
+
{
|
|
2949
|
+
"kind": "field",
|
|
2950
|
+
"name": "handleEsc",
|
|
2951
|
+
"privacy": "private"
|
|
2952
|
+
},
|
|
2953
|
+
{
|
|
2954
|
+
"kind": "field",
|
|
2955
|
+
"name": "handleClickOut",
|
|
2956
|
+
"privacy": "private"
|
|
1899
2957
|
}
|
|
1900
|
-
]
|
|
2958
|
+
]
|
|
2959
|
+
}
|
|
2960
|
+
],
|
|
2961
|
+
"exports": [
|
|
2962
|
+
{
|
|
2963
|
+
"kind": "js",
|
|
2964
|
+
"name": "LightDismissController",
|
|
2965
|
+
"declaration": {
|
|
2966
|
+
"name": "LightDismissController",
|
|
2967
|
+
"module": "src/common/controllers/LightDismissController.ts"
|
|
2968
|
+
}
|
|
2969
|
+
}
|
|
2970
|
+
]
|
|
2971
|
+
},
|
|
2972
|
+
{
|
|
2973
|
+
"kind": "javascript-module",
|
|
2974
|
+
"path": "src/common/controllers/ShortcutController.ts",
|
|
2975
|
+
"declarations": [
|
|
2976
|
+
{
|
|
2977
|
+
"kind": "class",
|
|
2978
|
+
"description": "",
|
|
2979
|
+
"name": "ShortcutController",
|
|
1901
2980
|
"members": [
|
|
1902
2981
|
{
|
|
1903
2982
|
"kind": "field",
|
|
1904
|
-
"name": "
|
|
2983
|
+
"name": "target",
|
|
1905
2984
|
"type": {
|
|
1906
|
-
"text": "
|
|
2985
|
+
"text": "ShortcutTarget"
|
|
1907
2986
|
},
|
|
1908
2987
|
"privacy": "private",
|
|
1909
|
-
"
|
|
1910
|
-
|
|
1911
|
-
"inheritedFrom": {
|
|
1912
|
-
"name": "DraftComponentMixin",
|
|
1913
|
-
"module": "src/common/mixins/DraftComponentMixin.ts"
|
|
1914
|
-
}
|
|
1915
|
-
}
|
|
1916
|
-
],
|
|
1917
|
-
"mixins": [
|
|
2988
|
+
"default": "target"
|
|
2989
|
+
},
|
|
1918
2990
|
{
|
|
1919
|
-
"
|
|
1920
|
-
"
|
|
2991
|
+
"kind": "field",
|
|
2992
|
+
"name": "shortcuts",
|
|
2993
|
+
"type": {
|
|
2994
|
+
"text": "KeyBindingMap | undefined"
|
|
2995
|
+
},
|
|
2996
|
+
"privacy": "private",
|
|
2997
|
+
"default": "shortcuts"
|
|
2998
|
+
},
|
|
2999
|
+
{
|
|
3000
|
+
"kind": "field",
|
|
3001
|
+
"name": "unregister",
|
|
3002
|
+
"type": {
|
|
3003
|
+
"text": "ReturnType<typeof tinykeys> | undefined"
|
|
3004
|
+
},
|
|
3005
|
+
"privacy": "private"
|
|
3006
|
+
},
|
|
3007
|
+
{
|
|
3008
|
+
"kind": "method",
|
|
3009
|
+
"name": "hostConnected"
|
|
3010
|
+
},
|
|
3011
|
+
{
|
|
3012
|
+
"kind": "method",
|
|
3013
|
+
"name": "hostDisconnected"
|
|
3014
|
+
},
|
|
3015
|
+
{
|
|
3016
|
+
"kind": "method",
|
|
3017
|
+
"name": "unbind"
|
|
3018
|
+
},
|
|
3019
|
+
{
|
|
3020
|
+
"kind": "method",
|
|
3021
|
+
"name": "bind",
|
|
3022
|
+
"parameters": [
|
|
3023
|
+
{
|
|
3024
|
+
"name": "shortcuts",
|
|
3025
|
+
"type": {
|
|
3026
|
+
"text": "KeyBindingMap"
|
|
3027
|
+
}
|
|
3028
|
+
}
|
|
3029
|
+
]
|
|
1921
3030
|
}
|
|
1922
|
-
]
|
|
1923
|
-
"superclass": {
|
|
1924
|
-
"name": "LitElement",
|
|
1925
|
-
"package": "lit"
|
|
1926
|
-
},
|
|
1927
|
-
"status": "draft",
|
|
1928
|
-
"category": "text",
|
|
1929
|
-
"tagName": "nord-visually-hidden",
|
|
1930
|
-
"customElement": true
|
|
3031
|
+
]
|
|
1931
3032
|
}
|
|
1932
3033
|
],
|
|
1933
3034
|
"exports": [
|
|
1934
3035
|
{
|
|
1935
3036
|
"kind": "js",
|
|
1936
|
-
"name": "
|
|
3037
|
+
"name": "ShortcutController",
|
|
1937
3038
|
"declaration": {
|
|
1938
|
-
"name": "
|
|
1939
|
-
"module": "src/
|
|
3039
|
+
"name": "ShortcutController",
|
|
3040
|
+
"module": "src/common/controllers/ShortcutController.ts"
|
|
1940
3041
|
}
|
|
1941
3042
|
},
|
|
1942
3043
|
{
|
|
1943
|
-
"kind": "
|
|
1944
|
-
"name": "
|
|
3044
|
+
"kind": "js",
|
|
3045
|
+
"name": "ShortcutMap",
|
|
1945
3046
|
"declaration": {
|
|
1946
|
-
"name": "
|
|
1947
|
-
"module": "src/
|
|
3047
|
+
"name": "KeyBindingMap",
|
|
3048
|
+
"module": "src/common/controllers/ShortcutController.ts"
|
|
1948
3049
|
}
|
|
1949
3050
|
}
|
|
1950
3051
|
]
|
|
@@ -2350,6 +3451,7 @@
|
|
|
2350
3451
|
{
|
|
2351
3452
|
"kind": "field",
|
|
2352
3453
|
"name": "form",
|
|
3454
|
+
"privacy": "protected",
|
|
2353
3455
|
"description": "Gets the form, if any, associated with the input element."
|
|
2354
3456
|
}
|
|
2355
3457
|
],
|