@kubex/zinc 1.0.6 → 1.0.8
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 +464 -34
- package/dist/vscode.html-custom-data.json +38 -6
- package/dist/web-types.json +97 -10
- package/dist/zn.d.ts +73 -8
- package/dist/zn.min.js +393 -349
- package/docs/data/products-table.json +203 -0
- package/docs/pages/components/button.md +25 -0
- package/docs/pages/components/data-table.md +21 -0
- package/docs/pages/components/header.md +7 -0
- package/docs/pages/components/order-table.md +82 -5
- package/package.json +1 -1
- package/src/components/button/button.component.ts +168 -10
- package/src/components/button/button.scss +115 -0
- package/src/components/content-block/content-block.component.ts +186 -107
- package/src/components/content-block/content-block.scss +4 -2
- package/src/components/data-select/data-select.component.ts +50 -10
- package/src/components/data-table/data-table.component.ts +130 -43
- package/src/components/data-table/data-table.scss +85 -7
- package/src/components/data-table-filter/data-table-filter.component.ts +1 -1
- package/src/components/editor/editor.scss +1 -0
- package/src/components/editor/modules/attachment/attachment.ts +53 -41
- package/src/components/editor/modules/toolbar/toolbar.ts +42 -0
- package/src/components/empty-state/empty-state.component.ts +16 -8
- package/src/components/expanding-action/expanding-action.component.ts +1 -1
- package/src/components/header/header.component.ts +8 -2
- package/src/components/header/header.scss +5 -1
- package/src/components/icon/icon.component.ts +2 -0
- package/src/components/icon/icon.scss +13 -0
- package/src/components/item/item.component.ts +11 -3
- package/src/components/item/item.scss +7 -4
- package/src/components/linked-select/linked-select.component.ts +1 -0
- package/src/components/menu/menu.component.ts +0 -1
- package/src/components/navbar/navbar.component.ts +1 -1
- package/src/components/note/note.component.ts +70 -2
- package/src/components/note/note.scss +26 -4
- package/src/components/order-table/order-table.component.ts +49 -28
- package/src/components/panel/panel.component.ts +5 -1
- package/src/components/panel/panel.scss +6 -0
- package/src/components/rating/rating.component.ts +10 -9
- package/src/components/rating/rating.scss +15 -1
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
},
|
|
77
77
|
{
|
|
78
78
|
"name": "zn-button",
|
|
79
|
-
"description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the button loses focus.\n- **zn-focus** - Emitted when the button gains focus.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<zn-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
|
|
79
|
+
"description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the button loses focus.\n- **zn-focus** - Emitted when the button gains focus.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n- **cancel** - Slot for custom cancel button/content when autoClick is active.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<zn-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
|
|
80
80
|
"attributes": [
|
|
81
81
|
{
|
|
82
82
|
"name": "color",
|
|
@@ -175,7 +175,19 @@
|
|
|
175
175
|
"values": [{ "name": "modal" }, { "name": "slide" }]
|
|
176
176
|
},
|
|
177
177
|
{ "name": "rel", "values": [] },
|
|
178
|
-
{ "name": "tooltip", "values": [] }
|
|
178
|
+
{ "name": "tooltip", "values": [] },
|
|
179
|
+
{ "name": "auto-click", "values": [] },
|
|
180
|
+
{ "name": "auto-click-delay", "values": [] },
|
|
181
|
+
{ "name": "loading-text", "values": [] },
|
|
182
|
+
{
|
|
183
|
+
"name": "loading-text-position",
|
|
184
|
+
"values": [
|
|
185
|
+
{ "name": "left" },
|
|
186
|
+
{ "name": "right" },
|
|
187
|
+
{ "name": "center" }
|
|
188
|
+
]
|
|
189
|
+
},
|
|
190
|
+
{ "name": "loading", "values": [] }
|
|
179
191
|
],
|
|
180
192
|
"references": [
|
|
181
193
|
{
|
|
@@ -551,6 +563,7 @@
|
|
|
551
563
|
{ "name": "sender", "values": [] },
|
|
552
564
|
{ "name": "avatar", "values": [] },
|
|
553
565
|
{ "name": "outbound", "values": [] },
|
|
566
|
+
{ "name": "no-collapse", "values": [] },
|
|
554
567
|
{ "name": "short", "values": [] },
|
|
555
568
|
{
|
|
556
569
|
"name": "default-display",
|
|
@@ -610,6 +623,7 @@
|
|
|
610
623
|
},
|
|
611
624
|
{
|
|
612
625
|
"name": "icon-position",
|
|
626
|
+
"description": "The position of the icon.",
|
|
613
627
|
"values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
|
|
614
628
|
},
|
|
615
629
|
{
|
|
@@ -665,7 +679,8 @@
|
|
|
665
679
|
"name": "required",
|
|
666
680
|
"description": "The selects required attribute.",
|
|
667
681
|
"values": []
|
|
668
|
-
}
|
|
682
|
+
},
|
|
683
|
+
{ "name": "icon-only", "values": [] }
|
|
669
684
|
],
|
|
670
685
|
"references": [
|
|
671
686
|
{
|
|
@@ -701,7 +716,9 @@
|
|
|
701
716
|
{ "name": "hide-checkboxes", "values": [] },
|
|
702
717
|
{ "name": "filters", "values": [{ "name": "[]" }] },
|
|
703
718
|
{ "name": "method", "values": [{ "name": "GET" }, { "name": "POST" }] },
|
|
704
|
-
{ "name": "no-initial-load", "values": [] }
|
|
719
|
+
{ "name": "no-initial-load", "values": [] },
|
|
720
|
+
{ "name": "group-by", "values": [] },
|
|
721
|
+
{ "name": "groups", "values": [] }
|
|
705
722
|
],
|
|
706
723
|
"references": [
|
|
707
724
|
{
|
|
@@ -1181,6 +1198,7 @@
|
|
|
1181
1198
|
{ "name": "entity-id-show", "values": [] },
|
|
1182
1199
|
{ "name": "transparent", "values": [] },
|
|
1183
1200
|
{ "name": "caption", "values": [] },
|
|
1201
|
+
{ "name": "icon", "values": [] },
|
|
1184
1202
|
{ "name": "description", "values": [] },
|
|
1185
1203
|
{ "name": "navigation", "values": [{ "name": "array" }] },
|
|
1186
1204
|
{ "name": "full-width", "values": [] },
|
|
@@ -1242,6 +1260,7 @@
|
|
|
1242
1260
|
{ "name": "library", "values": [{ "name": "IconLibrary" }] },
|
|
1243
1261
|
{ "name": "color", "values": [{ "name": "IconColor" }] },
|
|
1244
1262
|
{ "name": "padded", "values": [] },
|
|
1263
|
+
{ "name": "blink", "values": [] },
|
|
1245
1264
|
{ "name": "squared", "values": [] }
|
|
1246
1265
|
],
|
|
1247
1266
|
"references": [
|
|
@@ -1662,7 +1681,8 @@
|
|
|
1662
1681
|
{ "name": "color", "values": [{ "name": "typeof colors[number]" }] },
|
|
1663
1682
|
{ "name": "caption", "values": [] },
|
|
1664
1683
|
{ "name": "date", "values": [] },
|
|
1665
|
-
{ "name": "body", "values": [] }
|
|
1684
|
+
{ "name": "body", "values": [] },
|
|
1685
|
+
{ "name": "collapse-at-lines", "values": [] }
|
|
1666
1686
|
],
|
|
1667
1687
|
"references": [
|
|
1668
1688
|
{ "name": "Documentation", "url": "https://zinc.style/components/note" }
|
|
@@ -1693,7 +1713,9 @@
|
|
|
1693
1713
|
{
|
|
1694
1714
|
"name": "zn-order-table",
|
|
1695
1715
|
"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.",
|
|
1696
|
-
"attributes": [
|
|
1716
|
+
"attributes": [
|
|
1717
|
+
{ "name": "data", "values": [{ "name": "OrderTableData" }] }
|
|
1718
|
+
],
|
|
1697
1719
|
"references": [
|
|
1698
1720
|
{
|
|
1699
1721
|
"name": "Documentation",
|
|
@@ -1763,12 +1785,14 @@
|
|
|
1763
1785
|
"attributes": [
|
|
1764
1786
|
{ "name": "basis-px", "values": [] },
|
|
1765
1787
|
{ "name": "caption", "values": [] },
|
|
1788
|
+
{ "name": "icon", "values": [] },
|
|
1766
1789
|
{ "name": "description", "values": [] },
|
|
1767
1790
|
{ "name": "tabbed", "values": [] },
|
|
1768
1791
|
{ "name": "cosmic", "values": [] },
|
|
1769
1792
|
{ "name": "flush", "values": [] },
|
|
1770
1793
|
{ "name": "flush-x", "values": [] },
|
|
1771
1794
|
{ "name": "flush-y", "values": [] },
|
|
1795
|
+
{ "name": "flush-footer", "values": [] },
|
|
1772
1796
|
{ "name": "transparent", "values": [] }
|
|
1773
1797
|
],
|
|
1774
1798
|
"references": [
|
|
@@ -2127,6 +2151,14 @@
|
|
|
2127
2151
|
{ "name": "precision", "values": [] },
|
|
2128
2152
|
{ "name": "readonly", "values": [] },
|
|
2129
2153
|
{ "name": "disabled", "values": [] },
|
|
2154
|
+
{
|
|
2155
|
+
"name": "size",
|
|
2156
|
+
"values": [
|
|
2157
|
+
{ "name": "small" },
|
|
2158
|
+
{ "name": "medium" },
|
|
2159
|
+
{ "name": "large" }
|
|
2160
|
+
]
|
|
2161
|
+
},
|
|
2130
2162
|
{
|
|
2131
2163
|
"name": "getSymbol",
|
|
2132
2164
|
"values": [{ "name": "(value: number) => string" }]
|
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.0.
|
|
4
|
+
"version": "1.0.8",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
},
|
|
133
133
|
{
|
|
134
134
|
"name": "zn-button",
|
|
135
|
-
"description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the button loses focus.\n- **zn-focus** - Emitted when the button gains focus.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<zn-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
|
|
135
|
+
"description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the button loses focus.\n- **zn-focus** - Emitted when the button gains focus.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n- **cancel** - Slot for custom cancel button/content when autoClick is active.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<zn-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
|
|
136
136
|
"doc-url": "",
|
|
137
137
|
"attributes": [
|
|
138
138
|
{
|
|
@@ -231,7 +231,30 @@
|
|
|
231
231
|
"name": "rel",
|
|
232
232
|
"value": { "type": "string", "default": "'noreferrer noopener'" }
|
|
233
233
|
},
|
|
234
|
-
{ "name": "tooltip", "value": { "type": "string" } }
|
|
234
|
+
{ "name": "tooltip", "value": { "type": "string" } },
|
|
235
|
+
{
|
|
236
|
+
"name": "auto-click",
|
|
237
|
+
"value": { "type": "boolean", "default": "false" }
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "auto-click-delay",
|
|
241
|
+
"value": { "type": "number", "default": "2000" }
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "loading-text",
|
|
245
|
+
"value": { "type": "string", "default": "'Loading...'" }
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "loading-text-position",
|
|
249
|
+
"value": {
|
|
250
|
+
"type": "'left' | 'right' | 'center' | string",
|
|
251
|
+
"default": "'center'"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"name": "loading",
|
|
256
|
+
"value": { "type": "boolean", "default": "false" }
|
|
257
|
+
}
|
|
235
258
|
],
|
|
236
259
|
"slots": [
|
|
237
260
|
{ "name": "", "description": "The button's label." },
|
|
@@ -242,6 +265,10 @@
|
|
|
242
265
|
{
|
|
243
266
|
"name": "suffix",
|
|
244
267
|
"description": "A presentational suffix icon or similar element."
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "cancel",
|
|
271
|
+
"description": "Slot for custom cancel button/content when autoClick is active."
|
|
245
272
|
}
|
|
246
273
|
],
|
|
247
274
|
"events": [
|
|
@@ -261,6 +288,7 @@
|
|
|
261
288
|
"js": {
|
|
262
289
|
"properties": [
|
|
263
290
|
{ "name": "button", "type": "HTMLButtonElement" },
|
|
291
|
+
{ "name": "countdownContainer", "type": "HTMLElement[]" },
|
|
264
292
|
{
|
|
265
293
|
"name": "color",
|
|
266
294
|
"type": "'default' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star'"
|
|
@@ -307,6 +335,14 @@
|
|
|
307
335
|
{ "name": "dataTarget", "type": "'modal' | 'slide' | string" },
|
|
308
336
|
{ "name": "rel", "type": "string" },
|
|
309
337
|
{ "name": "tooltip", "type": "string" },
|
|
338
|
+
{ "name": "autoClick", "type": "boolean" },
|
|
339
|
+
{ "name": "autoClickDelay", "type": "number" },
|
|
340
|
+
{ "name": "loadingText", "type": "string" },
|
|
341
|
+
{
|
|
342
|
+
"name": "loadingTextPosition",
|
|
343
|
+
"type": "'left' | 'right' | 'center' | string"
|
|
344
|
+
},
|
|
345
|
+
{ "name": "loading", "type": "boolean" },
|
|
310
346
|
{ "name": "validity" },
|
|
311
347
|
{ "name": "validationMessage" },
|
|
312
348
|
{ "name": "handleClick" }
|
|
@@ -1195,6 +1231,10 @@
|
|
|
1195
1231
|
"name": "outbound",
|
|
1196
1232
|
"value": { "type": "boolean", "default": "false" }
|
|
1197
1233
|
},
|
|
1234
|
+
{
|
|
1235
|
+
"name": "no-collapse",
|
|
1236
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1237
|
+
},
|
|
1198
1238
|
{
|
|
1199
1239
|
"name": "short",
|
|
1200
1240
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -1211,6 +1251,7 @@
|
|
|
1211
1251
|
{ "name": "sender", "type": "string" },
|
|
1212
1252
|
{ "name": "avatar", "type": "string" },
|
|
1213
1253
|
{ "name": "outbound", "type": "boolean" },
|
|
1254
|
+
{ "name": "noCollapse", "type": "boolean" },
|
|
1214
1255
|
{ "name": "short", "type": "boolean" },
|
|
1215
1256
|
{ "name": "defaultDisplay", "type": "'text' | 'html'" },
|
|
1216
1257
|
{ "name": "htmlNodes", "type": "Node[]" },
|
|
@@ -1290,6 +1331,7 @@
|
|
|
1290
1331
|
},
|
|
1291
1332
|
{
|
|
1292
1333
|
"name": "icon-position",
|
|
1334
|
+
"description": "The position of the icon.",
|
|
1293
1335
|
"value": {
|
|
1294
1336
|
"type": "'start' | 'end' | 'none'",
|
|
1295
1337
|
"default": "'none'"
|
|
@@ -1347,6 +1389,10 @@
|
|
|
1347
1389
|
"name": "required",
|
|
1348
1390
|
"description": "The selects required attribute.",
|
|
1349
1391
|
"value": { "type": "boolean", "default": "false" }
|
|
1392
|
+
},
|
|
1393
|
+
{
|
|
1394
|
+
"name": "icon-only",
|
|
1395
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1350
1396
|
}
|
|
1351
1397
|
],
|
|
1352
1398
|
"slots": [
|
|
@@ -1375,7 +1421,11 @@
|
|
|
1375
1421
|
"description": "The provider of the select.",
|
|
1376
1422
|
"type": "'color' | 'currency' | 'country' | 'phone'"
|
|
1377
1423
|
},
|
|
1378
|
-
{
|
|
1424
|
+
{
|
|
1425
|
+
"name": "iconPosition",
|
|
1426
|
+
"description": "The position of the icon.",
|
|
1427
|
+
"type": "'start' | 'end' | 'none'"
|
|
1428
|
+
},
|
|
1379
1429
|
{
|
|
1380
1430
|
"name": "filter",
|
|
1381
1431
|
"description": "An array of keys to use for filtering the options in the selected provider.",
|
|
@@ -1426,6 +1476,7 @@
|
|
|
1426
1476
|
"description": "The selects required attribute.",
|
|
1427
1477
|
"type": "boolean"
|
|
1428
1478
|
},
|
|
1479
|
+
{ "name": "iconOnly", "type": "boolean" },
|
|
1429
1480
|
{ "name": "validationMessage" },
|
|
1430
1481
|
{ "name": "validity", "type": "ValidityState" },
|
|
1431
1482
|
{ "name": "closeOnTab" },
|
|
@@ -1502,7 +1553,12 @@
|
|
|
1502
1553
|
{
|
|
1503
1554
|
"name": "no-initial-load",
|
|
1504
1555
|
"value": { "type": "boolean", "default": "false" }
|
|
1505
|
-
}
|
|
1556
|
+
},
|
|
1557
|
+
{
|
|
1558
|
+
"name": "group-by",
|
|
1559
|
+
"value": { "type": "string", "default": "''" }
|
|
1560
|
+
},
|
|
1561
|
+
{ "name": "groups", "value": { "type": "string", "default": "''" } }
|
|
1506
1562
|
],
|
|
1507
1563
|
"slots": [
|
|
1508
1564
|
{ "name": "", "description": "The default slot." },
|
|
@@ -1534,8 +1590,10 @@
|
|
|
1534
1590
|
{ "name": "filters", "type": "[]" },
|
|
1535
1591
|
{ "name": "method", "type": "'GET' | 'POST'" },
|
|
1536
1592
|
{ "name": "noInitialLoad", "type": "boolean" },
|
|
1593
|
+
{ "name": "groupBy", "type": "string" },
|
|
1594
|
+
{ "name": "groups", "type": "string" },
|
|
1595
|
+
{ "name": "selectAllButton", "type": "ZnButton" },
|
|
1537
1596
|
{ "name": "requestParams", "type": "Record<string, any>" },
|
|
1538
|
-
{ "name": "builtinRequestParams", "type": "Record<string, any>" },
|
|
1539
1597
|
{ "name": "changeEventListener" }
|
|
1540
1598
|
],
|
|
1541
1599
|
"events": [
|
|
@@ -2610,6 +2668,7 @@
|
|
|
2610
2668
|
"value": { "type": "boolean", "default": "false" }
|
|
2611
2669
|
},
|
|
2612
2670
|
{ "name": "caption", "value": { "type": "string" } },
|
|
2671
|
+
{ "name": "icon", "value": { "type": "string" } },
|
|
2613
2672
|
{ "name": "description", "value": { "type": "string" } },
|
|
2614
2673
|
{
|
|
2615
2674
|
"name": "navigation",
|
|
@@ -2633,6 +2692,7 @@
|
|
|
2633
2692
|
{ "name": "entityIdShow", "type": "boolean" },
|
|
2634
2693
|
{ "name": "transparent", "type": "boolean" },
|
|
2635
2694
|
{ "name": "caption", "type": "string" },
|
|
2695
|
+
{ "name": "icon", "type": "string" },
|
|
2636
2696
|
{ "name": "description", "type": "string" },
|
|
2637
2697
|
{ "name": "navigation", "type": "array" },
|
|
2638
2698
|
{ "name": "fullWidth", "type": "boolean" },
|
|
@@ -2770,6 +2830,10 @@
|
|
|
2770
2830
|
"name": "padded",
|
|
2771
2831
|
"value": { "type": "boolean", "default": "false" }
|
|
2772
2832
|
},
|
|
2833
|
+
{
|
|
2834
|
+
"name": "blink",
|
|
2835
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2836
|
+
},
|
|
2773
2837
|
{
|
|
2774
2838
|
"name": "squared",
|
|
2775
2839
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -2791,6 +2855,7 @@
|
|
|
2791
2855
|
{ "name": "library", "type": "IconLibrary" },
|
|
2792
2856
|
{ "name": "color", "type": "IconColor" },
|
|
2793
2857
|
{ "name": "padded", "type": "boolean" },
|
|
2858
|
+
{ "name": "blink", "type": "boolean" },
|
|
2794
2859
|
{ "name": "squared", "type": "boolean" },
|
|
2795
2860
|
{ "name": "gravatarOptions", "type": "string" },
|
|
2796
2861
|
{ "name": "defaultLibrary", "type": "IconLibrary" }
|
|
@@ -3688,7 +3753,11 @@
|
|
|
3688
3753
|
"value": { "type": "string", "default": "''" }
|
|
3689
3754
|
},
|
|
3690
3755
|
{ "name": "date", "value": { "type": "string", "default": "''" } },
|
|
3691
|
-
{ "name": "body", "value": { "type": "string", "default": "''" } }
|
|
3756
|
+
{ "name": "body", "value": { "type": "string", "default": "''" } },
|
|
3757
|
+
{
|
|
3758
|
+
"name": "collapse-at-lines",
|
|
3759
|
+
"value": { "type": "number", "default": "3" }
|
|
3760
|
+
}
|
|
3692
3761
|
],
|
|
3693
3762
|
"slots": [
|
|
3694
3763
|
{ "name": "caption", "description": "The note's caption." },
|
|
@@ -3703,7 +3772,8 @@
|
|
|
3703
3772
|
{ "name": "color", "type": "typeof colors[number]" },
|
|
3704
3773
|
{ "name": "caption", "type": "string" },
|
|
3705
3774
|
{ "name": "date", "type": "string" },
|
|
3706
|
-
{ "name": "body", "type": "string" }
|
|
3775
|
+
{ "name": "body", "type": "string" },
|
|
3776
|
+
{ "name": "collapseAtLines", "type": "number" }
|
|
3707
3777
|
],
|
|
3708
3778
|
"events": [
|
|
3709
3779
|
{
|
|
@@ -3766,7 +3836,9 @@
|
|
|
3766
3836
|
"name": "zn-order-table",
|
|
3767
3837
|
"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.",
|
|
3768
3838
|
"doc-url": "",
|
|
3769
|
-
"attributes": [
|
|
3839
|
+
"attributes": [
|
|
3840
|
+
{ "name": "data", "value": { "type": "OrderTableData" } }
|
|
3841
|
+
],
|
|
3770
3842
|
"slots": [
|
|
3771
3843
|
{ "name": "", "description": "The default slot." },
|
|
3772
3844
|
{ "name": "example", "description": "An example slot." }
|
|
@@ -3775,7 +3847,10 @@
|
|
|
3775
3847
|
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
3776
3848
|
],
|
|
3777
3849
|
"js": {
|
|
3778
|
-
"properties": [
|
|
3850
|
+
"properties": [
|
|
3851
|
+
{ "name": "data", "type": "OrderTableData" },
|
|
3852
|
+
{ "name": "resizeEventHandler" }
|
|
3853
|
+
],
|
|
3779
3854
|
"events": [
|
|
3780
3855
|
{
|
|
3781
3856
|
"name": "zn-event-name",
|
|
@@ -3934,12 +4009,14 @@
|
|
|
3934
4009
|
"attributes": [
|
|
3935
4010
|
{ "name": "basis-px", "value": { "type": "number" } },
|
|
3936
4011
|
{ "name": "caption", "value": { "type": "string" } },
|
|
4012
|
+
{ "name": "icon", "value": { "type": "string" } },
|
|
3937
4013
|
{ "name": "description", "value": { "type": "string" } },
|
|
3938
4014
|
{ "name": "tabbed", "value": { "type": "boolean" } },
|
|
3939
4015
|
{ "name": "cosmic", "value": { "type": "boolean" } },
|
|
3940
4016
|
{ "name": "flush", "value": { "type": "boolean" } },
|
|
3941
4017
|
{ "name": "flush-x", "value": { "type": "boolean" } },
|
|
3942
4018
|
{ "name": "flush-y", "value": { "type": "boolean" } },
|
|
4019
|
+
{ "name": "flush-footer", "value": { "type": "boolean" } },
|
|
3943
4020
|
{ "name": "transparent", "value": { "type": "boolean" } }
|
|
3944
4021
|
],
|
|
3945
4022
|
"slots": [
|
|
@@ -3952,12 +4029,14 @@
|
|
|
3952
4029
|
"properties": [
|
|
3953
4030
|
{ "name": "basis", "type": "number" },
|
|
3954
4031
|
{ "name": "caption", "type": "string" },
|
|
4032
|
+
{ "name": "icon", "type": "string" },
|
|
3955
4033
|
{ "name": "description", "type": "string" },
|
|
3956
4034
|
{ "name": "tabbed", "type": "boolean" },
|
|
3957
4035
|
{ "name": "cosmic", "type": "boolean" },
|
|
3958
4036
|
{ "name": "flush", "type": "boolean" },
|
|
3959
4037
|
{ "name": "flushX", "type": "boolean" },
|
|
3960
4038
|
{ "name": "flushY", "type": "boolean" },
|
|
4039
|
+
{ "name": "flushFooter", "type": "boolean" },
|
|
3961
4040
|
{ "name": "transparent", "type": "boolean" }
|
|
3962
4041
|
],
|
|
3963
4042
|
"events": []
|
|
@@ -4690,6 +4769,13 @@
|
|
|
4690
4769
|
"name": "disabled",
|
|
4691
4770
|
"value": { "type": "boolean", "default": "false" }
|
|
4692
4771
|
},
|
|
4772
|
+
{
|
|
4773
|
+
"name": "size",
|
|
4774
|
+
"value": {
|
|
4775
|
+
"type": "'small' | 'medium' | 'large'",
|
|
4776
|
+
"default": "'medium'"
|
|
4777
|
+
}
|
|
4778
|
+
},
|
|
4693
4779
|
{
|
|
4694
4780
|
"name": "getSymbol",
|
|
4695
4781
|
"value": { "type": "(value: number) => string" }
|
|
@@ -4712,6 +4798,7 @@
|
|
|
4712
4798
|
{ "name": "precision", "type": "number" },
|
|
4713
4799
|
{ "name": "readonly", "type": "boolean" },
|
|
4714
4800
|
{ "name": "disabled", "type": "boolean" },
|
|
4801
|
+
{ "name": "size", "type": "'small' | 'medium' | 'large'" },
|
|
4715
4802
|
{ "name": "getSymbol", "type": "(value: number) => string" },
|
|
4716
4803
|
{
|
|
4717
4804
|
"name": "validity",
|