@genesislcap/foundation-zero 14.15.0 → 14.15.1-bny.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +652 -652
- package/package.json +6 -6
|
@@ -581,6 +581,37 @@
|
|
|
581
581
|
}
|
|
582
582
|
]
|
|
583
583
|
},
|
|
584
|
+
{
|
|
585
|
+
"kind": "javascript-module",
|
|
586
|
+
"path": "src/_config/index.ts",
|
|
587
|
+
"declarations": [],
|
|
588
|
+
"exports": [
|
|
589
|
+
{
|
|
590
|
+
"kind": "js",
|
|
591
|
+
"name": "*",
|
|
592
|
+
"declaration": {
|
|
593
|
+
"name": "*",
|
|
594
|
+
"package": "./styles"
|
|
595
|
+
}
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"kind": "js",
|
|
599
|
+
"name": "*",
|
|
600
|
+
"declaration": {
|
|
601
|
+
"name": "*",
|
|
602
|
+
"package": "./tokens"
|
|
603
|
+
}
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"kind": "js",
|
|
607
|
+
"name": "*",
|
|
608
|
+
"declaration": {
|
|
609
|
+
"name": "*",
|
|
610
|
+
"package": "./values"
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
]
|
|
614
|
+
},
|
|
584
615
|
{
|
|
585
616
|
"kind": "javascript-module",
|
|
586
617
|
"path": "src/_common/colors.hex.ts",
|
|
@@ -722,7 +753,7 @@
|
|
|
722
753
|
},
|
|
723
754
|
{
|
|
724
755
|
"kind": "javascript-module",
|
|
725
|
-
"path": "src/
|
|
756
|
+
"path": "src/actions-menu/actions-menu.stories.ts",
|
|
726
757
|
"declarations": [
|
|
727
758
|
{
|
|
728
759
|
"kind": "variable",
|
|
@@ -730,15 +761,23 @@
|
|
|
730
761
|
"type": {
|
|
731
762
|
"text": "Meta"
|
|
732
763
|
},
|
|
733
|
-
"default": "{\n title: '
|
|
764
|
+
"default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
|
|
734
765
|
},
|
|
735
766
|
{
|
|
736
767
|
"kind": "variable",
|
|
737
|
-
"name": "
|
|
768
|
+
"name": "Horizontal",
|
|
738
769
|
"type": {
|
|
739
770
|
"text": "StoryObj"
|
|
740
771
|
},
|
|
741
|
-
"default": "{\n args: {\n
|
|
772
|
+
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"kind": "variable",
|
|
776
|
+
"name": "Vertical",
|
|
777
|
+
"type": {
|
|
778
|
+
"text": "StoryObj"
|
|
779
|
+
},
|
|
780
|
+
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) =>\n html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
742
781
|
}
|
|
743
782
|
],
|
|
744
783
|
"exports": [
|
|
@@ -747,26 +786,34 @@
|
|
|
747
786
|
"name": "default",
|
|
748
787
|
"declaration": {
|
|
749
788
|
"name": "meta",
|
|
750
|
-
"module": "src/
|
|
789
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
751
790
|
}
|
|
752
791
|
},
|
|
753
792
|
{
|
|
754
793
|
"kind": "js",
|
|
755
|
-
"name": "
|
|
794
|
+
"name": "Horizontal",
|
|
756
795
|
"declaration": {
|
|
757
|
-
"name": "
|
|
758
|
-
"module": "src/
|
|
796
|
+
"name": "Horizontal",
|
|
797
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
798
|
+
}
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"kind": "js",
|
|
802
|
+
"name": "Vertical",
|
|
803
|
+
"declaration": {
|
|
804
|
+
"name": "Vertical",
|
|
805
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
759
806
|
}
|
|
760
807
|
}
|
|
761
808
|
]
|
|
762
809
|
},
|
|
763
810
|
{
|
|
764
811
|
"kind": "javascript-module",
|
|
765
|
-
"path": "src/
|
|
812
|
+
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
766
813
|
"declarations": [
|
|
767
814
|
{
|
|
768
815
|
"kind": "function",
|
|
769
|
-
"name": "
|
|
816
|
+
"name": "zeroActionsMenuStyles",
|
|
770
817
|
"return": {
|
|
771
818
|
"type": {
|
|
772
819
|
"text": "ElementStyles"
|
|
@@ -791,95 +838,171 @@
|
|
|
791
838
|
"exports": [
|
|
792
839
|
{
|
|
793
840
|
"kind": "js",
|
|
794
|
-
"name": "
|
|
841
|
+
"name": "zeroActionsMenuStyles",
|
|
795
842
|
"declaration": {
|
|
796
|
-
"name": "
|
|
797
|
-
"module": "src/
|
|
843
|
+
"name": "zeroActionsMenuStyles",
|
|
844
|
+
"module": "src/actions-menu/actions-menu.styles.ts"
|
|
798
845
|
}
|
|
799
846
|
}
|
|
800
847
|
]
|
|
801
848
|
},
|
|
802
849
|
{
|
|
803
850
|
"kind": "javascript-module",
|
|
804
|
-
"path": "src/
|
|
851
|
+
"path": "src/actions-menu/actions-menu.ts",
|
|
805
852
|
"declarations": [
|
|
806
853
|
{
|
|
807
|
-
"kind": "
|
|
808
|
-
"
|
|
809
|
-
"
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
854
|
+
"kind": "class",
|
|
855
|
+
"description": "",
|
|
856
|
+
"name": "ActionsMenu",
|
|
857
|
+
"superclass": {
|
|
858
|
+
"name": "FoundationActionsMenu",
|
|
859
|
+
"package": "@genesislcap/foundation-ui"
|
|
813
860
|
},
|
|
814
|
-
"
|
|
861
|
+
"tagName": "%%prefix%%-actions-menu",
|
|
862
|
+
"customElement": true,
|
|
863
|
+
"members": [
|
|
815
864
|
{
|
|
816
|
-
"
|
|
865
|
+
"kind": "field",
|
|
866
|
+
"name": "_presentation",
|
|
817
867
|
"type": {
|
|
818
|
-
"text": "
|
|
868
|
+
"text": "ComponentPresentation | null | undefined"
|
|
869
|
+
},
|
|
870
|
+
"privacy": "private",
|
|
871
|
+
"default": "void 0",
|
|
872
|
+
"inheritedFrom": {
|
|
873
|
+
"name": "FoundationElement",
|
|
874
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
819
875
|
}
|
|
820
876
|
},
|
|
821
877
|
{
|
|
822
|
-
"
|
|
878
|
+
"kind": "field",
|
|
879
|
+
"name": "$presentation",
|
|
823
880
|
"type": {
|
|
824
|
-
"text": "
|
|
881
|
+
"text": "ComponentPresentation | null"
|
|
882
|
+
},
|
|
883
|
+
"privacy": "public",
|
|
884
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
885
|
+
"inheritedFrom": {
|
|
886
|
+
"name": "FoundationElement",
|
|
887
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
888
|
+
}
|
|
889
|
+
},
|
|
890
|
+
{
|
|
891
|
+
"kind": "field",
|
|
892
|
+
"name": "template",
|
|
893
|
+
"type": {
|
|
894
|
+
"text": "ElementViewTemplate | void | null"
|
|
895
|
+
},
|
|
896
|
+
"privacy": "public",
|
|
897
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
898
|
+
"inheritedFrom": {
|
|
899
|
+
"name": "FoundationElement",
|
|
900
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
901
|
+
}
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"kind": "method",
|
|
905
|
+
"name": "templateChanged",
|
|
906
|
+
"privacy": "protected",
|
|
907
|
+
"return": {
|
|
908
|
+
"type": {
|
|
909
|
+
"text": "void"
|
|
910
|
+
}
|
|
911
|
+
},
|
|
912
|
+
"inheritedFrom": {
|
|
913
|
+
"name": "FoundationElement",
|
|
914
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
915
|
+
}
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"kind": "field",
|
|
919
|
+
"name": "styles",
|
|
920
|
+
"type": {
|
|
921
|
+
"text": "ElementStyles | void | null"
|
|
922
|
+
},
|
|
923
|
+
"privacy": "public",
|
|
924
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
925
|
+
"inheritedFrom": {
|
|
926
|
+
"name": "FoundationElement",
|
|
927
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
928
|
+
}
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"kind": "method",
|
|
932
|
+
"name": "stylesChanged",
|
|
933
|
+
"privacy": "protected",
|
|
934
|
+
"return": {
|
|
935
|
+
"type": {
|
|
936
|
+
"text": "void"
|
|
937
|
+
}
|
|
938
|
+
},
|
|
939
|
+
"inheritedFrom": {
|
|
940
|
+
"name": "FoundationElement",
|
|
941
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
942
|
+
}
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"kind": "method",
|
|
946
|
+
"name": "compose",
|
|
947
|
+
"privacy": "public",
|
|
948
|
+
"static": true,
|
|
949
|
+
"return": {
|
|
950
|
+
"type": {
|
|
951
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
952
|
+
}
|
|
953
|
+
},
|
|
954
|
+
"parameters": [
|
|
955
|
+
{
|
|
956
|
+
"name": "this",
|
|
957
|
+
"type": {
|
|
958
|
+
"text": "K"
|
|
959
|
+
}
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"name": "elementDefinition",
|
|
963
|
+
"type": {
|
|
964
|
+
"text": "T"
|
|
965
|
+
},
|
|
966
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
967
|
+
}
|
|
968
|
+
],
|
|
969
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
970
|
+
"inheritedFrom": {
|
|
971
|
+
"name": "FoundationElement",
|
|
972
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
825
973
|
}
|
|
826
974
|
}
|
|
827
975
|
]
|
|
828
|
-
}
|
|
829
|
-
],
|
|
830
|
-
"exports": [
|
|
831
|
-
{
|
|
832
|
-
"kind": "js",
|
|
833
|
-
"name": "zeroAnchorTemplate",
|
|
834
|
-
"declaration": {
|
|
835
|
-
"name": "zeroAnchorTemplate",
|
|
836
|
-
"module": "src/anchor/anchor.template.ts"
|
|
837
|
-
}
|
|
838
|
-
}
|
|
839
|
-
]
|
|
840
|
-
},
|
|
841
|
-
{
|
|
842
|
-
"kind": "javascript-module",
|
|
843
|
-
"path": "src/anchor/anchor.ts",
|
|
844
|
-
"declarations": [
|
|
845
|
-
{
|
|
846
|
-
"kind": "class",
|
|
847
|
-
"description": "",
|
|
848
|
-
"name": "Anchor",
|
|
849
|
-
"superclass": {
|
|
850
|
-
"name": "FoundationAnchor",
|
|
851
|
-
"package": "@genesislcap/foundation-ui"
|
|
852
|
-
},
|
|
853
|
-
"tagName": "%%prefix%%-anchor",
|
|
854
|
-
"customElement": true
|
|
855
976
|
},
|
|
856
977
|
{
|
|
857
978
|
"kind": "variable",
|
|
858
|
-
"name": "
|
|
979
|
+
"name": "zeroActionsMenu",
|
|
980
|
+
"description": "The Zero Actions Menu",
|
|
981
|
+
"privacy": "public"
|
|
859
982
|
}
|
|
860
983
|
],
|
|
861
984
|
"exports": [
|
|
862
985
|
{
|
|
863
986
|
"kind": "js",
|
|
864
|
-
"name": "
|
|
987
|
+
"name": "ActionsMenu",
|
|
865
988
|
"declaration": {
|
|
866
|
-
"name": "
|
|
867
|
-
"module": "src/
|
|
989
|
+
"name": "ActionsMenu",
|
|
990
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
868
991
|
}
|
|
869
992
|
},
|
|
870
993
|
{
|
|
871
994
|
"kind": "js",
|
|
872
|
-
"name": "
|
|
995
|
+
"name": "zeroActionsMenu",
|
|
873
996
|
"declaration": {
|
|
874
|
-
"name": "
|
|
875
|
-
"module": "src/
|
|
997
|
+
"name": "zeroActionsMenu",
|
|
998
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
876
999
|
}
|
|
877
1000
|
}
|
|
878
1001
|
]
|
|
879
1002
|
},
|
|
880
1003
|
{
|
|
881
1004
|
"kind": "javascript-module",
|
|
882
|
-
"path": "src/
|
|
1005
|
+
"path": "src/actions-menu/index.ts",
|
|
883
1006
|
"declarations": [],
|
|
884
1007
|
"exports": [
|
|
885
1008
|
{
|
|
@@ -887,15 +1010,7 @@
|
|
|
887
1010
|
"name": "*",
|
|
888
1011
|
"declaration": {
|
|
889
1012
|
"name": "*",
|
|
890
|
-
"package": "./
|
|
891
|
-
}
|
|
892
|
-
},
|
|
893
|
-
{
|
|
894
|
-
"kind": "js",
|
|
895
|
-
"name": "*",
|
|
896
|
-
"declaration": {
|
|
897
|
-
"name": "*",
|
|
898
|
-
"package": "./anchor.styles"
|
|
1013
|
+
"package": "./actions-menu"
|
|
899
1014
|
}
|
|
900
1015
|
},
|
|
901
1016
|
{
|
|
@@ -903,14 +1018,14 @@
|
|
|
903
1018
|
"name": "*",
|
|
904
1019
|
"declaration": {
|
|
905
1020
|
"name": "*",
|
|
906
|
-
"package": "./
|
|
1021
|
+
"package": "./actions-menu.styles"
|
|
907
1022
|
}
|
|
908
1023
|
}
|
|
909
1024
|
]
|
|
910
1025
|
},
|
|
911
1026
|
{
|
|
912
1027
|
"kind": "javascript-module",
|
|
913
|
-
"path": "src/
|
|
1028
|
+
"path": "src/anchor/anchor.stories.ts",
|
|
914
1029
|
"declarations": [
|
|
915
1030
|
{
|
|
916
1031
|
"kind": "variable",
|
|
@@ -918,7 +1033,7 @@
|
|
|
918
1033
|
"type": {
|
|
919
1034
|
"text": "Meta"
|
|
920
1035
|
},
|
|
921
|
-
"default": "{\n title: '
|
|
1036
|
+
"default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
|
|
922
1037
|
},
|
|
923
1038
|
{
|
|
924
1039
|
"kind": "variable",
|
|
@@ -926,7 +1041,7 @@
|
|
|
926
1041
|
"type": {
|
|
927
1042
|
"text": "StoryObj"
|
|
928
1043
|
},
|
|
929
|
-
"default": "{\n args: {\n
|
|
1044
|
+
"default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
|
|
930
1045
|
}
|
|
931
1046
|
],
|
|
932
1047
|
"exports": [
|
|
@@ -935,7 +1050,7 @@
|
|
|
935
1050
|
"name": "default",
|
|
936
1051
|
"declaration": {
|
|
937
1052
|
"name": "meta",
|
|
938
|
-
"module": "src/
|
|
1053
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
939
1054
|
}
|
|
940
1055
|
},
|
|
941
1056
|
{
|
|
@@ -943,18 +1058,18 @@
|
|
|
943
1058
|
"name": "All",
|
|
944
1059
|
"declaration": {
|
|
945
1060
|
"name": "All",
|
|
946
|
-
"module": "src/
|
|
1061
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
947
1062
|
}
|
|
948
1063
|
}
|
|
949
1064
|
]
|
|
950
1065
|
},
|
|
951
1066
|
{
|
|
952
1067
|
"kind": "javascript-module",
|
|
953
|
-
"path": "src/
|
|
1068
|
+
"path": "src/anchor/anchor.styles.ts",
|
|
954
1069
|
"declarations": [
|
|
955
1070
|
{
|
|
956
1071
|
"kind": "function",
|
|
957
|
-
"name": "
|
|
1072
|
+
"name": "zeroAnchorStyles",
|
|
958
1073
|
"return": {
|
|
959
1074
|
"type": {
|
|
960
1075
|
"text": "ElementStyles"
|
|
@@ -979,24 +1094,24 @@
|
|
|
979
1094
|
"exports": [
|
|
980
1095
|
{
|
|
981
1096
|
"kind": "js",
|
|
982
|
-
"name": "
|
|
1097
|
+
"name": "zeroAnchorStyles",
|
|
983
1098
|
"declaration": {
|
|
984
|
-
"name": "
|
|
985
|
-
"module": "src/
|
|
1099
|
+
"name": "zeroAnchorStyles",
|
|
1100
|
+
"module": "src/anchor/anchor.styles.ts"
|
|
986
1101
|
}
|
|
987
1102
|
}
|
|
988
1103
|
]
|
|
989
1104
|
},
|
|
990
1105
|
{
|
|
991
1106
|
"kind": "javascript-module",
|
|
992
|
-
"path": "src/
|
|
1107
|
+
"path": "src/anchor/anchor.template.ts",
|
|
993
1108
|
"declarations": [
|
|
994
1109
|
{
|
|
995
1110
|
"kind": "function",
|
|
996
|
-
"name": "
|
|
1111
|
+
"name": "zeroAnchorTemplate",
|
|
997
1112
|
"return": {
|
|
998
1113
|
"type": {
|
|
999
|
-
"text": "ViewTemplate<
|
|
1114
|
+
"text": "ViewTemplate<Anchor>"
|
|
1000
1115
|
}
|
|
1001
1116
|
},
|
|
1002
1117
|
"parameters": [
|
|
@@ -1018,56 +1133,56 @@
|
|
|
1018
1133
|
"exports": [
|
|
1019
1134
|
{
|
|
1020
1135
|
"kind": "js",
|
|
1021
|
-
"name": "
|
|
1136
|
+
"name": "zeroAnchorTemplate",
|
|
1022
1137
|
"declaration": {
|
|
1023
|
-
"name": "
|
|
1024
|
-
"module": "src/
|
|
1138
|
+
"name": "zeroAnchorTemplate",
|
|
1139
|
+
"module": "src/anchor/anchor.template.ts"
|
|
1025
1140
|
}
|
|
1026
1141
|
}
|
|
1027
1142
|
]
|
|
1028
1143
|
},
|
|
1029
1144
|
{
|
|
1030
1145
|
"kind": "javascript-module",
|
|
1031
|
-
"path": "src/
|
|
1146
|
+
"path": "src/anchor/anchor.ts",
|
|
1032
1147
|
"declarations": [
|
|
1033
1148
|
{
|
|
1034
1149
|
"kind": "class",
|
|
1035
1150
|
"description": "",
|
|
1036
|
-
"name": "
|
|
1151
|
+
"name": "Anchor",
|
|
1037
1152
|
"superclass": {
|
|
1038
|
-
"name": "
|
|
1153
|
+
"name": "FoundationAnchor",
|
|
1039
1154
|
"package": "@genesislcap/foundation-ui"
|
|
1040
1155
|
},
|
|
1041
|
-
"tagName": "%%prefix%%-
|
|
1156
|
+
"tagName": "%%prefix%%-anchor",
|
|
1042
1157
|
"customElement": true
|
|
1043
1158
|
},
|
|
1044
1159
|
{
|
|
1045
1160
|
"kind": "variable",
|
|
1046
|
-
"name": "
|
|
1161
|
+
"name": "zeroAnchor"
|
|
1047
1162
|
}
|
|
1048
1163
|
],
|
|
1049
1164
|
"exports": [
|
|
1050
1165
|
{
|
|
1051
1166
|
"kind": "js",
|
|
1052
|
-
"name": "
|
|
1167
|
+
"name": "Anchor",
|
|
1053
1168
|
"declaration": {
|
|
1054
|
-
"name": "
|
|
1055
|
-
"module": "src/
|
|
1169
|
+
"name": "Anchor",
|
|
1170
|
+
"module": "src/anchor/anchor.ts"
|
|
1056
1171
|
}
|
|
1057
1172
|
},
|
|
1058
1173
|
{
|
|
1059
1174
|
"kind": "js",
|
|
1060
|
-
"name": "
|
|
1175
|
+
"name": "zeroAnchor",
|
|
1061
1176
|
"declaration": {
|
|
1062
|
-
"name": "
|
|
1063
|
-
"module": "src/
|
|
1177
|
+
"name": "zeroAnchor",
|
|
1178
|
+
"module": "src/anchor/anchor.ts"
|
|
1064
1179
|
}
|
|
1065
1180
|
}
|
|
1066
1181
|
]
|
|
1067
1182
|
},
|
|
1068
1183
|
{
|
|
1069
1184
|
"kind": "javascript-module",
|
|
1070
|
-
"path": "src/
|
|
1185
|
+
"path": "src/anchor/index.ts",
|
|
1071
1186
|
"declarations": [],
|
|
1072
1187
|
"exports": [
|
|
1073
1188
|
{
|
|
@@ -1075,7 +1190,7 @@
|
|
|
1075
1190
|
"name": "*",
|
|
1076
1191
|
"declaration": {
|
|
1077
1192
|
"name": "*",
|
|
1078
|
-
"package": "./
|
|
1193
|
+
"package": "./anchor"
|
|
1079
1194
|
}
|
|
1080
1195
|
},
|
|
1081
1196
|
{
|
|
@@ -1083,7 +1198,7 @@
|
|
|
1083
1198
|
"name": "*",
|
|
1084
1199
|
"declaration": {
|
|
1085
1200
|
"name": "*",
|
|
1086
|
-
"package": "./
|
|
1201
|
+
"package": "./anchor.styles"
|
|
1087
1202
|
}
|
|
1088
1203
|
},
|
|
1089
1204
|
{
|
|
@@ -1091,14 +1206,14 @@
|
|
|
1091
1206
|
"name": "*",
|
|
1092
1207
|
"declaration": {
|
|
1093
1208
|
"name": "*",
|
|
1094
|
-
"package": "./
|
|
1209
|
+
"package": "./anchor.template"
|
|
1095
1210
|
}
|
|
1096
1211
|
}
|
|
1097
1212
|
]
|
|
1098
1213
|
},
|
|
1099
1214
|
{
|
|
1100
1215
|
"kind": "javascript-module",
|
|
1101
|
-
"path": "src/
|
|
1216
|
+
"path": "src/badge/badge.stories.ts",
|
|
1102
1217
|
"declarations": [
|
|
1103
1218
|
{
|
|
1104
1219
|
"kind": "variable",
|
|
@@ -1106,15 +1221,15 @@
|
|
|
1106
1221
|
"type": {
|
|
1107
1222
|
"text": "Meta"
|
|
1108
1223
|
},
|
|
1109
|
-
"default": "{\n title: '
|
|
1224
|
+
"default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
|
|
1110
1225
|
},
|
|
1111
1226
|
{
|
|
1112
1227
|
"kind": "variable",
|
|
1113
|
-
"name": "
|
|
1228
|
+
"name": "All",
|
|
1114
1229
|
"type": {
|
|
1115
1230
|
"text": "StoryObj"
|
|
1116
1231
|
},
|
|
1117
|
-
"default": "{\n args: {\n
|
|
1232
|
+
"default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
|
|
1118
1233
|
}
|
|
1119
1234
|
],
|
|
1120
1235
|
"exports": [
|
|
@@ -1123,241 +1238,139 @@
|
|
|
1123
1238
|
"name": "default",
|
|
1124
1239
|
"declaration": {
|
|
1125
1240
|
"name": "meta",
|
|
1126
|
-
"module": "src/
|
|
1241
|
+
"module": "src/badge/badge.stories.ts"
|
|
1127
1242
|
}
|
|
1128
1243
|
},
|
|
1129
1244
|
{
|
|
1130
1245
|
"kind": "js",
|
|
1131
|
-
"name": "
|
|
1246
|
+
"name": "All",
|
|
1132
1247
|
"declaration": {
|
|
1133
|
-
"name": "
|
|
1134
|
-
"module": "src/
|
|
1248
|
+
"name": "All",
|
|
1249
|
+
"module": "src/badge/badge.stories.ts"
|
|
1135
1250
|
}
|
|
1136
1251
|
}
|
|
1137
1252
|
]
|
|
1138
1253
|
},
|
|
1139
1254
|
{
|
|
1140
1255
|
"kind": "javascript-module",
|
|
1141
|
-
"path": "src/
|
|
1256
|
+
"path": "src/badge/badge.styles.ts",
|
|
1142
1257
|
"declarations": [
|
|
1143
1258
|
{
|
|
1144
|
-
"kind": "
|
|
1145
|
-
"name": "
|
|
1146
|
-
"
|
|
1259
|
+
"kind": "function",
|
|
1260
|
+
"name": "zeroBadgeStyles",
|
|
1261
|
+
"return": {
|
|
1262
|
+
"type": {
|
|
1263
|
+
"text": "ElementStyles"
|
|
1264
|
+
}
|
|
1265
|
+
},
|
|
1266
|
+
"parameters": [
|
|
1267
|
+
{
|
|
1268
|
+
"name": "context",
|
|
1269
|
+
"type": {
|
|
1270
|
+
"text": "ElementDefinitionContext"
|
|
1271
|
+
}
|
|
1272
|
+
},
|
|
1273
|
+
{
|
|
1274
|
+
"name": "definition",
|
|
1275
|
+
"type": {
|
|
1276
|
+
"text": "FoundationElementDefinition"
|
|
1277
|
+
}
|
|
1278
|
+
}
|
|
1279
|
+
]
|
|
1147
1280
|
}
|
|
1148
1281
|
],
|
|
1149
1282
|
"exports": [
|
|
1150
1283
|
{
|
|
1151
1284
|
"kind": "js",
|
|
1152
|
-
"name": "
|
|
1285
|
+
"name": "zeroBadgeStyles",
|
|
1153
1286
|
"declaration": {
|
|
1154
|
-
"name": "
|
|
1155
|
-
"module": "src/
|
|
1287
|
+
"name": "zeroBadgeStyles",
|
|
1288
|
+
"module": "src/badge/badge.styles.ts"
|
|
1156
1289
|
}
|
|
1157
1290
|
}
|
|
1158
1291
|
]
|
|
1159
1292
|
},
|
|
1160
1293
|
{
|
|
1161
1294
|
"kind": "javascript-module",
|
|
1162
|
-
"path": "src/
|
|
1295
|
+
"path": "src/badge/badge.template.ts",
|
|
1163
1296
|
"declarations": [
|
|
1164
1297
|
{
|
|
1165
|
-
"kind": "
|
|
1166
|
-
"name": "
|
|
1167
|
-
"
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
"description": "",
|
|
1172
|
-
"name": "Banner",
|
|
1173
|
-
"superclass": {
|
|
1174
|
-
"name": "FoundationBanner",
|
|
1175
|
-
"package": "@genesislcap/foundation-ui"
|
|
1298
|
+
"kind": "function",
|
|
1299
|
+
"name": "zeroBadgeTemplate",
|
|
1300
|
+
"return": {
|
|
1301
|
+
"type": {
|
|
1302
|
+
"text": "ViewTemplate<Badge>"
|
|
1303
|
+
}
|
|
1176
1304
|
},
|
|
1177
|
-
"
|
|
1178
|
-
"customElement": true,
|
|
1179
|
-
"members": [
|
|
1180
|
-
{
|
|
1181
|
-
"kind": "field",
|
|
1182
|
-
"name": "_presentation",
|
|
1183
|
-
"type": {
|
|
1184
|
-
"text": "ComponentPresentation | null | undefined"
|
|
1185
|
-
},
|
|
1186
|
-
"privacy": "private",
|
|
1187
|
-
"default": "void 0",
|
|
1188
|
-
"inheritedFrom": {
|
|
1189
|
-
"name": "FoundationElement",
|
|
1190
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1191
|
-
}
|
|
1192
|
-
},
|
|
1193
|
-
{
|
|
1194
|
-
"kind": "field",
|
|
1195
|
-
"name": "$presentation",
|
|
1196
|
-
"type": {
|
|
1197
|
-
"text": "ComponentPresentation | null"
|
|
1198
|
-
},
|
|
1199
|
-
"privacy": "public",
|
|
1200
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
1201
|
-
"inheritedFrom": {
|
|
1202
|
-
"name": "FoundationElement",
|
|
1203
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1204
|
-
}
|
|
1205
|
-
},
|
|
1305
|
+
"parameters": [
|
|
1206
1306
|
{
|
|
1207
|
-
"
|
|
1208
|
-
"name": "template",
|
|
1307
|
+
"name": "context",
|
|
1209
1308
|
"type": {
|
|
1210
|
-
"text": "
|
|
1211
|
-
},
|
|
1212
|
-
"privacy": "public",
|
|
1213
|
-
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
1214
|
-
"inheritedFrom": {
|
|
1215
|
-
"name": "FoundationElement",
|
|
1216
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1217
|
-
}
|
|
1218
|
-
},
|
|
1219
|
-
{
|
|
1220
|
-
"kind": "method",
|
|
1221
|
-
"name": "templateChanged",
|
|
1222
|
-
"privacy": "protected",
|
|
1223
|
-
"return": {
|
|
1224
|
-
"type": {
|
|
1225
|
-
"text": "void"
|
|
1226
|
-
}
|
|
1227
|
-
},
|
|
1228
|
-
"inheritedFrom": {
|
|
1229
|
-
"name": "FoundationElement",
|
|
1230
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1309
|
+
"text": "ElementDefinitionContext"
|
|
1231
1310
|
}
|
|
1232
1311
|
},
|
|
1233
1312
|
{
|
|
1234
|
-
"
|
|
1235
|
-
"name": "styles",
|
|
1313
|
+
"name": "definition",
|
|
1236
1314
|
"type": {
|
|
1237
|
-
"text": "
|
|
1238
|
-
},
|
|
1239
|
-
"privacy": "public",
|
|
1240
|
-
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
1241
|
-
"inheritedFrom": {
|
|
1242
|
-
"name": "FoundationElement",
|
|
1243
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1244
|
-
}
|
|
1245
|
-
},
|
|
1246
|
-
{
|
|
1247
|
-
"kind": "method",
|
|
1248
|
-
"name": "stylesChanged",
|
|
1249
|
-
"privacy": "protected",
|
|
1250
|
-
"return": {
|
|
1251
|
-
"type": {
|
|
1252
|
-
"text": "void"
|
|
1253
|
-
}
|
|
1254
|
-
},
|
|
1255
|
-
"inheritedFrom": {
|
|
1256
|
-
"name": "FoundationElement",
|
|
1257
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1258
|
-
}
|
|
1259
|
-
},
|
|
1260
|
-
{
|
|
1261
|
-
"kind": "method",
|
|
1262
|
-
"name": "compose",
|
|
1263
|
-
"privacy": "public",
|
|
1264
|
-
"static": true,
|
|
1265
|
-
"return": {
|
|
1266
|
-
"type": {
|
|
1267
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
|
-
"parameters": [
|
|
1271
|
-
{
|
|
1272
|
-
"name": "this",
|
|
1273
|
-
"type": {
|
|
1274
|
-
"text": "K"
|
|
1275
|
-
}
|
|
1276
|
-
},
|
|
1277
|
-
{
|
|
1278
|
-
"name": "elementDefinition",
|
|
1279
|
-
"type": {
|
|
1280
|
-
"text": "T"
|
|
1281
|
-
},
|
|
1282
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
1283
|
-
}
|
|
1284
|
-
],
|
|
1285
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
1286
|
-
"inheritedFrom": {
|
|
1287
|
-
"name": "FoundationElement",
|
|
1288
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1315
|
+
"text": "FoundationElementDefinition"
|
|
1289
1316
|
}
|
|
1290
1317
|
}
|
|
1291
1318
|
]
|
|
1292
|
-
},
|
|
1293
|
-
{
|
|
1294
|
-
"kind": "variable",
|
|
1295
|
-
"name": "zeroBanner",
|
|
1296
|
-
"description": "The Zero Banner",
|
|
1297
|
-
"privacy": "public"
|
|
1298
1319
|
}
|
|
1299
1320
|
],
|
|
1300
1321
|
"exports": [
|
|
1301
1322
|
{
|
|
1302
1323
|
"kind": "js",
|
|
1303
|
-
"name": "
|
|
1304
|
-
"declaration": {
|
|
1305
|
-
"name": "zeroBannerShadowOptions",
|
|
1306
|
-
"module": "src/banner/banner.ts"
|
|
1307
|
-
}
|
|
1308
|
-
},
|
|
1309
|
-
{
|
|
1310
|
-
"kind": "js",
|
|
1311
|
-
"name": "Banner",
|
|
1312
|
-
"declaration": {
|
|
1313
|
-
"name": "Banner",
|
|
1314
|
-
"module": "src/banner/banner.ts"
|
|
1315
|
-
}
|
|
1316
|
-
},
|
|
1317
|
-
{
|
|
1318
|
-
"kind": "js",
|
|
1319
|
-
"name": "zeroBanner",
|
|
1324
|
+
"name": "zeroBadgeTemplate",
|
|
1320
1325
|
"declaration": {
|
|
1321
|
-
"name": "
|
|
1322
|
-
"module": "src/
|
|
1326
|
+
"name": "zeroBadgeTemplate",
|
|
1327
|
+
"module": "src/badge/badge.template.ts"
|
|
1323
1328
|
}
|
|
1324
1329
|
}
|
|
1325
1330
|
]
|
|
1326
1331
|
},
|
|
1327
1332
|
{
|
|
1328
1333
|
"kind": "javascript-module",
|
|
1329
|
-
"path": "src/
|
|
1330
|
-
"declarations": [
|
|
1331
|
-
"exports": [
|
|
1334
|
+
"path": "src/badge/badge.ts",
|
|
1335
|
+
"declarations": [
|
|
1332
1336
|
{
|
|
1333
|
-
"kind": "
|
|
1334
|
-
"
|
|
1335
|
-
"
|
|
1336
|
-
|
|
1337
|
+
"kind": "class",
|
|
1338
|
+
"description": "",
|
|
1339
|
+
"name": "Badge",
|
|
1340
|
+
"superclass": {
|
|
1341
|
+
"name": "FoundationBadge",
|
|
1337
1342
|
"package": "@genesislcap/foundation-ui"
|
|
1338
|
-
}
|
|
1343
|
+
},
|
|
1344
|
+
"tagName": "%%prefix%%-badge",
|
|
1345
|
+
"customElement": true
|
|
1339
1346
|
},
|
|
1347
|
+
{
|
|
1348
|
+
"kind": "variable",
|
|
1349
|
+
"name": "zeroBadge"
|
|
1350
|
+
}
|
|
1351
|
+
],
|
|
1352
|
+
"exports": [
|
|
1340
1353
|
{
|
|
1341
1354
|
"kind": "js",
|
|
1342
|
-
"name": "
|
|
1355
|
+
"name": "Badge",
|
|
1343
1356
|
"declaration": {
|
|
1344
|
-
"name": "
|
|
1345
|
-
"
|
|
1357
|
+
"name": "Badge",
|
|
1358
|
+
"module": "src/badge/badge.ts"
|
|
1346
1359
|
}
|
|
1347
1360
|
},
|
|
1348
1361
|
{
|
|
1349
1362
|
"kind": "js",
|
|
1350
|
-
"name": "
|
|
1363
|
+
"name": "zeroBadge",
|
|
1351
1364
|
"declaration": {
|
|
1352
|
-
"name": "
|
|
1353
|
-
"
|
|
1365
|
+
"name": "zeroBadge",
|
|
1366
|
+
"module": "src/badge/badge.ts"
|
|
1354
1367
|
}
|
|
1355
1368
|
}
|
|
1356
1369
|
]
|
|
1357
1370
|
},
|
|
1358
1371
|
{
|
|
1359
1372
|
"kind": "javascript-module",
|
|
1360
|
-
"path": "src/
|
|
1373
|
+
"path": "src/badge/index.ts",
|
|
1361
1374
|
"declarations": [],
|
|
1362
1375
|
"exports": [
|
|
1363
1376
|
{
|
|
@@ -1365,7 +1378,7 @@
|
|
|
1365
1378
|
"name": "*",
|
|
1366
1379
|
"declaration": {
|
|
1367
1380
|
"name": "*",
|
|
1368
|
-
"package": "./
|
|
1381
|
+
"package": "./badge"
|
|
1369
1382
|
}
|
|
1370
1383
|
},
|
|
1371
1384
|
{
|
|
@@ -1373,7 +1386,7 @@
|
|
|
1373
1386
|
"name": "*",
|
|
1374
1387
|
"declaration": {
|
|
1375
1388
|
"name": "*",
|
|
1376
|
-
"package": "./
|
|
1389
|
+
"package": "./badge.styles"
|
|
1377
1390
|
}
|
|
1378
1391
|
},
|
|
1379
1392
|
{
|
|
@@ -1381,14 +1394,14 @@
|
|
|
1381
1394
|
"name": "*",
|
|
1382
1395
|
"declaration": {
|
|
1383
1396
|
"name": "*",
|
|
1384
|
-
"package": "./
|
|
1397
|
+
"package": "./badge.template"
|
|
1385
1398
|
}
|
|
1386
1399
|
}
|
|
1387
1400
|
]
|
|
1388
1401
|
},
|
|
1389
1402
|
{
|
|
1390
1403
|
"kind": "javascript-module",
|
|
1391
|
-
"path": "src/
|
|
1404
|
+
"path": "src/banner/banner.stories.ts",
|
|
1392
1405
|
"declarations": [
|
|
1393
1406
|
{
|
|
1394
1407
|
"kind": "variable",
|
|
@@ -1396,23 +1409,15 @@
|
|
|
1396
1409
|
"type": {
|
|
1397
1410
|
"text": "Meta"
|
|
1398
1411
|
},
|
|
1399
|
-
"default": "{\n title: '
|
|
1400
|
-
},
|
|
1401
|
-
{
|
|
1402
|
-
"kind": "variable",
|
|
1403
|
-
"name": "Horizontal",
|
|
1404
|
-
"type": {
|
|
1405
|
-
"text": "StoryObj"
|
|
1406
|
-
},
|
|
1407
|
-
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
1412
|
+
"default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
|
|
1408
1413
|
},
|
|
1409
1414
|
{
|
|
1410
1415
|
"kind": "variable",
|
|
1411
|
-
"name": "
|
|
1416
|
+
"name": "Primary",
|
|
1412
1417
|
"type": {
|
|
1413
1418
|
"text": "StoryObj"
|
|
1414
1419
|
},
|
|
1415
|
-
"default": "{\n args: {\n
|
|
1420
|
+
"default": "{\n args: {\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'lightweight',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n },\n },\n render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) =>\n html`\n <zero-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </zero-button>\n <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </zero-button>\n </zero-banner>\n `,\n}"
|
|
1416
1421
|
}
|
|
1417
1422
|
],
|
|
1418
1423
|
"exports": [
|
|
@@ -1421,79 +1426,58 @@
|
|
|
1421
1426
|
"name": "default",
|
|
1422
1427
|
"declaration": {
|
|
1423
1428
|
"name": "meta",
|
|
1424
|
-
"module": "src/
|
|
1425
|
-
}
|
|
1426
|
-
},
|
|
1427
|
-
{
|
|
1428
|
-
"kind": "js",
|
|
1429
|
-
"name": "Horizontal",
|
|
1430
|
-
"declaration": {
|
|
1431
|
-
"name": "Horizontal",
|
|
1432
|
-
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
1429
|
+
"module": "src/banner/banner.stories.ts"
|
|
1433
1430
|
}
|
|
1434
1431
|
},
|
|
1435
1432
|
{
|
|
1436
1433
|
"kind": "js",
|
|
1437
|
-
"name": "
|
|
1434
|
+
"name": "Primary",
|
|
1438
1435
|
"declaration": {
|
|
1439
|
-
"name": "
|
|
1440
|
-
"module": "src/
|
|
1436
|
+
"name": "Primary",
|
|
1437
|
+
"module": "src/banner/banner.stories.ts"
|
|
1441
1438
|
}
|
|
1442
1439
|
}
|
|
1443
1440
|
]
|
|
1444
1441
|
},
|
|
1445
1442
|
{
|
|
1446
1443
|
"kind": "javascript-module",
|
|
1447
|
-
"path": "src/
|
|
1444
|
+
"path": "src/banner/banner.styles.ts",
|
|
1448
1445
|
"declarations": [
|
|
1449
1446
|
{
|
|
1450
|
-
"kind": "
|
|
1451
|
-
"name": "
|
|
1452
|
-
"
|
|
1453
|
-
"type": {
|
|
1454
|
-
"text": "ElementStyles"
|
|
1455
|
-
}
|
|
1456
|
-
},
|
|
1457
|
-
"parameters": [
|
|
1458
|
-
{
|
|
1459
|
-
"name": "context",
|
|
1460
|
-
"type": {
|
|
1461
|
-
"text": "ElementDefinitionContext"
|
|
1462
|
-
}
|
|
1463
|
-
},
|
|
1464
|
-
{
|
|
1465
|
-
"name": "definition",
|
|
1466
|
-
"type": {
|
|
1467
|
-
"text": "FoundationElementDefinition"
|
|
1468
|
-
}
|
|
1469
|
-
}
|
|
1470
|
-
]
|
|
1447
|
+
"kind": "variable",
|
|
1448
|
+
"name": "zeroBannerStyles",
|
|
1449
|
+
"default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
|
|
1471
1450
|
}
|
|
1472
1451
|
],
|
|
1473
1452
|
"exports": [
|
|
1474
1453
|
{
|
|
1475
1454
|
"kind": "js",
|
|
1476
|
-
"name": "
|
|
1455
|
+
"name": "zeroBannerStyles",
|
|
1477
1456
|
"declaration": {
|
|
1478
|
-
"name": "
|
|
1479
|
-
"module": "src/
|
|
1457
|
+
"name": "zeroBannerStyles",
|
|
1458
|
+
"module": "src/banner/banner.styles.ts"
|
|
1480
1459
|
}
|
|
1481
1460
|
}
|
|
1482
1461
|
]
|
|
1483
1462
|
},
|
|
1484
1463
|
{
|
|
1485
1464
|
"kind": "javascript-module",
|
|
1486
|
-
"path": "src/
|
|
1465
|
+
"path": "src/banner/banner.ts",
|
|
1487
1466
|
"declarations": [
|
|
1467
|
+
{
|
|
1468
|
+
"kind": "variable",
|
|
1469
|
+
"name": "zeroBannerShadowOptions",
|
|
1470
|
+
"default": "foundationBannerShadowOptions"
|
|
1471
|
+
},
|
|
1488
1472
|
{
|
|
1489
1473
|
"kind": "class",
|
|
1490
1474
|
"description": "",
|
|
1491
|
-
"name": "
|
|
1475
|
+
"name": "Banner",
|
|
1492
1476
|
"superclass": {
|
|
1493
|
-
"name": "
|
|
1477
|
+
"name": "FoundationBanner",
|
|
1494
1478
|
"package": "@genesislcap/foundation-ui"
|
|
1495
1479
|
},
|
|
1496
|
-
"tagName": "%%prefix%%-
|
|
1480
|
+
"tagName": "%%prefix%%-banner",
|
|
1497
1481
|
"customElement": true,
|
|
1498
1482
|
"members": [
|
|
1499
1483
|
{
|
|
@@ -1611,41 +1595,57 @@
|
|
|
1611
1595
|
},
|
|
1612
1596
|
{
|
|
1613
1597
|
"kind": "variable",
|
|
1614
|
-
"name": "
|
|
1615
|
-
"description": "The Zero
|
|
1598
|
+
"name": "zeroBanner",
|
|
1599
|
+
"description": "The Zero Banner",
|
|
1616
1600
|
"privacy": "public"
|
|
1617
1601
|
}
|
|
1618
1602
|
],
|
|
1619
1603
|
"exports": [
|
|
1620
1604
|
{
|
|
1621
1605
|
"kind": "js",
|
|
1622
|
-
"name": "
|
|
1606
|
+
"name": "zeroBannerShadowOptions",
|
|
1623
1607
|
"declaration": {
|
|
1624
|
-
"name": "
|
|
1625
|
-
"module": "src/
|
|
1608
|
+
"name": "zeroBannerShadowOptions",
|
|
1609
|
+
"module": "src/banner/banner.ts"
|
|
1626
1610
|
}
|
|
1627
1611
|
},
|
|
1628
1612
|
{
|
|
1629
1613
|
"kind": "js",
|
|
1630
|
-
"name": "
|
|
1614
|
+
"name": "Banner",
|
|
1631
1615
|
"declaration": {
|
|
1632
|
-
"name": "
|
|
1633
|
-
"module": "src/
|
|
1616
|
+
"name": "Banner",
|
|
1617
|
+
"module": "src/banner/banner.ts"
|
|
1618
|
+
}
|
|
1619
|
+
},
|
|
1620
|
+
{
|
|
1621
|
+
"kind": "js",
|
|
1622
|
+
"name": "zeroBanner",
|
|
1623
|
+
"declaration": {
|
|
1624
|
+
"name": "zeroBanner",
|
|
1625
|
+
"module": "src/banner/banner.ts"
|
|
1634
1626
|
}
|
|
1635
1627
|
}
|
|
1636
1628
|
]
|
|
1637
1629
|
},
|
|
1638
1630
|
{
|
|
1639
1631
|
"kind": "javascript-module",
|
|
1640
|
-
"path": "src/
|
|
1632
|
+
"path": "src/banner/index.ts",
|
|
1641
1633
|
"declarations": [],
|
|
1642
1634
|
"exports": [
|
|
1635
|
+
{
|
|
1636
|
+
"kind": "js",
|
|
1637
|
+
"name": "zeroBannerTemplate",
|
|
1638
|
+
"declaration": {
|
|
1639
|
+
"name": "foundationBannerTemplate",
|
|
1640
|
+
"package": "@genesislcap/foundation-ui"
|
|
1641
|
+
}
|
|
1642
|
+
},
|
|
1643
1643
|
{
|
|
1644
1644
|
"kind": "js",
|
|
1645
1645
|
"name": "*",
|
|
1646
1646
|
"declaration": {
|
|
1647
1647
|
"name": "*",
|
|
1648
|
-
"package": "./
|
|
1648
|
+
"package": "./banner"
|
|
1649
1649
|
}
|
|
1650
1650
|
},
|
|
1651
1651
|
{
|
|
@@ -1653,7 +1653,7 @@
|
|
|
1653
1653
|
"name": "*",
|
|
1654
1654
|
"declaration": {
|
|
1655
1655
|
"name": "*",
|
|
1656
|
-
"package": "./
|
|
1656
|
+
"package": "./banner.styles"
|
|
1657
1657
|
}
|
|
1658
1658
|
}
|
|
1659
1659
|
]
|
|
@@ -3319,26 +3319,152 @@
|
|
|
3319
3319
|
},
|
|
3320
3320
|
{
|
|
3321
3321
|
"kind": "js",
|
|
3322
|
-
"name": "*",
|
|
3322
|
+
"name": "*",
|
|
3323
|
+
"declaration": {
|
|
3324
|
+
"name": "*",
|
|
3325
|
+
"package": "./data-grid.styles"
|
|
3326
|
+
}
|
|
3327
|
+
},
|
|
3328
|
+
{
|
|
3329
|
+
"kind": "js",
|
|
3330
|
+
"name": "*",
|
|
3331
|
+
"declaration": {
|
|
3332
|
+
"name": "*",
|
|
3333
|
+
"package": "./data-grid"
|
|
3334
|
+
}
|
|
3335
|
+
},
|
|
3336
|
+
{
|
|
3337
|
+
"kind": "js",
|
|
3338
|
+
"name": "*",
|
|
3339
|
+
"declaration": {
|
|
3340
|
+
"name": "*",
|
|
3341
|
+
"package": "./data-grid-cell.styles"
|
|
3342
|
+
}
|
|
3343
|
+
},
|
|
3344
|
+
{
|
|
3345
|
+
"kind": "js",
|
|
3346
|
+
"name": "*",
|
|
3347
|
+
"declaration": {
|
|
3348
|
+
"name": "*",
|
|
3349
|
+
"package": "./data-grid-row.styles"
|
|
3350
|
+
}
|
|
3351
|
+
}
|
|
3352
|
+
]
|
|
3353
|
+
},
|
|
3354
|
+
{
|
|
3355
|
+
"kind": "javascript-module",
|
|
3356
|
+
"path": "src/design-system-provider/design-system-provider.styles.ts",
|
|
3357
|
+
"declarations": [
|
|
3358
|
+
{
|
|
3359
|
+
"kind": "function",
|
|
3360
|
+
"name": "designSystemProviderStyles",
|
|
3361
|
+
"parameters": [
|
|
3362
|
+
{
|
|
3363
|
+
"name": "context",
|
|
3364
|
+
"type": {
|
|
3365
|
+
"text": "ElementDefinitionContext"
|
|
3366
|
+
}
|
|
3367
|
+
}
|
|
3368
|
+
]
|
|
3369
|
+
}
|
|
3370
|
+
],
|
|
3371
|
+
"exports": [
|
|
3372
|
+
{
|
|
3373
|
+
"kind": "js",
|
|
3374
|
+
"name": "designSystemProviderStyles",
|
|
3375
|
+
"declaration": {
|
|
3376
|
+
"name": "designSystemProviderStyles",
|
|
3377
|
+
"module": "src/design-system-provider/design-system-provider.styles.ts"
|
|
3378
|
+
}
|
|
3379
|
+
}
|
|
3380
|
+
]
|
|
3381
|
+
},
|
|
3382
|
+
{
|
|
3383
|
+
"kind": "javascript-module",
|
|
3384
|
+
"path": "src/design-system-provider/design-system-provider.ts",
|
|
3385
|
+
"declarations": [
|
|
3386
|
+
{
|
|
3387
|
+
"kind": "class",
|
|
3388
|
+
"description": "The Zero Design System Provider",
|
|
3389
|
+
"name": "ZeroDesignSystemProvider",
|
|
3390
|
+
"members": [
|
|
3391
|
+
{
|
|
3392
|
+
"kind": "field",
|
|
3393
|
+
"name": "cardFillColor",
|
|
3394
|
+
"type": {
|
|
3395
|
+
"text": "Swatch"
|
|
3396
|
+
},
|
|
3397
|
+
"privacy": "public"
|
|
3398
|
+
},
|
|
3399
|
+
{
|
|
3400
|
+
"kind": "field",
|
|
3401
|
+
"name": "cardForegroundColor",
|
|
3402
|
+
"type": {
|
|
3403
|
+
"text": "Swatch"
|
|
3404
|
+
},
|
|
3405
|
+
"privacy": "public"
|
|
3406
|
+
}
|
|
3407
|
+
],
|
|
3408
|
+
"attributes": [
|
|
3409
|
+
{
|
|
3410
|
+
"name": "card-fill-color",
|
|
3411
|
+
"type": {
|
|
3412
|
+
"text": "Swatch"
|
|
3413
|
+
},
|
|
3414
|
+
"fieldName": "cardFillColor"
|
|
3415
|
+
},
|
|
3416
|
+
{
|
|
3417
|
+
"name": "card-foreground-color",
|
|
3418
|
+
"type": {
|
|
3419
|
+
"text": "Swatch"
|
|
3420
|
+
},
|
|
3421
|
+
"fieldName": "cardForegroundColor"
|
|
3422
|
+
}
|
|
3423
|
+
],
|
|
3424
|
+
"superclass": {
|
|
3425
|
+
"name": "FASTDesignSystemProvider",
|
|
3426
|
+
"package": "@microsoft/fast-components"
|
|
3427
|
+
},
|
|
3428
|
+
"tagName": "%%prefix%%-design-system-provider",
|
|
3429
|
+
"customElement": true
|
|
3430
|
+
},
|
|
3431
|
+
{
|
|
3432
|
+
"kind": "variable",
|
|
3433
|
+
"name": "zeroDesignSystemProvider",
|
|
3434
|
+
"description": "The Zero Design System Provider composed element",
|
|
3435
|
+
"privacy": "public"
|
|
3436
|
+
}
|
|
3437
|
+
],
|
|
3438
|
+
"exports": [
|
|
3439
|
+
{
|
|
3440
|
+
"kind": "js",
|
|
3441
|
+
"name": "ZeroDesignSystemProvider",
|
|
3323
3442
|
"declaration": {
|
|
3324
|
-
"name": "
|
|
3325
|
-
"
|
|
3443
|
+
"name": "ZeroDesignSystemProvider",
|
|
3444
|
+
"module": "src/design-system-provider/design-system-provider.ts"
|
|
3326
3445
|
}
|
|
3327
3446
|
},
|
|
3328
3447
|
{
|
|
3329
3448
|
"kind": "js",
|
|
3330
|
-
"name": "
|
|
3449
|
+
"name": "zeroDesignSystemProvider",
|
|
3331
3450
|
"declaration": {
|
|
3332
|
-
"name": "
|
|
3333
|
-
"
|
|
3451
|
+
"name": "zeroDesignSystemProvider",
|
|
3452
|
+
"module": "src/design-system-provider/design-system-provider.ts"
|
|
3334
3453
|
}
|
|
3335
|
-
}
|
|
3454
|
+
}
|
|
3455
|
+
]
|
|
3456
|
+
},
|
|
3457
|
+
{
|
|
3458
|
+
"kind": "javascript-module",
|
|
3459
|
+
"path": "src/design-system-provider/index.ts",
|
|
3460
|
+
"declarations": [],
|
|
3461
|
+
"exports": [
|
|
3336
3462
|
{
|
|
3337
3463
|
"kind": "js",
|
|
3338
3464
|
"name": "*",
|
|
3339
3465
|
"declaration": {
|
|
3340
3466
|
"name": "*",
|
|
3341
|
-
"package": "./
|
|
3467
|
+
"package": "./design-system-provider"
|
|
3342
3468
|
}
|
|
3343
3469
|
},
|
|
3344
3470
|
{
|
|
@@ -3346,7 +3472,7 @@
|
|
|
3346
3472
|
"name": "*",
|
|
3347
3473
|
"declaration": {
|
|
3348
3474
|
"name": "*",
|
|
3349
|
-
"package": "./
|
|
3475
|
+
"package": "./design-system-provider.styles"
|
|
3350
3476
|
}
|
|
3351
3477
|
}
|
|
3352
3478
|
]
|
|
@@ -3656,132 +3782,6 @@
|
|
|
3656
3782
|
}
|
|
3657
3783
|
]
|
|
3658
3784
|
},
|
|
3659
|
-
{
|
|
3660
|
-
"kind": "javascript-module",
|
|
3661
|
-
"path": "src/design-system-provider/design-system-provider.styles.ts",
|
|
3662
|
-
"declarations": [
|
|
3663
|
-
{
|
|
3664
|
-
"kind": "function",
|
|
3665
|
-
"name": "designSystemProviderStyles",
|
|
3666
|
-
"parameters": [
|
|
3667
|
-
{
|
|
3668
|
-
"name": "context",
|
|
3669
|
-
"type": {
|
|
3670
|
-
"text": "ElementDefinitionContext"
|
|
3671
|
-
}
|
|
3672
|
-
}
|
|
3673
|
-
]
|
|
3674
|
-
}
|
|
3675
|
-
],
|
|
3676
|
-
"exports": [
|
|
3677
|
-
{
|
|
3678
|
-
"kind": "js",
|
|
3679
|
-
"name": "designSystemProviderStyles",
|
|
3680
|
-
"declaration": {
|
|
3681
|
-
"name": "designSystemProviderStyles",
|
|
3682
|
-
"module": "src/design-system-provider/design-system-provider.styles.ts"
|
|
3683
|
-
}
|
|
3684
|
-
}
|
|
3685
|
-
]
|
|
3686
|
-
},
|
|
3687
|
-
{
|
|
3688
|
-
"kind": "javascript-module",
|
|
3689
|
-
"path": "src/design-system-provider/design-system-provider.ts",
|
|
3690
|
-
"declarations": [
|
|
3691
|
-
{
|
|
3692
|
-
"kind": "class",
|
|
3693
|
-
"description": "The Zero Design System Provider",
|
|
3694
|
-
"name": "ZeroDesignSystemProvider",
|
|
3695
|
-
"members": [
|
|
3696
|
-
{
|
|
3697
|
-
"kind": "field",
|
|
3698
|
-
"name": "cardFillColor",
|
|
3699
|
-
"type": {
|
|
3700
|
-
"text": "Swatch"
|
|
3701
|
-
},
|
|
3702
|
-
"privacy": "public"
|
|
3703
|
-
},
|
|
3704
|
-
{
|
|
3705
|
-
"kind": "field",
|
|
3706
|
-
"name": "cardForegroundColor",
|
|
3707
|
-
"type": {
|
|
3708
|
-
"text": "Swatch"
|
|
3709
|
-
},
|
|
3710
|
-
"privacy": "public"
|
|
3711
|
-
}
|
|
3712
|
-
],
|
|
3713
|
-
"attributes": [
|
|
3714
|
-
{
|
|
3715
|
-
"name": "card-fill-color",
|
|
3716
|
-
"type": {
|
|
3717
|
-
"text": "Swatch"
|
|
3718
|
-
},
|
|
3719
|
-
"fieldName": "cardFillColor"
|
|
3720
|
-
},
|
|
3721
|
-
{
|
|
3722
|
-
"name": "card-foreground-color",
|
|
3723
|
-
"type": {
|
|
3724
|
-
"text": "Swatch"
|
|
3725
|
-
},
|
|
3726
|
-
"fieldName": "cardForegroundColor"
|
|
3727
|
-
}
|
|
3728
|
-
],
|
|
3729
|
-
"superclass": {
|
|
3730
|
-
"name": "FASTDesignSystemProvider",
|
|
3731
|
-
"package": "@microsoft/fast-components"
|
|
3732
|
-
},
|
|
3733
|
-
"tagName": "%%prefix%%-design-system-provider",
|
|
3734
|
-
"customElement": true
|
|
3735
|
-
},
|
|
3736
|
-
{
|
|
3737
|
-
"kind": "variable",
|
|
3738
|
-
"name": "zeroDesignSystemProvider",
|
|
3739
|
-
"description": "The Zero Design System Provider composed element",
|
|
3740
|
-
"privacy": "public"
|
|
3741
|
-
}
|
|
3742
|
-
],
|
|
3743
|
-
"exports": [
|
|
3744
|
-
{
|
|
3745
|
-
"kind": "js",
|
|
3746
|
-
"name": "ZeroDesignSystemProvider",
|
|
3747
|
-
"declaration": {
|
|
3748
|
-
"name": "ZeroDesignSystemProvider",
|
|
3749
|
-
"module": "src/design-system-provider/design-system-provider.ts"
|
|
3750
|
-
}
|
|
3751
|
-
},
|
|
3752
|
-
{
|
|
3753
|
-
"kind": "js",
|
|
3754
|
-
"name": "zeroDesignSystemProvider",
|
|
3755
|
-
"declaration": {
|
|
3756
|
-
"name": "zeroDesignSystemProvider",
|
|
3757
|
-
"module": "src/design-system-provider/design-system-provider.ts"
|
|
3758
|
-
}
|
|
3759
|
-
}
|
|
3760
|
-
]
|
|
3761
|
-
},
|
|
3762
|
-
{
|
|
3763
|
-
"kind": "javascript-module",
|
|
3764
|
-
"path": "src/design-system-provider/index.ts",
|
|
3765
|
-
"declarations": [],
|
|
3766
|
-
"exports": [
|
|
3767
|
-
{
|
|
3768
|
-
"kind": "js",
|
|
3769
|
-
"name": "*",
|
|
3770
|
-
"declaration": {
|
|
3771
|
-
"name": "*",
|
|
3772
|
-
"package": "./design-system-provider"
|
|
3773
|
-
}
|
|
3774
|
-
},
|
|
3775
|
-
{
|
|
3776
|
-
"kind": "js",
|
|
3777
|
-
"name": "*",
|
|
3778
|
-
"declaration": {
|
|
3779
|
-
"name": "*",
|
|
3780
|
-
"package": "./design-system-provider.styles"
|
|
3781
|
-
}
|
|
3782
|
-
}
|
|
3783
|
-
]
|
|
3784
|
-
},
|
|
3785
3785
|
{
|
|
3786
3786
|
"kind": "javascript-module",
|
|
3787
3787
|
"path": "src/dialog/dialog.stories.ts",
|
|
@@ -5801,7 +5801,7 @@
|
|
|
5801
5801
|
},
|
|
5802
5802
|
{
|
|
5803
5803
|
"kind": "javascript-module",
|
|
5804
|
-
"path": "src/filter/filter.stories.ts",
|
|
5804
|
+
"path": "src/filter-bar/filter-bar.stories.ts",
|
|
5805
5805
|
"declarations": [
|
|
5806
5806
|
{
|
|
5807
5807
|
"kind": "variable",
|
|
@@ -5809,7 +5809,7 @@
|
|
|
5809
5809
|
"type": {
|
|
5810
5810
|
"text": "Meta"
|
|
5811
5811
|
},
|
|
5812
|
-
"default": "{\n title: 'Filter',\n component: 'zero-filter',\n}"
|
|
5812
|
+
"default": "{\n title: 'Filter Bar',\n component: 'zero-filter-bar',\n}"
|
|
5813
5813
|
},
|
|
5814
5814
|
{
|
|
5815
5815
|
"kind": "variable",
|
|
@@ -5817,7 +5817,7 @@
|
|
|
5817
5817
|
"type": {
|
|
5818
5818
|
"text": "StoryObj"
|
|
5819
5819
|
},
|
|
5820
|
-
"default": "{\n render: () =>\n html`\n <zero-filter
|
|
5820
|
+
"default": "{\n render: () =>\n html`\n <zero-filter-bar\n resource=\"ALL_PROCESSES_STATUS\"\n only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n ></zero-filter-bar>\n `,\n}"
|
|
5821
5821
|
}
|
|
5822
5822
|
],
|
|
5823
5823
|
"exports": [
|
|
@@ -5826,7 +5826,7 @@
|
|
|
5826
5826
|
"name": "default",
|
|
5827
5827
|
"declaration": {
|
|
5828
5828
|
"name": "meta",
|
|
5829
|
-
"module": "src/filter/filter.stories.ts"
|
|
5829
|
+
"module": "src/filter-bar/filter-bar.stories.ts"
|
|
5830
5830
|
}
|
|
5831
5831
|
},
|
|
5832
5832
|
{
|
|
@@ -5834,116 +5834,143 @@
|
|
|
5834
5834
|
"name": "Primary",
|
|
5835
5835
|
"declaration": {
|
|
5836
5836
|
"name": "Primary",
|
|
5837
|
-
"module": "src/filter/filter.stories.ts"
|
|
5837
|
+
"module": "src/filter-bar/filter-bar.stories.ts"
|
|
5838
5838
|
}
|
|
5839
5839
|
}
|
|
5840
5840
|
]
|
|
5841
5841
|
},
|
|
5842
5842
|
{
|
|
5843
5843
|
"kind": "javascript-module",
|
|
5844
|
-
"path": "src/filter/filter.
|
|
5844
|
+
"path": "src/filter-bar/filter-bar.styles.ts",
|
|
5845
|
+
"declarations": [
|
|
5846
|
+
{
|
|
5847
|
+
"kind": "function",
|
|
5848
|
+
"name": "zeroFilterBarStyles",
|
|
5849
|
+
"return": {
|
|
5850
|
+
"type": {
|
|
5851
|
+
"text": "ElementStyles"
|
|
5852
|
+
}
|
|
5853
|
+
},
|
|
5854
|
+
"parameters": [
|
|
5855
|
+
{
|
|
5856
|
+
"name": "context",
|
|
5857
|
+
"type": {
|
|
5858
|
+
"text": "ElementDefinitionContext"
|
|
5859
|
+
}
|
|
5860
|
+
},
|
|
5861
|
+
{
|
|
5862
|
+
"name": "definition",
|
|
5863
|
+
"type": {
|
|
5864
|
+
"text": "FoundationElementDefinition"
|
|
5865
|
+
}
|
|
5866
|
+
}
|
|
5867
|
+
]
|
|
5868
|
+
}
|
|
5869
|
+
],
|
|
5870
|
+
"exports": [
|
|
5871
|
+
{
|
|
5872
|
+
"kind": "js",
|
|
5873
|
+
"name": "zeroFilterBarStyles",
|
|
5874
|
+
"declaration": {
|
|
5875
|
+
"name": "zeroFilterBarStyles",
|
|
5876
|
+
"module": "src/filter-bar/filter-bar.styles.ts"
|
|
5877
|
+
}
|
|
5878
|
+
}
|
|
5879
|
+
]
|
|
5880
|
+
},
|
|
5881
|
+
{
|
|
5882
|
+
"kind": "javascript-module",
|
|
5883
|
+
"path": "src/filter-bar/filter-bar.template.ts",
|
|
5845
5884
|
"declarations": [
|
|
5846
5885
|
{
|
|
5847
5886
|
"kind": "variable",
|
|
5848
|
-
"name": "
|
|
5887
|
+
"name": "zeroFilterBarTemplate",
|
|
5849
5888
|
"type": {
|
|
5850
|
-
"text": "ViewTemplate<
|
|
5889
|
+
"text": "ViewTemplate<FilterBar>"
|
|
5851
5890
|
},
|
|
5852
|
-
"default": "html`\n
|
|
5891
|
+
"default": "html`\n ${filterBarTemplate}\n`"
|
|
5853
5892
|
}
|
|
5854
5893
|
],
|
|
5855
5894
|
"exports": [
|
|
5856
5895
|
{
|
|
5857
5896
|
"kind": "js",
|
|
5858
|
-
"name": "
|
|
5897
|
+
"name": "zeroFilterBarTemplate",
|
|
5859
5898
|
"declaration": {
|
|
5860
|
-
"name": "
|
|
5861
|
-
"module": "src/filter/filter.template.ts"
|
|
5899
|
+
"name": "zeroFilterBarTemplate",
|
|
5900
|
+
"module": "src/filter-bar/filter-bar.template.ts"
|
|
5862
5901
|
}
|
|
5863
5902
|
}
|
|
5864
5903
|
]
|
|
5865
5904
|
},
|
|
5866
5905
|
{
|
|
5867
5906
|
"kind": "javascript-module",
|
|
5868
|
-
"path": "src/filter/filter.ts",
|
|
5907
|
+
"path": "src/filter-bar/filter-bar.ts",
|
|
5869
5908
|
"declarations": [
|
|
5870
5909
|
{
|
|
5871
5910
|
"kind": "class",
|
|
5872
5911
|
"description": "",
|
|
5873
|
-
"name": "
|
|
5912
|
+
"name": "FilterBar",
|
|
5874
5913
|
"members": [
|
|
5875
5914
|
{
|
|
5876
5915
|
"kind": "field",
|
|
5877
|
-
"name": "
|
|
5878
|
-
"type": {
|
|
5879
|
-
"text": "TextField"
|
|
5880
|
-
},
|
|
5881
|
-
"privacy": "public"
|
|
5882
|
-
},
|
|
5883
|
-
{
|
|
5884
|
-
"kind": "field",
|
|
5885
|
-
"name": "numFilterFieldMin",
|
|
5886
|
-
"type": {
|
|
5887
|
-
"text": "TextField"
|
|
5888
|
-
},
|
|
5889
|
-
"privacy": "public"
|
|
5890
|
-
},
|
|
5891
|
-
{
|
|
5892
|
-
"kind": "field",
|
|
5893
|
-
"name": "numFilterFieldMax",
|
|
5916
|
+
"name": "resource",
|
|
5894
5917
|
"type": {
|
|
5895
|
-
"text": "
|
|
5896
|
-
}
|
|
5897
|
-
"privacy": "public"
|
|
5918
|
+
"text": "string"
|
|
5919
|
+
}
|
|
5898
5920
|
},
|
|
5899
5921
|
{
|
|
5900
5922
|
"kind": "field",
|
|
5901
|
-
"name": "
|
|
5923
|
+
"name": "only",
|
|
5902
5924
|
"type": {
|
|
5903
|
-
"text": "
|
|
5925
|
+
"text": "string"
|
|
5904
5926
|
},
|
|
5905
|
-
"
|
|
5927
|
+
"description": "Only generate filters for the specified fields, provided as a comma separated list.\nDefault behavior (if \"only\" is not set) is to generate filters for all fields based on metadata."
|
|
5906
5928
|
},
|
|
5907
5929
|
{
|
|
5908
5930
|
"kind": "field",
|
|
5909
|
-
"name": "
|
|
5931
|
+
"name": "labels",
|
|
5910
5932
|
"type": {
|
|
5911
|
-
"text": "
|
|
5933
|
+
"text": "string"
|
|
5912
5934
|
},
|
|
5913
|
-
"
|
|
5935
|
+
"description": "Labels for the specified fields, to be used alongside \"only\" prop."
|
|
5914
5936
|
},
|
|
5915
5937
|
{
|
|
5916
5938
|
"kind": "field",
|
|
5917
|
-
"name": "
|
|
5939
|
+
"name": "target",
|
|
5918
5940
|
"type": {
|
|
5919
5941
|
"text": "string"
|
|
5920
|
-
}
|
|
5942
|
+
},
|
|
5943
|
+
"description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page."
|
|
5921
5944
|
},
|
|
5922
5945
|
{
|
|
5923
5946
|
"kind": "field",
|
|
5924
|
-
"name": "
|
|
5947
|
+
"name": "ready",
|
|
5925
5948
|
"type": {
|
|
5926
|
-
"text": "
|
|
5949
|
+
"text": "boolean"
|
|
5927
5950
|
}
|
|
5928
5951
|
},
|
|
5929
5952
|
{
|
|
5930
5953
|
"kind": "field",
|
|
5931
|
-
"name": "
|
|
5954
|
+
"name": "fields",
|
|
5955
|
+
"type": {
|
|
5956
|
+
"text": "MetadataDetail[]"
|
|
5957
|
+
}
|
|
5932
5958
|
},
|
|
5933
5959
|
{
|
|
5934
5960
|
"kind": "field",
|
|
5935
|
-
"name": "
|
|
5961
|
+
"name": "filterGrid",
|
|
5936
5962
|
"type": {
|
|
5937
|
-
"text": "
|
|
5963
|
+
"text": "HTMLDivElement"
|
|
5938
5964
|
},
|
|
5939
|
-
"
|
|
5965
|
+
"privacy": "public"
|
|
5940
5966
|
},
|
|
5941
5967
|
{
|
|
5942
5968
|
"kind": "field",
|
|
5943
|
-
"name": "
|
|
5969
|
+
"name": "collapsed",
|
|
5944
5970
|
"type": {
|
|
5945
|
-
"text": "
|
|
5946
|
-
}
|
|
5971
|
+
"text": "boolean"
|
|
5972
|
+
},
|
|
5973
|
+
"default": "true"
|
|
5947
5974
|
},
|
|
5948
5975
|
{
|
|
5949
5976
|
"kind": "field",
|
|
@@ -6059,22 +6086,27 @@
|
|
|
6059
6086
|
],
|
|
6060
6087
|
"attributes": [
|
|
6061
6088
|
{
|
|
6062
|
-
"name": "
|
|
6089
|
+
"name": "resource",
|
|
6063
6090
|
"type": {
|
|
6064
6091
|
"text": "string"
|
|
6065
6092
|
},
|
|
6066
|
-
"fieldName": "
|
|
6093
|
+
"fieldName": "resource"
|
|
6067
6094
|
},
|
|
6068
6095
|
{
|
|
6069
|
-
"name": "
|
|
6096
|
+
"name": "only",
|
|
6070
6097
|
"type": {
|
|
6071
6098
|
"text": "string"
|
|
6072
6099
|
},
|
|
6073
|
-
"
|
|
6100
|
+
"description": "Only generate filters for the specified fields, provided as a comma separated list.\nDefault behavior (if \"only\" is not set) is to generate filters for all fields based on metadata.",
|
|
6101
|
+
"fieldName": "only"
|
|
6074
6102
|
},
|
|
6075
6103
|
{
|
|
6076
|
-
"name": "
|
|
6077
|
-
"
|
|
6104
|
+
"name": "labels",
|
|
6105
|
+
"type": {
|
|
6106
|
+
"text": "string"
|
|
6107
|
+
},
|
|
6108
|
+
"description": "Labels for the specified fields, to be used alongside \"only\" prop.",
|
|
6109
|
+
"fieldName": "labels"
|
|
6078
6110
|
},
|
|
6079
6111
|
{
|
|
6080
6112
|
"name": "target",
|
|
@@ -6086,39 +6118,41 @@
|
|
|
6086
6118
|
}
|
|
6087
6119
|
],
|
|
6088
6120
|
"superclass": {
|
|
6089
|
-
"name": "
|
|
6121
|
+
"name": "FoundationFilterBar",
|
|
6090
6122
|
"package": "@genesislcap/foundation-ui"
|
|
6091
6123
|
},
|
|
6092
|
-
"tagName": "%%prefix%%-filter",
|
|
6124
|
+
"tagName": "%%prefix%%-filter-bar",
|
|
6093
6125
|
"customElement": true
|
|
6094
6126
|
},
|
|
6095
6127
|
{
|
|
6096
6128
|
"kind": "variable",
|
|
6097
|
-
"name": "
|
|
6129
|
+
"name": "zeroFilterBar",
|
|
6130
|
+
"description": "The Zero Filter",
|
|
6131
|
+
"privacy": "public"
|
|
6098
6132
|
}
|
|
6099
6133
|
],
|
|
6100
6134
|
"exports": [
|
|
6101
6135
|
{
|
|
6102
6136
|
"kind": "js",
|
|
6103
|
-
"name": "
|
|
6137
|
+
"name": "FilterBar",
|
|
6104
6138
|
"declaration": {
|
|
6105
|
-
"name": "
|
|
6106
|
-
"module": "src/filter/filter.ts"
|
|
6139
|
+
"name": "FilterBar",
|
|
6140
|
+
"module": "src/filter-bar/filter-bar.ts"
|
|
6107
6141
|
}
|
|
6108
6142
|
},
|
|
6109
6143
|
{
|
|
6110
6144
|
"kind": "js",
|
|
6111
|
-
"name": "
|
|
6145
|
+
"name": "zeroFilterBar",
|
|
6112
6146
|
"declaration": {
|
|
6113
|
-
"name": "
|
|
6114
|
-
"module": "src/filter/filter.ts"
|
|
6147
|
+
"name": "zeroFilterBar",
|
|
6148
|
+
"module": "src/filter-bar/filter-bar.ts"
|
|
6115
6149
|
}
|
|
6116
6150
|
}
|
|
6117
6151
|
]
|
|
6118
6152
|
},
|
|
6119
6153
|
{
|
|
6120
6154
|
"kind": "javascript-module",
|
|
6121
|
-
"path": "src/filter/index.ts",
|
|
6155
|
+
"path": "src/filter-bar/index.ts",
|
|
6122
6156
|
"declarations": [],
|
|
6123
6157
|
"exports": [
|
|
6124
6158
|
{
|
|
@@ -6126,7 +6160,7 @@
|
|
|
6126
6160
|
"name": "*",
|
|
6127
6161
|
"declaration": {
|
|
6128
6162
|
"name": "*",
|
|
6129
|
-
"package": "./filter"
|
|
6163
|
+
"package": "./filter-bar.styles"
|
|
6130
6164
|
}
|
|
6131
6165
|
},
|
|
6132
6166
|
{
|
|
@@ -6134,22 +6168,22 @@
|
|
|
6134
6168
|
"name": "*",
|
|
6135
6169
|
"declaration": {
|
|
6136
6170
|
"name": "*",
|
|
6137
|
-
"package": "./filter.template"
|
|
6171
|
+
"package": "./filter-bar.template"
|
|
6138
6172
|
}
|
|
6139
6173
|
},
|
|
6140
6174
|
{
|
|
6141
6175
|
"kind": "js",
|
|
6142
|
-
"name": "
|
|
6176
|
+
"name": "*",
|
|
6143
6177
|
"declaration": {
|
|
6144
|
-
"name": "
|
|
6145
|
-
"package": "
|
|
6178
|
+
"name": "*",
|
|
6179
|
+
"package": "./filter-bar"
|
|
6146
6180
|
}
|
|
6147
6181
|
}
|
|
6148
6182
|
]
|
|
6149
6183
|
},
|
|
6150
6184
|
{
|
|
6151
6185
|
"kind": "javascript-module",
|
|
6152
|
-
"path": "src/filter
|
|
6186
|
+
"path": "src/filter/filter.stories.ts",
|
|
6153
6187
|
"declarations": [
|
|
6154
6188
|
{
|
|
6155
6189
|
"kind": "variable",
|
|
@@ -6157,7 +6191,7 @@
|
|
|
6157
6191
|
"type": {
|
|
6158
6192
|
"text": "Meta"
|
|
6159
6193
|
},
|
|
6160
|
-
"default": "{\n title: 'Filter
|
|
6194
|
+
"default": "{\n title: 'Filter',\n component: 'zero-filter',\n}"
|
|
6161
6195
|
},
|
|
6162
6196
|
{
|
|
6163
6197
|
"kind": "variable",
|
|
@@ -6165,7 +6199,7 @@
|
|
|
6165
6199
|
"type": {
|
|
6166
6200
|
"text": "StoryObj"
|
|
6167
6201
|
},
|
|
6168
|
-
"default": "{\n render: () =>\n html`\n <zero-filter-
|
|
6202
|
+
"default": "{\n render: () =>\n html`\n <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n `,\n}"
|
|
6169
6203
|
}
|
|
6170
6204
|
],
|
|
6171
6205
|
"exports": [
|
|
@@ -6174,7 +6208,7 @@
|
|
|
6174
6208
|
"name": "default",
|
|
6175
6209
|
"declaration": {
|
|
6176
6210
|
"name": "meta",
|
|
6177
|
-
"module": "src/filter
|
|
6211
|
+
"module": "src/filter/filter.stories.ts"
|
|
6178
6212
|
}
|
|
6179
6213
|
},
|
|
6180
6214
|
{
|
|
@@ -6182,143 +6216,116 @@
|
|
|
6182
6216
|
"name": "Primary",
|
|
6183
6217
|
"declaration": {
|
|
6184
6218
|
"name": "Primary",
|
|
6185
|
-
"module": "src/filter
|
|
6186
|
-
}
|
|
6187
|
-
}
|
|
6188
|
-
]
|
|
6189
|
-
},
|
|
6190
|
-
{
|
|
6191
|
-
"kind": "javascript-module",
|
|
6192
|
-
"path": "src/filter-bar/filter-bar.styles.ts",
|
|
6193
|
-
"declarations": [
|
|
6194
|
-
{
|
|
6195
|
-
"kind": "function",
|
|
6196
|
-
"name": "zeroFilterBarStyles",
|
|
6197
|
-
"return": {
|
|
6198
|
-
"type": {
|
|
6199
|
-
"text": "ElementStyles"
|
|
6200
|
-
}
|
|
6201
|
-
},
|
|
6202
|
-
"parameters": [
|
|
6203
|
-
{
|
|
6204
|
-
"name": "context",
|
|
6205
|
-
"type": {
|
|
6206
|
-
"text": "ElementDefinitionContext"
|
|
6207
|
-
}
|
|
6208
|
-
},
|
|
6209
|
-
{
|
|
6210
|
-
"name": "definition",
|
|
6211
|
-
"type": {
|
|
6212
|
-
"text": "FoundationElementDefinition"
|
|
6213
|
-
}
|
|
6214
|
-
}
|
|
6215
|
-
]
|
|
6216
|
-
}
|
|
6217
|
-
],
|
|
6218
|
-
"exports": [
|
|
6219
|
-
{
|
|
6220
|
-
"kind": "js",
|
|
6221
|
-
"name": "zeroFilterBarStyles",
|
|
6222
|
-
"declaration": {
|
|
6223
|
-
"name": "zeroFilterBarStyles",
|
|
6224
|
-
"module": "src/filter-bar/filter-bar.styles.ts"
|
|
6219
|
+
"module": "src/filter/filter.stories.ts"
|
|
6225
6220
|
}
|
|
6226
6221
|
}
|
|
6227
6222
|
]
|
|
6228
6223
|
},
|
|
6229
6224
|
{
|
|
6230
6225
|
"kind": "javascript-module",
|
|
6231
|
-
"path": "src/filter
|
|
6226
|
+
"path": "src/filter/filter.template.ts",
|
|
6232
6227
|
"declarations": [
|
|
6233
6228
|
{
|
|
6234
6229
|
"kind": "variable",
|
|
6235
|
-
"name": "
|
|
6230
|
+
"name": "zeroFilterTemplate",
|
|
6236
6231
|
"type": {
|
|
6237
|
-
"text": "ViewTemplate<
|
|
6232
|
+
"text": "ViewTemplate<Filter>"
|
|
6238
6233
|
},
|
|
6239
|
-
"default": "html`\n
|
|
6234
|
+
"default": "html`\n <div class=\"filter-wrapper\">${(x) => selectTemplate(x)}</div>\n`"
|
|
6240
6235
|
}
|
|
6241
6236
|
],
|
|
6242
6237
|
"exports": [
|
|
6243
6238
|
{
|
|
6244
6239
|
"kind": "js",
|
|
6245
|
-
"name": "
|
|
6240
|
+
"name": "zeroFilterTemplate",
|
|
6246
6241
|
"declaration": {
|
|
6247
|
-
"name": "
|
|
6248
|
-
"module": "src/filter
|
|
6242
|
+
"name": "zeroFilterTemplate",
|
|
6243
|
+
"module": "src/filter/filter.template.ts"
|
|
6249
6244
|
}
|
|
6250
6245
|
}
|
|
6251
6246
|
]
|
|
6252
6247
|
},
|
|
6253
6248
|
{
|
|
6254
6249
|
"kind": "javascript-module",
|
|
6255
|
-
"path": "src/filter
|
|
6250
|
+
"path": "src/filter/filter.ts",
|
|
6256
6251
|
"declarations": [
|
|
6257
6252
|
{
|
|
6258
6253
|
"kind": "class",
|
|
6259
6254
|
"description": "",
|
|
6260
|
-
"name": "
|
|
6255
|
+
"name": "Filter",
|
|
6261
6256
|
"members": [
|
|
6262
6257
|
{
|
|
6263
6258
|
"kind": "field",
|
|
6264
|
-
"name": "
|
|
6259
|
+
"name": "textFilterField",
|
|
6265
6260
|
"type": {
|
|
6266
|
-
"text": "
|
|
6267
|
-
}
|
|
6261
|
+
"text": "TextField"
|
|
6262
|
+
},
|
|
6263
|
+
"privacy": "public"
|
|
6268
6264
|
},
|
|
6269
6265
|
{
|
|
6270
6266
|
"kind": "field",
|
|
6271
|
-
"name": "
|
|
6267
|
+
"name": "numFilterFieldMin",
|
|
6272
6268
|
"type": {
|
|
6273
|
-
"text": "
|
|
6269
|
+
"text": "TextField"
|
|
6274
6270
|
},
|
|
6275
|
-
"
|
|
6271
|
+
"privacy": "public"
|
|
6276
6272
|
},
|
|
6277
6273
|
{
|
|
6278
6274
|
"kind": "field",
|
|
6279
|
-
"name": "
|
|
6275
|
+
"name": "numFilterFieldMax",
|
|
6280
6276
|
"type": {
|
|
6281
|
-
"text": "
|
|
6277
|
+
"text": "TextField"
|
|
6282
6278
|
},
|
|
6283
|
-
"
|
|
6279
|
+
"privacy": "public"
|
|
6284
6280
|
},
|
|
6285
6281
|
{
|
|
6286
6282
|
"kind": "field",
|
|
6287
|
-
"name": "
|
|
6283
|
+
"name": "dateFilterFieldMin",
|
|
6288
6284
|
"type": {
|
|
6289
|
-
"text": "
|
|
6285
|
+
"text": "TextField"
|
|
6290
6286
|
},
|
|
6291
|
-
"
|
|
6287
|
+
"privacy": "public"
|
|
6292
6288
|
},
|
|
6293
6289
|
{
|
|
6294
6290
|
"kind": "field",
|
|
6295
|
-
"name": "
|
|
6291
|
+
"name": "dateFilterFieldMax",
|
|
6296
6292
|
"type": {
|
|
6297
|
-
"text": "
|
|
6293
|
+
"text": "TextField"
|
|
6294
|
+
},
|
|
6295
|
+
"privacy": "public"
|
|
6296
|
+
},
|
|
6297
|
+
{
|
|
6298
|
+
"kind": "field",
|
|
6299
|
+
"name": "fieldName",
|
|
6300
|
+
"type": {
|
|
6301
|
+
"text": "string"
|
|
6298
6302
|
}
|
|
6299
6303
|
},
|
|
6300
6304
|
{
|
|
6301
6305
|
"kind": "field",
|
|
6302
|
-
"name": "
|
|
6306
|
+
"name": "label",
|
|
6303
6307
|
"type": {
|
|
6304
|
-
"text": "
|
|
6308
|
+
"text": "string"
|
|
6305
6309
|
}
|
|
6306
6310
|
},
|
|
6307
6311
|
{
|
|
6308
6312
|
"kind": "field",
|
|
6309
|
-
"name": "
|
|
6313
|
+
"name": "type"
|
|
6314
|
+
},
|
|
6315
|
+
{
|
|
6316
|
+
"kind": "field",
|
|
6317
|
+
"name": "target",
|
|
6310
6318
|
"type": {
|
|
6311
|
-
"text": "
|
|
6319
|
+
"text": "string"
|
|
6312
6320
|
},
|
|
6313
|
-
"
|
|
6321
|
+
"description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page."
|
|
6314
6322
|
},
|
|
6315
6323
|
{
|
|
6316
6324
|
"kind": "field",
|
|
6317
|
-
"name": "
|
|
6325
|
+
"name": "enumFilterOptions",
|
|
6318
6326
|
"type": {
|
|
6319
|
-
"text": "
|
|
6320
|
-
}
|
|
6321
|
-
"default": "true"
|
|
6327
|
+
"text": "any[]"
|
|
6328
|
+
}
|
|
6322
6329
|
},
|
|
6323
6330
|
{
|
|
6324
6331
|
"kind": "field",
|
|
@@ -6434,27 +6441,22 @@
|
|
|
6434
6441
|
],
|
|
6435
6442
|
"attributes": [
|
|
6436
6443
|
{
|
|
6437
|
-
"name": "
|
|
6444
|
+
"name": "fieldName",
|
|
6438
6445
|
"type": {
|
|
6439
6446
|
"text": "string"
|
|
6440
6447
|
},
|
|
6441
|
-
"fieldName": "
|
|
6448
|
+
"fieldName": "fieldName"
|
|
6442
6449
|
},
|
|
6443
6450
|
{
|
|
6444
|
-
"name": "
|
|
6451
|
+
"name": "label",
|
|
6445
6452
|
"type": {
|
|
6446
6453
|
"text": "string"
|
|
6447
6454
|
},
|
|
6448
|
-
"
|
|
6449
|
-
"fieldName": "only"
|
|
6455
|
+
"fieldName": "label"
|
|
6450
6456
|
},
|
|
6451
6457
|
{
|
|
6452
|
-
"name": "
|
|
6453
|
-
"
|
|
6454
|
-
"text": "string"
|
|
6455
|
-
},
|
|
6456
|
-
"description": "Labels for the specified fields, to be used alongside \"only\" prop.",
|
|
6457
|
-
"fieldName": "labels"
|
|
6458
|
+
"name": "type",
|
|
6459
|
+
"fieldName": "type"
|
|
6458
6460
|
},
|
|
6459
6461
|
{
|
|
6460
6462
|
"name": "target",
|
|
@@ -6466,41 +6468,39 @@
|
|
|
6466
6468
|
}
|
|
6467
6469
|
],
|
|
6468
6470
|
"superclass": {
|
|
6469
|
-
"name": "
|
|
6471
|
+
"name": "FoundationFilter",
|
|
6470
6472
|
"package": "@genesislcap/foundation-ui"
|
|
6471
6473
|
},
|
|
6472
|
-
"tagName": "%%prefix%%-filter
|
|
6474
|
+
"tagName": "%%prefix%%-filter",
|
|
6473
6475
|
"customElement": true
|
|
6474
6476
|
},
|
|
6475
6477
|
{
|
|
6476
6478
|
"kind": "variable",
|
|
6477
|
-
"name": "
|
|
6478
|
-
"description": "The Zero Filter",
|
|
6479
|
-
"privacy": "public"
|
|
6479
|
+
"name": "zeroFilter"
|
|
6480
6480
|
}
|
|
6481
6481
|
],
|
|
6482
6482
|
"exports": [
|
|
6483
6483
|
{
|
|
6484
6484
|
"kind": "js",
|
|
6485
|
-
"name": "
|
|
6485
|
+
"name": "Filter",
|
|
6486
6486
|
"declaration": {
|
|
6487
|
-
"name": "
|
|
6488
|
-
"module": "src/filter
|
|
6487
|
+
"name": "Filter",
|
|
6488
|
+
"module": "src/filter/filter.ts"
|
|
6489
6489
|
}
|
|
6490
6490
|
},
|
|
6491
6491
|
{
|
|
6492
6492
|
"kind": "js",
|
|
6493
|
-
"name": "
|
|
6493
|
+
"name": "zeroFilter",
|
|
6494
6494
|
"declaration": {
|
|
6495
|
-
"name": "
|
|
6496
|
-
"module": "src/filter
|
|
6495
|
+
"name": "zeroFilter",
|
|
6496
|
+
"module": "src/filter/filter.ts"
|
|
6497
6497
|
}
|
|
6498
6498
|
}
|
|
6499
6499
|
]
|
|
6500
6500
|
},
|
|
6501
6501
|
{
|
|
6502
6502
|
"kind": "javascript-module",
|
|
6503
|
-
"path": "src/filter
|
|
6503
|
+
"path": "src/filter/index.ts",
|
|
6504
6504
|
"declarations": [],
|
|
6505
6505
|
"exports": [
|
|
6506
6506
|
{
|
|
@@ -6508,7 +6508,7 @@
|
|
|
6508
6508
|
"name": "*",
|
|
6509
6509
|
"declaration": {
|
|
6510
6510
|
"name": "*",
|
|
6511
|
-
"package": "./filter
|
|
6511
|
+
"package": "./filter"
|
|
6512
6512
|
}
|
|
6513
6513
|
},
|
|
6514
6514
|
{
|
|
@@ -6516,15 +6516,15 @@
|
|
|
6516
6516
|
"name": "*",
|
|
6517
6517
|
"declaration": {
|
|
6518
6518
|
"name": "*",
|
|
6519
|
-
"package": "./filter
|
|
6519
|
+
"package": "./filter.template"
|
|
6520
6520
|
}
|
|
6521
6521
|
},
|
|
6522
6522
|
{
|
|
6523
6523
|
"kind": "js",
|
|
6524
|
-
"name": "
|
|
6524
|
+
"name": "zeroFilterStyles",
|
|
6525
6525
|
"declaration": {
|
|
6526
|
-
"name": "
|
|
6527
|
-
"package": "
|
|
6526
|
+
"name": "foundationFilterStyles",
|
|
6527
|
+
"package": "@genesislcap/foundation-ui"
|
|
6528
6528
|
}
|
|
6529
6529
|
}
|
|
6530
6530
|
]
|