@kubex/zinc 1.1.180 → 1.1.182
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 +616 -378
- package/dist/vscode.html-custom-data.json +72 -34
- package/dist/web-types.json +179 -99
- package/dist/zn.d.ts +110 -12
- package/dist/zn.min.js +330 -321
- package/docs/pages/components/chart.md +49 -0
- package/docs/pages/components/content-block.md +47 -0
- package/docs/pages/components/stat.md +74 -0
- package/docs/pages/components/tile.md +16 -0
- package/package.json +1 -1
- package/src/components/chart/builders.ts +15 -0
- package/src/components/chart/chart-live.test.ts +82 -0
- package/src/components/chart/chart.component.ts +111 -14
- package/src/components/chart/live.test.ts +96 -0
- package/src/components/chart/live.ts +164 -0
- package/src/components/cols/cols.scss +16 -0
- package/src/components/content-block/content-block.component.ts +21 -7
- package/src/components/content-block/content-block.scss +36 -0
- package/src/components/content-block/content-block.test.ts +25 -0
- package/src/components/stat/stat.component.ts +81 -12
- package/src/components/stat/stat.scss +64 -0
- package/src/components/tile/tile.component.ts +3 -0
- package/src/components/tile/tile.scss +30 -0
- package/src/utilities/sanitize-html.ts +11 -2
|
@@ -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",
|
|
@@ -3583,6 +3583,33 @@
|
|
|
3583
3583
|
"default": "''",
|
|
3584
3584
|
"attribute": "data-url"
|
|
3585
3585
|
},
|
|
3586
|
+
{
|
|
3587
|
+
"kind": "field",
|
|
3588
|
+
"name": "streamUrl",
|
|
3589
|
+
"type": {
|
|
3590
|
+
"text": "string"
|
|
3591
|
+
},
|
|
3592
|
+
"default": "''",
|
|
3593
|
+
"attribute": "stream-url"
|
|
3594
|
+
},
|
|
3595
|
+
{
|
|
3596
|
+
"kind": "field",
|
|
3597
|
+
"name": "liveRenewUrl",
|
|
3598
|
+
"type": {
|
|
3599
|
+
"text": "string"
|
|
3600
|
+
},
|
|
3601
|
+
"default": "''",
|
|
3602
|
+
"attribute": "live-renew-url"
|
|
3603
|
+
},
|
|
3604
|
+
{
|
|
3605
|
+
"kind": "field",
|
|
3606
|
+
"name": "hideZero",
|
|
3607
|
+
"type": {
|
|
3608
|
+
"text": "boolean"
|
|
3609
|
+
},
|
|
3610
|
+
"default": "false",
|
|
3611
|
+
"attribute": "hide-zero"
|
|
3612
|
+
},
|
|
3586
3613
|
{
|
|
3587
3614
|
"kind": "field",
|
|
3588
3615
|
"name": "liveInterval",
|
|
@@ -3725,6 +3752,64 @@
|
|
|
3725
3752
|
},
|
|
3726
3753
|
"privacy": "private"
|
|
3727
3754
|
},
|
|
3755
|
+
{
|
|
3756
|
+
"kind": "field",
|
|
3757
|
+
"name": "pollAbort",
|
|
3758
|
+
"type": {
|
|
3759
|
+
"text": "AbortController | undefined"
|
|
3760
|
+
},
|
|
3761
|
+
"privacy": "private"
|
|
3762
|
+
},
|
|
3763
|
+
{
|
|
3764
|
+
"kind": "field",
|
|
3765
|
+
"name": "liveStatus",
|
|
3766
|
+
"type": {
|
|
3767
|
+
"text": "string"
|
|
3768
|
+
},
|
|
3769
|
+
"privacy": "private",
|
|
3770
|
+
"default": "'connecting'"
|
|
3771
|
+
},
|
|
3772
|
+
{
|
|
3773
|
+
"kind": "field",
|
|
3774
|
+
"name": "liveWindow",
|
|
3775
|
+
"privacy": "private",
|
|
3776
|
+
"default": "new LiveWindow()"
|
|
3777
|
+
},
|
|
3778
|
+
{
|
|
3779
|
+
"kind": "field",
|
|
3780
|
+
"name": "replaceLiveSeries",
|
|
3781
|
+
"type": {
|
|
3782
|
+
"text": "boolean"
|
|
3783
|
+
},
|
|
3784
|
+
"privacy": "private",
|
|
3785
|
+
"default": "true"
|
|
3786
|
+
},
|
|
3787
|
+
{
|
|
3788
|
+
"kind": "field",
|
|
3789
|
+
"name": "transport",
|
|
3790
|
+
"privacy": "private",
|
|
3791
|
+
"default": "new LiveTransport((frame, snapshot) => { const applied = this.liveWindow.apply(frame, snapshot); this.replaceLiveSeries ||= snapshot || applied.prediction !== undefined; this.data = this.liveSeries(); this.requestUpdate(); }, status => { this.liveStatus = status; this.dispatchEvent(new CustomEvent('zn-live-status', { detail: { status }, bubbles: true, composed: true })); }, serverTime => { this.liveWindow.advance(serverTime); this.data = this.liveSeries(); })"
|
|
3792
|
+
},
|
|
3793
|
+
{
|
|
3794
|
+
"kind": "method",
|
|
3795
|
+
"name": "liveTransitionDuration",
|
|
3796
|
+
"privacy": "private"
|
|
3797
|
+
},
|
|
3798
|
+
{
|
|
3799
|
+
"kind": "method",
|
|
3800
|
+
"name": "liveSeries",
|
|
3801
|
+
"privacy": "private",
|
|
3802
|
+
"return": {
|
|
3803
|
+
"type": {
|
|
3804
|
+
"text": "SeriesItem[]"
|
|
3805
|
+
}
|
|
3806
|
+
}
|
|
3807
|
+
},
|
|
3808
|
+
{
|
|
3809
|
+
"kind": "method",
|
|
3810
|
+
"name": "updateChart",
|
|
3811
|
+
"privacy": "private"
|
|
3812
|
+
},
|
|
3728
3813
|
{
|
|
3729
3814
|
"kind": "field",
|
|
3730
3815
|
"name": "resizeObserver",
|
|
@@ -3782,6 +3867,11 @@
|
|
|
3782
3867
|
"name": "initChart",
|
|
3783
3868
|
"privacy": "private"
|
|
3784
3869
|
},
|
|
3870
|
+
{
|
|
3871
|
+
"kind": "method",
|
|
3872
|
+
"name": "stopLive",
|
|
3873
|
+
"privacy": "private"
|
|
3874
|
+
},
|
|
3785
3875
|
{
|
|
3786
3876
|
"kind": "method",
|
|
3787
3877
|
"name": "startLive",
|
|
@@ -3873,6 +3963,30 @@
|
|
|
3873
3963
|
"default": "''",
|
|
3874
3964
|
"fieldName": "dataUrl"
|
|
3875
3965
|
},
|
|
3966
|
+
{
|
|
3967
|
+
"name": "stream-url",
|
|
3968
|
+
"type": {
|
|
3969
|
+
"text": "string"
|
|
3970
|
+
},
|
|
3971
|
+
"default": "''",
|
|
3972
|
+
"fieldName": "streamUrl"
|
|
3973
|
+
},
|
|
3974
|
+
{
|
|
3975
|
+
"name": "live-renew-url",
|
|
3976
|
+
"type": {
|
|
3977
|
+
"text": "string"
|
|
3978
|
+
},
|
|
3979
|
+
"default": "''",
|
|
3980
|
+
"fieldName": "liveRenewUrl"
|
|
3981
|
+
},
|
|
3982
|
+
{
|
|
3983
|
+
"name": "hide-zero",
|
|
3984
|
+
"type": {
|
|
3985
|
+
"text": "boolean"
|
|
3986
|
+
},
|
|
3987
|
+
"default": "false",
|
|
3988
|
+
"fieldName": "hideZero"
|
|
3989
|
+
},
|
|
3876
3990
|
{
|
|
3877
3991
|
"name": "live-interval",
|
|
3878
3992
|
"type": {
|
|
@@ -6409,6 +6523,280 @@
|
|
|
6409
6523
|
}
|
|
6410
6524
|
]
|
|
6411
6525
|
},
|
|
6526
|
+
{
|
|
6527
|
+
"kind": "javascript-module",
|
|
6528
|
+
"path": "components/cols/cols.js",
|
|
6529
|
+
"declarations": [
|
|
6530
|
+
{
|
|
6531
|
+
"kind": "class",
|
|
6532
|
+
"description": "",
|
|
6533
|
+
"name": "ZnCols",
|
|
6534
|
+
"cssProperties": [
|
|
6535
|
+
{
|
|
6536
|
+
"description": "An example CSS custom property.",
|
|
6537
|
+
"name": "--example"
|
|
6538
|
+
}
|
|
6539
|
+
],
|
|
6540
|
+
"cssParts": [
|
|
6541
|
+
{
|
|
6542
|
+
"description": "The component's base wrapper.",
|
|
6543
|
+
"name": "base"
|
|
6544
|
+
}
|
|
6545
|
+
],
|
|
6546
|
+
"slots": [
|
|
6547
|
+
{
|
|
6548
|
+
"description": "The default slot.",
|
|
6549
|
+
"name": ""
|
|
6550
|
+
},
|
|
6551
|
+
{
|
|
6552
|
+
"description": "An example slot.",
|
|
6553
|
+
"name": "example"
|
|
6554
|
+
}
|
|
6555
|
+
],
|
|
6556
|
+
"members": [
|
|
6557
|
+
{
|
|
6558
|
+
"kind": "field",
|
|
6559
|
+
"name": "layout",
|
|
6560
|
+
"type": {
|
|
6561
|
+
"text": "string"
|
|
6562
|
+
},
|
|
6563
|
+
"default": "''",
|
|
6564
|
+
"attribute": "layout",
|
|
6565
|
+
"reflects": true
|
|
6566
|
+
},
|
|
6567
|
+
{
|
|
6568
|
+
"kind": "field",
|
|
6569
|
+
"name": "stackAt",
|
|
6570
|
+
"type": {
|
|
6571
|
+
"text": "string"
|
|
6572
|
+
},
|
|
6573
|
+
"default": "''",
|
|
6574
|
+
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
6575
|
+
"attribute": "stack-at",
|
|
6576
|
+
"reflects": true
|
|
6577
|
+
},
|
|
6578
|
+
{
|
|
6579
|
+
"kind": "field",
|
|
6580
|
+
"name": "maxColumns",
|
|
6581
|
+
"type": {
|
|
6582
|
+
"text": "number"
|
|
6583
|
+
},
|
|
6584
|
+
"default": "0",
|
|
6585
|
+
"attribute": "mc",
|
|
6586
|
+
"reflects": true
|
|
6587
|
+
},
|
|
6588
|
+
{
|
|
6589
|
+
"kind": "field",
|
|
6590
|
+
"name": "noGap",
|
|
6591
|
+
"type": {
|
|
6592
|
+
"text": "boolean"
|
|
6593
|
+
},
|
|
6594
|
+
"default": "false",
|
|
6595
|
+
"attribute": "no-gap"
|
|
6596
|
+
},
|
|
6597
|
+
{
|
|
6598
|
+
"kind": "field",
|
|
6599
|
+
"name": "border",
|
|
6600
|
+
"type": {
|
|
6601
|
+
"text": "boolean"
|
|
6602
|
+
},
|
|
6603
|
+
"default": "false",
|
|
6604
|
+
"attribute": "border"
|
|
6605
|
+
},
|
|
6606
|
+
{
|
|
6607
|
+
"kind": "field",
|
|
6608
|
+
"name": "pad",
|
|
6609
|
+
"type": {
|
|
6610
|
+
"text": "boolean"
|
|
6611
|
+
},
|
|
6612
|
+
"attribute": "pad"
|
|
6613
|
+
},
|
|
6614
|
+
{
|
|
6615
|
+
"kind": "field",
|
|
6616
|
+
"name": "divide",
|
|
6617
|
+
"type": {
|
|
6618
|
+
"text": "boolean"
|
|
6619
|
+
},
|
|
6620
|
+
"default": "false",
|
|
6621
|
+
"attribute": "divide"
|
|
6622
|
+
},
|
|
6623
|
+
{
|
|
6624
|
+
"kind": "field",
|
|
6625
|
+
"name": "padX",
|
|
6626
|
+
"type": {
|
|
6627
|
+
"text": "boolean"
|
|
6628
|
+
},
|
|
6629
|
+
"attribute": "pad-x"
|
|
6630
|
+
},
|
|
6631
|
+
{
|
|
6632
|
+
"kind": "field",
|
|
6633
|
+
"name": "padY",
|
|
6634
|
+
"type": {
|
|
6635
|
+
"text": "boolean"
|
|
6636
|
+
},
|
|
6637
|
+
"attribute": "pad-y"
|
|
6638
|
+
},
|
|
6639
|
+
{
|
|
6640
|
+
"kind": "field",
|
|
6641
|
+
"name": "childObserver",
|
|
6642
|
+
"type": {
|
|
6643
|
+
"text": "MutationObserver"
|
|
6644
|
+
},
|
|
6645
|
+
"privacy": "private",
|
|
6646
|
+
"readonly": true,
|
|
6647
|
+
"default": "new MutationObserver(() => this.requestUpdate())"
|
|
6648
|
+
},
|
|
6649
|
+
{
|
|
6650
|
+
"kind": "method",
|
|
6651
|
+
"name": "stackOrder",
|
|
6652
|
+
"privacy": "private",
|
|
6653
|
+
"return": {
|
|
6654
|
+
"type": {
|
|
6655
|
+
"text": "number | null"
|
|
6656
|
+
}
|
|
6657
|
+
},
|
|
6658
|
+
"parameters": [
|
|
6659
|
+
{
|
|
6660
|
+
"name": "element",
|
|
6661
|
+
"type": {
|
|
6662
|
+
"text": "Element"
|
|
6663
|
+
}
|
|
6664
|
+
}
|
|
6665
|
+
],
|
|
6666
|
+
"description": "Reads the `stack-order` attribute of an element, returning null when it does not declare one."
|
|
6667
|
+
},
|
|
6668
|
+
{
|
|
6669
|
+
"kind": "method",
|
|
6670
|
+
"name": "applyStackOrder",
|
|
6671
|
+
"privacy": "private",
|
|
6672
|
+
"return": {
|
|
6673
|
+
"type": {
|
|
6674
|
+
"text": "number | null"
|
|
6675
|
+
}
|
|
6676
|
+
},
|
|
6677
|
+
"parameters": [
|
|
6678
|
+
{
|
|
6679
|
+
"name": "element",
|
|
6680
|
+
"type": {
|
|
6681
|
+
"text": "HTMLElement"
|
|
6682
|
+
}
|
|
6683
|
+
},
|
|
6684
|
+
{
|
|
6685
|
+
"name": "promoted",
|
|
6686
|
+
"type": {
|
|
6687
|
+
"text": "boolean"
|
|
6688
|
+
}
|
|
6689
|
+
}
|
|
6690
|
+
],
|
|
6691
|
+
"description": "Applies the declared stack order to an element. `--zn-stacked` is 0 until the container\nquery in our stylesheet flips it to 1, so ordering only kicks in once stacked."
|
|
6692
|
+
}
|
|
6693
|
+
],
|
|
6694
|
+
"events": [
|
|
6695
|
+
{
|
|
6696
|
+
"description": "Emitted as an example.",
|
|
6697
|
+
"name": "zn-event-name"
|
|
6698
|
+
}
|
|
6699
|
+
],
|
|
6700
|
+
"attributes": [
|
|
6701
|
+
{
|
|
6702
|
+
"name": "layout",
|
|
6703
|
+
"type": {
|
|
6704
|
+
"text": "string"
|
|
6705
|
+
},
|
|
6706
|
+
"default": "''",
|
|
6707
|
+
"fieldName": "layout"
|
|
6708
|
+
},
|
|
6709
|
+
{
|
|
6710
|
+
"name": "stack-at",
|
|
6711
|
+
"type": {
|
|
6712
|
+
"text": "string"
|
|
6713
|
+
},
|
|
6714
|
+
"default": "''",
|
|
6715
|
+
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
6716
|
+
"fieldName": "stackAt"
|
|
6717
|
+
},
|
|
6718
|
+
{
|
|
6719
|
+
"name": "mc",
|
|
6720
|
+
"type": {
|
|
6721
|
+
"text": "number"
|
|
6722
|
+
},
|
|
6723
|
+
"default": "0",
|
|
6724
|
+
"fieldName": "maxColumns"
|
|
6725
|
+
},
|
|
6726
|
+
{
|
|
6727
|
+
"name": "no-gap",
|
|
6728
|
+
"type": {
|
|
6729
|
+
"text": "boolean"
|
|
6730
|
+
},
|
|
6731
|
+
"default": "false",
|
|
6732
|
+
"fieldName": "noGap"
|
|
6733
|
+
},
|
|
6734
|
+
{
|
|
6735
|
+
"name": "border",
|
|
6736
|
+
"type": {
|
|
6737
|
+
"text": "boolean"
|
|
6738
|
+
},
|
|
6739
|
+
"default": "false",
|
|
6740
|
+
"fieldName": "border"
|
|
6741
|
+
},
|
|
6742
|
+
{
|
|
6743
|
+
"name": "pad",
|
|
6744
|
+
"type": {
|
|
6745
|
+
"text": "boolean"
|
|
6746
|
+
},
|
|
6747
|
+
"fieldName": "pad"
|
|
6748
|
+
},
|
|
6749
|
+
{
|
|
6750
|
+
"name": "divide",
|
|
6751
|
+
"type": {
|
|
6752
|
+
"text": "boolean"
|
|
6753
|
+
},
|
|
6754
|
+
"default": "false",
|
|
6755
|
+
"fieldName": "divide"
|
|
6756
|
+
},
|
|
6757
|
+
{
|
|
6758
|
+
"name": "pad-x",
|
|
6759
|
+
"type": {
|
|
6760
|
+
"text": "boolean"
|
|
6761
|
+
},
|
|
6762
|
+
"fieldName": "padX"
|
|
6763
|
+
},
|
|
6764
|
+
{
|
|
6765
|
+
"name": "pad-y",
|
|
6766
|
+
"type": {
|
|
6767
|
+
"text": "boolean"
|
|
6768
|
+
},
|
|
6769
|
+
"fieldName": "padY"
|
|
6770
|
+
}
|
|
6771
|
+
],
|
|
6772
|
+
"superclass": {
|
|
6773
|
+
"name": "ZincElement",
|
|
6774
|
+
"module": "/src/internal/zinc-element"
|
|
6775
|
+
},
|
|
6776
|
+
"summary": "Short summary of the component's intended use.",
|
|
6777
|
+
"tagNameWithoutPrefix": "cols",
|
|
6778
|
+
"tagName": "zn-cols",
|
|
6779
|
+
"customElement": true,
|
|
6780
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/columns\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 */",
|
|
6781
|
+
"documentation": "https://zinc.style/components/columns",
|
|
6782
|
+
"status": "experimental",
|
|
6783
|
+
"since": "1.0",
|
|
6784
|
+
"dependencies": [
|
|
6785
|
+
"zn-example"
|
|
6786
|
+
]
|
|
6787
|
+
}
|
|
6788
|
+
],
|
|
6789
|
+
"exports": [
|
|
6790
|
+
{
|
|
6791
|
+
"kind": "js",
|
|
6792
|
+
"name": "default",
|
|
6793
|
+
"declaration": {
|
|
6794
|
+
"name": "ZnCols",
|
|
6795
|
+
"module": "components/cols/cols.js"
|
|
6796
|
+
}
|
|
6797
|
+
}
|
|
6798
|
+
]
|
|
6799
|
+
},
|
|
6412
6800
|
{
|
|
6413
6801
|
"kind": "javascript-module",
|
|
6414
6802
|
"path": "components/color-select/color-select.js",
|
|
@@ -6708,280 +7096,6 @@
|
|
|
6708
7096
|
}
|
|
6709
7097
|
]
|
|
6710
7098
|
},
|
|
6711
|
-
{
|
|
6712
|
-
"kind": "javascript-module",
|
|
6713
|
-
"path": "components/cols/cols.js",
|
|
6714
|
-
"declarations": [
|
|
6715
|
-
{
|
|
6716
|
-
"kind": "class",
|
|
6717
|
-
"description": "",
|
|
6718
|
-
"name": "ZnCols",
|
|
6719
|
-
"cssProperties": [
|
|
6720
|
-
{
|
|
6721
|
-
"description": "An example CSS custom property.",
|
|
6722
|
-
"name": "--example"
|
|
6723
|
-
}
|
|
6724
|
-
],
|
|
6725
|
-
"cssParts": [
|
|
6726
|
-
{
|
|
6727
|
-
"description": "The component's base wrapper.",
|
|
6728
|
-
"name": "base"
|
|
6729
|
-
}
|
|
6730
|
-
],
|
|
6731
|
-
"slots": [
|
|
6732
|
-
{
|
|
6733
|
-
"description": "The default slot.",
|
|
6734
|
-
"name": ""
|
|
6735
|
-
},
|
|
6736
|
-
{
|
|
6737
|
-
"description": "An example slot.",
|
|
6738
|
-
"name": "example"
|
|
6739
|
-
}
|
|
6740
|
-
],
|
|
6741
|
-
"members": [
|
|
6742
|
-
{
|
|
6743
|
-
"kind": "field",
|
|
6744
|
-
"name": "layout",
|
|
6745
|
-
"type": {
|
|
6746
|
-
"text": "string"
|
|
6747
|
-
},
|
|
6748
|
-
"default": "''",
|
|
6749
|
-
"attribute": "layout",
|
|
6750
|
-
"reflects": true
|
|
6751
|
-
},
|
|
6752
|
-
{
|
|
6753
|
-
"kind": "field",
|
|
6754
|
-
"name": "stackAt",
|
|
6755
|
-
"type": {
|
|
6756
|
-
"text": "string"
|
|
6757
|
-
},
|
|
6758
|
-
"default": "''",
|
|
6759
|
-
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
6760
|
-
"attribute": "stack-at",
|
|
6761
|
-
"reflects": true
|
|
6762
|
-
},
|
|
6763
|
-
{
|
|
6764
|
-
"kind": "field",
|
|
6765
|
-
"name": "maxColumns",
|
|
6766
|
-
"type": {
|
|
6767
|
-
"text": "number"
|
|
6768
|
-
},
|
|
6769
|
-
"default": "0",
|
|
6770
|
-
"attribute": "mc",
|
|
6771
|
-
"reflects": true
|
|
6772
|
-
},
|
|
6773
|
-
{
|
|
6774
|
-
"kind": "field",
|
|
6775
|
-
"name": "noGap",
|
|
6776
|
-
"type": {
|
|
6777
|
-
"text": "boolean"
|
|
6778
|
-
},
|
|
6779
|
-
"default": "false",
|
|
6780
|
-
"attribute": "no-gap"
|
|
6781
|
-
},
|
|
6782
|
-
{
|
|
6783
|
-
"kind": "field",
|
|
6784
|
-
"name": "border",
|
|
6785
|
-
"type": {
|
|
6786
|
-
"text": "boolean"
|
|
6787
|
-
},
|
|
6788
|
-
"default": "false",
|
|
6789
|
-
"attribute": "border"
|
|
6790
|
-
},
|
|
6791
|
-
{
|
|
6792
|
-
"kind": "field",
|
|
6793
|
-
"name": "pad",
|
|
6794
|
-
"type": {
|
|
6795
|
-
"text": "boolean"
|
|
6796
|
-
},
|
|
6797
|
-
"attribute": "pad"
|
|
6798
|
-
},
|
|
6799
|
-
{
|
|
6800
|
-
"kind": "field",
|
|
6801
|
-
"name": "divide",
|
|
6802
|
-
"type": {
|
|
6803
|
-
"text": "boolean"
|
|
6804
|
-
},
|
|
6805
|
-
"default": "false",
|
|
6806
|
-
"attribute": "divide"
|
|
6807
|
-
},
|
|
6808
|
-
{
|
|
6809
|
-
"kind": "field",
|
|
6810
|
-
"name": "padX",
|
|
6811
|
-
"type": {
|
|
6812
|
-
"text": "boolean"
|
|
6813
|
-
},
|
|
6814
|
-
"attribute": "pad-x"
|
|
6815
|
-
},
|
|
6816
|
-
{
|
|
6817
|
-
"kind": "field",
|
|
6818
|
-
"name": "padY",
|
|
6819
|
-
"type": {
|
|
6820
|
-
"text": "boolean"
|
|
6821
|
-
},
|
|
6822
|
-
"attribute": "pad-y"
|
|
6823
|
-
},
|
|
6824
|
-
{
|
|
6825
|
-
"kind": "field",
|
|
6826
|
-
"name": "childObserver",
|
|
6827
|
-
"type": {
|
|
6828
|
-
"text": "MutationObserver"
|
|
6829
|
-
},
|
|
6830
|
-
"privacy": "private",
|
|
6831
|
-
"readonly": true,
|
|
6832
|
-
"default": "new MutationObserver(() => this.requestUpdate())"
|
|
6833
|
-
},
|
|
6834
|
-
{
|
|
6835
|
-
"kind": "method",
|
|
6836
|
-
"name": "stackOrder",
|
|
6837
|
-
"privacy": "private",
|
|
6838
|
-
"return": {
|
|
6839
|
-
"type": {
|
|
6840
|
-
"text": "number | null"
|
|
6841
|
-
}
|
|
6842
|
-
},
|
|
6843
|
-
"parameters": [
|
|
6844
|
-
{
|
|
6845
|
-
"name": "element",
|
|
6846
|
-
"type": {
|
|
6847
|
-
"text": "Element"
|
|
6848
|
-
}
|
|
6849
|
-
}
|
|
6850
|
-
],
|
|
6851
|
-
"description": "Reads the `stack-order` attribute of an element, returning null when it does not declare one."
|
|
6852
|
-
},
|
|
6853
|
-
{
|
|
6854
|
-
"kind": "method",
|
|
6855
|
-
"name": "applyStackOrder",
|
|
6856
|
-
"privacy": "private",
|
|
6857
|
-
"return": {
|
|
6858
|
-
"type": {
|
|
6859
|
-
"text": "number | null"
|
|
6860
|
-
}
|
|
6861
|
-
},
|
|
6862
|
-
"parameters": [
|
|
6863
|
-
{
|
|
6864
|
-
"name": "element",
|
|
6865
|
-
"type": {
|
|
6866
|
-
"text": "HTMLElement"
|
|
6867
|
-
}
|
|
6868
|
-
},
|
|
6869
|
-
{
|
|
6870
|
-
"name": "promoted",
|
|
6871
|
-
"type": {
|
|
6872
|
-
"text": "boolean"
|
|
6873
|
-
}
|
|
6874
|
-
}
|
|
6875
|
-
],
|
|
6876
|
-
"description": "Applies the declared stack order to an element. `--zn-stacked` is 0 until the container\nquery in our stylesheet flips it to 1, so ordering only kicks in once stacked."
|
|
6877
|
-
}
|
|
6878
|
-
],
|
|
6879
|
-
"events": [
|
|
6880
|
-
{
|
|
6881
|
-
"description": "Emitted as an example.",
|
|
6882
|
-
"name": "zn-event-name"
|
|
6883
|
-
}
|
|
6884
|
-
],
|
|
6885
|
-
"attributes": [
|
|
6886
|
-
{
|
|
6887
|
-
"name": "layout",
|
|
6888
|
-
"type": {
|
|
6889
|
-
"text": "string"
|
|
6890
|
-
},
|
|
6891
|
-
"default": "''",
|
|
6892
|
-
"fieldName": "layout"
|
|
6893
|
-
},
|
|
6894
|
-
{
|
|
6895
|
-
"name": "stack-at",
|
|
6896
|
-
"type": {
|
|
6897
|
-
"text": "string"
|
|
6898
|
-
},
|
|
6899
|
-
"default": "''",
|
|
6900
|
-
"description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
|
|
6901
|
-
"fieldName": "stackAt"
|
|
6902
|
-
},
|
|
6903
|
-
{
|
|
6904
|
-
"name": "mc",
|
|
6905
|
-
"type": {
|
|
6906
|
-
"text": "number"
|
|
6907
|
-
},
|
|
6908
|
-
"default": "0",
|
|
6909
|
-
"fieldName": "maxColumns"
|
|
6910
|
-
},
|
|
6911
|
-
{
|
|
6912
|
-
"name": "no-gap",
|
|
6913
|
-
"type": {
|
|
6914
|
-
"text": "boolean"
|
|
6915
|
-
},
|
|
6916
|
-
"default": "false",
|
|
6917
|
-
"fieldName": "noGap"
|
|
6918
|
-
},
|
|
6919
|
-
{
|
|
6920
|
-
"name": "border",
|
|
6921
|
-
"type": {
|
|
6922
|
-
"text": "boolean"
|
|
6923
|
-
},
|
|
6924
|
-
"default": "false",
|
|
6925
|
-
"fieldName": "border"
|
|
6926
|
-
},
|
|
6927
|
-
{
|
|
6928
|
-
"name": "pad",
|
|
6929
|
-
"type": {
|
|
6930
|
-
"text": "boolean"
|
|
6931
|
-
},
|
|
6932
|
-
"fieldName": "pad"
|
|
6933
|
-
},
|
|
6934
|
-
{
|
|
6935
|
-
"name": "divide",
|
|
6936
|
-
"type": {
|
|
6937
|
-
"text": "boolean"
|
|
6938
|
-
},
|
|
6939
|
-
"default": "false",
|
|
6940
|
-
"fieldName": "divide"
|
|
6941
|
-
},
|
|
6942
|
-
{
|
|
6943
|
-
"name": "pad-x",
|
|
6944
|
-
"type": {
|
|
6945
|
-
"text": "boolean"
|
|
6946
|
-
},
|
|
6947
|
-
"fieldName": "padX"
|
|
6948
|
-
},
|
|
6949
|
-
{
|
|
6950
|
-
"name": "pad-y",
|
|
6951
|
-
"type": {
|
|
6952
|
-
"text": "boolean"
|
|
6953
|
-
},
|
|
6954
|
-
"fieldName": "padY"
|
|
6955
|
-
}
|
|
6956
|
-
],
|
|
6957
|
-
"superclass": {
|
|
6958
|
-
"name": "ZincElement",
|
|
6959
|
-
"module": "/src/internal/zinc-element"
|
|
6960
|
-
},
|
|
6961
|
-
"summary": "Short summary of the component's intended use.",
|
|
6962
|
-
"tagNameWithoutPrefix": "cols",
|
|
6963
|
-
"tagName": "zn-cols",
|
|
6964
|
-
"customElement": true,
|
|
6965
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/columns\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 */",
|
|
6966
|
-
"documentation": "https://zinc.style/components/columns",
|
|
6967
|
-
"status": "experimental",
|
|
6968
|
-
"since": "1.0",
|
|
6969
|
-
"dependencies": [
|
|
6970
|
-
"zn-example"
|
|
6971
|
-
]
|
|
6972
|
-
}
|
|
6973
|
-
],
|
|
6974
|
-
"exports": [
|
|
6975
|
-
{
|
|
6976
|
-
"kind": "js",
|
|
6977
|
-
"name": "default",
|
|
6978
|
-
"declaration": {
|
|
6979
|
-
"name": "ZnCols",
|
|
6980
|
-
"module": "components/cols/cols.js"
|
|
6981
|
-
}
|
|
6982
|
-
}
|
|
6983
|
-
]
|
|
6984
|
-
},
|
|
6985
7099
|
{
|
|
6986
7100
|
"kind": "javascript-module",
|
|
6987
7101
|
"path": "components/confirm/confirm.js",
|
|
@@ -45217,28 +45331,6 @@
|
|
|
45217
45331
|
"kind": "class",
|
|
45218
45332
|
"description": "",
|
|
45219
45333
|
"name": "ZnStatsTile",
|
|
45220
|
-
"cssProperties": [
|
|
45221
|
-
{
|
|
45222
|
-
"description": "An example CSS custom property.",
|
|
45223
|
-
"name": "--example"
|
|
45224
|
-
}
|
|
45225
|
-
],
|
|
45226
|
-
"cssParts": [
|
|
45227
|
-
{
|
|
45228
|
-
"description": "The component's base wrapper.",
|
|
45229
|
-
"name": "base"
|
|
45230
|
-
}
|
|
45231
|
-
],
|
|
45232
|
-
"slots": [
|
|
45233
|
-
{
|
|
45234
|
-
"description": "The default slot.",
|
|
45235
|
-
"name": ""
|
|
45236
|
-
},
|
|
45237
|
-
{
|
|
45238
|
-
"description": "An example slot.",
|
|
45239
|
-
"name": "example"
|
|
45240
|
-
}
|
|
45241
|
-
],
|
|
45242
45334
|
"members": [
|
|
45243
45335
|
{
|
|
45244
45336
|
"kind": "field",
|
|
@@ -45312,6 +45404,67 @@
|
|
|
45312
45404
|
"default": "'primary'",
|
|
45313
45405
|
"attribute": "color"
|
|
45314
45406
|
},
|
|
45407
|
+
{
|
|
45408
|
+
"kind": "field",
|
|
45409
|
+
"name": "layout",
|
|
45410
|
+
"type": {
|
|
45411
|
+
"text": "'default' | 'value-first'"
|
|
45412
|
+
},
|
|
45413
|
+
"default": "'default'",
|
|
45414
|
+
"description": "`value-first` puts the amount under the caption with the description beneath it, and tints the amount rather\nthan the description with `color`.",
|
|
45415
|
+
"attribute": "layout",
|
|
45416
|
+
"reflects": true
|
|
45417
|
+
},
|
|
45418
|
+
{
|
|
45419
|
+
"kind": "field",
|
|
45420
|
+
"name": "deltaFormat",
|
|
45421
|
+
"type": {
|
|
45422
|
+
"text": "'percent' | 'points'"
|
|
45423
|
+
},
|
|
45424
|
+
"default": "'percent'",
|
|
45425
|
+
"description": "How `show-delta` compares with `previous`: the relative change, or the difference in points.",
|
|
45426
|
+
"attribute": "delta-format"
|
|
45427
|
+
},
|
|
45428
|
+
{
|
|
45429
|
+
"kind": "field",
|
|
45430
|
+
"name": "icon",
|
|
45431
|
+
"type": {
|
|
45432
|
+
"text": "string"
|
|
45433
|
+
},
|
|
45434
|
+
"default": "''",
|
|
45435
|
+
"description": "An icon shown beside the amount.",
|
|
45436
|
+
"attribute": "icon"
|
|
45437
|
+
},
|
|
45438
|
+
{
|
|
45439
|
+
"kind": "field",
|
|
45440
|
+
"name": "iconColor",
|
|
45441
|
+
"type": {
|
|
45442
|
+
"text": "IconColor"
|
|
45443
|
+
},
|
|
45444
|
+
"description": "The icon's color; without one it takes the amount's.",
|
|
45445
|
+
"attribute": "icon-color"
|
|
45446
|
+
},
|
|
45447
|
+
{
|
|
45448
|
+
"kind": "field",
|
|
45449
|
+
"name": "size",
|
|
45450
|
+
"type": {
|
|
45451
|
+
"text": "'medium' | 'large'"
|
|
45452
|
+
},
|
|
45453
|
+
"default": "'medium'",
|
|
45454
|
+
"description": "`large` gives the amount more weight, for a summary row of a few headline figures.",
|
|
45455
|
+
"attribute": "size",
|
|
45456
|
+
"reflects": true
|
|
45457
|
+
},
|
|
45458
|
+
{
|
|
45459
|
+
"kind": "field",
|
|
45460
|
+
"name": "padded",
|
|
45461
|
+
"type": {
|
|
45462
|
+
"text": "boolean"
|
|
45463
|
+
},
|
|
45464
|
+
"default": "false",
|
|
45465
|
+
"description": "Pads the stat, for stats laid edge to edge in a flush container such as `zn-cols no-gap divide`.",
|
|
45466
|
+
"attribute": "padded"
|
|
45467
|
+
},
|
|
45315
45468
|
{
|
|
45316
45469
|
"kind": "method",
|
|
45317
45470
|
"name": "calcPercentageDifference"
|
|
@@ -45328,12 +45481,26 @@
|
|
|
45328
45481
|
{
|
|
45329
45482
|
"kind": "method",
|
|
45330
45483
|
"name": "diffText"
|
|
45331
|
-
}
|
|
45332
|
-
],
|
|
45333
|
-
"events": [
|
|
45484
|
+
},
|
|
45334
45485
|
{
|
|
45335
|
-
"
|
|
45336
|
-
"name": "
|
|
45486
|
+
"kind": "method",
|
|
45487
|
+
"name": "pointsDelta",
|
|
45488
|
+
"privacy": "private"
|
|
45489
|
+
},
|
|
45490
|
+
{
|
|
45491
|
+
"kind": "method",
|
|
45492
|
+
"name": "renderAmount",
|
|
45493
|
+
"privacy": "private"
|
|
45494
|
+
},
|
|
45495
|
+
{
|
|
45496
|
+
"kind": "method",
|
|
45497
|
+
"name": "renderValueFirst",
|
|
45498
|
+
"privacy": "private"
|
|
45499
|
+
},
|
|
45500
|
+
{
|
|
45501
|
+
"kind": "method",
|
|
45502
|
+
"name": "percentDelta",
|
|
45503
|
+
"privacy": "private"
|
|
45337
45504
|
}
|
|
45338
45505
|
],
|
|
45339
45506
|
"attributes": [
|
|
@@ -45400,22 +45567,75 @@
|
|
|
45400
45567
|
},
|
|
45401
45568
|
"default": "'primary'",
|
|
45402
45569
|
"fieldName": "color"
|
|
45570
|
+
},
|
|
45571
|
+
{
|
|
45572
|
+
"name": "layout",
|
|
45573
|
+
"type": {
|
|
45574
|
+
"text": "'default' | 'value-first'"
|
|
45575
|
+
},
|
|
45576
|
+
"default": "'default'",
|
|
45577
|
+
"description": "`value-first` puts the amount under the caption with the description beneath it, and tints the amount rather\nthan the description with `color`.",
|
|
45578
|
+
"fieldName": "layout"
|
|
45579
|
+
},
|
|
45580
|
+
{
|
|
45581
|
+
"name": "delta-format",
|
|
45582
|
+
"type": {
|
|
45583
|
+
"text": "'percent' | 'points'"
|
|
45584
|
+
},
|
|
45585
|
+
"default": "'percent'",
|
|
45586
|
+
"description": "How `show-delta` compares with `previous`: the relative change, or the difference in points.",
|
|
45587
|
+
"fieldName": "deltaFormat"
|
|
45588
|
+
},
|
|
45589
|
+
{
|
|
45590
|
+
"name": "icon",
|
|
45591
|
+
"type": {
|
|
45592
|
+
"text": "string"
|
|
45593
|
+
},
|
|
45594
|
+
"default": "''",
|
|
45595
|
+
"description": "An icon shown beside the amount.",
|
|
45596
|
+
"fieldName": "icon"
|
|
45597
|
+
},
|
|
45598
|
+
{
|
|
45599
|
+
"name": "icon-color",
|
|
45600
|
+
"type": {
|
|
45601
|
+
"text": "IconColor"
|
|
45602
|
+
},
|
|
45603
|
+
"description": "The icon's color; without one it takes the amount's.",
|
|
45604
|
+
"fieldName": "iconColor"
|
|
45605
|
+
},
|
|
45606
|
+
{
|
|
45607
|
+
"name": "size",
|
|
45608
|
+
"type": {
|
|
45609
|
+
"text": "'medium' | 'large'"
|
|
45610
|
+
},
|
|
45611
|
+
"default": "'medium'",
|
|
45612
|
+
"description": "`large` gives the amount more weight, for a summary row of a few headline figures.",
|
|
45613
|
+
"fieldName": "size"
|
|
45614
|
+
},
|
|
45615
|
+
{
|
|
45616
|
+
"name": "padded",
|
|
45617
|
+
"type": {
|
|
45618
|
+
"text": "boolean"
|
|
45619
|
+
},
|
|
45620
|
+
"default": "false",
|
|
45621
|
+
"description": "Pads the stat, for stats laid edge to edge in a flush container such as `zn-cols no-gap divide`.",
|
|
45622
|
+
"fieldName": "padded"
|
|
45403
45623
|
}
|
|
45404
45624
|
],
|
|
45405
45625
|
"superclass": {
|
|
45406
45626
|
"name": "ZincElement",
|
|
45407
45627
|
"module": "/src/internal/zinc-element"
|
|
45408
45628
|
},
|
|
45409
|
-
"summary": "
|
|
45629
|
+
"summary": "Displays a key metric, optionally compared with a previous value.",
|
|
45410
45630
|
"tagNameWithoutPrefix": "stat",
|
|
45411
45631
|
"tagName": "zn-stat",
|
|
45412
45632
|
"customElement": true,
|
|
45413
|
-
"jsDoc": "/**\n * @summary
|
|
45633
|
+
"jsDoc": "/**\n * @summary Displays a key metric, optionally compared with a previous value.\n * @documentation https://zinc.style/components/stats-tile\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n */",
|
|
45414
45634
|
"documentation": "https://zinc.style/components/stats-tile",
|
|
45415
45635
|
"status": "experimental",
|
|
45416
45636
|
"since": "1.0",
|
|
45417
45637
|
"dependencies": [
|
|
45418
|
-
"zn-
|
|
45638
|
+
"zn-icon"
|
|
45419
45639
|
]
|
|
45420
45640
|
}
|
|
45421
45641
|
],
|
|
@@ -50807,6 +51027,16 @@
|
|
|
50807
51027
|
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
50808
51028
|
"attribute": "plain"
|
|
50809
51029
|
},
|
|
51030
|
+
{
|
|
51031
|
+
"kind": "field",
|
|
51032
|
+
"name": "stackActions",
|
|
51033
|
+
"type": {
|
|
51034
|
+
"text": "boolean"
|
|
51035
|
+
},
|
|
51036
|
+
"description": "Moves the actions under the caption and description when the tile is narrower than 600px.",
|
|
51037
|
+
"attribute": "stack-actions",
|
|
51038
|
+
"reflects": true
|
|
51039
|
+
},
|
|
50810
51040
|
{
|
|
50811
51041
|
"kind": "field",
|
|
50812
51042
|
"name": "grouped",
|
|
@@ -50921,6 +51151,14 @@
|
|
|
50921
51151
|
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
50922
51152
|
"fieldName": "plain"
|
|
50923
51153
|
},
|
|
51154
|
+
{
|
|
51155
|
+
"name": "stack-actions",
|
|
51156
|
+
"type": {
|
|
51157
|
+
"text": "boolean"
|
|
51158
|
+
},
|
|
51159
|
+
"description": "Moves the actions under the caption and description when the tile is narrower than 600px.",
|
|
51160
|
+
"fieldName": "stackActions"
|
|
51161
|
+
},
|
|
50924
51162
|
{
|
|
50925
51163
|
"name": "grouped",
|
|
50926
51164
|
"type": {
|
|
@@ -53941,7 +54179,7 @@
|
|
|
53941
54179
|
"package": {
|
|
53942
54180
|
"name": "@kubex/zinc",
|
|
53943
54181
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
53944
|
-
"version": "1.1.
|
|
54182
|
+
"version": "1.1.182",
|
|
53945
54183
|
"author": "",
|
|
53946
54184
|
"license": "MIT"
|
|
53947
54185
|
}
|