@kubex/zinc 1.0.108 → 1.0.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 +110 -75
- package/dist/vscode.html-custom-data.json +11 -11
- package/dist/web-types.json +23 -23
- package/dist/zn.d.ts +9 -4
- package/dist/zn.min.js +183 -181
- package/docs/pages/components/icon.md +5 -1
- package/package.json +1 -1
- package/src/components/button/button.scss +2 -3
- package/src/components/datepicker/datepicker.component.ts +6 -0
- package/src/components/datepicker/datepicker.test.ts +32 -1
- package/src/components/form-group/form-group.component.ts +7 -7
- package/src/components/icon/icon.component.ts +51 -30
- package/src/components/icon/icon.test.ts +23 -0
- package/src/components/input/input.component.ts +6 -0
- package/src/components/input/input.test.ts +34 -1
- package/src/components/select/select.component.ts +7 -0
- package/src/components/select/select.test.ts +24 -0
- package/src/components/textarea/textarea.component.ts +8 -0
- package/src/components/textarea/textarea.test.ts +36 -3
- package/src/components/tile-property/tile-property.scss +11 -5
- package/src/utilities/sha256.ts +114 -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",
|
|
@@ -12694,7 +12694,29 @@
|
|
|
12694
12694
|
},
|
|
12695
12695
|
{
|
|
12696
12696
|
"kind": "method",
|
|
12697
|
-
"name": "
|
|
12697
|
+
"name": "applyHashFragment",
|
|
12698
|
+
"privacy": "private",
|
|
12699
|
+
"parameters": [
|
|
12700
|
+
{
|
|
12701
|
+
"name": "hashFragment",
|
|
12702
|
+
"type": {
|
|
12703
|
+
"text": "string"
|
|
12704
|
+
}
|
|
12705
|
+
}
|
|
12706
|
+
]
|
|
12707
|
+
},
|
|
12708
|
+
{
|
|
12709
|
+
"kind": "method",
|
|
12710
|
+
"name": "normalizeRavatarEmail",
|
|
12711
|
+
"privacy": "private",
|
|
12712
|
+
"parameters": [
|
|
12713
|
+
{
|
|
12714
|
+
"name": "email",
|
|
12715
|
+
"type": {
|
|
12716
|
+
"text": "string"
|
|
12717
|
+
}
|
|
12718
|
+
}
|
|
12719
|
+
]
|
|
12698
12720
|
},
|
|
12699
12721
|
{
|
|
12700
12722
|
"kind": "method",
|
|
@@ -30271,6 +30293,19 @@
|
|
|
30271
30293
|
}
|
|
30272
30294
|
]
|
|
30273
30295
|
},
|
|
30296
|
+
{
|
|
30297
|
+
"kind": "method",
|
|
30298
|
+
"name": "handleKeyDown",
|
|
30299
|
+
"privacy": "private",
|
|
30300
|
+
"parameters": [
|
|
30301
|
+
{
|
|
30302
|
+
"name": "event",
|
|
30303
|
+
"type": {
|
|
30304
|
+
"text": "KeyboardEvent"
|
|
30305
|
+
}
|
|
30306
|
+
}
|
|
30307
|
+
]
|
|
30308
|
+
},
|
|
30274
30309
|
{
|
|
30275
30310
|
"kind": "method",
|
|
30276
30311
|
"name": "setTextareaHeight",
|
|
@@ -33199,7 +33234,7 @@
|
|
|
33199
33234
|
"package": {
|
|
33200
33235
|
"name": "@kubex/zinc",
|
|
33201
33236
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
33202
|
-
"version": "1.0.
|
|
33237
|
+
"version": "1.0.110",
|
|
33203
33238
|
"author": "",
|
|
33204
33239
|
"license": "MIT"
|
|
33205
33240
|
}
|
|
@@ -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",
|
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.110",
|
|
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",
|
package/dist/zn.d.ts
CHANGED
|
@@ -511,14 +511,14 @@ declare module "components/menu-item/submenu-controller" {
|
|
|
511
511
|
renderSubmenu(): import("lit").TemplateResult<1>;
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
|
-
declare module "utilities/
|
|
515
|
-
export function
|
|
514
|
+
declare module "utilities/sha256" {
|
|
515
|
+
export function sha256(input: string): string;
|
|
516
516
|
}
|
|
517
517
|
declare module "components/icon/icon.component" {
|
|
518
518
|
import { type CSSResultGroup } from 'lit';
|
|
519
519
|
import ZincElement from "internal/zinc-element";
|
|
520
520
|
type IconLibrary = "src" | "material" | "material-outlined" | "material-round" | "material-sharp" | "material-two-tone" | "material-symbols-outlined" | "gravatar" | "libravatar" | "avatar" | "brands" | "line";
|
|
521
|
-
export type IconColor = "default" | "primary" | "accent" | "info" | "warning" | "error" | "success" | "white" | "disabled" | "red" | "blue" | "green" | "orange" | "yellow" | "indigo" | "violet" | "pink" | "grey" | (string &
|
|
521
|
+
export type IconColor = "default" | "primary" | "accent" | "info" | "warning" | "error" | "success" | "white" | "disabled" | "red" | "blue" | "green" | "orange" | "yellow" | "indigo" | "violet" | "pink" | "grey" | (string & Record<never, never>);
|
|
522
522
|
/**
|
|
523
523
|
* @summary Short summary of the component's intended use.
|
|
524
524
|
* @documentation https://zinc.style/components/icon
|
|
@@ -555,7 +555,8 @@ declare module "components/icon/icon.component" {
|
|
|
555
555
|
defaultLibrary: IconLibrary;
|
|
556
556
|
convertToLibrary(input: string): IconLibrary;
|
|
557
557
|
connectedCallback(): void;
|
|
558
|
-
|
|
558
|
+
private applyHashFragment;
|
|
559
|
+
private normalizeRavatarEmail;
|
|
559
560
|
render(): import("lit").TemplateResult<1>;
|
|
560
561
|
private getAvatarInitials;
|
|
561
562
|
protected getColorForAvatar(avatarInitials: string): string;
|
|
@@ -3992,6 +3993,9 @@ declare module "components/timer/index" {
|
|
|
3992
3993
|
}
|
|
3993
3994
|
}
|
|
3994
3995
|
}
|
|
3996
|
+
declare module "utilities/md5" {
|
|
3997
|
+
export function md5(string: string): string;
|
|
3998
|
+
}
|
|
3995
3999
|
declare module "components/tabs/tabs.component" {
|
|
3996
4000
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
3997
4001
|
import { Store } from "internal/storage";
|
|
@@ -5298,6 +5302,7 @@ declare module "components/textarea/textarea.component" {
|
|
|
5298
5302
|
private handleFocus;
|
|
5299
5303
|
private handleInput;
|
|
5300
5304
|
private handleInvalid;
|
|
5305
|
+
private handleKeyDown;
|
|
5301
5306
|
private setTextareaHeight;
|
|
5302
5307
|
handleDisabledChange(): void;
|
|
5303
5308
|
handleRowsChange(): void;
|