@kubex/zinc 1.1.111 → 1.1.112
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 +74 -74
- package/dist/vscode.html-custom-data.json +11 -11
- package/dist/web-types.json +23 -23
- package/dist/zn.d.ts +28 -28
- package/dist/zn.min.js +8 -8
- package/package.json +1 -1
- package/src/components/inline-edit/inline-edit.component.ts +1 -1
- package/src/components/input/input.component.ts +34 -27
- package/src/components/textarea/textarea.component.ts +2 -3
- package/src/components/translations/translations.component.ts +1 -1
- package/src/events/zn-slash-insert.ts +1 -1
- package/src/events/zn-slash-select.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",
|
|
@@ -50889,7 +50889,7 @@
|
|
|
50889
50889
|
"package": {
|
|
50890
50890
|
"name": "@kubex/zinc",
|
|
50891
50891
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
50892
|
-
"version": "1.1.
|
|
50892
|
+
"version": "1.1.112",
|
|
50893
50893
|
"author": "",
|
|
50894
50894
|
"license": "MIT"
|
|
50895
50895
|
}
|
|
@@ -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",
|
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.112",
|
|
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",
|
package/dist/zn.d.ts
CHANGED
|
@@ -1939,28 +1939,6 @@ declare module "components/slash-menu/slash-menu-items" {
|
|
|
1939
1939
|
/** Forgets the recently used items stored under `key`. */
|
|
1940
1940
|
export function clearRecentSlashItems(key: string): void;
|
|
1941
1941
|
}
|
|
1942
|
-
declare module "utilities/caret-position" {
|
|
1943
|
-
export interface CaretCoordinates {
|
|
1944
|
-
top: number;
|
|
1945
|
-
left: number;
|
|
1946
|
-
height: number;
|
|
1947
|
-
}
|
|
1948
|
-
export type TextField = HTMLTextAreaElement | HTMLInputElement;
|
|
1949
|
-
/**
|
|
1950
|
-
* Measures where the caret sits inside a text field, relative to the field's own top/left corner.
|
|
1951
|
-
* There is no browser API for this, so the field is mirrored into an off-screen div and the offset
|
|
1952
|
-
* of a marker span at `index` is read back.
|
|
1953
|
-
*/
|
|
1954
|
-
export function getCaretCoordinates(field: TextField, index: number): CaretCoordinates;
|
|
1955
|
-
/**
|
|
1956
|
-
* Projects measured caret coordinates onto the viewport, clamped to the field's box so a caret
|
|
1957
|
-
* scrolled out of view doesn't drag anchored content off with it. Split from the measurement so a
|
|
1958
|
-
* cached measurement can be re-projected as the field scrolls or moves.
|
|
1959
|
-
*/
|
|
1960
|
-
export function caretRectFrom(field: TextField, { top, left, height }: CaretCoordinates): DOMRect;
|
|
1961
|
-
/** The caret's position as a viewport rect. */
|
|
1962
|
-
export function getCaretRect(field: TextField, index: number): DOMRect;
|
|
1963
|
-
}
|
|
1964
1942
|
declare module "components/slash-menu/slash-menu.component" {
|
|
1965
1943
|
import ZincElement from "internal/zinc-element";
|
|
1966
1944
|
import ZnIcon from "components/icon/index";
|
|
@@ -2079,6 +2057,28 @@ declare module "components/slash-menu/slash-menu.component" {
|
|
|
2079
2057
|
render(): TemplateResult<1>;
|
|
2080
2058
|
}
|
|
2081
2059
|
}
|
|
2060
|
+
declare module "utilities/caret-position" {
|
|
2061
|
+
export interface CaretCoordinates {
|
|
2062
|
+
top: number;
|
|
2063
|
+
left: number;
|
|
2064
|
+
height: number;
|
|
2065
|
+
}
|
|
2066
|
+
export type TextField = HTMLTextAreaElement | HTMLInputElement;
|
|
2067
|
+
/**
|
|
2068
|
+
* Measures where the caret sits inside a text field, relative to the field's own top/left corner.
|
|
2069
|
+
* There is no browser API for this, so the field is mirrored into an off-screen div and the offset
|
|
2070
|
+
* of a marker span at `index` is read back.
|
|
2071
|
+
*/
|
|
2072
|
+
export function getCaretCoordinates(field: TextField, index: number): CaretCoordinates;
|
|
2073
|
+
/**
|
|
2074
|
+
* Projects measured caret coordinates onto the viewport, clamped to the field's box so a caret
|
|
2075
|
+
* scrolled out of view doesn't drag anchored content off with it. Split from the measurement so a
|
|
2076
|
+
* cached measurement can be re-projected as the field scrolls or moves.
|
|
2077
|
+
*/
|
|
2078
|
+
export function caretRectFrom(field: TextField, { top, left, height }: CaretCoordinates): DOMRect;
|
|
2079
|
+
/** The caret's position as a viewport rect. */
|
|
2080
|
+
export function getCaretRect(field: TextField, index: number): DOMRect;
|
|
2081
|
+
}
|
|
2082
2082
|
declare module "components/slash-menu/slash-menu-controller" {
|
|
2083
2083
|
import type { TextField } from "utilities/caret-position";
|
|
2084
2084
|
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
@@ -2215,7 +2215,7 @@ declare module "components/slash-item/index" {
|
|
|
2215
2215
|
}
|
|
2216
2216
|
}
|
|
2217
2217
|
declare module "components/input/input.component" {
|
|
2218
|
-
import { type SlashMenuItem } from "components/slash-menu/
|
|
2218
|
+
import { type SlashMenuItem } from "components/slash-menu/index";
|
|
2219
2219
|
import ZincElement from "internal/zinc-element";
|
|
2220
2220
|
import ZnIcon from "components/icon/index";
|
|
2221
2221
|
import ZnSlashItem from "components/slash-item/index";
|
|
@@ -5284,7 +5284,7 @@ declare module "components/icon-picker/index" {
|
|
|
5284
5284
|
}
|
|
5285
5285
|
declare module "components/inline-edit/inline-edit.component" {
|
|
5286
5286
|
import { type CSSResultGroup, type HTMLTemplateResult, type PropertyValues } from 'lit';
|
|
5287
|
-
import { type SlashMenuItem } from "components/slash-menu/
|
|
5287
|
+
import { type SlashMenuItem } from "components/slash-menu/index";
|
|
5288
5288
|
import ZincElement from "internal/zinc-element";
|
|
5289
5289
|
import ZnSelect from "components/select/index";
|
|
5290
5290
|
import type { ZincFormControl } from "internal/zinc-element";
|
|
@@ -6676,7 +6676,7 @@ declare module "components/editor/modules/ai/tooltip/ai-tooltip.component" {
|
|
|
6676
6676
|
}
|
|
6677
6677
|
declare module "components/textarea/textarea.component" {
|
|
6678
6678
|
import { type CSSResultGroup } from 'lit';
|
|
6679
|
-
import { type SlashMenuItem } from "components/slash-menu/
|
|
6679
|
+
import { type SlashMenuItem } from "components/slash-menu/index";
|
|
6680
6680
|
import ZincElement, { type ZincFormControl } from "internal/zinc-element";
|
|
6681
6681
|
import ZnSlashItem from "components/slash-item/index";
|
|
6682
6682
|
import ZnSlashMenu from "components/slash-menu/index";
|
|
@@ -8956,7 +8956,7 @@ declare module "components/audio-select/index" {
|
|
|
8956
8956
|
}
|
|
8957
8957
|
}
|
|
8958
8958
|
declare module "components/translations/translations.component" {
|
|
8959
|
-
import { type SlashMenuItem } from "components/slash-menu/
|
|
8959
|
+
import { type SlashMenuItem } from "components/slash-menu/index";
|
|
8960
8960
|
import ZincElement from "internal/zinc-element";
|
|
8961
8961
|
import ZnButton from "components/button/index";
|
|
8962
8962
|
import ZnButtonGroup from "components/button-group/index";
|
|
@@ -12724,7 +12724,7 @@ declare module "events/zn-theme-submit" {
|
|
|
12724
12724
|
}
|
|
12725
12725
|
}
|
|
12726
12726
|
declare module "events/zn-slash-select" {
|
|
12727
|
-
import type { SlashMenuItem } from "components/slash-menu/
|
|
12727
|
+
import type { SlashMenuItem } from "components/slash-menu/index";
|
|
12728
12728
|
export type ZnSlashSelectEvent = CustomEvent<{
|
|
12729
12729
|
item: SlashMenuItem;
|
|
12730
12730
|
query: string;
|
|
@@ -12736,7 +12736,7 @@ declare module "events/zn-slash-select" {
|
|
|
12736
12736
|
}
|
|
12737
12737
|
}
|
|
12738
12738
|
declare module "events/zn-slash-insert" {
|
|
12739
|
-
import type { SlashMenuItem } from "components/slash-menu/
|
|
12739
|
+
import type { SlashMenuItem } from "components/slash-menu/index";
|
|
12740
12740
|
export type ZnSlashInsertEvent = CustomEvent<{
|
|
12741
12741
|
item: SlashMenuItem;
|
|
12742
12742
|
value: string;
|