@kubex/zinc 1.0.98 → 1.0.99
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 +93 -77
- package/dist/vscode.html-custom-data.json +12 -11
- package/dist/web-types.json +25 -23
- package/dist/zn.d.ts +4 -0
- package/dist/zn.min.js +103 -99
- package/docs/pages/components/item.md +18 -0
- package/package.json +1 -1
- package/src/components/item/item.component.ts +14 -2
- package/src/components/item/item.scss +11 -0
|
@@ -59,79 +59,6 @@
|
|
|
59
59
|
}
|
|
60
60
|
]
|
|
61
61
|
},
|
|
62
|
-
{
|
|
63
|
-
"kind": "javascript-module",
|
|
64
|
-
"path": "components/action-bar/action-bar.js",
|
|
65
|
-
"declarations": [
|
|
66
|
-
{
|
|
67
|
-
"kind": "class",
|
|
68
|
-
"description": "",
|
|
69
|
-
"name": "ZnActionBar",
|
|
70
|
-
"cssProperties": [
|
|
71
|
-
{
|
|
72
|
-
"description": "An example CSS custom property.",
|
|
73
|
-
"name": "--example"
|
|
74
|
-
}
|
|
75
|
-
],
|
|
76
|
-
"cssParts": [
|
|
77
|
-
{
|
|
78
|
-
"description": "The component's base wrapper.",
|
|
79
|
-
"name": "base"
|
|
80
|
-
}
|
|
81
|
-
],
|
|
82
|
-
"slots": [
|
|
83
|
-
{
|
|
84
|
-
"description": "The default slot.",
|
|
85
|
-
"name": ""
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
"description": "An example slot.",
|
|
89
|
-
"name": "example"
|
|
90
|
-
}
|
|
91
|
-
],
|
|
92
|
-
"members": [
|
|
93
|
-
{
|
|
94
|
-
"kind": "field",
|
|
95
|
-
"name": "localize",
|
|
96
|
-
"privacy": "private",
|
|
97
|
-
"readonly": true,
|
|
98
|
-
"default": "new LocalizeController(this)"
|
|
99
|
-
}
|
|
100
|
-
],
|
|
101
|
-
"events": [
|
|
102
|
-
{
|
|
103
|
-
"description": "Emitted as an example.",
|
|
104
|
-
"name": "zn-event-name"
|
|
105
|
-
}
|
|
106
|
-
],
|
|
107
|
-
"superclass": {
|
|
108
|
-
"name": "ZincElement",
|
|
109
|
-
"module": "/src/internal/zinc-element"
|
|
110
|
-
},
|
|
111
|
-
"summary": "Short summary of the component's intended use.",
|
|
112
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
113
|
-
"tagName": "zn-action-bar",
|
|
114
|
-
"customElement": true,
|
|
115
|
-
"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 */",
|
|
116
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
117
|
-
"status": "experimental",
|
|
118
|
-
"since": "1.0",
|
|
119
|
-
"dependencies": [
|
|
120
|
-
"zn-example"
|
|
121
|
-
]
|
|
122
|
-
}
|
|
123
|
-
],
|
|
124
|
-
"exports": [
|
|
125
|
-
{
|
|
126
|
-
"kind": "js",
|
|
127
|
-
"name": "default",
|
|
128
|
-
"declaration": {
|
|
129
|
-
"name": "ZnActionBar",
|
|
130
|
-
"module": "components/action-bar/action-bar.js"
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
]
|
|
134
|
-
},
|
|
135
62
|
{
|
|
136
63
|
"kind": "javascript-module",
|
|
137
64
|
"path": "components/alert/alert.js",
|
|
@@ -290,6 +217,79 @@
|
|
|
290
217
|
}
|
|
291
218
|
]
|
|
292
219
|
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "javascript-module",
|
|
222
|
+
"path": "components/action-bar/action-bar.js",
|
|
223
|
+
"declarations": [
|
|
224
|
+
{
|
|
225
|
+
"kind": "class",
|
|
226
|
+
"description": "",
|
|
227
|
+
"name": "ZnActionBar",
|
|
228
|
+
"cssProperties": [
|
|
229
|
+
{
|
|
230
|
+
"description": "An example CSS custom property.",
|
|
231
|
+
"name": "--example"
|
|
232
|
+
}
|
|
233
|
+
],
|
|
234
|
+
"cssParts": [
|
|
235
|
+
{
|
|
236
|
+
"description": "The component's base wrapper.",
|
|
237
|
+
"name": "base"
|
|
238
|
+
}
|
|
239
|
+
],
|
|
240
|
+
"slots": [
|
|
241
|
+
{
|
|
242
|
+
"description": "The default slot.",
|
|
243
|
+
"name": ""
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"description": "An example slot.",
|
|
247
|
+
"name": "example"
|
|
248
|
+
}
|
|
249
|
+
],
|
|
250
|
+
"members": [
|
|
251
|
+
{
|
|
252
|
+
"kind": "field",
|
|
253
|
+
"name": "localize",
|
|
254
|
+
"privacy": "private",
|
|
255
|
+
"readonly": true,
|
|
256
|
+
"default": "new LocalizeController(this)"
|
|
257
|
+
}
|
|
258
|
+
],
|
|
259
|
+
"events": [
|
|
260
|
+
{
|
|
261
|
+
"description": "Emitted as an example.",
|
|
262
|
+
"name": "zn-event-name"
|
|
263
|
+
}
|
|
264
|
+
],
|
|
265
|
+
"superclass": {
|
|
266
|
+
"name": "ZincElement",
|
|
267
|
+
"module": "/src/internal/zinc-element"
|
|
268
|
+
},
|
|
269
|
+
"summary": "Short summary of the component's intended use.",
|
|
270
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
271
|
+
"tagName": "zn-action-bar",
|
|
272
|
+
"customElement": true,
|
|
273
|
+
"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 */",
|
|
274
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
275
|
+
"status": "experimental",
|
|
276
|
+
"since": "1.0",
|
|
277
|
+
"dependencies": [
|
|
278
|
+
"zn-example"
|
|
279
|
+
]
|
|
280
|
+
}
|
|
281
|
+
],
|
|
282
|
+
"exports": [
|
|
283
|
+
{
|
|
284
|
+
"kind": "js",
|
|
285
|
+
"name": "default",
|
|
286
|
+
"declaration": {
|
|
287
|
+
"name": "ZnActionBar",
|
|
288
|
+
"module": "components/action-bar/action-bar.js"
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
]
|
|
292
|
+
},
|
|
293
293
|
{
|
|
294
294
|
"kind": "javascript-module",
|
|
295
295
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -15425,7 +15425,7 @@
|
|
|
15425
15425
|
"text": "object"
|
|
15426
15426
|
},
|
|
15427
15427
|
"static": true,
|
|
15428
|
-
"default": "{ 'zn-icon': ZnIcon }"
|
|
15428
|
+
"default": "{ 'zn-icon': ZnIcon, 'zn-tooltip': ZnTooltip }"
|
|
15429
15429
|
},
|
|
15430
15430
|
{
|
|
15431
15431
|
"kind": "field",
|
|
@@ -15469,6 +15469,14 @@
|
|
|
15469
15469
|
},
|
|
15470
15470
|
"attribute": "edit-on-hover"
|
|
15471
15471
|
},
|
|
15472
|
+
{
|
|
15473
|
+
"kind": "field",
|
|
15474
|
+
"name": "helpTooltip",
|
|
15475
|
+
"type": {
|
|
15476
|
+
"text": "string"
|
|
15477
|
+
},
|
|
15478
|
+
"attribute": "help-tooltip"
|
|
15479
|
+
},
|
|
15472
15480
|
{
|
|
15473
15481
|
"kind": "field",
|
|
15474
15482
|
"name": "icon",
|
|
@@ -15583,6 +15591,13 @@
|
|
|
15583
15591
|
},
|
|
15584
15592
|
"fieldName": "editOnHover"
|
|
15585
15593
|
},
|
|
15594
|
+
{
|
|
15595
|
+
"name": "help-tooltip",
|
|
15596
|
+
"type": {
|
|
15597
|
+
"text": "string"
|
|
15598
|
+
},
|
|
15599
|
+
"fieldName": "helpTooltip"
|
|
15600
|
+
},
|
|
15586
15601
|
{
|
|
15587
15602
|
"name": "icon",
|
|
15588
15603
|
"type": {
|
|
@@ -15641,12 +15656,13 @@
|
|
|
15641
15656
|
"tagNameWithoutPrefix": "item",
|
|
15642
15657
|
"tagName": "zn-item",
|
|
15643
15658
|
"customElement": true,
|
|
15644
|
-
"jsDoc": "/**\n * @summary Used for listing items in a description list. Caption on the right, content on the left.\n * @documentation https://zinc.style/components/item\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The default slot. Can either be slotted or use the value attribute\n * @slot actions - Used for adding actions to a zn-item.\n *\n * @csspart base - The items base wrapper\n * @csspart caption - The items caption\n * @csspart icon - The items icon\n */",
|
|
15659
|
+
"jsDoc": "/**\n * @summary Used for listing items in a description list. Caption on the right, content on the left.\n * @documentation https://zinc.style/components/item\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n * @dependency zn-tooltip\n *\n * @slot - The default slot. Can either be slotted or use the value attribute\n * @slot actions - Used for adding actions to a zn-item.\n *\n * @csspart base - The items base wrapper\n * @csspart caption - The items caption\n * @csspart icon - The items icon\n */",
|
|
15645
15660
|
"documentation": "https://zinc.style/components/item",
|
|
15646
15661
|
"status": "experimental",
|
|
15647
15662
|
"since": "1.0",
|
|
15648
15663
|
"dependencies": [
|
|
15649
|
-
"zn-icon"
|
|
15664
|
+
"zn-icon",
|
|
15665
|
+
"zn-tooltip"
|
|
15650
15666
|
]
|
|
15651
15667
|
}
|
|
15652
15668
|
],
|
|
@@ -31978,7 +31994,7 @@
|
|
|
31978
31994
|
"package": {
|
|
31979
31995
|
"name": "@kubex/zinc",
|
|
31980
31996
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
31981
|
-
"version": "1.0.
|
|
31997
|
+
"version": "1.0.99",
|
|
31982
31998
|
"author": "",
|
|
31983
31999
|
"license": "MIT"
|
|
31984
32000
|
}
|
|
@@ -13,17 +13,6 @@
|
|
|
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
|
-
},
|
|
27
16
|
{
|
|
28
17
|
"name": "zn-alert",
|
|
29
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.",
|
|
@@ -59,6 +48,17 @@
|
|
|
59
48
|
}
|
|
60
49
|
]
|
|
61
50
|
},
|
|
51
|
+
{
|
|
52
|
+
"name": "zn-action-bar",
|
|
53
|
+
"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.",
|
|
54
|
+
"attributes": [],
|
|
55
|
+
"references": [
|
|
56
|
+
{
|
|
57
|
+
"name": "Documentation",
|
|
58
|
+
"url": "https://zinc.style/components/action-bar"
|
|
59
|
+
}
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
62
|
{
|
|
63
63
|
"name": "zn-animated-button",
|
|
64
64
|
"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",
|
|
@@ -1872,6 +1872,7 @@
|
|
|
1872
1872
|
]
|
|
1873
1873
|
},
|
|
1874
1874
|
{ "name": "edit-on-hover", "values": [] },
|
|
1875
|
+
{ "name": "help-tooltip", "values": [] },
|
|
1875
1876
|
{ "name": "icon", "values": [] },
|
|
1876
1877
|
{ "name": "value", "values": [] },
|
|
1877
1878
|
{ "name": "inline", "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.0.
|
|
4
|
+
"version": "1.0.99",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,28 +15,6 @@
|
|
|
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
|
-
},
|
|
40
18
|
{
|
|
41
19
|
"name": "zn-alert",
|
|
42
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.",
|
|
@@ -92,6 +70,28 @@
|
|
|
92
70
|
]
|
|
93
71
|
}
|
|
94
72
|
},
|
|
73
|
+
{
|
|
74
|
+
"name": "zn-action-bar",
|
|
75
|
+
"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.",
|
|
76
|
+
"doc-url": "",
|
|
77
|
+
"attributes": [],
|
|
78
|
+
"slots": [
|
|
79
|
+
{ "name": "", "description": "The default slot." },
|
|
80
|
+
{ "name": "example", "description": "An example slot." }
|
|
81
|
+
],
|
|
82
|
+
"events": [
|
|
83
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
84
|
+
],
|
|
85
|
+
"js": {
|
|
86
|
+
"properties": [],
|
|
87
|
+
"events": [
|
|
88
|
+
{
|
|
89
|
+
"name": "zn-event-name",
|
|
90
|
+
"description": "Emitted as an example."
|
|
91
|
+
}
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
95
|
{
|
|
96
96
|
"name": "zn-animated-button",
|
|
97
97
|
"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",
|
|
@@ -4272,6 +4272,7 @@
|
|
|
4272
4272
|
}
|
|
4273
4273
|
},
|
|
4274
4274
|
{ "name": "edit-on-hover", "value": { "type": "boolean" } },
|
|
4275
|
+
{ "name": "help-tooltip", "value": { "type": "string" } },
|
|
4275
4276
|
{ "name": "icon", "value": { "type": "string" } },
|
|
4276
4277
|
{ "name": "value", "value": { "type": "string" } },
|
|
4277
4278
|
{ "name": "inline", "value": { "type": "boolean" } },
|
|
@@ -4298,6 +4299,7 @@
|
|
|
4298
4299
|
{ "name": "stacked", "type": "boolean" },
|
|
4299
4300
|
{ "name": "size", "type": "'small' | 'medium' | 'large'" },
|
|
4300
4301
|
{ "name": "editOnHover", "type": "boolean" },
|
|
4302
|
+
{ "name": "helpTooltip", "type": "string" },
|
|
4301
4303
|
{ "name": "icon", "type": "string" },
|
|
4302
4304
|
{ "name": "value", "type": "string" },
|
|
4303
4305
|
{ "name": "inline", "type": "boolean" },
|
package/dist/zn.d.ts
CHANGED
|
@@ -6486,6 +6486,7 @@ declare module "components/item/item.component" {
|
|
|
6486
6486
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
6487
6487
|
import ZincElement from "internal/zinc-element";
|
|
6488
6488
|
import ZnIcon from "components/icon/index";
|
|
6489
|
+
import ZnTooltip from "components/tooltip/index";
|
|
6489
6490
|
/**
|
|
6490
6491
|
* @summary Used for listing items in a description list. Caption on the right, content on the left.
|
|
6491
6492
|
* @documentation https://zinc.style/components/item
|
|
@@ -6493,6 +6494,7 @@ declare module "components/item/item.component" {
|
|
|
6493
6494
|
* @since 1.0
|
|
6494
6495
|
*
|
|
6495
6496
|
* @dependency zn-icon
|
|
6497
|
+
* @dependency zn-tooltip
|
|
6496
6498
|
*
|
|
6497
6499
|
* @slot - The default slot. Can either be slotted or use the value attribute
|
|
6498
6500
|
* @slot actions - Used for adding actions to a zn-item.
|
|
@@ -6504,6 +6506,7 @@ declare module "components/item/item.component" {
|
|
|
6504
6506
|
export default class ZnItem extends ZincElement {
|
|
6505
6507
|
static dependencies: {
|
|
6506
6508
|
'zn-icon': typeof ZnIcon;
|
|
6509
|
+
'zn-tooltip': typeof ZnTooltip;
|
|
6507
6510
|
};
|
|
6508
6511
|
static styles: CSSResultGroup;
|
|
6509
6512
|
caption: string;
|
|
@@ -6511,6 +6514,7 @@ declare module "components/item/item.component" {
|
|
|
6511
6514
|
stacked: boolean;
|
|
6512
6515
|
size: 'small' | 'medium' | 'large';
|
|
6513
6516
|
editOnHover: boolean;
|
|
6517
|
+
helpTooltip: string;
|
|
6514
6518
|
icon: string;
|
|
6515
6519
|
value: string;
|
|
6516
6520
|
inline: boolean;
|