@kubex/zinc 1.1.170 → 1.1.172
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 +93 -74
- package/dist/vscode.html-custom-data.json +17 -12
- package/dist/web-types.json +33 -23
- package/dist/zn.d.ts +16 -1
- package/dist/zn.min.js +284 -284
- package/docs/pages/components/button-group.md +49 -0
- package/package.json +1 -1
- package/src/components/button/button.scss +23 -3
- package/src/components/button-group/button-group.component.ts +20 -3
- package/src/components/button-group/button-group.test.ts +18 -0
- package/src/components/content-block/content-block.component.ts +12 -1
- package/src/components/content-block/content-block.test.ts +34 -2
- package/src/components/content-block/sanitize-html.ts +85 -0
|
@@ -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",
|
|
@@ -2530,6 +2530,16 @@
|
|
|
2530
2530
|
"default": "false",
|
|
2531
2531
|
"attribute": "gap"
|
|
2532
2532
|
},
|
|
2533
|
+
{
|
|
2534
|
+
"kind": "field",
|
|
2535
|
+
"name": "panelBackground",
|
|
2536
|
+
"type": {
|
|
2537
|
+
"text": "boolean"
|
|
2538
|
+
},
|
|
2539
|
+
"default": "false",
|
|
2540
|
+
"description": "Gives every button in the group the icon-button look: panel background,\nborder, text-colored ink and a tab-tint hover.",
|
|
2541
|
+
"attribute": "panel-bg"
|
|
2542
|
+
},
|
|
2533
2543
|
{
|
|
2534
2544
|
"kind": "field",
|
|
2535
2545
|
"name": "defaultSlot",
|
|
@@ -2589,6 +2599,15 @@
|
|
|
2589
2599
|
},
|
|
2590
2600
|
"default": "false",
|
|
2591
2601
|
"fieldName": "gap"
|
|
2602
|
+
},
|
|
2603
|
+
{
|
|
2604
|
+
"name": "panel-bg",
|
|
2605
|
+
"type": {
|
|
2606
|
+
"text": "boolean"
|
|
2607
|
+
},
|
|
2608
|
+
"default": "false",
|
|
2609
|
+
"description": "Gives every button in the group the icon-button look: panel background,\nborder, text-colored ink and a tab-tint hover.",
|
|
2610
|
+
"fieldName": "panelBackground"
|
|
2592
2611
|
}
|
|
2593
2612
|
],
|
|
2594
2613
|
"superclass": {
|
|
@@ -53917,7 +53936,7 @@
|
|
|
53917
53936
|
"package": {
|
|
53918
53937
|
"name": "@kubex/zinc",
|
|
53919
53938
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
53920
|
-
"version": "1.1.
|
|
53939
|
+
"version": "1.1.172",
|
|
53921
53940
|
"author": "",
|
|
53922
53941
|
"license": "MIT"
|
|
53923
53942
|
}
|
|
@@ -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",
|
|
@@ -368,7 +368,12 @@
|
|
|
368
368
|
{ "name": "grow", "values": [] },
|
|
369
369
|
{ "name": "wrap", "values": [] },
|
|
370
370
|
{ "name": "start", "values": [] },
|
|
371
|
-
{ "name": "gap", "values": [] }
|
|
371
|
+
{ "name": "gap", "values": [] },
|
|
372
|
+
{
|
|
373
|
+
"name": "panel-bg",
|
|
374
|
+
"description": "Gives every button in the group the icon-button look: panel background,\nborder, text-colored ink and a tab-tint hover.",
|
|
375
|
+
"values": []
|
|
376
|
+
}
|
|
372
377
|
],
|
|
373
378
|
"references": [
|
|
374
379
|
{
|
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.172",
|
|
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\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\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\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\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",
|
|
@@ -713,6 +713,11 @@
|
|
|
713
713
|
{
|
|
714
714
|
"name": "gap",
|
|
715
715
|
"value": { "type": "boolean", "default": "false" }
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"name": "panel-bg",
|
|
719
|
+
"description": "Gives every button in the group the icon-button look: panel background,\nborder, text-colored ink and a tab-tint hover.",
|
|
720
|
+
"value": { "type": "boolean", "default": "false" }
|
|
716
721
|
}
|
|
717
722
|
],
|
|
718
723
|
"slots": [{ "name": "", "description": "The default slot." }],
|
|
@@ -726,6 +731,11 @@
|
|
|
726
731
|
{ "name": "wrap", "type": "boolean" },
|
|
727
732
|
{ "name": "start", "type": "boolean" },
|
|
728
733
|
{ "name": "gap", "type": "boolean" },
|
|
734
|
+
{
|
|
735
|
+
"name": "panelBackground",
|
|
736
|
+
"description": "Gives every button in the group the icon-button look: panel background,\nborder, text-colored ink and a tab-tint hover.",
|
|
737
|
+
"type": "boolean"
|
|
738
|
+
},
|
|
729
739
|
{ "name": "defaultSlot", "type": "HTMLSlotElement" }
|
|
730
740
|
],
|
|
731
741
|
"events": [
|
package/dist/zn.d.ts
CHANGED
|
@@ -1523,7 +1523,7 @@ declare module "components/alert/index" {
|
|
|
1523
1523
|
}
|
|
1524
1524
|
}
|
|
1525
1525
|
declare module "components/button-group/button-group.component" {
|
|
1526
|
-
import { type CSSResultGroup } from 'lit';
|
|
1526
|
+
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
1527
1527
|
import ZincElement from "internal/zinc-element";
|
|
1528
1528
|
/**
|
|
1529
1529
|
* @summary Short summary of the component's intended use.
|
|
@@ -1549,7 +1549,11 @@ declare module "components/button-group/button-group.component" {
|
|
|
1549
1549
|
wrap: boolean;
|
|
1550
1550
|
start: boolean;
|
|
1551
1551
|
gap: boolean;
|
|
1552
|
+
/** Gives every button in the group the icon-button look: panel background,
|
|
1553
|
+
* border, text-colored ink and a tab-tint hover. */
|
|
1554
|
+
panelBackground: boolean;
|
|
1552
1555
|
defaultSlot: HTMLSlotElement;
|
|
1556
|
+
protected updated(changed: PropertyValues<this>): void;
|
|
1553
1557
|
private handleSlotChange;
|
|
1554
1558
|
render(): import("lit-html").TemplateResult<1>;
|
|
1555
1559
|
}
|
|
@@ -8932,12 +8936,23 @@ declare module "components/split-button/index" {
|
|
|
8932
8936
|
}
|
|
8933
8937
|
}
|
|
8934
8938
|
}
|
|
8939
|
+
declare module "components/content-block/sanitize-html" {
|
|
8940
|
+
/** Whether a plain-text body is really HTML source. `<br>` alone doesn't count. */
|
|
8941
|
+
export function looksLikeHtml(text: string): boolean;
|
|
8942
|
+
/**
|
|
8943
|
+
* Rebuilds untrusted HTML from an allowlist of formatting tags. Attributes are never copied,
|
|
8944
|
+
* except a link's href when it is http(s) or mailto.
|
|
8945
|
+
*/
|
|
8946
|
+
export function sanitizeHtml(source: string): string;
|
|
8947
|
+
}
|
|
8935
8948
|
declare module "components/content-block/content-block.component" {
|
|
8936
8949
|
import ZincElement from "internal/zinc-element";
|
|
8937
8950
|
import type { PropertyValues } from 'lit';
|
|
8938
8951
|
interface TextRow {
|
|
8939
8952
|
lines: string[];
|
|
8940
8953
|
type: 'reply' | 'text';
|
|
8954
|
+
/** `lines` holds a single sanitized HTML string. */
|
|
8955
|
+
html?: boolean;
|
|
8941
8956
|
}
|
|
8942
8957
|
/**
|
|
8943
8958
|
* @summary Short summary of the component's intended use.
|