@genesislcap/foundation-zero 14.79.1 → 14.79.2-alpha-ca658e8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +331 -331
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -817,51 +817,11 @@
817
817
  },
818
818
  {
819
819
  "kind": "javascript-module",
820
- "path": "src/accordion/accordion.stories.ts",
821
- "declarations": [
822
- {
823
- "kind": "variable",
824
- "name": "meta",
825
- "type": {
826
- "text": "Meta"
827
- },
828
- "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
829
- },
830
- {
831
- "kind": "variable",
832
- "name": "Primary",
833
- "type": {
834
- "text": "StoryObj"
835
- },
836
- "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
837
- }
838
- ],
839
- "exports": [
840
- {
841
- "kind": "js",
842
- "name": "default",
843
- "declaration": {
844
- "name": "meta",
845
- "module": "src/accordion/accordion.stories.ts"
846
- }
847
- },
848
- {
849
- "kind": "js",
850
- "name": "Primary",
851
- "declaration": {
852
- "name": "Primary",
853
- "module": "src/accordion/accordion.stories.ts"
854
- }
855
- }
856
- ]
857
- },
858
- {
859
- "kind": "javascript-module",
860
- "path": "src/accordion/accordion.styles.ts",
820
+ "path": "src/accordion-item/accordion-item.styles.ts",
861
821
  "declarations": [
862
822
  {
863
823
  "kind": "function",
864
- "name": "zeroAccordionStyles",
824
+ "name": "zeroAccordionItemStyles",
865
825
  "return": {
866
826
  "type": {
867
827
  "text": "ElementStyles"
@@ -886,24 +846,24 @@
886
846
  "exports": [
887
847
  {
888
848
  "kind": "js",
889
- "name": "zeroAccordionStyles",
849
+ "name": "zeroAccordionItemStyles",
890
850
  "declaration": {
891
- "name": "zeroAccordionStyles",
892
- "module": "src/accordion/accordion.styles.ts"
851
+ "name": "zeroAccordionItemStyles",
852
+ "module": "src/accordion-item/accordion-item.styles.ts"
893
853
  }
894
854
  }
895
855
  ]
896
856
  },
897
857
  {
898
858
  "kind": "javascript-module",
899
- "path": "src/accordion/accordion.template.ts",
859
+ "path": "src/accordion-item/accordion-item.template.ts",
900
860
  "declarations": [
901
861
  {
902
862
  "kind": "function",
903
- "name": "zeroAccordionTemplate",
863
+ "name": "zeroAccordionItemTemplate",
904
864
  "return": {
905
865
  "type": {
906
- "text": "ViewTemplate<Accordion>"
866
+ "text": "ViewTemplate<AccordionItem>"
907
867
  }
908
868
  },
909
869
  "parameters": [
@@ -925,24 +885,24 @@
925
885
  "exports": [
926
886
  {
927
887
  "kind": "js",
928
- "name": "zeroAccordionTemplate",
888
+ "name": "zeroAccordionItemTemplate",
929
889
  "declaration": {
930
- "name": "zeroAccordionTemplate",
931
- "module": "src/accordion/accordion.template.ts"
890
+ "name": "zeroAccordionItemTemplate",
891
+ "module": "src/accordion-item/accordion-item.template.ts"
932
892
  }
933
893
  }
934
894
  ]
935
895
  },
936
896
  {
937
897
  "kind": "javascript-module",
938
- "path": "src/accordion/accordion.ts",
898
+ "path": "src/accordion-item/accordion-item.ts",
939
899
  "declarations": [
940
900
  {
941
901
  "kind": "class",
942
902
  "description": "",
943
- "name": "Accordion",
903
+ "name": "AccordionItem",
944
904
  "superclass": {
945
- "name": "FoundationAccordion",
905
+ "name": "FoundationAccordionItem",
946
906
  "package": "@genesislcap/foundation-ui"
947
907
  },
948
908
  "tagName": "%%prefix%%-card",
@@ -950,31 +910,31 @@
950
910
  },
951
911
  {
952
912
  "kind": "variable",
953
- "name": "zeroAccordion"
913
+ "name": "zeroAccordionItem"
954
914
  }
955
915
  ],
956
916
  "exports": [
957
917
  {
958
918
  "kind": "js",
959
- "name": "Accordion",
919
+ "name": "AccordionItem",
960
920
  "declaration": {
961
- "name": "Accordion",
962
- "module": "src/accordion/accordion.ts"
921
+ "name": "AccordionItem",
922
+ "module": "src/accordion-item/accordion-item.ts"
963
923
  }
964
924
  },
965
925
  {
966
926
  "kind": "js",
967
- "name": "zeroAccordion",
927
+ "name": "zeroAccordionItem",
968
928
  "declaration": {
969
- "name": "zeroAccordion",
970
- "module": "src/accordion/accordion.ts"
929
+ "name": "zeroAccordionItem",
930
+ "module": "src/accordion-item/accordion-item.ts"
971
931
  }
972
932
  }
973
933
  ]
974
934
  },
975
935
  {
976
936
  "kind": "javascript-module",
977
- "path": "src/accordion/index.ts",
937
+ "path": "src/accordion-item/index.ts",
978
938
  "declarations": [],
979
939
  "exports": [
980
940
  {
@@ -982,7 +942,7 @@
982
942
  "name": "*",
983
943
  "declaration": {
984
944
  "name": "*",
985
- "package": "./accordion"
945
+ "package": "./accordion-item"
986
946
  }
987
947
  },
988
948
  {
@@ -990,7 +950,7 @@
990
950
  "name": "*",
991
951
  "declaration": {
992
952
  "name": "*",
993
- "package": "./accordion.styles"
953
+ "package": "./accordion-item.styles"
994
954
  }
995
955
  },
996
956
  {
@@ -998,18 +958,58 @@
998
958
  "name": "*",
999
959
  "declaration": {
1000
960
  "name": "*",
1001
- "package": "./accordion.template"
961
+ "package": "./accordion-item.template"
1002
962
  }
1003
963
  }
1004
964
  ]
1005
965
  },
1006
966
  {
1007
967
  "kind": "javascript-module",
1008
- "path": "src/accordion-item/accordion-item.styles.ts",
968
+ "path": "src/accordion/accordion.stories.ts",
969
+ "declarations": [
970
+ {
971
+ "kind": "variable",
972
+ "name": "meta",
973
+ "type": {
974
+ "text": "Meta"
975
+ },
976
+ "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
977
+ },
978
+ {
979
+ "kind": "variable",
980
+ "name": "Primary",
981
+ "type": {
982
+ "text": "StoryObj"
983
+ },
984
+ "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
985
+ }
986
+ ],
987
+ "exports": [
988
+ {
989
+ "kind": "js",
990
+ "name": "default",
991
+ "declaration": {
992
+ "name": "meta",
993
+ "module": "src/accordion/accordion.stories.ts"
994
+ }
995
+ },
996
+ {
997
+ "kind": "js",
998
+ "name": "Primary",
999
+ "declaration": {
1000
+ "name": "Primary",
1001
+ "module": "src/accordion/accordion.stories.ts"
1002
+ }
1003
+ }
1004
+ ]
1005
+ },
1006
+ {
1007
+ "kind": "javascript-module",
1008
+ "path": "src/accordion/accordion.styles.ts",
1009
1009
  "declarations": [
1010
1010
  {
1011
1011
  "kind": "function",
1012
- "name": "zeroAccordionItemStyles",
1012
+ "name": "zeroAccordionStyles",
1013
1013
  "return": {
1014
1014
  "type": {
1015
1015
  "text": "ElementStyles"
@@ -1034,24 +1034,24 @@
1034
1034
  "exports": [
1035
1035
  {
1036
1036
  "kind": "js",
1037
- "name": "zeroAccordionItemStyles",
1037
+ "name": "zeroAccordionStyles",
1038
1038
  "declaration": {
1039
- "name": "zeroAccordionItemStyles",
1040
- "module": "src/accordion-item/accordion-item.styles.ts"
1039
+ "name": "zeroAccordionStyles",
1040
+ "module": "src/accordion/accordion.styles.ts"
1041
1041
  }
1042
1042
  }
1043
1043
  ]
1044
1044
  },
1045
1045
  {
1046
1046
  "kind": "javascript-module",
1047
- "path": "src/accordion-item/accordion-item.template.ts",
1047
+ "path": "src/accordion/accordion.template.ts",
1048
1048
  "declarations": [
1049
1049
  {
1050
1050
  "kind": "function",
1051
- "name": "zeroAccordionItemTemplate",
1051
+ "name": "zeroAccordionTemplate",
1052
1052
  "return": {
1053
1053
  "type": {
1054
- "text": "ViewTemplate<AccordionItem>"
1054
+ "text": "ViewTemplate<Accordion>"
1055
1055
  }
1056
1056
  },
1057
1057
  "parameters": [
@@ -1073,24 +1073,24 @@
1073
1073
  "exports": [
1074
1074
  {
1075
1075
  "kind": "js",
1076
- "name": "zeroAccordionItemTemplate",
1076
+ "name": "zeroAccordionTemplate",
1077
1077
  "declaration": {
1078
- "name": "zeroAccordionItemTemplate",
1079
- "module": "src/accordion-item/accordion-item.template.ts"
1078
+ "name": "zeroAccordionTemplate",
1079
+ "module": "src/accordion/accordion.template.ts"
1080
1080
  }
1081
1081
  }
1082
1082
  ]
1083
1083
  },
1084
1084
  {
1085
1085
  "kind": "javascript-module",
1086
- "path": "src/accordion-item/accordion-item.ts",
1086
+ "path": "src/accordion/accordion.ts",
1087
1087
  "declarations": [
1088
1088
  {
1089
1089
  "kind": "class",
1090
1090
  "description": "",
1091
- "name": "AccordionItem",
1091
+ "name": "Accordion",
1092
1092
  "superclass": {
1093
- "name": "FoundationAccordionItem",
1093
+ "name": "FoundationAccordion",
1094
1094
  "package": "@genesislcap/foundation-ui"
1095
1095
  },
1096
1096
  "tagName": "%%prefix%%-card",
@@ -1098,31 +1098,31 @@
1098
1098
  },
1099
1099
  {
1100
1100
  "kind": "variable",
1101
- "name": "zeroAccordionItem"
1101
+ "name": "zeroAccordion"
1102
1102
  }
1103
1103
  ],
1104
1104
  "exports": [
1105
1105
  {
1106
1106
  "kind": "js",
1107
- "name": "AccordionItem",
1107
+ "name": "Accordion",
1108
1108
  "declaration": {
1109
- "name": "AccordionItem",
1110
- "module": "src/accordion-item/accordion-item.ts"
1109
+ "name": "Accordion",
1110
+ "module": "src/accordion/accordion.ts"
1111
1111
  }
1112
1112
  },
1113
1113
  {
1114
1114
  "kind": "js",
1115
- "name": "zeroAccordionItem",
1115
+ "name": "zeroAccordion",
1116
1116
  "declaration": {
1117
- "name": "zeroAccordionItem",
1118
- "module": "src/accordion-item/accordion-item.ts"
1117
+ "name": "zeroAccordion",
1118
+ "module": "src/accordion/accordion.ts"
1119
1119
  }
1120
1120
  }
1121
1121
  ]
1122
1122
  },
1123
1123
  {
1124
1124
  "kind": "javascript-module",
1125
- "path": "src/accordion-item/index.ts",
1125
+ "path": "src/accordion/index.ts",
1126
1126
  "declarations": [],
1127
1127
  "exports": [
1128
1128
  {
@@ -1130,7 +1130,7 @@
1130
1130
  "name": "*",
1131
1131
  "declaration": {
1132
1132
  "name": "*",
1133
- "package": "./accordion-item"
1133
+ "package": "./accordion"
1134
1134
  }
1135
1135
  },
1136
1136
  {
@@ -1138,7 +1138,7 @@
1138
1138
  "name": "*",
1139
1139
  "declaration": {
1140
1140
  "name": "*",
1141
- "package": "./accordion-item.styles"
1141
+ "package": "./accordion.styles"
1142
1142
  }
1143
1143
  },
1144
1144
  {
@@ -1146,7 +1146,7 @@
1146
1146
  "name": "*",
1147
1147
  "declaration": {
1148
1148
  "name": "*",
1149
- "package": "./accordion-item.template"
1149
+ "package": "./accordion.template"
1150
1150
  }
1151
1151
  }
1152
1152
  ]
@@ -7100,7 +7100,7 @@
7100
7100
  },
7101
7101
  {
7102
7102
  "kind": "javascript-module",
7103
- "path": "src/filter-bar/filter-bar.stories.ts",
7103
+ "path": "src/flex-layout/flex-layout.stories.ts",
7104
7104
  "declarations": [
7105
7105
  {
7106
7106
  "kind": "variable",
@@ -7108,7 +7108,7 @@
7108
7108
  "type": {
7109
7109
  "text": "Meta"
7110
7110
  },
7111
- "default": "{\n title: 'Filter Bar',\n component: 'zero-filter-bar',\n}"
7111
+ "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7112
7112
  },
7113
7113
  {
7114
7114
  "kind": "variable",
@@ -7116,7 +7116,7 @@
7116
7116
  "type": {
7117
7117
  "text": "StoryObj"
7118
7118
  },
7119
- "default": "{\n render: () => 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}"
7119
+ "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7120
7120
  }
7121
7121
  ],
7122
7122
  "exports": [
@@ -7125,7 +7125,7 @@
7125
7125
  "name": "default",
7126
7126
  "declaration": {
7127
7127
  "name": "meta",
7128
- "module": "src/filter-bar/filter-bar.stories.ts"
7128
+ "module": "src/flex-layout/flex-layout.stories.ts"
7129
7129
  }
7130
7130
  },
7131
7131
  {
@@ -7133,168 +7133,50 @@
7133
7133
  "name": "Primary",
7134
7134
  "declaration": {
7135
7135
  "name": "Primary",
7136
- "module": "src/filter-bar/filter-bar.stories.ts"
7136
+ "module": "src/flex-layout/flex-layout.stories.ts"
7137
7137
  }
7138
7138
  }
7139
7139
  ]
7140
7140
  },
7141
7141
  {
7142
7142
  "kind": "javascript-module",
7143
- "path": "src/filter-bar/filter-bar.styles.ts",
7143
+ "path": "src/flex-layout/flex-layout.ts",
7144
7144
  "declarations": [
7145
7145
  {
7146
- "kind": "function",
7147
- "name": "zeroFilterBarStyles",
7148
- "return": {
7149
- "type": {
7150
- "text": "ElementStyles"
7151
- }
7146
+ "kind": "class",
7147
+ "description": "",
7148
+ "name": "FlexLayout",
7149
+ "superclass": {
7150
+ "name": "FoundationFlexLayout",
7151
+ "package": "@genesislcap/foundation-ui"
7152
7152
  },
7153
- "parameters": [
7153
+ "tagName": "%%prefix%%-flex-layout",
7154
+ "customElement": true,
7155
+ "members": [
7154
7156
  {
7155
- "name": "context",
7157
+ "kind": "field",
7158
+ "name": "_presentation",
7156
7159
  "type": {
7157
- "text": "ElementDefinitionContext"
7160
+ "text": "ComponentPresentation | null | undefined"
7161
+ },
7162
+ "privacy": "private",
7163
+ "default": "void 0",
7164
+ "inheritedFrom": {
7165
+ "name": "FoundationElement",
7166
+ "module": "src/foundation-element/foundation-element.ts"
7158
7167
  }
7159
7168
  },
7160
7169
  {
7161
- "name": "definition",
7170
+ "kind": "field",
7171
+ "name": "$presentation",
7162
7172
  "type": {
7163
- "text": "FoundationElementDefinition"
7164
- }
7165
- }
7166
- ]
7167
- }
7168
- ],
7169
- "exports": [
7170
- {
7171
- "kind": "js",
7172
- "name": "zeroFilterBarStyles",
7173
- "declaration": {
7174
- "name": "zeroFilterBarStyles",
7175
- "module": "src/filter-bar/filter-bar.styles.ts"
7176
- }
7177
- }
7178
- ]
7179
- },
7180
- {
7181
- "kind": "javascript-module",
7182
- "path": "src/filter-bar/filter-bar.template.ts",
7183
- "declarations": [
7184
- {
7185
- "kind": "variable",
7186
- "name": "zeroFilterBarTemplate",
7187
- "type": {
7188
- "text": "ViewTemplate<FilterBar>"
7189
- },
7190
- "default": "html`\n ${filterBarTemplate}\n`"
7191
- }
7192
- ],
7193
- "exports": [
7194
- {
7195
- "kind": "js",
7196
- "name": "zeroFilterBarTemplate",
7197
- "declaration": {
7198
- "name": "zeroFilterBarTemplate",
7199
- "module": "src/filter-bar/filter-bar.template.ts"
7200
- }
7201
- }
7202
- ]
7203
- },
7204
- {
7205
- "kind": "javascript-module",
7206
- "path": "src/filter-bar/filter-bar.ts",
7207
- "declarations": [
7208
- {
7209
- "kind": "class",
7210
- "description": "",
7211
- "name": "FilterBar",
7212
- "members": [
7213
- {
7214
- "kind": "field",
7215
- "name": "resource",
7216
- "type": {
7217
- "text": "string"
7218
- }
7219
- },
7220
- {
7221
- "kind": "field",
7222
- "name": "only",
7223
- "type": {
7224
- "text": "string"
7225
- },
7226
- "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."
7227
- },
7228
- {
7229
- "kind": "field",
7230
- "name": "labels",
7231
- "type": {
7232
- "text": "string"
7233
- },
7234
- "description": "Labels for the specified fields, to be used alongside \"only\" prop."
7235
- },
7236
- {
7237
- "kind": "field",
7238
- "name": "target",
7239
- "type": {
7240
- "text": "string"
7241
- },
7242
- "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."
7243
- },
7244
- {
7245
- "kind": "field",
7246
- "name": "ready",
7247
- "type": {
7248
- "text": "boolean"
7249
- }
7250
- },
7251
- {
7252
- "kind": "field",
7253
- "name": "fields",
7254
- "type": {
7255
- "text": "MetadataDetail[]"
7256
- }
7257
- },
7258
- {
7259
- "kind": "field",
7260
- "name": "filterGrid",
7261
- "type": {
7262
- "text": "HTMLDivElement"
7263
- },
7264
- "privacy": "public"
7265
- },
7266
- {
7267
- "kind": "field",
7268
- "name": "collapsed",
7269
- "type": {
7270
- "text": "boolean"
7271
- },
7272
- "default": "true"
7273
- },
7274
- {
7275
- "kind": "field",
7276
- "name": "_presentation",
7277
- "type": {
7278
- "text": "ComponentPresentation | null | undefined"
7279
- },
7280
- "privacy": "private",
7281
- "default": "void 0",
7282
- "inheritedFrom": {
7283
- "name": "FoundationElement",
7284
- "module": "src/foundation-element/foundation-element.ts"
7285
- }
7286
- },
7287
- {
7288
- "kind": "field",
7289
- "name": "$presentation",
7290
- "type": {
7291
- "text": "ComponentPresentation | null"
7292
- },
7293
- "privacy": "public",
7294
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7295
- "inheritedFrom": {
7296
- "name": "FoundationElement",
7297
- "module": "src/foundation-element/foundation-element.ts"
7173
+ "text": "ComponentPresentation | null"
7174
+ },
7175
+ "privacy": "public",
7176
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7177
+ "inheritedFrom": {
7178
+ "name": "FoundationElement",
7179
+ "module": "src/foundation-element/foundation-element.ts"
7298
7180
  }
7299
7181
  },
7300
7182
  {
@@ -7382,76 +7264,37 @@
7382
7264
  "module": "src/foundation-element/foundation-element.ts"
7383
7265
  }
7384
7266
  }
7385
- ],
7386
- "attributes": [
7387
- {
7388
- "name": "resource",
7389
- "type": {
7390
- "text": "string"
7391
- },
7392
- "fieldName": "resource"
7393
- },
7394
- {
7395
- "name": "only",
7396
- "type": {
7397
- "text": "string"
7398
- },
7399
- "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.",
7400
- "fieldName": "only"
7401
- },
7402
- {
7403
- "name": "labels",
7404
- "type": {
7405
- "text": "string"
7406
- },
7407
- "description": "Labels for the specified fields, to be used alongside \"only\" prop.",
7408
- "fieldName": "labels"
7409
- },
7410
- {
7411
- "name": "target",
7412
- "type": {
7413
- "text": "string"
7414
- },
7415
- "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.",
7416
- "fieldName": "target"
7417
- }
7418
- ],
7419
- "superclass": {
7420
- "name": "FoundationFilterBar",
7421
- "package": "@genesislcap/foundation-ui"
7422
- },
7423
- "tagName": "%%prefix%%-filter-bar",
7424
- "customElement": true
7267
+ ]
7425
7268
  },
7426
7269
  {
7427
7270
  "kind": "variable",
7428
- "name": "zeroFilterBar",
7429
- "description": "The Zero Filter",
7271
+ "name": "zeroFlexLayout",
7272
+ "description": "The Zero Flex Layout",
7430
7273
  "privacy": "public"
7431
7274
  }
7432
7275
  ],
7433
7276
  "exports": [
7434
7277
  {
7435
7278
  "kind": "js",
7436
- "name": "FilterBar",
7279
+ "name": "FlexLayout",
7437
7280
  "declaration": {
7438
- "name": "FilterBar",
7439
- "module": "src/filter-bar/filter-bar.ts"
7281
+ "name": "FlexLayout",
7282
+ "module": "src/flex-layout/flex-layout.ts"
7440
7283
  }
7441
7284
  },
7442
7285
  {
7443
7286
  "kind": "js",
7444
- "name": "zeroFilterBar",
7287
+ "name": "zeroFlexLayout",
7445
7288
  "declaration": {
7446
- "name": "zeroFilterBar",
7447
- "module": "src/filter-bar/filter-bar.ts"
7289
+ "name": "zeroFlexLayout",
7290
+ "module": "src/flex-layout/flex-layout.ts"
7448
7291
  }
7449
7292
  }
7450
7293
  ]
7451
7294
  },
7452
7295
  {
7453
7296
  "kind": "javascript-module",
7454
- "path": "src/filter-bar/index.ts",
7297
+ "path": "src/flex-layout/index.ts",
7455
7298
  "declarations": [],
7456
7299
  "exports": [
7457
7300
  {
@@ -7459,30 +7302,14 @@
7459
7302
  "name": "*",
7460
7303
  "declaration": {
7461
7304
  "name": "*",
7462
- "package": "./filter-bar.styles"
7463
- }
7464
- },
7465
- {
7466
- "kind": "js",
7467
- "name": "*",
7468
- "declaration": {
7469
- "name": "*",
7470
- "package": "./filter-bar.template"
7471
- }
7472
- },
7473
- {
7474
- "kind": "js",
7475
- "name": "*",
7476
- "declaration": {
7477
- "name": "*",
7478
- "package": "./filter-bar"
7305
+ "package": "./flex-layout"
7479
7306
  }
7480
7307
  }
7481
7308
  ]
7482
7309
  },
7483
7310
  {
7484
7311
  "kind": "javascript-module",
7485
- "path": "src/flex-layout/flex-layout.stories.ts",
7312
+ "path": "src/filter-bar/filter-bar.stories.ts",
7486
7313
  "declarations": [
7487
7314
  {
7488
7315
  "kind": "variable",
@@ -7490,7 +7317,7 @@
7490
7317
  "type": {
7491
7318
  "text": "Meta"
7492
7319
  },
7493
- "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7320
+ "default": "{\n title: 'Filter Bar',\n component: 'zero-filter-bar',\n}"
7494
7321
  },
7495
7322
  {
7496
7323
  "kind": "variable",
@@ -7498,7 +7325,7 @@
7498
7325
  "type": {
7499
7326
  "text": "StoryObj"
7500
7327
  },
7501
- "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7328
+ "default": "{\n render: () => 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}"
7502
7329
  }
7503
7330
  ],
7504
7331
  "exports": [
@@ -7507,7 +7334,7 @@
7507
7334
  "name": "default",
7508
7335
  "declaration": {
7509
7336
  "name": "meta",
7510
- "module": "src/flex-layout/flex-layout.stories.ts"
7337
+ "module": "src/filter-bar/filter-bar.stories.ts"
7511
7338
  }
7512
7339
  },
7513
7340
  {
@@ -7515,26 +7342,144 @@
7515
7342
  "name": "Primary",
7516
7343
  "declaration": {
7517
7344
  "name": "Primary",
7518
- "module": "src/flex-layout/flex-layout.stories.ts"
7345
+ "module": "src/filter-bar/filter-bar.stories.ts"
7519
7346
  }
7520
7347
  }
7521
7348
  ]
7522
7349
  },
7523
7350
  {
7524
7351
  "kind": "javascript-module",
7525
- "path": "src/flex-layout/flex-layout.ts",
7352
+ "path": "src/filter-bar/filter-bar.styles.ts",
7353
+ "declarations": [
7354
+ {
7355
+ "kind": "function",
7356
+ "name": "zeroFilterBarStyles",
7357
+ "return": {
7358
+ "type": {
7359
+ "text": "ElementStyles"
7360
+ }
7361
+ },
7362
+ "parameters": [
7363
+ {
7364
+ "name": "context",
7365
+ "type": {
7366
+ "text": "ElementDefinitionContext"
7367
+ }
7368
+ },
7369
+ {
7370
+ "name": "definition",
7371
+ "type": {
7372
+ "text": "FoundationElementDefinition"
7373
+ }
7374
+ }
7375
+ ]
7376
+ }
7377
+ ],
7378
+ "exports": [
7379
+ {
7380
+ "kind": "js",
7381
+ "name": "zeroFilterBarStyles",
7382
+ "declaration": {
7383
+ "name": "zeroFilterBarStyles",
7384
+ "module": "src/filter-bar/filter-bar.styles.ts"
7385
+ }
7386
+ }
7387
+ ]
7388
+ },
7389
+ {
7390
+ "kind": "javascript-module",
7391
+ "path": "src/filter-bar/filter-bar.template.ts",
7392
+ "declarations": [
7393
+ {
7394
+ "kind": "variable",
7395
+ "name": "zeroFilterBarTemplate",
7396
+ "type": {
7397
+ "text": "ViewTemplate<FilterBar>"
7398
+ },
7399
+ "default": "html`\n ${filterBarTemplate}\n`"
7400
+ }
7401
+ ],
7402
+ "exports": [
7403
+ {
7404
+ "kind": "js",
7405
+ "name": "zeroFilterBarTemplate",
7406
+ "declaration": {
7407
+ "name": "zeroFilterBarTemplate",
7408
+ "module": "src/filter-bar/filter-bar.template.ts"
7409
+ }
7410
+ }
7411
+ ]
7412
+ },
7413
+ {
7414
+ "kind": "javascript-module",
7415
+ "path": "src/filter-bar/filter-bar.ts",
7526
7416
  "declarations": [
7527
7417
  {
7528
7418
  "kind": "class",
7529
7419
  "description": "",
7530
- "name": "FlexLayout",
7531
- "superclass": {
7532
- "name": "FoundationFlexLayout",
7533
- "package": "@genesislcap/foundation-ui"
7534
- },
7535
- "tagName": "%%prefix%%-flex-layout",
7536
- "customElement": true,
7420
+ "name": "FilterBar",
7537
7421
  "members": [
7422
+ {
7423
+ "kind": "field",
7424
+ "name": "resource",
7425
+ "type": {
7426
+ "text": "string"
7427
+ }
7428
+ },
7429
+ {
7430
+ "kind": "field",
7431
+ "name": "only",
7432
+ "type": {
7433
+ "text": "string"
7434
+ },
7435
+ "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."
7436
+ },
7437
+ {
7438
+ "kind": "field",
7439
+ "name": "labels",
7440
+ "type": {
7441
+ "text": "string"
7442
+ },
7443
+ "description": "Labels for the specified fields, to be used alongside \"only\" prop."
7444
+ },
7445
+ {
7446
+ "kind": "field",
7447
+ "name": "target",
7448
+ "type": {
7449
+ "text": "string"
7450
+ },
7451
+ "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."
7452
+ },
7453
+ {
7454
+ "kind": "field",
7455
+ "name": "ready",
7456
+ "type": {
7457
+ "text": "boolean"
7458
+ }
7459
+ },
7460
+ {
7461
+ "kind": "field",
7462
+ "name": "fields",
7463
+ "type": {
7464
+ "text": "MetadataDetail[]"
7465
+ }
7466
+ },
7467
+ {
7468
+ "kind": "field",
7469
+ "name": "filterGrid",
7470
+ "type": {
7471
+ "text": "HTMLDivElement"
7472
+ },
7473
+ "privacy": "public"
7474
+ },
7475
+ {
7476
+ "kind": "field",
7477
+ "name": "collapsed",
7478
+ "type": {
7479
+ "text": "boolean"
7480
+ },
7481
+ "default": "true"
7482
+ },
7538
7483
  {
7539
7484
  "kind": "field",
7540
7485
  "name": "_presentation",
@@ -7646,37 +7591,76 @@
7646
7591
  "module": "src/foundation-element/foundation-element.ts"
7647
7592
  }
7648
7593
  }
7649
- ]
7594
+ ],
7595
+ "attributes": [
7596
+ {
7597
+ "name": "resource",
7598
+ "type": {
7599
+ "text": "string"
7600
+ },
7601
+ "fieldName": "resource"
7602
+ },
7603
+ {
7604
+ "name": "only",
7605
+ "type": {
7606
+ "text": "string"
7607
+ },
7608
+ "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.",
7609
+ "fieldName": "only"
7610
+ },
7611
+ {
7612
+ "name": "labels",
7613
+ "type": {
7614
+ "text": "string"
7615
+ },
7616
+ "description": "Labels for the specified fields, to be used alongside \"only\" prop.",
7617
+ "fieldName": "labels"
7618
+ },
7619
+ {
7620
+ "name": "target",
7621
+ "type": {
7622
+ "text": "string"
7623
+ },
7624
+ "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.",
7625
+ "fieldName": "target"
7626
+ }
7627
+ ],
7628
+ "superclass": {
7629
+ "name": "FoundationFilterBar",
7630
+ "package": "@genesislcap/foundation-ui"
7631
+ },
7632
+ "tagName": "%%prefix%%-filter-bar",
7633
+ "customElement": true
7650
7634
  },
7651
7635
  {
7652
7636
  "kind": "variable",
7653
- "name": "zeroFlexLayout",
7654
- "description": "The Zero Flex Layout",
7637
+ "name": "zeroFilterBar",
7638
+ "description": "The Zero Filter",
7655
7639
  "privacy": "public"
7656
7640
  }
7657
7641
  ],
7658
7642
  "exports": [
7659
7643
  {
7660
7644
  "kind": "js",
7661
- "name": "FlexLayout",
7645
+ "name": "FilterBar",
7662
7646
  "declaration": {
7663
- "name": "FlexLayout",
7664
- "module": "src/flex-layout/flex-layout.ts"
7647
+ "name": "FilterBar",
7648
+ "module": "src/filter-bar/filter-bar.ts"
7665
7649
  }
7666
7650
  },
7667
7651
  {
7668
7652
  "kind": "js",
7669
- "name": "zeroFlexLayout",
7653
+ "name": "zeroFilterBar",
7670
7654
  "declaration": {
7671
- "name": "zeroFlexLayout",
7672
- "module": "src/flex-layout/flex-layout.ts"
7655
+ "name": "zeroFilterBar",
7656
+ "module": "src/filter-bar/filter-bar.ts"
7673
7657
  }
7674
7658
  }
7675
7659
  ]
7676
7660
  },
7677
7661
  {
7678
7662
  "kind": "javascript-module",
7679
- "path": "src/flex-layout/index.ts",
7663
+ "path": "src/filter-bar/index.ts",
7680
7664
  "declarations": [],
7681
7665
  "exports": [
7682
7666
  {
@@ -7684,7 +7668,23 @@
7684
7668
  "name": "*",
7685
7669
  "declaration": {
7686
7670
  "name": "*",
7687
- "package": "./flex-layout"
7671
+ "package": "./filter-bar.styles"
7672
+ }
7673
+ },
7674
+ {
7675
+ "kind": "js",
7676
+ "name": "*",
7677
+ "declaration": {
7678
+ "name": "*",
7679
+ "package": "./filter-bar.template"
7680
+ }
7681
+ },
7682
+ {
7683
+ "kind": "js",
7684
+ "name": "*",
7685
+ "declaration": {
7686
+ "name": "*",
7687
+ "package": "./filter-bar"
7688
7688
  }
7689
7689
  }
7690
7690
  ]
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.79.1",
4
+ "version": "14.79.2-alpha-ca658e8.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
62
62
  "storybook": "storybook dev -p 6006"
63
63
  },
64
64
  "devDependencies": {
65
- "@genesislcap/genx": "14.79.1",
65
+ "@genesislcap/genx": "14.79.2-alpha-ca658e8.0",
66
66
  "@storybook/addon-essentials": "^7.1.0",
67
67
  "@storybook/addon-links": "^7.1.0",
68
68
  "@storybook/addons": "^7.1.0",
@@ -75,9 +75,9 @@
75
75
  "storybook": "^7.1.0"
76
76
  },
77
77
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.79.1",
79
- "@genesislcap/foundation-ui": "14.79.1",
80
- "@genesislcap/foundation-utils": "14.79.1",
78
+ "@genesislcap/foundation-comms": "14.79.2-alpha-ca658e8.0",
79
+ "@genesislcap/foundation-ui": "14.79.2-alpha-ca658e8.0",
80
+ "@genesislcap/foundation-utils": "14.79.2-alpha-ca658e8.0",
81
81
  "@microsoft/fast-colors": "^5.1.4",
82
82
  "@microsoft/fast-components": "^2.21.3",
83
83
  "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
94
94
  "access": "public"
95
95
  },
96
96
  "customElements": "dist/custom-elements.json",
97
- "gitHead": "f6631dc2350244ee9f1ea5fe24ef0eaadca32c1a"
97
+ "gitHead": "661e12b401aacf5b3f1c11e50d4d22dbeda577d9"
98
98
  }