@kubex/zinc 1.1.5 → 1.1.7
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 +939 -917
- package/dist/vscode.html-custom-data.json +71 -71
- package/dist/web-types.json +186 -182
- package/dist/zn.d.ts +2 -0
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +12 -12
- package/package.json +1 -1
- package/scss/shared/_form-elements.scss +12 -12
- package/scss/shared/_table.scss +1 -1
- package/scss/shared/layout.scss +17 -17
- package/scss/variables/_spacing.scss +7 -7
- package/src/components/chip/chip.scss +2 -2
- package/src/components/icon/icon.component.ts +11 -3
- package/src/components/icon/icon.test.ts +21 -0
- package/src/components/page/page.component.ts +2 -1
|
@@ -47,6 +47,79 @@
|
|
|
47
47
|
}
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "javascript-module",
|
|
52
|
+
"path": "components/action-bar/action-bar.js",
|
|
53
|
+
"declarations": [
|
|
54
|
+
{
|
|
55
|
+
"kind": "class",
|
|
56
|
+
"description": "",
|
|
57
|
+
"name": "ZnActionBar",
|
|
58
|
+
"cssProperties": [
|
|
59
|
+
{
|
|
60
|
+
"description": "An example CSS custom property.",
|
|
61
|
+
"name": "--example"
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"cssParts": [
|
|
65
|
+
{
|
|
66
|
+
"description": "The component's base wrapper.",
|
|
67
|
+
"name": "base"
|
|
68
|
+
}
|
|
69
|
+
],
|
|
70
|
+
"slots": [
|
|
71
|
+
{
|
|
72
|
+
"description": "The default slot.",
|
|
73
|
+
"name": ""
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"description": "An example slot.",
|
|
77
|
+
"name": "example"
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
"members": [
|
|
81
|
+
{
|
|
82
|
+
"kind": "field",
|
|
83
|
+
"name": "localize",
|
|
84
|
+
"privacy": "private",
|
|
85
|
+
"readonly": true,
|
|
86
|
+
"default": "new LocalizeController(this)"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"events": [
|
|
90
|
+
{
|
|
91
|
+
"description": "Emitted as an example.",
|
|
92
|
+
"name": "zn-event-name"
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
"superclass": {
|
|
96
|
+
"name": "ZincElement",
|
|
97
|
+
"module": "/src/internal/zinc-element"
|
|
98
|
+
},
|
|
99
|
+
"summary": "Short summary of the component's intended use.",
|
|
100
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
101
|
+
"tagName": "zn-action-bar",
|
|
102
|
+
"customElement": true,
|
|
103
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
104
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
105
|
+
"status": "experimental",
|
|
106
|
+
"since": "1.0",
|
|
107
|
+
"dependencies": [
|
|
108
|
+
"zn-example"
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"exports": [
|
|
113
|
+
{
|
|
114
|
+
"kind": "js",
|
|
115
|
+
"name": "default",
|
|
116
|
+
"declaration": {
|
|
117
|
+
"name": "ZnActionBar",
|
|
118
|
+
"module": "components/action-bar/action-bar.js"
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
]
|
|
122
|
+
},
|
|
50
123
|
{
|
|
51
124
|
"kind": "javascript-module",
|
|
52
125
|
"path": "components/alert/alert.js",
|
|
@@ -223,79 +296,6 @@
|
|
|
223
296
|
}
|
|
224
297
|
]
|
|
225
298
|
},
|
|
226
|
-
{
|
|
227
|
-
"kind": "javascript-module",
|
|
228
|
-
"path": "components/action-bar/action-bar.js",
|
|
229
|
-
"declarations": [
|
|
230
|
-
{
|
|
231
|
-
"kind": "class",
|
|
232
|
-
"description": "",
|
|
233
|
-
"name": "ZnActionBar",
|
|
234
|
-
"cssProperties": [
|
|
235
|
-
{
|
|
236
|
-
"description": "An example CSS custom property.",
|
|
237
|
-
"name": "--example"
|
|
238
|
-
}
|
|
239
|
-
],
|
|
240
|
-
"cssParts": [
|
|
241
|
-
{
|
|
242
|
-
"description": "The component's base wrapper.",
|
|
243
|
-
"name": "base"
|
|
244
|
-
}
|
|
245
|
-
],
|
|
246
|
-
"slots": [
|
|
247
|
-
{
|
|
248
|
-
"description": "The default slot.",
|
|
249
|
-
"name": ""
|
|
250
|
-
},
|
|
251
|
-
{
|
|
252
|
-
"description": "An example slot.",
|
|
253
|
-
"name": "example"
|
|
254
|
-
}
|
|
255
|
-
],
|
|
256
|
-
"members": [
|
|
257
|
-
{
|
|
258
|
-
"kind": "field",
|
|
259
|
-
"name": "localize",
|
|
260
|
-
"privacy": "private",
|
|
261
|
-
"readonly": true,
|
|
262
|
-
"default": "new LocalizeController(this)"
|
|
263
|
-
}
|
|
264
|
-
],
|
|
265
|
-
"events": [
|
|
266
|
-
{
|
|
267
|
-
"description": "Emitted as an example.",
|
|
268
|
-
"name": "zn-event-name"
|
|
269
|
-
}
|
|
270
|
-
],
|
|
271
|
-
"superclass": {
|
|
272
|
-
"name": "ZincElement",
|
|
273
|
-
"module": "/src/internal/zinc-element"
|
|
274
|
-
},
|
|
275
|
-
"summary": "Short summary of the component's intended use.",
|
|
276
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
277
|
-
"tagName": "zn-action-bar",
|
|
278
|
-
"customElement": true,
|
|
279
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
280
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
281
|
-
"status": "experimental",
|
|
282
|
-
"since": "1.0",
|
|
283
|
-
"dependencies": [
|
|
284
|
-
"zn-example"
|
|
285
|
-
]
|
|
286
|
-
}
|
|
287
|
-
],
|
|
288
|
-
"exports": [
|
|
289
|
-
{
|
|
290
|
-
"kind": "js",
|
|
291
|
-
"name": "default",
|
|
292
|
-
"declaration": {
|
|
293
|
-
"name": "ZnActionBar",
|
|
294
|
-
"module": "components/action-bar/action-bar.js"
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
]
|
|
298
|
-
},
|
|
299
299
|
{
|
|
300
300
|
"kind": "javascript-module",
|
|
301
301
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -815,363 +815,6 @@
|
|
|
815
815
|
}
|
|
816
816
|
]
|
|
817
817
|
},
|
|
818
|
-
{
|
|
819
|
-
"kind": "javascript-module",
|
|
820
|
-
"path": "components/bulk-actions/bulk-actions.js",
|
|
821
|
-
"declarations": [
|
|
822
|
-
{
|
|
823
|
-
"kind": "class",
|
|
824
|
-
"description": "",
|
|
825
|
-
"name": "ZnBulkActions",
|
|
826
|
-
"cssProperties": [
|
|
827
|
-
{
|
|
828
|
-
"description": "An example CSS custom property.",
|
|
829
|
-
"name": "--example"
|
|
830
|
-
}
|
|
831
|
-
],
|
|
832
|
-
"cssParts": [
|
|
833
|
-
{
|
|
834
|
-
"description": "The component's base wrapper.",
|
|
835
|
-
"name": "base"
|
|
836
|
-
}
|
|
837
|
-
],
|
|
838
|
-
"slots": [
|
|
839
|
-
{
|
|
840
|
-
"description": "The default slot.",
|
|
841
|
-
"name": ""
|
|
842
|
-
},
|
|
843
|
-
{
|
|
844
|
-
"description": "An example slot.",
|
|
845
|
-
"name": "example"
|
|
846
|
-
}
|
|
847
|
-
],
|
|
848
|
-
"members": [
|
|
849
|
-
{
|
|
850
|
-
"kind": "field",
|
|
851
|
-
"name": "dependencies",
|
|
852
|
-
"type": {
|
|
853
|
-
"text": "object"
|
|
854
|
-
},
|
|
855
|
-
"static": true,
|
|
856
|
-
"default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
|
|
857
|
-
},
|
|
858
|
-
{
|
|
859
|
-
"kind": "field",
|
|
860
|
-
"name": "container",
|
|
861
|
-
"type": {
|
|
862
|
-
"text": "HTMLDivElement"
|
|
863
|
-
}
|
|
864
|
-
},
|
|
865
|
-
{
|
|
866
|
-
"kind": "field",
|
|
867
|
-
"name": "addRule",
|
|
868
|
-
"type": {
|
|
869
|
-
"text": "ZnSelect"
|
|
870
|
-
}
|
|
871
|
-
},
|
|
872
|
-
{
|
|
873
|
-
"kind": "field",
|
|
874
|
-
"name": "input",
|
|
875
|
-
"type": {
|
|
876
|
-
"text": "HTMLInputElement"
|
|
877
|
-
}
|
|
878
|
-
},
|
|
879
|
-
{
|
|
880
|
-
"kind": "field",
|
|
881
|
-
"name": "name",
|
|
882
|
-
"type": {
|
|
883
|
-
"text": "string"
|
|
884
|
-
},
|
|
885
|
-
"attribute": "name"
|
|
886
|
-
},
|
|
887
|
-
{
|
|
888
|
-
"kind": "field",
|
|
889
|
-
"name": "value",
|
|
890
|
-
"type": {
|
|
891
|
-
"text": "PropertyKey"
|
|
892
|
-
},
|
|
893
|
-
"attribute": "value"
|
|
894
|
-
},
|
|
895
|
-
{
|
|
896
|
-
"kind": "field",
|
|
897
|
-
"name": "actions",
|
|
898
|
-
"type": {
|
|
899
|
-
"text": "BulkActionData"
|
|
900
|
-
},
|
|
901
|
-
"default": "[]",
|
|
902
|
-
"attribute": "actions"
|
|
903
|
-
},
|
|
904
|
-
{
|
|
905
|
-
"kind": "field",
|
|
906
|
-
"name": "_selectedRules",
|
|
907
|
-
"type": {
|
|
908
|
-
"text": "Map<string, CreatedRule>"
|
|
909
|
-
},
|
|
910
|
-
"privacy": "private",
|
|
911
|
-
"default": "new Map<string, CreatedRule>()"
|
|
912
|
-
},
|
|
913
|
-
{
|
|
914
|
-
"kind": "field",
|
|
915
|
-
"name": "_formController",
|
|
916
|
-
"type": {
|
|
917
|
-
"text": "FormControlController"
|
|
918
|
-
},
|
|
919
|
-
"privacy": "private",
|
|
920
|
-
"default": "new FormControlController(this, {})"
|
|
921
|
-
},
|
|
922
|
-
{
|
|
923
|
-
"kind": "field",
|
|
924
|
-
"name": "validationMessage",
|
|
925
|
-
"type": {
|
|
926
|
-
"text": "string"
|
|
927
|
-
},
|
|
928
|
-
"readonly": true
|
|
929
|
-
},
|
|
930
|
-
{
|
|
931
|
-
"kind": "field",
|
|
932
|
-
"name": "validity",
|
|
933
|
-
"type": {
|
|
934
|
-
"text": "ValidityState"
|
|
935
|
-
},
|
|
936
|
-
"readonly": true
|
|
937
|
-
},
|
|
938
|
-
{
|
|
939
|
-
"kind": "method",
|
|
940
|
-
"name": "_handleChange",
|
|
941
|
-
"privacy": "private"
|
|
942
|
-
},
|
|
943
|
-
{
|
|
944
|
-
"kind": "method",
|
|
945
|
-
"name": "_addRule",
|
|
946
|
-
"privacy": "private",
|
|
947
|
-
"parameters": [
|
|
948
|
-
{
|
|
949
|
-
"name": "event",
|
|
950
|
-
"type": {
|
|
951
|
-
"text": "Event | null"
|
|
952
|
-
}
|
|
953
|
-
},
|
|
954
|
-
{
|
|
955
|
-
"name": "value",
|
|
956
|
-
"default": "\"\"",
|
|
957
|
-
"type": {
|
|
958
|
-
"text": "string"
|
|
959
|
-
}
|
|
960
|
-
},
|
|
961
|
-
{
|
|
962
|
-
"name": "pos",
|
|
963
|
-
"optional": true,
|
|
964
|
-
"type": {
|
|
965
|
-
"text": "number"
|
|
966
|
-
}
|
|
967
|
-
}
|
|
968
|
-
]
|
|
969
|
-
},
|
|
970
|
-
{
|
|
971
|
-
"kind": "method",
|
|
972
|
-
"name": "_createInput",
|
|
973
|
-
"privacy": "private",
|
|
974
|
-
"return": {
|
|
975
|
-
"type": {
|
|
976
|
-
"text": "ZnSelect | ZnInput | null"
|
|
977
|
-
}
|
|
978
|
-
},
|
|
979
|
-
"parameters": [
|
|
980
|
-
{
|
|
981
|
-
"name": "uniqueId",
|
|
982
|
-
"type": {
|
|
983
|
-
"text": "string"
|
|
984
|
-
}
|
|
985
|
-
},
|
|
986
|
-
{
|
|
987
|
-
"name": "filter",
|
|
988
|
-
"type": {
|
|
989
|
-
"text": "BulkActionItem"
|
|
990
|
-
}
|
|
991
|
-
}
|
|
992
|
-
]
|
|
993
|
-
},
|
|
994
|
-
{
|
|
995
|
-
"kind": "method",
|
|
996
|
-
"name": "_updateValue",
|
|
997
|
-
"privacy": "private",
|
|
998
|
-
"parameters": [
|
|
999
|
-
{
|
|
1000
|
-
"name": "id",
|
|
1001
|
-
"type": {
|
|
1002
|
-
"text": "string"
|
|
1003
|
-
}
|
|
1004
|
-
},
|
|
1005
|
-
{
|
|
1006
|
-
"name": "event",
|
|
1007
|
-
"type": {
|
|
1008
|
-
"text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
|
|
1009
|
-
}
|
|
1010
|
-
}
|
|
1011
|
-
]
|
|
1012
|
-
},
|
|
1013
|
-
{
|
|
1014
|
-
"kind": "method",
|
|
1015
|
-
"name": "_getRulePosition",
|
|
1016
|
-
"privacy": "private",
|
|
1017
|
-
"return": {
|
|
1018
|
-
"type": {
|
|
1019
|
-
"text": "number"
|
|
1020
|
-
}
|
|
1021
|
-
},
|
|
1022
|
-
"parameters": [
|
|
1023
|
-
{
|
|
1024
|
-
"name": "id",
|
|
1025
|
-
"type": {
|
|
1026
|
-
"text": "string"
|
|
1027
|
-
}
|
|
1028
|
-
}
|
|
1029
|
-
]
|
|
1030
|
-
},
|
|
1031
|
-
{
|
|
1032
|
-
"kind": "method",
|
|
1033
|
-
"name": "_changeRule",
|
|
1034
|
-
"privacy": "private",
|
|
1035
|
-
"parameters": [
|
|
1036
|
-
{
|
|
1037
|
-
"name": "id",
|
|
1038
|
-
"type": {
|
|
1039
|
-
"text": "string"
|
|
1040
|
-
}
|
|
1041
|
-
},
|
|
1042
|
-
{
|
|
1043
|
-
"name": "event",
|
|
1044
|
-
"type": {
|
|
1045
|
-
"text": "ZnChangeEvent"
|
|
1046
|
-
}
|
|
1047
|
-
}
|
|
1048
|
-
]
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "method",
|
|
1052
|
-
"name": "_removeRule",
|
|
1053
|
-
"privacy": "private",
|
|
1054
|
-
"parameters": [
|
|
1055
|
-
{
|
|
1056
|
-
"name": "id",
|
|
1057
|
-
"type": {
|
|
1058
|
-
"text": "string"
|
|
1059
|
-
}
|
|
1060
|
-
},
|
|
1061
|
-
{
|
|
1062
|
-
"name": "event",
|
|
1063
|
-
"type": {
|
|
1064
|
-
"text": "Event"
|
|
1065
|
-
}
|
|
1066
|
-
}
|
|
1067
|
-
]
|
|
1068
|
-
},
|
|
1069
|
-
{
|
|
1070
|
-
"kind": "method",
|
|
1071
|
-
"name": "checkValidity",
|
|
1072
|
-
"return": {
|
|
1073
|
-
"type": {
|
|
1074
|
-
"text": "boolean"
|
|
1075
|
-
}
|
|
1076
|
-
}
|
|
1077
|
-
},
|
|
1078
|
-
{
|
|
1079
|
-
"kind": "method",
|
|
1080
|
-
"name": "getForm",
|
|
1081
|
-
"return": {
|
|
1082
|
-
"type": {
|
|
1083
|
-
"text": "HTMLFormElement | null"
|
|
1084
|
-
}
|
|
1085
|
-
}
|
|
1086
|
-
},
|
|
1087
|
-
{
|
|
1088
|
-
"kind": "method",
|
|
1089
|
-
"name": "reportValidity",
|
|
1090
|
-
"return": {
|
|
1091
|
-
"type": {
|
|
1092
|
-
"text": "boolean"
|
|
1093
|
-
}
|
|
1094
|
-
}
|
|
1095
|
-
},
|
|
1096
|
-
{
|
|
1097
|
-
"kind": "method",
|
|
1098
|
-
"name": "setCustomValidity",
|
|
1099
|
-
"return": {
|
|
1100
|
-
"type": {
|
|
1101
|
-
"text": "void"
|
|
1102
|
-
}
|
|
1103
|
-
},
|
|
1104
|
-
"parameters": [
|
|
1105
|
-
{
|
|
1106
|
-
"name": "message",
|
|
1107
|
-
"type": {
|
|
1108
|
-
"text": "string"
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
]
|
|
1112
|
-
}
|
|
1113
|
-
],
|
|
1114
|
-
"events": [
|
|
1115
|
-
{
|
|
1116
|
-
"description": "Emitted as an example.",
|
|
1117
|
-
"name": "zn-event-name"
|
|
1118
|
-
}
|
|
1119
|
-
],
|
|
1120
|
-
"attributes": [
|
|
1121
|
-
{
|
|
1122
|
-
"name": "name",
|
|
1123
|
-
"type": {
|
|
1124
|
-
"text": "string"
|
|
1125
|
-
},
|
|
1126
|
-
"fieldName": "name"
|
|
1127
|
-
},
|
|
1128
|
-
{
|
|
1129
|
-
"name": "value",
|
|
1130
|
-
"type": {
|
|
1131
|
-
"text": "PropertyKey"
|
|
1132
|
-
},
|
|
1133
|
-
"fieldName": "value"
|
|
1134
|
-
},
|
|
1135
|
-
{
|
|
1136
|
-
"name": "actions",
|
|
1137
|
-
"type": {
|
|
1138
|
-
"text": "BulkActionData"
|
|
1139
|
-
},
|
|
1140
|
-
"default": "[]",
|
|
1141
|
-
"fieldName": "actions"
|
|
1142
|
-
}
|
|
1143
|
-
],
|
|
1144
|
-
"superclass": {
|
|
1145
|
-
"name": "ZincElement",
|
|
1146
|
-
"module": "/src/internal/zinc-element"
|
|
1147
|
-
},
|
|
1148
|
-
"summary": "Short summary of the component's intended use.",
|
|
1149
|
-
"tagNameWithoutPrefix": "bulk-actions",
|
|
1150
|
-
"tagName": "zn-bulk-actions",
|
|
1151
|
-
"customElement": true,
|
|
1152
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
1153
|
-
"documentation": "https://zinc.style/components/bulk-actions",
|
|
1154
|
-
"status": "experimental",
|
|
1155
|
-
"since": "1.0",
|
|
1156
|
-
"dependencies": [
|
|
1157
|
-
"zn-button",
|
|
1158
|
-
"zn-input",
|
|
1159
|
-
"zn-option",
|
|
1160
|
-
"zn-select"
|
|
1161
|
-
]
|
|
1162
|
-
}
|
|
1163
|
-
],
|
|
1164
|
-
"exports": [
|
|
1165
|
-
{
|
|
1166
|
-
"kind": "js",
|
|
1167
|
-
"name": "default",
|
|
1168
|
-
"declaration": {
|
|
1169
|
-
"name": "ZnBulkActions",
|
|
1170
|
-
"module": "components/bulk-actions/bulk-actions.js"
|
|
1171
|
-
}
|
|
1172
|
-
}
|
|
1173
|
-
]
|
|
1174
|
-
},
|
|
1175
818
|
{
|
|
1176
819
|
"kind": "javascript-module",
|
|
1177
820
|
"path": "components/button/button.js",
|
|
@@ -2275,6 +1918,363 @@
|
|
|
2275
1918
|
}
|
|
2276
1919
|
]
|
|
2277
1920
|
},
|
|
1921
|
+
{
|
|
1922
|
+
"kind": "javascript-module",
|
|
1923
|
+
"path": "components/bulk-actions/bulk-actions.js",
|
|
1924
|
+
"declarations": [
|
|
1925
|
+
{
|
|
1926
|
+
"kind": "class",
|
|
1927
|
+
"description": "",
|
|
1928
|
+
"name": "ZnBulkActions",
|
|
1929
|
+
"cssProperties": [
|
|
1930
|
+
{
|
|
1931
|
+
"description": "An example CSS custom property.",
|
|
1932
|
+
"name": "--example"
|
|
1933
|
+
}
|
|
1934
|
+
],
|
|
1935
|
+
"cssParts": [
|
|
1936
|
+
{
|
|
1937
|
+
"description": "The component's base wrapper.",
|
|
1938
|
+
"name": "base"
|
|
1939
|
+
}
|
|
1940
|
+
],
|
|
1941
|
+
"slots": [
|
|
1942
|
+
{
|
|
1943
|
+
"description": "The default slot.",
|
|
1944
|
+
"name": ""
|
|
1945
|
+
},
|
|
1946
|
+
{
|
|
1947
|
+
"description": "An example slot.",
|
|
1948
|
+
"name": "example"
|
|
1949
|
+
}
|
|
1950
|
+
],
|
|
1951
|
+
"members": [
|
|
1952
|
+
{
|
|
1953
|
+
"kind": "field",
|
|
1954
|
+
"name": "dependencies",
|
|
1955
|
+
"type": {
|
|
1956
|
+
"text": "object"
|
|
1957
|
+
},
|
|
1958
|
+
"static": true,
|
|
1959
|
+
"default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
|
|
1960
|
+
},
|
|
1961
|
+
{
|
|
1962
|
+
"kind": "field",
|
|
1963
|
+
"name": "container",
|
|
1964
|
+
"type": {
|
|
1965
|
+
"text": "HTMLDivElement"
|
|
1966
|
+
}
|
|
1967
|
+
},
|
|
1968
|
+
{
|
|
1969
|
+
"kind": "field",
|
|
1970
|
+
"name": "addRule",
|
|
1971
|
+
"type": {
|
|
1972
|
+
"text": "ZnSelect"
|
|
1973
|
+
}
|
|
1974
|
+
},
|
|
1975
|
+
{
|
|
1976
|
+
"kind": "field",
|
|
1977
|
+
"name": "input",
|
|
1978
|
+
"type": {
|
|
1979
|
+
"text": "HTMLInputElement"
|
|
1980
|
+
}
|
|
1981
|
+
},
|
|
1982
|
+
{
|
|
1983
|
+
"kind": "field",
|
|
1984
|
+
"name": "name",
|
|
1985
|
+
"type": {
|
|
1986
|
+
"text": "string"
|
|
1987
|
+
},
|
|
1988
|
+
"attribute": "name"
|
|
1989
|
+
},
|
|
1990
|
+
{
|
|
1991
|
+
"kind": "field",
|
|
1992
|
+
"name": "value",
|
|
1993
|
+
"type": {
|
|
1994
|
+
"text": "PropertyKey"
|
|
1995
|
+
},
|
|
1996
|
+
"attribute": "value"
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"kind": "field",
|
|
2000
|
+
"name": "actions",
|
|
2001
|
+
"type": {
|
|
2002
|
+
"text": "BulkActionData"
|
|
2003
|
+
},
|
|
2004
|
+
"default": "[]",
|
|
2005
|
+
"attribute": "actions"
|
|
2006
|
+
},
|
|
2007
|
+
{
|
|
2008
|
+
"kind": "field",
|
|
2009
|
+
"name": "_selectedRules",
|
|
2010
|
+
"type": {
|
|
2011
|
+
"text": "Map<string, CreatedRule>"
|
|
2012
|
+
},
|
|
2013
|
+
"privacy": "private",
|
|
2014
|
+
"default": "new Map<string, CreatedRule>()"
|
|
2015
|
+
},
|
|
2016
|
+
{
|
|
2017
|
+
"kind": "field",
|
|
2018
|
+
"name": "_formController",
|
|
2019
|
+
"type": {
|
|
2020
|
+
"text": "FormControlController"
|
|
2021
|
+
},
|
|
2022
|
+
"privacy": "private",
|
|
2023
|
+
"default": "new FormControlController(this, {})"
|
|
2024
|
+
},
|
|
2025
|
+
{
|
|
2026
|
+
"kind": "field",
|
|
2027
|
+
"name": "validationMessage",
|
|
2028
|
+
"type": {
|
|
2029
|
+
"text": "string"
|
|
2030
|
+
},
|
|
2031
|
+
"readonly": true
|
|
2032
|
+
},
|
|
2033
|
+
{
|
|
2034
|
+
"kind": "field",
|
|
2035
|
+
"name": "validity",
|
|
2036
|
+
"type": {
|
|
2037
|
+
"text": "ValidityState"
|
|
2038
|
+
},
|
|
2039
|
+
"readonly": true
|
|
2040
|
+
},
|
|
2041
|
+
{
|
|
2042
|
+
"kind": "method",
|
|
2043
|
+
"name": "_handleChange",
|
|
2044
|
+
"privacy": "private"
|
|
2045
|
+
},
|
|
2046
|
+
{
|
|
2047
|
+
"kind": "method",
|
|
2048
|
+
"name": "_addRule",
|
|
2049
|
+
"privacy": "private",
|
|
2050
|
+
"parameters": [
|
|
2051
|
+
{
|
|
2052
|
+
"name": "event",
|
|
2053
|
+
"type": {
|
|
2054
|
+
"text": "Event | null"
|
|
2055
|
+
}
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"name": "value",
|
|
2059
|
+
"default": "\"\"",
|
|
2060
|
+
"type": {
|
|
2061
|
+
"text": "string"
|
|
2062
|
+
}
|
|
2063
|
+
},
|
|
2064
|
+
{
|
|
2065
|
+
"name": "pos",
|
|
2066
|
+
"optional": true,
|
|
2067
|
+
"type": {
|
|
2068
|
+
"text": "number"
|
|
2069
|
+
}
|
|
2070
|
+
}
|
|
2071
|
+
]
|
|
2072
|
+
},
|
|
2073
|
+
{
|
|
2074
|
+
"kind": "method",
|
|
2075
|
+
"name": "_createInput",
|
|
2076
|
+
"privacy": "private",
|
|
2077
|
+
"return": {
|
|
2078
|
+
"type": {
|
|
2079
|
+
"text": "ZnSelect | ZnInput | null"
|
|
2080
|
+
}
|
|
2081
|
+
},
|
|
2082
|
+
"parameters": [
|
|
2083
|
+
{
|
|
2084
|
+
"name": "uniqueId",
|
|
2085
|
+
"type": {
|
|
2086
|
+
"text": "string"
|
|
2087
|
+
}
|
|
2088
|
+
},
|
|
2089
|
+
{
|
|
2090
|
+
"name": "filter",
|
|
2091
|
+
"type": {
|
|
2092
|
+
"text": "BulkActionItem"
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2095
|
+
]
|
|
2096
|
+
},
|
|
2097
|
+
{
|
|
2098
|
+
"kind": "method",
|
|
2099
|
+
"name": "_updateValue",
|
|
2100
|
+
"privacy": "private",
|
|
2101
|
+
"parameters": [
|
|
2102
|
+
{
|
|
2103
|
+
"name": "id",
|
|
2104
|
+
"type": {
|
|
2105
|
+
"text": "string"
|
|
2106
|
+
}
|
|
2107
|
+
},
|
|
2108
|
+
{
|
|
2109
|
+
"name": "event",
|
|
2110
|
+
"type": {
|
|
2111
|
+
"text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
|
|
2112
|
+
}
|
|
2113
|
+
}
|
|
2114
|
+
]
|
|
2115
|
+
},
|
|
2116
|
+
{
|
|
2117
|
+
"kind": "method",
|
|
2118
|
+
"name": "_getRulePosition",
|
|
2119
|
+
"privacy": "private",
|
|
2120
|
+
"return": {
|
|
2121
|
+
"type": {
|
|
2122
|
+
"text": "number"
|
|
2123
|
+
}
|
|
2124
|
+
},
|
|
2125
|
+
"parameters": [
|
|
2126
|
+
{
|
|
2127
|
+
"name": "id",
|
|
2128
|
+
"type": {
|
|
2129
|
+
"text": "string"
|
|
2130
|
+
}
|
|
2131
|
+
}
|
|
2132
|
+
]
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"kind": "method",
|
|
2136
|
+
"name": "_changeRule",
|
|
2137
|
+
"privacy": "private",
|
|
2138
|
+
"parameters": [
|
|
2139
|
+
{
|
|
2140
|
+
"name": "id",
|
|
2141
|
+
"type": {
|
|
2142
|
+
"text": "string"
|
|
2143
|
+
}
|
|
2144
|
+
},
|
|
2145
|
+
{
|
|
2146
|
+
"name": "event",
|
|
2147
|
+
"type": {
|
|
2148
|
+
"text": "ZnChangeEvent"
|
|
2149
|
+
}
|
|
2150
|
+
}
|
|
2151
|
+
]
|
|
2152
|
+
},
|
|
2153
|
+
{
|
|
2154
|
+
"kind": "method",
|
|
2155
|
+
"name": "_removeRule",
|
|
2156
|
+
"privacy": "private",
|
|
2157
|
+
"parameters": [
|
|
2158
|
+
{
|
|
2159
|
+
"name": "id",
|
|
2160
|
+
"type": {
|
|
2161
|
+
"text": "string"
|
|
2162
|
+
}
|
|
2163
|
+
},
|
|
2164
|
+
{
|
|
2165
|
+
"name": "event",
|
|
2166
|
+
"type": {
|
|
2167
|
+
"text": "Event"
|
|
2168
|
+
}
|
|
2169
|
+
}
|
|
2170
|
+
]
|
|
2171
|
+
},
|
|
2172
|
+
{
|
|
2173
|
+
"kind": "method",
|
|
2174
|
+
"name": "checkValidity",
|
|
2175
|
+
"return": {
|
|
2176
|
+
"type": {
|
|
2177
|
+
"text": "boolean"
|
|
2178
|
+
}
|
|
2179
|
+
}
|
|
2180
|
+
},
|
|
2181
|
+
{
|
|
2182
|
+
"kind": "method",
|
|
2183
|
+
"name": "getForm",
|
|
2184
|
+
"return": {
|
|
2185
|
+
"type": {
|
|
2186
|
+
"text": "HTMLFormElement | null"
|
|
2187
|
+
}
|
|
2188
|
+
}
|
|
2189
|
+
},
|
|
2190
|
+
{
|
|
2191
|
+
"kind": "method",
|
|
2192
|
+
"name": "reportValidity",
|
|
2193
|
+
"return": {
|
|
2194
|
+
"type": {
|
|
2195
|
+
"text": "boolean"
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"kind": "method",
|
|
2201
|
+
"name": "setCustomValidity",
|
|
2202
|
+
"return": {
|
|
2203
|
+
"type": {
|
|
2204
|
+
"text": "void"
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
"parameters": [
|
|
2208
|
+
{
|
|
2209
|
+
"name": "message",
|
|
2210
|
+
"type": {
|
|
2211
|
+
"text": "string"
|
|
2212
|
+
}
|
|
2213
|
+
}
|
|
2214
|
+
]
|
|
2215
|
+
}
|
|
2216
|
+
],
|
|
2217
|
+
"events": [
|
|
2218
|
+
{
|
|
2219
|
+
"description": "Emitted as an example.",
|
|
2220
|
+
"name": "zn-event-name"
|
|
2221
|
+
}
|
|
2222
|
+
],
|
|
2223
|
+
"attributes": [
|
|
2224
|
+
{
|
|
2225
|
+
"name": "name",
|
|
2226
|
+
"type": {
|
|
2227
|
+
"text": "string"
|
|
2228
|
+
},
|
|
2229
|
+
"fieldName": "name"
|
|
2230
|
+
},
|
|
2231
|
+
{
|
|
2232
|
+
"name": "value",
|
|
2233
|
+
"type": {
|
|
2234
|
+
"text": "PropertyKey"
|
|
2235
|
+
},
|
|
2236
|
+
"fieldName": "value"
|
|
2237
|
+
},
|
|
2238
|
+
{
|
|
2239
|
+
"name": "actions",
|
|
2240
|
+
"type": {
|
|
2241
|
+
"text": "BulkActionData"
|
|
2242
|
+
},
|
|
2243
|
+
"default": "[]",
|
|
2244
|
+
"fieldName": "actions"
|
|
2245
|
+
}
|
|
2246
|
+
],
|
|
2247
|
+
"superclass": {
|
|
2248
|
+
"name": "ZincElement",
|
|
2249
|
+
"module": "/src/internal/zinc-element"
|
|
2250
|
+
},
|
|
2251
|
+
"summary": "Short summary of the component's intended use.",
|
|
2252
|
+
"tagNameWithoutPrefix": "bulk-actions",
|
|
2253
|
+
"tagName": "zn-bulk-actions",
|
|
2254
|
+
"customElement": true,
|
|
2255
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
2256
|
+
"documentation": "https://zinc.style/components/bulk-actions",
|
|
2257
|
+
"status": "experimental",
|
|
2258
|
+
"since": "1.0",
|
|
2259
|
+
"dependencies": [
|
|
2260
|
+
"zn-button",
|
|
2261
|
+
"zn-input",
|
|
2262
|
+
"zn-option",
|
|
2263
|
+
"zn-select"
|
|
2264
|
+
]
|
|
2265
|
+
}
|
|
2266
|
+
],
|
|
2267
|
+
"exports": [
|
|
2268
|
+
{
|
|
2269
|
+
"kind": "js",
|
|
2270
|
+
"name": "default",
|
|
2271
|
+
"declaration": {
|
|
2272
|
+
"name": "ZnBulkActions",
|
|
2273
|
+
"module": "components/bulk-actions/bulk-actions.js"
|
|
2274
|
+
}
|
|
2275
|
+
}
|
|
2276
|
+
]
|
|
2277
|
+
},
|
|
2278
2278
|
{
|
|
2279
2279
|
"kind": "javascript-module",
|
|
2280
2280
|
"path": "components/button-menu/button-menu.js",
|
|
@@ -13284,6 +13284,24 @@
|
|
|
13284
13284
|
}
|
|
13285
13285
|
]
|
|
13286
13286
|
},
|
|
13287
|
+
{
|
|
13288
|
+
"kind": "method",
|
|
13289
|
+
"name": "convertIndicatorToLibrary",
|
|
13290
|
+
"privacy": "private",
|
|
13291
|
+
"return": {
|
|
13292
|
+
"type": {
|
|
13293
|
+
"text": "IconLibrary | undefined"
|
|
13294
|
+
}
|
|
13295
|
+
},
|
|
13296
|
+
"parameters": [
|
|
13297
|
+
{
|
|
13298
|
+
"name": "input",
|
|
13299
|
+
"type": {
|
|
13300
|
+
"text": "string"
|
|
13301
|
+
}
|
|
13302
|
+
}
|
|
13303
|
+
]
|
|
13304
|
+
},
|
|
13287
13305
|
{
|
|
13288
13306
|
"kind": "method",
|
|
13289
13307
|
"name": "applyHashFragment",
|
|
@@ -20199,6 +20217,10 @@
|
|
|
20199
20217
|
"module": "src/components/tabs/tabs.component.ts"
|
|
20200
20218
|
}
|
|
20201
20219
|
},
|
|
20220
|
+
{
|
|
20221
|
+
"description": "Rich subtitle/description content. Falls back to the `summary` attribute when empty.",
|
|
20222
|
+
"name": "description"
|
|
20223
|
+
},
|
|
20202
20224
|
{
|
|
20203
20225
|
"description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.",
|
|
20204
20226
|
"name": "bottom"
|
|
@@ -21673,7 +21695,7 @@
|
|
|
21673
21695
|
"tagNameWithoutPrefix": "page",
|
|
21674
21696
|
"tagName": "zn-page",
|
|
21675
21697
|
"customElement": true,
|
|
21676
|
-
"jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
|
|
21698
|
+
"jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * @slot description - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
|
|
21677
21699
|
"documentation": "https://zinc.style/components/page",
|
|
21678
21700
|
"status": "experimental",
|
|
21679
21701
|
"since": "1.0",
|
|
@@ -29397,248 +29419,6 @@
|
|
|
29397
29419
|
}
|
|
29398
29420
|
]
|
|
29399
29421
|
},
|
|
29400
|
-
{
|
|
29401
|
-
"kind": "javascript-module",
|
|
29402
|
-
"path": "components/slideout/slideout.js",
|
|
29403
|
-
"declarations": [
|
|
29404
|
-
{
|
|
29405
|
-
"kind": "class",
|
|
29406
|
-
"description": "",
|
|
29407
|
-
"name": "ZnSlideout",
|
|
29408
|
-
"cssProperties": [
|
|
29409
|
-
{
|
|
29410
|
-
"description": "The preferred width of the slideout. Note the slideout will shrink to accommodate smaller screens.",
|
|
29411
|
-
"name": "--width"
|
|
29412
|
-
},
|
|
29413
|
-
{
|
|
29414
|
-
"description": "The amount of padding to use for the header.",
|
|
29415
|
-
"name": "--header-spacing"
|
|
29416
|
-
},
|
|
29417
|
-
{
|
|
29418
|
-
"description": "The amount of padding to use for the body.",
|
|
29419
|
-
"name": "--body-spacing"
|
|
29420
|
-
}
|
|
29421
|
-
],
|
|
29422
|
-
"cssParts": [
|
|
29423
|
-
{
|
|
29424
|
-
"description": "The component's base wrapper.",
|
|
29425
|
-
"name": "base"
|
|
29426
|
-
},
|
|
29427
|
-
{
|
|
29428
|
-
"description": "The slideout's header. This element wraps the title and header actions.",
|
|
29429
|
-
"name": "header"
|
|
29430
|
-
},
|
|
29431
|
-
{
|
|
29432
|
-
"description": "The slideout's close button.",
|
|
29433
|
-
"name": "close-button"
|
|
29434
|
-
},
|
|
29435
|
-
{
|
|
29436
|
-
"description": "The close buttons exported `base` part.",
|
|
29437
|
-
"name": "close-button__base"
|
|
29438
|
-
},
|
|
29439
|
-
{
|
|
29440
|
-
"description": "The slideout's body.",
|
|
29441
|
-
"name": "body"
|
|
29442
|
-
}
|
|
29443
|
-
],
|
|
29444
|
-
"slots": [
|
|
29445
|
-
{
|
|
29446
|
-
"description": "The default slot.",
|
|
29447
|
-
"name": ""
|
|
29448
|
-
},
|
|
29449
|
-
{
|
|
29450
|
-
"description": "The slideout's label. Alternatively you can use the `label` attribute.",
|
|
29451
|
-
"name": "label"
|
|
29452
|
-
}
|
|
29453
|
-
],
|
|
29454
|
-
"members": [
|
|
29455
|
-
{
|
|
29456
|
-
"kind": "field",
|
|
29457
|
-
"name": "dependencies",
|
|
29458
|
-
"type": {
|
|
29459
|
-
"text": "object"
|
|
29460
|
-
},
|
|
29461
|
-
"static": true,
|
|
29462
|
-
"default": "{ 'zn-button': ZnButton }"
|
|
29463
|
-
},
|
|
29464
|
-
{
|
|
29465
|
-
"kind": "field",
|
|
29466
|
-
"name": "localize",
|
|
29467
|
-
"privacy": "private",
|
|
29468
|
-
"readonly": true,
|
|
29469
|
-
"default": "new LocalizeController(this)"
|
|
29470
|
-
},
|
|
29471
|
-
{
|
|
29472
|
-
"kind": "field",
|
|
29473
|
-
"name": "closeWatcher",
|
|
29474
|
-
"type": {
|
|
29475
|
-
"text": "CloseWatcher | null"
|
|
29476
|
-
},
|
|
29477
|
-
"privacy": "private"
|
|
29478
|
-
},
|
|
29479
|
-
{
|
|
29480
|
-
"kind": "field",
|
|
29481
|
-
"name": "slideout",
|
|
29482
|
-
"type": {
|
|
29483
|
-
"text": "HTMLDialogElement"
|
|
29484
|
-
}
|
|
29485
|
-
},
|
|
29486
|
-
{
|
|
29487
|
-
"kind": "field",
|
|
29488
|
-
"name": "panel",
|
|
29489
|
-
"type": {
|
|
29490
|
-
"text": "HTMLElement"
|
|
29491
|
-
}
|
|
29492
|
-
},
|
|
29493
|
-
{
|
|
29494
|
-
"kind": "field",
|
|
29495
|
-
"name": "overlay",
|
|
29496
|
-
"type": {
|
|
29497
|
-
"text": "HTMLElement"
|
|
29498
|
-
}
|
|
29499
|
-
},
|
|
29500
|
-
{
|
|
29501
|
-
"kind": "field",
|
|
29502
|
-
"name": "open",
|
|
29503
|
-
"type": {
|
|
29504
|
-
"text": "boolean"
|
|
29505
|
-
},
|
|
29506
|
-
"default": "false",
|
|
29507
|
-
"description": "Indicated whether of not the slideout is open. You can toggle this attribute to show and hide the slideout, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the slideout's state.",
|
|
29508
|
-
"attribute": "open",
|
|
29509
|
-
"reflects": true
|
|
29510
|
-
},
|
|
29511
|
-
{
|
|
29512
|
-
"kind": "field",
|
|
29513
|
-
"name": "label",
|
|
29514
|
-
"type": {
|
|
29515
|
-
"text": "string"
|
|
29516
|
-
},
|
|
29517
|
-
"description": "The slideout's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
|
|
29518
|
-
"attribute": "label",
|
|
29519
|
-
"reflects": true
|
|
29520
|
-
},
|
|
29521
|
-
{
|
|
29522
|
-
"kind": "field",
|
|
29523
|
-
"name": "trigger",
|
|
29524
|
-
"type": {
|
|
29525
|
-
"text": "string"
|
|
29526
|
-
},
|
|
29527
|
-
"description": "The slideout's trigger element. This is used to open the slideout when clicked. If you do not provide a trigger, you\nwill need to manually open the slideout using the `show()` method.",
|
|
29528
|
-
"attribute": "trigger",
|
|
29529
|
-
"reflects": true
|
|
29530
|
-
},
|
|
29531
|
-
{
|
|
29532
|
-
"kind": "method",
|
|
29533
|
-
"name": "requestClose",
|
|
29534
|
-
"privacy": "private",
|
|
29535
|
-
"parameters": [
|
|
29536
|
-
{
|
|
29537
|
-
"name": "source",
|
|
29538
|
-
"type": {
|
|
29539
|
-
"text": "'close-button' | 'keyboard' | 'overlay'"
|
|
29540
|
-
}
|
|
29541
|
-
}
|
|
29542
|
-
]
|
|
29543
|
-
},
|
|
29544
|
-
{
|
|
29545
|
-
"kind": "method",
|
|
29546
|
-
"name": "addOpenListeners",
|
|
29547
|
-
"privacy": "private"
|
|
29548
|
-
},
|
|
29549
|
-
{
|
|
29550
|
-
"kind": "method",
|
|
29551
|
-
"name": "removeOpenListeners",
|
|
29552
|
-
"privacy": "private"
|
|
29553
|
-
},
|
|
29554
|
-
{
|
|
29555
|
-
"kind": "method",
|
|
29556
|
-
"name": "show",
|
|
29557
|
-
"description": "Shows the slideout."
|
|
29558
|
-
},
|
|
29559
|
-
{
|
|
29560
|
-
"kind": "method",
|
|
29561
|
-
"name": "hide",
|
|
29562
|
-
"description": "Hides the slideout."
|
|
29563
|
-
},
|
|
29564
|
-
{
|
|
29565
|
-
"kind": "field",
|
|
29566
|
-
"name": "closeClickHandler",
|
|
29567
|
-
"privacy": "private"
|
|
29568
|
-
}
|
|
29569
|
-
],
|
|
29570
|
-
"events": [
|
|
29571
|
-
{
|
|
29572
|
-
"description": "Emitted when the slideout is opens.",
|
|
29573
|
-
"name": "zn-show"
|
|
29574
|
-
},
|
|
29575
|
-
{
|
|
29576
|
-
"description": "Emitted when the slideout is closed.",
|
|
29577
|
-
"name": "zn-close"
|
|
29578
|
-
},
|
|
29579
|
-
{
|
|
29580
|
-
"type": {
|
|
29581
|
-
"text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
|
|
29582
|
-
},
|
|
29583
|
-
"description": "Emitted when the user attempts to close the slideout by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the slideout open. Avoid using this unless closing the slideout will result in destructive behavior such as data loss.",
|
|
29584
|
-
"name": "zn-request-close"
|
|
29585
|
-
}
|
|
29586
|
-
],
|
|
29587
|
-
"attributes": [
|
|
29588
|
-
{
|
|
29589
|
-
"name": "open",
|
|
29590
|
-
"type": {
|
|
29591
|
-
"text": "boolean"
|
|
29592
|
-
},
|
|
29593
|
-
"default": "false",
|
|
29594
|
-
"description": "Indicated whether of not the slideout is open. You can toggle this attribute to show and hide the slideout, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the slideout's state.",
|
|
29595
|
-
"fieldName": "open"
|
|
29596
|
-
},
|
|
29597
|
-
{
|
|
29598
|
-
"name": "label",
|
|
29599
|
-
"type": {
|
|
29600
|
-
"text": "string"
|
|
29601
|
-
},
|
|
29602
|
-
"description": "The slideout's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
|
|
29603
|
-
"fieldName": "label"
|
|
29604
|
-
},
|
|
29605
|
-
{
|
|
29606
|
-
"name": "trigger",
|
|
29607
|
-
"type": {
|
|
29608
|
-
"text": "string"
|
|
29609
|
-
},
|
|
29610
|
-
"description": "The slideout's trigger element. This is used to open the slideout when clicked. If you do not provide a trigger, you\nwill need to manually open the slideout using the `show()` method.",
|
|
29611
|
-
"fieldName": "trigger"
|
|
29612
|
-
}
|
|
29613
|
-
],
|
|
29614
|
-
"superclass": {
|
|
29615
|
-
"name": "ZincElement",
|
|
29616
|
-
"module": "/src/internal/zinc-element"
|
|
29617
|
-
},
|
|
29618
|
-
"summary": "Short summary of the component's intended use.",
|
|
29619
|
-
"tagNameWithoutPrefix": "slideout",
|
|
29620
|
-
"tagName": "zn-slideout",
|
|
29621
|
-
"customElement": true,
|
|
29622
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/slideout\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n *\n * @event zn-show - Emitted when the slideout is opens.\n * @event zn-close - Emitted when the slideout is closed.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} zn-request-close - Emitted when the user attempts to\n * close the slideout by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the slideout open. Avoid using this unless closing the slideout will result in\n * destructive behavior such as data loss.\n *\n * @slot - The default slot.\n * @slot label - The slideout's label. Alternatively you can use the `label` attribute.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The slideout's header. This element wraps the title and header actions.\n * @csspart close-button - The slideout's close button.\n * @csspart close-button__base - The close buttons exported `base` part.\n * @csspart body - The slideout's body.\n *\n * @cssproperty --width - The preferred width of the slideout. Note the slideout will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n */",
|
|
29623
|
-
"documentation": "https://zinc.style/components/slideout",
|
|
29624
|
-
"status": "experimental",
|
|
29625
|
-
"since": "1.0",
|
|
29626
|
-
"dependencies": [
|
|
29627
|
-
"zn-button"
|
|
29628
|
-
]
|
|
29629
|
-
}
|
|
29630
|
-
],
|
|
29631
|
-
"exports": [
|
|
29632
|
-
{
|
|
29633
|
-
"kind": "js",
|
|
29634
|
-
"name": "default",
|
|
29635
|
-
"declaration": {
|
|
29636
|
-
"name": "ZnSlideout",
|
|
29637
|
-
"module": "components/slideout/slideout.js"
|
|
29638
|
-
}
|
|
29639
|
-
}
|
|
29640
|
-
]
|
|
29641
|
-
},
|
|
29642
29422
|
{
|
|
29643
29423
|
"kind": "javascript-module",
|
|
29644
29424
|
"path": "components/sp/sp.js",
|
|
@@ -30077,249 +29857,6 @@
|
|
|
30077
29857
|
}
|
|
30078
29858
|
]
|
|
30079
29859
|
},
|
|
30080
|
-
{
|
|
30081
|
-
"kind": "javascript-module",
|
|
30082
|
-
"path": "components/split-button/split-button.js",
|
|
30083
|
-
"declarations": [
|
|
30084
|
-
{
|
|
30085
|
-
"kind": "class",
|
|
30086
|
-
"description": "",
|
|
30087
|
-
"name": "ZnSplitButton",
|
|
30088
|
-
"cssProperties": [
|
|
30089
|
-
{
|
|
30090
|
-
"description": "An example CSS custom property.",
|
|
30091
|
-
"name": "--example"
|
|
30092
|
-
}
|
|
30093
|
-
],
|
|
30094
|
-
"cssParts": [
|
|
30095
|
-
{
|
|
30096
|
-
"description": "The component's base wrapper.",
|
|
30097
|
-
"name": "base"
|
|
30098
|
-
}
|
|
30099
|
-
],
|
|
30100
|
-
"slots": [
|
|
30101
|
-
{
|
|
30102
|
-
"description": "The default slot.",
|
|
30103
|
-
"name": ""
|
|
30104
|
-
},
|
|
30105
|
-
{
|
|
30106
|
-
"description": "An example slot.",
|
|
30107
|
-
"name": "example"
|
|
30108
|
-
}
|
|
30109
|
-
],
|
|
30110
|
-
"members": [
|
|
30111
|
-
{
|
|
30112
|
-
"kind": "field",
|
|
30113
|
-
"name": "formControlController",
|
|
30114
|
-
"privacy": "private",
|
|
30115
|
-
"readonly": true,
|
|
30116
|
-
"default": "new FormControlController(this)"
|
|
30117
|
-
},
|
|
30118
|
-
{
|
|
30119
|
-
"kind": "field",
|
|
30120
|
-
"name": "caption",
|
|
30121
|
-
"type": {
|
|
30122
|
-
"text": "string"
|
|
30123
|
-
},
|
|
30124
|
-
"attribute": "caption"
|
|
30125
|
-
},
|
|
30126
|
-
{
|
|
30127
|
-
"kind": "field",
|
|
30128
|
-
"name": "href",
|
|
30129
|
-
"type": {
|
|
30130
|
-
"text": "string"
|
|
30131
|
-
},
|
|
30132
|
-
"attribute": "href"
|
|
30133
|
-
},
|
|
30134
|
-
{
|
|
30135
|
-
"kind": "field",
|
|
30136
|
-
"name": "name",
|
|
30137
|
-
"type": {
|
|
30138
|
-
"text": "string"
|
|
30139
|
-
},
|
|
30140
|
-
"attribute": "name"
|
|
30141
|
-
},
|
|
30142
|
-
{
|
|
30143
|
-
"kind": "field",
|
|
30144
|
-
"name": "value",
|
|
30145
|
-
"type": {
|
|
30146
|
-
"text": "string"
|
|
30147
|
-
},
|
|
30148
|
-
"attribute": "value"
|
|
30149
|
-
},
|
|
30150
|
-
{
|
|
30151
|
-
"kind": "field",
|
|
30152
|
-
"name": "defaultValue",
|
|
30153
|
-
"type": {
|
|
30154
|
-
"text": "string"
|
|
30155
|
-
}
|
|
30156
|
-
},
|
|
30157
|
-
{
|
|
30158
|
-
"kind": "field",
|
|
30159
|
-
"name": "type",
|
|
30160
|
-
"type": {
|
|
30161
|
-
"text": "string"
|
|
30162
|
-
},
|
|
30163
|
-
"attribute": "type"
|
|
30164
|
-
},
|
|
30165
|
-
{
|
|
30166
|
-
"kind": "field",
|
|
30167
|
-
"name": "dropdown",
|
|
30168
|
-
"type": {
|
|
30169
|
-
"text": "ZnDropdown"
|
|
30170
|
-
}
|
|
30171
|
-
},
|
|
30172
|
-
{
|
|
30173
|
-
"kind": "field",
|
|
30174
|
-
"name": "button",
|
|
30175
|
-
"type": {
|
|
30176
|
-
"text": "ZnButton"
|
|
30177
|
-
}
|
|
30178
|
-
},
|
|
30179
|
-
{
|
|
30180
|
-
"kind": "method",
|
|
30181
|
-
"name": "handleMenuItemClick",
|
|
30182
|
-
"privacy": "public",
|
|
30183
|
-
"parameters": [
|
|
30184
|
-
{
|
|
30185
|
-
"name": "e",
|
|
30186
|
-
"type": {
|
|
30187
|
-
"text": "ZnMenuSelectEvent"
|
|
30188
|
-
}
|
|
30189
|
-
}
|
|
30190
|
-
]
|
|
30191
|
-
},
|
|
30192
|
-
{
|
|
30193
|
-
"kind": "method",
|
|
30194
|
-
"name": "handleTriggerClick",
|
|
30195
|
-
"privacy": "public"
|
|
30196
|
-
},
|
|
30197
|
-
{
|
|
30198
|
-
"kind": "method",
|
|
30199
|
-
"name": "renderTriggerSlot",
|
|
30200
|
-
"privacy": "private"
|
|
30201
|
-
},
|
|
30202
|
-
{
|
|
30203
|
-
"kind": "method",
|
|
30204
|
-
"name": "checkValidity",
|
|
30205
|
-
"return": {
|
|
30206
|
-
"type": {
|
|
30207
|
-
"text": "boolean"
|
|
30208
|
-
}
|
|
30209
|
-
}
|
|
30210
|
-
},
|
|
30211
|
-
{
|
|
30212
|
-
"kind": "method",
|
|
30213
|
-
"name": "getForm",
|
|
30214
|
-
"return": {
|
|
30215
|
-
"type": {
|
|
30216
|
-
"text": "HTMLFormElement | null"
|
|
30217
|
-
}
|
|
30218
|
-
}
|
|
30219
|
-
},
|
|
30220
|
-
{
|
|
30221
|
-
"kind": "method",
|
|
30222
|
-
"name": "reportValidity"
|
|
30223
|
-
},
|
|
30224
|
-
{
|
|
30225
|
-
"kind": "method",
|
|
30226
|
-
"name": "setCustomValidity",
|
|
30227
|
-
"parameters": [
|
|
30228
|
-
{
|
|
30229
|
-
"name": "message",
|
|
30230
|
-
"type": {
|
|
30231
|
-
"text": "string"
|
|
30232
|
-
}
|
|
30233
|
-
}
|
|
30234
|
-
]
|
|
30235
|
-
},
|
|
30236
|
-
{
|
|
30237
|
-
"kind": "field",
|
|
30238
|
-
"name": "validity",
|
|
30239
|
-
"readonly": true
|
|
30240
|
-
},
|
|
30241
|
-
{
|
|
30242
|
-
"kind": "field",
|
|
30243
|
-
"name": "validationMessage",
|
|
30244
|
-
"readonly": true
|
|
30245
|
-
},
|
|
30246
|
-
{
|
|
30247
|
-
"kind": "method",
|
|
30248
|
-
"name": "_isButton",
|
|
30249
|
-
"privacy": "private"
|
|
30250
|
-
}
|
|
30251
|
-
],
|
|
30252
|
-
"events": [
|
|
30253
|
-
{
|
|
30254
|
-
"description": "Emitted as an example.",
|
|
30255
|
-
"name": "zn-event-name"
|
|
30256
|
-
}
|
|
30257
|
-
],
|
|
30258
|
-
"attributes": [
|
|
30259
|
-
{
|
|
30260
|
-
"name": "caption",
|
|
30261
|
-
"type": {
|
|
30262
|
-
"text": "string"
|
|
30263
|
-
},
|
|
30264
|
-
"fieldName": "caption"
|
|
30265
|
-
},
|
|
30266
|
-
{
|
|
30267
|
-
"name": "href",
|
|
30268
|
-
"type": {
|
|
30269
|
-
"text": "string"
|
|
30270
|
-
},
|
|
30271
|
-
"fieldName": "href"
|
|
30272
|
-
},
|
|
30273
|
-
{
|
|
30274
|
-
"name": "name",
|
|
30275
|
-
"type": {
|
|
30276
|
-
"text": "string"
|
|
30277
|
-
},
|
|
30278
|
-
"fieldName": "name"
|
|
30279
|
-
},
|
|
30280
|
-
{
|
|
30281
|
-
"name": "value",
|
|
30282
|
-
"type": {
|
|
30283
|
-
"text": "string"
|
|
30284
|
-
},
|
|
30285
|
-
"fieldName": "value"
|
|
30286
|
-
},
|
|
30287
|
-
{
|
|
30288
|
-
"name": "type",
|
|
30289
|
-
"type": {
|
|
30290
|
-
"text": "string"
|
|
30291
|
-
},
|
|
30292
|
-
"fieldName": "type"
|
|
30293
|
-
}
|
|
30294
|
-
],
|
|
30295
|
-
"superclass": {
|
|
30296
|
-
"name": "ZincElement",
|
|
30297
|
-
"module": "/src/internal/zinc-element"
|
|
30298
|
-
},
|
|
30299
|
-
"summary": "Short summary of the component's intended use.",
|
|
30300
|
-
"tagNameWithoutPrefix": "split-button",
|
|
30301
|
-
"tagName": "zn-split-button",
|
|
30302
|
-
"customElement": true,
|
|
30303
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/split-button\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
30304
|
-
"documentation": "https://zinc.style/components/split-button",
|
|
30305
|
-
"status": "experimental",
|
|
30306
|
-
"since": "1.0",
|
|
30307
|
-
"dependencies": [
|
|
30308
|
-
"zn-example"
|
|
30309
|
-
]
|
|
30310
|
-
}
|
|
30311
|
-
],
|
|
30312
|
-
"exports": [
|
|
30313
|
-
{
|
|
30314
|
-
"kind": "js",
|
|
30315
|
-
"name": "default",
|
|
30316
|
-
"declaration": {
|
|
30317
|
-
"name": "ZnSplitButton",
|
|
30318
|
-
"module": "components/split-button/split-button.js"
|
|
30319
|
-
}
|
|
30320
|
-
}
|
|
30321
|
-
]
|
|
30322
|
-
},
|
|
30323
29860
|
{
|
|
30324
29861
|
"kind": "javascript-module",
|
|
30325
29862
|
"path": "components/split-pane/split-pane.js",
|
|
@@ -30928,6 +30465,491 @@
|
|
|
30928
30465
|
}
|
|
30929
30466
|
]
|
|
30930
30467
|
},
|
|
30468
|
+
{
|
|
30469
|
+
"kind": "javascript-module",
|
|
30470
|
+
"path": "components/slideout/slideout.js",
|
|
30471
|
+
"declarations": [
|
|
30472
|
+
{
|
|
30473
|
+
"kind": "class",
|
|
30474
|
+
"description": "",
|
|
30475
|
+
"name": "ZnSlideout",
|
|
30476
|
+
"cssProperties": [
|
|
30477
|
+
{
|
|
30478
|
+
"description": "The preferred width of the slideout. Note the slideout will shrink to accommodate smaller screens.",
|
|
30479
|
+
"name": "--width"
|
|
30480
|
+
},
|
|
30481
|
+
{
|
|
30482
|
+
"description": "The amount of padding to use for the header.",
|
|
30483
|
+
"name": "--header-spacing"
|
|
30484
|
+
},
|
|
30485
|
+
{
|
|
30486
|
+
"description": "The amount of padding to use for the body.",
|
|
30487
|
+
"name": "--body-spacing"
|
|
30488
|
+
}
|
|
30489
|
+
],
|
|
30490
|
+
"cssParts": [
|
|
30491
|
+
{
|
|
30492
|
+
"description": "The component's base wrapper.",
|
|
30493
|
+
"name": "base"
|
|
30494
|
+
},
|
|
30495
|
+
{
|
|
30496
|
+
"description": "The slideout's header. This element wraps the title and header actions.",
|
|
30497
|
+
"name": "header"
|
|
30498
|
+
},
|
|
30499
|
+
{
|
|
30500
|
+
"description": "The slideout's close button.",
|
|
30501
|
+
"name": "close-button"
|
|
30502
|
+
},
|
|
30503
|
+
{
|
|
30504
|
+
"description": "The close buttons exported `base` part.",
|
|
30505
|
+
"name": "close-button__base"
|
|
30506
|
+
},
|
|
30507
|
+
{
|
|
30508
|
+
"description": "The slideout's body.",
|
|
30509
|
+
"name": "body"
|
|
30510
|
+
}
|
|
30511
|
+
],
|
|
30512
|
+
"slots": [
|
|
30513
|
+
{
|
|
30514
|
+
"description": "The default slot.",
|
|
30515
|
+
"name": ""
|
|
30516
|
+
},
|
|
30517
|
+
{
|
|
30518
|
+
"description": "The slideout's label. Alternatively you can use the `label` attribute.",
|
|
30519
|
+
"name": "label"
|
|
30520
|
+
}
|
|
30521
|
+
],
|
|
30522
|
+
"members": [
|
|
30523
|
+
{
|
|
30524
|
+
"kind": "field",
|
|
30525
|
+
"name": "dependencies",
|
|
30526
|
+
"type": {
|
|
30527
|
+
"text": "object"
|
|
30528
|
+
},
|
|
30529
|
+
"static": true,
|
|
30530
|
+
"default": "{ 'zn-button': ZnButton }"
|
|
30531
|
+
},
|
|
30532
|
+
{
|
|
30533
|
+
"kind": "field",
|
|
30534
|
+
"name": "localize",
|
|
30535
|
+
"privacy": "private",
|
|
30536
|
+
"readonly": true,
|
|
30537
|
+
"default": "new LocalizeController(this)"
|
|
30538
|
+
},
|
|
30539
|
+
{
|
|
30540
|
+
"kind": "field",
|
|
30541
|
+
"name": "closeWatcher",
|
|
30542
|
+
"type": {
|
|
30543
|
+
"text": "CloseWatcher | null"
|
|
30544
|
+
},
|
|
30545
|
+
"privacy": "private"
|
|
30546
|
+
},
|
|
30547
|
+
{
|
|
30548
|
+
"kind": "field",
|
|
30549
|
+
"name": "slideout",
|
|
30550
|
+
"type": {
|
|
30551
|
+
"text": "HTMLDialogElement"
|
|
30552
|
+
}
|
|
30553
|
+
},
|
|
30554
|
+
{
|
|
30555
|
+
"kind": "field",
|
|
30556
|
+
"name": "panel",
|
|
30557
|
+
"type": {
|
|
30558
|
+
"text": "HTMLElement"
|
|
30559
|
+
}
|
|
30560
|
+
},
|
|
30561
|
+
{
|
|
30562
|
+
"kind": "field",
|
|
30563
|
+
"name": "overlay",
|
|
30564
|
+
"type": {
|
|
30565
|
+
"text": "HTMLElement"
|
|
30566
|
+
}
|
|
30567
|
+
},
|
|
30568
|
+
{
|
|
30569
|
+
"kind": "field",
|
|
30570
|
+
"name": "open",
|
|
30571
|
+
"type": {
|
|
30572
|
+
"text": "boolean"
|
|
30573
|
+
},
|
|
30574
|
+
"default": "false",
|
|
30575
|
+
"description": "Indicated whether of not the slideout is open. You can toggle this attribute to show and hide the slideout, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the slideout's state.",
|
|
30576
|
+
"attribute": "open",
|
|
30577
|
+
"reflects": true
|
|
30578
|
+
},
|
|
30579
|
+
{
|
|
30580
|
+
"kind": "field",
|
|
30581
|
+
"name": "label",
|
|
30582
|
+
"type": {
|
|
30583
|
+
"text": "string"
|
|
30584
|
+
},
|
|
30585
|
+
"description": "The slideout's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
|
|
30586
|
+
"attribute": "label",
|
|
30587
|
+
"reflects": true
|
|
30588
|
+
},
|
|
30589
|
+
{
|
|
30590
|
+
"kind": "field",
|
|
30591
|
+
"name": "trigger",
|
|
30592
|
+
"type": {
|
|
30593
|
+
"text": "string"
|
|
30594
|
+
},
|
|
30595
|
+
"description": "The slideout's trigger element. This is used to open the slideout when clicked. If you do not provide a trigger, you\nwill need to manually open the slideout using the `show()` method.",
|
|
30596
|
+
"attribute": "trigger",
|
|
30597
|
+
"reflects": true
|
|
30598
|
+
},
|
|
30599
|
+
{
|
|
30600
|
+
"kind": "method",
|
|
30601
|
+
"name": "requestClose",
|
|
30602
|
+
"privacy": "private",
|
|
30603
|
+
"parameters": [
|
|
30604
|
+
{
|
|
30605
|
+
"name": "source",
|
|
30606
|
+
"type": {
|
|
30607
|
+
"text": "'close-button' | 'keyboard' | 'overlay'"
|
|
30608
|
+
}
|
|
30609
|
+
}
|
|
30610
|
+
]
|
|
30611
|
+
},
|
|
30612
|
+
{
|
|
30613
|
+
"kind": "method",
|
|
30614
|
+
"name": "addOpenListeners",
|
|
30615
|
+
"privacy": "private"
|
|
30616
|
+
},
|
|
30617
|
+
{
|
|
30618
|
+
"kind": "method",
|
|
30619
|
+
"name": "removeOpenListeners",
|
|
30620
|
+
"privacy": "private"
|
|
30621
|
+
},
|
|
30622
|
+
{
|
|
30623
|
+
"kind": "method",
|
|
30624
|
+
"name": "show",
|
|
30625
|
+
"description": "Shows the slideout."
|
|
30626
|
+
},
|
|
30627
|
+
{
|
|
30628
|
+
"kind": "method",
|
|
30629
|
+
"name": "hide",
|
|
30630
|
+
"description": "Hides the slideout."
|
|
30631
|
+
},
|
|
30632
|
+
{
|
|
30633
|
+
"kind": "field",
|
|
30634
|
+
"name": "closeClickHandler",
|
|
30635
|
+
"privacy": "private"
|
|
30636
|
+
}
|
|
30637
|
+
],
|
|
30638
|
+
"events": [
|
|
30639
|
+
{
|
|
30640
|
+
"description": "Emitted when the slideout is opens.",
|
|
30641
|
+
"name": "zn-show"
|
|
30642
|
+
},
|
|
30643
|
+
{
|
|
30644
|
+
"description": "Emitted when the slideout is closed.",
|
|
30645
|
+
"name": "zn-close"
|
|
30646
|
+
},
|
|
30647
|
+
{
|
|
30648
|
+
"type": {
|
|
30649
|
+
"text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
|
|
30650
|
+
},
|
|
30651
|
+
"description": "Emitted when the user attempts to close the slideout by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the slideout open. Avoid using this unless closing the slideout will result in destructive behavior such as data loss.",
|
|
30652
|
+
"name": "zn-request-close"
|
|
30653
|
+
}
|
|
30654
|
+
],
|
|
30655
|
+
"attributes": [
|
|
30656
|
+
{
|
|
30657
|
+
"name": "open",
|
|
30658
|
+
"type": {
|
|
30659
|
+
"text": "boolean"
|
|
30660
|
+
},
|
|
30661
|
+
"default": "false",
|
|
30662
|
+
"description": "Indicated whether of not the slideout is open. You can toggle this attribute to show and hide the slideout, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the slideout's state.",
|
|
30663
|
+
"fieldName": "open"
|
|
30664
|
+
},
|
|
30665
|
+
{
|
|
30666
|
+
"name": "label",
|
|
30667
|
+
"type": {
|
|
30668
|
+
"text": "string"
|
|
30669
|
+
},
|
|
30670
|
+
"description": "The slideout's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
|
|
30671
|
+
"fieldName": "label"
|
|
30672
|
+
},
|
|
30673
|
+
{
|
|
30674
|
+
"name": "trigger",
|
|
30675
|
+
"type": {
|
|
30676
|
+
"text": "string"
|
|
30677
|
+
},
|
|
30678
|
+
"description": "The slideout's trigger element. This is used to open the slideout when clicked. If you do not provide a trigger, you\nwill need to manually open the slideout using the `show()` method.",
|
|
30679
|
+
"fieldName": "trigger"
|
|
30680
|
+
}
|
|
30681
|
+
],
|
|
30682
|
+
"superclass": {
|
|
30683
|
+
"name": "ZincElement",
|
|
30684
|
+
"module": "/src/internal/zinc-element"
|
|
30685
|
+
},
|
|
30686
|
+
"summary": "Short summary of the component's intended use.",
|
|
30687
|
+
"tagNameWithoutPrefix": "slideout",
|
|
30688
|
+
"tagName": "zn-slideout",
|
|
30689
|
+
"customElement": true,
|
|
30690
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/slideout\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n *\n * @event zn-show - Emitted when the slideout is opens.\n * @event zn-close - Emitted when the slideout is closed.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} zn-request-close - Emitted when the user attempts to\n * close the slideout by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the slideout open. Avoid using this unless closing the slideout will result in\n * destructive behavior such as data loss.\n *\n * @slot - The default slot.\n * @slot label - The slideout's label. Alternatively you can use the `label` attribute.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The slideout's header. This element wraps the title and header actions.\n * @csspart close-button - The slideout's close button.\n * @csspart close-button__base - The close buttons exported `base` part.\n * @csspart body - The slideout's body.\n *\n * @cssproperty --width - The preferred width of the slideout. Note the slideout will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n */",
|
|
30691
|
+
"documentation": "https://zinc.style/components/slideout",
|
|
30692
|
+
"status": "experimental",
|
|
30693
|
+
"since": "1.0",
|
|
30694
|
+
"dependencies": [
|
|
30695
|
+
"zn-button"
|
|
30696
|
+
]
|
|
30697
|
+
}
|
|
30698
|
+
],
|
|
30699
|
+
"exports": [
|
|
30700
|
+
{
|
|
30701
|
+
"kind": "js",
|
|
30702
|
+
"name": "default",
|
|
30703
|
+
"declaration": {
|
|
30704
|
+
"name": "ZnSlideout",
|
|
30705
|
+
"module": "components/slideout/slideout.js"
|
|
30706
|
+
}
|
|
30707
|
+
}
|
|
30708
|
+
]
|
|
30709
|
+
},
|
|
30710
|
+
{
|
|
30711
|
+
"kind": "javascript-module",
|
|
30712
|
+
"path": "components/split-button/split-button.js",
|
|
30713
|
+
"declarations": [
|
|
30714
|
+
{
|
|
30715
|
+
"kind": "class",
|
|
30716
|
+
"description": "",
|
|
30717
|
+
"name": "ZnSplitButton",
|
|
30718
|
+
"cssProperties": [
|
|
30719
|
+
{
|
|
30720
|
+
"description": "An example CSS custom property.",
|
|
30721
|
+
"name": "--example"
|
|
30722
|
+
}
|
|
30723
|
+
],
|
|
30724
|
+
"cssParts": [
|
|
30725
|
+
{
|
|
30726
|
+
"description": "The component's base wrapper.",
|
|
30727
|
+
"name": "base"
|
|
30728
|
+
}
|
|
30729
|
+
],
|
|
30730
|
+
"slots": [
|
|
30731
|
+
{
|
|
30732
|
+
"description": "The default slot.",
|
|
30733
|
+
"name": ""
|
|
30734
|
+
},
|
|
30735
|
+
{
|
|
30736
|
+
"description": "An example slot.",
|
|
30737
|
+
"name": "example"
|
|
30738
|
+
}
|
|
30739
|
+
],
|
|
30740
|
+
"members": [
|
|
30741
|
+
{
|
|
30742
|
+
"kind": "field",
|
|
30743
|
+
"name": "formControlController",
|
|
30744
|
+
"privacy": "private",
|
|
30745
|
+
"readonly": true,
|
|
30746
|
+
"default": "new FormControlController(this)"
|
|
30747
|
+
},
|
|
30748
|
+
{
|
|
30749
|
+
"kind": "field",
|
|
30750
|
+
"name": "caption",
|
|
30751
|
+
"type": {
|
|
30752
|
+
"text": "string"
|
|
30753
|
+
},
|
|
30754
|
+
"attribute": "caption"
|
|
30755
|
+
},
|
|
30756
|
+
{
|
|
30757
|
+
"kind": "field",
|
|
30758
|
+
"name": "href",
|
|
30759
|
+
"type": {
|
|
30760
|
+
"text": "string"
|
|
30761
|
+
},
|
|
30762
|
+
"attribute": "href"
|
|
30763
|
+
},
|
|
30764
|
+
{
|
|
30765
|
+
"kind": "field",
|
|
30766
|
+
"name": "name",
|
|
30767
|
+
"type": {
|
|
30768
|
+
"text": "string"
|
|
30769
|
+
},
|
|
30770
|
+
"attribute": "name"
|
|
30771
|
+
},
|
|
30772
|
+
{
|
|
30773
|
+
"kind": "field",
|
|
30774
|
+
"name": "value",
|
|
30775
|
+
"type": {
|
|
30776
|
+
"text": "string"
|
|
30777
|
+
},
|
|
30778
|
+
"attribute": "value"
|
|
30779
|
+
},
|
|
30780
|
+
{
|
|
30781
|
+
"kind": "field",
|
|
30782
|
+
"name": "defaultValue",
|
|
30783
|
+
"type": {
|
|
30784
|
+
"text": "string"
|
|
30785
|
+
}
|
|
30786
|
+
},
|
|
30787
|
+
{
|
|
30788
|
+
"kind": "field",
|
|
30789
|
+
"name": "type",
|
|
30790
|
+
"type": {
|
|
30791
|
+
"text": "string"
|
|
30792
|
+
},
|
|
30793
|
+
"attribute": "type"
|
|
30794
|
+
},
|
|
30795
|
+
{
|
|
30796
|
+
"kind": "field",
|
|
30797
|
+
"name": "dropdown",
|
|
30798
|
+
"type": {
|
|
30799
|
+
"text": "ZnDropdown"
|
|
30800
|
+
}
|
|
30801
|
+
},
|
|
30802
|
+
{
|
|
30803
|
+
"kind": "field",
|
|
30804
|
+
"name": "button",
|
|
30805
|
+
"type": {
|
|
30806
|
+
"text": "ZnButton"
|
|
30807
|
+
}
|
|
30808
|
+
},
|
|
30809
|
+
{
|
|
30810
|
+
"kind": "method",
|
|
30811
|
+
"name": "handleMenuItemClick",
|
|
30812
|
+
"privacy": "public",
|
|
30813
|
+
"parameters": [
|
|
30814
|
+
{
|
|
30815
|
+
"name": "e",
|
|
30816
|
+
"type": {
|
|
30817
|
+
"text": "ZnMenuSelectEvent"
|
|
30818
|
+
}
|
|
30819
|
+
}
|
|
30820
|
+
]
|
|
30821
|
+
},
|
|
30822
|
+
{
|
|
30823
|
+
"kind": "method",
|
|
30824
|
+
"name": "handleTriggerClick",
|
|
30825
|
+
"privacy": "public"
|
|
30826
|
+
},
|
|
30827
|
+
{
|
|
30828
|
+
"kind": "method",
|
|
30829
|
+
"name": "renderTriggerSlot",
|
|
30830
|
+
"privacy": "private"
|
|
30831
|
+
},
|
|
30832
|
+
{
|
|
30833
|
+
"kind": "method",
|
|
30834
|
+
"name": "checkValidity",
|
|
30835
|
+
"return": {
|
|
30836
|
+
"type": {
|
|
30837
|
+
"text": "boolean"
|
|
30838
|
+
}
|
|
30839
|
+
}
|
|
30840
|
+
},
|
|
30841
|
+
{
|
|
30842
|
+
"kind": "method",
|
|
30843
|
+
"name": "getForm",
|
|
30844
|
+
"return": {
|
|
30845
|
+
"type": {
|
|
30846
|
+
"text": "HTMLFormElement | null"
|
|
30847
|
+
}
|
|
30848
|
+
}
|
|
30849
|
+
},
|
|
30850
|
+
{
|
|
30851
|
+
"kind": "method",
|
|
30852
|
+
"name": "reportValidity"
|
|
30853
|
+
},
|
|
30854
|
+
{
|
|
30855
|
+
"kind": "method",
|
|
30856
|
+
"name": "setCustomValidity",
|
|
30857
|
+
"parameters": [
|
|
30858
|
+
{
|
|
30859
|
+
"name": "message",
|
|
30860
|
+
"type": {
|
|
30861
|
+
"text": "string"
|
|
30862
|
+
}
|
|
30863
|
+
}
|
|
30864
|
+
]
|
|
30865
|
+
},
|
|
30866
|
+
{
|
|
30867
|
+
"kind": "field",
|
|
30868
|
+
"name": "validity",
|
|
30869
|
+
"readonly": true
|
|
30870
|
+
},
|
|
30871
|
+
{
|
|
30872
|
+
"kind": "field",
|
|
30873
|
+
"name": "validationMessage",
|
|
30874
|
+
"readonly": true
|
|
30875
|
+
},
|
|
30876
|
+
{
|
|
30877
|
+
"kind": "method",
|
|
30878
|
+
"name": "_isButton",
|
|
30879
|
+
"privacy": "private"
|
|
30880
|
+
}
|
|
30881
|
+
],
|
|
30882
|
+
"events": [
|
|
30883
|
+
{
|
|
30884
|
+
"description": "Emitted as an example.",
|
|
30885
|
+
"name": "zn-event-name"
|
|
30886
|
+
}
|
|
30887
|
+
],
|
|
30888
|
+
"attributes": [
|
|
30889
|
+
{
|
|
30890
|
+
"name": "caption",
|
|
30891
|
+
"type": {
|
|
30892
|
+
"text": "string"
|
|
30893
|
+
},
|
|
30894
|
+
"fieldName": "caption"
|
|
30895
|
+
},
|
|
30896
|
+
{
|
|
30897
|
+
"name": "href",
|
|
30898
|
+
"type": {
|
|
30899
|
+
"text": "string"
|
|
30900
|
+
},
|
|
30901
|
+
"fieldName": "href"
|
|
30902
|
+
},
|
|
30903
|
+
{
|
|
30904
|
+
"name": "name",
|
|
30905
|
+
"type": {
|
|
30906
|
+
"text": "string"
|
|
30907
|
+
},
|
|
30908
|
+
"fieldName": "name"
|
|
30909
|
+
},
|
|
30910
|
+
{
|
|
30911
|
+
"name": "value",
|
|
30912
|
+
"type": {
|
|
30913
|
+
"text": "string"
|
|
30914
|
+
},
|
|
30915
|
+
"fieldName": "value"
|
|
30916
|
+
},
|
|
30917
|
+
{
|
|
30918
|
+
"name": "type",
|
|
30919
|
+
"type": {
|
|
30920
|
+
"text": "string"
|
|
30921
|
+
},
|
|
30922
|
+
"fieldName": "type"
|
|
30923
|
+
}
|
|
30924
|
+
],
|
|
30925
|
+
"superclass": {
|
|
30926
|
+
"name": "ZincElement",
|
|
30927
|
+
"module": "/src/internal/zinc-element"
|
|
30928
|
+
},
|
|
30929
|
+
"summary": "Short summary of the component's intended use.",
|
|
30930
|
+
"tagNameWithoutPrefix": "split-button",
|
|
30931
|
+
"tagName": "zn-split-button",
|
|
30932
|
+
"customElement": true,
|
|
30933
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/split-button\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
30934
|
+
"documentation": "https://zinc.style/components/split-button",
|
|
30935
|
+
"status": "experimental",
|
|
30936
|
+
"since": "1.0",
|
|
30937
|
+
"dependencies": [
|
|
30938
|
+
"zn-example"
|
|
30939
|
+
]
|
|
30940
|
+
}
|
|
30941
|
+
],
|
|
30942
|
+
"exports": [
|
|
30943
|
+
{
|
|
30944
|
+
"kind": "js",
|
|
30945
|
+
"name": "default",
|
|
30946
|
+
"declaration": {
|
|
30947
|
+
"name": "ZnSplitButton",
|
|
30948
|
+
"module": "components/split-button/split-button.js"
|
|
30949
|
+
}
|
|
30950
|
+
}
|
|
30951
|
+
]
|
|
30952
|
+
},
|
|
30931
30953
|
{
|
|
30932
30954
|
"kind": "javascript-module",
|
|
30933
30955
|
"path": "components/stat/stat.js",
|
|
@@ -36316,7 +36338,7 @@
|
|
|
36316
36338
|
"package": {
|
|
36317
36339
|
"name": "@kubex/zinc",
|
|
36318
36340
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
36319
|
-
"version": "1.1.
|
|
36341
|
+
"version": "1.1.7",
|
|
36320
36342
|
"author": "",
|
|
36321
36343
|
"license": "MIT"
|
|
36322
36344
|
}
|