@kubex/zinc 1.1.123 → 1.1.124
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 +80 -79
- package/dist/vscode.html-custom-data.json +12 -12
- package/dist/web-types.json +25 -25
- package/dist/zn.d.ts +4 -1
- package/dist/zn.min.js +80 -76
- package/docs/pages/components/data-table-search.md +4 -3
- package/package.json +1 -1
- package/src/components/data-table/data-table.scss +2 -6
- package/src/components/data-table-search/data-table-search.component.ts +9 -2
- package/src/components/data-table-search/data-table-search.scss +28 -4
- package/src/components/header/header.scss +2 -0
- package/src/components/input/input.component.ts +1 -1
- package/src/components/select/select.component.ts +1 -1
|
@@ -56,79 +56,6 @@
|
|
|
56
56
|
}
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
-
{
|
|
60
|
-
"kind": "javascript-module",
|
|
61
|
-
"path": "components/action-bar/action-bar.js",
|
|
62
|
-
"declarations": [
|
|
63
|
-
{
|
|
64
|
-
"kind": "class",
|
|
65
|
-
"description": "",
|
|
66
|
-
"name": "ZnActionBar",
|
|
67
|
-
"cssProperties": [
|
|
68
|
-
{
|
|
69
|
-
"description": "An example CSS custom property.",
|
|
70
|
-
"name": "--example"
|
|
71
|
-
}
|
|
72
|
-
],
|
|
73
|
-
"cssParts": [
|
|
74
|
-
{
|
|
75
|
-
"description": "The component's base wrapper.",
|
|
76
|
-
"name": "base"
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
"slots": [
|
|
80
|
-
{
|
|
81
|
-
"description": "The default slot.",
|
|
82
|
-
"name": ""
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"description": "An example slot.",
|
|
86
|
-
"name": "example"
|
|
87
|
-
}
|
|
88
|
-
],
|
|
89
|
-
"members": [
|
|
90
|
-
{
|
|
91
|
-
"kind": "field",
|
|
92
|
-
"name": "localize",
|
|
93
|
-
"privacy": "private",
|
|
94
|
-
"readonly": true,
|
|
95
|
-
"default": "new LocalizeController(this)"
|
|
96
|
-
}
|
|
97
|
-
],
|
|
98
|
-
"events": [
|
|
99
|
-
{
|
|
100
|
-
"description": "Emitted as an example.",
|
|
101
|
-
"name": "zn-event-name"
|
|
102
|
-
}
|
|
103
|
-
],
|
|
104
|
-
"superclass": {
|
|
105
|
-
"name": "ZincElement",
|
|
106
|
-
"module": "/src/internal/zinc-element"
|
|
107
|
-
},
|
|
108
|
-
"summary": "Short summary of the component's intended use.",
|
|
109
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
110
|
-
"tagName": "zn-action-bar",
|
|
111
|
-
"customElement": true,
|
|
112
|
-
"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 */",
|
|
113
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
114
|
-
"status": "experimental",
|
|
115
|
-
"since": "1.0",
|
|
116
|
-
"dependencies": [
|
|
117
|
-
"zn-example"
|
|
118
|
-
]
|
|
119
|
-
}
|
|
120
|
-
],
|
|
121
|
-
"exports": [
|
|
122
|
-
{
|
|
123
|
-
"kind": "js",
|
|
124
|
-
"name": "default",
|
|
125
|
-
"declaration": {
|
|
126
|
-
"name": "ZnActionBar",
|
|
127
|
-
"module": "components/action-bar/action-bar.js"
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
]
|
|
131
|
-
},
|
|
132
59
|
{
|
|
133
60
|
"kind": "javascript-module",
|
|
134
61
|
"path": "components/alert/alert.js",
|
|
@@ -323,6 +250,79 @@
|
|
|
323
250
|
}
|
|
324
251
|
]
|
|
325
252
|
},
|
|
253
|
+
{
|
|
254
|
+
"kind": "javascript-module",
|
|
255
|
+
"path": "components/action-bar/action-bar.js",
|
|
256
|
+
"declarations": [
|
|
257
|
+
{
|
|
258
|
+
"kind": "class",
|
|
259
|
+
"description": "",
|
|
260
|
+
"name": "ZnActionBar",
|
|
261
|
+
"cssProperties": [
|
|
262
|
+
{
|
|
263
|
+
"description": "An example CSS custom property.",
|
|
264
|
+
"name": "--example"
|
|
265
|
+
}
|
|
266
|
+
],
|
|
267
|
+
"cssParts": [
|
|
268
|
+
{
|
|
269
|
+
"description": "The component's base wrapper.",
|
|
270
|
+
"name": "base"
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"slots": [
|
|
274
|
+
{
|
|
275
|
+
"description": "The default slot.",
|
|
276
|
+
"name": ""
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"description": "An example slot.",
|
|
280
|
+
"name": "example"
|
|
281
|
+
}
|
|
282
|
+
],
|
|
283
|
+
"members": [
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "localize",
|
|
287
|
+
"privacy": "private",
|
|
288
|
+
"readonly": true,
|
|
289
|
+
"default": "new LocalizeController(this)"
|
|
290
|
+
}
|
|
291
|
+
],
|
|
292
|
+
"events": [
|
|
293
|
+
{
|
|
294
|
+
"description": "Emitted as an example.",
|
|
295
|
+
"name": "zn-event-name"
|
|
296
|
+
}
|
|
297
|
+
],
|
|
298
|
+
"superclass": {
|
|
299
|
+
"name": "ZincElement",
|
|
300
|
+
"module": "/src/internal/zinc-element"
|
|
301
|
+
},
|
|
302
|
+
"summary": "Short summary of the component's intended use.",
|
|
303
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
304
|
+
"tagName": "zn-action-bar",
|
|
305
|
+
"customElement": true,
|
|
306
|
+
"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 */",
|
|
307
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
308
|
+
"status": "experimental",
|
|
309
|
+
"since": "1.0",
|
|
310
|
+
"dependencies": [
|
|
311
|
+
"zn-example"
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
"exports": [
|
|
316
|
+
{
|
|
317
|
+
"kind": "js",
|
|
318
|
+
"name": "default",
|
|
319
|
+
"declaration": {
|
|
320
|
+
"name": "ZnActionBar",
|
|
321
|
+
"module": "components/action-bar/action-bar.js"
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
]
|
|
325
|
+
},
|
|
326
326
|
{
|
|
327
327
|
"kind": "javascript-module",
|
|
328
328
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -10835,7 +10835,7 @@
|
|
|
10835
10835
|
"text": "object"
|
|
10836
10836
|
},
|
|
10837
10837
|
"static": true,
|
|
10838
|
-
"default": "{ 'zn-input': ZnInput, }"
|
|
10838
|
+
"default": "{ 'zn-input': ZnInput, 'zn-tooltip': ZnTooltip, }"
|
|
10839
10839
|
},
|
|
10840
10840
|
{
|
|
10841
10841
|
"kind": "field",
|
|
@@ -10891,7 +10891,7 @@
|
|
|
10891
10891
|
"text": "string"
|
|
10892
10892
|
},
|
|
10893
10893
|
"default": "\"\"",
|
|
10894
|
-
"description": "Help text
|
|
10894
|
+
"description": "Help text, shown from an information icon inside the search input.",
|
|
10895
10895
|
"attribute": "help-text"
|
|
10896
10896
|
},
|
|
10897
10897
|
{
|
|
@@ -11030,7 +11030,7 @@
|
|
|
11030
11030
|
"text": "string"
|
|
11031
11031
|
},
|
|
11032
11032
|
"default": "\"\"",
|
|
11033
|
-
"description": "Help text
|
|
11033
|
+
"description": "Help text, shown from an information icon inside the search input.",
|
|
11034
11034
|
"fieldName": "helpText"
|
|
11035
11035
|
},
|
|
11036
11036
|
{
|
|
@@ -11059,12 +11059,13 @@
|
|
|
11059
11059
|
"tagNameWithoutPrefix": "data-table-search",
|
|
11060
11060
|
"tagName": "zn-data-table-search",
|
|
11061
11061
|
"customElement": true,
|
|
11062
|
-
"jsDoc": "/**\n * @summary A search component for data tables.\n * @documentation https://zinc.style/components/data-table-search\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-input\n *\n * @event zn-search-change - Emitted when the search value changes (debounced).\n *\n * @slot - The default slot for additional form inputs.\n *\n * @csspart base - The component's base wrapper.\n *\n * @property {string} name - The name of the search input field (default: \"search\").\n * @property {string} value - The current search value.\n * @property {string} placeholder - The placeholder text for the search input (default: \"Search...\").\n * @property {string} helpText - Help text
|
|
11062
|
+
"jsDoc": "/**\n * @summary A search component for data tables.\n * @documentation https://zinc.style/components/data-table-search\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-input\n * @dependency zn-tooltip\n *\n * @event zn-search-change - Emitted when the search value changes (debounced).\n *\n * @slot - The default slot for additional form inputs.\n *\n * @csspart base - The component's base wrapper.\n *\n * @property {string} name - The name of the search input field (default: \"search\").\n * @property {string} value - The current search value.\n * @property {string} placeholder - The placeholder text for the search input (default: \"Search...\").\n * @property {string} helpText - Help text, shown from an information icon inside the search input.\n * @property {string} searchUri - Optional URI to use for search operations.\n * @property {number} debounceDelay - The delay in milliseconds before triggering a search (default: 500).\n */",
|
|
11063
11063
|
"documentation": "https://zinc.style/components/data-table-search",
|
|
11064
11064
|
"status": "experimental",
|
|
11065
11065
|
"since": "1.0",
|
|
11066
11066
|
"dependencies": [
|
|
11067
|
-
"zn-input"
|
|
11067
|
+
"zn-input",
|
|
11068
|
+
"zn-tooltip"
|
|
11068
11069
|
]
|
|
11069
11070
|
}
|
|
11070
11071
|
],
|
|
@@ -52646,7 +52647,7 @@
|
|
|
52646
52647
|
"package": {
|
|
52647
52648
|
"name": "@kubex/zinc",
|
|
52648
52649
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
52649
|
-
"version": "1.1.
|
|
52650
|
+
"version": "1.1.124",
|
|
52650
52651
|
"author": "",
|
|
52651
52652
|
"license": "MIT"
|
|
52652
52653
|
}
|
|
@@ -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.",
|
|
@@ -64,6 +53,17 @@
|
|
|
64
53
|
}
|
|
65
54
|
]
|
|
66
55
|
},
|
|
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",
|
|
@@ -1275,7 +1275,7 @@
|
|
|
1275
1275
|
},
|
|
1276
1276
|
{
|
|
1277
1277
|
"name": "help-text",
|
|
1278
|
-
"description": "Help text
|
|
1278
|
+
"description": "Help text, shown from an information icon inside the search input.",
|
|
1279
1279
|
"values": []
|
|
1280
1280
|
},
|
|
1281
1281
|
{
|
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.124",
|
|
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.",
|
|
@@ -105,6 +83,28 @@
|
|
|
105
83
|
]
|
|
106
84
|
}
|
|
107
85
|
},
|
|
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",
|
|
@@ -2925,7 +2925,7 @@
|
|
|
2925
2925
|
},
|
|
2926
2926
|
{
|
|
2927
2927
|
"name": "help-text",
|
|
2928
|
-
"description": "Help text
|
|
2928
|
+
"description": "Help text, shown from an information icon inside the search input.",
|
|
2929
2929
|
"value": { "type": "string", "default": "\"\"" }
|
|
2930
2930
|
},
|
|
2931
2931
|
{
|
|
@@ -2970,7 +2970,7 @@
|
|
|
2970
2970
|
},
|
|
2971
2971
|
{
|
|
2972
2972
|
"name": "helpText",
|
|
2973
|
-
"description": "Help text
|
|
2973
|
+
"description": "Help text, shown from an information icon inside the search input.",
|
|
2974
2974
|
"type": "string"
|
|
2975
2975
|
},
|
|
2976
2976
|
{
|
package/dist/zn.d.ts
CHANGED
|
@@ -3659,6 +3659,7 @@ declare module "components/data-table-search/data-table-search.component" {
|
|
|
3659
3659
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
3660
3660
|
import ZincElement, { type ZincFormControl } from "internal/zinc-element";
|
|
3661
3661
|
import ZnInput from "components/input/index";
|
|
3662
|
+
import ZnTooltip from "components/tooltip/index";
|
|
3662
3663
|
/**
|
|
3663
3664
|
* @summary A search component for data tables.
|
|
3664
3665
|
* @documentation https://zinc.style/components/data-table-search
|
|
@@ -3666,6 +3667,7 @@ declare module "components/data-table-search/data-table-search.component" {
|
|
|
3666
3667
|
* @since 1.0
|
|
3667
3668
|
*
|
|
3668
3669
|
* @dependency zn-input
|
|
3670
|
+
* @dependency zn-tooltip
|
|
3669
3671
|
*
|
|
3670
3672
|
* @event zn-search-change - Emitted when the search value changes (debounced).
|
|
3671
3673
|
*
|
|
@@ -3676,7 +3678,7 @@ declare module "components/data-table-search/data-table-search.component" {
|
|
|
3676
3678
|
* @property {string} name - The name of the search input field (default: "search").
|
|
3677
3679
|
* @property {string} value - The current search value.
|
|
3678
3680
|
* @property {string} placeholder - The placeholder text for the search input (default: "Search...").
|
|
3679
|
-
* @property {string} helpText - Help text
|
|
3681
|
+
* @property {string} helpText - Help text, shown from an information icon inside the search input.
|
|
3680
3682
|
* @property {string} searchUri - Optional URI to use for search operations.
|
|
3681
3683
|
* @property {number} debounceDelay - The delay in milliseconds before triggering a search (default: 500).
|
|
3682
3684
|
*/
|
|
@@ -3684,6 +3686,7 @@ declare module "components/data-table-search/data-table-search.component" {
|
|
|
3684
3686
|
static styles: CSSResultGroup;
|
|
3685
3687
|
static dependencies: {
|
|
3686
3688
|
'zn-input': typeof ZnInput;
|
|
3689
|
+
'zn-tooltip': typeof ZnTooltip;
|
|
3687
3690
|
};
|
|
3688
3691
|
private _formController;
|
|
3689
3692
|
private _searchTimeout?;
|