@kubex/zinc 1.1.43 → 1.1.44
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 +98 -74
- package/dist/vscode.html-custom-data.json +11 -11
- package/dist/web-types.json +23 -23
- package/dist/zn.d.ts +36 -0
- package/dist/zn.min.js +513 -514
- package/package.json +1 -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",
|
|
@@ -11516,6 +11516,30 @@
|
|
|
11516
11516
|
}
|
|
11517
11517
|
]
|
|
11518
11518
|
},
|
|
11519
|
+
{
|
|
11520
|
+
"kind": "field",
|
|
11521
|
+
"name": "_handleEditorInsert",
|
|
11522
|
+
"privacy": "private"
|
|
11523
|
+
},
|
|
11524
|
+
{
|
|
11525
|
+
"kind": "method",
|
|
11526
|
+
"name": "_insertHtml",
|
|
11527
|
+
"privacy": "private",
|
|
11528
|
+
"parameters": [
|
|
11529
|
+
{
|
|
11530
|
+
"name": "mode",
|
|
11531
|
+
"type": {
|
|
11532
|
+
"text": "'insert' | 'replace'"
|
|
11533
|
+
}
|
|
11534
|
+
},
|
|
11535
|
+
{
|
|
11536
|
+
"name": "content",
|
|
11537
|
+
"type": {
|
|
11538
|
+
"text": "string"
|
|
11539
|
+
}
|
|
11540
|
+
}
|
|
11541
|
+
]
|
|
11542
|
+
},
|
|
11519
11543
|
{
|
|
11520
11544
|
"kind": "method",
|
|
11521
11545
|
"name": "_replaceTextAtSelection",
|
|
@@ -40176,7 +40200,7 @@
|
|
|
40176
40200
|
"package": {
|
|
40177
40201
|
"name": "@kubex/zinc",
|
|
40178
40202
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
40179
|
-
"version": "1.1.
|
|
40203
|
+
"version": "1.1.44",
|
|
40180
40204
|
"author": "",
|
|
40181
40205
|
"license": "MIT"
|
|
40182
40206
|
}
|
|
@@ -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.44",
|
|
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
|
@@ -5639,6 +5639,8 @@ declare module "components/editor/modules/toolbar/tool/tool.component" {
|
|
|
5639
5639
|
key: string;
|
|
5640
5640
|
icon: string;
|
|
5641
5641
|
handler: string;
|
|
5642
|
+
contextMenu: boolean;
|
|
5643
|
+
order?: number | null;
|
|
5642
5644
|
render(): import("lit-html").TemplateResult<1>;
|
|
5643
5645
|
}
|
|
5644
5646
|
}
|
|
@@ -5700,6 +5702,10 @@ declare module "components/editor/modules/dialog/dialog.component" {
|
|
|
5700
5702
|
export default class DialogComponent extends ZincElement {
|
|
5701
5703
|
static styles: CSSResultGroup;
|
|
5702
5704
|
private hasFocus;
|
|
5705
|
+
/** Set when loaded content declares it renders its own header (including a
|
|
5706
|
+
* [dialog-closer] control) via a composed zn-dialog-header event, replacing
|
|
5707
|
+
* the floating chrome close button. */
|
|
5708
|
+
private hasContentHeader;
|
|
5703
5709
|
dialogEl: HTMLDialogElement;
|
|
5704
5710
|
open: boolean;
|
|
5705
5711
|
uri: string;
|
|
@@ -5708,6 +5714,7 @@ declare module "components/editor/modules/dialog/dialog.component" {
|
|
|
5708
5714
|
set editorId(value: string);
|
|
5709
5715
|
connectedCallback(): void;
|
|
5710
5716
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
5717
|
+
private handleContentCloserClick;
|
|
5711
5718
|
setContent(content: string): void;
|
|
5712
5719
|
handleOpenChange(): void;
|
|
5713
5720
|
private addOpenListeners;
|
|
@@ -5785,6 +5792,7 @@ declare module "components/editor/modules/toolbar/toolbar" {
|
|
|
5785
5792
|
});
|
|
5786
5793
|
callFormat(key: string, value?: string | boolean | undefined): void;
|
|
5787
5794
|
trigger(key: string): void;
|
|
5795
|
+
private _slottedToolButton;
|
|
5788
5796
|
private _attachToolbarHandlers;
|
|
5789
5797
|
private _onToolbarClick;
|
|
5790
5798
|
private _syncToolbarState;
|
|
@@ -6248,6 +6256,18 @@ declare module "components/editor/modules/time-tracking/time-tracking" {
|
|
|
6248
6256
|
private _updateStartTime;
|
|
6249
6257
|
}
|
|
6250
6258
|
}
|
|
6259
|
+
declare module "components/editor/modules/events/zn-editor-insert" {
|
|
6260
|
+
export type ZnEditorInsertEvent = CustomEvent<{
|
|
6261
|
+
mode: 'insert' | 'replace';
|
|
6262
|
+
text?: string;
|
|
6263
|
+
html?: string;
|
|
6264
|
+
}>;
|
|
6265
|
+
global {
|
|
6266
|
+
interface GlobalEventHandlersEventMap {
|
|
6267
|
+
'zn-editor-insert': ZnEditorInsertEvent;
|
|
6268
|
+
}
|
|
6269
|
+
}
|
|
6270
|
+
}
|
|
6251
6271
|
declare module "components/editor/editor.component" {
|
|
6252
6272
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
6253
6273
|
import { Store } from "internal/storage";
|
|
@@ -6331,6 +6351,8 @@ declare module "components/editor/editor.component" {
|
|
|
6331
6351
|
private _clearCachedContent;
|
|
6332
6352
|
private _getQuillKeyboardBindings;
|
|
6333
6353
|
private _handleEditorChange;
|
|
6354
|
+
private _handleEditorInsert;
|
|
6355
|
+
private _insertHtml;
|
|
6334
6356
|
private _replaceTextAtSelection;
|
|
6335
6357
|
private _insertTextAtSelection;
|
|
6336
6358
|
private _closePopups;
|
|
@@ -10310,6 +10332,20 @@ declare module "components/editor/modules/events/zn-command-select" {
|
|
|
10310
10332
|
}
|
|
10311
10333
|
}
|
|
10312
10334
|
}
|
|
10335
|
+
declare module "components/editor/modules/events/zn-dialog-header" {
|
|
10336
|
+
/**
|
|
10337
|
+
* Dispatched (composed, bubbling) by editor-dialog content that renders its
|
|
10338
|
+
* own header row, including a [dialog-closer] control. The dialog responds by
|
|
10339
|
+
* removing its floating chrome close button so content doesn't need to
|
|
10340
|
+
* reserve space for it.
|
|
10341
|
+
*/
|
|
10342
|
+
export type ZnDialogHeaderEvent = CustomEvent<void>;
|
|
10343
|
+
global {
|
|
10344
|
+
interface GlobalEventHandlersEventMap {
|
|
10345
|
+
'zn-dialog-header': ZnDialogHeaderEvent;
|
|
10346
|
+
}
|
|
10347
|
+
}
|
|
10348
|
+
}
|
|
10313
10349
|
declare module "components/editor/modules/events/zn-editor-update" {
|
|
10314
10350
|
export type ZnEditorUpdateEvent = CustomEvent<Record<PropertyKey, never>>;
|
|
10315
10351
|
global {
|