@kubex/zinc 1.0.113 → 1.0.114
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/.github/workflows/eleventy_build.yml +5 -5
- package/.github/workflows/js_build_and_deploy.yaml +1 -1
- package/dist/custom-elements.json +2636 -421
- package/dist/vscode.html-custom-data.json +96 -16
- package/dist/web-types.json +268 -31
- package/dist/zn.d.ts +517 -340
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +942 -863
- package/docs/eleventy.config.cjs +4 -2
- package/docs/pages/components/header.md +13 -0
- package/docs/pages/components/inline-edit.md +20 -0
- package/docs/pages/components/item.md +12 -1
- package/docs/pages/components/page.md +149 -0
- package/docs/pages/components/progress-bar.md +16 -0
- package/docs/pages/components/select.md +25 -0
- package/docs/pages/components/split-pane.md +6 -7
- package/docs/pages/components/tabs.md +59 -9
- package/package.json +8 -5
- package/scripts/build.js +40 -19
- package/scss/_global-spacing.scss +12 -1
- package/scss/_root.scss +34 -2
- package/scss/shared/layout.scss +15 -2
- package/scss/themes/_light.scss +1 -1
- package/src/components/absolute-container/absolute-container.component.ts +9 -25
- package/src/components/animated-button/animated-button.test.ts +8 -8
- package/src/components/button/button.component.ts +3 -1
- package/src/components/button/button.scss +5 -0
- package/src/components/button-menu/button-menu.component.ts +36 -21
- package/src/components/button-menu/button-menu.test.ts +55 -1
- package/src/components/chart/chart.component.ts +7 -7
- package/src/components/collapsible/collapsible.component.ts +7 -14
- package/src/components/cols/cols.scss +1 -1
- package/src/components/content-block/content-block.component.ts +11 -33
- package/src/components/data-select/data-select.component.ts +7 -11
- package/src/components/data-table/data-table.component.ts +10 -14
- package/src/components/editor/modules/toolbar/toolbar.component.ts +5 -9
- package/src/components/expanding-action/expanding-action.component.ts +37 -43
- package/src/components/form-group/form-group.component.ts +8 -3
- package/src/components/header/header.component.ts +6 -5
- package/src/components/header/header.scss +31 -25
- package/src/components/inline-edit/inline-edit.component.ts +13 -1
- package/src/components/inline-edit/inline-edit.test.ts +50 -0
- package/src/components/input/input.test.ts +77 -0
- package/src/components/input-group/input-group.test.ts +2 -10
- package/src/components/item/item.component.ts +12 -6
- package/src/components/item/item.scss +1 -1
- package/src/components/item/item.test.ts +8 -0
- package/src/components/navbar/navbar.component.ts +222 -48
- package/src/components/navbar/navbar.scss +134 -21
- package/src/components/navbar/navbar.test.ts +114 -9
- package/src/components/option/option.scss +5 -7
- package/src/components/option/option.test.ts +30 -0
- package/src/components/page/index.ts +13 -0
- package/src/components/page/page.component.ts +406 -0
- package/src/components/page/page.scss +325 -0
- package/src/components/page/page.test.ts +397 -0
- package/src/components/page-nav/page-nav.scss +7 -5
- package/src/components/pane/pane.component.ts +2 -2
- package/src/components/pane/pane.scss +0 -1
- package/src/components/pane/pane.test.ts +31 -0
- package/src/components/panel/panel.scss +1 -0
- package/src/components/progress-bar/progress-bar.component.ts +5 -2
- package/src/components/progress-bar/progress-bar.scss +17 -1
- package/src/components/progress-bar/progress-bar.test.ts +12 -0
- package/src/components/scroll-container/scroll-container.component.ts +22 -21
- package/src/components/select/select.component.ts +240 -38
- package/src/components/select/select.scss +15 -0
- package/src/components/select/select.test.ts +477 -0
- package/src/components/settings-container/settings-container.component.ts +15 -19
- package/src/components/settings-container/settings-container.scss +8 -8
- package/src/components/sidebar/sidebar.component.ts +11 -11
- package/src/components/simple-chart/simple-chart.component.ts +6 -7
- package/src/components/sp/sp.scss +46 -15
- package/src/components/sp/sp.test.ts +15 -0
- package/src/components/split-pane/split-pane.component.ts +153 -26
- package/src/components/split-pane/split-pane.scss +89 -13
- package/src/components/split-pane/split-pane.test.ts +187 -0
- package/src/components/style/style.component.ts +8 -0
- package/src/components/tab/index.ts +13 -0
- package/src/components/tab/tab.component.ts +25 -0
- package/src/components/tab/tab.scss +7 -0
- package/src/components/table/table.component.ts +7 -2
- package/src/components/tabs/tabs.component.ts +75 -70
- package/src/components/tabs/tabs.scss +1 -1
- package/src/components/textarea/textarea.component.ts +5 -8
- package/src/components/translation-group/translation-group.component.ts +15 -14
- package/src/components/translations/translations.component.ts +18 -17
- package/src/components/translations/translations.scss +1 -0
- package/src/components/translations/translations.test.ts +3 -2
- package/src/internal/form.ts +234 -0
- package/src/internal/theme.ts +26 -46
- package/src/internal/zinc-element.ts +12 -7
- package/src/utilities/form.ts +1 -0
- package/src/wc.scss +1 -1
- package/src/zinc.ts +3 -0
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.114",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,6 +15,28 @@
|
|
|
15
15
|
"events": [],
|
|
16
16
|
"js": { "properties": [], "events": [] }
|
|
17
17
|
},
|
|
18
|
+
{
|
|
19
|
+
"name": "zn-action-bar",
|
|
20
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
21
|
+
"doc-url": "",
|
|
22
|
+
"attributes": [],
|
|
23
|
+
"slots": [
|
|
24
|
+
{ "name": "", "description": "The default slot." },
|
|
25
|
+
{ "name": "example", "description": "An example slot." }
|
|
26
|
+
],
|
|
27
|
+
"events": [
|
|
28
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
29
|
+
],
|
|
30
|
+
"js": {
|
|
31
|
+
"properties": [],
|
|
32
|
+
"events": [
|
|
33
|
+
{
|
|
34
|
+
"name": "zn-event-name",
|
|
35
|
+
"description": "Emitted as an example."
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
18
40
|
{
|
|
19
41
|
"name": "zn-alert",
|
|
20
42
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -70,28 +92,6 @@
|
|
|
70
92
|
]
|
|
71
93
|
}
|
|
72
94
|
},
|
|
73
|
-
{
|
|
74
|
-
"name": "zn-action-bar",
|
|
75
|
-
"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.",
|
|
76
|
-
"doc-url": "",
|
|
77
|
-
"attributes": [],
|
|
78
|
-
"slots": [
|
|
79
|
-
{ "name": "", "description": "The default slot." },
|
|
80
|
-
{ "name": "example", "description": "An example slot." }
|
|
81
|
-
],
|
|
82
|
-
"events": [
|
|
83
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
84
|
-
],
|
|
85
|
-
"js": {
|
|
86
|
-
"properties": [],
|
|
87
|
-
"events": [
|
|
88
|
-
{
|
|
89
|
-
"name": "zn-event-name",
|
|
90
|
-
"description": "Emitted as an example."
|
|
91
|
-
}
|
|
92
|
-
]
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
95
|
{
|
|
96
96
|
"name": "zn-animated-button",
|
|
97
97
|
"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",
|
|
@@ -314,6 +314,10 @@
|
|
|
314
314
|
"name": "square",
|
|
315
315
|
"value": { "type": "boolean", "default": "false" }
|
|
316
316
|
},
|
|
317
|
+
{
|
|
318
|
+
"name": "panel-bg",
|
|
319
|
+
"value": { "type": "boolean", "default": "false" }
|
|
320
|
+
},
|
|
317
321
|
{
|
|
318
322
|
"name": "dropdown-closer",
|
|
319
323
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -447,6 +451,7 @@
|
|
|
447
451
|
{ "name": "disabled", "type": "boolean" },
|
|
448
452
|
{ "name": "grow", "type": "boolean" },
|
|
449
453
|
{ "name": "square", "type": "boolean" },
|
|
454
|
+
{ "name": "panelBackground", "type": "boolean" },
|
|
450
455
|
{ "name": "dropdownCloser", "type": "boolean" },
|
|
451
456
|
{ "name": "notification", "type": "number" },
|
|
452
457
|
{ "name": "mutedNotifications", "type": "boolean" },
|
|
@@ -598,8 +603,7 @@
|
|
|
598
603
|
},
|
|
599
604
|
{ "name": "iconSize", "type": "number" },
|
|
600
605
|
{ "name": "noGap", "type": "boolean" },
|
|
601
|
-
{ "name": "noPadding", "type": "boolean" }
|
|
602
|
-
{ "name": "handleResize" }
|
|
606
|
+
{ "name": "noPadding", "type": "boolean" }
|
|
603
607
|
],
|
|
604
608
|
"events": []
|
|
605
609
|
}
|
|
@@ -3264,6 +3268,10 @@
|
|
|
3264
3268
|
"name": "help-text",
|
|
3265
3269
|
"description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
3266
3270
|
"value": { "type": "string", "default": "''" }
|
|
3271
|
+
},
|
|
3272
|
+
{
|
|
3273
|
+
"name": "cols",
|
|
3274
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3267
3275
|
}
|
|
3268
3276
|
],
|
|
3269
3277
|
"slots": [{ "name": "", "description": "The default slot." }],
|
|
@@ -3284,7 +3292,8 @@
|
|
|
3284
3292
|
"name": "helpText",
|
|
3285
3293
|
"description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
3286
3294
|
"type": "string"
|
|
3287
|
-
}
|
|
3295
|
+
},
|
|
3296
|
+
{ "name": "forceCols", "type": "boolean" }
|
|
3288
3297
|
],
|
|
3289
3298
|
"events": []
|
|
3290
3299
|
}
|
|
@@ -3310,7 +3319,11 @@
|
|
|
3310
3319
|
},
|
|
3311
3320
|
{ "name": "full-width", "value": { "type": "boolean" } },
|
|
3312
3321
|
{ "name": "previous-path", "value": { "type": "string" } },
|
|
3313
|
-
{ "name": "previous-target", "value": { "type": "string" } }
|
|
3322
|
+
{ "name": "previous-target", "value": { "type": "string" } },
|
|
3323
|
+
{
|
|
3324
|
+
"name": "hide-breadcrumb",
|
|
3325
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3326
|
+
}
|
|
3314
3327
|
],
|
|
3315
3328
|
"slots": [
|
|
3316
3329
|
{ "name": "", "description": "The default slot." },
|
|
@@ -3332,6 +3345,7 @@
|
|
|
3332
3345
|
{ "name": "fullWidth", "type": "boolean" },
|
|
3333
3346
|
{ "name": "previousPath", "type": "string" },
|
|
3334
3347
|
{ "name": "previousTarget", "type": "string" },
|
|
3348
|
+
{ "name": "hideBreadcrumb", "type": "boolean" },
|
|
3335
3349
|
{ "name": "handleAltPress" },
|
|
3336
3350
|
{ "name": "handleAltUp" }
|
|
3337
3351
|
],
|
|
@@ -3637,6 +3651,11 @@
|
|
|
3637
3651
|
"description": "Enables search/filtering on select inputs.",
|
|
3638
3652
|
"value": { "type": "boolean" }
|
|
3639
3653
|
},
|
|
3654
|
+
{
|
|
3655
|
+
"name": "free-text",
|
|
3656
|
+
"description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
|
|
3657
|
+
"value": { "type": "boolean" }
|
|
3658
|
+
},
|
|
3640
3659
|
{
|
|
3641
3660
|
"name": "help-text",
|
|
3642
3661
|
"description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
|
|
@@ -3708,6 +3727,11 @@
|
|
|
3708
3727
|
"description": "Enables search/filtering on select inputs.",
|
|
3709
3728
|
"type": "boolean"
|
|
3710
3729
|
},
|
|
3730
|
+
{
|
|
3731
|
+
"name": "freeText",
|
|
3732
|
+
"description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
|
|
3733
|
+
"type": "boolean"
|
|
3734
|
+
},
|
|
3711
3735
|
{
|
|
3712
3736
|
"name": "helpText",
|
|
3713
3737
|
"description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
|
|
@@ -4297,6 +4321,7 @@
|
|
|
4297
4321
|
{ "name": "inline", "value": { "type": "boolean" } },
|
|
4298
4322
|
{ "name": "grid", "value": { "type": "boolean" } },
|
|
4299
4323
|
{ "name": "no-padding", "value": { "type": "boolean" } },
|
|
4324
|
+
{ "name": "flush", "value": { "type": "boolean" } },
|
|
4300
4325
|
{ "name": "align-end", "value": { "type": "boolean" } },
|
|
4301
4326
|
{ "name": "align-center", "value": { "type": "boolean" } }
|
|
4302
4327
|
],
|
|
@@ -4324,6 +4349,7 @@
|
|
|
4324
4349
|
{ "name": "inline", "type": "boolean" },
|
|
4325
4350
|
{ "name": "grid", "type": "boolean" },
|
|
4326
4351
|
{ "name": "noPadding", "type": "boolean" },
|
|
4352
|
+
{ "name": "flush", "type": "boolean" },
|
|
4327
4353
|
{ "name": "alignEnd", "type": "boolean" },
|
|
4328
4354
|
{ "name": "alignCenter", "type": "boolean" }
|
|
4329
4355
|
],
|
|
@@ -4915,7 +4941,7 @@
|
|
|
4915
4941
|
},
|
|
4916
4942
|
{
|
|
4917
4943
|
"name": "zn-navbar",
|
|
4918
|
-
"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- **
|
|
4944
|
+
"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- **expand** - Expanding action panels rendered alongside the navbar items.\n- **bottom** - Content rendered below the navbar row (e.g. chips, filters).\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
4919
4945
|
"doc-url": "",
|
|
4920
4946
|
"attributes": [
|
|
4921
4947
|
{
|
|
@@ -4959,7 +4985,14 @@
|
|
|
4959
4985
|
],
|
|
4960
4986
|
"slots": [
|
|
4961
4987
|
{ "name": "", "description": "The default slot." },
|
|
4962
|
-
{
|
|
4988
|
+
{
|
|
4989
|
+
"name": "expand",
|
|
4990
|
+
"description": "Expanding action panels rendered alongside the navbar items."
|
|
4991
|
+
},
|
|
4992
|
+
{
|
|
4993
|
+
"name": "bottom",
|
|
4994
|
+
"description": "Content rendered below the navbar row (e.g. chips, filters)."
|
|
4995
|
+
}
|
|
4963
4996
|
],
|
|
4964
4997
|
"events": [
|
|
4965
4998
|
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
@@ -5147,6 +5180,144 @@
|
|
|
5147
5180
|
]
|
|
5148
5181
|
}
|
|
5149
5182
|
},
|
|
5183
|
+
{
|
|
5184
|
+
"name": "zn-page",
|
|
5185
|
+
"description": "Combines a page header with tab navigation and tab panels.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n- **bottom** - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom 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.",
|
|
5186
|
+
"doc-url": "",
|
|
5187
|
+
"attributes": [
|
|
5188
|
+
{ "name": "caption", "value": { "type": "string" } },
|
|
5189
|
+
{ "name": "entity-id", "value": { "type": "string" } },
|
|
5190
|
+
{ "name": "entity-id-show", "value": { "type": "boolean" } },
|
|
5191
|
+
{ "name": "full-location", "value": { "type": "string" } },
|
|
5192
|
+
{
|
|
5193
|
+
"name": "modal",
|
|
5194
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5195
|
+
},
|
|
5196
|
+
{
|
|
5197
|
+
"name": "nested",
|
|
5198
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5199
|
+
},
|
|
5200
|
+
{
|
|
5201
|
+
"name": "primary",
|
|
5202
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5203
|
+
},
|
|
5204
|
+
{ "name": "previous-path", "value": { "type": "string" } },
|
|
5205
|
+
{ "name": "previous-target", "value": { "type": "string" } },
|
|
5206
|
+
{ "name": "summary", "value": { "type": "string" } },
|
|
5207
|
+
{ "name": "master-id", "value": { "type": "string" } },
|
|
5208
|
+
{
|
|
5209
|
+
"name": "default-uri",
|
|
5210
|
+
"value": { "type": "string", "default": "''" }
|
|
5211
|
+
},
|
|
5212
|
+
{
|
|
5213
|
+
"name": "active",
|
|
5214
|
+
"value": { "type": "string", "default": "''" }
|
|
5215
|
+
},
|
|
5216
|
+
{ "name": "split", "value": { "type": "number" } },
|
|
5217
|
+
{
|
|
5218
|
+
"name": "split-min",
|
|
5219
|
+
"value": { "type": "number", "default": "60" }
|
|
5220
|
+
},
|
|
5221
|
+
{ "name": "split-min-secondary", "value": { "type": "number" } },
|
|
5222
|
+
{ "name": "split-max", "value": { "type": "number" } },
|
|
5223
|
+
{
|
|
5224
|
+
"name": "primary-caption",
|
|
5225
|
+
"value": { "type": "string", "default": "'Navigation'" }
|
|
5226
|
+
},
|
|
5227
|
+
{
|
|
5228
|
+
"name": "secondary-caption",
|
|
5229
|
+
"value": { "type": "string", "default": "'Content'" }
|
|
5230
|
+
},
|
|
5231
|
+
{
|
|
5232
|
+
"name": "no-prefetch",
|
|
5233
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5234
|
+
},
|
|
5235
|
+
{
|
|
5236
|
+
"name": "no-cache",
|
|
5237
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5238
|
+
},
|
|
5239
|
+
{ "name": "local-storage", "value": { "type": "boolean" } },
|
|
5240
|
+
{ "name": "store-key", "value": { "type": "string" } },
|
|
5241
|
+
{
|
|
5242
|
+
"name": "store-ttl",
|
|
5243
|
+
"value": { "type": "number", "default": "0" }
|
|
5244
|
+
},
|
|
5245
|
+
{
|
|
5246
|
+
"name": "padded",
|
|
5247
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5248
|
+
},
|
|
5249
|
+
{
|
|
5250
|
+
"name": "fetch-style",
|
|
5251
|
+
"value": { "type": "string", "default": "\"\"" }
|
|
5252
|
+
},
|
|
5253
|
+
{
|
|
5254
|
+
"name": "full-width",
|
|
5255
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5256
|
+
},
|
|
5257
|
+
{
|
|
5258
|
+
"name": "padded-right",
|
|
5259
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5260
|
+
},
|
|
5261
|
+
{ "name": "monitor", "value": { "type": "string" } },
|
|
5262
|
+
{ "name": "description", "value": { "type": "string" } }
|
|
5263
|
+
],
|
|
5264
|
+
"slots": [
|
|
5265
|
+
{
|
|
5266
|
+
"name": "",
|
|
5267
|
+
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions."
|
|
5268
|
+
},
|
|
5269
|
+
{
|
|
5270
|
+
"name": "bottom",
|
|
5271
|
+
"description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot."
|
|
5272
|
+
},
|
|
5273
|
+
{ "name": "example", "description": "An example slot." }
|
|
5274
|
+
],
|
|
5275
|
+
"events": [
|
|
5276
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
5277
|
+
],
|
|
5278
|
+
"js": {
|
|
5279
|
+
"properties": [
|
|
5280
|
+
{ "name": "caption", "type": "string" },
|
|
5281
|
+
{ "name": "entityId", "type": "string" },
|
|
5282
|
+
{ "name": "entityIdShow", "type": "boolean" },
|
|
5283
|
+
{ "name": "fullLocation", "type": "string" },
|
|
5284
|
+
{ "name": "modal", "type": "boolean" },
|
|
5285
|
+
{ "name": "nested", "type": "boolean" },
|
|
5286
|
+
{ "name": "primary", "type": "boolean" },
|
|
5287
|
+
{ "name": "previousPath", "type": "string" },
|
|
5288
|
+
{ "name": "previousTarget", "type": "string" },
|
|
5289
|
+
{ "name": "summary", "type": "string" },
|
|
5290
|
+
{ "name": "_registerTabs" },
|
|
5291
|
+
{ "name": "masterId", "type": "string" },
|
|
5292
|
+
{ "name": "defaultUri", "type": "string" },
|
|
5293
|
+
{ "name": "_current", "type": "string" },
|
|
5294
|
+
{ "name": "_split", "type": "number" },
|
|
5295
|
+
{ "name": "_splitMin", "type": "number" },
|
|
5296
|
+
{ "name": "_splitMinSecondary", "type": "number" },
|
|
5297
|
+
{ "name": "_splitMax", "type": "number" },
|
|
5298
|
+
{ "name": "primaryCaption", "type": "string" },
|
|
5299
|
+
{ "name": "secondaryCaption", "type": "string" },
|
|
5300
|
+
{ "name": "noPrefetch", "type": "boolean" },
|
|
5301
|
+
{ "name": "noCache", "type": "boolean" },
|
|
5302
|
+
{ "name": "localStorage", "type": "boolean" },
|
|
5303
|
+
{ "name": "storeKey", "type": "string" },
|
|
5304
|
+
{ "name": "storeTtl", "type": "number" },
|
|
5305
|
+
{ "name": "padded", "type": "boolean" },
|
|
5306
|
+
{ "name": "fetchStyle", "type": "string" },
|
|
5307
|
+
{ "name": "fullWidth", "type": "boolean" },
|
|
5308
|
+
{ "name": "paddedRight", "type": "boolean" },
|
|
5309
|
+
{ "name": "monitor", "type": "string" },
|
|
5310
|
+
{ "name": "description", "type": "string" },
|
|
5311
|
+
{ "name": "reRegisterTabs" }
|
|
5312
|
+
],
|
|
5313
|
+
"events": [
|
|
5314
|
+
{
|
|
5315
|
+
"name": "zn-event-name",
|
|
5316
|
+
"description": "Emitted as an example."
|
|
5317
|
+
}
|
|
5318
|
+
]
|
|
5319
|
+
}
|
|
5320
|
+
},
|
|
5150
5321
|
{
|
|
5151
5322
|
"name": "zn-page-nav",
|
|
5152
5323
|
"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.",
|
|
@@ -5167,6 +5338,7 @@
|
|
|
5167
5338
|
"name": "split-min",
|
|
5168
5339
|
"value": { "type": "number", "default": "60" }
|
|
5169
5340
|
},
|
|
5341
|
+
{ "name": "split-min-secondary", "value": { "type": "number" } },
|
|
5170
5342
|
{ "name": "split-max", "value": { "type": "number" } },
|
|
5171
5343
|
{
|
|
5172
5344
|
"name": "primary-caption",
|
|
@@ -5226,6 +5398,7 @@
|
|
|
5226
5398
|
{ "name": "_current", "type": "string" },
|
|
5227
5399
|
{ "name": "_split", "type": "number" },
|
|
5228
5400
|
{ "name": "_splitMin", "type": "number" },
|
|
5401
|
+
{ "name": "_splitMinSecondary", "type": "number" },
|
|
5229
5402
|
{ "name": "_splitMax", "type": "number" },
|
|
5230
5403
|
{ "name": "primaryCaption", "type": "string" },
|
|
5231
5404
|
{ "name": "secondaryCaption", "type": "string" },
|
|
@@ -5790,10 +5963,14 @@
|
|
|
5790
5963
|
},
|
|
5791
5964
|
{
|
|
5792
5965
|
"name": "zn-progress-bar",
|
|
5793
|
-
"description": "Progress bars provide visual feedback about the completion status of a task or process.\n---\n\n\n### **CSS Properties:**\n - **--zn-border-color** - The color of the progress bar background track. _(default: undefined)_\n- **--zn-
|
|
5966
|
+
"description": "Progress bars provide visual feedback about the completion status of a task or process.\n---\n\n\n### **CSS Properties:**\n - **--zn-border-color** - The color of the progress bar background track. _(default: undefined)_\n- **--zn-progress-bar-color** - The color of the progress bar fill. _(default: undefined)_\n- **--zn-text-heading** - The color of the caption text. _(default: undefined)_\n- **--zn-text** - The color of the progress percentage and description text. _(default: undefined)_\n- **--zn-spacing-x-small** - The spacing between header/footer and the progress bar. _(default: undefined)_\n\n### **CSS Parts:**\n - **header** - The header container that contains the caption and progress text.\n- **caption** - The caption text element.\n- **progress** - The progress percentage text element.\n- **bar** - The SVG element containing the progress bar.\n- **track** - The background track of the progress bar.\n- **fill** - The filled portion of the progress bar indicating progress.\n- **footer** - The footer container that contains the description.\n- **info** - The description text element.",
|
|
5794
5967
|
"doc-url": "",
|
|
5795
5968
|
"attributes": [
|
|
5796
5969
|
{ "name": "caption", "value": { "type": "string | undefined" } },
|
|
5970
|
+
{
|
|
5971
|
+
"name": "color",
|
|
5972
|
+
"value": { "type": "ProgressBarColor", "default": "'current'" }
|
|
5973
|
+
},
|
|
5797
5974
|
{
|
|
5798
5975
|
"name": "description",
|
|
5799
5976
|
"value": { "type": "string | undefined" }
|
|
@@ -5808,6 +5985,7 @@
|
|
|
5808
5985
|
"js": {
|
|
5809
5986
|
"properties": [
|
|
5810
5987
|
{ "name": "caption", "type": "string | undefined" },
|
|
5988
|
+
{ "name": "color", "type": "ProgressBarColor" },
|
|
5811
5989
|
{ "name": "description", "type": "string | undefined" },
|
|
5812
5990
|
{ "name": "value", "type": "number | undefined" },
|
|
5813
5991
|
{ "name": "showProgress", "type": "boolean | undefined" }
|
|
@@ -6437,6 +6615,11 @@
|
|
|
6437
6615
|
"description": "Enables search/filter functionality. When enabled, the user can type into the select to filter the visible options.",
|
|
6438
6616
|
"value": { "type": "boolean", "default": "false" }
|
|
6439
6617
|
},
|
|
6618
|
+
{
|
|
6619
|
+
"name": "free-text",
|
|
6620
|
+
"description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
|
|
6621
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6622
|
+
},
|
|
6440
6623
|
{
|
|
6441
6624
|
"name": "label",
|
|
6442
6625
|
"description": "The select's label. If you need to display HTML, use the `label` slot instead.",
|
|
@@ -6696,6 +6879,11 @@
|
|
|
6696
6879
|
"description": "Enables search/filter functionality. When enabled, the user can type into the select to filter the visible options.",
|
|
6697
6880
|
"type": "boolean"
|
|
6698
6881
|
},
|
|
6882
|
+
{
|
|
6883
|
+
"name": "freeText",
|
|
6884
|
+
"description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
|
|
6885
|
+
"type": "boolean"
|
|
6886
|
+
},
|
|
6699
6887
|
{
|
|
6700
6888
|
"name": "label",
|
|
6701
6889
|
"description": "The select's label. If you need to display HTML, use the `label` slot instead.",
|
|
@@ -7251,7 +7439,7 @@
|
|
|
7251
7439
|
},
|
|
7252
7440
|
{
|
|
7253
7441
|
"name": "zn-split-pane",
|
|
7254
|
-
"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.",
|
|
7442
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-split-pane-focus-change**\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.",
|
|
7255
7443
|
"doc-url": "",
|
|
7256
7444
|
"attributes": [
|
|
7257
7445
|
{
|
|
@@ -7266,6 +7454,7 @@
|
|
|
7266
7454
|
"name": "min-size",
|
|
7267
7455
|
"value": { "type": "number", "default": "10" }
|
|
7268
7456
|
},
|
|
7457
|
+
{ "name": "min-secondary-size", "value": { "type": "number" } },
|
|
7269
7458
|
{ "name": "max-size", "value": { "type": "number" } },
|
|
7270
7459
|
{
|
|
7271
7460
|
"name": "initial-size",
|
|
@@ -7303,6 +7492,21 @@
|
|
|
7303
7492
|
"name": "padded-right",
|
|
7304
7493
|
"value": { "type": "boolean", "default": "false" }
|
|
7305
7494
|
},
|
|
7495
|
+
{
|
|
7496
|
+
"name": "gap",
|
|
7497
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7498
|
+
},
|
|
7499
|
+
{
|
|
7500
|
+
"name": "hide",
|
|
7501
|
+
"value": {
|
|
7502
|
+
"type": "'primary' | 'secondary' | ''",
|
|
7503
|
+
"default": "''"
|
|
7504
|
+
}
|
|
7505
|
+
},
|
|
7506
|
+
{
|
|
7507
|
+
"name": "merged-navigation",
|
|
7508
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7509
|
+
},
|
|
7306
7510
|
{ "name": "local-storage", "value": { "type": "boolean" } },
|
|
7307
7511
|
{
|
|
7308
7512
|
"name": "store-ttl",
|
|
@@ -7314,6 +7518,7 @@
|
|
|
7314
7518
|
{ "name": "example", "description": "An example slot." }
|
|
7315
7519
|
],
|
|
7316
7520
|
"events": [
|
|
7521
|
+
{ "name": "zn-split-pane-focus-change", "type": "CustomEvent" },
|
|
7317
7522
|
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
7318
7523
|
],
|
|
7319
7524
|
"js": {
|
|
@@ -7324,6 +7529,7 @@
|
|
|
7324
7529
|
{ "name": "calculatePixels", "type": "boolean" },
|
|
7325
7530
|
{ "name": "preferSecondarySize", "type": "boolean" },
|
|
7326
7531
|
{ "name": "minimumPaneSize", "type": "number" },
|
|
7532
|
+
{ "name": "minimumSecondaryPaneSize", "type": "number" },
|
|
7327
7533
|
{ "name": "maximumPaneSize", "type": "number" },
|
|
7328
7534
|
{ "name": "initialSize", "type": "number" },
|
|
7329
7535
|
{ "name": "storeKey", "type": "string" },
|
|
@@ -7334,10 +7540,14 @@
|
|
|
7334
7540
|
{ "name": "_focusPane", "type": "number" },
|
|
7335
7541
|
{ "name": "padded", "type": "boolean" },
|
|
7336
7542
|
{ "name": "paddedRight", "type": "boolean" },
|
|
7543
|
+
{ "name": "gap", "type": "boolean" },
|
|
7544
|
+
{ "name": "hide", "type": "'primary' | 'secondary' | ''" },
|
|
7545
|
+
{ "name": "mergedNavigation", "type": "boolean" },
|
|
7337
7546
|
{ "name": "localStorage", "type": "boolean" },
|
|
7338
7547
|
{ "name": "storeTtl", "type": "number" }
|
|
7339
7548
|
],
|
|
7340
7549
|
"events": [
|
|
7550
|
+
{ "name": "zn-split-pane-focus-change", "type": "CustomEvent" },
|
|
7341
7551
|
{
|
|
7342
7552
|
"name": "zn-event-name",
|
|
7343
7553
|
"description": "Emitted as an example."
|
|
@@ -7552,6 +7762,10 @@
|
|
|
7552
7762
|
"name": "margin",
|
|
7553
7763
|
"value": { "type": "string", "default": "''" }
|
|
7554
7764
|
},
|
|
7765
|
+
{
|
|
7766
|
+
"name": "gutter",
|
|
7767
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7768
|
+
},
|
|
7555
7769
|
{
|
|
7556
7770
|
"name": "a-margin",
|
|
7557
7771
|
"value": { "type": "string", "default": "''" }
|
|
@@ -7575,11 +7789,32 @@
|
|
|
7575
7789
|
{ "name": "height", "type": "string" },
|
|
7576
7790
|
{ "name": "pad", "type": "string" },
|
|
7577
7791
|
{ "name": "margin", "type": "string" },
|
|
7792
|
+
{ "name": "gutter", "type": "boolean" },
|
|
7578
7793
|
{ "name": "autoMargin", "type": "string" }
|
|
7579
7794
|
],
|
|
7580
7795
|
"events": []
|
|
7581
7796
|
}
|
|
7582
7797
|
},
|
|
7798
|
+
{
|
|
7799
|
+
"name": "zn-tab",
|
|
7800
|
+
"description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
|
|
7801
|
+
"doc-url": "",
|
|
7802
|
+
"attributes": [
|
|
7803
|
+
{ "name": "caption", "value": { "type": "string" } },
|
|
7804
|
+
{ "name": "priority", "value": { "type": "number" } },
|
|
7805
|
+
{ "name": "uri", "value": { "type": "string" } }
|
|
7806
|
+
],
|
|
7807
|
+
"slots": [{ "name": "", "description": "The tab panel content." }],
|
|
7808
|
+
"events": [],
|
|
7809
|
+
"js": {
|
|
7810
|
+
"properties": [
|
|
7811
|
+
{ "name": "caption", "type": "string" },
|
|
7812
|
+
{ "name": "priority", "type": "number" },
|
|
7813
|
+
{ "name": "uri", "type": "string" }
|
|
7814
|
+
],
|
|
7815
|
+
"events": []
|
|
7816
|
+
}
|
|
7817
|
+
},
|
|
7583
7818
|
{
|
|
7584
7819
|
"name": "zn-table",
|
|
7585
7820
|
"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.",
|
|
@@ -7650,6 +7885,7 @@
|
|
|
7650
7885
|
"name": "split-min",
|
|
7651
7886
|
"value": { "type": "number", "default": "60" }
|
|
7652
7887
|
},
|
|
7888
|
+
{ "name": "split-min-secondary", "value": { "type": "number" } },
|
|
7653
7889
|
{ "name": "split-max", "value": { "type": "number" } },
|
|
7654
7890
|
{
|
|
7655
7891
|
"name": "primary-caption",
|
|
@@ -7707,6 +7943,7 @@
|
|
|
7707
7943
|
{ "name": "_current", "type": "string" },
|
|
7708
7944
|
{ "name": "_split", "type": "number" },
|
|
7709
7945
|
{ "name": "_splitMin", "type": "number" },
|
|
7946
|
+
{ "name": "_splitMinSecondary", "type": "number" },
|
|
7710
7947
|
{ "name": "_splitMax", "type": "number" },
|
|
7711
7948
|
{ "name": "primaryCaption", "type": "string" },
|
|
7712
7949
|
{ "name": "secondaryCaption", "type": "string" },
|