@genesislcap/foundation-ui 14.124.0 → 14.125.1
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 +217 -201
- package/dist/dts/stepper-tab/stepper-tab.d.ts +1 -1
- package/dist/dts/stepper-tab/stepper-tab.d.ts.map +1 -1
- package/dist/dts/stepper-tab/stepper-tab.template.d.ts +2 -3
- package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map +1 -1
- package/dist/esm/stepper/stepper.js +1 -1
- package/dist/esm/stepper-tab/stepper-tab.js +3 -2
- package/dist/esm/stepper-tab/stepper-tab.styles.js +1 -1
- package/dist/esm/stepper-tab/stepper-tab.template.js +24 -24
- package/package.json +10 -10
|
@@ -777,47 +777,6 @@
|
|
|
777
777
|
}
|
|
778
778
|
]
|
|
779
779
|
},
|
|
780
|
-
{
|
|
781
|
-
"kind": "javascript-module",
|
|
782
|
-
"path": "src/_common/icons.ts",
|
|
783
|
-
"declarations": [
|
|
784
|
-
{
|
|
785
|
-
"kind": "function",
|
|
786
|
-
"name": "closeIcon",
|
|
787
|
-
"parameters": [
|
|
788
|
-
{
|
|
789
|
-
"name": "slot",
|
|
790
|
-
"default": "'start'"
|
|
791
|
-
}
|
|
792
|
-
]
|
|
793
|
-
}
|
|
794
|
-
],
|
|
795
|
-
"exports": [
|
|
796
|
-
{
|
|
797
|
-
"kind": "js",
|
|
798
|
-
"name": "closeIcon",
|
|
799
|
-
"declaration": {
|
|
800
|
-
"name": "closeIcon",
|
|
801
|
-
"module": "src/_common/icons.ts"
|
|
802
|
-
}
|
|
803
|
-
}
|
|
804
|
-
]
|
|
805
|
-
},
|
|
806
|
-
{
|
|
807
|
-
"kind": "javascript-module",
|
|
808
|
-
"path": "src/_common/index.ts",
|
|
809
|
-
"declarations": [],
|
|
810
|
-
"exports": [
|
|
811
|
-
{
|
|
812
|
-
"kind": "js",
|
|
813
|
-
"name": "*",
|
|
814
|
-
"declaration": {
|
|
815
|
-
"name": "*",
|
|
816
|
-
"package": "./icons"
|
|
817
|
-
}
|
|
818
|
-
}
|
|
819
|
-
]
|
|
820
|
-
},
|
|
821
780
|
{
|
|
822
781
|
"kind": "javascript-module",
|
|
823
782
|
"path": "src/_config/index.ts",
|
|
@@ -851,67 +810,15 @@
|
|
|
851
810
|
},
|
|
852
811
|
{
|
|
853
812
|
"kind": "javascript-module",
|
|
854
|
-
"path": "src/
|
|
855
|
-
"declarations": [
|
|
856
|
-
{
|
|
857
|
-
"kind": "function",
|
|
858
|
-
"name": "foundationAccordionStyles",
|
|
859
|
-
"return": {
|
|
860
|
-
"type": {
|
|
861
|
-
"text": "ElementStyles"
|
|
862
|
-
}
|
|
863
|
-
},
|
|
864
|
-
"parameters": [
|
|
865
|
-
{
|
|
866
|
-
"name": "context",
|
|
867
|
-
"type": {
|
|
868
|
-
"text": "ElementDefinitionContext"
|
|
869
|
-
}
|
|
870
|
-
},
|
|
871
|
-
{
|
|
872
|
-
"name": "definition",
|
|
873
|
-
"type": {
|
|
874
|
-
"text": "FoundationElementDefinition"
|
|
875
|
-
}
|
|
876
|
-
}
|
|
877
|
-
]
|
|
878
|
-
}
|
|
879
|
-
],
|
|
880
|
-
"exports": [
|
|
881
|
-
{
|
|
882
|
-
"kind": "js",
|
|
883
|
-
"name": "foundationAccordionStyles",
|
|
884
|
-
"declaration": {
|
|
885
|
-
"name": "foundationAccordionStyles",
|
|
886
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
887
|
-
}
|
|
888
|
-
}
|
|
889
|
-
]
|
|
890
|
-
},
|
|
891
|
-
{
|
|
892
|
-
"kind": "javascript-module",
|
|
893
|
-
"path": "src/accordion/accordion.template.ts",
|
|
813
|
+
"path": "src/_common/icons.ts",
|
|
894
814
|
"declarations": [
|
|
895
815
|
{
|
|
896
816
|
"kind": "function",
|
|
897
|
-
"name": "
|
|
898
|
-
"return": {
|
|
899
|
-
"type": {
|
|
900
|
-
"text": "ViewTemplate<Accordion>"
|
|
901
|
-
}
|
|
902
|
-
},
|
|
817
|
+
"name": "closeIcon",
|
|
903
818
|
"parameters": [
|
|
904
819
|
{
|
|
905
|
-
"name": "
|
|
906
|
-
"
|
|
907
|
-
"text": "ElementDefinitionContext"
|
|
908
|
-
}
|
|
909
|
-
},
|
|
910
|
-
{
|
|
911
|
-
"name": "definition",
|
|
912
|
-
"type": {
|
|
913
|
-
"text": "FoundationElementDefinition"
|
|
914
|
-
}
|
|
820
|
+
"name": "slot",
|
|
821
|
+
"default": "'start'"
|
|
915
822
|
}
|
|
916
823
|
]
|
|
917
824
|
}
|
|
@@ -919,90 +826,17 @@
|
|
|
919
826
|
"exports": [
|
|
920
827
|
{
|
|
921
828
|
"kind": "js",
|
|
922
|
-
"name": "
|
|
923
|
-
"declaration": {
|
|
924
|
-
"name": "foundationAccordionTemplate",
|
|
925
|
-
"module": "src/accordion/accordion.template.ts"
|
|
926
|
-
}
|
|
927
|
-
}
|
|
928
|
-
]
|
|
929
|
-
},
|
|
930
|
-
{
|
|
931
|
-
"kind": "javascript-module",
|
|
932
|
-
"path": "src/accordion/accordion.ts",
|
|
933
|
-
"declarations": [
|
|
934
|
-
{
|
|
935
|
-
"kind": "class",
|
|
936
|
-
"description": "",
|
|
937
|
-
"name": "Accordion",
|
|
938
|
-
"superclass": {
|
|
939
|
-
"name": "FASTAccordion",
|
|
940
|
-
"package": "@microsoft/fast-foundation"
|
|
941
|
-
},
|
|
942
|
-
"tagName": "%%prefix%%-accordion",
|
|
943
|
-
"customElement": true
|
|
944
|
-
},
|
|
945
|
-
{
|
|
946
|
-
"kind": "variable",
|
|
947
|
-
"name": "foundationAccordionShadowOptions",
|
|
948
|
-
"type": {
|
|
949
|
-
"text": "ShadowRootInit"
|
|
950
|
-
},
|
|
951
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
952
|
-
},
|
|
953
|
-
{
|
|
954
|
-
"kind": "variable",
|
|
955
|
-
"name": "defaultAccordionConfig",
|
|
956
|
-
"type": {
|
|
957
|
-
"text": "object"
|
|
958
|
-
},
|
|
959
|
-
"default": "{}"
|
|
960
|
-
},
|
|
961
|
-
{
|
|
962
|
-
"kind": "variable",
|
|
963
|
-
"name": "foundationAccordion",
|
|
964
|
-
"description": "The Foundation Accordion",
|
|
965
|
-
"privacy": "public"
|
|
966
|
-
}
|
|
967
|
-
],
|
|
968
|
-
"exports": [
|
|
969
|
-
{
|
|
970
|
-
"kind": "js",
|
|
971
|
-
"name": "Accordion",
|
|
972
|
-
"declaration": {
|
|
973
|
-
"name": "Accordion",
|
|
974
|
-
"module": "src/accordion/accordion.ts"
|
|
975
|
-
}
|
|
976
|
-
},
|
|
977
|
-
{
|
|
978
|
-
"kind": "js",
|
|
979
|
-
"name": "foundationAccordionShadowOptions",
|
|
980
|
-
"declaration": {
|
|
981
|
-
"name": "foundationAccordionShadowOptions",
|
|
982
|
-
"module": "src/accordion/accordion.ts"
|
|
983
|
-
}
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"kind": "js",
|
|
987
|
-
"name": "defaultAccordionConfig",
|
|
988
|
-
"declaration": {
|
|
989
|
-
"name": "defaultAccordionConfig",
|
|
990
|
-
"module": "src/accordion/accordion.ts"
|
|
991
|
-
}
|
|
992
|
-
},
|
|
993
|
-
{
|
|
994
|
-
"kind": "js",
|
|
995
|
-
"name": "foundationAccordion",
|
|
829
|
+
"name": "closeIcon",
|
|
996
830
|
"declaration": {
|
|
997
|
-
"name": "
|
|
998
|
-
"module": "src/
|
|
831
|
+
"name": "closeIcon",
|
|
832
|
+
"module": "src/_common/icons.ts"
|
|
999
833
|
}
|
|
1000
834
|
}
|
|
1001
835
|
]
|
|
1002
836
|
},
|
|
1003
837
|
{
|
|
1004
838
|
"kind": "javascript-module",
|
|
1005
|
-
"path": "src/
|
|
839
|
+
"path": "src/_common/index.ts",
|
|
1006
840
|
"declarations": [],
|
|
1007
841
|
"exports": [
|
|
1008
842
|
{
|
|
@@ -1010,23 +844,7 @@
|
|
|
1010
844
|
"name": "*",
|
|
1011
845
|
"declaration": {
|
|
1012
846
|
"name": "*",
|
|
1013
|
-
"package": "./
|
|
1014
|
-
}
|
|
1015
|
-
},
|
|
1016
|
-
{
|
|
1017
|
-
"kind": "js",
|
|
1018
|
-
"name": "*",
|
|
1019
|
-
"declaration": {
|
|
1020
|
-
"name": "*",
|
|
1021
|
-
"package": "./accordion.styles"
|
|
1022
|
-
}
|
|
1023
|
-
},
|
|
1024
|
-
{
|
|
1025
|
-
"kind": "js",
|
|
1026
|
-
"name": "*",
|
|
1027
|
-
"declaration": {
|
|
1028
|
-
"name": "*",
|
|
1029
|
-
"package": "./accordion"
|
|
847
|
+
"package": "./icons"
|
|
1030
848
|
}
|
|
1031
849
|
}
|
|
1032
850
|
]
|
|
@@ -4094,6 +3912,188 @@
|
|
|
4094
3912
|
}
|
|
4095
3913
|
]
|
|
4096
3914
|
},
|
|
3915
|
+
{
|
|
3916
|
+
"kind": "javascript-module",
|
|
3917
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
3918
|
+
"declarations": [
|
|
3919
|
+
{
|
|
3920
|
+
"kind": "function",
|
|
3921
|
+
"name": "foundationAccordionStyles",
|
|
3922
|
+
"return": {
|
|
3923
|
+
"type": {
|
|
3924
|
+
"text": "ElementStyles"
|
|
3925
|
+
}
|
|
3926
|
+
},
|
|
3927
|
+
"parameters": [
|
|
3928
|
+
{
|
|
3929
|
+
"name": "context",
|
|
3930
|
+
"type": {
|
|
3931
|
+
"text": "ElementDefinitionContext"
|
|
3932
|
+
}
|
|
3933
|
+
},
|
|
3934
|
+
{
|
|
3935
|
+
"name": "definition",
|
|
3936
|
+
"type": {
|
|
3937
|
+
"text": "FoundationElementDefinition"
|
|
3938
|
+
}
|
|
3939
|
+
}
|
|
3940
|
+
]
|
|
3941
|
+
}
|
|
3942
|
+
],
|
|
3943
|
+
"exports": [
|
|
3944
|
+
{
|
|
3945
|
+
"kind": "js",
|
|
3946
|
+
"name": "foundationAccordionStyles",
|
|
3947
|
+
"declaration": {
|
|
3948
|
+
"name": "foundationAccordionStyles",
|
|
3949
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
3950
|
+
}
|
|
3951
|
+
}
|
|
3952
|
+
]
|
|
3953
|
+
},
|
|
3954
|
+
{
|
|
3955
|
+
"kind": "javascript-module",
|
|
3956
|
+
"path": "src/accordion/accordion.template.ts",
|
|
3957
|
+
"declarations": [
|
|
3958
|
+
{
|
|
3959
|
+
"kind": "function",
|
|
3960
|
+
"name": "foundationAccordionTemplate",
|
|
3961
|
+
"return": {
|
|
3962
|
+
"type": {
|
|
3963
|
+
"text": "ViewTemplate<Accordion>"
|
|
3964
|
+
}
|
|
3965
|
+
},
|
|
3966
|
+
"parameters": [
|
|
3967
|
+
{
|
|
3968
|
+
"name": "context",
|
|
3969
|
+
"type": {
|
|
3970
|
+
"text": "ElementDefinitionContext"
|
|
3971
|
+
}
|
|
3972
|
+
},
|
|
3973
|
+
{
|
|
3974
|
+
"name": "definition",
|
|
3975
|
+
"type": {
|
|
3976
|
+
"text": "FoundationElementDefinition"
|
|
3977
|
+
}
|
|
3978
|
+
}
|
|
3979
|
+
]
|
|
3980
|
+
}
|
|
3981
|
+
],
|
|
3982
|
+
"exports": [
|
|
3983
|
+
{
|
|
3984
|
+
"kind": "js",
|
|
3985
|
+
"name": "foundationAccordionTemplate",
|
|
3986
|
+
"declaration": {
|
|
3987
|
+
"name": "foundationAccordionTemplate",
|
|
3988
|
+
"module": "src/accordion/accordion.template.ts"
|
|
3989
|
+
}
|
|
3990
|
+
}
|
|
3991
|
+
]
|
|
3992
|
+
},
|
|
3993
|
+
{
|
|
3994
|
+
"kind": "javascript-module",
|
|
3995
|
+
"path": "src/accordion/accordion.ts",
|
|
3996
|
+
"declarations": [
|
|
3997
|
+
{
|
|
3998
|
+
"kind": "class",
|
|
3999
|
+
"description": "",
|
|
4000
|
+
"name": "Accordion",
|
|
4001
|
+
"superclass": {
|
|
4002
|
+
"name": "FASTAccordion",
|
|
4003
|
+
"package": "@microsoft/fast-foundation"
|
|
4004
|
+
},
|
|
4005
|
+
"tagName": "%%prefix%%-accordion",
|
|
4006
|
+
"customElement": true
|
|
4007
|
+
},
|
|
4008
|
+
{
|
|
4009
|
+
"kind": "variable",
|
|
4010
|
+
"name": "foundationAccordionShadowOptions",
|
|
4011
|
+
"type": {
|
|
4012
|
+
"text": "ShadowRootInit"
|
|
4013
|
+
},
|
|
4014
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
4015
|
+
},
|
|
4016
|
+
{
|
|
4017
|
+
"kind": "variable",
|
|
4018
|
+
"name": "defaultAccordionConfig",
|
|
4019
|
+
"type": {
|
|
4020
|
+
"text": "object"
|
|
4021
|
+
},
|
|
4022
|
+
"default": "{}"
|
|
4023
|
+
},
|
|
4024
|
+
{
|
|
4025
|
+
"kind": "variable",
|
|
4026
|
+
"name": "foundationAccordion",
|
|
4027
|
+
"description": "The Foundation Accordion",
|
|
4028
|
+
"privacy": "public"
|
|
4029
|
+
}
|
|
4030
|
+
],
|
|
4031
|
+
"exports": [
|
|
4032
|
+
{
|
|
4033
|
+
"kind": "js",
|
|
4034
|
+
"name": "Accordion",
|
|
4035
|
+
"declaration": {
|
|
4036
|
+
"name": "Accordion",
|
|
4037
|
+
"module": "src/accordion/accordion.ts"
|
|
4038
|
+
}
|
|
4039
|
+
},
|
|
4040
|
+
{
|
|
4041
|
+
"kind": "js",
|
|
4042
|
+
"name": "foundationAccordionShadowOptions",
|
|
4043
|
+
"declaration": {
|
|
4044
|
+
"name": "foundationAccordionShadowOptions",
|
|
4045
|
+
"module": "src/accordion/accordion.ts"
|
|
4046
|
+
}
|
|
4047
|
+
},
|
|
4048
|
+
{
|
|
4049
|
+
"kind": "js",
|
|
4050
|
+
"name": "defaultAccordionConfig",
|
|
4051
|
+
"declaration": {
|
|
4052
|
+
"name": "defaultAccordionConfig",
|
|
4053
|
+
"module": "src/accordion/accordion.ts"
|
|
4054
|
+
}
|
|
4055
|
+
},
|
|
4056
|
+
{
|
|
4057
|
+
"kind": "js",
|
|
4058
|
+
"name": "foundationAccordion",
|
|
4059
|
+
"declaration": {
|
|
4060
|
+
"name": "foundationAccordion",
|
|
4061
|
+
"module": "src/accordion/accordion.ts"
|
|
4062
|
+
}
|
|
4063
|
+
}
|
|
4064
|
+
]
|
|
4065
|
+
},
|
|
4066
|
+
{
|
|
4067
|
+
"kind": "javascript-module",
|
|
4068
|
+
"path": "src/accordion/index.ts",
|
|
4069
|
+
"declarations": [],
|
|
4070
|
+
"exports": [
|
|
4071
|
+
{
|
|
4072
|
+
"kind": "js",
|
|
4073
|
+
"name": "*",
|
|
4074
|
+
"declaration": {
|
|
4075
|
+
"name": "*",
|
|
4076
|
+
"package": "./accordion.template"
|
|
4077
|
+
}
|
|
4078
|
+
},
|
|
4079
|
+
{
|
|
4080
|
+
"kind": "js",
|
|
4081
|
+
"name": "*",
|
|
4082
|
+
"declaration": {
|
|
4083
|
+
"name": "*",
|
|
4084
|
+
"package": "./accordion.styles"
|
|
4085
|
+
}
|
|
4086
|
+
},
|
|
4087
|
+
{
|
|
4088
|
+
"kind": "js",
|
|
4089
|
+
"name": "*",
|
|
4090
|
+
"declaration": {
|
|
4091
|
+
"name": "*",
|
|
4092
|
+
"package": "./accordion"
|
|
4093
|
+
}
|
|
4094
|
+
}
|
|
4095
|
+
]
|
|
4096
|
+
},
|
|
4097
4097
|
{
|
|
4098
4098
|
"kind": "javascript-module",
|
|
4099
4099
|
"path": "src/avatar/avatar.styles.ts",
|
|
@@ -32092,18 +32092,31 @@
|
|
|
32092
32092
|
"declarations": [
|
|
32093
32093
|
{
|
|
32094
32094
|
"kind": "function",
|
|
32095
|
-
"name": "
|
|
32095
|
+
"name": "getPrefixedStepperTab",
|
|
32096
32096
|
"parameters": [
|
|
32097
32097
|
{
|
|
32098
|
-
"name": "
|
|
32099
|
-
|
|
32100
|
-
|
|
32101
|
-
|
|
32098
|
+
"name": "prefix",
|
|
32099
|
+
"type": {
|
|
32100
|
+
"text": "string"
|
|
32101
|
+
}
|
|
32102
32102
|
}
|
|
32103
32103
|
]
|
|
32104
|
+
},
|
|
32105
|
+
{
|
|
32106
|
+
"kind": "variable",
|
|
32107
|
+
"name": "foundationStepperTabTemplate",
|
|
32108
|
+
"default": "html<StepperTab>`\n ${(x) => getPrefixedStepperTab(getPrefix(x))}\n`"
|
|
32104
32109
|
}
|
|
32105
32110
|
],
|
|
32106
32111
|
"exports": [
|
|
32112
|
+
{
|
|
32113
|
+
"kind": "js",
|
|
32114
|
+
"name": "getPrefixedStepperTab",
|
|
32115
|
+
"declaration": {
|
|
32116
|
+
"name": "getPrefixedStepperTab",
|
|
32117
|
+
"module": "src/stepper-tab/stepper-tab.template.ts"
|
|
32118
|
+
}
|
|
32119
|
+
},
|
|
32107
32120
|
{
|
|
32108
32121
|
"kind": "js",
|
|
32109
32122
|
"name": "foundationStepperTabTemplate",
|
|
@@ -32132,10 +32145,11 @@
|
|
|
32132
32145
|
},
|
|
32133
32146
|
{
|
|
32134
32147
|
"kind": "field",
|
|
32135
|
-
"name": "
|
|
32148
|
+
"name": "slot",
|
|
32136
32149
|
"type": {
|
|
32137
|
-
"text": "
|
|
32138
|
-
}
|
|
32150
|
+
"text": "string"
|
|
32151
|
+
},
|
|
32152
|
+
"default": "'tab'"
|
|
32139
32153
|
},
|
|
32140
32154
|
{
|
|
32141
32155
|
"kind": "field",
|
|
@@ -32301,10 +32315,12 @@
|
|
|
32301
32315
|
],
|
|
32302
32316
|
"attributes": [
|
|
32303
32317
|
{
|
|
32318
|
+
"name": "slot",
|
|
32304
32319
|
"type": {
|
|
32305
|
-
"text": "
|
|
32320
|
+
"text": "string"
|
|
32306
32321
|
},
|
|
32307
|
-
"
|
|
32322
|
+
"default": "'tab'",
|
|
32323
|
+
"fieldName": "slot"
|
|
32308
32324
|
},
|
|
32309
32325
|
{
|
|
32310
32326
|
"type": {
|
|
@@ -4,7 +4,7 @@ import { FoundationElement, TabsOrientation, TreeItem } from '@microsoft/fast-fo
|
|
|
4
4
|
*/
|
|
5
5
|
export declare class StepperTab extends FoundationElement {
|
|
6
6
|
treeItem: TreeItem;
|
|
7
|
-
|
|
7
|
+
slot: string;
|
|
8
8
|
selected: boolean;
|
|
9
9
|
completed: boolean;
|
|
10
10
|
error: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper-tab.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI1F;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C,QAAQ,EAAE,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper-tab.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI1F;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACb,IAAI,SAAS;IACQ,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IACN,WAAW,EAAE,MAAM,CAAC;IACnD,WAAW,EAAE,eAAe,CAA4B;IAE9D,WAAW;IAIX,eAAe;CAKhB;AAGD,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,0TAM/B,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { FoundationElementTemplate, TabsOptions } from '@microsoft/fast-foundation';
|
|
3
1
|
import { StepperTab } from './stepper-tab';
|
|
4
|
-
export declare const
|
|
2
|
+
export declare const getPrefixedStepperTab: (prefix: string) => import("@microsoft/fast-element").ViewTemplate<StepperTab, any>;
|
|
3
|
+
export declare const foundationStepperTabTemplate: import("@microsoft/fast-element").ViewTemplate<StepperTab, any>;
|
|
5
4
|
//# sourceMappingURL=stepper-tab.template.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAgDnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
|
|
@@ -24,7 +24,7 @@ export class Stepper extends FoundationElement {
|
|
|
24
24
|
const tabpanelId = this.tabpanelIds[index];
|
|
25
25
|
tab.setAttribute('id', tabId);
|
|
26
26
|
tab.setAttribute('aria-selected', isActiveTab ? 'true' : 'false');
|
|
27
|
-
tab.setAttribute('disabled', isActiveTab ? 'false' : 'true');
|
|
27
|
+
tab.setAttribute('aria-disabled', isActiveTab ? 'false' : 'true');
|
|
28
28
|
tab.setAttribute('selected', isActiveTab ? 'true' : 'false');
|
|
29
29
|
tab.setAttribute('orientation', this.orientation);
|
|
30
30
|
tab.setAttribute('aria-controls', tabpanelId);
|
|
@@ -9,6 +9,7 @@ import { foundationStepperTabTemplate as template } from './stepper-tab.template
|
|
|
9
9
|
export class StepperTab extends FoundationElement {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
+
this.slot = 'tab';
|
|
12
13
|
this.orientation = TabsOrientation.vertical;
|
|
13
14
|
}
|
|
14
15
|
isCompleted() {
|
|
@@ -21,8 +22,8 @@ export class StepperTab extends FoundationElement {
|
|
|
21
22
|
}
|
|
22
23
|
}
|
|
23
24
|
__decorate([
|
|
24
|
-
attr
|
|
25
|
-
], StepperTab.prototype, "
|
|
25
|
+
attr
|
|
26
|
+
], StepperTab.prototype, "slot", void 0);
|
|
26
27
|
__decorate([
|
|
27
28
|
attr({ mode: 'boolean' })
|
|
28
29
|
], StepperTab.prototype, "selected", void 0);
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { whenElse } from '@genesislcap/foundation-utils';
|
|
2
2
|
import { html, ref, when } from '@microsoft/fast-element';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<foundation-tree-item ${ref('treeItem')} class="tree-item">
|
|
3
|
+
import { TabsOrientation } from '@microsoft/fast-foundation';
|
|
4
|
+
import { getPrefix } from '../utils';
|
|
5
|
+
export const getPrefixedStepperTab = (prefix) => html `
|
|
6
|
+
${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
|
|
7
|
+
<${prefix}-tree-item ${ref('treeItem')} class="tree-item">
|
|
9
8
|
${when((x) => x.completed, html `
|
|
10
|
-
|
|
9
|
+
<${prefix}-icon
|
|
11
10
|
name="check-circle"
|
|
12
11
|
variant="regular"
|
|
13
12
|
size="lg"
|
|
14
|
-
class="completed-icon"
|
|
15
|
-
|
|
13
|
+
class="stepper-icon completed-icon"
|
|
14
|
+
></${prefix}-icon>
|
|
16
15
|
`)}
|
|
17
16
|
${when((x) => x.error, html `
|
|
18
|
-
|
|
17
|
+
<${prefix}-icon
|
|
19
18
|
name="times-circle"
|
|
20
19
|
variant="regular"
|
|
21
20
|
size="lg"
|
|
22
|
-
class="error-icon"
|
|
23
|
-
|
|
21
|
+
class="stepper-icon error-icon"
|
|
22
|
+
></${prefix}-icon>
|
|
24
23
|
`)}
|
|
25
24
|
<slot></slot>
|
|
26
|
-
|
|
25
|
+
</${prefix}-tree-item>
|
|
27
26
|
`, html `
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
class="angle-icon"
|
|
27
|
+
<div class="step-number-container">
|
|
28
|
+
<span class="step-number">${(x) => x.tabPosition}</span>
|
|
29
|
+
<slot class="step-title"></slot>
|
|
30
|
+
${when((x) => !x.isLast, html `
|
|
31
|
+
<${prefix}-icon
|
|
32
|
+
class="stepper-icon angle-icon"
|
|
34
33
|
name="angle-right"
|
|
35
34
|
variant="solid"
|
|
36
35
|
size="lg"
|
|
37
|
-
|
|
36
|
+
></${prefix}-icon>
|
|
38
37
|
`)}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
</div>
|
|
39
|
+
`)}
|
|
40
|
+
`;
|
|
41
|
+
export const foundationStepperTabTemplate = html `
|
|
42
|
+
${(x) => getPrefixedStepperTab(getPrefix(x))}
|
|
43
43
|
`;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.125.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -74,8 +74,8 @@
|
|
|
74
74
|
"test:debug": "genx test --debug"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
|
-
"@genesislcap/foundation-testing": "14.
|
|
78
|
-
"@genesislcap/genx": "14.
|
|
77
|
+
"@genesislcap/foundation-testing": "14.125.1",
|
|
78
|
+
"@genesislcap/genx": "14.125.1",
|
|
79
79
|
"copyfiles": "^2.4.1",
|
|
80
80
|
"rimraf": "^3.0.2",
|
|
81
81
|
"rxjs": "^7.5.4"
|
|
@@ -86,12 +86,12 @@
|
|
|
86
86
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
87
87
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
88
88
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
89
|
-
"@genesislcap/foundation-comms": "14.
|
|
90
|
-
"@genesislcap/foundation-criteria": "14.
|
|
91
|
-
"@genesislcap/foundation-errors": "14.
|
|
92
|
-
"@genesislcap/foundation-logger": "14.
|
|
93
|
-
"@genesislcap/foundation-notifications": "14.
|
|
94
|
-
"@genesislcap/foundation-utils": "14.
|
|
89
|
+
"@genesislcap/foundation-comms": "14.125.1",
|
|
90
|
+
"@genesislcap/foundation-criteria": "14.125.1",
|
|
91
|
+
"@genesislcap/foundation-errors": "14.125.1",
|
|
92
|
+
"@genesislcap/foundation-logger": "14.125.1",
|
|
93
|
+
"@genesislcap/foundation-notifications": "14.125.1",
|
|
94
|
+
"@genesislcap/foundation-utils": "14.125.1",
|
|
95
95
|
"@microsoft/fast-colors": "^5.1.4",
|
|
96
96
|
"@microsoft/fast-components": "^2.21.3",
|
|
97
97
|
"@microsoft/fast-element": "^1.7.0",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"access": "public"
|
|
114
114
|
},
|
|
115
115
|
"customElements": "dist/custom-elements.json",
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "1c6f03b9dccb2332ab68e08f66ecc4f4011b604b"
|
|
117
117
|
}
|