@kubex/zinc 1.1.43 → 1.1.45
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 +107 -74
- package/dist/vscode.html-custom-data.json +11 -11
- package/dist/web-types.json +23 -23
- package/dist/zn.d.ts +37 -0
- package/dist/zn.min.js +517 -517
- package/package.json +1 -1
- package/src/components/content-block/content-block.component.ts +1 -0
- package/src/components/content-block/content-block.scss +7 -8
- package/src/components/data-table/data-table.component.ts +6 -1
- package/src/components/editor/editor.component.ts +50 -0
- package/src/components/editor/modules/context-menu/context-menu-tool.test.ts +83 -0
- package/src/components/editor/modules/context-menu/context-menu.ts +14 -1
- package/src/components/editor/modules/dialog/dialog.component.ts +33 -9
- package/src/components/editor/modules/events/zn-dialog-header.ts +13 -0
- package/src/components/editor/modules/events/zn-editor-insert.ts +11 -0
- package/src/components/editor/modules/toolbar/tool/tool.component.ts +4 -1
- package/src/components/editor/modules/toolbar/toolbar.ts +25 -1
|
@@ -47,6 +47,79 @@
|
|
|
47
47
|
}
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "javascript-module",
|
|
52
|
+
"path": "components/action-bar/action-bar.js",
|
|
53
|
+
"declarations": [
|
|
54
|
+
{
|
|
55
|
+
"kind": "class",
|
|
56
|
+
"description": "",
|
|
57
|
+
"name": "ZnActionBar",
|
|
58
|
+
"cssProperties": [
|
|
59
|
+
{
|
|
60
|
+
"description": "An example CSS custom property.",
|
|
61
|
+
"name": "--example"
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"cssParts": [
|
|
65
|
+
{
|
|
66
|
+
"description": "The component's base wrapper.",
|
|
67
|
+
"name": "base"
|
|
68
|
+
}
|
|
69
|
+
],
|
|
70
|
+
"slots": [
|
|
71
|
+
{
|
|
72
|
+
"description": "The default slot.",
|
|
73
|
+
"name": ""
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"description": "An example slot.",
|
|
77
|
+
"name": "example"
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
"members": [
|
|
81
|
+
{
|
|
82
|
+
"kind": "field",
|
|
83
|
+
"name": "localize",
|
|
84
|
+
"privacy": "private",
|
|
85
|
+
"readonly": true,
|
|
86
|
+
"default": "new LocalizeController(this)"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"events": [
|
|
90
|
+
{
|
|
91
|
+
"description": "Emitted as an example.",
|
|
92
|
+
"name": "zn-event-name"
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
"superclass": {
|
|
96
|
+
"name": "ZincElement",
|
|
97
|
+
"module": "/src/internal/zinc-element"
|
|
98
|
+
},
|
|
99
|
+
"summary": "Short summary of the component's intended use.",
|
|
100
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
101
|
+
"tagName": "zn-action-bar",
|
|
102
|
+
"customElement": true,
|
|
103
|
+
"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 */",
|
|
104
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
105
|
+
"status": "experimental",
|
|
106
|
+
"since": "1.0",
|
|
107
|
+
"dependencies": [
|
|
108
|
+
"zn-example"
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"exports": [
|
|
113
|
+
{
|
|
114
|
+
"kind": "js",
|
|
115
|
+
"name": "default",
|
|
116
|
+
"declaration": {
|
|
117
|
+
"name": "ZnActionBar",
|
|
118
|
+
"module": "components/action-bar/action-bar.js"
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
]
|
|
122
|
+
},
|
|
50
123
|
{
|
|
51
124
|
"kind": "javascript-module",
|
|
52
125
|
"path": "components/alert/alert.js",
|
|
@@ -223,79 +296,6 @@
|
|
|
223
296
|
}
|
|
224
297
|
]
|
|
225
298
|
},
|
|
226
|
-
{
|
|
227
|
-
"kind": "javascript-module",
|
|
228
|
-
"path": "components/action-bar/action-bar.js",
|
|
229
|
-
"declarations": [
|
|
230
|
-
{
|
|
231
|
-
"kind": "class",
|
|
232
|
-
"description": "",
|
|
233
|
-
"name": "ZnActionBar",
|
|
234
|
-
"cssProperties": [
|
|
235
|
-
{
|
|
236
|
-
"description": "An example CSS custom property.",
|
|
237
|
-
"name": "--example"
|
|
238
|
-
}
|
|
239
|
-
],
|
|
240
|
-
"cssParts": [
|
|
241
|
-
{
|
|
242
|
-
"description": "The component's base wrapper.",
|
|
243
|
-
"name": "base"
|
|
244
|
-
}
|
|
245
|
-
],
|
|
246
|
-
"slots": [
|
|
247
|
-
{
|
|
248
|
-
"description": "The default slot.",
|
|
249
|
-
"name": ""
|
|
250
|
-
},
|
|
251
|
-
{
|
|
252
|
-
"description": "An example slot.",
|
|
253
|
-
"name": "example"
|
|
254
|
-
}
|
|
255
|
-
],
|
|
256
|
-
"members": [
|
|
257
|
-
{
|
|
258
|
-
"kind": "field",
|
|
259
|
-
"name": "localize",
|
|
260
|
-
"privacy": "private",
|
|
261
|
-
"readonly": true,
|
|
262
|
-
"default": "new LocalizeController(this)"
|
|
263
|
-
}
|
|
264
|
-
],
|
|
265
|
-
"events": [
|
|
266
|
-
{
|
|
267
|
-
"description": "Emitted as an example.",
|
|
268
|
-
"name": "zn-event-name"
|
|
269
|
-
}
|
|
270
|
-
],
|
|
271
|
-
"superclass": {
|
|
272
|
-
"name": "ZincElement",
|
|
273
|
-
"module": "/src/internal/zinc-element"
|
|
274
|
-
},
|
|
275
|
-
"summary": "Short summary of the component's intended use.",
|
|
276
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
277
|
-
"tagName": "zn-action-bar",
|
|
278
|
-
"customElement": true,
|
|
279
|
-
"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 */",
|
|
280
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
281
|
-
"status": "experimental",
|
|
282
|
-
"since": "1.0",
|
|
283
|
-
"dependencies": [
|
|
284
|
-
"zn-example"
|
|
285
|
-
]
|
|
286
|
-
}
|
|
287
|
-
],
|
|
288
|
-
"exports": [
|
|
289
|
-
{
|
|
290
|
-
"kind": "js",
|
|
291
|
-
"name": "default",
|
|
292
|
-
"declaration": {
|
|
293
|
-
"name": "ZnActionBar",
|
|
294
|
-
"module": "components/action-bar/action-bar.js"
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
]
|
|
298
|
-
},
|
|
299
299
|
{
|
|
300
300
|
"kind": "javascript-module",
|
|
301
301
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -7723,6 +7723,15 @@
|
|
|
7723
7723
|
"privacy": "private",
|
|
7724
7724
|
"default": "true"
|
|
7725
7725
|
},
|
|
7726
|
+
{
|
|
7727
|
+
"kind": "field",
|
|
7728
|
+
"name": "_hasLoadedData",
|
|
7729
|
+
"type": {
|
|
7730
|
+
"text": "boolean"
|
|
7731
|
+
},
|
|
7732
|
+
"privacy": "private",
|
|
7733
|
+
"default": "false"
|
|
7734
|
+
},
|
|
7726
7735
|
{
|
|
7727
7736
|
"kind": "field",
|
|
7728
7737
|
"name": "_lastTableContent",
|
|
@@ -11516,6 +11525,30 @@
|
|
|
11516
11525
|
}
|
|
11517
11526
|
]
|
|
11518
11527
|
},
|
|
11528
|
+
{
|
|
11529
|
+
"kind": "field",
|
|
11530
|
+
"name": "_handleEditorInsert",
|
|
11531
|
+
"privacy": "private"
|
|
11532
|
+
},
|
|
11533
|
+
{
|
|
11534
|
+
"kind": "method",
|
|
11535
|
+
"name": "_insertHtml",
|
|
11536
|
+
"privacy": "private",
|
|
11537
|
+
"parameters": [
|
|
11538
|
+
{
|
|
11539
|
+
"name": "mode",
|
|
11540
|
+
"type": {
|
|
11541
|
+
"text": "'insert' | 'replace'"
|
|
11542
|
+
}
|
|
11543
|
+
},
|
|
11544
|
+
{
|
|
11545
|
+
"name": "content",
|
|
11546
|
+
"type": {
|
|
11547
|
+
"text": "string"
|
|
11548
|
+
}
|
|
11549
|
+
}
|
|
11550
|
+
]
|
|
11551
|
+
},
|
|
11519
11552
|
{
|
|
11520
11553
|
"kind": "method",
|
|
11521
11554
|
"name": "_replaceTextAtSelection",
|
|
@@ -40176,7 +40209,7 @@
|
|
|
40176
40209
|
"package": {
|
|
40177
40210
|
"name": "@kubex/zinc",
|
|
40178
40211
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
40179
|
-
"version": "1.1.
|
|
40212
|
+
"version": "1.1.45",
|
|
40180
40213
|
"author": "",
|
|
40181
40214
|
"license": "MIT"
|
|
40182
40215
|
}
|
|
@@ -13,6 +13,17 @@
|
|
|
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
|
+
},
|
|
16
27
|
{
|
|
17
28
|
"name": "zn-alert",
|
|
18
29
|
"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.",
|
|
@@ -52,17 +63,6 @@
|
|
|
52
63
|
}
|
|
53
64
|
]
|
|
54
65
|
},
|
|
55
|
-
{
|
|
56
|
-
"name": "zn-action-bar",
|
|
57
|
-
"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.",
|
|
58
|
-
"attributes": [],
|
|
59
|
-
"references": [
|
|
60
|
-
{
|
|
61
|
-
"name": "Documentation",
|
|
62
|
-
"url": "https://zinc.style/components/action-bar"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
66
|
{
|
|
67
67
|
"name": "zn-animated-button",
|
|
68
68
|
"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.45",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,6 +15,28 @@
|
|
|
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
|
+
},
|
|
18
40
|
{
|
|
19
41
|
"name": "zn-alert",
|
|
20
42
|
"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.",
|
|
@@ -78,28 +100,6 @@
|
|
|
78
100
|
]
|
|
79
101
|
}
|
|
80
102
|
},
|
|
81
|
-
{
|
|
82
|
-
"name": "zn-action-bar",
|
|
83
|
-
"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.",
|
|
84
|
-
"doc-url": "",
|
|
85
|
-
"attributes": [],
|
|
86
|
-
"slots": [
|
|
87
|
-
{ "name": "", "description": "The default slot." },
|
|
88
|
-
{ "name": "example", "description": "An example slot." }
|
|
89
|
-
],
|
|
90
|
-
"events": [
|
|
91
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
92
|
-
],
|
|
93
|
-
"js": {
|
|
94
|
-
"properties": [],
|
|
95
|
-
"events": [
|
|
96
|
-
{
|
|
97
|
-
"name": "zn-event-name",
|
|
98
|
-
"description": "Emitted as an example."
|
|
99
|
-
}
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
103
|
{
|
|
104
104
|
"name": "zn-animated-button",
|
|
105
105
|
"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
|
@@ -3539,6 +3539,7 @@ declare module "components/data-table/data-table.component" {
|
|
|
3539
3539
|
itemsPerPage: number;
|
|
3540
3540
|
selectAllButton: ZnButton;
|
|
3541
3541
|
private _initialLoad;
|
|
3542
|
+
private _hasLoadedData;
|
|
3542
3543
|
private _lastTableContent;
|
|
3543
3544
|
private readonly resizeObserver;
|
|
3544
3545
|
private page;
|
|
@@ -5639,6 +5640,8 @@ declare module "components/editor/modules/toolbar/tool/tool.component" {
|
|
|
5639
5640
|
key: string;
|
|
5640
5641
|
icon: string;
|
|
5641
5642
|
handler: string;
|
|
5643
|
+
contextMenu: boolean;
|
|
5644
|
+
order?: number | null;
|
|
5642
5645
|
render(): import("lit-html").TemplateResult<1>;
|
|
5643
5646
|
}
|
|
5644
5647
|
}
|
|
@@ -5700,6 +5703,10 @@ declare module "components/editor/modules/dialog/dialog.component" {
|
|
|
5700
5703
|
export default class DialogComponent extends ZincElement {
|
|
5701
5704
|
static styles: CSSResultGroup;
|
|
5702
5705
|
private hasFocus;
|
|
5706
|
+
/** Set when loaded content declares it renders its own header (including a
|
|
5707
|
+
* [dialog-closer] control) via a composed zn-dialog-header event, replacing
|
|
5708
|
+
* the floating chrome close button. */
|
|
5709
|
+
private hasContentHeader;
|
|
5703
5710
|
dialogEl: HTMLDialogElement;
|
|
5704
5711
|
open: boolean;
|
|
5705
5712
|
uri: string;
|
|
@@ -5708,6 +5715,7 @@ declare module "components/editor/modules/dialog/dialog.component" {
|
|
|
5708
5715
|
set editorId(value: string);
|
|
5709
5716
|
connectedCallback(): void;
|
|
5710
5717
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
5718
|
+
private handleContentCloserClick;
|
|
5711
5719
|
setContent(content: string): void;
|
|
5712
5720
|
handleOpenChange(): void;
|
|
5713
5721
|
private addOpenListeners;
|
|
@@ -5785,6 +5793,7 @@ declare module "components/editor/modules/toolbar/toolbar" {
|
|
|
5785
5793
|
});
|
|
5786
5794
|
callFormat(key: string, value?: string | boolean | undefined): void;
|
|
5787
5795
|
trigger(key: string): void;
|
|
5796
|
+
private _slottedToolButton;
|
|
5788
5797
|
private _attachToolbarHandlers;
|
|
5789
5798
|
private _onToolbarClick;
|
|
5790
5799
|
private _syncToolbarState;
|
|
@@ -6248,6 +6257,18 @@ declare module "components/editor/modules/time-tracking/time-tracking" {
|
|
|
6248
6257
|
private _updateStartTime;
|
|
6249
6258
|
}
|
|
6250
6259
|
}
|
|
6260
|
+
declare module "components/editor/modules/events/zn-editor-insert" {
|
|
6261
|
+
export type ZnEditorInsertEvent = CustomEvent<{
|
|
6262
|
+
mode: 'insert' | 'replace';
|
|
6263
|
+
text?: string;
|
|
6264
|
+
html?: string;
|
|
6265
|
+
}>;
|
|
6266
|
+
global {
|
|
6267
|
+
interface GlobalEventHandlersEventMap {
|
|
6268
|
+
'zn-editor-insert': ZnEditorInsertEvent;
|
|
6269
|
+
}
|
|
6270
|
+
}
|
|
6271
|
+
}
|
|
6251
6272
|
declare module "components/editor/editor.component" {
|
|
6252
6273
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
6253
6274
|
import { Store } from "internal/storage";
|
|
@@ -6331,6 +6352,8 @@ declare module "components/editor/editor.component" {
|
|
|
6331
6352
|
private _clearCachedContent;
|
|
6332
6353
|
private _getQuillKeyboardBindings;
|
|
6333
6354
|
private _handleEditorChange;
|
|
6355
|
+
private _handleEditorInsert;
|
|
6356
|
+
private _insertHtml;
|
|
6334
6357
|
private _replaceTextAtSelection;
|
|
6335
6358
|
private _insertTextAtSelection;
|
|
6336
6359
|
private _closePopups;
|
|
@@ -10310,6 +10333,20 @@ declare module "components/editor/modules/events/zn-command-select" {
|
|
|
10310
10333
|
}
|
|
10311
10334
|
}
|
|
10312
10335
|
}
|
|
10336
|
+
declare module "components/editor/modules/events/zn-dialog-header" {
|
|
10337
|
+
/**
|
|
10338
|
+
* Dispatched (composed, bubbling) by editor-dialog content that renders its
|
|
10339
|
+
* own header row, including a [dialog-closer] control. The dialog responds by
|
|
10340
|
+
* removing its floating chrome close button so content doesn't need to
|
|
10341
|
+
* reserve space for it.
|
|
10342
|
+
*/
|
|
10343
|
+
export type ZnDialogHeaderEvent = CustomEvent<void>;
|
|
10344
|
+
global {
|
|
10345
|
+
interface GlobalEventHandlersEventMap {
|
|
10346
|
+
'zn-dialog-header': ZnDialogHeaderEvent;
|
|
10347
|
+
}
|
|
10348
|
+
}
|
|
10349
|
+
}
|
|
10313
10350
|
declare module "components/editor/modules/events/zn-editor-update" {
|
|
10314
10351
|
export type ZnEditorUpdateEvent = CustomEvent<Record<PropertyKey, never>>;
|
|
10315
10352
|
global {
|