@kubex/zinc 1.0.11 → 1.0.12
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 +2030 -2025
- package/dist/vscode.html-custom-data.json +157 -157
- package/dist/web-types.json +362 -361
- package/dist/zn.d.ts +2 -1
- package/dist/zn.min.js +3 -3
- package/package.json +1 -1
- package/src/components/popup/popup.component.ts +8 -1
- package/src/components/select/select.component.ts +13 -4
- package/src/zinc.ts +1 -1
|
@@ -412,6 +412,32 @@
|
|
|
412
412
|
}
|
|
413
413
|
]
|
|
414
414
|
},
|
|
415
|
+
{
|
|
416
|
+
"name": "zn-collapsible",
|
|
417
|
+
"description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
|
|
418
|
+
"attributes": [
|
|
419
|
+
{ "name": "caption", "values": [] },
|
|
420
|
+
{ "name": "description", "values": [] },
|
|
421
|
+
{ "name": "label", "values": [] },
|
|
422
|
+
{ "name": "show-number", "values": [] },
|
|
423
|
+
{ "name": "count-element", "values": [] },
|
|
424
|
+
{ "name": "expanded", "values": [] },
|
|
425
|
+
{
|
|
426
|
+
"name": "default",
|
|
427
|
+
"values": [{ "name": "open" }, { "name": "closed" }]
|
|
428
|
+
},
|
|
429
|
+
{ "name": "local-storage", "values": [] },
|
|
430
|
+
{ "name": "store-key", "values": [] },
|
|
431
|
+
{ "name": "store-ttl", "values": [] },
|
|
432
|
+
{ "name": "flush", "values": [] }
|
|
433
|
+
],
|
|
434
|
+
"references": [
|
|
435
|
+
{
|
|
436
|
+
"name": "Documentation",
|
|
437
|
+
"url": "https://zinc.style/components/collapsible"
|
|
438
|
+
}
|
|
439
|
+
]
|
|
440
|
+
},
|
|
415
441
|
{
|
|
416
442
|
"name": "zn-chip",
|
|
417
443
|
"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.",
|
|
@@ -446,32 +472,6 @@
|
|
|
446
472
|
{ "name": "Documentation", "url": "https://zinc.style/components/chip" }
|
|
447
473
|
]
|
|
448
474
|
},
|
|
449
|
-
{
|
|
450
|
-
"name": "zn-collapsible",
|
|
451
|
-
"description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
|
|
452
|
-
"attributes": [
|
|
453
|
-
{ "name": "caption", "values": [] },
|
|
454
|
-
{ "name": "description", "values": [] },
|
|
455
|
-
{ "name": "label", "values": [] },
|
|
456
|
-
{ "name": "show-number", "values": [] },
|
|
457
|
-
{ "name": "count-element", "values": [] },
|
|
458
|
-
{ "name": "expanded", "values": [] },
|
|
459
|
-
{
|
|
460
|
-
"name": "default",
|
|
461
|
-
"values": [{ "name": "open" }, { "name": "closed" }]
|
|
462
|
-
},
|
|
463
|
-
{ "name": "local-storage", "values": [] },
|
|
464
|
-
{ "name": "store-key", "values": [] },
|
|
465
|
-
{ "name": "store-ttl", "values": [] },
|
|
466
|
-
{ "name": "flush", "values": [] }
|
|
467
|
-
],
|
|
468
|
-
"references": [
|
|
469
|
-
{
|
|
470
|
-
"name": "Documentation",
|
|
471
|
-
"url": "https://zinc.style/components/collapsible"
|
|
472
|
-
}
|
|
473
|
-
]
|
|
474
|
-
},
|
|
475
475
|
{
|
|
476
476
|
"name": "zn-cols",
|
|
477
477
|
"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.",
|
|
@@ -914,6 +914,37 @@
|
|
|
914
914
|
}
|
|
915
915
|
]
|
|
916
916
|
},
|
|
917
|
+
{
|
|
918
|
+
"name": "zn-editor",
|
|
919
|
+
"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.",
|
|
920
|
+
"attributes": [
|
|
921
|
+
{ "name": "id", "values": [] },
|
|
922
|
+
{ "name": "name", "values": [] },
|
|
923
|
+
{ "name": "value", "values": [] },
|
|
924
|
+
{
|
|
925
|
+
"name": "interaction-type",
|
|
926
|
+
"values": [{ "name": "ticket" }, { "name": "chat" }]
|
|
927
|
+
},
|
|
928
|
+
{ "name": "attachment-url", "values": [] },
|
|
929
|
+
{ "name": "code-blocks", "values": [] },
|
|
930
|
+
{ "name": "dividers", "values": [] },
|
|
931
|
+
{ "name": "links", "values": [] },
|
|
932
|
+
{ "name": "attachments", "values": [] },
|
|
933
|
+
{ "name": "images", "values": [] },
|
|
934
|
+
{ "name": "videos", "values": [] },
|
|
935
|
+
{ "name": "dates", "values": [] },
|
|
936
|
+
{ "name": "emojis", "values": [] },
|
|
937
|
+
{ "name": "code", "values": [] },
|
|
938
|
+
{ "name": "ai", "values": [] },
|
|
939
|
+
{ "name": "ai-path", "values": [] }
|
|
940
|
+
],
|
|
941
|
+
"references": [
|
|
942
|
+
{
|
|
943
|
+
"name": "Documentation",
|
|
944
|
+
"url": "https://zinc.style/components/editor"
|
|
945
|
+
}
|
|
946
|
+
]
|
|
947
|
+
},
|
|
917
948
|
{
|
|
918
949
|
"name": "zn-dropdown",
|
|
919
950
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **show()** - Opens the dropdown\n- **hide()** - Closes the dropdown\n- **reposition()** - Instructs the dropdown to reposition itself\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.",
|
|
@@ -985,37 +1016,6 @@
|
|
|
985
1016
|
}
|
|
986
1017
|
]
|
|
987
1018
|
},
|
|
988
|
-
{
|
|
989
|
-
"name": "zn-editor",
|
|
990
|
-
"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.",
|
|
991
|
-
"attributes": [
|
|
992
|
-
{ "name": "id", "values": [] },
|
|
993
|
-
{ "name": "name", "values": [] },
|
|
994
|
-
{ "name": "value", "values": [] },
|
|
995
|
-
{
|
|
996
|
-
"name": "interaction-type",
|
|
997
|
-
"values": [{ "name": "ticket" }, { "name": "chat" }]
|
|
998
|
-
},
|
|
999
|
-
{ "name": "attachment-url", "values": [] },
|
|
1000
|
-
{ "name": "code-blocks", "values": [] },
|
|
1001
|
-
{ "name": "dividers", "values": [] },
|
|
1002
|
-
{ "name": "links", "values": [] },
|
|
1003
|
-
{ "name": "attachments", "values": [] },
|
|
1004
|
-
{ "name": "images", "values": [] },
|
|
1005
|
-
{ "name": "videos", "values": [] },
|
|
1006
|
-
{ "name": "dates", "values": [] },
|
|
1007
|
-
{ "name": "emojis", "values": [] },
|
|
1008
|
-
{ "name": "code", "values": [] },
|
|
1009
|
-
{ "name": "ai", "values": [] },
|
|
1010
|
-
{ "name": "ai-path", "values": [] }
|
|
1011
|
-
],
|
|
1012
|
-
"references": [
|
|
1013
|
-
{
|
|
1014
|
-
"name": "Documentation",
|
|
1015
|
-
"url": "https://zinc.style/components/editor"
|
|
1016
|
-
}
|
|
1017
|
-
]
|
|
1018
|
-
},
|
|
1019
1019
|
{
|
|
1020
1020
|
"name": "zn-empty-state",
|
|
1021
1021
|
"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.",
|
|
@@ -1172,6 +1172,29 @@
|
|
|
1172
1172
|
}
|
|
1173
1173
|
]
|
|
1174
1174
|
},
|
|
1175
|
+
{
|
|
1176
|
+
"name": "zn-header",
|
|
1177
|
+
"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.",
|
|
1178
|
+
"attributes": [
|
|
1179
|
+
{ "name": "full-location", "values": [] },
|
|
1180
|
+
{ "name": "entity-id", "values": [] },
|
|
1181
|
+
{ "name": "entity-id-show", "values": [] },
|
|
1182
|
+
{ "name": "transparent", "values": [] },
|
|
1183
|
+
{ "name": "caption", "values": [] },
|
|
1184
|
+
{ "name": "icon", "values": [] },
|
|
1185
|
+
{ "name": "description", "values": [] },
|
|
1186
|
+
{ "name": "navigation", "values": [{ "name": "array" }] },
|
|
1187
|
+
{ "name": "full-width", "values": [] },
|
|
1188
|
+
{ "name": "previous-path", "values": [] },
|
|
1189
|
+
{ "name": "previous-target", "values": [] }
|
|
1190
|
+
],
|
|
1191
|
+
"references": [
|
|
1192
|
+
{
|
|
1193
|
+
"name": "Documentation",
|
|
1194
|
+
"url": "https://zinc.style/components/header"
|
|
1195
|
+
}
|
|
1196
|
+
]
|
|
1197
|
+
},
|
|
1175
1198
|
{
|
|
1176
1199
|
"name": "zn-form-group",
|
|
1177
1200
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
|
|
@@ -1199,29 +1222,6 @@
|
|
|
1199
1222
|
}
|
|
1200
1223
|
]
|
|
1201
1224
|
},
|
|
1202
|
-
{
|
|
1203
|
-
"name": "zn-header",
|
|
1204
|
-
"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.",
|
|
1205
|
-
"attributes": [
|
|
1206
|
-
{ "name": "full-location", "values": [] },
|
|
1207
|
-
{ "name": "entity-id", "values": [] },
|
|
1208
|
-
{ "name": "entity-id-show", "values": [] },
|
|
1209
|
-
{ "name": "transparent", "values": [] },
|
|
1210
|
-
{ "name": "caption", "values": [] },
|
|
1211
|
-
{ "name": "icon", "values": [] },
|
|
1212
|
-
{ "name": "description", "values": [] },
|
|
1213
|
-
{ "name": "navigation", "values": [{ "name": "array" }] },
|
|
1214
|
-
{ "name": "full-width", "values": [] },
|
|
1215
|
-
{ "name": "previous-path", "values": [] },
|
|
1216
|
-
{ "name": "previous-target", "values": [] }
|
|
1217
|
-
],
|
|
1218
|
-
"references": [
|
|
1219
|
-
{
|
|
1220
|
-
"name": "Documentation",
|
|
1221
|
-
"url": "https://zinc.style/components/header"
|
|
1222
|
-
}
|
|
1223
|
-
]
|
|
1224
|
-
},
|
|
1225
1225
|
{
|
|
1226
1226
|
"name": "zn-hover-container",
|
|
1227
1227
|
"description": "The HoverContainer component is used to display additional information when a user hovers over or clicks\non an element.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the hover-container is shown.\n- **zn-after-show** - Emitted after the hover-container is shown.\n- **zn-hide** - Emitted when the hover-container is hidden.\n- **zn-after-hide** - Emitted after the hover-container is hidden.\n\n### **Slots:**\n - _default_ - The content of the hover-container\n- **anchor** - The anchor the hover-container is attached to.",
|
|
@@ -1277,58 +1277,6 @@
|
|
|
1277
1277
|
{ "name": "Documentation", "url": "https://zinc.style/components/icon" }
|
|
1278
1278
|
]
|
|
1279
1279
|
},
|
|
1280
|
-
{
|
|
1281
|
-
"name": "zn-inline-edit",
|
|
1282
|
-
"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.",
|
|
1283
|
-
"attributes": [
|
|
1284
|
-
{ "name": "value", "values": [] },
|
|
1285
|
-
{ "name": "name", "values": [] },
|
|
1286
|
-
{ "name": "placeholder", "values": [] },
|
|
1287
|
-
{ "name": "edit-text", "values": [] },
|
|
1288
|
-
{ "name": "disabled", "values": [] },
|
|
1289
|
-
{ "name": "inline", "values": [] },
|
|
1290
|
-
{ "name": "padded", "values": [] },
|
|
1291
|
-
{
|
|
1292
|
-
"name": "size",
|
|
1293
|
-
"values": [
|
|
1294
|
-
{ "name": "small" },
|
|
1295
|
-
{ "name": "medium" },
|
|
1296
|
-
{ "name": "large" }
|
|
1297
|
-
]
|
|
1298
|
-
},
|
|
1299
|
-
{ "name": "required", "values": [] },
|
|
1300
|
-
{ "name": "pattern", "values": [] },
|
|
1301
|
-
{
|
|
1302
|
-
"name": "input-type",
|
|
1303
|
-
"values": [
|
|
1304
|
-
{ "name": "select" },
|
|
1305
|
-
{ "name": "text" },
|
|
1306
|
-
{ "name": "data-select" },
|
|
1307
|
-
{ "name": "number" }
|
|
1308
|
-
]
|
|
1309
|
-
},
|
|
1310
|
-
{
|
|
1311
|
-
"name": "options",
|
|
1312
|
-
"values": [{ "name": "{ [key: string]: string }" }]
|
|
1313
|
-
},
|
|
1314
|
-
{ "name": "provider", "values": [] },
|
|
1315
|
-
{
|
|
1316
|
-
"name": "icon-position",
|
|
1317
|
-
"values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
|
|
1318
|
-
},
|
|
1319
|
-
{
|
|
1320
|
-
"name": "help-text",
|
|
1321
|
-
"description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
|
|
1322
|
-
"values": []
|
|
1323
|
-
}
|
|
1324
|
-
],
|
|
1325
|
-
"references": [
|
|
1326
|
-
{
|
|
1327
|
-
"name": "Documentation",
|
|
1328
|
-
"url": "https://zinc.style/components/inline-edit"
|
|
1329
|
-
}
|
|
1330
|
-
]
|
|
1331
|
-
},
|
|
1332
1280
|
{
|
|
1333
1281
|
"name": "zn-input",
|
|
1334
1282
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the control loses focus.\n- **zn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **zn-clear** - Emitted when the clear button is activated.\n- **zn-focus** - Emitted when the control gains focus.\n- **zn-input** - Emitted when the control receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity(): _boolean_** - Checks the validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the input, on the right. Alternatively, you can use the `context-note` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input** - The internal `<input>` control.\n- **prefix** - The container that wraps the prefix.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **suffix** - The container that wraps the suffix.",
|
|
@@ -1548,6 +1496,58 @@
|
|
|
1548
1496
|
}
|
|
1549
1497
|
]
|
|
1550
1498
|
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "zn-inline-edit",
|
|
1501
|
+
"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.",
|
|
1502
|
+
"attributes": [
|
|
1503
|
+
{ "name": "value", "values": [] },
|
|
1504
|
+
{ "name": "name", "values": [] },
|
|
1505
|
+
{ "name": "placeholder", "values": [] },
|
|
1506
|
+
{ "name": "edit-text", "values": [] },
|
|
1507
|
+
{ "name": "disabled", "values": [] },
|
|
1508
|
+
{ "name": "inline", "values": [] },
|
|
1509
|
+
{ "name": "padded", "values": [] },
|
|
1510
|
+
{
|
|
1511
|
+
"name": "size",
|
|
1512
|
+
"values": [
|
|
1513
|
+
{ "name": "small" },
|
|
1514
|
+
{ "name": "medium" },
|
|
1515
|
+
{ "name": "large" }
|
|
1516
|
+
]
|
|
1517
|
+
},
|
|
1518
|
+
{ "name": "required", "values": [] },
|
|
1519
|
+
{ "name": "pattern", "values": [] },
|
|
1520
|
+
{
|
|
1521
|
+
"name": "input-type",
|
|
1522
|
+
"values": [
|
|
1523
|
+
{ "name": "select" },
|
|
1524
|
+
{ "name": "text" },
|
|
1525
|
+
{ "name": "data-select" },
|
|
1526
|
+
{ "name": "number" }
|
|
1527
|
+
]
|
|
1528
|
+
},
|
|
1529
|
+
{
|
|
1530
|
+
"name": "options",
|
|
1531
|
+
"values": [{ "name": "{ [key: string]: string }" }]
|
|
1532
|
+
},
|
|
1533
|
+
{ "name": "provider", "values": [] },
|
|
1534
|
+
{
|
|
1535
|
+
"name": "icon-position",
|
|
1536
|
+
"values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
|
|
1537
|
+
},
|
|
1538
|
+
{
|
|
1539
|
+
"name": "help-text",
|
|
1540
|
+
"description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
|
|
1541
|
+
"values": []
|
|
1542
|
+
}
|
|
1543
|
+
],
|
|
1544
|
+
"references": [
|
|
1545
|
+
{
|
|
1546
|
+
"name": "Documentation",
|
|
1547
|
+
"url": "https://zinc.style/components/inline-edit"
|
|
1548
|
+
}
|
|
1549
|
+
]
|
|
1550
|
+
},
|
|
1551
1551
|
{
|
|
1552
1552
|
"name": "zn-item",
|
|
1553
1553
|
"description": "Used for listing items in a description list. Caption on the right, content on the left.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Can either be slotted or use the value attribute\n- **actions** - Used for adding actions to a zn-item.\n\n### **CSS Parts:**\n - **base** - The items base wrapper\n- **caption** - The items caption\n- **icon** - The items icon",
|
|
@@ -1790,31 +1790,6 @@
|
|
|
1790
1790
|
{ "name": "Documentation", "url": "https://zinc.style/components/pane" }
|
|
1791
1791
|
]
|
|
1792
1792
|
},
|
|
1793
|
-
{
|
|
1794
|
-
"name": "zn-panel",
|
|
1795
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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.",
|
|
1796
|
-
"attributes": [
|
|
1797
|
-
{ "name": "basis-px", "values": [] },
|
|
1798
|
-
{ "name": "caption", "values": [] },
|
|
1799
|
-
{ "name": "icon", "values": [] },
|
|
1800
|
-
{ "name": "description", "values": [] },
|
|
1801
|
-
{ "name": "tabbed", "values": [] },
|
|
1802
|
-
{ "name": "header-underline", "values": [] },
|
|
1803
|
-
{ "name": "cosmic", "values": [] },
|
|
1804
|
-
{ "name": "flush", "values": [] },
|
|
1805
|
-
{ "name": "flush-x", "values": [] },
|
|
1806
|
-
{ "name": "flush-y", "values": [] },
|
|
1807
|
-
{ "name": "flush-footer", "values": [] },
|
|
1808
|
-
{ "name": "transparent", "values": [] },
|
|
1809
|
-
{ "name": "shadow", "values": [] }
|
|
1810
|
-
],
|
|
1811
|
-
"references": [
|
|
1812
|
-
{
|
|
1813
|
-
"name": "Documentation",
|
|
1814
|
-
"url": "https://zinc.style/components/panel"
|
|
1815
|
-
}
|
|
1816
|
-
]
|
|
1817
|
-
},
|
|
1818
1793
|
{
|
|
1819
1794
|
"name": "zn-popup",
|
|
1820
1795
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\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.",
|
|
@@ -1964,6 +1939,31 @@
|
|
|
1964
1939
|
}
|
|
1965
1940
|
]
|
|
1966
1941
|
},
|
|
1942
|
+
{
|
|
1943
|
+
"name": "zn-panel",
|
|
1944
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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.",
|
|
1945
|
+
"attributes": [
|
|
1946
|
+
{ "name": "basis-px", "values": [] },
|
|
1947
|
+
{ "name": "caption", "values": [] },
|
|
1948
|
+
{ "name": "icon", "values": [] },
|
|
1949
|
+
{ "name": "description", "values": [] },
|
|
1950
|
+
{ "name": "tabbed", "values": [] },
|
|
1951
|
+
{ "name": "header-underline", "values": [] },
|
|
1952
|
+
{ "name": "cosmic", "values": [] },
|
|
1953
|
+
{ "name": "flush", "values": [] },
|
|
1954
|
+
{ "name": "flush-x", "values": [] },
|
|
1955
|
+
{ "name": "flush-y", "values": [] },
|
|
1956
|
+
{ "name": "flush-footer", "values": [] },
|
|
1957
|
+
{ "name": "transparent", "values": [] },
|
|
1958
|
+
{ "name": "shadow", "values": [] }
|
|
1959
|
+
],
|
|
1960
|
+
"references": [
|
|
1961
|
+
{
|
|
1962
|
+
"name": "Documentation",
|
|
1963
|
+
"url": "https://zinc.style/components/panel"
|
|
1964
|
+
}
|
|
1965
|
+
]
|
|
1966
|
+
},
|
|
1967
1967
|
{
|
|
1968
1968
|
"name": "zn-progress-bar",
|
|
1969
1969
|
"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.",
|