@emuanalytics/flow-rdf-ui 4.1.1 → 4.1.3

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 (11) hide show
  1. package/dist/components/list-item/list-item.component.mjs +2 -1
  2. package/dist/components/list-item/list-item.styles.mjs +15 -3
  3. package/dist/components/split-view-divider/split-view-divider.styles.mjs +1 -1
  4. package/dist/custom-elements.json +658 -658
  5. package/dist/package.json.mjs +1 -1
  6. package/dist/vscode.html-custom-data.json +86 -86
  7. package/package.json +1 -1
  8. package/themes/dark.css +4 -0
  9. package/themes/dark.styles.js +4 -0
  10. package/themes/light.css +4 -0
  11. package/themes/light.styles.js +4 -0
package/dist/custom-elements.json CHANGED
@@ -670,12 +670,12 @@
670
670
  },
671
671
  {
672
672
  "kind": "javascript-module",
673
- "path": "components/badge/badge.component.js",
673
+ "path": "components/breadcrumb/breadcrumb.component.js",
674
674
  "declarations": [
675
675
  {
676
676
  "kind": "class",
677
677
  "description": "",
678
- "name": "FlowUiBadge",
678
+ "name": "FlowUiBreadcrumb",
679
679
  "cssParts": [
680
680
  {
681
681
  "description": "The component's base wrapper.",
@@ -684,100 +684,84 @@
684
684
  ],
685
685
  "slots": [
686
686
  {
687
- "description": "The badge's content.",
687
+ "description": "One or more breadcrumb items to display.",
688
688
  "name": ""
689
+ },
690
+ {
691
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
692
+ "name": "separator"
689
693
  }
690
694
  ],
691
695
  "members": [
692
696
  {
693
697
  "kind": "field",
694
- "name": "variant",
695
- "type": {
696
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
697
- },
698
- "default": "'primary'",
699
- "description": "The badge's theme variant.",
700
- "attribute": "variant",
701
- "reflects": true
698
+ "name": "localize",
699
+ "privacy": "private",
700
+ "readonly": true,
701
+ "default": "new LocalizeController(this)"
702
702
  },
703
703
  {
704
704
  "kind": "field",
705
- "name": "size",
706
- "type": {
707
- "text": "'small' | 'medium' | 'large'"
708
- },
709
- "default": "'medium'",
710
- "description": "The badge size.",
711
- "attribute": "size",
712
- "reflects": true
705
+ "name": "separatorDir",
706
+ "privacy": "private"
713
707
  },
714
708
  {
715
709
  "kind": "field",
716
- "name": "pill",
710
+ "name": "defaultSlot",
717
711
  "type": {
718
- "text": "boolean"
712
+ "text": "HTMLSlotElement"
719
713
  },
720
- "default": "false",
721
- "description": "Draws a pill-style badge with rounded edges.",
722
- "attribute": "pill",
723
- "reflects": true
714
+ "privacy": "private"
724
715
  },
725
716
  {
726
717
  "kind": "field",
727
- "name": "pulse",
728
- "type": {
729
- "text": "boolean"
730
- },
731
- "default": "false",
732
- "description": "Makes the badge pulsate to draw attention.",
733
- "attribute": "pulse",
734
- "reflects": true
735
- }
736
- ],
737
- "attributes": [
738
- {
739
- "name": "variant",
718
+ "name": "separatorSlot",
740
719
  "type": {
741
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
720
+ "text": "HTMLSlotElement"
742
721
  },
743
- "default": "'primary'",
744
- "description": "The badge's theme variant.",
745
- "fieldName": "variant"
722
+ "privacy": "private"
746
723
  },
747
724
  {
748
- "name": "size",
725
+ "kind": "field",
726
+ "name": "label",
749
727
  "type": {
750
- "text": "'small' | 'medium' | 'large'"
728
+ "text": "string"
751
729
  },
752
- "default": "'medium'",
753
- "description": "The badge size.",
754
- "fieldName": "size"
730
+ "default": "''",
731
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
732
+ "attribute": "label"
755
733
  },
756
734
  {
757
- "name": "pill",
758
- "type": {
759
- "text": "boolean"
760
- },
761
- "default": "false",
762
- "description": "Draws a pill-style badge with rounded edges.",
763
- "fieldName": "pill"
735
+ "kind": "method",
736
+ "name": "getSeparator",
737
+ "privacy": "private"
764
738
  },
765
739
  {
766
- "name": "pulse",
740
+ "kind": "method",
741
+ "name": "handleSlotChange",
742
+ "privacy": "private"
743
+ }
744
+ ],
745
+ "attributes": [
746
+ {
747
+ "name": "label",
767
748
  "type": {
768
- "text": "boolean"
749
+ "text": "string"
769
750
  },
770
- "default": "false",
771
- "description": "Makes the badge pulsate to draw attention.",
772
- "fieldName": "pulse"
751
+ "default": "''",
752
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
753
+ "fieldName": "label"
773
754
  }
774
755
  ],
775
756
  "superclass": {
776
757
  "name": "FlowRdfElement",
777
758
  "module": "/src/internal/flow-ui-rdf-element"
778
759
  },
779
- "tagName": "flow-ui-badge",
780
- "summary": "Badges are used to draw attention and display statuses or counts.",
760
+ "tagName": "flow-ui-breadcrumb",
761
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
762
+ "dependencies": [
763
+ "flow-ui-icon"
764
+ ],
781
765
  "customElement": true
782
766
  }
783
767
  ],
@@ -786,69 +770,125 @@
786
770
  "kind": "js",
787
771
  "name": "default",
788
772
  "declaration": {
789
- "name": "FlowUiBadge",
790
- "module": "components/badge/badge.component.js"
773
+ "name": "FlowUiBreadcrumb",
774
+ "module": "components/breadcrumb/breadcrumb.component.js"
791
775
  }
792
776
  }
793
777
  ]
794
778
  },
795
779
  {
796
780
  "kind": "javascript-module",
797
- "path": "components/badge/badge.js",
781
+ "path": "components/breadcrumb/breadcrumb.js",
798
782
  "declarations": [],
799
783
  "exports": [
800
784
  {
801
785
  "kind": "js",
802
786
  "name": "default",
803
787
  "declaration": {
804
- "name": "FlowUiBadge",
805
- "module": "components/badge/badge.js"
788
+ "name": "FlowUiBreadcrumb",
789
+ "module": "components/breadcrumb/breadcrumb.js"
806
790
  }
807
791
  }
808
792
  ]
809
793
  },
810
794
  {
811
795
  "kind": "javascript-module",
812
- "path": "components/avatar/avatar.component.js",
796
+ "path": "components/base-control/base-control.component.js",
813
797
  "declarations": [
814
798
  {
815
799
  "kind": "class",
816
800
  "description": "",
817
- "name": "FlowUiAvatar",
818
- "cssProperties": [
819
- {
820
- "description": "The size of the avatar.",
821
- "name": "--size"
822
- }
823
- ],
801
+ "name": "FlowUiBaseControl",
824
802
  "cssParts": [
803
+ {
804
+ "description": "The form control that wraps the label, input, and help text.",
805
+ "name": "form-control"
806
+ },
807
+ {
808
+ "description": "The label's wrapper.",
809
+ "name": "form-control-label"
810
+ },
811
+ {
812
+ "description": "The input's wrapper.",
813
+ "name": "form-control-input"
814
+ },
815
+ {
816
+ "description": "The help text's wrapper.",
817
+ "name": "form-control-help-text"
818
+ },
825
819
  {
826
820
  "description": "The component's base wrapper.",
827
821
  "name": "base"
828
822
  },
829
823
  {
830
- "description": "The container that wraps the avatar's icon.",
831
- "name": "icon"
824
+ "description": "The internal `<input>` control.",
825
+ "name": "input"
832
826
  },
833
827
  {
834
- "description": "The container that wraps the avatar's initials.",
835
- "name": "initials"
828
+ "description": "The container that wraps the prefix.",
829
+ "name": "prefix"
836
830
  },
837
831
  {
838
- "description": "The avatar image. Only shown when the `image` attribute is set.",
839
- "name": "image"
832
+ "description": "The clear button.",
833
+ "name": "clear-button"
834
+ },
835
+ {
836
+ "description": "The password toggle button.",
837
+ "name": "password-toggle-button"
838
+ },
839
+ {
840
+ "description": "The container that wraps the suffix.",
841
+ "name": "suffix"
840
842
  }
841
843
  ],
842
844
  "slots": [
843
845
  {
844
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
845
- "name": "icon"
846
+ "description": "The input's label. Alternatively, you can use the `label` attribute.",
847
+ "name": "label"
848
+ },
849
+ {
850
+ "description": "Used to prepend a presentational icon or similar element to the input.",
851
+ "name": "prefix"
852
+ },
853
+ {
854
+ "description": "Used to append a presentational icon or similar element to the input.",
855
+ "name": "suffix"
856
+ },
857
+ {
858
+ "description": "An icon to use in lieu of the default clear icon.",
859
+ "name": "clear-icon"
860
+ },
861
+ {
862
+ "description": "An icon to use in lieu of the default show password icon.",
863
+ "name": "show-password-icon"
864
+ },
865
+ {
866
+ "description": "An icon to use in lieu of the default hide password icon.",
867
+ "name": "hide-password-icon"
868
+ },
869
+ {
870
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
871
+ "name": "help-text"
846
872
  }
847
873
  ],
848
874
  "members": [
849
875
  {
850
876
  "kind": "field",
851
- "name": "hasError",
877
+ "name": "formControlController",
878
+ "privacy": "private",
879
+ "readonly": true,
880
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
881
+ },
882
+ {
883
+ "kind": "field",
884
+ "name": "hasSlotController",
885
+ "privacy": "private",
886
+ "readonly": true,
887
+ "default": "new HasSlotController(this, 'help-text', 'label')"
888
+ },
889
+ {
890
+ "kind": "field",
891
+ "name": "hasFocus",
852
892
  "type": {
853
893
  "text": "boolean"
854
894
  },
@@ -857,13 +897,36 @@
857
897
  },
858
898
  {
859
899
  "kind": "field",
860
- "name": "image",
900
+ "name": "size",
861
901
  "type": {
862
- "text": "string"
902
+ "text": "'small' | 'medium' | 'large'"
863
903
  },
864
- "default": "''",
865
- "description": "The image source to use for the avatar.",
866
- "attribute": "image"
904
+ "default": "'medium'",
905
+ "description": "The input's size.",
906
+ "attribute": "size",
907
+ "reflects": true
908
+ },
909
+ {
910
+ "kind": "field",
911
+ "name": "filled",
912
+ "type": {
913
+ "text": "boolean"
914
+ },
915
+ "default": "false",
916
+ "description": "Draws a filled input.",
917
+ "attribute": "filled",
918
+ "reflects": true
919
+ },
920
+ {
921
+ "kind": "field",
922
+ "name": "pill",
923
+ "type": {
924
+ "text": "boolean"
925
+ },
926
+ "default": "false",
927
+ "description": "Draws a pill-style input with rounded edges.",
928
+ "attribute": "pill",
929
+ "reflects": true
867
930
  },
868
931
  {
869
932
  "kind": "field",
@@ -872,366 +935,285 @@
872
935
  "text": "string"
873
936
  },
874
937
  "default": "''",
875
- "description": "A label to use to describe the avatar to assistive devices.",
938
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
876
939
  "attribute": "label"
877
940
  },
878
941
  {
879
942
  "kind": "field",
880
- "name": "initials",
943
+ "name": "helpText",
881
944
  "type": {
882
945
  "text": "string"
883
946
  },
884
947
  "default": "''",
885
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
886
- "attribute": "initials"
948
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
949
+ "attribute": "help-text"
887
950
  },
888
951
  {
889
952
  "kind": "field",
890
- "name": "loading",
953
+ "name": "disabled",
891
954
  "type": {
892
- "text": "'eager' | 'lazy'"
955
+ "text": "boolean"
893
956
  },
894
- "default": "'eager'",
895
- "description": "Indicates how the browser should load the image.",
896
- "attribute": "loading"
897
- },
898
- {
899
- "kind": "field",
900
- "name": "shape",
901
- "type": {
902
- "text": "'circle' | 'square' | 'rounded'"
903
- },
904
- "default": "'circle'",
905
- "description": "The shape of the avatar.",
906
- "attribute": "shape",
957
+ "default": "false",
958
+ "description": "Disables the input.",
959
+ "attribute": "disabled",
907
960
  "reflects": true
908
- }
909
- ],
910
- "attributes": [
911
- {
912
- "name": "image",
913
- "type": {
914
- "text": "string"
915
- },
916
- "default": "''",
917
- "description": "The image source to use for the avatar.",
918
- "fieldName": "image"
919
961
  },
920
962
  {
921
- "name": "label",
963
+ "kind": "field",
964
+ "name": "form",
922
965
  "type": {
923
966
  "text": "string"
924
967
  },
925
968
  "default": "''",
926
- "description": "A label to use to describe the avatar to assistive devices.",
927
- "fieldName": "label"
969
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
970
+ "attribute": "form",
971
+ "reflects": true
928
972
  },
929
973
  {
930
- "name": "initials",
974
+ "kind": "field",
975
+ "name": "required",
931
976
  "type": {
932
- "text": "string"
977
+ "text": "boolean"
933
978
  },
934
- "default": "''",
935
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
936
- "fieldName": "initials"
979
+ "default": "false",
980
+ "description": "Makes the input a required field.",
981
+ "attribute": "required",
982
+ "reflects": true
937
983
  },
938
984
  {
939
- "name": "loading",
985
+ "kind": "field",
986
+ "name": "inline",
940
987
  "type": {
941
- "text": "'eager' | 'lazy'"
988
+ "text": "boolean"
942
989
  },
943
- "default": "'eager'",
944
- "description": "Indicates how the browser should load the image.",
945
- "fieldName": "loading"
990
+ "default": "false",
991
+ "description": "Display the input in the 'inline' form control style.",
992
+ "attribute": "inline",
993
+ "reflects": true
946
994
  },
947
995
  {
948
- "name": "shape",
996
+ "kind": "field",
997
+ "name": "divider",
949
998
  "type": {
950
- "text": "'circle' | 'square' | 'rounded'"
999
+ "text": "boolean"
951
1000
  },
952
- "default": "'circle'",
953
- "description": "The shape of the avatar.",
954
- "fieldName": "shape"
955
- }
956
- ],
957
- "superclass": {
958
- "name": "FlowRdfElement",
959
- "module": "/src/internal/flow-ui-rdf-element"
960
- },
961
- "tagName": "flow-ui-avatar",
962
- "summary": "Avatars are used to represent a person or object.",
963
- "dependencies": [
964
- "flow-ui-icon"
965
- ],
966
- "customElement": true
967
- }
968
- ],
969
- "exports": [
970
- {
971
- "kind": "js",
972
- "name": "default",
973
- "declaration": {
974
- "name": "FlowUiAvatar",
975
- "module": "components/avatar/avatar.component.js"
976
- }
977
- }
978
- ]
979
- },
980
- {
981
- "kind": "javascript-module",
982
- "path": "components/avatar/avatar.js",
983
- "declarations": [],
984
- "exports": [
985
- {
986
- "kind": "js",
987
- "name": "default",
988
- "declaration": {
989
- "name": "FlowUiAvatar",
990
- "module": "components/avatar/avatar.js"
991
- }
992
- }
993
- ]
994
- },
995
- {
996
- "kind": "javascript-module",
997
- "path": "components/breadcrumb-item/breadcrumb-item.component.js",
998
- "declarations": [
999
- {
1000
- "kind": "class",
1001
- "description": "",
1002
- "name": "FlowUiBreadcrumbItem",
1003
- "cssParts": [
1004
- {
1005
- "description": "The component's base wrapper.",
1006
- "name": "base"
1007
- },
1008
- {
1009
- "description": "The breadcrumb item's label.",
1010
- "name": "label"
1011
- },
1012
- {
1013
- "description": "The container that wraps the prefix.",
1014
- "name": "prefix"
1001
+ "default": "false",
1002
+ "description": "Indicates that the control should display a divider",
1003
+ "attribute": "divider",
1004
+ "reflects": true
1015
1005
  },
1016
1006
  {
1017
- "description": "The container that wraps the suffix.",
1018
- "name": "suffix"
1007
+ "kind": "field",
1008
+ "name": "validity",
1009
+ "description": "Gets the validity state object",
1010
+ "readonly": true
1019
1011
  },
1020
1012
  {
1021
- "description": "The container that wraps the separator.",
1022
- "name": "separator"
1023
- }
1024
- ],
1025
- "slots": [
1026
- {
1027
- "description": "The breadcrumb item's label.",
1028
- "name": ""
1013
+ "kind": "field",
1014
+ "name": "validationMessage",
1015
+ "description": "Gets the validation message",
1016
+ "readonly": true
1029
1017
  },
1030
1018
  {
1031
- "description": "An optional prefix, usually an icon or icon button.",
1032
- "name": "prefix"
1019
+ "kind": "method",
1020
+ "name": "handleBlur",
1021
+ "privacy": "private"
1033
1022
  },
1034
1023
  {
1035
- "description": "An optional suffix, usually an icon or icon button.",
1036
- "name": "suffix"
1024
+ "kind": "method",
1025
+ "name": "handleFocus",
1026
+ "privacy": "private"
1037
1027
  },
1038
1028
  {
1039
- "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
1040
- "name": "separator"
1041
- }
1042
- ],
1043
- "members": [
1044
- {
1045
- "kind": "field",
1046
- "name": "hasSlotController",
1047
- "privacy": "private",
1048
- "readonly": true,
1049
- "default": "new HasSlotController(this, 'prefix', 'suffix')"
1029
+ "kind": "method",
1030
+ "name": "focus",
1031
+ "parameters": [
1032
+ {
1033
+ "name": "options",
1034
+ "optional": true,
1035
+ "type": {
1036
+ "text": "FocusOptions"
1037
+ }
1038
+ }
1039
+ ],
1040
+ "description": "Sets focus on the input."
1050
1041
  },
1051
1042
  {
1052
- "kind": "field",
1053
- "name": "href",
1054
- "type": {
1055
- "text": "string | undefined"
1056
- },
1057
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1058
- "attribute": "href"
1043
+ "kind": "method",
1044
+ "name": "blur",
1045
+ "description": "Removes focus from the input."
1059
1046
  },
1060
1047
  {
1061
- "kind": "field",
1062
- "name": "target",
1063
- "type": {
1064
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1065
- },
1066
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1067
- "attribute": "target"
1048
+ "kind": "method",
1049
+ "name": "checkValidity",
1050
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1068
1051
  },
1069
1052
  {
1070
- "kind": "field",
1071
- "name": "rel",
1072
- "type": {
1073
- "text": "string"
1074
- },
1075
- "default": "'noreferrer noopener'",
1076
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1077
- "attribute": "rel"
1078
- }
1079
- ],
1080
- "attributes": [
1081
- {
1082
- "name": "href",
1083
- "type": {
1084
- "text": "string | undefined"
1053
+ "kind": "method",
1054
+ "name": "getForm",
1055
+ "return": {
1056
+ "type": {
1057
+ "text": "HTMLFormElement | null"
1058
+ }
1085
1059
  },
1086
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1087
- "fieldName": "href"
1060
+ "description": "Gets the associated form, if one exists."
1088
1061
  },
1089
1062
  {
1090
- "name": "target",
1091
- "type": {
1092
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1093
- },
1094
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1095
- "fieldName": "target"
1063
+ "kind": "method",
1064
+ "name": "reportValidity",
1065
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1096
1066
  },
1097
1067
  {
1098
- "name": "rel",
1099
- "type": {
1100
- "text": "string"
1101
- },
1102
- "default": "'noreferrer noopener'",
1103
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1104
- "fieldName": "rel"
1105
- }
1106
- ],
1107
- "superclass": {
1108
- "name": "FlowRdfElement",
1109
- "module": "/src/internal/flow-ui-rdf-element"
1110
- },
1111
- "tagName": "flow-ui-breadcrumb-item",
1112
- "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
1113
- "customElement": true
1114
- }
1115
- ],
1116
- "exports": [
1117
- {
1118
- "kind": "js",
1119
- "name": "default",
1120
- "declaration": {
1121
- "name": "FlowUiBreadcrumbItem",
1122
- "module": "components/breadcrumb-item/breadcrumb-item.component.js"
1123
- }
1124
- }
1125
- ]
1126
- },
1127
- {
1128
- "kind": "javascript-module",
1129
- "path": "components/breadcrumb-item/breadcrumb-item.js",
1130
- "declarations": [],
1131
- "exports": [
1132
- {
1133
- "kind": "js",
1134
- "name": "default",
1135
- "declaration": {
1136
- "name": "FlowUiBreadcrumbItem",
1137
- "module": "components/breadcrumb-item/breadcrumb-item.js"
1138
- }
1139
- }
1140
- ]
1141
- },
1142
- {
1143
- "kind": "javascript-module",
1144
- "path": "components/breadcrumb/breadcrumb.component.js",
1145
- "declarations": [
1146
- {
1147
- "kind": "class",
1148
- "description": "",
1149
- "name": "FlowUiBreadcrumb",
1150
- "cssParts": [
1151
- {
1152
- "description": "The component's base wrapper.",
1153
- "name": "base"
1068
+ "kind": "method",
1069
+ "name": "setCustomValidity",
1070
+ "parameters": [
1071
+ {
1072
+ "name": "message",
1073
+ "type": {
1074
+ "text": "string"
1075
+ }
1076
+ }
1077
+ ],
1078
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
1154
1079
  }
1155
1080
  ],
1156
- "slots": [
1081
+ "events": [
1157
1082
  {
1158
- "description": "One or more breadcrumb items to display.",
1159
- "name": ""
1083
+ "description": "Emitted when the control loses focus.",
1084
+ "name": "flow-ui-blur",
1085
+ "reactName": "onFlowUiBlur"
1160
1086
  },
1161
1087
  {
1162
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1163
- "name": "separator"
1164
- }
1165
- ],
1166
- "members": [
1088
+ "description": "Emitted when an alteration to the control's value is committed by the user.",
1089
+ "name": "flow-ui-change",
1090
+ "reactName": "onFlowUiChange"
1091
+ },
1167
1092
  {
1168
- "kind": "field",
1169
- "name": "localize",
1170
- "privacy": "private",
1171
- "readonly": true,
1172
- "default": "new LocalizeController(this)"
1093
+ "description": "Emitted when the clear button is activated.",
1094
+ "name": "flow-ui-clear",
1095
+ "reactName": "onFlowUiClear"
1173
1096
  },
1174
1097
  {
1175
- "kind": "field",
1176
- "name": "separatorDir",
1177
- "privacy": "private"
1098
+ "description": "Emitted when the control gains focus.",
1099
+ "name": "flow-ui-focus",
1100
+ "reactName": "onFlowUiFocus"
1178
1101
  },
1179
1102
  {
1180
- "kind": "field",
1181
- "name": "defaultSlot",
1103
+ "description": "Emitted when the control receives input.",
1104
+ "name": "flow-ui-input",
1105
+ "reactName": "onFlowUiInput"
1106
+ },
1107
+ {
1108
+ "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
1109
+ "name": "flow-ui-invalid",
1110
+ "reactName": "onFlowUiInvalid"
1111
+ }
1112
+ ],
1113
+ "attributes": [
1114
+ {
1115
+ "name": "size",
1182
1116
  "type": {
1183
- "text": "HTMLSlotElement"
1117
+ "text": "'small' | 'medium' | 'large'"
1184
1118
  },
1185
- "privacy": "private"
1119
+ "default": "'medium'",
1120
+ "description": "The input's size.",
1121
+ "fieldName": "size"
1186
1122
  },
1187
1123
  {
1188
- "kind": "field",
1189
- "name": "separatorSlot",
1124
+ "name": "filled",
1190
1125
  "type": {
1191
- "text": "HTMLSlotElement"
1126
+ "text": "boolean"
1192
1127
  },
1193
- "privacy": "private"
1128
+ "default": "false",
1129
+ "description": "Draws a filled input.",
1130
+ "fieldName": "filled"
1131
+ },
1132
+ {
1133
+ "name": "pill",
1134
+ "type": {
1135
+ "text": "boolean"
1136
+ },
1137
+ "default": "false",
1138
+ "description": "Draws a pill-style input with rounded edges.",
1139
+ "fieldName": "pill"
1194
1140
  },
1195
1141
  {
1196
- "kind": "field",
1197
1142
  "name": "label",
1198
1143
  "type": {
1199
1144
  "text": "string"
1200
1145
  },
1201
1146
  "default": "''",
1202
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1203
- "attribute": "label"
1147
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1148
+ "fieldName": "label"
1204
1149
  },
1205
1150
  {
1206
- "kind": "method",
1207
- "name": "getSeparator",
1208
- "privacy": "private"
1151
+ "name": "help-text",
1152
+ "type": {
1153
+ "text": "string"
1154
+ },
1155
+ "default": "''",
1156
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1157
+ "fieldName": "helpText"
1209
1158
  },
1210
1159
  {
1211
- "kind": "method",
1212
- "name": "handleSlotChange",
1213
- "privacy": "private"
1214
- }
1215
- ],
1216
- "attributes": [
1160
+ "name": "disabled",
1161
+ "type": {
1162
+ "text": "boolean"
1163
+ },
1164
+ "default": "false",
1165
+ "description": "Disables the input.",
1166
+ "fieldName": "disabled"
1167
+ },
1217
1168
  {
1218
- "name": "label",
1169
+ "name": "form",
1219
1170
  "type": {
1220
1171
  "text": "string"
1221
1172
  },
1222
1173
  "default": "''",
1223
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1224
- "fieldName": "label"
1174
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1175
+ "fieldName": "form"
1176
+ },
1177
+ {
1178
+ "name": "required",
1179
+ "type": {
1180
+ "text": "boolean"
1181
+ },
1182
+ "default": "false",
1183
+ "description": "Makes the input a required field.",
1184
+ "fieldName": "required"
1185
+ },
1186
+ {
1187
+ "name": "inline",
1188
+ "type": {
1189
+ "text": "boolean"
1190
+ },
1191
+ "default": "false",
1192
+ "description": "Display the input in the 'inline' form control style.",
1193
+ "fieldName": "inline"
1194
+ },
1195
+ {
1196
+ "name": "divider",
1197
+ "type": {
1198
+ "text": "boolean"
1199
+ },
1200
+ "default": "false",
1201
+ "description": "Indicates that the control should display a divider",
1202
+ "fieldName": "divider"
1225
1203
  }
1226
1204
  ],
1227
1205
  "superclass": {
1228
- "name": "FlowRdfElement",
1206
+ "name": "FlowRdfFormControl",
1229
1207
  "module": "/src/internal/flow-ui-rdf-element"
1230
1208
  },
1231
- "tagName": "flow-ui-breadcrumb",
1232
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1209
+ "tagName": "flow-ui-base-control",
1210
+ "summary": "Inputs collect data from the user.",
1211
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
1212
+ "status": "stable",
1213
+ "since": "2.0",
1233
1214
  "dependencies": [
1234
- "flow-ui-icon"
1215
+ "flow-ui-icon",
1216
+ "flow-ui-icon-button"
1235
1217
  ],
1236
1218
  "customElement": true
1237
1219
  }
@@ -1241,125 +1223,77 @@
1241
1223
  "kind": "js",
1242
1224
  "name": "default",
1243
1225
  "declaration": {
1244
- "name": "FlowUiBreadcrumb",
1245
- "module": "components/breadcrumb/breadcrumb.component.js"
1226
+ "name": "FlowUiBaseControl",
1227
+ "module": "components/base-control/base-control.component.js"
1246
1228
  }
1247
1229
  }
1248
1230
  ]
1249
1231
  },
1250
1232
  {
1251
1233
  "kind": "javascript-module",
1252
- "path": "components/breadcrumb/breadcrumb.js",
1234
+ "path": "components/base-control/base-control.js",
1253
1235
  "declarations": [],
1254
1236
  "exports": [
1237
+ {
1238
+ "kind": "js",
1239
+ "name": "*",
1240
+ "declaration": {
1241
+ "name": "*",
1242
+ "package": "./base-control.component"
1243
+ }
1244
+ },
1255
1245
  {
1256
1246
  "kind": "js",
1257
1247
  "name": "default",
1258
1248
  "declaration": {
1259
- "name": "FlowUiBreadcrumb",
1260
- "module": "components/breadcrumb/breadcrumb.js"
1249
+ "name": "FlowUiBaseControl",
1250
+ "module": "components/base-control/base-control.js"
1261
1251
  }
1262
1252
  }
1263
1253
  ]
1264
1254
  },
1265
1255
  {
1266
1256
  "kind": "javascript-module",
1267
- "path": "components/base-control/base-control.component.js",
1257
+ "path": "components/avatar/avatar.component.js",
1268
1258
  "declarations": [
1269
1259
  {
1270
1260
  "kind": "class",
1271
1261
  "description": "",
1272
- "name": "FlowUiBaseControl",
1273
- "cssParts": [
1274
- {
1275
- "description": "The form control that wraps the label, input, and help text.",
1276
- "name": "form-control"
1277
- },
1278
- {
1279
- "description": "The label's wrapper.",
1280
- "name": "form-control-label"
1281
- },
1282
- {
1283
- "description": "The input's wrapper.",
1284
- "name": "form-control-input"
1285
- },
1262
+ "name": "FlowUiAvatar",
1263
+ "cssProperties": [
1286
1264
  {
1287
- "description": "The help text's wrapper.",
1288
- "name": "form-control-help-text"
1289
- },
1265
+ "description": "The size of the avatar.",
1266
+ "name": "--size"
1267
+ }
1268
+ ],
1269
+ "cssParts": [
1290
1270
  {
1291
1271
  "description": "The component's base wrapper.",
1292
1272
  "name": "base"
1293
1273
  },
1294
1274
  {
1295
- "description": "The internal `<input>` control.",
1296
- "name": "input"
1297
- },
1298
- {
1299
- "description": "The container that wraps the prefix.",
1300
- "name": "prefix"
1301
- },
1302
- {
1303
- "description": "The clear button.",
1304
- "name": "clear-button"
1275
+ "description": "The container that wraps the avatar's icon.",
1276
+ "name": "icon"
1305
1277
  },
1306
1278
  {
1307
- "description": "The password toggle button.",
1308
- "name": "password-toggle-button"
1279
+ "description": "The container that wraps the avatar's initials.",
1280
+ "name": "initials"
1309
1281
  },
1310
1282
  {
1311
- "description": "The container that wraps the suffix.",
1312
- "name": "suffix"
1283
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
1284
+ "name": "image"
1313
1285
  }
1314
1286
  ],
1315
1287
  "slots": [
1316
1288
  {
1317
- "description": "The input's label. Alternatively, you can use the `label` attribute.",
1318
- "name": "label"
1319
- },
1320
- {
1321
- "description": "Used to prepend a presentational icon or similar element to the input.",
1322
- "name": "prefix"
1323
- },
1324
- {
1325
- "description": "Used to append a presentational icon or similar element to the input.",
1326
- "name": "suffix"
1327
- },
1328
- {
1329
- "description": "An icon to use in lieu of the default clear icon.",
1330
- "name": "clear-icon"
1331
- },
1332
- {
1333
- "description": "An icon to use in lieu of the default show password icon.",
1334
- "name": "show-password-icon"
1335
- },
1336
- {
1337
- "description": "An icon to use in lieu of the default hide password icon.",
1338
- "name": "hide-password-icon"
1339
- },
1340
- {
1341
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
1342
- "name": "help-text"
1289
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1290
+ "name": "icon"
1343
1291
  }
1344
1292
  ],
1345
1293
  "members": [
1346
1294
  {
1347
1295
  "kind": "field",
1348
- "name": "formControlController",
1349
- "privacy": "private",
1350
- "readonly": true,
1351
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
1352
- },
1353
- {
1354
- "kind": "field",
1355
- "name": "hasSlotController",
1356
- "privacy": "private",
1357
- "readonly": true,
1358
- "default": "new HasSlotController(this, 'help-text', 'label')"
1359
- },
1360
- {
1361
- "kind": "field",
1362
- "name": "hasFocus",
1296
+ "name": "hasError",
1363
1297
  "type": {
1364
1298
  "text": "boolean"
1365
1299
  },
@@ -1368,36 +1302,13 @@
1368
1302
  },
1369
1303
  {
1370
1304
  "kind": "field",
1371
- "name": "size",
1372
- "type": {
1373
- "text": "'small' | 'medium' | 'large'"
1374
- },
1375
- "default": "'medium'",
1376
- "description": "The input's size.",
1377
- "attribute": "size",
1378
- "reflects": true
1379
- },
1380
- {
1381
- "kind": "field",
1382
- "name": "filled",
1383
- "type": {
1384
- "text": "boolean"
1385
- },
1386
- "default": "false",
1387
- "description": "Draws a filled input.",
1388
- "attribute": "filled",
1389
- "reflects": true
1390
- },
1391
- {
1392
- "kind": "field",
1393
- "name": "pill",
1305
+ "name": "image",
1394
1306
  "type": {
1395
- "text": "boolean"
1307
+ "text": "string"
1396
1308
  },
1397
- "default": "false",
1398
- "description": "Draws a pill-style input with rounded edges.",
1399
- "attribute": "pill",
1400
- "reflects": true
1309
+ "default": "''",
1310
+ "description": "The image source to use for the avatar.",
1311
+ "attribute": "image"
1401
1312
  },
1402
1313
  {
1403
1314
  "kind": "field",
@@ -1406,286 +1317,383 @@
1406
1317
  "text": "string"
1407
1318
  },
1408
1319
  "default": "''",
1409
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1320
+ "description": "A label to use to describe the avatar to assistive devices.",
1410
1321
  "attribute": "label"
1411
1322
  },
1412
1323
  {
1413
1324
  "kind": "field",
1414
- "name": "helpText",
1325
+ "name": "initials",
1415
1326
  "type": {
1416
1327
  "text": "string"
1417
1328
  },
1418
1329
  "default": "''",
1419
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1420
- "attribute": "help-text"
1330
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1331
+ "attribute": "initials"
1421
1332
  },
1422
1333
  {
1423
1334
  "kind": "field",
1424
- "name": "disabled",
1335
+ "name": "loading",
1425
1336
  "type": {
1426
- "text": "boolean"
1337
+ "text": "'eager' | 'lazy'"
1427
1338
  },
1428
- "default": "false",
1429
- "description": "Disables the input.",
1430
- "attribute": "disabled",
1431
- "reflects": true
1339
+ "default": "'eager'",
1340
+ "description": "Indicates how the browser should load the image.",
1341
+ "attribute": "loading"
1432
1342
  },
1433
1343
  {
1434
1344
  "kind": "field",
1435
- "name": "form",
1345
+ "name": "shape",
1436
1346
  "type": {
1437
- "text": "string"
1347
+ "text": "'circle' | 'square' | 'rounded'"
1438
1348
  },
1439
- "default": "''",
1440
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1441
- "attribute": "form",
1349
+ "default": "'circle'",
1350
+ "description": "The shape of the avatar.",
1351
+ "attribute": "shape",
1442
1352
  "reflects": true
1443
- },
1353
+ }
1354
+ ],
1355
+ "attributes": [
1444
1356
  {
1445
- "kind": "field",
1446
- "name": "required",
1357
+ "name": "image",
1447
1358
  "type": {
1448
- "text": "boolean"
1359
+ "text": "string"
1449
1360
  },
1450
- "default": "false",
1451
- "description": "Makes the input a required field.",
1452
- "attribute": "required",
1453
- "reflects": true
1361
+ "default": "''",
1362
+ "description": "The image source to use for the avatar.",
1363
+ "fieldName": "image"
1454
1364
  },
1455
1365
  {
1456
- "kind": "field",
1457
- "name": "inline",
1366
+ "name": "label",
1458
1367
  "type": {
1459
- "text": "boolean"
1368
+ "text": "string"
1460
1369
  },
1461
- "default": "false",
1462
- "description": "Display the input in the 'inline' form control style.",
1463
- "attribute": "inline",
1464
- "reflects": true
1370
+ "default": "''",
1371
+ "description": "A label to use to describe the avatar to assistive devices.",
1372
+ "fieldName": "label"
1465
1373
  },
1466
1374
  {
1467
- "kind": "field",
1468
- "name": "divider",
1375
+ "name": "initials",
1469
1376
  "type": {
1470
- "text": "boolean"
1377
+ "text": "string"
1471
1378
  },
1472
- "default": "false",
1473
- "description": "Indicates that the control should display a divider",
1474
- "attribute": "divider",
1475
- "reflects": true
1476
- },
1477
- {
1478
- "kind": "field",
1479
- "name": "validity",
1480
- "description": "Gets the validity state object",
1481
- "readonly": true
1482
- },
1483
- {
1484
- "kind": "field",
1485
- "name": "validationMessage",
1486
- "description": "Gets the validation message",
1487
- "readonly": true
1488
- },
1489
- {
1490
- "kind": "method",
1491
- "name": "handleBlur",
1492
- "privacy": "private"
1493
- },
1494
- {
1495
- "kind": "method",
1496
- "name": "handleFocus",
1497
- "privacy": "private"
1498
- },
1499
- {
1500
- "kind": "method",
1501
- "name": "focus",
1502
- "parameters": [
1503
- {
1504
- "name": "options",
1505
- "optional": true,
1506
- "type": {
1507
- "text": "FocusOptions"
1508
- }
1509
- }
1510
- ],
1511
- "description": "Sets focus on the input."
1512
- },
1513
- {
1514
- "kind": "method",
1515
- "name": "blur",
1516
- "description": "Removes focus from the input."
1517
- },
1518
- {
1519
- "kind": "method",
1520
- "name": "checkValidity",
1521
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1379
+ "default": "''",
1380
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1381
+ "fieldName": "initials"
1522
1382
  },
1523
1383
  {
1524
- "kind": "method",
1525
- "name": "getForm",
1526
- "return": {
1527
- "type": {
1528
- "text": "HTMLFormElement | null"
1529
- }
1384
+ "name": "loading",
1385
+ "type": {
1386
+ "text": "'eager' | 'lazy'"
1530
1387
  },
1531
- "description": "Gets the associated form, if one exists."
1532
- },
1533
- {
1534
- "kind": "method",
1535
- "name": "reportValidity",
1536
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1388
+ "default": "'eager'",
1389
+ "description": "Indicates how the browser should load the image.",
1390
+ "fieldName": "loading"
1537
1391
  },
1538
1392
  {
1539
- "kind": "method",
1540
- "name": "setCustomValidity",
1541
- "parameters": [
1542
- {
1543
- "name": "message",
1544
- "type": {
1545
- "text": "string"
1546
- }
1547
- }
1548
- ],
1549
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
1393
+ "name": "shape",
1394
+ "type": {
1395
+ "text": "'circle' | 'square' | 'rounded'"
1396
+ },
1397
+ "default": "'circle'",
1398
+ "description": "The shape of the avatar.",
1399
+ "fieldName": "shape"
1550
1400
  }
1551
1401
  ],
1552
- "events": [
1402
+ "superclass": {
1403
+ "name": "FlowRdfElement",
1404
+ "module": "/src/internal/flow-ui-rdf-element"
1405
+ },
1406
+ "tagName": "flow-ui-avatar",
1407
+ "summary": "Avatars are used to represent a person or object.",
1408
+ "dependencies": [
1409
+ "flow-ui-icon"
1410
+ ],
1411
+ "customElement": true
1412
+ }
1413
+ ],
1414
+ "exports": [
1415
+ {
1416
+ "kind": "js",
1417
+ "name": "default",
1418
+ "declaration": {
1419
+ "name": "FlowUiAvatar",
1420
+ "module": "components/avatar/avatar.component.js"
1421
+ }
1422
+ }
1423
+ ]
1424
+ },
1425
+ {
1426
+ "kind": "javascript-module",
1427
+ "path": "components/avatar/avatar.js",
1428
+ "declarations": [],
1429
+ "exports": [
1430
+ {
1431
+ "kind": "js",
1432
+ "name": "default",
1433
+ "declaration": {
1434
+ "name": "FlowUiAvatar",
1435
+ "module": "components/avatar/avatar.js"
1436
+ }
1437
+ }
1438
+ ]
1439
+ },
1440
+ {
1441
+ "kind": "javascript-module",
1442
+ "path": "components/badge/badge.component.js",
1443
+ "declarations": [
1444
+ {
1445
+ "kind": "class",
1446
+ "description": "",
1447
+ "name": "FlowUiBadge",
1448
+ "cssParts": [
1553
1449
  {
1554
- "description": "Emitted when the control loses focus.",
1555
- "name": "flow-ui-blur",
1556
- "reactName": "onFlowUiBlur"
1557
- },
1450
+ "description": "The component's base wrapper.",
1451
+ "name": "base"
1452
+ }
1453
+ ],
1454
+ "slots": [
1558
1455
  {
1559
- "description": "Emitted when an alteration to the control's value is committed by the user.",
1560
- "name": "flow-ui-change",
1561
- "reactName": "onFlowUiChange"
1562
- },
1456
+ "description": "The badge's content.",
1457
+ "name": ""
1458
+ }
1459
+ ],
1460
+ "members": [
1563
1461
  {
1564
- "description": "Emitted when the clear button is activated.",
1565
- "name": "flow-ui-clear",
1566
- "reactName": "onFlowUiClear"
1462
+ "kind": "field",
1463
+ "name": "variant",
1464
+ "type": {
1465
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1466
+ },
1467
+ "default": "'primary'",
1468
+ "description": "The badge's theme variant.",
1469
+ "attribute": "variant",
1470
+ "reflects": true
1567
1471
  },
1568
1472
  {
1569
- "description": "Emitted when the control gains focus.",
1570
- "name": "flow-ui-focus",
1571
- "reactName": "onFlowUiFocus"
1473
+ "kind": "field",
1474
+ "name": "size",
1475
+ "type": {
1476
+ "text": "'small' | 'medium' | 'large'"
1477
+ },
1478
+ "default": "'medium'",
1479
+ "description": "The badge size.",
1480
+ "attribute": "size",
1481
+ "reflects": true
1572
1482
  },
1573
1483
  {
1574
- "description": "Emitted when the control receives input.",
1575
- "name": "flow-ui-input",
1576
- "reactName": "onFlowUiInput"
1484
+ "kind": "field",
1485
+ "name": "pill",
1486
+ "type": {
1487
+ "text": "boolean"
1488
+ },
1489
+ "default": "false",
1490
+ "description": "Draws a pill-style badge with rounded edges.",
1491
+ "attribute": "pill",
1492
+ "reflects": true
1577
1493
  },
1578
1494
  {
1579
- "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
1580
- "name": "flow-ui-invalid",
1581
- "reactName": "onFlowUiInvalid"
1495
+ "kind": "field",
1496
+ "name": "pulse",
1497
+ "type": {
1498
+ "text": "boolean"
1499
+ },
1500
+ "default": "false",
1501
+ "description": "Makes the badge pulsate to draw attention.",
1502
+ "attribute": "pulse",
1503
+ "reflects": true
1582
1504
  }
1583
1505
  ],
1584
1506
  "attributes": [
1507
+ {
1508
+ "name": "variant",
1509
+ "type": {
1510
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1511
+ },
1512
+ "default": "'primary'",
1513
+ "description": "The badge's theme variant.",
1514
+ "fieldName": "variant"
1515
+ },
1585
1516
  {
1586
1517
  "name": "size",
1587
1518
  "type": {
1588
1519
  "text": "'small' | 'medium' | 'large'"
1589
1520
  },
1590
1521
  "default": "'medium'",
1591
- "description": "The input's size.",
1522
+ "description": "The badge size.",
1592
1523
  "fieldName": "size"
1593
1524
  },
1594
1525
  {
1595
- "name": "filled",
1526
+ "name": "pill",
1596
1527
  "type": {
1597
1528
  "text": "boolean"
1598
1529
  },
1599
1530
  "default": "false",
1600
- "description": "Draws a filled input.",
1601
- "fieldName": "filled"
1531
+ "description": "Draws a pill-style badge with rounded edges.",
1532
+ "fieldName": "pill"
1602
1533
  },
1603
1534
  {
1604
- "name": "pill",
1535
+ "name": "pulse",
1605
1536
  "type": {
1606
1537
  "text": "boolean"
1607
1538
  },
1608
1539
  "default": "false",
1609
- "description": "Draws a pill-style input with rounded edges.",
1610
- "fieldName": "pill"
1540
+ "description": "Makes the badge pulsate to draw attention.",
1541
+ "fieldName": "pulse"
1542
+ }
1543
+ ],
1544
+ "superclass": {
1545
+ "name": "FlowRdfElement",
1546
+ "module": "/src/internal/flow-ui-rdf-element"
1547
+ },
1548
+ "tagName": "flow-ui-badge",
1549
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1550
+ "customElement": true
1551
+ }
1552
+ ],
1553
+ "exports": [
1554
+ {
1555
+ "kind": "js",
1556
+ "name": "default",
1557
+ "declaration": {
1558
+ "name": "FlowUiBadge",
1559
+ "module": "components/badge/badge.component.js"
1560
+ }
1561
+ }
1562
+ ]
1563
+ },
1564
+ {
1565
+ "kind": "javascript-module",
1566
+ "path": "components/badge/badge.js",
1567
+ "declarations": [],
1568
+ "exports": [
1569
+ {
1570
+ "kind": "js",
1571
+ "name": "default",
1572
+ "declaration": {
1573
+ "name": "FlowUiBadge",
1574
+ "module": "components/badge/badge.js"
1575
+ }
1576
+ }
1577
+ ]
1578
+ },
1579
+ {
1580
+ "kind": "javascript-module",
1581
+ "path": "components/breadcrumb-item/breadcrumb-item.component.js",
1582
+ "declarations": [
1583
+ {
1584
+ "kind": "class",
1585
+ "description": "",
1586
+ "name": "FlowUiBreadcrumbItem",
1587
+ "cssParts": [
1588
+ {
1589
+ "description": "The component's base wrapper.",
1590
+ "name": "base"
1611
1591
  },
1612
1592
  {
1613
- "name": "label",
1614
- "type": {
1615
- "text": "string"
1616
- },
1617
- "default": "''",
1618
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1619
- "fieldName": "label"
1593
+ "description": "The breadcrumb item's label.",
1594
+ "name": "label"
1620
1595
  },
1621
1596
  {
1622
- "name": "help-text",
1597
+ "description": "The container that wraps the prefix.",
1598
+ "name": "prefix"
1599
+ },
1600
+ {
1601
+ "description": "The container that wraps the suffix.",
1602
+ "name": "suffix"
1603
+ },
1604
+ {
1605
+ "description": "The container that wraps the separator.",
1606
+ "name": "separator"
1607
+ }
1608
+ ],
1609
+ "slots": [
1610
+ {
1611
+ "description": "The breadcrumb item's label.",
1612
+ "name": ""
1613
+ },
1614
+ {
1615
+ "description": "An optional prefix, usually an icon or icon button.",
1616
+ "name": "prefix"
1617
+ },
1618
+ {
1619
+ "description": "An optional suffix, usually an icon or icon button.",
1620
+ "name": "suffix"
1621
+ },
1622
+ {
1623
+ "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
1624
+ "name": "separator"
1625
+ }
1626
+ ],
1627
+ "members": [
1628
+ {
1629
+ "kind": "field",
1630
+ "name": "hasSlotController",
1631
+ "privacy": "private",
1632
+ "readonly": true,
1633
+ "default": "new HasSlotController(this, 'prefix', 'suffix')"
1634
+ },
1635
+ {
1636
+ "kind": "field",
1637
+ "name": "href",
1623
1638
  "type": {
1624
- "text": "string"
1639
+ "text": "string | undefined"
1625
1640
  },
1626
- "default": "''",
1627
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1628
- "fieldName": "helpText"
1641
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1642
+ "attribute": "href"
1629
1643
  },
1630
1644
  {
1631
- "name": "disabled",
1645
+ "kind": "field",
1646
+ "name": "target",
1632
1647
  "type": {
1633
- "text": "boolean"
1648
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1634
1649
  },
1635
- "default": "false",
1636
- "description": "Disables the input.",
1637
- "fieldName": "disabled"
1650
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
1651
+ "attribute": "target"
1638
1652
  },
1639
1653
  {
1640
- "name": "form",
1654
+ "kind": "field",
1655
+ "name": "rel",
1641
1656
  "type": {
1642
1657
  "text": "string"
1643
1658
  },
1644
- "default": "''",
1645
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1646
- "fieldName": "form"
1647
- },
1659
+ "default": "'noreferrer noopener'",
1660
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1661
+ "attribute": "rel"
1662
+ }
1663
+ ],
1664
+ "attributes": [
1648
1665
  {
1649
- "name": "required",
1666
+ "name": "href",
1650
1667
  "type": {
1651
- "text": "boolean"
1668
+ "text": "string | undefined"
1652
1669
  },
1653
- "default": "false",
1654
- "description": "Makes the input a required field.",
1655
- "fieldName": "required"
1670
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1671
+ "fieldName": "href"
1656
1672
  },
1657
1673
  {
1658
- "name": "inline",
1674
+ "name": "target",
1659
1675
  "type": {
1660
- "text": "boolean"
1676
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1661
1677
  },
1662
- "default": "false",
1663
- "description": "Display the input in the 'inline' form control style.",
1664
- "fieldName": "inline"
1678
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
1679
+ "fieldName": "target"
1665
1680
  },
1666
1681
  {
1667
- "name": "divider",
1682
+ "name": "rel",
1668
1683
  "type": {
1669
- "text": "boolean"
1684
+ "text": "string"
1670
1685
  },
1671
- "default": "false",
1672
- "description": "Indicates that the control should display a divider",
1673
- "fieldName": "divider"
1686
+ "default": "'noreferrer noopener'",
1687
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1688
+ "fieldName": "rel"
1674
1689
  }
1675
1690
  ],
1676
1691
  "superclass": {
1677
- "name": "FlowRdfFormControl",
1692
+ "name": "FlowRdfElement",
1678
1693
  "module": "/src/internal/flow-ui-rdf-element"
1679
1694
  },
1680
- "tagName": "flow-ui-base-control",
1681
- "summary": "Inputs collect data from the user.",
1682
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
1683
- "status": "stable",
1684
- "since": "2.0",
1685
- "dependencies": [
1686
- "flow-ui-icon",
1687
- "flow-ui-icon-button"
1688
- ],
1695
+ "tagName": "flow-ui-breadcrumb-item",
1696
+ "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
1689
1697
  "customElement": true
1690
1698
  }
1691
1699
  ],
@@ -1694,31 +1702,23 @@
1694
1702
  "kind": "js",
1695
1703
  "name": "default",
1696
1704
  "declaration": {
1697
- "name": "FlowUiBaseControl",
1698
- "module": "components/base-control/base-control.component.js"
1705
+ "name": "FlowUiBreadcrumbItem",
1706
+ "module": "components/breadcrumb-item/breadcrumb-item.component.js"
1699
1707
  }
1700
1708
  }
1701
1709
  ]
1702
1710
  },
1703
1711
  {
1704
1712
  "kind": "javascript-module",
1705
- "path": "components/base-control/base-control.js",
1713
+ "path": "components/breadcrumb-item/breadcrumb-item.js",
1706
1714
  "declarations": [],
1707
1715
  "exports": [
1708
- {
1709
- "kind": "js",
1710
- "name": "*",
1711
- "declaration": {
1712
- "name": "*",
1713
- "package": "./base-control.component"
1714
- }
1715
- },
1716
1716
  {
1717
1717
  "kind": "js",
1718
1718
  "name": "default",
1719
1719
  "declaration": {
1720
- "name": "FlowUiBaseControl",
1721
- "module": "components/base-control/base-control.js"
1720
+ "name": "FlowUiBreadcrumbItem",
1721
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
1722
1722
  }
1723
1723
  }
1724
1724
  ]
@@ -24987,6 +24987,6 @@
24987
24987
  ],
24988
24988
  "package": {
24989
24989
  "name": "@emuanalytics/flow-rdf-ui",
24990
- "version": "4.1.1"
24990
+ "version": "4.1.3"
24991
24991
  }
24992
24992
  }