@kubex/zinc 1.1.99 → 1.1.100
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 +2095 -2095
- package/dist/vscode.html-custom-data.json +50 -50
- package/dist/web-types.json +165 -165
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +21 -21
- package/package.json +1 -1
- package/scss/_root.scss +16 -0
- package/scss/mixins/_typography-mixins.scss +1 -0
- package/scss/shared/_button.scss +4 -2
- package/scss/themes/_typography.scss +2 -0
- package/src/components/button/button.scss +14 -4
- package/src/components/header/header.scss +2 -0
- package/src/components/menu-item/menu-item.scss +8 -5
- package/src/components/page/page.scss +16 -2
- package/src/components/tile/tile.scss +0 -2
- package/src/components/toggle/toggle.scss +8 -1
- package/src/components/tooltip/tooltip.scss +4 -1
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
}
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
{
|
|
17
|
-
"name": "zn-action-bar",
|
|
18
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
19
|
-
"attributes": [],
|
|
20
|
-
"references": [
|
|
21
|
-
{
|
|
22
|
-
"name": "Documentation",
|
|
23
|
-
"url": "https://zinc.style/components/action-bar"
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
},
|
|
27
16
|
{
|
|
28
17
|
"name": "zn-alert",
|
|
29
18
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -64,6 +53,17 @@
|
|
|
64
53
|
}
|
|
65
54
|
]
|
|
66
55
|
},
|
|
56
|
+
{
|
|
57
|
+
"name": "zn-action-bar",
|
|
58
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
59
|
+
"attributes": [],
|
|
60
|
+
"references": [
|
|
61
|
+
{
|
|
62
|
+
"name": "Documentation",
|
|
63
|
+
"url": "https://zinc.style/components/action-bar"
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
67
|
{
|
|
68
68
|
"name": "zn-animated-button",
|
|
69
69
|
"description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
|
|
@@ -2822,6 +2822,45 @@
|
|
|
2822
2822
|
}
|
|
2823
2823
|
]
|
|
2824
2824
|
},
|
|
2825
|
+
{
|
|
2826
|
+
"name": "zn-page",
|
|
2827
|
+
"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### **Methods:**\n \n\n\n### **Slots:**\n - _default_ - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n- **description** - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\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.",
|
|
2828
|
+
"attributes": [
|
|
2829
|
+
{ "name": "caption", "values": [] },
|
|
2830
|
+
{ "name": "entity-id", "values": [] },
|
|
2831
|
+
{ "name": "entity-id-show", "values": [] },
|
|
2832
|
+
{ "name": "full-location", "values": [] },
|
|
2833
|
+
{ "name": "modal", "values": [] },
|
|
2834
|
+
{ "name": "nested", "values": [] },
|
|
2835
|
+
{ "name": "primary", "values": [] },
|
|
2836
|
+
{ "name": "previous-path", "values": [] },
|
|
2837
|
+
{ "name": "previous-target", "values": [] },
|
|
2838
|
+
{ "name": "summary", "values": [] },
|
|
2839
|
+
{ "name": "master-id", "values": [] },
|
|
2840
|
+
{ "name": "default-uri", "values": [] },
|
|
2841
|
+
{ "name": "active", "values": [] },
|
|
2842
|
+
{ "name": "split", "values": [] },
|
|
2843
|
+
{ "name": "split-min", "values": [] },
|
|
2844
|
+
{ "name": "split-min-secondary", "values": [] },
|
|
2845
|
+
{ "name": "split-max", "values": [] },
|
|
2846
|
+
{ "name": "primary-caption", "values": [] },
|
|
2847
|
+
{ "name": "secondary-caption", "values": [] },
|
|
2848
|
+
{ "name": "no-prefetch", "values": [] },
|
|
2849
|
+
{ "name": "no-cache", "values": [] },
|
|
2850
|
+
{ "name": "local-storage", "values": [] },
|
|
2851
|
+
{ "name": "store-key", "values": [] },
|
|
2852
|
+
{ "name": "store-ttl", "values": [] },
|
|
2853
|
+
{ "name": "padded", "values": [] },
|
|
2854
|
+
{ "name": "fetch-style", "values": [] },
|
|
2855
|
+
{ "name": "full-width", "values": [] },
|
|
2856
|
+
{ "name": "padded-right", "values": [] },
|
|
2857
|
+
{ "name": "monitor", "values": [] },
|
|
2858
|
+
{ "name": "description", "values": [] }
|
|
2859
|
+
],
|
|
2860
|
+
"references": [
|
|
2861
|
+
{ "name": "Documentation", "url": "https://zinc.style/components/page" }
|
|
2862
|
+
]
|
|
2863
|
+
},
|
|
2825
2864
|
{
|
|
2826
2865
|
"name": "zn-page-builder",
|
|
2827
2866
|
"description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToSlot(type: _string_, containerId: _string_, slotIndex: _number_): _PageSection | null_** - Adds a new section of a registered type into a container's slot. Returns null if not allowed.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `slots` makes the section a container with that many child slots; `accepts` is a comma-separated list of the type keys its slots allow.\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
|
|
@@ -2871,45 +2910,6 @@
|
|
|
2871
2910
|
}
|
|
2872
2911
|
]
|
|
2873
2912
|
},
|
|
2874
|
-
{
|
|
2875
|
-
"name": "zn-page",
|
|
2876
|
-
"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### **Methods:**\n \n\n\n### **Slots:**\n - _default_ - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n- **description** - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\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.",
|
|
2877
|
-
"attributes": [
|
|
2878
|
-
{ "name": "caption", "values": [] },
|
|
2879
|
-
{ "name": "entity-id", "values": [] },
|
|
2880
|
-
{ "name": "entity-id-show", "values": [] },
|
|
2881
|
-
{ "name": "full-location", "values": [] },
|
|
2882
|
-
{ "name": "modal", "values": [] },
|
|
2883
|
-
{ "name": "nested", "values": [] },
|
|
2884
|
-
{ "name": "primary", "values": [] },
|
|
2885
|
-
{ "name": "previous-path", "values": [] },
|
|
2886
|
-
{ "name": "previous-target", "values": [] },
|
|
2887
|
-
{ "name": "summary", "values": [] },
|
|
2888
|
-
{ "name": "master-id", "values": [] },
|
|
2889
|
-
{ "name": "default-uri", "values": [] },
|
|
2890
|
-
{ "name": "active", "values": [] },
|
|
2891
|
-
{ "name": "split", "values": [] },
|
|
2892
|
-
{ "name": "split-min", "values": [] },
|
|
2893
|
-
{ "name": "split-min-secondary", "values": [] },
|
|
2894
|
-
{ "name": "split-max", "values": [] },
|
|
2895
|
-
{ "name": "primary-caption", "values": [] },
|
|
2896
|
-
{ "name": "secondary-caption", "values": [] },
|
|
2897
|
-
{ "name": "no-prefetch", "values": [] },
|
|
2898
|
-
{ "name": "no-cache", "values": [] },
|
|
2899
|
-
{ "name": "local-storage", "values": [] },
|
|
2900
|
-
{ "name": "store-key", "values": [] },
|
|
2901
|
-
{ "name": "store-ttl", "values": [] },
|
|
2902
|
-
{ "name": "padded", "values": [] },
|
|
2903
|
-
{ "name": "fetch-style", "values": [] },
|
|
2904
|
-
{ "name": "full-width", "values": [] },
|
|
2905
|
-
{ "name": "padded-right", "values": [] },
|
|
2906
|
-
{ "name": "monitor", "values": [] },
|
|
2907
|
-
{ "name": "description", "values": [] }
|
|
2908
|
-
],
|
|
2909
|
-
"references": [
|
|
2910
|
-
{ "name": "Documentation", "url": "https://zinc.style/components/page" }
|
|
2911
|
-
]
|
|
2912
|
-
},
|
|
2913
2913
|
{
|
|
2914
2914
|
"name": "zn-page-nav",
|
|
2915
2915
|
"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 \n\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.",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.100",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,28 +15,6 @@
|
|
|
15
15
|
"events": [],
|
|
16
16
|
"js": { "properties": [], "events": [] }
|
|
17
17
|
},
|
|
18
|
-
{
|
|
19
|
-
"name": "zn-action-bar",
|
|
20
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
21
|
-
"doc-url": "",
|
|
22
|
-
"attributes": [],
|
|
23
|
-
"slots": [
|
|
24
|
-
{ "name": "", "description": "The default slot." },
|
|
25
|
-
{ "name": "example", "description": "An example slot." }
|
|
26
|
-
],
|
|
27
|
-
"events": [
|
|
28
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
29
|
-
],
|
|
30
|
-
"js": {
|
|
31
|
-
"properties": [],
|
|
32
|
-
"events": [
|
|
33
|
-
{
|
|
34
|
-
"name": "zn-event-name",
|
|
35
|
-
"description": "Emitted as an example."
|
|
36
|
-
}
|
|
37
|
-
]
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
18
|
{
|
|
41
19
|
"name": "zn-alert",
|
|
42
20
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -105,6 +83,28 @@
|
|
|
105
83
|
]
|
|
106
84
|
}
|
|
107
85
|
},
|
|
86
|
+
{
|
|
87
|
+
"name": "zn-action-bar",
|
|
88
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
89
|
+
"doc-url": "",
|
|
90
|
+
"attributes": [],
|
|
91
|
+
"slots": [
|
|
92
|
+
{ "name": "", "description": "The default slot." },
|
|
93
|
+
{ "name": "example", "description": "An example slot." }
|
|
94
|
+
],
|
|
95
|
+
"events": [
|
|
96
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
97
|
+
],
|
|
98
|
+
"js": {
|
|
99
|
+
"properties": [],
|
|
100
|
+
"events": [
|
|
101
|
+
{
|
|
102
|
+
"name": "zn-event-name",
|
|
103
|
+
"description": "Emitted as an example."
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
108
|
{
|
|
109
109
|
"name": "zn-animated-button",
|
|
110
110
|
"description": "\n---\n\n\n### **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",
|
|
@@ -6594,6 +6594,148 @@
|
|
|
6594
6594
|
]
|
|
6595
6595
|
}
|
|
6596
6596
|
},
|
|
6597
|
+
{
|
|
6598
|
+
"name": "zn-page",
|
|
6599
|
+
"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### **Methods:**\n \n\n\n### **Slots:**\n - _default_ - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n- **description** - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\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.",
|
|
6600
|
+
"doc-url": "",
|
|
6601
|
+
"attributes": [
|
|
6602
|
+
{ "name": "caption", "value": { "type": "string" } },
|
|
6603
|
+
{ "name": "entity-id", "value": { "type": "string" } },
|
|
6604
|
+
{ "name": "entity-id-show", "value": { "type": "boolean" } },
|
|
6605
|
+
{ "name": "full-location", "value": { "type": "string" } },
|
|
6606
|
+
{
|
|
6607
|
+
"name": "modal",
|
|
6608
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6609
|
+
},
|
|
6610
|
+
{
|
|
6611
|
+
"name": "nested",
|
|
6612
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6613
|
+
},
|
|
6614
|
+
{
|
|
6615
|
+
"name": "primary",
|
|
6616
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6617
|
+
},
|
|
6618
|
+
{ "name": "previous-path", "value": { "type": "string" } },
|
|
6619
|
+
{ "name": "previous-target", "value": { "type": "string" } },
|
|
6620
|
+
{ "name": "summary", "value": { "type": "string" } },
|
|
6621
|
+
{ "name": "master-id", "value": { "type": "string" } },
|
|
6622
|
+
{
|
|
6623
|
+
"name": "default-uri",
|
|
6624
|
+
"value": { "type": "string", "default": "''" }
|
|
6625
|
+
},
|
|
6626
|
+
{
|
|
6627
|
+
"name": "active",
|
|
6628
|
+
"value": { "type": "string", "default": "''" }
|
|
6629
|
+
},
|
|
6630
|
+
{ "name": "split", "value": { "type": "number" } },
|
|
6631
|
+
{
|
|
6632
|
+
"name": "split-min",
|
|
6633
|
+
"value": { "type": "number", "default": "60" }
|
|
6634
|
+
},
|
|
6635
|
+
{ "name": "split-min-secondary", "value": { "type": "number" } },
|
|
6636
|
+
{ "name": "split-max", "value": { "type": "number" } },
|
|
6637
|
+
{
|
|
6638
|
+
"name": "primary-caption",
|
|
6639
|
+
"value": { "type": "string", "default": "'Navigation'" }
|
|
6640
|
+
},
|
|
6641
|
+
{
|
|
6642
|
+
"name": "secondary-caption",
|
|
6643
|
+
"value": { "type": "string", "default": "'Content'" }
|
|
6644
|
+
},
|
|
6645
|
+
{
|
|
6646
|
+
"name": "no-prefetch",
|
|
6647
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6648
|
+
},
|
|
6649
|
+
{
|
|
6650
|
+
"name": "no-cache",
|
|
6651
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6652
|
+
},
|
|
6653
|
+
{ "name": "local-storage", "value": { "type": "boolean" } },
|
|
6654
|
+
{ "name": "store-key", "value": { "type": "string" } },
|
|
6655
|
+
{
|
|
6656
|
+
"name": "store-ttl",
|
|
6657
|
+
"value": { "type": "number", "default": "0" }
|
|
6658
|
+
},
|
|
6659
|
+
{
|
|
6660
|
+
"name": "padded",
|
|
6661
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6662
|
+
},
|
|
6663
|
+
{
|
|
6664
|
+
"name": "fetch-style",
|
|
6665
|
+
"value": { "type": "string", "default": "\"\"" }
|
|
6666
|
+
},
|
|
6667
|
+
{
|
|
6668
|
+
"name": "full-width",
|
|
6669
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6670
|
+
},
|
|
6671
|
+
{
|
|
6672
|
+
"name": "padded-right",
|
|
6673
|
+
"value": { "type": "boolean", "default": "false" }
|
|
6674
|
+
},
|
|
6675
|
+
{ "name": "monitor", "value": { "type": "string" } },
|
|
6676
|
+
{ "name": "description", "value": { "type": "string" } }
|
|
6677
|
+
],
|
|
6678
|
+
"slots": [
|
|
6679
|
+
{
|
|
6680
|
+
"name": "",
|
|
6681
|
+
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions."
|
|
6682
|
+
},
|
|
6683
|
+
{
|
|
6684
|
+
"name": "description",
|
|
6685
|
+
"description": "Rich subtitle/description content. Falls back to the `summary` attribute when empty."
|
|
6686
|
+
},
|
|
6687
|
+
{
|
|
6688
|
+
"name": "bottom",
|
|
6689
|
+
"description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot."
|
|
6690
|
+
},
|
|
6691
|
+
{ "name": "example", "description": "An example slot." }
|
|
6692
|
+
],
|
|
6693
|
+
"events": [
|
|
6694
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
6695
|
+
],
|
|
6696
|
+
"js": {
|
|
6697
|
+
"properties": [
|
|
6698
|
+
{ "name": "caption", "type": "string" },
|
|
6699
|
+
{ "name": "entityId", "type": "string" },
|
|
6700
|
+
{ "name": "entityIdShow", "type": "boolean" },
|
|
6701
|
+
{ "name": "fullLocation", "type": "string" },
|
|
6702
|
+
{ "name": "modal", "type": "boolean" },
|
|
6703
|
+
{ "name": "nested", "type": "boolean" },
|
|
6704
|
+
{ "name": "primary", "type": "boolean" },
|
|
6705
|
+
{ "name": "previousPath", "type": "string" },
|
|
6706
|
+
{ "name": "previousTarget", "type": "string" },
|
|
6707
|
+
{ "name": "summary", "type": "string" },
|
|
6708
|
+
{ "name": "_registerTabs" },
|
|
6709
|
+
{ "name": "masterId", "type": "string" },
|
|
6710
|
+
{ "name": "defaultUri", "type": "string" },
|
|
6711
|
+
{ "name": "_current", "type": "string" },
|
|
6712
|
+
{ "name": "_split", "type": "number" },
|
|
6713
|
+
{ "name": "_splitMin", "type": "number" },
|
|
6714
|
+
{ "name": "_splitMinSecondary", "type": "number" },
|
|
6715
|
+
{ "name": "_splitMax", "type": "number" },
|
|
6716
|
+
{ "name": "primaryCaption", "type": "string" },
|
|
6717
|
+
{ "name": "secondaryCaption", "type": "string" },
|
|
6718
|
+
{ "name": "noPrefetch", "type": "boolean" },
|
|
6719
|
+
{ "name": "noCache", "type": "boolean" },
|
|
6720
|
+
{ "name": "localStorage", "type": "boolean" },
|
|
6721
|
+
{ "name": "storeKey", "type": "string" },
|
|
6722
|
+
{ "name": "storeTtl", "type": "number" },
|
|
6723
|
+
{ "name": "padded", "type": "boolean" },
|
|
6724
|
+
{ "name": "fetchStyle", "type": "string" },
|
|
6725
|
+
{ "name": "fullWidth", "type": "boolean" },
|
|
6726
|
+
{ "name": "paddedRight", "type": "boolean" },
|
|
6727
|
+
{ "name": "monitor", "type": "string" },
|
|
6728
|
+
{ "name": "description", "type": "string" },
|
|
6729
|
+
{ "name": "reRegisterTabs" }
|
|
6730
|
+
],
|
|
6731
|
+
"events": [
|
|
6732
|
+
{
|
|
6733
|
+
"name": "zn-event-name",
|
|
6734
|
+
"description": "Emitted as an example."
|
|
6735
|
+
}
|
|
6736
|
+
]
|
|
6737
|
+
}
|
|
6738
|
+
},
|
|
6597
6739
|
{
|
|
6598
6740
|
"name": "zn-page-builder",
|
|
6599
6741
|
"description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToSlot(type: _string_, containerId: _string_, slotIndex: _number_): _PageSection | null_** - Adds a new section of a registered type into a container's slot. Returns null if not allowed.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `slots` makes the section a container with that many child slots; `accepts` is a comma-separated list of the type keys its slots allow.\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
|
|
@@ -6754,148 +6896,6 @@
|
|
|
6754
6896
|
]
|
|
6755
6897
|
}
|
|
6756
6898
|
},
|
|
6757
|
-
{
|
|
6758
|
-
"name": "zn-page",
|
|
6759
|
-
"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### **Methods:**\n \n\n\n### **Slots:**\n - _default_ - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n- **description** - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\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.",
|
|
6760
|
-
"doc-url": "",
|
|
6761
|
-
"attributes": [
|
|
6762
|
-
{ "name": "caption", "value": { "type": "string" } },
|
|
6763
|
-
{ "name": "entity-id", "value": { "type": "string" } },
|
|
6764
|
-
{ "name": "entity-id-show", "value": { "type": "boolean" } },
|
|
6765
|
-
{ "name": "full-location", "value": { "type": "string" } },
|
|
6766
|
-
{
|
|
6767
|
-
"name": "modal",
|
|
6768
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6769
|
-
},
|
|
6770
|
-
{
|
|
6771
|
-
"name": "nested",
|
|
6772
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6773
|
-
},
|
|
6774
|
-
{
|
|
6775
|
-
"name": "primary",
|
|
6776
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6777
|
-
},
|
|
6778
|
-
{ "name": "previous-path", "value": { "type": "string" } },
|
|
6779
|
-
{ "name": "previous-target", "value": { "type": "string" } },
|
|
6780
|
-
{ "name": "summary", "value": { "type": "string" } },
|
|
6781
|
-
{ "name": "master-id", "value": { "type": "string" } },
|
|
6782
|
-
{
|
|
6783
|
-
"name": "default-uri",
|
|
6784
|
-
"value": { "type": "string", "default": "''" }
|
|
6785
|
-
},
|
|
6786
|
-
{
|
|
6787
|
-
"name": "active",
|
|
6788
|
-
"value": { "type": "string", "default": "''" }
|
|
6789
|
-
},
|
|
6790
|
-
{ "name": "split", "value": { "type": "number" } },
|
|
6791
|
-
{
|
|
6792
|
-
"name": "split-min",
|
|
6793
|
-
"value": { "type": "number", "default": "60" }
|
|
6794
|
-
},
|
|
6795
|
-
{ "name": "split-min-secondary", "value": { "type": "number" } },
|
|
6796
|
-
{ "name": "split-max", "value": { "type": "number" } },
|
|
6797
|
-
{
|
|
6798
|
-
"name": "primary-caption",
|
|
6799
|
-
"value": { "type": "string", "default": "'Navigation'" }
|
|
6800
|
-
},
|
|
6801
|
-
{
|
|
6802
|
-
"name": "secondary-caption",
|
|
6803
|
-
"value": { "type": "string", "default": "'Content'" }
|
|
6804
|
-
},
|
|
6805
|
-
{
|
|
6806
|
-
"name": "no-prefetch",
|
|
6807
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6808
|
-
},
|
|
6809
|
-
{
|
|
6810
|
-
"name": "no-cache",
|
|
6811
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6812
|
-
},
|
|
6813
|
-
{ "name": "local-storage", "value": { "type": "boolean" } },
|
|
6814
|
-
{ "name": "store-key", "value": { "type": "string" } },
|
|
6815
|
-
{
|
|
6816
|
-
"name": "store-ttl",
|
|
6817
|
-
"value": { "type": "number", "default": "0" }
|
|
6818
|
-
},
|
|
6819
|
-
{
|
|
6820
|
-
"name": "padded",
|
|
6821
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6822
|
-
},
|
|
6823
|
-
{
|
|
6824
|
-
"name": "fetch-style",
|
|
6825
|
-
"value": { "type": "string", "default": "\"\"" }
|
|
6826
|
-
},
|
|
6827
|
-
{
|
|
6828
|
-
"name": "full-width",
|
|
6829
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6830
|
-
},
|
|
6831
|
-
{
|
|
6832
|
-
"name": "padded-right",
|
|
6833
|
-
"value": { "type": "boolean", "default": "false" }
|
|
6834
|
-
},
|
|
6835
|
-
{ "name": "monitor", "value": { "type": "string" } },
|
|
6836
|
-
{ "name": "description", "value": { "type": "string" } }
|
|
6837
|
-
],
|
|
6838
|
-
"slots": [
|
|
6839
|
-
{
|
|
6840
|
-
"name": "",
|
|
6841
|
-
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions."
|
|
6842
|
-
},
|
|
6843
|
-
{
|
|
6844
|
-
"name": "description",
|
|
6845
|
-
"description": "Rich subtitle/description content. Falls back to the `summary` attribute when empty."
|
|
6846
|
-
},
|
|
6847
|
-
{
|
|
6848
|
-
"name": "bottom",
|
|
6849
|
-
"description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot."
|
|
6850
|
-
},
|
|
6851
|
-
{ "name": "example", "description": "An example slot." }
|
|
6852
|
-
],
|
|
6853
|
-
"events": [
|
|
6854
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
6855
|
-
],
|
|
6856
|
-
"js": {
|
|
6857
|
-
"properties": [
|
|
6858
|
-
{ "name": "caption", "type": "string" },
|
|
6859
|
-
{ "name": "entityId", "type": "string" },
|
|
6860
|
-
{ "name": "entityIdShow", "type": "boolean" },
|
|
6861
|
-
{ "name": "fullLocation", "type": "string" },
|
|
6862
|
-
{ "name": "modal", "type": "boolean" },
|
|
6863
|
-
{ "name": "nested", "type": "boolean" },
|
|
6864
|
-
{ "name": "primary", "type": "boolean" },
|
|
6865
|
-
{ "name": "previousPath", "type": "string" },
|
|
6866
|
-
{ "name": "previousTarget", "type": "string" },
|
|
6867
|
-
{ "name": "summary", "type": "string" },
|
|
6868
|
-
{ "name": "_registerTabs" },
|
|
6869
|
-
{ "name": "masterId", "type": "string" },
|
|
6870
|
-
{ "name": "defaultUri", "type": "string" },
|
|
6871
|
-
{ "name": "_current", "type": "string" },
|
|
6872
|
-
{ "name": "_split", "type": "number" },
|
|
6873
|
-
{ "name": "_splitMin", "type": "number" },
|
|
6874
|
-
{ "name": "_splitMinSecondary", "type": "number" },
|
|
6875
|
-
{ "name": "_splitMax", "type": "number" },
|
|
6876
|
-
{ "name": "primaryCaption", "type": "string" },
|
|
6877
|
-
{ "name": "secondaryCaption", "type": "string" },
|
|
6878
|
-
{ "name": "noPrefetch", "type": "boolean" },
|
|
6879
|
-
{ "name": "noCache", "type": "boolean" },
|
|
6880
|
-
{ "name": "localStorage", "type": "boolean" },
|
|
6881
|
-
{ "name": "storeKey", "type": "string" },
|
|
6882
|
-
{ "name": "storeTtl", "type": "number" },
|
|
6883
|
-
{ "name": "padded", "type": "boolean" },
|
|
6884
|
-
{ "name": "fetchStyle", "type": "string" },
|
|
6885
|
-
{ "name": "fullWidth", "type": "boolean" },
|
|
6886
|
-
{ "name": "paddedRight", "type": "boolean" },
|
|
6887
|
-
{ "name": "monitor", "type": "string" },
|
|
6888
|
-
{ "name": "description", "type": "string" },
|
|
6889
|
-
{ "name": "reRegisterTabs" }
|
|
6890
|
-
],
|
|
6891
|
-
"events": [
|
|
6892
|
-
{
|
|
6893
|
-
"name": "zn-event-name",
|
|
6894
|
-
"description": "Emitted as an example."
|
|
6895
|
-
}
|
|
6896
|
-
]
|
|
6897
|
-
}
|
|
6898
|
-
},
|
|
6899
6899
|
{
|
|
6900
6900
|
"name": "zn-page-nav",
|
|
6901
6901
|
"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 \n\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.",
|