@genesislcap/foundation-zero 14.83.4-alpha-7f87e78.0 → 14.83.4
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 +651 -651
- package/package.json +7 -7
|
@@ -645,6 +645,333 @@
|
|
|
645
645
|
}
|
|
646
646
|
]
|
|
647
647
|
},
|
|
648
|
+
{
|
|
649
|
+
"kind": "javascript-module",
|
|
650
|
+
"path": "src/_common/colors.hex.ts",
|
|
651
|
+
"declarations": [],
|
|
652
|
+
"exports": []
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"kind": "javascript-module",
|
|
656
|
+
"path": "src/_common/colors.ts",
|
|
657
|
+
"declarations": [
|
|
658
|
+
{
|
|
659
|
+
"kind": "variable",
|
|
660
|
+
"name": "defaultRapidTextColor"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"kind": "variable",
|
|
664
|
+
"name": "defaultRapidBGColor"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "variable",
|
|
668
|
+
"name": "defaultRapidLabelColor"
|
|
669
|
+
},
|
|
670
|
+
{
|
|
671
|
+
"kind": "variable",
|
|
672
|
+
"name": "defaultRapidActiveBGColor"
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"kind": "variable",
|
|
676
|
+
"name": "defaultRapidBorderUnfocusedColor"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"kind": "variable",
|
|
680
|
+
"name": "FastAppearanceValues",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "array"
|
|
683
|
+
},
|
|
684
|
+
"default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "variable",
|
|
688
|
+
"name": "ZeroAppearanceValues"
|
|
689
|
+
}
|
|
690
|
+
],
|
|
691
|
+
"exports": [
|
|
692
|
+
{
|
|
693
|
+
"kind": "js",
|
|
694
|
+
"name": "defaultRapidTextColor",
|
|
695
|
+
"declaration": {
|
|
696
|
+
"name": "defaultRapidTextColor",
|
|
697
|
+
"module": "src/_common/colors.ts"
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"kind": "js",
|
|
702
|
+
"name": "defaultRapidBGColor",
|
|
703
|
+
"declaration": {
|
|
704
|
+
"name": "defaultRapidBGColor",
|
|
705
|
+
"module": "src/_common/colors.ts"
|
|
706
|
+
}
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"kind": "js",
|
|
710
|
+
"name": "defaultRapidLabelColor",
|
|
711
|
+
"declaration": {
|
|
712
|
+
"name": "defaultRapidLabelColor",
|
|
713
|
+
"module": "src/_common/colors.ts"
|
|
714
|
+
}
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"kind": "js",
|
|
718
|
+
"name": "defaultRapidActiveBGColor",
|
|
719
|
+
"declaration": {
|
|
720
|
+
"name": "defaultRapidActiveBGColor",
|
|
721
|
+
"module": "src/_common/colors.ts"
|
|
722
|
+
}
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"kind": "js",
|
|
726
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
727
|
+
"declaration": {
|
|
728
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
729
|
+
"module": "src/_common/colors.ts"
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"kind": "js",
|
|
734
|
+
"name": "FastAppearanceValues",
|
|
735
|
+
"declaration": {
|
|
736
|
+
"name": "FastAppearanceValues",
|
|
737
|
+
"module": "src/_common/colors.ts"
|
|
738
|
+
}
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"kind": "js",
|
|
742
|
+
"name": "ZeroAppearanceValues",
|
|
743
|
+
"declaration": {
|
|
744
|
+
"name": "ZeroAppearanceValues",
|
|
745
|
+
"module": "src/_common/colors.ts"
|
|
746
|
+
}
|
|
747
|
+
}
|
|
748
|
+
]
|
|
749
|
+
},
|
|
750
|
+
{
|
|
751
|
+
"kind": "javascript-module",
|
|
752
|
+
"path": "src/_common/colors.util.ts",
|
|
753
|
+
"declarations": [],
|
|
754
|
+
"exports": []
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"kind": "javascript-module",
|
|
758
|
+
"path": "src/_common/index.ts",
|
|
759
|
+
"declarations": [],
|
|
760
|
+
"exports": [
|
|
761
|
+
{
|
|
762
|
+
"kind": "js",
|
|
763
|
+
"name": "*",
|
|
764
|
+
"declaration": {
|
|
765
|
+
"name": "*",
|
|
766
|
+
"package": "./colors"
|
|
767
|
+
}
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"kind": "js",
|
|
771
|
+
"name": "*",
|
|
772
|
+
"declaration": {
|
|
773
|
+
"name": "*",
|
|
774
|
+
"package": "./colors.hex"
|
|
775
|
+
}
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
"kind": "js",
|
|
779
|
+
"name": "*",
|
|
780
|
+
"declaration": {
|
|
781
|
+
"name": "*",
|
|
782
|
+
"package": "./colors.util"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
]
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"kind": "javascript-module",
|
|
789
|
+
"path": "src/accordion/accordion.stories.ts",
|
|
790
|
+
"declarations": [
|
|
791
|
+
{
|
|
792
|
+
"kind": "variable",
|
|
793
|
+
"name": "meta",
|
|
794
|
+
"type": {
|
|
795
|
+
"text": "Meta"
|
|
796
|
+
},
|
|
797
|
+
"default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
|
|
798
|
+
},
|
|
799
|
+
{
|
|
800
|
+
"kind": "variable",
|
|
801
|
+
"name": "Primary",
|
|
802
|
+
"type": {
|
|
803
|
+
"text": "StoryObj"
|
|
804
|
+
},
|
|
805
|
+
"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}"
|
|
806
|
+
}
|
|
807
|
+
],
|
|
808
|
+
"exports": [
|
|
809
|
+
{
|
|
810
|
+
"kind": "js",
|
|
811
|
+
"name": "default",
|
|
812
|
+
"declaration": {
|
|
813
|
+
"name": "meta",
|
|
814
|
+
"module": "src/accordion/accordion.stories.ts"
|
|
815
|
+
}
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"kind": "js",
|
|
819
|
+
"name": "Primary",
|
|
820
|
+
"declaration": {
|
|
821
|
+
"name": "Primary",
|
|
822
|
+
"module": "src/accordion/accordion.stories.ts"
|
|
823
|
+
}
|
|
824
|
+
}
|
|
825
|
+
]
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"kind": "javascript-module",
|
|
829
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
830
|
+
"declarations": [
|
|
831
|
+
{
|
|
832
|
+
"kind": "function",
|
|
833
|
+
"name": "zeroAccordionStyles",
|
|
834
|
+
"return": {
|
|
835
|
+
"type": {
|
|
836
|
+
"text": "ElementStyles"
|
|
837
|
+
}
|
|
838
|
+
},
|
|
839
|
+
"parameters": [
|
|
840
|
+
{
|
|
841
|
+
"name": "context",
|
|
842
|
+
"type": {
|
|
843
|
+
"text": "ElementDefinitionContext"
|
|
844
|
+
}
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"name": "definition",
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "FoundationElementDefinition"
|
|
850
|
+
}
|
|
851
|
+
}
|
|
852
|
+
]
|
|
853
|
+
}
|
|
854
|
+
],
|
|
855
|
+
"exports": [
|
|
856
|
+
{
|
|
857
|
+
"kind": "js",
|
|
858
|
+
"name": "zeroAccordionStyles",
|
|
859
|
+
"declaration": {
|
|
860
|
+
"name": "zeroAccordionStyles",
|
|
861
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
862
|
+
}
|
|
863
|
+
}
|
|
864
|
+
]
|
|
865
|
+
},
|
|
866
|
+
{
|
|
867
|
+
"kind": "javascript-module",
|
|
868
|
+
"path": "src/accordion/accordion.template.ts",
|
|
869
|
+
"declarations": [
|
|
870
|
+
{
|
|
871
|
+
"kind": "function",
|
|
872
|
+
"name": "zeroAccordionTemplate",
|
|
873
|
+
"return": {
|
|
874
|
+
"type": {
|
|
875
|
+
"text": "ViewTemplate<Accordion>"
|
|
876
|
+
}
|
|
877
|
+
},
|
|
878
|
+
"parameters": [
|
|
879
|
+
{
|
|
880
|
+
"name": "context",
|
|
881
|
+
"type": {
|
|
882
|
+
"text": "ElementDefinitionContext"
|
|
883
|
+
}
|
|
884
|
+
},
|
|
885
|
+
{
|
|
886
|
+
"name": "definition",
|
|
887
|
+
"type": {
|
|
888
|
+
"text": "FoundationElementDefinition"
|
|
889
|
+
}
|
|
890
|
+
}
|
|
891
|
+
]
|
|
892
|
+
}
|
|
893
|
+
],
|
|
894
|
+
"exports": [
|
|
895
|
+
{
|
|
896
|
+
"kind": "js",
|
|
897
|
+
"name": "zeroAccordionTemplate",
|
|
898
|
+
"declaration": {
|
|
899
|
+
"name": "zeroAccordionTemplate",
|
|
900
|
+
"module": "src/accordion/accordion.template.ts"
|
|
901
|
+
}
|
|
902
|
+
}
|
|
903
|
+
]
|
|
904
|
+
},
|
|
905
|
+
{
|
|
906
|
+
"kind": "javascript-module",
|
|
907
|
+
"path": "src/accordion/accordion.ts",
|
|
908
|
+
"declarations": [
|
|
909
|
+
{
|
|
910
|
+
"kind": "class",
|
|
911
|
+
"description": "",
|
|
912
|
+
"name": "Accordion",
|
|
913
|
+
"superclass": {
|
|
914
|
+
"name": "FoundationAccordion",
|
|
915
|
+
"package": "@genesislcap/foundation-ui"
|
|
916
|
+
},
|
|
917
|
+
"tagName": "%%prefix%%-card",
|
|
918
|
+
"customElement": true
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"kind": "variable",
|
|
922
|
+
"name": "zeroAccordion"
|
|
923
|
+
}
|
|
924
|
+
],
|
|
925
|
+
"exports": [
|
|
926
|
+
{
|
|
927
|
+
"kind": "js",
|
|
928
|
+
"name": "Accordion",
|
|
929
|
+
"declaration": {
|
|
930
|
+
"name": "Accordion",
|
|
931
|
+
"module": "src/accordion/accordion.ts"
|
|
932
|
+
}
|
|
933
|
+
},
|
|
934
|
+
{
|
|
935
|
+
"kind": "js",
|
|
936
|
+
"name": "zeroAccordion",
|
|
937
|
+
"declaration": {
|
|
938
|
+
"name": "zeroAccordion",
|
|
939
|
+
"module": "src/accordion/accordion.ts"
|
|
940
|
+
}
|
|
941
|
+
}
|
|
942
|
+
]
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"kind": "javascript-module",
|
|
946
|
+
"path": "src/accordion/index.ts",
|
|
947
|
+
"declarations": [],
|
|
948
|
+
"exports": [
|
|
949
|
+
{
|
|
950
|
+
"kind": "js",
|
|
951
|
+
"name": "*",
|
|
952
|
+
"declaration": {
|
|
953
|
+
"name": "*",
|
|
954
|
+
"package": "./accordion"
|
|
955
|
+
}
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"kind": "js",
|
|
959
|
+
"name": "*",
|
|
960
|
+
"declaration": {
|
|
961
|
+
"name": "*",
|
|
962
|
+
"package": "./accordion.styles"
|
|
963
|
+
}
|
|
964
|
+
},
|
|
965
|
+
{
|
|
966
|
+
"kind": "js",
|
|
967
|
+
"name": "*",
|
|
968
|
+
"declaration": {
|
|
969
|
+
"name": "*",
|
|
970
|
+
"package": "./accordion.template"
|
|
971
|
+
}
|
|
972
|
+
}
|
|
973
|
+
]
|
|
974
|
+
},
|
|
648
975
|
{
|
|
649
976
|
"kind": "javascript-module",
|
|
650
977
|
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
@@ -981,281 +1308,101 @@
|
|
|
981
1308
|
"type": {
|
|
982
1309
|
"text": "void"
|
|
983
1310
|
}
|
|
984
|
-
},
|
|
985
|
-
"inheritedFrom": {
|
|
986
|
-
"name": "FoundationElement",
|
|
987
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
988
|
-
}
|
|
989
|
-
},
|
|
990
|
-
{
|
|
991
|
-
"kind": "field",
|
|
992
|
-
"name": "styles",
|
|
993
|
-
"type": {
|
|
994
|
-
"text": "ElementStyles | void | null"
|
|
995
|
-
},
|
|
996
|
-
"privacy": "public",
|
|
997
|
-
"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.",
|
|
998
|
-
"inheritedFrom": {
|
|
999
|
-
"name": "FoundationElement",
|
|
1000
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1001
|
-
}
|
|
1002
|
-
},
|
|
1003
|
-
{
|
|
1004
|
-
"kind": "method",
|
|
1005
|
-
"name": "stylesChanged",
|
|
1006
|
-
"privacy": "protected",
|
|
1007
|
-
"return": {
|
|
1008
|
-
"type": {
|
|
1009
|
-
"text": "void"
|
|
1010
|
-
}
|
|
1011
|
-
},
|
|
1012
|
-
"inheritedFrom": {
|
|
1013
|
-
"name": "FoundationElement",
|
|
1014
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1015
|
-
}
|
|
1016
|
-
},
|
|
1017
|
-
{
|
|
1018
|
-
"kind": "method",
|
|
1019
|
-
"name": "compose",
|
|
1020
|
-
"privacy": "public",
|
|
1021
|
-
"static": true,
|
|
1022
|
-
"return": {
|
|
1023
|
-
"type": {
|
|
1024
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
1025
|
-
}
|
|
1026
|
-
},
|
|
1027
|
-
"parameters": [
|
|
1028
|
-
{
|
|
1029
|
-
"name": "this",
|
|
1030
|
-
"type": {
|
|
1031
|
-
"text": "K"
|
|
1032
|
-
}
|
|
1033
|
-
},
|
|
1034
|
-
{
|
|
1035
|
-
"name": "elementDefinition",
|
|
1036
|
-
"type": {
|
|
1037
|
-
"text": "T"
|
|
1038
|
-
},
|
|
1039
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
1040
|
-
}
|
|
1041
|
-
],
|
|
1042
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
1043
|
-
"inheritedFrom": {
|
|
1044
|
-
"name": "FoundationElement",
|
|
1045
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1046
|
-
}
|
|
1047
|
-
}
|
|
1048
|
-
]
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "variable",
|
|
1052
|
-
"name": "zeroActionsMenu",
|
|
1053
|
-
"description": "The Zero Actions Menu",
|
|
1054
|
-
"privacy": "public"
|
|
1055
|
-
}
|
|
1056
|
-
],
|
|
1057
|
-
"exports": [
|
|
1058
|
-
{
|
|
1059
|
-
"kind": "js",
|
|
1060
|
-
"name": "ActionsMenu",
|
|
1061
|
-
"declaration": {
|
|
1062
|
-
"name": "ActionsMenu",
|
|
1063
|
-
"module": "src/actions-menu/actions-menu.ts"
|
|
1064
|
-
}
|
|
1065
|
-
},
|
|
1066
|
-
{
|
|
1067
|
-
"kind": "js",
|
|
1068
|
-
"name": "zeroActionsMenu",
|
|
1069
|
-
"declaration": {
|
|
1070
|
-
"name": "zeroActionsMenu",
|
|
1071
|
-
"module": "src/actions-menu/actions-menu.ts"
|
|
1072
|
-
}
|
|
1073
|
-
}
|
|
1074
|
-
]
|
|
1075
|
-
},
|
|
1076
|
-
{
|
|
1077
|
-
"kind": "javascript-module",
|
|
1078
|
-
"path": "src/actions-menu/index.ts",
|
|
1079
|
-
"declarations": [],
|
|
1080
|
-
"exports": [
|
|
1081
|
-
{
|
|
1082
|
-
"kind": "js",
|
|
1083
|
-
"name": "*",
|
|
1084
|
-
"declaration": {
|
|
1085
|
-
"name": "*",
|
|
1086
|
-
"package": "./actions-menu"
|
|
1087
|
-
}
|
|
1088
|
-
},
|
|
1089
|
-
{
|
|
1090
|
-
"kind": "js",
|
|
1091
|
-
"name": "*",
|
|
1092
|
-
"declaration": {
|
|
1093
|
-
"name": "*",
|
|
1094
|
-
"package": "./actions-menu.styles"
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
]
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"kind": "javascript-module",
|
|
1101
|
-
"path": "src/accordion/accordion.stories.ts",
|
|
1102
|
-
"declarations": [
|
|
1103
|
-
{
|
|
1104
|
-
"kind": "variable",
|
|
1105
|
-
"name": "meta",
|
|
1106
|
-
"type": {
|
|
1107
|
-
"text": "Meta"
|
|
1108
|
-
},
|
|
1109
|
-
"default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
|
|
1110
|
-
},
|
|
1111
|
-
{
|
|
1112
|
-
"kind": "variable",
|
|
1113
|
-
"name": "Primary",
|
|
1114
|
-
"type": {
|
|
1115
|
-
"text": "StoryObj"
|
|
1116
|
-
},
|
|
1117
|
-
"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}"
|
|
1118
|
-
}
|
|
1119
|
-
],
|
|
1120
|
-
"exports": [
|
|
1121
|
-
{
|
|
1122
|
-
"kind": "js",
|
|
1123
|
-
"name": "default",
|
|
1124
|
-
"declaration": {
|
|
1125
|
-
"name": "meta",
|
|
1126
|
-
"module": "src/accordion/accordion.stories.ts"
|
|
1127
|
-
}
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"kind": "js",
|
|
1131
|
-
"name": "Primary",
|
|
1132
|
-
"declaration": {
|
|
1133
|
-
"name": "Primary",
|
|
1134
|
-
"module": "src/accordion/accordion.stories.ts"
|
|
1135
|
-
}
|
|
1136
|
-
}
|
|
1137
|
-
]
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"kind": "javascript-module",
|
|
1141
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
1142
|
-
"declarations": [
|
|
1143
|
-
{
|
|
1144
|
-
"kind": "function",
|
|
1145
|
-
"name": "zeroAccordionStyles",
|
|
1146
|
-
"return": {
|
|
1147
|
-
"type": {
|
|
1148
|
-
"text": "ElementStyles"
|
|
1149
|
-
}
|
|
1150
|
-
},
|
|
1151
|
-
"parameters": [
|
|
1152
|
-
{
|
|
1153
|
-
"name": "context",
|
|
1154
|
-
"type": {
|
|
1155
|
-
"text": "ElementDefinitionContext"
|
|
1156
|
-
}
|
|
1157
|
-
},
|
|
1158
|
-
{
|
|
1159
|
-
"name": "definition",
|
|
1160
|
-
"type": {
|
|
1161
|
-
"text": "FoundationElementDefinition"
|
|
1162
|
-
}
|
|
1163
|
-
}
|
|
1164
|
-
]
|
|
1165
|
-
}
|
|
1166
|
-
],
|
|
1167
|
-
"exports": [
|
|
1168
|
-
{
|
|
1169
|
-
"kind": "js",
|
|
1170
|
-
"name": "zeroAccordionStyles",
|
|
1171
|
-
"declaration": {
|
|
1172
|
-
"name": "zeroAccordionStyles",
|
|
1173
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
1174
|
-
}
|
|
1175
|
-
}
|
|
1176
|
-
]
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"kind": "javascript-module",
|
|
1180
|
-
"path": "src/accordion/accordion.template.ts",
|
|
1181
|
-
"declarations": [
|
|
1182
|
-
{
|
|
1183
|
-
"kind": "function",
|
|
1184
|
-
"name": "zeroAccordionTemplate",
|
|
1185
|
-
"return": {
|
|
1186
|
-
"type": {
|
|
1187
|
-
"text": "ViewTemplate<Accordion>"
|
|
1188
|
-
}
|
|
1189
|
-
},
|
|
1190
|
-
"parameters": [
|
|
1311
|
+
},
|
|
1312
|
+
"inheritedFrom": {
|
|
1313
|
+
"name": "FoundationElement",
|
|
1314
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1315
|
+
}
|
|
1316
|
+
},
|
|
1191
1317
|
{
|
|
1192
|
-
"
|
|
1318
|
+
"kind": "field",
|
|
1319
|
+
"name": "styles",
|
|
1193
1320
|
"type": {
|
|
1194
|
-
"text": "
|
|
1321
|
+
"text": "ElementStyles | void | null"
|
|
1322
|
+
},
|
|
1323
|
+
"privacy": "public",
|
|
1324
|
+
"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.",
|
|
1325
|
+
"inheritedFrom": {
|
|
1326
|
+
"name": "FoundationElement",
|
|
1327
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1195
1328
|
}
|
|
1196
1329
|
},
|
|
1197
1330
|
{
|
|
1198
|
-
"
|
|
1199
|
-
"
|
|
1200
|
-
|
|
1331
|
+
"kind": "method",
|
|
1332
|
+
"name": "stylesChanged",
|
|
1333
|
+
"privacy": "protected",
|
|
1334
|
+
"return": {
|
|
1335
|
+
"type": {
|
|
1336
|
+
"text": "void"
|
|
1337
|
+
}
|
|
1338
|
+
},
|
|
1339
|
+
"inheritedFrom": {
|
|
1340
|
+
"name": "FoundationElement",
|
|
1341
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1342
|
+
}
|
|
1343
|
+
},
|
|
1344
|
+
{
|
|
1345
|
+
"kind": "method",
|
|
1346
|
+
"name": "compose",
|
|
1347
|
+
"privacy": "public",
|
|
1348
|
+
"static": true,
|
|
1349
|
+
"return": {
|
|
1350
|
+
"type": {
|
|
1351
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
1352
|
+
}
|
|
1353
|
+
},
|
|
1354
|
+
"parameters": [
|
|
1355
|
+
{
|
|
1356
|
+
"name": "this",
|
|
1357
|
+
"type": {
|
|
1358
|
+
"text": "K"
|
|
1359
|
+
}
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "elementDefinition",
|
|
1363
|
+
"type": {
|
|
1364
|
+
"text": "T"
|
|
1365
|
+
},
|
|
1366
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
1367
|
+
}
|
|
1368
|
+
],
|
|
1369
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
1370
|
+
"inheritedFrom": {
|
|
1371
|
+
"name": "FoundationElement",
|
|
1372
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1201
1373
|
}
|
|
1202
1374
|
}
|
|
1203
1375
|
]
|
|
1204
|
-
}
|
|
1205
|
-
],
|
|
1206
|
-
"exports": [
|
|
1207
|
-
{
|
|
1208
|
-
"kind": "js",
|
|
1209
|
-
"name": "zeroAccordionTemplate",
|
|
1210
|
-
"declaration": {
|
|
1211
|
-
"name": "zeroAccordionTemplate",
|
|
1212
|
-
"module": "src/accordion/accordion.template.ts"
|
|
1213
|
-
}
|
|
1214
|
-
}
|
|
1215
|
-
]
|
|
1216
|
-
},
|
|
1217
|
-
{
|
|
1218
|
-
"kind": "javascript-module",
|
|
1219
|
-
"path": "src/accordion/accordion.ts",
|
|
1220
|
-
"declarations": [
|
|
1221
|
-
{
|
|
1222
|
-
"kind": "class",
|
|
1223
|
-
"description": "",
|
|
1224
|
-
"name": "Accordion",
|
|
1225
|
-
"superclass": {
|
|
1226
|
-
"name": "FoundationAccordion",
|
|
1227
|
-
"package": "@genesislcap/foundation-ui"
|
|
1228
|
-
},
|
|
1229
|
-
"tagName": "%%prefix%%-card",
|
|
1230
|
-
"customElement": true
|
|
1231
1376
|
},
|
|
1232
1377
|
{
|
|
1233
1378
|
"kind": "variable",
|
|
1234
|
-
"name": "
|
|
1379
|
+
"name": "zeroActionsMenu",
|
|
1380
|
+
"description": "The Zero Actions Menu",
|
|
1381
|
+
"privacy": "public"
|
|
1235
1382
|
}
|
|
1236
1383
|
],
|
|
1237
1384
|
"exports": [
|
|
1238
1385
|
{
|
|
1239
1386
|
"kind": "js",
|
|
1240
|
-
"name": "
|
|
1387
|
+
"name": "ActionsMenu",
|
|
1241
1388
|
"declaration": {
|
|
1242
|
-
"name": "
|
|
1243
|
-
"module": "src/
|
|
1389
|
+
"name": "ActionsMenu",
|
|
1390
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
1244
1391
|
}
|
|
1245
1392
|
},
|
|
1246
1393
|
{
|
|
1247
1394
|
"kind": "js",
|
|
1248
|
-
"name": "
|
|
1395
|
+
"name": "zeroActionsMenu",
|
|
1249
1396
|
"declaration": {
|
|
1250
|
-
"name": "
|
|
1251
|
-
"module": "src/
|
|
1397
|
+
"name": "zeroActionsMenu",
|
|
1398
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
1252
1399
|
}
|
|
1253
1400
|
}
|
|
1254
1401
|
]
|
|
1255
1402
|
},
|
|
1256
1403
|
{
|
|
1257
1404
|
"kind": "javascript-module",
|
|
1258
|
-
"path": "src/
|
|
1405
|
+
"path": "src/actions-menu/index.ts",
|
|
1259
1406
|
"declarations": [],
|
|
1260
1407
|
"exports": [
|
|
1261
1408
|
{
|
|
@@ -1263,15 +1410,7 @@
|
|
|
1263
1410
|
"name": "*",
|
|
1264
1411
|
"declaration": {
|
|
1265
1412
|
"name": "*",
|
|
1266
|
-
"package": "./
|
|
1267
|
-
}
|
|
1268
|
-
},
|
|
1269
|
-
{
|
|
1270
|
-
"kind": "js",
|
|
1271
|
-
"name": "*",
|
|
1272
|
-
"declaration": {
|
|
1273
|
-
"name": "*",
|
|
1274
|
-
"package": "./accordion.styles"
|
|
1413
|
+
"package": "./actions-menu"
|
|
1275
1414
|
}
|
|
1276
1415
|
},
|
|
1277
1416
|
{
|
|
@@ -1279,7 +1418,7 @@
|
|
|
1279
1418
|
"name": "*",
|
|
1280
1419
|
"declaration": {
|
|
1281
1420
|
"name": "*",
|
|
1282
|
-
"package": "./
|
|
1421
|
+
"package": "./actions-menu.styles"
|
|
1283
1422
|
}
|
|
1284
1423
|
}
|
|
1285
1424
|
]
|
|
@@ -1419,170 +1558,31 @@
|
|
|
1419
1558
|
},
|
|
1420
1559
|
{
|
|
1421
1560
|
"kind": "variable",
|
|
1422
|
-
"name": "zeroAnchor"
|
|
1423
|
-
}
|
|
1424
|
-
],
|
|
1425
|
-
"exports": [
|
|
1426
|
-
{
|
|
1427
|
-
"kind": "js",
|
|
1428
|
-
"name": "Anchor",
|
|
1429
|
-
"declaration": {
|
|
1430
|
-
"name": "Anchor",
|
|
1431
|
-
"module": "src/anchor/anchor.ts"
|
|
1432
|
-
}
|
|
1433
|
-
},
|
|
1434
|
-
{
|
|
1435
|
-
"kind": "js",
|
|
1436
|
-
"name": "zeroAnchor",
|
|
1437
|
-
"declaration": {
|
|
1438
|
-
"name": "zeroAnchor",
|
|
1439
|
-
"module": "src/anchor/anchor.ts"
|
|
1440
|
-
}
|
|
1441
|
-
}
|
|
1442
|
-
]
|
|
1443
|
-
},
|
|
1444
|
-
{
|
|
1445
|
-
"kind": "javascript-module",
|
|
1446
|
-
"path": "src/anchor/index.ts",
|
|
1447
|
-
"declarations": [],
|
|
1448
|
-
"exports": [
|
|
1449
|
-
{
|
|
1450
|
-
"kind": "js",
|
|
1451
|
-
"name": "*",
|
|
1452
|
-
"declaration": {
|
|
1453
|
-
"name": "*",
|
|
1454
|
-
"package": "./anchor"
|
|
1455
|
-
}
|
|
1456
|
-
},
|
|
1457
|
-
{
|
|
1458
|
-
"kind": "js",
|
|
1459
|
-
"name": "*",
|
|
1460
|
-
"declaration": {
|
|
1461
|
-
"name": "*",
|
|
1462
|
-
"package": "./anchor.styles"
|
|
1463
|
-
}
|
|
1464
|
-
},
|
|
1465
|
-
{
|
|
1466
|
-
"kind": "js",
|
|
1467
|
-
"name": "*",
|
|
1468
|
-
"declaration": {
|
|
1469
|
-
"name": "*",
|
|
1470
|
-
"package": "./anchor.template"
|
|
1471
|
-
}
|
|
1472
|
-
}
|
|
1473
|
-
]
|
|
1474
|
-
},
|
|
1475
|
-
{
|
|
1476
|
-
"kind": "javascript-module",
|
|
1477
|
-
"path": "src/_common/colors.hex.ts",
|
|
1478
|
-
"declarations": [],
|
|
1479
|
-
"exports": []
|
|
1480
|
-
},
|
|
1481
|
-
{
|
|
1482
|
-
"kind": "javascript-module",
|
|
1483
|
-
"path": "src/_common/colors.ts",
|
|
1484
|
-
"declarations": [
|
|
1485
|
-
{
|
|
1486
|
-
"kind": "variable",
|
|
1487
|
-
"name": "defaultRapidTextColor"
|
|
1488
|
-
},
|
|
1489
|
-
{
|
|
1490
|
-
"kind": "variable",
|
|
1491
|
-
"name": "defaultRapidBGColor"
|
|
1492
|
-
},
|
|
1493
|
-
{
|
|
1494
|
-
"kind": "variable",
|
|
1495
|
-
"name": "defaultRapidLabelColor"
|
|
1496
|
-
},
|
|
1497
|
-
{
|
|
1498
|
-
"kind": "variable",
|
|
1499
|
-
"name": "defaultRapidActiveBGColor"
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"kind": "variable",
|
|
1503
|
-
"name": "defaultRapidBorderUnfocusedColor"
|
|
1504
|
-
},
|
|
1505
|
-
{
|
|
1506
|
-
"kind": "variable",
|
|
1507
|
-
"name": "FastAppearanceValues",
|
|
1508
|
-
"type": {
|
|
1509
|
-
"text": "array"
|
|
1510
|
-
},
|
|
1511
|
-
"default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
|
|
1512
|
-
},
|
|
1513
|
-
{
|
|
1514
|
-
"kind": "variable",
|
|
1515
|
-
"name": "ZeroAppearanceValues"
|
|
1516
|
-
}
|
|
1517
|
-
],
|
|
1518
|
-
"exports": [
|
|
1519
|
-
{
|
|
1520
|
-
"kind": "js",
|
|
1521
|
-
"name": "defaultRapidTextColor",
|
|
1522
|
-
"declaration": {
|
|
1523
|
-
"name": "defaultRapidTextColor",
|
|
1524
|
-
"module": "src/_common/colors.ts"
|
|
1525
|
-
}
|
|
1526
|
-
},
|
|
1527
|
-
{
|
|
1528
|
-
"kind": "js",
|
|
1529
|
-
"name": "defaultRapidBGColor",
|
|
1530
|
-
"declaration": {
|
|
1531
|
-
"name": "defaultRapidBGColor",
|
|
1532
|
-
"module": "src/_common/colors.ts"
|
|
1533
|
-
}
|
|
1534
|
-
},
|
|
1535
|
-
{
|
|
1536
|
-
"kind": "js",
|
|
1537
|
-
"name": "defaultRapidLabelColor",
|
|
1538
|
-
"declaration": {
|
|
1539
|
-
"name": "defaultRapidLabelColor",
|
|
1540
|
-
"module": "src/_common/colors.ts"
|
|
1541
|
-
}
|
|
1542
|
-
},
|
|
1543
|
-
{
|
|
1544
|
-
"kind": "js",
|
|
1545
|
-
"name": "defaultRapidActiveBGColor",
|
|
1546
|
-
"declaration": {
|
|
1547
|
-
"name": "defaultRapidActiveBGColor",
|
|
1548
|
-
"module": "src/_common/colors.ts"
|
|
1549
|
-
}
|
|
1550
|
-
},
|
|
1551
|
-
{
|
|
1552
|
-
"kind": "js",
|
|
1553
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1554
|
-
"declaration": {
|
|
1555
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1556
|
-
"module": "src/_common/colors.ts"
|
|
1557
|
-
}
|
|
1558
|
-
},
|
|
1561
|
+
"name": "zeroAnchor"
|
|
1562
|
+
}
|
|
1563
|
+
],
|
|
1564
|
+
"exports": [
|
|
1559
1565
|
{
|
|
1560
1566
|
"kind": "js",
|
|
1561
|
-
"name": "
|
|
1567
|
+
"name": "Anchor",
|
|
1562
1568
|
"declaration": {
|
|
1563
|
-
"name": "
|
|
1564
|
-
"module": "src/
|
|
1569
|
+
"name": "Anchor",
|
|
1570
|
+
"module": "src/anchor/anchor.ts"
|
|
1565
1571
|
}
|
|
1566
1572
|
},
|
|
1567
1573
|
{
|
|
1568
1574
|
"kind": "js",
|
|
1569
|
-
"name": "
|
|
1575
|
+
"name": "zeroAnchor",
|
|
1570
1576
|
"declaration": {
|
|
1571
|
-
"name": "
|
|
1572
|
-
"module": "src/
|
|
1577
|
+
"name": "zeroAnchor",
|
|
1578
|
+
"module": "src/anchor/anchor.ts"
|
|
1573
1579
|
}
|
|
1574
1580
|
}
|
|
1575
1581
|
]
|
|
1576
1582
|
},
|
|
1577
1583
|
{
|
|
1578
1584
|
"kind": "javascript-module",
|
|
1579
|
-
"path": "src/
|
|
1580
|
-
"declarations": [],
|
|
1581
|
-
"exports": []
|
|
1582
|
-
},
|
|
1583
|
-
{
|
|
1584
|
-
"kind": "javascript-module",
|
|
1585
|
-
"path": "src/_common/index.ts",
|
|
1585
|
+
"path": "src/anchor/index.ts",
|
|
1586
1586
|
"declarations": [],
|
|
1587
1587
|
"exports": [
|
|
1588
1588
|
{
|
|
@@ -1590,7 +1590,7 @@
|
|
|
1590
1590
|
"name": "*",
|
|
1591
1591
|
"declaration": {
|
|
1592
1592
|
"name": "*",
|
|
1593
|
-
"package": "./
|
|
1593
|
+
"package": "./anchor"
|
|
1594
1594
|
}
|
|
1595
1595
|
},
|
|
1596
1596
|
{
|
|
@@ -1598,7 +1598,7 @@
|
|
|
1598
1598
|
"name": "*",
|
|
1599
1599
|
"declaration": {
|
|
1600
1600
|
"name": "*",
|
|
1601
|
-
"package": "./
|
|
1601
|
+
"package": "./anchor.styles"
|
|
1602
1602
|
}
|
|
1603
1603
|
},
|
|
1604
1604
|
{
|
|
@@ -1606,7 +1606,7 @@
|
|
|
1606
1606
|
"name": "*",
|
|
1607
1607
|
"declaration": {
|
|
1608
1608
|
"name": "*",
|
|
1609
|
-
"package": "./
|
|
1609
|
+
"package": "./anchor.template"
|
|
1610
1610
|
}
|
|
1611
1611
|
}
|
|
1612
1612
|
]
|
|
@@ -7035,41 +7035,266 @@
|
|
|
7035
7035
|
"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.",
|
|
7036
7036
|
"fieldName": "target"
|
|
7037
7037
|
}
|
|
7038
|
-
],
|
|
7039
|
-
"superclass": {
|
|
7040
|
-
"name": "FoundationFilter",
|
|
7041
|
-
"package": "@genesislcap/foundation-ui"
|
|
7042
|
-
},
|
|
7043
|
-
"tagName": "%%prefix%%-filter",
|
|
7044
|
-
"customElement": true
|
|
7038
|
+
],
|
|
7039
|
+
"superclass": {
|
|
7040
|
+
"name": "FoundationFilter",
|
|
7041
|
+
"package": "@genesislcap/foundation-ui"
|
|
7042
|
+
},
|
|
7043
|
+
"tagName": "%%prefix%%-filter",
|
|
7044
|
+
"customElement": true
|
|
7045
|
+
},
|
|
7046
|
+
{
|
|
7047
|
+
"kind": "variable",
|
|
7048
|
+
"name": "zeroFilter"
|
|
7049
|
+
}
|
|
7050
|
+
],
|
|
7051
|
+
"exports": [
|
|
7052
|
+
{
|
|
7053
|
+
"kind": "js",
|
|
7054
|
+
"name": "Filter",
|
|
7055
|
+
"declaration": {
|
|
7056
|
+
"name": "Filter",
|
|
7057
|
+
"module": "src/filter/filter.ts"
|
|
7058
|
+
}
|
|
7059
|
+
},
|
|
7060
|
+
{
|
|
7061
|
+
"kind": "js",
|
|
7062
|
+
"name": "zeroFilter",
|
|
7063
|
+
"declaration": {
|
|
7064
|
+
"name": "zeroFilter",
|
|
7065
|
+
"module": "src/filter/filter.ts"
|
|
7066
|
+
}
|
|
7067
|
+
}
|
|
7068
|
+
]
|
|
7069
|
+
},
|
|
7070
|
+
{
|
|
7071
|
+
"kind": "javascript-module",
|
|
7072
|
+
"path": "src/filter/index.ts",
|
|
7073
|
+
"declarations": [],
|
|
7074
|
+
"exports": [
|
|
7075
|
+
{
|
|
7076
|
+
"kind": "js",
|
|
7077
|
+
"name": "*",
|
|
7078
|
+
"declaration": {
|
|
7079
|
+
"name": "*",
|
|
7080
|
+
"package": "./filter"
|
|
7081
|
+
}
|
|
7082
|
+
},
|
|
7083
|
+
{
|
|
7084
|
+
"kind": "js",
|
|
7085
|
+
"name": "*",
|
|
7086
|
+
"declaration": {
|
|
7087
|
+
"name": "*",
|
|
7088
|
+
"package": "./filter.template"
|
|
7089
|
+
}
|
|
7090
|
+
},
|
|
7091
|
+
{
|
|
7092
|
+
"kind": "js",
|
|
7093
|
+
"name": "zeroFilterStyles",
|
|
7094
|
+
"declaration": {
|
|
7095
|
+
"name": "foundationFilterStyles",
|
|
7096
|
+
"package": "@genesislcap/foundation-ui"
|
|
7097
|
+
}
|
|
7098
|
+
}
|
|
7099
|
+
]
|
|
7100
|
+
},
|
|
7101
|
+
{
|
|
7102
|
+
"kind": "javascript-module",
|
|
7103
|
+
"path": "src/flex-layout/flex-layout.stories.ts",
|
|
7104
|
+
"declarations": [
|
|
7105
|
+
{
|
|
7106
|
+
"kind": "variable",
|
|
7107
|
+
"name": "meta",
|
|
7108
|
+
"type": {
|
|
7109
|
+
"text": "Meta"
|
|
7110
|
+
},
|
|
7111
|
+
"default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
|
|
7112
|
+
},
|
|
7113
|
+
{
|
|
7114
|
+
"kind": "variable",
|
|
7115
|
+
"name": "Primary",
|
|
7116
|
+
"type": {
|
|
7117
|
+
"text": "StoryObj"
|
|
7118
|
+
},
|
|
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
|
+
}
|
|
7121
|
+
],
|
|
7122
|
+
"exports": [
|
|
7123
|
+
{
|
|
7124
|
+
"kind": "js",
|
|
7125
|
+
"name": "default",
|
|
7126
|
+
"declaration": {
|
|
7127
|
+
"name": "meta",
|
|
7128
|
+
"module": "src/flex-layout/flex-layout.stories.ts"
|
|
7129
|
+
}
|
|
7130
|
+
},
|
|
7131
|
+
{
|
|
7132
|
+
"kind": "js",
|
|
7133
|
+
"name": "Primary",
|
|
7134
|
+
"declaration": {
|
|
7135
|
+
"name": "Primary",
|
|
7136
|
+
"module": "src/flex-layout/flex-layout.stories.ts"
|
|
7137
|
+
}
|
|
7138
|
+
}
|
|
7139
|
+
]
|
|
7140
|
+
},
|
|
7141
|
+
{
|
|
7142
|
+
"kind": "javascript-module",
|
|
7143
|
+
"path": "src/flex-layout/flex-layout.ts",
|
|
7144
|
+
"declarations": [
|
|
7145
|
+
{
|
|
7146
|
+
"kind": "class",
|
|
7147
|
+
"description": "",
|
|
7148
|
+
"name": "FlexLayout",
|
|
7149
|
+
"superclass": {
|
|
7150
|
+
"name": "FoundationFlexLayout",
|
|
7151
|
+
"package": "@genesislcap/foundation-ui"
|
|
7152
|
+
},
|
|
7153
|
+
"tagName": "%%prefix%%-flex-layout",
|
|
7154
|
+
"customElement": true,
|
|
7155
|
+
"members": [
|
|
7156
|
+
{
|
|
7157
|
+
"kind": "field",
|
|
7158
|
+
"name": "_presentation",
|
|
7159
|
+
"type": {
|
|
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"
|
|
7167
|
+
}
|
|
7168
|
+
},
|
|
7169
|
+
{
|
|
7170
|
+
"kind": "field",
|
|
7171
|
+
"name": "$presentation",
|
|
7172
|
+
"type": {
|
|
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"
|
|
7180
|
+
}
|
|
7181
|
+
},
|
|
7182
|
+
{
|
|
7183
|
+
"kind": "field",
|
|
7184
|
+
"name": "template",
|
|
7185
|
+
"type": {
|
|
7186
|
+
"text": "ElementViewTemplate | void | null"
|
|
7187
|
+
},
|
|
7188
|
+
"privacy": "public",
|
|
7189
|
+
"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.",
|
|
7190
|
+
"inheritedFrom": {
|
|
7191
|
+
"name": "FoundationElement",
|
|
7192
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
7193
|
+
}
|
|
7194
|
+
},
|
|
7195
|
+
{
|
|
7196
|
+
"kind": "method",
|
|
7197
|
+
"name": "templateChanged",
|
|
7198
|
+
"privacy": "protected",
|
|
7199
|
+
"return": {
|
|
7200
|
+
"type": {
|
|
7201
|
+
"text": "void"
|
|
7202
|
+
}
|
|
7203
|
+
},
|
|
7204
|
+
"inheritedFrom": {
|
|
7205
|
+
"name": "FoundationElement",
|
|
7206
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
7207
|
+
}
|
|
7208
|
+
},
|
|
7209
|
+
{
|
|
7210
|
+
"kind": "field",
|
|
7211
|
+
"name": "styles",
|
|
7212
|
+
"type": {
|
|
7213
|
+
"text": "ElementStyles | void | null"
|
|
7214
|
+
},
|
|
7215
|
+
"privacy": "public",
|
|
7216
|
+
"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.",
|
|
7217
|
+
"inheritedFrom": {
|
|
7218
|
+
"name": "FoundationElement",
|
|
7219
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
7220
|
+
}
|
|
7221
|
+
},
|
|
7222
|
+
{
|
|
7223
|
+
"kind": "method",
|
|
7224
|
+
"name": "stylesChanged",
|
|
7225
|
+
"privacy": "protected",
|
|
7226
|
+
"return": {
|
|
7227
|
+
"type": {
|
|
7228
|
+
"text": "void"
|
|
7229
|
+
}
|
|
7230
|
+
},
|
|
7231
|
+
"inheritedFrom": {
|
|
7232
|
+
"name": "FoundationElement",
|
|
7233
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
7234
|
+
}
|
|
7235
|
+
},
|
|
7236
|
+
{
|
|
7237
|
+
"kind": "method",
|
|
7238
|
+
"name": "compose",
|
|
7239
|
+
"privacy": "public",
|
|
7240
|
+
"static": true,
|
|
7241
|
+
"return": {
|
|
7242
|
+
"type": {
|
|
7243
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
7244
|
+
}
|
|
7245
|
+
},
|
|
7246
|
+
"parameters": [
|
|
7247
|
+
{
|
|
7248
|
+
"name": "this",
|
|
7249
|
+
"type": {
|
|
7250
|
+
"text": "K"
|
|
7251
|
+
}
|
|
7252
|
+
},
|
|
7253
|
+
{
|
|
7254
|
+
"name": "elementDefinition",
|
|
7255
|
+
"type": {
|
|
7256
|
+
"text": "T"
|
|
7257
|
+
},
|
|
7258
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
7259
|
+
}
|
|
7260
|
+
],
|
|
7261
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
7262
|
+
"inheritedFrom": {
|
|
7263
|
+
"name": "FoundationElement",
|
|
7264
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
7265
|
+
}
|
|
7266
|
+
}
|
|
7267
|
+
]
|
|
7045
7268
|
},
|
|
7046
7269
|
{
|
|
7047
7270
|
"kind": "variable",
|
|
7048
|
-
"name": "
|
|
7271
|
+
"name": "zeroFlexLayout",
|
|
7272
|
+
"description": "The Zero Flex Layout",
|
|
7273
|
+
"privacy": "public"
|
|
7049
7274
|
}
|
|
7050
7275
|
],
|
|
7051
7276
|
"exports": [
|
|
7052
7277
|
{
|
|
7053
7278
|
"kind": "js",
|
|
7054
|
-
"name": "
|
|
7279
|
+
"name": "FlexLayout",
|
|
7055
7280
|
"declaration": {
|
|
7056
|
-
"name": "
|
|
7057
|
-
"module": "src/
|
|
7281
|
+
"name": "FlexLayout",
|
|
7282
|
+
"module": "src/flex-layout/flex-layout.ts"
|
|
7058
7283
|
}
|
|
7059
7284
|
},
|
|
7060
7285
|
{
|
|
7061
7286
|
"kind": "js",
|
|
7062
|
-
"name": "
|
|
7287
|
+
"name": "zeroFlexLayout",
|
|
7063
7288
|
"declaration": {
|
|
7064
|
-
"name": "
|
|
7065
|
-
"module": "src/
|
|
7289
|
+
"name": "zeroFlexLayout",
|
|
7290
|
+
"module": "src/flex-layout/flex-layout.ts"
|
|
7066
7291
|
}
|
|
7067
7292
|
}
|
|
7068
7293
|
]
|
|
7069
7294
|
},
|
|
7070
7295
|
{
|
|
7071
7296
|
"kind": "javascript-module",
|
|
7072
|
-
"path": "src/
|
|
7297
|
+
"path": "src/flex-layout/index.ts",
|
|
7073
7298
|
"declarations": [],
|
|
7074
7299
|
"exports": [
|
|
7075
7300
|
{
|
|
@@ -7077,23 +7302,7 @@
|
|
|
7077
7302
|
"name": "*",
|
|
7078
7303
|
"declaration": {
|
|
7079
7304
|
"name": "*",
|
|
7080
|
-
"package": "./
|
|
7081
|
-
}
|
|
7082
|
-
},
|
|
7083
|
-
{
|
|
7084
|
-
"kind": "js",
|
|
7085
|
-
"name": "*",
|
|
7086
|
-
"declaration": {
|
|
7087
|
-
"name": "*",
|
|
7088
|
-
"package": "./filter.template"
|
|
7089
|
-
}
|
|
7090
|
-
},
|
|
7091
|
-
{
|
|
7092
|
-
"kind": "js",
|
|
7093
|
-
"name": "zeroFilterStyles",
|
|
7094
|
-
"declaration": {
|
|
7095
|
-
"name": "foundationFilterStyles",
|
|
7096
|
-
"package": "@genesislcap/foundation-ui"
|
|
7305
|
+
"package": "./flex-layout"
|
|
7097
7306
|
}
|
|
7098
7307
|
}
|
|
7099
7308
|
]
|
|
@@ -7480,215 +7689,6 @@
|
|
|
7480
7689
|
}
|
|
7481
7690
|
]
|
|
7482
7691
|
},
|
|
7483
|
-
{
|
|
7484
|
-
"kind": "javascript-module",
|
|
7485
|
-
"path": "src/flex-layout/flex-layout.stories.ts",
|
|
7486
|
-
"declarations": [
|
|
7487
|
-
{
|
|
7488
|
-
"kind": "variable",
|
|
7489
|
-
"name": "meta",
|
|
7490
|
-
"type": {
|
|
7491
|
-
"text": "Meta"
|
|
7492
|
-
},
|
|
7493
|
-
"default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
|
|
7494
|
-
},
|
|
7495
|
-
{
|
|
7496
|
-
"kind": "variable",
|
|
7497
|
-
"name": "Primary",
|
|
7498
|
-
"type": {
|
|
7499
|
-
"text": "StoryObj"
|
|
7500
|
-
},
|
|
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}"
|
|
7502
|
-
}
|
|
7503
|
-
],
|
|
7504
|
-
"exports": [
|
|
7505
|
-
{
|
|
7506
|
-
"kind": "js",
|
|
7507
|
-
"name": "default",
|
|
7508
|
-
"declaration": {
|
|
7509
|
-
"name": "meta",
|
|
7510
|
-
"module": "src/flex-layout/flex-layout.stories.ts"
|
|
7511
|
-
}
|
|
7512
|
-
},
|
|
7513
|
-
{
|
|
7514
|
-
"kind": "js",
|
|
7515
|
-
"name": "Primary",
|
|
7516
|
-
"declaration": {
|
|
7517
|
-
"name": "Primary",
|
|
7518
|
-
"module": "src/flex-layout/flex-layout.stories.ts"
|
|
7519
|
-
}
|
|
7520
|
-
}
|
|
7521
|
-
]
|
|
7522
|
-
},
|
|
7523
|
-
{
|
|
7524
|
-
"kind": "javascript-module",
|
|
7525
|
-
"path": "src/flex-layout/flex-layout.ts",
|
|
7526
|
-
"declarations": [
|
|
7527
|
-
{
|
|
7528
|
-
"kind": "class",
|
|
7529
|
-
"description": "",
|
|
7530
|
-
"name": "FlexLayout",
|
|
7531
|
-
"superclass": {
|
|
7532
|
-
"name": "FoundationFlexLayout",
|
|
7533
|
-
"package": "@genesislcap/foundation-ui"
|
|
7534
|
-
},
|
|
7535
|
-
"tagName": "%%prefix%%-flex-layout",
|
|
7536
|
-
"customElement": true,
|
|
7537
|
-
"members": [
|
|
7538
|
-
{
|
|
7539
|
-
"kind": "field",
|
|
7540
|
-
"name": "_presentation",
|
|
7541
|
-
"type": {
|
|
7542
|
-
"text": "ComponentPresentation | null | undefined"
|
|
7543
|
-
},
|
|
7544
|
-
"privacy": "private",
|
|
7545
|
-
"default": "void 0",
|
|
7546
|
-
"inheritedFrom": {
|
|
7547
|
-
"name": "FoundationElement",
|
|
7548
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7549
|
-
}
|
|
7550
|
-
},
|
|
7551
|
-
{
|
|
7552
|
-
"kind": "field",
|
|
7553
|
-
"name": "$presentation",
|
|
7554
|
-
"type": {
|
|
7555
|
-
"text": "ComponentPresentation | null"
|
|
7556
|
-
},
|
|
7557
|
-
"privacy": "public",
|
|
7558
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
7559
|
-
"inheritedFrom": {
|
|
7560
|
-
"name": "FoundationElement",
|
|
7561
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7562
|
-
}
|
|
7563
|
-
},
|
|
7564
|
-
{
|
|
7565
|
-
"kind": "field",
|
|
7566
|
-
"name": "template",
|
|
7567
|
-
"type": {
|
|
7568
|
-
"text": "ElementViewTemplate | void | null"
|
|
7569
|
-
},
|
|
7570
|
-
"privacy": "public",
|
|
7571
|
-
"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.",
|
|
7572
|
-
"inheritedFrom": {
|
|
7573
|
-
"name": "FoundationElement",
|
|
7574
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7575
|
-
}
|
|
7576
|
-
},
|
|
7577
|
-
{
|
|
7578
|
-
"kind": "method",
|
|
7579
|
-
"name": "templateChanged",
|
|
7580
|
-
"privacy": "protected",
|
|
7581
|
-
"return": {
|
|
7582
|
-
"type": {
|
|
7583
|
-
"text": "void"
|
|
7584
|
-
}
|
|
7585
|
-
},
|
|
7586
|
-
"inheritedFrom": {
|
|
7587
|
-
"name": "FoundationElement",
|
|
7588
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7589
|
-
}
|
|
7590
|
-
},
|
|
7591
|
-
{
|
|
7592
|
-
"kind": "field",
|
|
7593
|
-
"name": "styles",
|
|
7594
|
-
"type": {
|
|
7595
|
-
"text": "ElementStyles | void | null"
|
|
7596
|
-
},
|
|
7597
|
-
"privacy": "public",
|
|
7598
|
-
"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.",
|
|
7599
|
-
"inheritedFrom": {
|
|
7600
|
-
"name": "FoundationElement",
|
|
7601
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7602
|
-
}
|
|
7603
|
-
},
|
|
7604
|
-
{
|
|
7605
|
-
"kind": "method",
|
|
7606
|
-
"name": "stylesChanged",
|
|
7607
|
-
"privacy": "protected",
|
|
7608
|
-
"return": {
|
|
7609
|
-
"type": {
|
|
7610
|
-
"text": "void"
|
|
7611
|
-
}
|
|
7612
|
-
},
|
|
7613
|
-
"inheritedFrom": {
|
|
7614
|
-
"name": "FoundationElement",
|
|
7615
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7616
|
-
}
|
|
7617
|
-
},
|
|
7618
|
-
{
|
|
7619
|
-
"kind": "method",
|
|
7620
|
-
"name": "compose",
|
|
7621
|
-
"privacy": "public",
|
|
7622
|
-
"static": true,
|
|
7623
|
-
"return": {
|
|
7624
|
-
"type": {
|
|
7625
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
7626
|
-
}
|
|
7627
|
-
},
|
|
7628
|
-
"parameters": [
|
|
7629
|
-
{
|
|
7630
|
-
"name": "this",
|
|
7631
|
-
"type": {
|
|
7632
|
-
"text": "K"
|
|
7633
|
-
}
|
|
7634
|
-
},
|
|
7635
|
-
{
|
|
7636
|
-
"name": "elementDefinition",
|
|
7637
|
-
"type": {
|
|
7638
|
-
"text": "T"
|
|
7639
|
-
},
|
|
7640
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
7641
|
-
}
|
|
7642
|
-
],
|
|
7643
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
7644
|
-
"inheritedFrom": {
|
|
7645
|
-
"name": "FoundationElement",
|
|
7646
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
7647
|
-
}
|
|
7648
|
-
}
|
|
7649
|
-
]
|
|
7650
|
-
},
|
|
7651
|
-
{
|
|
7652
|
-
"kind": "variable",
|
|
7653
|
-
"name": "zeroFlexLayout",
|
|
7654
|
-
"description": "The Zero Flex Layout",
|
|
7655
|
-
"privacy": "public"
|
|
7656
|
-
}
|
|
7657
|
-
],
|
|
7658
|
-
"exports": [
|
|
7659
|
-
{
|
|
7660
|
-
"kind": "js",
|
|
7661
|
-
"name": "FlexLayout",
|
|
7662
|
-
"declaration": {
|
|
7663
|
-
"name": "FlexLayout",
|
|
7664
|
-
"module": "src/flex-layout/flex-layout.ts"
|
|
7665
|
-
}
|
|
7666
|
-
},
|
|
7667
|
-
{
|
|
7668
|
-
"kind": "js",
|
|
7669
|
-
"name": "zeroFlexLayout",
|
|
7670
|
-
"declaration": {
|
|
7671
|
-
"name": "zeroFlexLayout",
|
|
7672
|
-
"module": "src/flex-layout/flex-layout.ts"
|
|
7673
|
-
}
|
|
7674
|
-
}
|
|
7675
|
-
]
|
|
7676
|
-
},
|
|
7677
|
-
{
|
|
7678
|
-
"kind": "javascript-module",
|
|
7679
|
-
"path": "src/flex-layout/index.ts",
|
|
7680
|
-
"declarations": [],
|
|
7681
|
-
"exports": [
|
|
7682
|
-
{
|
|
7683
|
-
"kind": "js",
|
|
7684
|
-
"name": "*",
|
|
7685
|
-
"declaration": {
|
|
7686
|
-
"name": "*",
|
|
7687
|
-
"package": "./flex-layout"
|
|
7688
|
-
}
|
|
7689
|
-
}
|
|
7690
|
-
]
|
|
7691
|
-
},
|
|
7692
7692
|
{
|
|
7693
7693
|
"kind": "javascript-module",
|
|
7694
7694
|
"path": "src/flipper/flipper.stories.ts",
|