@kubex/zinc 1.1.46 → 1.1.47
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 +112 -74
- package/dist/vscode.html-custom-data.json +21 -11
- package/dist/web-types.json +43 -23
- package/dist/zn.d.ts +8 -0
- package/dist/zn.min.js +56 -54
- package/docs/pages/components/content-block.md +29 -0
- package/package.json +1 -1
- package/src/components/content-block/content-block.component.ts +16 -1
- package/src/components/content-block/content-block.scss +16 -0
|
@@ -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",
|
|
@@ -6299,6 +6299,26 @@
|
|
|
6299
6299
|
"default": "''",
|
|
6300
6300
|
"attribute": "avatar"
|
|
6301
6301
|
},
|
|
6302
|
+
{
|
|
6303
|
+
"kind": "field",
|
|
6304
|
+
"name": "subject",
|
|
6305
|
+
"type": {
|
|
6306
|
+
"text": "string"
|
|
6307
|
+
},
|
|
6308
|
+
"default": "''",
|
|
6309
|
+
"description": "The message subject, shown in the header after the sender.",
|
|
6310
|
+
"attribute": "subject"
|
|
6311
|
+
},
|
|
6312
|
+
{
|
|
6313
|
+
"kind": "field",
|
|
6314
|
+
"name": "subjectPlaceholder",
|
|
6315
|
+
"type": {
|
|
6316
|
+
"text": "string"
|
|
6317
|
+
},
|
|
6318
|
+
"default": "''",
|
|
6319
|
+
"description": "Placeholder shown dimmed in place of the subject when `subject` is empty\n(e.g. \"This message has no subject.\"). Omit both for content without a\nsubject line (e.g. notes).",
|
|
6320
|
+
"attribute": "subject-placeholder"
|
|
6321
|
+
},
|
|
6302
6322
|
{
|
|
6303
6323
|
"kind": "field",
|
|
6304
6324
|
"name": "outbound",
|
|
@@ -6516,6 +6536,24 @@
|
|
|
6516
6536
|
"default": "''",
|
|
6517
6537
|
"fieldName": "avatar"
|
|
6518
6538
|
},
|
|
6539
|
+
{
|
|
6540
|
+
"name": "subject",
|
|
6541
|
+
"type": {
|
|
6542
|
+
"text": "string"
|
|
6543
|
+
},
|
|
6544
|
+
"default": "''",
|
|
6545
|
+
"description": "The message subject, shown in the header after the sender.",
|
|
6546
|
+
"fieldName": "subject"
|
|
6547
|
+
},
|
|
6548
|
+
{
|
|
6549
|
+
"name": "subject-placeholder",
|
|
6550
|
+
"type": {
|
|
6551
|
+
"text": "string"
|
|
6552
|
+
},
|
|
6553
|
+
"default": "''",
|
|
6554
|
+
"description": "Placeholder shown dimmed in place of the subject when `subject` is empty\n(e.g. \"This message has no subject.\"). Omit both for content without a\nsubject line (e.g. notes).",
|
|
6555
|
+
"fieldName": "subjectPlaceholder"
|
|
6556
|
+
},
|
|
6519
6557
|
{
|
|
6520
6558
|
"name": "outbound",
|
|
6521
6559
|
"type": {
|
|
@@ -40276,7 +40314,7 @@
|
|
|
40276
40314
|
"package": {
|
|
40277
40315
|
"name": "@kubex/zinc",
|
|
40278
40316
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
40279
|
-
"version": "1.1.
|
|
40317
|
+
"version": "1.1.47",
|
|
40280
40318
|
"author": "",
|
|
40281
40319
|
"license": "MIT"
|
|
40282
40320
|
}
|
|
@@ -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.",
|
|
@@ -52,17 +63,6 @@
|
|
|
52
63
|
}
|
|
53
64
|
]
|
|
54
65
|
},
|
|
55
|
-
{
|
|
56
|
-
"name": "zn-action-bar",
|
|
57
|
-
"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.",
|
|
58
|
-
"attributes": [],
|
|
59
|
-
"references": [
|
|
60
|
-
{
|
|
61
|
-
"name": "Documentation",
|
|
62
|
-
"url": "https://zinc.style/components/action-bar"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
66
|
{
|
|
67
67
|
"name": "zn-animated-button",
|
|
68
68
|
"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",
|
|
@@ -880,6 +880,16 @@
|
|
|
880
880
|
{ "name": "time", "values": [] },
|
|
881
881
|
{ "name": "sender", "values": [] },
|
|
882
882
|
{ "name": "avatar", "values": [] },
|
|
883
|
+
{
|
|
884
|
+
"name": "subject",
|
|
885
|
+
"description": "The message subject, shown in the header after the sender.",
|
|
886
|
+
"values": []
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"name": "subject-placeholder",
|
|
890
|
+
"description": "Placeholder shown dimmed in place of the subject when `subject` is empty\n(e.g. \"This message has no subject.\"). Omit both for content without a\nsubject line (e.g. notes).",
|
|
891
|
+
"values": []
|
|
892
|
+
},
|
|
883
893
|
{ "name": "outbound", "values": [] },
|
|
884
894
|
{ "name": "no-collapse", "values": [] },
|
|
885
895
|
{ "name": "short", "values": [] },
|
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.47",
|
|
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.",
|
|
@@ -78,28 +100,6 @@
|
|
|
78
100
|
]
|
|
79
101
|
}
|
|
80
102
|
},
|
|
81
|
-
{
|
|
82
|
-
"name": "zn-action-bar",
|
|
83
|
-
"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.",
|
|
84
|
-
"doc-url": "",
|
|
85
|
-
"attributes": [],
|
|
86
|
-
"slots": [
|
|
87
|
-
{ "name": "", "description": "The default slot." },
|
|
88
|
-
{ "name": "example", "description": "An example slot." }
|
|
89
|
-
],
|
|
90
|
-
"events": [
|
|
91
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
92
|
-
],
|
|
93
|
-
"js": {
|
|
94
|
-
"properties": [],
|
|
95
|
-
"events": [
|
|
96
|
-
{
|
|
97
|
-
"name": "zn-event-name",
|
|
98
|
-
"description": "Emitted as an example."
|
|
99
|
-
}
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
103
|
{
|
|
104
104
|
"name": "zn-animated-button",
|
|
105
105
|
"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",
|
|
@@ -1933,6 +1933,16 @@
|
|
|
1933
1933
|
"name": "avatar",
|
|
1934
1934
|
"value": { "type": "string", "default": "''" }
|
|
1935
1935
|
},
|
|
1936
|
+
{
|
|
1937
|
+
"name": "subject",
|
|
1938
|
+
"description": "The message subject, shown in the header after the sender.",
|
|
1939
|
+
"value": { "type": "string", "default": "''" }
|
|
1940
|
+
},
|
|
1941
|
+
{
|
|
1942
|
+
"name": "subject-placeholder",
|
|
1943
|
+
"description": "Placeholder shown dimmed in place of the subject when `subject` is empty\n(e.g. \"This message has no subject.\"). Omit both for content without a\nsubject line (e.g. notes).",
|
|
1944
|
+
"value": { "type": "string", "default": "''" }
|
|
1945
|
+
},
|
|
1936
1946
|
{
|
|
1937
1947
|
"name": "outbound",
|
|
1938
1948
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -1962,6 +1972,16 @@
|
|
|
1962
1972
|
{ "name": "time", "type": "string" },
|
|
1963
1973
|
{ "name": "sender", "type": "string" },
|
|
1964
1974
|
{ "name": "avatar", "type": "string" },
|
|
1975
|
+
{
|
|
1976
|
+
"name": "subject",
|
|
1977
|
+
"description": "The message subject, shown in the header after the sender.",
|
|
1978
|
+
"type": "string"
|
|
1979
|
+
},
|
|
1980
|
+
{
|
|
1981
|
+
"name": "subjectPlaceholder",
|
|
1982
|
+
"description": "Placeholder shown dimmed in place of the subject when `subject` is empty\n(e.g. \"This message has no subject.\"). Omit both for content without a\nsubject line (e.g. notes).",
|
|
1983
|
+
"type": "string"
|
|
1984
|
+
},
|
|
1965
1985
|
{ "name": "outbound", "type": "boolean" },
|
|
1966
1986
|
{ "name": "noCollapse", "type": "boolean" },
|
|
1967
1987
|
{ "name": "short", "type": "boolean" },
|
package/dist/zn.d.ts
CHANGED
|
@@ -7726,6 +7726,14 @@ declare module "components/content-block/content-block.component" {
|
|
|
7726
7726
|
time: string;
|
|
7727
7727
|
sender: string;
|
|
7728
7728
|
avatar: string;
|
|
7729
|
+
/** The message subject, shown in the header after the sender. */
|
|
7730
|
+
subject: string;
|
|
7731
|
+
/**
|
|
7732
|
+
* Placeholder shown dimmed in place of the subject when `subject` is empty
|
|
7733
|
+
* (e.g. "This message has no subject."). Omit both for content without a
|
|
7734
|
+
* subject line (e.g. notes).
|
|
7735
|
+
*/
|
|
7736
|
+
subjectPlaceholder: string;
|
|
7729
7737
|
outbound: boolean;
|
|
7730
7738
|
noCollapse: boolean;
|
|
7731
7739
|
short: boolean;
|