@kubex/zinc 1.1.94 → 1.1.96
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 +653 -89
- package/dist/vscode.html-custom-data.json +73 -18
- package/dist/web-types.json +145 -35
- package/dist/zn.d.ts +204 -39
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +374 -308
- package/docs/pages/components/flow-builder.md +17 -1
- package/docs/pages/components/page-builder.md +31 -0
- package/docs/pages/components/slash-menu.md +132 -6
- package/docs/pages/components/textarea.md +16 -0
- package/package.json +1 -1
- package/scss/_root.scss +7 -1
- package/src/components/button/button.scss +5 -2
- package/src/components/flow-builder/flow-builder.component.ts +16 -1
- package/src/components/flow-builder/flow-builder.test.ts +206 -1
- package/src/components/flow-builder/flow-geometry.test.ts +102 -0
- package/src/components/flow-builder/flow.types.ts +82 -15
- package/src/components/flow-builder/modules/flow-canvas/flow-canvas.component.ts +163 -108
- package/src/components/flow-builder/modules/flow-step/flow-step.component.ts +2 -0
- package/src/components/inline-edit/inline-edit.component.ts +6 -1
- package/src/components/input/input.component.ts +12 -2
- package/src/components/page/page.scss +7 -2
- package/src/components/page-builder/modules/page-section-card/page-section-card.component.ts +16 -9
- package/src/components/page-builder/modules/page-section-card/page-section-card.scss +13 -0
- package/src/components/page-builder/modules/page-section-card/page-section-card.test.ts +9 -0
- package/src/components/page-builder/page-builder.component.ts +62 -4
- package/src/components/page-builder/page-builder.test.ts +94 -0
- package/src/components/remarkd-editor/remarkd-editor.component.ts +227 -12
- package/src/components/remarkd-editor/remarkd-editor.scss +81 -0
- package/src/components/remarkd-editor/remarkd-editor.test.ts +258 -0
- package/src/components/settings-container/settings-container.scss +2 -1
- package/src/components/slash-item/slash-item.component.ts +1 -1
- package/src/components/slash-menu/slash-menu-items.ts +48 -0
- package/src/components/slash-menu/slash-menu.component.ts +134 -27
- package/src/components/slash-menu/slash-menu.scss +90 -12
- package/src/components/slash-menu/slash-menu.test.ts +107 -0
- package/src/components/textarea/textarea.component.ts +12 -2
- package/src/components/textarea/textarea.test.ts +2 -2
- package/src/components/translations/translations.component.ts +5 -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",
|
|
@@ -1961,7 +1961,7 @@
|
|
|
1961
1961
|
},
|
|
1962
1962
|
{
|
|
1963
1963
|
"name": "slash-heading",
|
|
1964
|
-
"description": "The
|
|
1964
|
+
"description": "The name the slash menu's list is announced by.",
|
|
1965
1965
|
"values": []
|
|
1966
1966
|
},
|
|
1967
1967
|
{
|
|
@@ -1969,6 +1969,11 @@
|
|
|
1969
1969
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
1970
1970
|
"values": []
|
|
1971
1971
|
},
|
|
1972
|
+
{
|
|
1973
|
+
"name": "slash-recent-key",
|
|
1974
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
1975
|
+
"values": []
|
|
1976
|
+
},
|
|
1972
1977
|
{
|
|
1973
1978
|
"name": "options",
|
|
1974
1979
|
"values": [{ "name": "{ [key: string]: string }" }]
|
|
@@ -2266,7 +2271,7 @@
|
|
|
2266
2271
|
},
|
|
2267
2272
|
{
|
|
2268
2273
|
"name": "slash-heading",
|
|
2269
|
-
"description": "The
|
|
2274
|
+
"description": "The name the slash menu's list is announced by.",
|
|
2270
2275
|
"values": []
|
|
2271
2276
|
},
|
|
2272
2277
|
{
|
|
@@ -2274,6 +2279,11 @@
|
|
|
2274
2279
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
2275
2280
|
"values": []
|
|
2276
2281
|
},
|
|
2282
|
+
{
|
|
2283
|
+
"name": "slash-recent-key",
|
|
2284
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
2285
|
+
"values": []
|
|
2286
|
+
},
|
|
2277
2287
|
{
|
|
2278
2288
|
"name": "trigger-submit",
|
|
2279
2289
|
"description": "When enabled, pressing enter will always submit the surrounding form, even when the form uses\nenter-navigation to move between fields.",
|
|
@@ -2768,6 +2778,11 @@
|
|
|
2768
2778
|
},
|
|
2769
2779
|
{ "name": "heading", "values": [] },
|
|
2770
2780
|
{ "name": "subheading", "values": [] },
|
|
2781
|
+
{
|
|
2782
|
+
"name": "required-first",
|
|
2783
|
+
"description": "Section type key that must lead the page. The builder hoists an existing section of\nthat type to the top, or inserts an empty one, and pins it there: it can't be\nremoved, reordered or dragged into a slot, and nothing can be dropped above it.\nIts content stays fully editable in the inspector.",
|
|
2784
|
+
"values": []
|
|
2785
|
+
},
|
|
2771
2786
|
{
|
|
2772
2787
|
"name": "palette-collapsed",
|
|
2773
2788
|
"description": "Collapses the left palette. Auto-set when the builder becomes narrow.",
|
|
@@ -3403,8 +3418,13 @@
|
|
|
3403
3418
|
},
|
|
3404
3419
|
{
|
|
3405
3420
|
"name": "zn-remarkd-editor",
|
|
3406
|
-
"description": "A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted on each keystroke while editing a block.\n- **zn-change** - Emitted when a block edit is committed and the value changes.\n\n### **Methods:**\n - **focus()** - Starts editing the first block, or a new block if the document is empty.\n- **blur()** - Commits any in-progress block or raw edit.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The always-visible block-insert toolbar.\n- **raw-toggle** - The button that switches between the block view and the raw source view.\n- **block** - A rendered block wrapper.\n- **rendered** - The rendered remarkd output of a block.\n- **input** - The textarea shown while editing a block.\n- **raw** - The full-document textarea shown in raw source mode.\n- **slash-menu** - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n- **image-controls** - The caption / alignment / size panel shown when an image block is clicked.",
|
|
3421
|
+
"description": "A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted on each keystroke while editing a block.\n- **zn-change** - Emitted when a block edit is committed and the value changes.\n\n### **Methods:**\n - **focus()** - Starts editing the first block, or a new block if the document is empty.\n- **blur()** - Commits any in-progress block or raw edit.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The always-visible block-insert toolbar.\n- **raw-toggle** - The button that switches between the block view and the raw source view.\n- **block** - A rendered block wrapper.\n- **rendered** - The rendered remarkd output of a block.\n- **input** - The textarea shown while editing a block.\n- **raw** - The full-document textarea shown in raw source mode.\n- **slash-menu** - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n- **image-controls** - The caption / alignment / size panel shown when an image block is clicked.\n- **include** - The chip rendered in place of an `include::` directive.\n- **include-picker** - The inline Include picker opened from the toolbar or \"/include\".",
|
|
3407
3422
|
"attributes": [
|
|
3423
|
+
{
|
|
3424
|
+
"name": "slash-recent-key",
|
|
3425
|
+
"description": "Lists the blocks most recently inserted here above the rest of the slash menu, remembered in\n`localStorage` under this key. Leave unset to offer no recently used section.",
|
|
3426
|
+
"values": []
|
|
3427
|
+
},
|
|
3408
3428
|
{
|
|
3409
3429
|
"name": "name",
|
|
3410
3430
|
"description": "The name of the control, submitted as part of form data.",
|
|
@@ -3425,6 +3445,11 @@
|
|
|
3425
3445
|
"description": "Endpoint for image uploads — required for image support. Posting the file\nmetadata here must return `{uploadPath, uploadUrl}`; the file is then PUT\nto `uploadUrl` and the returned `uploadPath` is embedded as the image URL.",
|
|
3426
3446
|
"values": []
|
|
3427
3447
|
},
|
|
3448
|
+
{
|
|
3449
|
+
"name": "include-url",
|
|
3450
|
+
"description": "Endpoint listing the Includes this document may embed, as\n`{\"items\":[{id,title,description,scope,keywords,languages,url}]}`. Labels the\nchips rendered for `include::` directives and feeds the include picker.",
|
|
3451
|
+
"values": []
|
|
3452
|
+
},
|
|
3428
3453
|
{
|
|
3429
3454
|
"name": "allow-raw",
|
|
3430
3455
|
"description": "Adds a toolbar toggle that swaps the block view for the full remarkd source.",
|
|
@@ -3933,7 +3958,7 @@
|
|
|
3933
3958
|
},
|
|
3934
3959
|
{
|
|
3935
3960
|
"name": "zn-slash-menu",
|
|
3936
|
-
"description": "A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n---\n\n\n### **Events:**\n - **SLASH_ITEM_SELECT**\n- **zn-slash-item-select** - Emitted when an item is chosen. Does not cross shadow boundaries; the component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n\n### **Methods:**\n - **setActiveIndex(index: _number_)** - Sets the active item by index, wrapping at both ends and skipping disabled items.\n- **moveActive(delta: _number_)** - Moves the active item by `delta` places.\n- **selectActive()** - Chooses the active item, as pressing Enter would.\n- **reposition()** - Recalculates the panel's position against its anchor.\n\n### **CSS Properties:**\n - **--slash-menu-width** - The width of the panel. _(default: undefined)_\n- **--slash-menu-max-height** - The maximum height of the panel before it scrolls. _(default: undefined)_\n\n### **CSS Parts:**\n - **panel** - The floating panel that holds the list.\n- **
|
|
3961
|
+
"description": "A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n---\n\n\n### **Events:**\n - **SLASH_ITEM_SELECT**\n- **zn-slash-item-select** - Emitted when an item is chosen. Does not cross shadow boundaries; the component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n\n### **Methods:**\n - **clearRecent()** - Forgets the items remembered under `recent-key`.\n- **setActiveIndex(index: _number_)** - Sets the active item by index, wrapping at both ends and skipping disabled items.\n- **moveActive(delta: _number_)** - Moves the active item by `delta` places.\n- **selectActive()** - Chooses the active item, as pressing Enter would.\n- **reposition()** - Recalculates the panel's position against its anchor.\n\n### **CSS Properties:**\n - **--slash-menu-width** - The width of the panel. _(default: undefined)_\n- **--slash-menu-border-radius** - The corner radius of the panel. _(default: undefined)_\n- **--slash-menu-item-border-radius** - The corner radius of the items and their icon chips. _(default: undefined)_\n- **--slash-menu-max-height** - The maximum height of the panel before it scrolls. _(default: undefined)_\n\n### **CSS Parts:**\n - **panel** - The floating panel that holds the list.\n- **list** - The scrolling list of items.\n- **item** - An item in the list.\n- **icon** - The chip holding an item's icon.\n- **group-heading** - A group heading between items.\n- **divider** - The rule closing the recently used section, when the items below it have no heading of their own.\n- **footer** - The truncation footer, shown when not every match fits.\n- **hints** - The pinned footer of keyboard hints.\n- **hint** - A single keyboard hint within the footer.\n- **hint-key** - The key shown against a hint.",
|
|
3937
3962
|
"attributes": [
|
|
3938
3963
|
{
|
|
3939
3964
|
"name": "open",
|
|
@@ -3952,7 +3977,7 @@
|
|
|
3952
3977
|
},
|
|
3953
3978
|
{
|
|
3954
3979
|
"name": "heading",
|
|
3955
|
-
"description": "The
|
|
3980
|
+
"description": "The name the list is announced by when there is no query.",
|
|
3956
3981
|
"values": []
|
|
3957
3982
|
},
|
|
3958
3983
|
{
|
|
@@ -3970,6 +3995,26 @@
|
|
|
3970
3995
|
"description": "Hides the insertion key (the item's value) normally shown against each item.",
|
|
3971
3996
|
"values": []
|
|
3972
3997
|
},
|
|
3998
|
+
{
|
|
3999
|
+
"name": "hide-hints",
|
|
4000
|
+
"description": "Hides the pinned footer of keyboard hints.",
|
|
4001
|
+
"values": []
|
|
4002
|
+
},
|
|
4003
|
+
{
|
|
4004
|
+
"name": "recent-key",
|
|
4005
|
+
"description": "Remembers the items chosen here and lists the most recent of them first, under their own heading.\nThe key scopes the list to where the menu is used, so each place keeps its own history in\n`localStorage`. Leave unset to offer no recently used section.",
|
|
4006
|
+
"values": []
|
|
4007
|
+
},
|
|
4008
|
+
{
|
|
4009
|
+
"name": "max-recent",
|
|
4010
|
+
"description": "The most recently used items to list.",
|
|
4011
|
+
"values": []
|
|
4012
|
+
},
|
|
4013
|
+
{
|
|
4014
|
+
"name": "recent-heading",
|
|
4015
|
+
"description": "The heading shown above the recently used items.",
|
|
4016
|
+
"values": []
|
|
4017
|
+
},
|
|
3973
4018
|
{
|
|
3974
4019
|
"name": "placement",
|
|
3975
4020
|
"description": "The preferred placement of the panel.",
|
|
@@ -4482,7 +4527,7 @@
|
|
|
4482
4527
|
},
|
|
4483
4528
|
{
|
|
4484
4529
|
"name": "slash-heading",
|
|
4485
|
-
"description": "The
|
|
4530
|
+
"description": "The name the slash menu's list is announced by.",
|
|
4486
4531
|
"values": []
|
|
4487
4532
|
},
|
|
4488
4533
|
{
|
|
@@ -4490,6 +4535,11 @@
|
|
|
4490
4535
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
4491
4536
|
"values": []
|
|
4492
4537
|
},
|
|
4538
|
+
{
|
|
4539
|
+
"name": "slash-recent-key",
|
|
4540
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
4541
|
+
"values": []
|
|
4542
|
+
},
|
|
4493
4543
|
{ "name": "transparent", "values": [] }
|
|
4494
4544
|
],
|
|
4495
4545
|
"references": [
|
|
@@ -4833,7 +4883,7 @@
|
|
|
4833
4883
|
},
|
|
4834
4884
|
{
|
|
4835
4885
|
"name": "slash-heading",
|
|
4836
|
-
"description": "The
|
|
4886
|
+
"description": "The name the slash menu's list is announced by.",
|
|
4837
4887
|
"values": []
|
|
4838
4888
|
},
|
|
4839
4889
|
{
|
|
@@ -4841,6 +4891,11 @@
|
|
|
4841
4891
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
4842
4892
|
"values": []
|
|
4843
4893
|
},
|
|
4894
|
+
{
|
|
4895
|
+
"name": "slash-recent-key",
|
|
4896
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
4897
|
+
"values": []
|
|
4898
|
+
},
|
|
4844
4899
|
{
|
|
4845
4900
|
"name": "grouped",
|
|
4846
4901
|
"description": "When true, hides the individual language navbar and defers language control to a parent zn-translation-group.",
|
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.96",
|
|
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",
|
|
@@ -4598,7 +4598,7 @@
|
|
|
4598
4598
|
},
|
|
4599
4599
|
{
|
|
4600
4600
|
"name": "slash-heading",
|
|
4601
|
-
"description": "The
|
|
4601
|
+
"description": "The name the slash menu's list is announced by.",
|
|
4602
4602
|
"value": { "type": "string", "default": "'Insert'" }
|
|
4603
4603
|
},
|
|
4604
4604
|
{
|
|
@@ -4606,6 +4606,11 @@
|
|
|
4606
4606
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
4607
4607
|
"value": { "type": "boolean", "default": "false" }
|
|
4608
4608
|
},
|
|
4609
|
+
{
|
|
4610
|
+
"name": "slash-recent-key",
|
|
4611
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
4612
|
+
"value": { "type": "string", "default": "''" }
|
|
4613
|
+
},
|
|
4609
4614
|
{
|
|
4610
4615
|
"name": "options",
|
|
4611
4616
|
"value": { "type": "{ [key: string]: string }", "default": "{}" }
|
|
@@ -4718,7 +4723,7 @@
|
|
|
4718
4723
|
},
|
|
4719
4724
|
{
|
|
4720
4725
|
"name": "slashHeading",
|
|
4721
|
-
"description": "The
|
|
4726
|
+
"description": "The name the slash menu's list is announced by.",
|
|
4722
4727
|
"type": "string"
|
|
4723
4728
|
},
|
|
4724
4729
|
{
|
|
@@ -4726,6 +4731,11 @@
|
|
|
4726
4731
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
4727
4732
|
"type": "boolean"
|
|
4728
4733
|
},
|
|
4734
|
+
{
|
|
4735
|
+
"name": "slashRecentKey",
|
|
4736
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
4737
|
+
"type": "string"
|
|
4738
|
+
},
|
|
4729
4739
|
{
|
|
4730
4740
|
"name": "slashItemsProvider",
|
|
4731
4741
|
"description": "Resolves additional slash menu items each time the menu opens. JavaScript only.",
|
|
@@ -5009,7 +5019,7 @@
|
|
|
5009
5019
|
},
|
|
5010
5020
|
{
|
|
5011
5021
|
"name": "slash-heading",
|
|
5012
|
-
"description": "The
|
|
5022
|
+
"description": "The name the slash menu's list is announced by.",
|
|
5013
5023
|
"value": { "type": "string", "default": "'Insert'" }
|
|
5014
5024
|
},
|
|
5015
5025
|
{
|
|
@@ -5017,6 +5027,11 @@
|
|
|
5017
5027
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
5018
5028
|
"value": { "type": "boolean", "default": "false" }
|
|
5019
5029
|
},
|
|
5030
|
+
{
|
|
5031
|
+
"name": "slash-recent-key",
|
|
5032
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
5033
|
+
"value": { "type": "string", "default": "''" }
|
|
5034
|
+
},
|
|
5020
5035
|
{
|
|
5021
5036
|
"name": "trigger-submit",
|
|
5022
5037
|
"description": "When enabled, pressing enter will always submit the surrounding form, even when the form uses\nenter-navigation to move between fields.",
|
|
@@ -5306,7 +5321,7 @@
|
|
|
5306
5321
|
},
|
|
5307
5322
|
{
|
|
5308
5323
|
"name": "slashHeading",
|
|
5309
|
-
"description": "The
|
|
5324
|
+
"description": "The name the slash menu's list is announced by.",
|
|
5310
5325
|
"type": "string"
|
|
5311
5326
|
},
|
|
5312
5327
|
{
|
|
@@ -5314,6 +5329,11 @@
|
|
|
5314
5329
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
5315
5330
|
"type": "boolean"
|
|
5316
5331
|
},
|
|
5332
|
+
{
|
|
5333
|
+
"name": "slashRecentKey",
|
|
5334
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
5335
|
+
"type": "string"
|
|
5336
|
+
},
|
|
5317
5337
|
{
|
|
5318
5338
|
"name": "slashItemsProvider",
|
|
5319
5339
|
"description": "Resolves additional items each time the menu opens, for lists that come from elsewhere (e.g. an\nAPI). Receives the current query and may return a promise. JavaScript only.",
|
|
@@ -6513,6 +6533,11 @@
|
|
|
6513
6533
|
"name": "subheading",
|
|
6514
6534
|
"value": { "type": "string", "default": "''" }
|
|
6515
6535
|
},
|
|
6536
|
+
{
|
|
6537
|
+
"name": "required-first",
|
|
6538
|
+
"description": "Section type key that must lead the page. The builder hoists an existing section of\nthat type to the top, or inserts an empty one, and pins it there: it can't be\nremoved, reordered or dragged into a slot, and nothing can be dropped above it.\nIts content stays fully editable in the inspector.",
|
|
6539
|
+
"value": { "type": "string", "default": "''" }
|
|
6540
|
+
},
|
|
6516
6541
|
{
|
|
6517
6542
|
"name": "palette-collapsed",
|
|
6518
6543
|
"description": "Collapses the left palette. Auto-set when the builder becomes narrow.",
|
|
@@ -6572,6 +6597,11 @@
|
|
|
6572
6597
|
},
|
|
6573
6598
|
{ "name": "heading", "type": "string" },
|
|
6574
6599
|
{ "name": "subheading", "type": "string" },
|
|
6600
|
+
{
|
|
6601
|
+
"name": "requiredFirst",
|
|
6602
|
+
"description": "Section type key that must lead the page. The builder hoists an existing section of\nthat type to the top, or inserts an empty one, and pins it there: it can't be\nremoved, reordered or dragged into a slot, and nothing can be dropped above it.\nIts content stays fully editable in the inspector.",
|
|
6603
|
+
"type": "string"
|
|
6604
|
+
},
|
|
6575
6605
|
{
|
|
6576
6606
|
"name": "sectionTypes",
|
|
6577
6607
|
"description": "Section types to make available, registered into the internal registry.",
|
|
@@ -7958,9 +7988,14 @@
|
|
|
7958
7988
|
},
|
|
7959
7989
|
{
|
|
7960
7990
|
"name": "zn-remarkd-editor",
|
|
7961
|
-
"description": "A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted on each keystroke while editing a block.\n- **zn-change** - Emitted when a block edit is committed and the value changes.\n\n### **Methods:**\n - **focus()** - Starts editing the first block, or a new block if the document is empty.\n- **blur()** - Commits any in-progress block or raw edit.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The always-visible block-insert toolbar.\n- **raw-toggle** - The button that switches between the block view and the raw source view.\n- **block** - A rendered block wrapper.\n- **rendered** - The rendered remarkd output of a block.\n- **input** - The textarea shown while editing a block.\n- **raw** - The full-document textarea shown in raw source mode.\n- **slash-menu** - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n- **image-controls** - The caption / alignment / size panel shown when an image block is clicked.",
|
|
7991
|
+
"description": "A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted on each keystroke while editing a block.\n- **zn-change** - Emitted when a block edit is committed and the value changes.\n\n### **Methods:**\n - **focus()** - Starts editing the first block, or a new block if the document is empty.\n- **blur()** - Commits any in-progress block or raw edit.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The always-visible block-insert toolbar.\n- **raw-toggle** - The button that switches between the block view and the raw source view.\n- **block** - A rendered block wrapper.\n- **rendered** - The rendered remarkd output of a block.\n- **input** - The textarea shown while editing a block.\n- **raw** - The full-document textarea shown in raw source mode.\n- **slash-menu** - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n- **image-controls** - The caption / alignment / size panel shown when an image block is clicked.\n- **include** - The chip rendered in place of an `include::` directive.\n- **include-picker** - The inline Include picker opened from the toolbar or \"/include\".",
|
|
7962
7992
|
"doc-url": "",
|
|
7963
7993
|
"attributes": [
|
|
7994
|
+
{
|
|
7995
|
+
"name": "slash-recent-key",
|
|
7996
|
+
"description": "Lists the blocks most recently inserted here above the rest of the slash menu, remembered in\n`localStorage` under this key. Leave unset to offer no recently used section.",
|
|
7997
|
+
"value": { "type": "string", "default": "''" }
|
|
7998
|
+
},
|
|
7964
7999
|
{
|
|
7965
8000
|
"name": "name",
|
|
7966
8001
|
"description": "The name of the control, submitted as part of form data.",
|
|
@@ -7981,6 +8016,11 @@
|
|
|
7981
8016
|
"description": "Endpoint for image uploads — required for image support. Posting the file\nmetadata here must return `{uploadPath, uploadUrl}`; the file is then PUT\nto `uploadUrl` and the returned `uploadPath` is embedded as the image URL.",
|
|
7982
8017
|
"value": { "type": "string", "default": "''" }
|
|
7983
8018
|
},
|
|
8019
|
+
{
|
|
8020
|
+
"name": "include-url",
|
|
8021
|
+
"description": "Endpoint listing the Includes this document may embed, as\n`{\"items\":[{id,title,description,scope,keywords,languages,url}]}`. Labels the\nchips rendered for `include::` directives and feeds the include picker.",
|
|
8022
|
+
"value": { "type": "string", "default": "''" }
|
|
8023
|
+
},
|
|
7984
8024
|
{
|
|
7985
8025
|
"name": "allow-raw",
|
|
7986
8026
|
"description": "Adds a toolbar toggle that swaps the block view for the full remarkd source.",
|
|
@@ -8014,6 +8054,11 @@
|
|
|
8014
8054
|
],
|
|
8015
8055
|
"js": {
|
|
8016
8056
|
"properties": [
|
|
8057
|
+
{
|
|
8058
|
+
"name": "slashRecentKey",
|
|
8059
|
+
"description": "Lists the blocks most recently inserted here above the rest of the slash menu, remembered in\n`localStorage` under this key. Leave unset to offer no recently used section.",
|
|
8060
|
+
"type": "string"
|
|
8061
|
+
},
|
|
8017
8062
|
{
|
|
8018
8063
|
"name": "name",
|
|
8019
8064
|
"description": "The name of the control, submitted as part of form data.",
|
|
@@ -8039,6 +8084,11 @@
|
|
|
8039
8084
|
"description": "Endpoint for image uploads — required for image support. Posting the file\nmetadata here must return `{uploadPath, uploadUrl}`; the file is then PUT\nto `uploadUrl` and the returned `uploadPath` is embedded as the image URL.",
|
|
8040
8085
|
"type": "string"
|
|
8041
8086
|
},
|
|
8087
|
+
{
|
|
8088
|
+
"name": "includeUrl",
|
|
8089
|
+
"description": "Endpoint listing the Includes this document may embed, as\n`{\"items\":[{id,title,description,scope,keywords,languages,url}]}`. Labels the\nchips rendered for `include::` directives and feeds the include picker.",
|
|
8090
|
+
"type": "string"
|
|
8091
|
+
},
|
|
8042
8092
|
{
|
|
8043
8093
|
"name": "allowRaw",
|
|
8044
8094
|
"description": "Adds a toolbar toggle that swaps the block view for the full remarkd source.",
|
|
@@ -9249,7 +9299,7 @@
|
|
|
9249
9299
|
},
|
|
9250
9300
|
{
|
|
9251
9301
|
"name": "zn-slash-menu",
|
|
9252
|
-
"description": "A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n---\n\n\n### **Events:**\n - **SLASH_ITEM_SELECT**\n- **zn-slash-item-select** - Emitted when an item is chosen. Does not cross shadow boundaries; the component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n\n### **Methods:**\n - **setActiveIndex(index: _number_)** - Sets the active item by index, wrapping at both ends and skipping disabled items.\n- **moveActive(delta: _number_)** - Moves the active item by `delta` places.\n- **selectActive()** - Chooses the active item, as pressing Enter would.\n- **reposition()** - Recalculates the panel's position against its anchor.\n\n### **CSS Properties:**\n - **--slash-menu-width** - The width of the panel. _(default: undefined)_\n- **--slash-menu-max-height** - The maximum height of the panel before it scrolls. _(default: undefined)_\n\n### **CSS Parts:**\n - **panel** - The floating panel that holds the list.\n- **
|
|
9302
|
+
"description": "A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n---\n\n\n### **Events:**\n - **SLASH_ITEM_SELECT**\n- **zn-slash-item-select** - Emitted when an item is chosen. Does not cross shadow boundaries; the component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n\n### **Methods:**\n - **clearRecent()** - Forgets the items remembered under `recent-key`.\n- **setActiveIndex(index: _number_)** - Sets the active item by index, wrapping at both ends and skipping disabled items.\n- **moveActive(delta: _number_)** - Moves the active item by `delta` places.\n- **selectActive()** - Chooses the active item, as pressing Enter would.\n- **reposition()** - Recalculates the panel's position against its anchor.\n\n### **CSS Properties:**\n - **--slash-menu-width** - The width of the panel. _(default: undefined)_\n- **--slash-menu-border-radius** - The corner radius of the panel. _(default: undefined)_\n- **--slash-menu-item-border-radius** - The corner radius of the items and their icon chips. _(default: undefined)_\n- **--slash-menu-max-height** - The maximum height of the panel before it scrolls. _(default: undefined)_\n\n### **CSS Parts:**\n - **panel** - The floating panel that holds the list.\n- **list** - The scrolling list of items.\n- **item** - An item in the list.\n- **icon** - The chip holding an item's icon.\n- **group-heading** - A group heading between items.\n- **divider** - The rule closing the recently used section, when the items below it have no heading of their own.\n- **footer** - The truncation footer, shown when not every match fits.\n- **hints** - The pinned footer of keyboard hints.\n- **hint** - A single keyboard hint within the footer.\n- **hint-key** - The key shown against a hint.",
|
|
9253
9303
|
"doc-url": "",
|
|
9254
9304
|
"attributes": [
|
|
9255
9305
|
{
|
|
@@ -9269,7 +9319,7 @@
|
|
|
9269
9319
|
},
|
|
9270
9320
|
{
|
|
9271
9321
|
"name": "heading",
|
|
9272
|
-
"description": "The
|
|
9322
|
+
"description": "The name the list is announced by when there is no query.",
|
|
9273
9323
|
"value": { "type": "string", "default": "'Insert'" }
|
|
9274
9324
|
},
|
|
9275
9325
|
{
|
|
@@ -9287,6 +9337,26 @@
|
|
|
9287
9337
|
"description": "Hides the insertion key (the item's value) normally shown against each item.",
|
|
9288
9338
|
"value": { "type": "boolean", "default": "false" }
|
|
9289
9339
|
},
|
|
9340
|
+
{
|
|
9341
|
+
"name": "hide-hints",
|
|
9342
|
+
"description": "Hides the pinned footer of keyboard hints.",
|
|
9343
|
+
"value": { "type": "boolean", "default": "false" }
|
|
9344
|
+
},
|
|
9345
|
+
{
|
|
9346
|
+
"name": "recent-key",
|
|
9347
|
+
"description": "Remembers the items chosen here and lists the most recent of them first, under their own heading.\nThe key scopes the list to where the menu is used, so each place keeps its own history in\n`localStorage`. Leave unset to offer no recently used section.",
|
|
9348
|
+
"value": { "type": "string", "default": "''" }
|
|
9349
|
+
},
|
|
9350
|
+
{
|
|
9351
|
+
"name": "max-recent",
|
|
9352
|
+
"description": "The most recently used items to list.",
|
|
9353
|
+
"value": { "type": "number", "default": "3" }
|
|
9354
|
+
},
|
|
9355
|
+
{
|
|
9356
|
+
"name": "recent-heading",
|
|
9357
|
+
"description": "The heading shown above the recently used items.",
|
|
9358
|
+
"value": { "type": "string", "default": "'Recently used'" }
|
|
9359
|
+
},
|
|
9290
9360
|
{
|
|
9291
9361
|
"name": "placement",
|
|
9292
9362
|
"description": "The preferred placement of the panel.",
|
|
@@ -9324,7 +9394,7 @@
|
|
|
9324
9394
|
},
|
|
9325
9395
|
{
|
|
9326
9396
|
"name": "heading",
|
|
9327
|
-
"description": "The
|
|
9397
|
+
"description": "The name the list is announced by when there is no query.",
|
|
9328
9398
|
"type": "string"
|
|
9329
9399
|
},
|
|
9330
9400
|
{
|
|
@@ -9342,6 +9412,26 @@
|
|
|
9342
9412
|
"description": "Hides the insertion key (the item's value) normally shown against each item.",
|
|
9343
9413
|
"type": "boolean"
|
|
9344
9414
|
},
|
|
9415
|
+
{
|
|
9416
|
+
"name": "hideHints",
|
|
9417
|
+
"description": "Hides the pinned footer of keyboard hints.",
|
|
9418
|
+
"type": "boolean"
|
|
9419
|
+
},
|
|
9420
|
+
{
|
|
9421
|
+
"name": "recentKey",
|
|
9422
|
+
"description": "Remembers the items chosen here and lists the most recent of them first, under their own heading.\nThe key scopes the list to where the menu is used, so each place keeps its own history in\n`localStorage`. Leave unset to offer no recently used section.",
|
|
9423
|
+
"type": "string"
|
|
9424
|
+
},
|
|
9425
|
+
{
|
|
9426
|
+
"name": "maxRecent",
|
|
9427
|
+
"description": "The most recently used items to list.",
|
|
9428
|
+
"type": "number"
|
|
9429
|
+
},
|
|
9430
|
+
{
|
|
9431
|
+
"name": "recentHeading",
|
|
9432
|
+
"description": "The heading shown above the recently used items.",
|
|
9433
|
+
"type": "string"
|
|
9434
|
+
},
|
|
9345
9435
|
{
|
|
9346
9436
|
"name": "anchor",
|
|
9347
9437
|
"description": "The element or caret rect the panel is positioned against.",
|
|
@@ -10349,7 +10439,7 @@
|
|
|
10349
10439
|
},
|
|
10350
10440
|
{
|
|
10351
10441
|
"name": "slash-heading",
|
|
10352
|
-
"description": "The
|
|
10442
|
+
"description": "The name the slash menu's list is announced by.",
|
|
10353
10443
|
"value": { "type": "string", "default": "'Insert'" }
|
|
10354
10444
|
},
|
|
10355
10445
|
{
|
|
@@ -10357,6 +10447,11 @@
|
|
|
10357
10447
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
10358
10448
|
"value": { "type": "boolean", "default": "false" }
|
|
10359
10449
|
},
|
|
10450
|
+
{
|
|
10451
|
+
"name": "slash-recent-key",
|
|
10452
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
10453
|
+
"value": { "type": "string", "default": "''" }
|
|
10454
|
+
},
|
|
10360
10455
|
{
|
|
10361
10456
|
"name": "transparent",
|
|
10362
10457
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -10558,7 +10653,7 @@
|
|
|
10558
10653
|
},
|
|
10559
10654
|
{
|
|
10560
10655
|
"name": "slashHeading",
|
|
10561
|
-
"description": "The
|
|
10656
|
+
"description": "The name the slash menu's list is announced by.",
|
|
10562
10657
|
"type": "string"
|
|
10563
10658
|
},
|
|
10564
10659
|
{
|
|
@@ -10566,6 +10661,11 @@
|
|
|
10566
10661
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
10567
10662
|
"type": "boolean"
|
|
10568
10663
|
},
|
|
10664
|
+
{
|
|
10665
|
+
"name": "slashRecentKey",
|
|
10666
|
+
"description": "Lists the items most recently chosen here above the rest, remembered in `localStorage` under this\nkey. Share a key between the fields that should share a history; leave unset to offer no such list.",
|
|
10667
|
+
"type": "string"
|
|
10668
|
+
},
|
|
10569
10669
|
{
|
|
10570
10670
|
"name": "slashItemsProvider",
|
|
10571
10671
|
"description": "Resolves additional items each time the menu opens, for lists that come from elsewhere (e.g. an\nAPI). Receives the current query and may return a promise. JavaScript only.",
|
|
@@ -11386,7 +11486,7 @@
|
|
|
11386
11486
|
},
|
|
11387
11487
|
{
|
|
11388
11488
|
"name": "slash-heading",
|
|
11389
|
-
"description": "The
|
|
11489
|
+
"description": "The name the slash menu's list is announced by.",
|
|
11390
11490
|
"value": { "type": "string", "default": "'Insert'" }
|
|
11391
11491
|
},
|
|
11392
11492
|
{
|
|
@@ -11394,6 +11494,11 @@
|
|
|
11394
11494
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
11395
11495
|
"value": { "type": "boolean", "default": "false" }
|
|
11396
11496
|
},
|
|
11497
|
+
{
|
|
11498
|
+
"name": "slash-recent-key",
|
|
11499
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
11500
|
+
"value": { "type": "string", "default": "''" }
|
|
11501
|
+
},
|
|
11397
11502
|
{
|
|
11398
11503
|
"name": "grouped",
|
|
11399
11504
|
"description": "When true, hides the individual language navbar and defers language control to a parent zn-translation-group.",
|
|
@@ -11447,7 +11552,7 @@
|
|
|
11447
11552
|
},
|
|
11448
11553
|
{
|
|
11449
11554
|
"name": "slashHeading",
|
|
11450
|
-
"description": "The
|
|
11555
|
+
"description": "The name the slash menu's list is announced by.",
|
|
11451
11556
|
"type": "string"
|
|
11452
11557
|
},
|
|
11453
11558
|
{
|
|
@@ -11455,6 +11560,11 @@
|
|
|
11455
11560
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
11456
11561
|
"type": "boolean"
|
|
11457
11562
|
},
|
|
11563
|
+
{
|
|
11564
|
+
"name": "slashRecentKey",
|
|
11565
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
11566
|
+
"type": "string"
|
|
11567
|
+
},
|
|
11458
11568
|
{
|
|
11459
11569
|
"name": "slashItemsProvider",
|
|
11460
11570
|
"description": "Resolves additional slash menu items each time the menu opens. JavaScript only.",
|