@kubex/zinc 1.0.8 → 1.0.9
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 +94 -74
- 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.css +1 -1
- package/dist/zn.min.js +268 -272
- package/docs/pages/components/button.md +14 -0
- package/package.json +1 -1
- package/scss/themes/_light.scss +1 -1
- package/src/components/button/button.component.ts +12 -20
- package/src/components/button/button.scss +3 -33
- package/src/components/content-block/content-block.scss +54 -0
- package/src/components/data-table/data-table.component.ts +22 -3
- package/src/components/editor/editor.scss +0 -1
- package/src/components/panel/panel.component.ts +5 -1
- package/src/components/panel/panel.scss +4 -0
- package/src/components/settings-container/settings-container.component.ts +1 -1
- package/src/components/tabs/tabs.component.ts +24 -6
- package/src/internal/form.ts +41 -3
|
@@ -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/bulk-actions/bulk-actions.js",
|
|
@@ -1125,6 +1125,11 @@
|
|
|
1125
1125
|
{
|
|
1126
1126
|
"kind": "method",
|
|
1127
1127
|
"name": "teardownAutoClick"
|
|
1128
|
+
},
|
|
1129
|
+
{
|
|
1130
|
+
"kind": "method",
|
|
1131
|
+
"name": "_getLoadingContainer",
|
|
1132
|
+
"privacy": "private"
|
|
1128
1133
|
}
|
|
1129
1134
|
],
|
|
1130
1135
|
"events": [
|
|
@@ -15673,6 +15678,14 @@
|
|
|
15673
15678
|
},
|
|
15674
15679
|
"attribute": "tabbed"
|
|
15675
15680
|
},
|
|
15681
|
+
{
|
|
15682
|
+
"kind": "field",
|
|
15683
|
+
"name": "underlineHeader",
|
|
15684
|
+
"type": {
|
|
15685
|
+
"text": "boolean"
|
|
15686
|
+
},
|
|
15687
|
+
"attribute": "header-underline"
|
|
15688
|
+
},
|
|
15676
15689
|
{
|
|
15677
15690
|
"kind": "field",
|
|
15678
15691
|
"name": "cosmic",
|
|
@@ -15758,6 +15771,13 @@
|
|
|
15758
15771
|
},
|
|
15759
15772
|
"fieldName": "tabbed"
|
|
15760
15773
|
},
|
|
15774
|
+
{
|
|
15775
|
+
"name": "header-underline",
|
|
15776
|
+
"type": {
|
|
15777
|
+
"text": "boolean"
|
|
15778
|
+
},
|
|
15779
|
+
"fieldName": "underlineHeader"
|
|
15780
|
+
},
|
|
15761
15781
|
{
|
|
15762
15782
|
"name": "cosmic",
|
|
15763
15783
|
"type": {
|
|
@@ -25737,7 +25757,7 @@
|
|
|
25737
25757
|
"package": {
|
|
25738
25758
|
"name": "@kubex/zinc",
|
|
25739
25759
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
25740
|
-
"version": "1.0.
|
|
25760
|
+
"version": "1.0.9",
|
|
25741
25761
|
"author": "",
|
|
25742
25762
|
"license": "MIT"
|
|
25743
25763
|
}
|
|
@@ -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-bulk-actions",
|
|
64
64
|
"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.",
|
|
@@ -1788,6 +1788,7 @@
|
|
|
1788
1788
|
{ "name": "icon", "values": [] },
|
|
1789
1789
|
{ "name": "description", "values": [] },
|
|
1790
1790
|
{ "name": "tabbed", "values": [] },
|
|
1791
|
+
{ "name": "header-underline", "values": [] },
|
|
1791
1792
|
{ "name": "cosmic", "values": [] },
|
|
1792
1793
|
{ "name": "flush", "values": [] },
|
|
1793
1794
|
{ "name": "flush-x", "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.9",
|
|
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-bulk-actions",
|
|
97
97
|
"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.",
|
|
@@ -4012,6 +4012,7 @@
|
|
|
4012
4012
|
{ "name": "icon", "value": { "type": "string" } },
|
|
4013
4013
|
{ "name": "description", "value": { "type": "string" } },
|
|
4014
4014
|
{ "name": "tabbed", "value": { "type": "boolean" } },
|
|
4015
|
+
{ "name": "header-underline", "value": { "type": "boolean" } },
|
|
4015
4016
|
{ "name": "cosmic", "value": { "type": "boolean" } },
|
|
4016
4017
|
{ "name": "flush", "value": { "type": "boolean" } },
|
|
4017
4018
|
{ "name": "flush-x", "value": { "type": "boolean" } },
|
|
@@ -4032,6 +4033,7 @@
|
|
|
4032
4033
|
{ "name": "icon", "type": "string" },
|
|
4033
4034
|
{ "name": "description", "type": "string" },
|
|
4034
4035
|
{ "name": "tabbed", "type": "boolean" },
|
|
4036
|
+
{ "name": "underlineHeader", "type": "boolean" },
|
|
4035
4037
|
{ "name": "cosmic", "type": "boolean" },
|
|
4036
4038
|
{ "name": "flush", "type": "boolean" },
|
|
4037
4039
|
{ "name": "flushX", "type": "boolean" },
|
package/dist/zn.d.ts
CHANGED
|
@@ -1131,6 +1131,7 @@ declare module "components/button/button.component" {
|
|
|
1131
1131
|
updateCountdownText(): void;
|
|
1132
1132
|
teardownAutoClick(): void;
|
|
1133
1133
|
protected render(): unknown;
|
|
1134
|
+
private _getLoadingContainer;
|
|
1134
1135
|
}
|
|
1135
1136
|
}
|
|
1136
1137
|
declare module "components/button/index" {
|
|
@@ -2576,6 +2577,8 @@ declare module "components/data-table/data-table.component" {
|
|
|
2576
2577
|
default?: boolean;
|
|
2577
2578
|
sortable?: boolean;
|
|
2578
2579
|
filterable?: boolean;
|
|
2580
|
+
hideHeader?: boolean;
|
|
2581
|
+
hideColumn?: boolean;
|
|
2579
2582
|
}
|
|
2580
2583
|
/**
|
|
2581
2584
|
* @summary Short summary of the component's intended use.
|
|
@@ -3479,6 +3482,7 @@ declare module "components/panel/panel.component" {
|
|
|
3479
3482
|
icon: string;
|
|
3480
3483
|
description: string;
|
|
3481
3484
|
tabbed: boolean;
|
|
3485
|
+
underlineHeader: boolean;
|
|
3482
3486
|
cosmic: boolean;
|
|
3483
3487
|
flush: boolean;
|
|
3484
3488
|
flushX: boolean;
|