@kubex/zinc 1.1.108 → 1.1.110
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 +348 -348
- package/dist/vscode.html-custom-data.json +33 -33
- package/dist/web-types.json +85 -85
- package/dist/zn.min.js +279 -281
- package/docs/pages/components/opt-group.md +3 -1
- package/docs/pages/components/select.md +4 -2
- package/package.json +1 -1
- package/src/components/opt-group/opt-group.component.ts +4 -4
- package/src/components/opt-group/opt-group.scss +10 -11
- package/src/components/popup/popup.component.ts +5 -2
- package/src/components/select/select.component.ts +11 -0
- package/src/components/select/select.scss +5 -3
- package/src/components/select/select.test.ts +100 -1
|
@@ -13,6 +13,17 @@
|
|
|
13
13
|
}
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"name": "zn-action-bar",
|
|
18
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
19
|
+
"attributes": [],
|
|
20
|
+
"references": [
|
|
21
|
+
{
|
|
22
|
+
"name": "Documentation",
|
|
23
|
+
"url": "https://zinc.style/components/action-bar"
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
},
|
|
16
27
|
{
|
|
17
28
|
"name": "zn-alert",
|
|
18
29
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -53,17 +64,6 @@
|
|
|
53
64
|
}
|
|
54
65
|
]
|
|
55
66
|
},
|
|
56
|
-
{
|
|
57
|
-
"name": "zn-action-bar",
|
|
58
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
59
|
-
"attributes": [],
|
|
60
|
-
"references": [
|
|
61
|
-
{
|
|
62
|
-
"name": "Documentation",
|
|
63
|
-
"url": "https://zinc.style/components/action-bar"
|
|
64
|
-
}
|
|
65
|
-
]
|
|
66
|
-
},
|
|
67
67
|
{
|
|
68
68
|
"name": "zn-animated-button",
|
|
69
69
|
"description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
|
|
@@ -933,28 +933,6 @@
|
|
|
933
933
|
}
|
|
934
934
|
]
|
|
935
935
|
},
|
|
936
|
-
{
|
|
937
|
-
"name": "zn-cols",
|
|
938
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
939
|
-
"attributes": [
|
|
940
|
-
{ "name": "layout", "values": [] },
|
|
941
|
-
{
|
|
942
|
-
"name": "stack-at",
|
|
943
|
-
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
944
|
-
"values": []
|
|
945
|
-
},
|
|
946
|
-
{ "name": "mc", "values": [] },
|
|
947
|
-
{ "name": "no-gap", "values": [] },
|
|
948
|
-
{ "name": "border", "values": [] },
|
|
949
|
-
{ "name": "pad", "values": [] },
|
|
950
|
-
{ "name": "divide", "values": [] },
|
|
951
|
-
{ "name": "pad-x", "values": [] },
|
|
952
|
-
{ "name": "pad-y", "values": [] }
|
|
953
|
-
],
|
|
954
|
-
"references": [
|
|
955
|
-
{ "name": "Documentation", "url": "https://zinc.style/components/cols" }
|
|
956
|
-
]
|
|
957
|
-
},
|
|
958
936
|
{
|
|
959
937
|
"name": "zn-confirm",
|
|
960
938
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -1026,6 +1004,28 @@
|
|
|
1026
1004
|
}
|
|
1027
1005
|
]
|
|
1028
1006
|
},
|
|
1007
|
+
{
|
|
1008
|
+
"name": "zn-cols",
|
|
1009
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1010
|
+
"attributes": [
|
|
1011
|
+
{ "name": "layout", "values": [] },
|
|
1012
|
+
{
|
|
1013
|
+
"name": "stack-at",
|
|
1014
|
+
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
1015
|
+
"values": []
|
|
1016
|
+
},
|
|
1017
|
+
{ "name": "mc", "values": [] },
|
|
1018
|
+
{ "name": "no-gap", "values": [] },
|
|
1019
|
+
{ "name": "border", "values": [] },
|
|
1020
|
+
{ "name": "pad", "values": [] },
|
|
1021
|
+
{ "name": "divide", "values": [] },
|
|
1022
|
+
{ "name": "pad-x", "values": [] },
|
|
1023
|
+
{ "name": "pad-y", "values": [] }
|
|
1024
|
+
],
|
|
1025
|
+
"references": [
|
|
1026
|
+
{ "name": "Documentation", "url": "https://zinc.style/components/cols" }
|
|
1027
|
+
]
|
|
1028
|
+
},
|
|
1029
1029
|
{
|
|
1030
1030
|
"name": "zn-content-block",
|
|
1031
1031
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - **attachments** - Attachments displayed at the bottom of the content when the block is expanded. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n\n### **CSS Parts:**\n - **attachments** - The attachments row at the bottom of the content.\n- **header-attachments** - The attachment count indicator in the header.",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.110",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,6 +15,28 @@
|
|
|
15
15
|
"events": [],
|
|
16
16
|
"js": { "properties": [], "events": [] }
|
|
17
17
|
},
|
|
18
|
+
{
|
|
19
|
+
"name": "zn-action-bar",
|
|
20
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
21
|
+
"doc-url": "",
|
|
22
|
+
"attributes": [],
|
|
23
|
+
"slots": [
|
|
24
|
+
{ "name": "", "description": "The default slot." },
|
|
25
|
+
{ "name": "example", "description": "An example slot." }
|
|
26
|
+
],
|
|
27
|
+
"events": [
|
|
28
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
29
|
+
],
|
|
30
|
+
"js": {
|
|
31
|
+
"properties": [],
|
|
32
|
+
"events": [
|
|
33
|
+
{
|
|
34
|
+
"name": "zn-event-name",
|
|
35
|
+
"description": "Emitted as an example."
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
18
40
|
{
|
|
19
41
|
"name": "zn-alert",
|
|
20
42
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -83,28 +105,6 @@
|
|
|
83
105
|
]
|
|
84
106
|
}
|
|
85
107
|
},
|
|
86
|
-
{
|
|
87
|
-
"name": "zn-action-bar",
|
|
88
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
89
|
-
"doc-url": "",
|
|
90
|
-
"attributes": [],
|
|
91
|
-
"slots": [
|
|
92
|
-
{ "name": "", "description": "The default slot." },
|
|
93
|
-
{ "name": "example", "description": "An example slot." }
|
|
94
|
-
],
|
|
95
|
-
"events": [
|
|
96
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
97
|
-
],
|
|
98
|
-
"js": {
|
|
99
|
-
"properties": [],
|
|
100
|
-
"events": [
|
|
101
|
-
{
|
|
102
|
-
"name": "zn-event-name",
|
|
103
|
-
"description": "Emitted as an example."
|
|
104
|
-
}
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
108
|
{
|
|
109
109
|
"name": "zn-animated-button",
|
|
110
110
|
"description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
|
|
@@ -2062,68 +2062,6 @@
|
|
|
2062
2062
|
]
|
|
2063
2063
|
}
|
|
2064
2064
|
},
|
|
2065
|
-
{
|
|
2066
|
-
"name": "zn-cols",
|
|
2067
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
2068
|
-
"doc-url": "",
|
|
2069
|
-
"attributes": [
|
|
2070
|
-
{
|
|
2071
|
-
"name": "layout",
|
|
2072
|
-
"value": { "type": "string", "default": "''" }
|
|
2073
|
-
},
|
|
2074
|
-
{
|
|
2075
|
-
"name": "stack-at",
|
|
2076
|
-
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
2077
|
-
"value": { "type": "string", "default": "''" }
|
|
2078
|
-
},
|
|
2079
|
-
{ "name": "mc", "value": { "type": "number", "default": "0" } },
|
|
2080
|
-
{
|
|
2081
|
-
"name": "no-gap",
|
|
2082
|
-
"value": { "type": "boolean", "default": "false" }
|
|
2083
|
-
},
|
|
2084
|
-
{
|
|
2085
|
-
"name": "border",
|
|
2086
|
-
"value": { "type": "boolean", "default": "false" }
|
|
2087
|
-
},
|
|
2088
|
-
{ "name": "pad", "value": { "type": "boolean" } },
|
|
2089
|
-
{
|
|
2090
|
-
"name": "divide",
|
|
2091
|
-
"value": { "type": "boolean", "default": "false" }
|
|
2092
|
-
},
|
|
2093
|
-
{ "name": "pad-x", "value": { "type": "boolean" } },
|
|
2094
|
-
{ "name": "pad-y", "value": { "type": "boolean" } }
|
|
2095
|
-
],
|
|
2096
|
-
"slots": [
|
|
2097
|
-
{ "name": "", "description": "The default slot." },
|
|
2098
|
-
{ "name": "example", "description": "An example slot." }
|
|
2099
|
-
],
|
|
2100
|
-
"events": [
|
|
2101
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
2102
|
-
],
|
|
2103
|
-
"js": {
|
|
2104
|
-
"properties": [
|
|
2105
|
-
{ "name": "layout", "type": "string" },
|
|
2106
|
-
{
|
|
2107
|
-
"name": "stackAt",
|
|
2108
|
-
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
2109
|
-
"type": "string"
|
|
2110
|
-
},
|
|
2111
|
-
{ "name": "maxColumns", "type": "number" },
|
|
2112
|
-
{ "name": "noGap", "type": "boolean" },
|
|
2113
|
-
{ "name": "border", "type": "boolean" },
|
|
2114
|
-
{ "name": "pad", "type": "boolean" },
|
|
2115
|
-
{ "name": "divide", "type": "boolean" },
|
|
2116
|
-
{ "name": "padX", "type": "boolean" },
|
|
2117
|
-
{ "name": "padY", "type": "boolean" }
|
|
2118
|
-
],
|
|
2119
|
-
"events": [
|
|
2120
|
-
{
|
|
2121
|
-
"name": "zn-event-name",
|
|
2122
|
-
"description": "Emitted as an example."
|
|
2123
|
-
}
|
|
2124
|
-
]
|
|
2125
|
-
}
|
|
2126
|
-
},
|
|
2127
2065
|
{
|
|
2128
2066
|
"name": "zn-confirm",
|
|
2129
2067
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -2269,6 +2207,68 @@
|
|
|
2269
2207
|
]
|
|
2270
2208
|
}
|
|
2271
2209
|
},
|
|
2210
|
+
{
|
|
2211
|
+
"name": "zn-cols",
|
|
2212
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
2213
|
+
"doc-url": "",
|
|
2214
|
+
"attributes": [
|
|
2215
|
+
{
|
|
2216
|
+
"name": "layout",
|
|
2217
|
+
"value": { "type": "string", "default": "''" }
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "stack-at",
|
|
2221
|
+
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
2222
|
+
"value": { "type": "string", "default": "''" }
|
|
2223
|
+
},
|
|
2224
|
+
{ "name": "mc", "value": { "type": "number", "default": "0" } },
|
|
2225
|
+
{
|
|
2226
|
+
"name": "no-gap",
|
|
2227
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2228
|
+
},
|
|
2229
|
+
{
|
|
2230
|
+
"name": "border",
|
|
2231
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2232
|
+
},
|
|
2233
|
+
{ "name": "pad", "value": { "type": "boolean" } },
|
|
2234
|
+
{
|
|
2235
|
+
"name": "divide",
|
|
2236
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2237
|
+
},
|
|
2238
|
+
{ "name": "pad-x", "value": { "type": "boolean" } },
|
|
2239
|
+
{ "name": "pad-y", "value": { "type": "boolean" } }
|
|
2240
|
+
],
|
|
2241
|
+
"slots": [
|
|
2242
|
+
{ "name": "", "description": "The default slot." },
|
|
2243
|
+
{ "name": "example", "description": "An example slot." }
|
|
2244
|
+
],
|
|
2245
|
+
"events": [
|
|
2246
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
2247
|
+
],
|
|
2248
|
+
"js": {
|
|
2249
|
+
"properties": [
|
|
2250
|
+
{ "name": "layout", "type": "string" },
|
|
2251
|
+
{
|
|
2252
|
+
"name": "stackAt",
|
|
2253
|
+
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
2254
|
+
"type": "string"
|
|
2255
|
+
},
|
|
2256
|
+
{ "name": "maxColumns", "type": "number" },
|
|
2257
|
+
{ "name": "noGap", "type": "boolean" },
|
|
2258
|
+
{ "name": "border", "type": "boolean" },
|
|
2259
|
+
{ "name": "pad", "type": "boolean" },
|
|
2260
|
+
{ "name": "divide", "type": "boolean" },
|
|
2261
|
+
{ "name": "padX", "type": "boolean" },
|
|
2262
|
+
{ "name": "padY", "type": "boolean" }
|
|
2263
|
+
],
|
|
2264
|
+
"events": [
|
|
2265
|
+
{
|
|
2266
|
+
"name": "zn-event-name",
|
|
2267
|
+
"description": "Emitted as an example."
|
|
2268
|
+
}
|
|
2269
|
+
]
|
|
2270
|
+
}
|
|
2271
|
+
},
|
|
2272
2272
|
{
|
|
2273
2273
|
"name": "zn-content-block",
|
|
2274
2274
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - **attachments** - Attachments displayed at the bottom of the content when the block is expanded. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n\n### **CSS Parts:**\n - **attachments** - The attachments row at the bottom of the content.\n- **header-attachments** - The attachment count indicator in the header.",
|