@kubex/zinc 1.1.94 → 1.1.95
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 +995 -196
- package/dist/vscode.html-custom-data.json +74 -19
- package/dist/web-types.json +147 -37
- package/dist/zn.d.ts +335 -59
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +467 -355
- package/docs/pages/components/page-builder.md +121 -19
- 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/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 +483 -225
- package/src/components/page-builder/page-builder.scss +64 -10
- package/src/components/page-builder/page-builder.test.ts +656 -110
- package/src/components/page-builder/page-tree.test.ts +483 -0
- package/src/components/page-builder/page-tree.ts +329 -0
- package/src/components/page-builder/page.types.ts +75 -7
- package/src/components/remarkd-editor/remarkd-editor.component.ts +198 -9
- package/src/components/remarkd-editor/remarkd-editor.scss +81 -0
- package/src/components/remarkd-editor/remarkd-editor.test.ts +179 -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
|
@@ -56,79 +56,6 @@
|
|
|
56
56
|
}
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
-
{
|
|
60
|
-
"kind": "javascript-module",
|
|
61
|
-
"path": "components/action-bar/action-bar.js",
|
|
62
|
-
"declarations": [
|
|
63
|
-
{
|
|
64
|
-
"kind": "class",
|
|
65
|
-
"description": "",
|
|
66
|
-
"name": "ZnActionBar",
|
|
67
|
-
"cssProperties": [
|
|
68
|
-
{
|
|
69
|
-
"description": "An example CSS custom property.",
|
|
70
|
-
"name": "--example"
|
|
71
|
-
}
|
|
72
|
-
],
|
|
73
|
-
"cssParts": [
|
|
74
|
-
{
|
|
75
|
-
"description": "The component's base wrapper.",
|
|
76
|
-
"name": "base"
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
"slots": [
|
|
80
|
-
{
|
|
81
|
-
"description": "The default slot.",
|
|
82
|
-
"name": ""
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"description": "An example slot.",
|
|
86
|
-
"name": "example"
|
|
87
|
-
}
|
|
88
|
-
],
|
|
89
|
-
"members": [
|
|
90
|
-
{
|
|
91
|
-
"kind": "field",
|
|
92
|
-
"name": "localize",
|
|
93
|
-
"privacy": "private",
|
|
94
|
-
"readonly": true,
|
|
95
|
-
"default": "new LocalizeController(this)"
|
|
96
|
-
}
|
|
97
|
-
],
|
|
98
|
-
"events": [
|
|
99
|
-
{
|
|
100
|
-
"description": "Emitted as an example.",
|
|
101
|
-
"name": "zn-event-name"
|
|
102
|
-
}
|
|
103
|
-
],
|
|
104
|
-
"superclass": {
|
|
105
|
-
"name": "ZincElement",
|
|
106
|
-
"module": "/src/internal/zinc-element"
|
|
107
|
-
},
|
|
108
|
-
"summary": "Short summary of the component's intended use.",
|
|
109
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
110
|
-
"tagName": "zn-action-bar",
|
|
111
|
-
"customElement": true,
|
|
112
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
113
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
114
|
-
"status": "experimental",
|
|
115
|
-
"since": "1.0",
|
|
116
|
-
"dependencies": [
|
|
117
|
-
"zn-example"
|
|
118
|
-
]
|
|
119
|
-
}
|
|
120
|
-
],
|
|
121
|
-
"exports": [
|
|
122
|
-
{
|
|
123
|
-
"kind": "js",
|
|
124
|
-
"name": "default",
|
|
125
|
-
"declaration": {
|
|
126
|
-
"name": "ZnActionBar",
|
|
127
|
-
"module": "components/action-bar/action-bar.js"
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
]
|
|
131
|
-
},
|
|
132
59
|
{
|
|
133
60
|
"kind": "javascript-module",
|
|
134
61
|
"path": "components/alert/alert.js",
|
|
@@ -323,6 +250,79 @@
|
|
|
323
250
|
}
|
|
324
251
|
]
|
|
325
252
|
},
|
|
253
|
+
{
|
|
254
|
+
"kind": "javascript-module",
|
|
255
|
+
"path": "components/action-bar/action-bar.js",
|
|
256
|
+
"declarations": [
|
|
257
|
+
{
|
|
258
|
+
"kind": "class",
|
|
259
|
+
"description": "",
|
|
260
|
+
"name": "ZnActionBar",
|
|
261
|
+
"cssProperties": [
|
|
262
|
+
{
|
|
263
|
+
"description": "An example CSS custom property.",
|
|
264
|
+
"name": "--example"
|
|
265
|
+
}
|
|
266
|
+
],
|
|
267
|
+
"cssParts": [
|
|
268
|
+
{
|
|
269
|
+
"description": "The component's base wrapper.",
|
|
270
|
+
"name": "base"
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"slots": [
|
|
274
|
+
{
|
|
275
|
+
"description": "The default slot.",
|
|
276
|
+
"name": ""
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"description": "An example slot.",
|
|
280
|
+
"name": "example"
|
|
281
|
+
}
|
|
282
|
+
],
|
|
283
|
+
"members": [
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "localize",
|
|
287
|
+
"privacy": "private",
|
|
288
|
+
"readonly": true,
|
|
289
|
+
"default": "new LocalizeController(this)"
|
|
290
|
+
}
|
|
291
|
+
],
|
|
292
|
+
"events": [
|
|
293
|
+
{
|
|
294
|
+
"description": "Emitted as an example.",
|
|
295
|
+
"name": "zn-event-name"
|
|
296
|
+
}
|
|
297
|
+
],
|
|
298
|
+
"superclass": {
|
|
299
|
+
"name": "ZincElement",
|
|
300
|
+
"module": "/src/internal/zinc-element"
|
|
301
|
+
},
|
|
302
|
+
"summary": "Short summary of the component's intended use.",
|
|
303
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
304
|
+
"tagName": "zn-action-bar",
|
|
305
|
+
"customElement": true,
|
|
306
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
307
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
308
|
+
"status": "experimental",
|
|
309
|
+
"since": "1.0",
|
|
310
|
+
"dependencies": [
|
|
311
|
+
"zn-example"
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
"exports": [
|
|
316
|
+
{
|
|
317
|
+
"kind": "js",
|
|
318
|
+
"name": "default",
|
|
319
|
+
"declaration": {
|
|
320
|
+
"name": "ZnActionBar",
|
|
321
|
+
"module": "components/action-bar/action-bar.js"
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
]
|
|
325
|
+
},
|
|
326
326
|
{
|
|
327
327
|
"kind": "javascript-module",
|
|
328
328
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -17691,7 +17691,7 @@
|
|
|
17691
17691
|
"text": "string"
|
|
17692
17692
|
},
|
|
17693
17693
|
"default": "'Insert'",
|
|
17694
|
-
"description": "The
|
|
17694
|
+
"description": "The name the slash menu's list is announced by.",
|
|
17695
17695
|
"attribute": "slash-heading"
|
|
17696
17696
|
},
|
|
17697
17697
|
{
|
|
@@ -17704,6 +17704,16 @@
|
|
|
17704
17704
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
17705
17705
|
"attribute": "slash-hide-keys"
|
|
17706
17706
|
},
|
|
17707
|
+
{
|
|
17708
|
+
"kind": "field",
|
|
17709
|
+
"name": "slashRecentKey",
|
|
17710
|
+
"type": {
|
|
17711
|
+
"text": "string"
|
|
17712
|
+
},
|
|
17713
|
+
"default": "''",
|
|
17714
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
17715
|
+
"attribute": "slash-recent-key"
|
|
17716
|
+
},
|
|
17707
17717
|
{
|
|
17708
17718
|
"kind": "field",
|
|
17709
17719
|
"name": "slashItemsProvider",
|
|
@@ -18205,7 +18215,7 @@
|
|
|
18205
18215
|
"text": "string"
|
|
18206
18216
|
},
|
|
18207
18217
|
"default": "'Insert'",
|
|
18208
|
-
"description": "The
|
|
18218
|
+
"description": "The name the slash menu's list is announced by.",
|
|
18209
18219
|
"fieldName": "slashHeading"
|
|
18210
18220
|
},
|
|
18211
18221
|
{
|
|
@@ -18217,6 +18227,15 @@
|
|
|
18217
18227
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
18218
18228
|
"fieldName": "slashHideKeys"
|
|
18219
18229
|
},
|
|
18230
|
+
{
|
|
18231
|
+
"name": "slash-recent-key",
|
|
18232
|
+
"type": {
|
|
18233
|
+
"text": "string"
|
|
18234
|
+
},
|
|
18235
|
+
"default": "''",
|
|
18236
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
18237
|
+
"fieldName": "slashRecentKey"
|
|
18238
|
+
},
|
|
18220
18239
|
{
|
|
18221
18240
|
"name": "options",
|
|
18222
18241
|
"type": {
|
|
@@ -18947,7 +18966,7 @@
|
|
|
18947
18966
|
"text": "string"
|
|
18948
18967
|
},
|
|
18949
18968
|
"default": "'Insert'",
|
|
18950
|
-
"description": "The
|
|
18969
|
+
"description": "The name the slash menu's list is announced by.",
|
|
18951
18970
|
"attribute": "slash-heading"
|
|
18952
18971
|
},
|
|
18953
18972
|
{
|
|
@@ -18960,6 +18979,16 @@
|
|
|
18960
18979
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
18961
18980
|
"attribute": "slash-hide-keys"
|
|
18962
18981
|
},
|
|
18982
|
+
{
|
|
18983
|
+
"kind": "field",
|
|
18984
|
+
"name": "slashRecentKey",
|
|
18985
|
+
"type": {
|
|
18986
|
+
"text": "string"
|
|
18987
|
+
},
|
|
18988
|
+
"default": "''",
|
|
18989
|
+
"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.",
|
|
18990
|
+
"attribute": "slash-recent-key"
|
|
18991
|
+
},
|
|
18963
18992
|
{
|
|
18964
18993
|
"kind": "field",
|
|
18965
18994
|
"name": "slashItemsProvider",
|
|
@@ -19819,7 +19848,7 @@
|
|
|
19819
19848
|
"text": "string"
|
|
19820
19849
|
},
|
|
19821
19850
|
"default": "'Insert'",
|
|
19822
|
-
"description": "The
|
|
19851
|
+
"description": "The name the slash menu's list is announced by.",
|
|
19823
19852
|
"fieldName": "slashHeading"
|
|
19824
19853
|
},
|
|
19825
19854
|
{
|
|
@@ -19831,6 +19860,15 @@
|
|
|
19831
19860
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
19832
19861
|
"fieldName": "slashHideKeys"
|
|
19833
19862
|
},
|
|
19863
|
+
{
|
|
19864
|
+
"name": "slash-recent-key",
|
|
19865
|
+
"type": {
|
|
19866
|
+
"text": "string"
|
|
19867
|
+
},
|
|
19868
|
+
"default": "''",
|
|
19869
|
+
"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.",
|
|
19870
|
+
"fieldName": "slashRecentKey"
|
|
19871
|
+
},
|
|
19834
19872
|
{
|
|
19835
19873
|
"name": "trigger-submit",
|
|
19836
19874
|
"type": {
|
|
@@ -25771,7 +25809,7 @@
|
|
|
25771
25809
|
],
|
|
25772
25810
|
"slots": [
|
|
25773
25811
|
{
|
|
25774
|
-
"description": "`<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. `
|
|
25812
|
+
"description": "`<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, container, columns, widths, grow, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `container` makes the type a container whose editor-configurable layout starts from `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds a growable instance. `accepts` is a comma-separated list of the type keys its cells allow — omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is",
|
|
25775
25813
|
"name": "config"
|
|
25776
25814
|
},
|
|
25777
25815
|
{
|
|
@@ -25791,7 +25829,7 @@
|
|
|
25791
25829
|
"text": "object"
|
|
25792
25830
|
},
|
|
25793
25831
|
"static": true,
|
|
25794
|
-
"default": "{ 'zn-collapsible': ZnCollapsible, 'zn-icon': ZnIcon, 'zn-input': ZnInput, 'zn-page-palette-item': ZnPagePaletteItem, 'zn-page-section-card': ZnPageSectionCard, }"
|
|
25832
|
+
"default": "{ 'zn-collapsible': ZnCollapsible, 'zn-icon': ZnIcon, 'zn-input': ZnInput, 'zn-page-palette-item': ZnPagePaletteItem, 'zn-page-section-card': ZnPageSectionCard, 'zn-toggle': ZnToggle, }"
|
|
25795
25833
|
},
|
|
25796
25834
|
{
|
|
25797
25835
|
"kind": "field",
|
|
@@ -25851,6 +25889,17 @@
|
|
|
25851
25889
|
"attribute": "subheading",
|
|
25852
25890
|
"reflects": true
|
|
25853
25891
|
},
|
|
25892
|
+
{
|
|
25893
|
+
"kind": "field",
|
|
25894
|
+
"name": "requiredFirst",
|
|
25895
|
+
"type": {
|
|
25896
|
+
"text": "string"
|
|
25897
|
+
},
|
|
25898
|
+
"default": "''",
|
|
25899
|
+
"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.",
|
|
25900
|
+
"attribute": "required-first",
|
|
25901
|
+
"reflects": true
|
|
25902
|
+
},
|
|
25854
25903
|
{
|
|
25855
25904
|
"kind": "field",
|
|
25856
25905
|
"name": "sectionTypes",
|
|
@@ -25945,23 +25994,23 @@
|
|
|
25945
25994
|
},
|
|
25946
25995
|
{
|
|
25947
25996
|
"kind": "field",
|
|
25948
|
-
"name": "
|
|
25997
|
+
"name": "_cellDragOver",
|
|
25949
25998
|
"type": {
|
|
25950
|
-
"text": "{ containerId: string;
|
|
25999
|
+
"text": "{ containerId: string; cellIndex: number; insertIndex: number } | null"
|
|
25951
26000
|
},
|
|
25952
26001
|
"privacy": "private",
|
|
25953
26002
|
"default": "null",
|
|
25954
|
-
"description": "The
|
|
26003
|
+
"description": "The cell a drag is currently over, if any."
|
|
25955
26004
|
},
|
|
25956
26005
|
{
|
|
25957
26006
|
"kind": "field",
|
|
25958
|
-
"name": "
|
|
26007
|
+
"name": "_cellPicker",
|
|
25959
26008
|
"type": {
|
|
25960
|
-
"text": "{ containerId: string;
|
|
26009
|
+
"text": "{ containerId: string; cellIndex: number } | null"
|
|
25961
26010
|
},
|
|
25962
26011
|
"privacy": "private",
|
|
25963
26012
|
"default": "null",
|
|
25964
|
-
"description": "The
|
|
26013
|
+
"description": "The cell whose \"+\" type picker is open, if any."
|
|
25965
26014
|
},
|
|
25966
26015
|
{
|
|
25967
26016
|
"kind": "field",
|
|
@@ -26082,6 +26131,10 @@
|
|
|
26082
26131
|
"kind": "method",
|
|
26083
26132
|
"name": "handleConfigChange"
|
|
26084
26133
|
},
|
|
26134
|
+
{
|
|
26135
|
+
"kind": "method",
|
|
26136
|
+
"name": "handleRequiredFirstChange"
|
|
26137
|
+
},
|
|
26085
26138
|
{
|
|
26086
26139
|
"kind": "method",
|
|
26087
26140
|
"name": "handleSectionTypesChange"
|
|
@@ -26295,31 +26348,22 @@
|
|
|
26295
26348
|
"description": "Normalises and installs an externally provided state; resets selection."
|
|
26296
26349
|
},
|
|
26297
26350
|
{
|
|
26298
|
-
"kind": "
|
|
26299
|
-
"name": "
|
|
26300
|
-
"
|
|
26301
|
-
|
|
26302
|
-
"type": {
|
|
26303
|
-
"text": "PageSection | undefined"
|
|
26304
|
-
}
|
|
26351
|
+
"kind": "field",
|
|
26352
|
+
"name": "_pinnedId",
|
|
26353
|
+
"type": {
|
|
26354
|
+
"text": "string | null"
|
|
26305
26355
|
},
|
|
26306
|
-
"
|
|
26307
|
-
|
|
26308
|
-
|
|
26309
|
-
"type": {
|
|
26310
|
-
"text": "string | null"
|
|
26311
|
-
}
|
|
26312
|
-
}
|
|
26313
|
-
],
|
|
26314
|
-
"description": "Finds a section by id, searching top-level sections and slotted children."
|
|
26356
|
+
"privacy": "private",
|
|
26357
|
+
"description": "Id of the section pinned to the top of the page, or null when `required-first`\nis unset. Derived from the state rather than stored on it, so nothing about the\nlock leaks into the persisted config.",
|
|
26358
|
+
"readonly": true
|
|
26315
26359
|
},
|
|
26316
26360
|
{
|
|
26317
26361
|
"kind": "method",
|
|
26318
|
-
"name": "
|
|
26362
|
+
"name": "_isPinned",
|
|
26319
26363
|
"privacy": "private",
|
|
26320
26364
|
"return": {
|
|
26321
26365
|
"type": {
|
|
26322
|
-
"text": "
|
|
26366
|
+
"text": "boolean"
|
|
26323
26367
|
}
|
|
26324
26368
|
},
|
|
26325
26369
|
"parameters": [
|
|
@@ -26328,34 +26372,37 @@
|
|
|
26328
26372
|
"type": {
|
|
26329
26373
|
"text": "string"
|
|
26330
26374
|
}
|
|
26331
|
-
},
|
|
26332
|
-
{
|
|
26333
|
-
"name": "patch",
|
|
26334
|
-
"type": {
|
|
26335
|
-
"text": "(s: PageSection) => PageSection"
|
|
26336
|
-
}
|
|
26337
26375
|
}
|
|
26338
|
-
]
|
|
26339
|
-
|
|
26376
|
+
]
|
|
26377
|
+
},
|
|
26378
|
+
{
|
|
26379
|
+
"kind": "field",
|
|
26380
|
+
"name": "_firstFreeIndex",
|
|
26381
|
+
"type": {
|
|
26382
|
+
"text": "number"
|
|
26383
|
+
},
|
|
26384
|
+
"privacy": "private",
|
|
26385
|
+
"description": "Lowest top-level index a section may be added or moved to.",
|
|
26386
|
+
"readonly": true
|
|
26340
26387
|
},
|
|
26341
26388
|
{
|
|
26342
26389
|
"kind": "method",
|
|
26343
|
-
"name": "
|
|
26390
|
+
"name": "_requireFirst",
|
|
26344
26391
|
"privacy": "private",
|
|
26345
26392
|
"return": {
|
|
26346
26393
|
"type": {
|
|
26347
|
-
"text": "
|
|
26394
|
+
"text": "PageSection[]"
|
|
26348
26395
|
}
|
|
26349
26396
|
},
|
|
26350
26397
|
"parameters": [
|
|
26351
26398
|
{
|
|
26352
|
-
"name": "
|
|
26399
|
+
"name": "sections",
|
|
26353
26400
|
"type": {
|
|
26354
|
-
"text": "
|
|
26401
|
+
"text": "PageSection[]"
|
|
26355
26402
|
}
|
|
26356
26403
|
}
|
|
26357
26404
|
],
|
|
26358
|
-
"description": "
|
|
26405
|
+
"description": "Sections reordered so `required-first` leads the page: an existing section of that\ntype is hoisted to the front, otherwise an empty one is prepended. Returns the\nargument unchanged when there is nothing to do, so callers can compare by identity."
|
|
26359
26406
|
},
|
|
26360
26407
|
{
|
|
26361
26408
|
"kind": "method",
|
|
@@ -26369,7 +26416,7 @@
|
|
|
26369
26416
|
}
|
|
26370
26417
|
}
|
|
26371
26418
|
],
|
|
26372
|
-
"description": "Installs a new state from a user edit and notifies listeners."
|
|
26419
|
+
"description": "Installs a new state from a user edit and notifies listeners. Re-applies\ngrowth normalisation across the tree first, so a growable container never\ncarries a trailing empty row past this point — the read path (`containerCells`)\nalready hides it, but state/value/zn-page-change/auto-save must not diverge\nfrom what the canvas renders."
|
|
26373
26420
|
},
|
|
26374
26421
|
{
|
|
26375
26422
|
"kind": "method",
|
|
@@ -26409,10 +26456,11 @@
|
|
|
26409
26456
|
},
|
|
26410
26457
|
{
|
|
26411
26458
|
"kind": "method",
|
|
26412
|
-
"name": "
|
|
26459
|
+
"name": "_newSection",
|
|
26460
|
+
"privacy": "private",
|
|
26413
26461
|
"return": {
|
|
26414
26462
|
"type": {
|
|
26415
|
-
"text": "PageSection
|
|
26463
|
+
"text": "PageSection"
|
|
26416
26464
|
}
|
|
26417
26465
|
},
|
|
26418
26466
|
"parameters": [
|
|
@@ -26421,20 +26469,13 @@
|
|
|
26421
26469
|
"type": {
|
|
26422
26470
|
"text": "string"
|
|
26423
26471
|
}
|
|
26424
|
-
},
|
|
26425
|
-
{
|
|
26426
|
-
"name": "index",
|
|
26427
|
-
"optional": true,
|
|
26428
|
-
"type": {
|
|
26429
|
-
"text": "number"
|
|
26430
|
-
}
|
|
26431
26472
|
}
|
|
26432
26473
|
],
|
|
26433
|
-
"description": "
|
|
26474
|
+
"description": "A fresh section of a registered type, seeded with layout/cells when it's a container."
|
|
26434
26475
|
},
|
|
26435
26476
|
{
|
|
26436
26477
|
"kind": "method",
|
|
26437
|
-
"name": "
|
|
26478
|
+
"name": "addSection",
|
|
26438
26479
|
"return": {
|
|
26439
26480
|
"type": {
|
|
26440
26481
|
"text": "PageSection | null"
|
|
@@ -26448,19 +26489,14 @@
|
|
|
26448
26489
|
}
|
|
26449
26490
|
},
|
|
26450
26491
|
{
|
|
26451
|
-
"name": "
|
|
26452
|
-
"
|
|
26453
|
-
"text": "string"
|
|
26454
|
-
}
|
|
26455
|
-
},
|
|
26456
|
-
{
|
|
26457
|
-
"name": "slotIndex",
|
|
26492
|
+
"name": "index",
|
|
26493
|
+
"optional": true,
|
|
26458
26494
|
"type": {
|
|
26459
26495
|
"text": "number"
|
|
26460
26496
|
}
|
|
26461
26497
|
}
|
|
26462
26498
|
],
|
|
26463
|
-
"description": "Adds a
|
|
26499
|
+
"description": "Adds a section of a registered type at `index` (default: end). Returns null for unknown types."
|
|
26464
26500
|
},
|
|
26465
26501
|
{
|
|
26466
26502
|
"kind": "method",
|
|
@@ -26490,27 +26526,26 @@
|
|
|
26490
26526
|
},
|
|
26491
26527
|
{
|
|
26492
26528
|
"kind": "method",
|
|
26493
|
-
"name": "
|
|
26529
|
+
"name": "_findCellOwner",
|
|
26494
26530
|
"privacy": "private",
|
|
26531
|
+
"return": {
|
|
26532
|
+
"type": {
|
|
26533
|
+
"text": "CellOwner | undefined"
|
|
26534
|
+
}
|
|
26535
|
+
},
|
|
26495
26536
|
"parameters": [
|
|
26496
26537
|
{
|
|
26497
26538
|
"name": "id",
|
|
26498
26539
|
"type": {
|
|
26499
26540
|
"text": "string"
|
|
26500
26541
|
}
|
|
26501
|
-
},
|
|
26502
|
-
{
|
|
26503
|
-
"name": "index",
|
|
26504
|
-
"type": {
|
|
26505
|
-
"text": "number"
|
|
26506
|
-
}
|
|
26507
26542
|
}
|
|
26508
26543
|
],
|
|
26509
|
-
"description": "
|
|
26544
|
+
"description": "Locates a section living inside a container cell."
|
|
26510
26545
|
},
|
|
26511
26546
|
{
|
|
26512
26547
|
"kind": "method",
|
|
26513
|
-
"name": "
|
|
26548
|
+
"name": "_moveSection",
|
|
26514
26549
|
"privacy": "private",
|
|
26515
26550
|
"parameters": [
|
|
26516
26551
|
{
|
|
@@ -26520,19 +26555,23 @@
|
|
|
26520
26555
|
}
|
|
26521
26556
|
},
|
|
26522
26557
|
{
|
|
26523
|
-
"name": "
|
|
26524
|
-
"type": {
|
|
26525
|
-
"text": "string"
|
|
26526
|
-
}
|
|
26527
|
-
},
|
|
26528
|
-
{
|
|
26529
|
-
"name": "slotIndex",
|
|
26558
|
+
"name": "index",
|
|
26530
26559
|
"type": {
|
|
26531
26560
|
"text": "number"
|
|
26532
26561
|
}
|
|
26533
26562
|
}
|
|
26534
26563
|
],
|
|
26535
|
-
"description": "Moves a section
|
|
26564
|
+
"description": "Moves a section (top-level or inside a cell) to a top-level position."
|
|
26565
|
+
},
|
|
26566
|
+
{
|
|
26567
|
+
"kind": "field",
|
|
26568
|
+
"name": "_draggingId",
|
|
26569
|
+
"type": {
|
|
26570
|
+
"text": "string | null"
|
|
26571
|
+
},
|
|
26572
|
+
"privacy": "private",
|
|
26573
|
+
"default": "null",
|
|
26574
|
+
"description": "Id of the section currently being dragged — dataTransfer is unreadable during dragover."
|
|
26536
26575
|
},
|
|
26537
26576
|
{
|
|
26538
26577
|
"kind": "method",
|
|
@@ -26574,7 +26613,7 @@
|
|
|
26574
26613
|
},
|
|
26575
26614
|
{
|
|
26576
26615
|
"kind": "method",
|
|
26577
|
-
"name": "
|
|
26616
|
+
"name": "_onZoneDragOver",
|
|
26578
26617
|
"privacy": "private",
|
|
26579
26618
|
"parameters": [
|
|
26580
26619
|
{
|
|
@@ -26584,9 +26623,22 @@
|
|
|
26584
26623
|
}
|
|
26585
26624
|
},
|
|
26586
26625
|
{
|
|
26587
|
-
"name": "
|
|
26626
|
+
"name": "index",
|
|
26588
26627
|
"type": {
|
|
26589
|
-
"text": "
|
|
26628
|
+
"text": "number"
|
|
26629
|
+
}
|
|
26630
|
+
}
|
|
26631
|
+
]
|
|
26632
|
+
},
|
|
26633
|
+
{
|
|
26634
|
+
"kind": "method",
|
|
26635
|
+
"name": "_onZoneDrop",
|
|
26636
|
+
"privacy": "private",
|
|
26637
|
+
"parameters": [
|
|
26638
|
+
{
|
|
26639
|
+
"name": "e",
|
|
26640
|
+
"type": {
|
|
26641
|
+
"text": "DragEvent"
|
|
26590
26642
|
}
|
|
26591
26643
|
},
|
|
26592
26644
|
{
|
|
@@ -26597,9 +26649,94 @@
|
|
|
26597
26649
|
}
|
|
26598
26650
|
]
|
|
26599
26651
|
},
|
|
26652
|
+
{
|
|
26653
|
+
"kind": "field",
|
|
26654
|
+
"name": "_onCanvasDragOver",
|
|
26655
|
+
"privacy": "private"
|
|
26656
|
+
},
|
|
26657
|
+
{
|
|
26658
|
+
"kind": "field",
|
|
26659
|
+
"name": "_onCanvasDrop",
|
|
26660
|
+
"privacy": "private"
|
|
26661
|
+
},
|
|
26600
26662
|
{
|
|
26601
26663
|
"kind": "method",
|
|
26602
|
-
"name": "
|
|
26664
|
+
"name": "_acceptsType",
|
|
26665
|
+
"privacy": "private",
|
|
26666
|
+
"return": {
|
|
26667
|
+
"type": {
|
|
26668
|
+
"text": "boolean"
|
|
26669
|
+
}
|
|
26670
|
+
},
|
|
26671
|
+
"parameters": [
|
|
26672
|
+
{
|
|
26673
|
+
"name": "container",
|
|
26674
|
+
"type": {
|
|
26675
|
+
"text": "PageSection"
|
|
26676
|
+
}
|
|
26677
|
+
},
|
|
26678
|
+
{
|
|
26679
|
+
"name": "typeKey",
|
|
26680
|
+
"type": {
|
|
26681
|
+
"text": "string"
|
|
26682
|
+
}
|
|
26683
|
+
}
|
|
26684
|
+
],
|
|
26685
|
+
"description": "Whether `typeKey`'s registered type is allowed into this container by its\n`accepts`/`slots=` rule — the nesting depth cap is a separate concern,\nchecked by each caller against its own notion of how tall the dropped\nsubtree is."
|
|
26686
|
+
},
|
|
26687
|
+
{
|
|
26688
|
+
"kind": "method",
|
|
26689
|
+
"name": "_acceptsInCell",
|
|
26690
|
+
"privacy": "private",
|
|
26691
|
+
"return": {
|
|
26692
|
+
"type": {
|
|
26693
|
+
"text": "boolean"
|
|
26694
|
+
}
|
|
26695
|
+
},
|
|
26696
|
+
"parameters": [
|
|
26697
|
+
{
|
|
26698
|
+
"name": "container",
|
|
26699
|
+
"type": {
|
|
26700
|
+
"text": "PageSection"
|
|
26701
|
+
}
|
|
26702
|
+
},
|
|
26703
|
+
{
|
|
26704
|
+
"name": "typeKey",
|
|
26705
|
+
"type": {
|
|
26706
|
+
"text": "string"
|
|
26707
|
+
}
|
|
26708
|
+
}
|
|
26709
|
+
],
|
|
26710
|
+
"description": "Whether `typeKey` may be dropped into this container's cells from the\npalette. A newly created section always has height 1, so the depth cap\nonly needs the target's own depth."
|
|
26711
|
+
},
|
|
26712
|
+
{
|
|
26713
|
+
"kind": "method",
|
|
26714
|
+
"name": "_canMoveIntoCell",
|
|
26715
|
+
"privacy": "private",
|
|
26716
|
+
"return": {
|
|
26717
|
+
"type": {
|
|
26718
|
+
"text": "boolean"
|
|
26719
|
+
}
|
|
26720
|
+
},
|
|
26721
|
+
"parameters": [
|
|
26722
|
+
{
|
|
26723
|
+
"name": "container",
|
|
26724
|
+
"type": {
|
|
26725
|
+
"text": "PageSection"
|
|
26726
|
+
}
|
|
26727
|
+
},
|
|
26728
|
+
{
|
|
26729
|
+
"name": "sectionId",
|
|
26730
|
+
"type": {
|
|
26731
|
+
"text": "string"
|
|
26732
|
+
}
|
|
26733
|
+
}
|
|
26734
|
+
],
|
|
26735
|
+
"description": "Whether a dragged, already-placed section may land in this container's\ncells. Unlike a palette drop, the moved subtree can already be several\ncontainers tall (it may itself hold a nested container), so the cap has to\naccount for that height, not just the target's depth: dropping `moved` at\na new depth of `containerDepth(container) + 1` puts its own deepest\ndescendant at `containerDepth(container) + containerHeight(moved)`."
|
|
26736
|
+
},
|
|
26737
|
+
{
|
|
26738
|
+
"kind": "method",
|
|
26739
|
+
"name": "_onCellDragOver",
|
|
26603
26740
|
"privacy": "private",
|
|
26604
26741
|
"parameters": [
|
|
26605
26742
|
{
|
|
@@ -26615,7 +26752,13 @@
|
|
|
26615
26752
|
}
|
|
26616
26753
|
},
|
|
26617
26754
|
{
|
|
26618
|
-
"name": "
|
|
26755
|
+
"name": "cellIndex",
|
|
26756
|
+
"type": {
|
|
26757
|
+
"text": "number"
|
|
26758
|
+
}
|
|
26759
|
+
},
|
|
26760
|
+
{
|
|
26761
|
+
"name": "insertIndex",
|
|
26619
26762
|
"type": {
|
|
26620
26763
|
"text": "number"
|
|
26621
26764
|
}
|
|
@@ -26624,7 +26767,7 @@
|
|
|
26624
26767
|
},
|
|
26625
26768
|
{
|
|
26626
26769
|
"kind": "method",
|
|
26627
|
-
"name": "
|
|
26770
|
+
"name": "_onCellDrop",
|
|
26628
26771
|
"privacy": "private",
|
|
26629
26772
|
"parameters": [
|
|
26630
26773
|
{
|
|
@@ -26634,7 +26777,19 @@
|
|
|
26634
26777
|
}
|
|
26635
26778
|
},
|
|
26636
26779
|
{
|
|
26637
|
-
"name": "
|
|
26780
|
+
"name": "containerId",
|
|
26781
|
+
"type": {
|
|
26782
|
+
"text": "string"
|
|
26783
|
+
}
|
|
26784
|
+
},
|
|
26785
|
+
{
|
|
26786
|
+
"name": "cellIndex",
|
|
26787
|
+
"type": {
|
|
26788
|
+
"text": "number"
|
|
26789
|
+
}
|
|
26790
|
+
},
|
|
26791
|
+
{
|
|
26792
|
+
"name": "insertIndex",
|
|
26638
26793
|
"type": {
|
|
26639
26794
|
"text": "number"
|
|
26640
26795
|
}
|
|
@@ -26643,32 +26798,87 @@
|
|
|
26643
26798
|
},
|
|
26644
26799
|
{
|
|
26645
26800
|
"kind": "method",
|
|
26646
|
-
"name": "
|
|
26647
|
-
"
|
|
26801
|
+
"name": "addSectionToCell",
|
|
26802
|
+
"return": {
|
|
26803
|
+
"type": {
|
|
26804
|
+
"text": "PageSection | null"
|
|
26805
|
+
}
|
|
26806
|
+
},
|
|
26648
26807
|
"parameters": [
|
|
26649
26808
|
{
|
|
26650
|
-
"name": "
|
|
26809
|
+
"name": "type",
|
|
26651
26810
|
"type": {
|
|
26652
|
-
"text": "
|
|
26811
|
+
"text": "string"
|
|
26653
26812
|
}
|
|
26654
26813
|
},
|
|
26655
26814
|
{
|
|
26656
|
-
"name": "
|
|
26815
|
+
"name": "containerId",
|
|
26816
|
+
"type": {
|
|
26817
|
+
"text": "string"
|
|
26818
|
+
}
|
|
26819
|
+
},
|
|
26820
|
+
{
|
|
26821
|
+
"name": "cellIndex",
|
|
26657
26822
|
"type": {
|
|
26658
26823
|
"text": "number"
|
|
26659
26824
|
}
|
|
26825
|
+
},
|
|
26826
|
+
{
|
|
26827
|
+
"name": "insertIndex",
|
|
26828
|
+
"default": "0"
|
|
26660
26829
|
}
|
|
26661
|
-
]
|
|
26830
|
+
],
|
|
26831
|
+
"description": "Adds a new section of a registered type into a container cell."
|
|
26662
26832
|
},
|
|
26663
26833
|
{
|
|
26664
|
-
"kind": "
|
|
26665
|
-
"name": "
|
|
26666
|
-
"privacy": "private"
|
|
26834
|
+
"kind": "method",
|
|
26835
|
+
"name": "_moveToCell",
|
|
26836
|
+
"privacy": "private",
|
|
26837
|
+
"parameters": [
|
|
26838
|
+
{
|
|
26839
|
+
"name": "id",
|
|
26840
|
+
"type": {
|
|
26841
|
+
"text": "string"
|
|
26842
|
+
}
|
|
26843
|
+
},
|
|
26844
|
+
{
|
|
26845
|
+
"name": "containerId",
|
|
26846
|
+
"type": {
|
|
26847
|
+
"text": "string"
|
|
26848
|
+
}
|
|
26849
|
+
},
|
|
26850
|
+
{
|
|
26851
|
+
"name": "cellIndex",
|
|
26852
|
+
"type": {
|
|
26853
|
+
"text": "number"
|
|
26854
|
+
}
|
|
26855
|
+
},
|
|
26856
|
+
{
|
|
26857
|
+
"name": "insertIndex",
|
|
26858
|
+
"type": {
|
|
26859
|
+
"text": "number"
|
|
26860
|
+
}
|
|
26861
|
+
}
|
|
26862
|
+
]
|
|
26667
26863
|
},
|
|
26668
26864
|
{
|
|
26669
|
-
"kind": "
|
|
26670
|
-
"name": "
|
|
26671
|
-
"privacy": "private"
|
|
26865
|
+
"kind": "method",
|
|
26866
|
+
"name": "_cellTypes",
|
|
26867
|
+
"privacy": "private",
|
|
26868
|
+
"return": {
|
|
26869
|
+
"type": {
|
|
26870
|
+
"text": "PageSectionType[]"
|
|
26871
|
+
}
|
|
26872
|
+
},
|
|
26873
|
+
"parameters": [
|
|
26874
|
+
{
|
|
26875
|
+
"name": "container",
|
|
26876
|
+
"type": {
|
|
26877
|
+
"text": "PageSection"
|
|
26878
|
+
}
|
|
26879
|
+
}
|
|
26880
|
+
],
|
|
26881
|
+
"description": "Types offerable in a container's cells."
|
|
26672
26882
|
},
|
|
26673
26883
|
{
|
|
26674
26884
|
"kind": "method",
|
|
@@ -26767,36 +26977,65 @@
|
|
|
26767
26977
|
},
|
|
26768
26978
|
{
|
|
26769
26979
|
"kind": "method",
|
|
26770
|
-
"name": "
|
|
26980
|
+
"name": "_renderNode",
|
|
26771
26981
|
"privacy": "private",
|
|
26982
|
+
"return": {
|
|
26983
|
+
"type": {
|
|
26984
|
+
"text": "TemplateResult"
|
|
26985
|
+
}
|
|
26986
|
+
},
|
|
26772
26987
|
"parameters": [
|
|
26773
26988
|
{
|
|
26774
|
-
"name": "
|
|
26989
|
+
"name": "section",
|
|
26775
26990
|
"type": {
|
|
26776
26991
|
"text": "PageSection"
|
|
26777
26992
|
}
|
|
26778
26993
|
},
|
|
26779
26994
|
{
|
|
26780
|
-
"name": "
|
|
26995
|
+
"name": "drop",
|
|
26781
26996
|
"type": {
|
|
26782
|
-
"text": "
|
|
26997
|
+
"text": "{ over: (e: DragEvent) => void; drop: (e: DragEvent) => void }"
|
|
26783
26998
|
}
|
|
26784
26999
|
},
|
|
26785
27000
|
{
|
|
26786
|
-
"name": "
|
|
27001
|
+
"name": "extraClass",
|
|
27002
|
+
"default": "''"
|
|
27003
|
+
}
|
|
27004
|
+
],
|
|
27005
|
+
"description": "A card, or — for a container — its card plus its own cell grid. Shared by the\ntop-level section list and container-cell stacks, so nesting renders at every level."
|
|
27006
|
+
},
|
|
27007
|
+
{
|
|
27008
|
+
"kind": "method",
|
|
27009
|
+
"name": "_renderCells",
|
|
27010
|
+
"privacy": "private",
|
|
27011
|
+
"return": {
|
|
27012
|
+
"type": {
|
|
27013
|
+
"text": "TemplateResult"
|
|
27014
|
+
}
|
|
27015
|
+
},
|
|
27016
|
+
"parameters": [
|
|
27017
|
+
{
|
|
27018
|
+
"name": "container",
|
|
26787
27019
|
"type": {
|
|
26788
|
-
"text": "
|
|
27020
|
+
"text": "PageSection"
|
|
27021
|
+
}
|
|
27022
|
+
},
|
|
27023
|
+
{
|
|
27024
|
+
"name": "type",
|
|
27025
|
+
"type": {
|
|
27026
|
+
"text": "PageSectionType | undefined"
|
|
26789
27027
|
}
|
|
26790
27028
|
}
|
|
26791
|
-
]
|
|
27029
|
+
],
|
|
27030
|
+
"description": "A container's cell grid: one track per width, one stack per cell."
|
|
26792
27031
|
},
|
|
26793
27032
|
{
|
|
26794
27033
|
"kind": "method",
|
|
26795
|
-
"name": "
|
|
27034
|
+
"name": "_renderCell",
|
|
26796
27035
|
"privacy": "private",
|
|
26797
27036
|
"return": {
|
|
26798
27037
|
"type": {
|
|
26799
|
-
"text": "
|
|
27038
|
+
"text": "TemplateResult"
|
|
26800
27039
|
}
|
|
26801
27040
|
},
|
|
26802
27041
|
"parameters": [
|
|
@@ -26805,9 +27044,46 @@
|
|
|
26805
27044
|
"type": {
|
|
26806
27045
|
"text": "PageSection"
|
|
26807
27046
|
}
|
|
27047
|
+
},
|
|
27048
|
+
{
|
|
27049
|
+
"name": "stack",
|
|
27050
|
+
"type": {
|
|
27051
|
+
"text": "PageSection[]"
|
|
27052
|
+
}
|
|
27053
|
+
},
|
|
27054
|
+
{
|
|
27055
|
+
"name": "cellIndex",
|
|
27056
|
+
"type": {
|
|
27057
|
+
"text": "number"
|
|
27058
|
+
}
|
|
27059
|
+
}
|
|
27060
|
+
]
|
|
27061
|
+
},
|
|
27062
|
+
{
|
|
27063
|
+
"kind": "method",
|
|
27064
|
+
"name": "_renderCellStrip",
|
|
27065
|
+
"privacy": "private",
|
|
27066
|
+
"parameters": [
|
|
27067
|
+
{
|
|
27068
|
+
"name": "container",
|
|
27069
|
+
"type": {
|
|
27070
|
+
"text": "PageSection"
|
|
27071
|
+
}
|
|
27072
|
+
},
|
|
27073
|
+
{
|
|
27074
|
+
"name": "cellIndex",
|
|
27075
|
+
"type": {
|
|
27076
|
+
"text": "number"
|
|
27077
|
+
}
|
|
27078
|
+
},
|
|
27079
|
+
{
|
|
27080
|
+
"name": "insertIndex",
|
|
27081
|
+
"type": {
|
|
27082
|
+
"text": "number"
|
|
27083
|
+
}
|
|
26808
27084
|
}
|
|
26809
27085
|
],
|
|
26810
|
-
"description": "
|
|
27086
|
+
"description": "Thin insertion target between two cards in a stack."
|
|
26811
27087
|
},
|
|
26812
27088
|
{
|
|
26813
27089
|
"kind": "method",
|
|
@@ -26827,7 +27103,7 @@
|
|
|
26827
27103
|
}
|
|
26828
27104
|
}
|
|
26829
27105
|
],
|
|
26830
|
-
"description": "The one type-picker template both drop zones and
|
|
27106
|
+
"description": "The one type-picker template both drop zones and container cells render."
|
|
26831
27107
|
},
|
|
26832
27108
|
{
|
|
26833
27109
|
"kind": "method",
|
|
@@ -26916,6 +27192,128 @@
|
|
|
26916
27192
|
}
|
|
26917
27193
|
]
|
|
26918
27194
|
},
|
|
27195
|
+
{
|
|
27196
|
+
"kind": "method",
|
|
27197
|
+
"name": "_setLayout",
|
|
27198
|
+
"privacy": "private",
|
|
27199
|
+
"parameters": [
|
|
27200
|
+
{
|
|
27201
|
+
"name": "id",
|
|
27202
|
+
"type": {
|
|
27203
|
+
"text": "string"
|
|
27204
|
+
}
|
|
27205
|
+
},
|
|
27206
|
+
{
|
|
27207
|
+
"name": "next",
|
|
27208
|
+
"type": {
|
|
27209
|
+
"text": "(current: { widths: number[]; grow: boolean; cells: PageSection[][] }) => {\n widths: number[];\n grow: boolean;\n cells: PageSection[][];\n }"
|
|
27210
|
+
}
|
|
27211
|
+
}
|
|
27212
|
+
],
|
|
27213
|
+
"description": "Replaces a container's layout, keeping cells consistent with it."
|
|
27214
|
+
},
|
|
27215
|
+
{
|
|
27216
|
+
"kind": "method",
|
|
27217
|
+
"name": "_setColumns",
|
|
27218
|
+
"privacy": "private",
|
|
27219
|
+
"parameters": [
|
|
27220
|
+
{
|
|
27221
|
+
"name": "id",
|
|
27222
|
+
"type": {
|
|
27223
|
+
"text": "string"
|
|
27224
|
+
}
|
|
27225
|
+
},
|
|
27226
|
+
{
|
|
27227
|
+
"name": "columns",
|
|
27228
|
+
"type": {
|
|
27229
|
+
"text": "number"
|
|
27230
|
+
}
|
|
27231
|
+
}
|
|
27232
|
+
]
|
|
27233
|
+
},
|
|
27234
|
+
{
|
|
27235
|
+
"kind": "method",
|
|
27236
|
+
"name": "_setWidth",
|
|
27237
|
+
"privacy": "private",
|
|
27238
|
+
"parameters": [
|
|
27239
|
+
{
|
|
27240
|
+
"name": "id",
|
|
27241
|
+
"type": {
|
|
27242
|
+
"text": "string"
|
|
27243
|
+
}
|
|
27244
|
+
},
|
|
27245
|
+
{
|
|
27246
|
+
"name": "column",
|
|
27247
|
+
"type": {
|
|
27248
|
+
"text": "number"
|
|
27249
|
+
}
|
|
27250
|
+
},
|
|
27251
|
+
{
|
|
27252
|
+
"name": "width",
|
|
27253
|
+
"type": {
|
|
27254
|
+
"text": "number"
|
|
27255
|
+
}
|
|
27256
|
+
}
|
|
27257
|
+
]
|
|
27258
|
+
},
|
|
27259
|
+
{
|
|
27260
|
+
"kind": "method",
|
|
27261
|
+
"name": "_setGrow",
|
|
27262
|
+
"privacy": "private",
|
|
27263
|
+
"parameters": [
|
|
27264
|
+
{
|
|
27265
|
+
"name": "id",
|
|
27266
|
+
"type": {
|
|
27267
|
+
"text": "string"
|
|
27268
|
+
}
|
|
27269
|
+
},
|
|
27270
|
+
{
|
|
27271
|
+
"name": "grow",
|
|
27272
|
+
"type": {
|
|
27273
|
+
"text": "boolean"
|
|
27274
|
+
}
|
|
27275
|
+
}
|
|
27276
|
+
]
|
|
27277
|
+
},
|
|
27278
|
+
{
|
|
27279
|
+
"kind": "method",
|
|
27280
|
+
"name": "_setRows",
|
|
27281
|
+
"privacy": "private",
|
|
27282
|
+
"parameters": [
|
|
27283
|
+
{
|
|
27284
|
+
"name": "id",
|
|
27285
|
+
"type": {
|
|
27286
|
+
"text": "string"
|
|
27287
|
+
}
|
|
27288
|
+
},
|
|
27289
|
+
{
|
|
27290
|
+
"name": "rows",
|
|
27291
|
+
"type": {
|
|
27292
|
+
"text": "number"
|
|
27293
|
+
}
|
|
27294
|
+
}
|
|
27295
|
+
],
|
|
27296
|
+
"description": "Pads with empty rows, or trims trailing empty rows down to the last occupied one."
|
|
27297
|
+
},
|
|
27298
|
+
{
|
|
27299
|
+
"kind": "method",
|
|
27300
|
+
"name": "_renderLayoutGroup",
|
|
27301
|
+
"privacy": "private",
|
|
27302
|
+
"parameters": [
|
|
27303
|
+
{
|
|
27304
|
+
"name": "section",
|
|
27305
|
+
"type": {
|
|
27306
|
+
"text": "PageSection"
|
|
27307
|
+
}
|
|
27308
|
+
},
|
|
27309
|
+
{
|
|
27310
|
+
"name": "type",
|
|
27311
|
+
"type": {
|
|
27312
|
+
"text": "PageSectionType | undefined"
|
|
27313
|
+
}
|
|
27314
|
+
}
|
|
27315
|
+
]
|
|
27316
|
+
},
|
|
26919
27317
|
{
|
|
26920
27318
|
"kind": "method",
|
|
26921
27319
|
"name": "_renderInspector",
|
|
@@ -26976,6 +27374,15 @@
|
|
|
26976
27374
|
"default": "''",
|
|
26977
27375
|
"fieldName": "subheading"
|
|
26978
27376
|
},
|
|
27377
|
+
{
|
|
27378
|
+
"name": "required-first",
|
|
27379
|
+
"type": {
|
|
27380
|
+
"text": "string"
|
|
27381
|
+
},
|
|
27382
|
+
"default": "''",
|
|
27383
|
+
"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.",
|
|
27384
|
+
"fieldName": "requiredFirst"
|
|
27385
|
+
},
|
|
26979
27386
|
{
|
|
26980
27387
|
"name": "palette-collapsed",
|
|
26981
27388
|
"type": {
|
|
@@ -27012,7 +27419,7 @@
|
|
|
27012
27419
|
"tagNameWithoutPrefix": "page-builder",
|
|
27013
27420
|
"tagName": "zn-page-builder",
|
|
27014
27421
|
"customElement": true,
|
|
27015
|
-
"jsDoc": "/**\n * @summary A config-driven page composer: a palette of predefined section types, a linear\n * canvas of section cards, and an inspector for editing each section's content.\n * @documentation https://zinc.style/components/page-builder\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-icon\n * @dependency zn-input\n * @dependency zn-page-palette-item\n * @dependency zn-page-section-card\n *\n * @event zn-page-change - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n * @event zn-page-selection-change - Emitted when the selected section changes. `event.detail.sectionId`.\n *\n * @slot config - `<template type=\"…\">` declarations; never displayed. Each template's attributes\n * (type, label, icon, icon-library, color, category, description, slots, accepts) declare a
|
|
27422
|
+
"jsDoc": "/**\n * @summary A config-driven page composer: a palette of predefined section types, a linear\n * canvas of section cards, and an inspector for editing each section's content.\n * @documentation https://zinc.style/components/page-builder\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-icon\n * @dependency zn-input\n * @dependency zn-page-palette-item\n * @dependency zn-page-section-card\n *\n * @event zn-page-change - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n * @event zn-page-selection-change - Emitted when the selected section changes. `event.detail.sectionId`.\n *\n * @slot config - `<template type=\"…\">` declarations; never displayed. Each template's attributes\n * (type, label, icon, icon-library, color, category, description, container, columns, widths,\n * grow, slots, accepts) declare a palette entry and its content declares the inspector form for\n * that type. `container` makes the type a container whose editor-configurable layout starts from\n * `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds\n * a growable instance. `accepts` is a comma-separated list of the type keys its cells allow —\n * omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is\n * @deprecated: it declares a fixed-slot container of `DEFAULT_WIDTHS` columns pinned to that many\n * cells, and keeps the old any-non-container-type rule when `accepts` is omitted.\n * @slot header-left - Actions shown on the left of the header bar.\n * @slot header-right - Actions shown on the right of the header bar.\n *\n * @csspart base - The grid wrapper.\n * @csspart header - The full-width header action bar (only rendered when header slots are filled).\n * @csspart palette - The left palette panel.\n * @csspart canvas - The centre section-card canvas.\n * @csspart inspector - The right panel while a section is selected.\n * @csspart inspector-header - The inspector's fixed header (icon, section name, type, close).\n * @csspart inspector-body - The inspector's scrolling form area.\n */",
|
|
27016
27423
|
"documentation": "https://zinc.style/components/page-builder",
|
|
27017
27424
|
"status": "experimental",
|
|
27018
27425
|
"since": "1.0",
|
|
@@ -33094,6 +33501,14 @@
|
|
|
33094
33501
|
{
|
|
33095
33502
|
"description": "The caption / alignment / size panel shown when an image block is clicked.",
|
|
33096
33503
|
"name": "image-controls"
|
|
33504
|
+
},
|
|
33505
|
+
{
|
|
33506
|
+
"description": "The chip rendered in place of an `include::` directive.",
|
|
33507
|
+
"name": "include"
|
|
33508
|
+
},
|
|
33509
|
+
{
|
|
33510
|
+
"description": "The inline Include picker opened from the toolbar or \"/include\".",
|
|
33511
|
+
"name": "include-picker"
|
|
33097
33512
|
}
|
|
33098
33513
|
],
|
|
33099
33514
|
"members": [
|
|
@@ -33118,7 +33533,7 @@
|
|
|
33118
33533
|
"name": "slashController",
|
|
33119
33534
|
"privacy": "private",
|
|
33120
33535
|
"readonly": true,
|
|
33121
|
-
"default": "new SlashMenuController(this, { menu: () => this.mountSlashMenu(), // The menu only belongs in a block that is nothing but the slash command — a // block prefix like \"## \" is not valid remarkd part-way through a line. items: () => this.isSlashBlock() ? SLASH_ITEMS : [], onSelect: item => this.handleSlashSelect(item) })"
|
|
33536
|
+
"default": "new SlashMenuController(this, { menu: () => this.mountSlashMenu(), // The menu only belongs in a block that is nothing but the slash command — a // block prefix like \"## \" is not valid remarkd part-way through a line. items: () => this.isSlashBlock() ? SLASH_ITEMS.filter(item => item.action !== 'include' || !!this.includeUrl) : [], onSelect: item => this.handleSlashSelect(item) })"
|
|
33122
33537
|
},
|
|
33123
33538
|
{
|
|
33124
33539
|
"kind": "field",
|
|
@@ -33129,6 +33544,15 @@
|
|
|
33129
33544
|
"privacy": "private",
|
|
33130
33545
|
"default": "''"
|
|
33131
33546
|
},
|
|
33547
|
+
{
|
|
33548
|
+
"kind": "field",
|
|
33549
|
+
"name": "includeRequest",
|
|
33550
|
+
"type": {
|
|
33551
|
+
"text": "Promise<IncludeOption[]> | null"
|
|
33552
|
+
},
|
|
33553
|
+
"privacy": "private",
|
|
33554
|
+
"default": "null"
|
|
33555
|
+
},
|
|
33132
33556
|
{
|
|
33133
33557
|
"kind": "field",
|
|
33134
33558
|
"name": "rawEntryValue",
|
|
@@ -33190,6 +33614,16 @@
|
|
|
33190
33614
|
"privacy": "private",
|
|
33191
33615
|
"default": "null"
|
|
33192
33616
|
},
|
|
33617
|
+
{
|
|
33618
|
+
"kind": "field",
|
|
33619
|
+
"name": "slashRecentKey",
|
|
33620
|
+
"type": {
|
|
33621
|
+
"text": "string"
|
|
33622
|
+
},
|
|
33623
|
+
"default": "''",
|
|
33624
|
+
"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.",
|
|
33625
|
+
"attribute": "slash-recent-key"
|
|
33626
|
+
},
|
|
33193
33627
|
{
|
|
33194
33628
|
"kind": "field",
|
|
33195
33629
|
"name": "hasSlashMenu",
|
|
@@ -33254,6 +33688,33 @@
|
|
|
33254
33688
|
"privacy": "private",
|
|
33255
33689
|
"default": "false"
|
|
33256
33690
|
},
|
|
33691
|
+
{
|
|
33692
|
+
"kind": "field",
|
|
33693
|
+
"name": "includeOptions",
|
|
33694
|
+
"type": {
|
|
33695
|
+
"text": "IncludeOption[] | null"
|
|
33696
|
+
},
|
|
33697
|
+
"privacy": "private",
|
|
33698
|
+
"default": "null"
|
|
33699
|
+
},
|
|
33700
|
+
{
|
|
33701
|
+
"kind": "field",
|
|
33702
|
+
"name": "includePickerIndex",
|
|
33703
|
+
"type": {
|
|
33704
|
+
"text": "number | null"
|
|
33705
|
+
},
|
|
33706
|
+
"privacy": "private",
|
|
33707
|
+
"default": "null"
|
|
33708
|
+
},
|
|
33709
|
+
{
|
|
33710
|
+
"kind": "field",
|
|
33711
|
+
"name": "includeQuery",
|
|
33712
|
+
"type": {
|
|
33713
|
+
"text": "string"
|
|
33714
|
+
},
|
|
33715
|
+
"privacy": "private",
|
|
33716
|
+
"default": "''"
|
|
33717
|
+
},
|
|
33257
33718
|
{
|
|
33258
33719
|
"kind": "field",
|
|
33259
33720
|
"name": "pendingDragHandle",
|
|
@@ -33339,6 +33800,16 @@
|
|
|
33339
33800
|
"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.",
|
|
33340
33801
|
"attribute": "attachment-url"
|
|
33341
33802
|
},
|
|
33803
|
+
{
|
|
33804
|
+
"kind": "field",
|
|
33805
|
+
"name": "includeUrl",
|
|
33806
|
+
"type": {
|
|
33807
|
+
"text": "string"
|
|
33808
|
+
},
|
|
33809
|
+
"default": "''",
|
|
33810
|
+
"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.",
|
|
33811
|
+
"attribute": "include-url"
|
|
33812
|
+
},
|
|
33342
33813
|
{
|
|
33343
33814
|
"kind": "field",
|
|
33344
33815
|
"name": "allowRaw",
|
|
@@ -33457,6 +33928,10 @@
|
|
|
33457
33928
|
"kind": "method",
|
|
33458
33929
|
"name": "handleValueChange"
|
|
33459
33930
|
},
|
|
33931
|
+
{
|
|
33932
|
+
"kind": "method",
|
|
33933
|
+
"name": "handleIncludeUrlChange"
|
|
33934
|
+
},
|
|
33460
33935
|
{
|
|
33461
33936
|
"kind": "method",
|
|
33462
33937
|
"name": "splitBlocks",
|
|
@@ -33569,6 +34044,25 @@
|
|
|
33569
34044
|
],
|
|
33570
34045
|
"description": "Parses a block that is purely an image (with optional caption/align lines)."
|
|
33571
34046
|
},
|
|
34047
|
+
{
|
|
34048
|
+
"kind": "method",
|
|
34049
|
+
"name": "parseIncludeBlock",
|
|
34050
|
+
"privacy": "private",
|
|
34051
|
+
"return": {
|
|
34052
|
+
"type": {
|
|
34053
|
+
"text": "IncludeBlockData | null"
|
|
34054
|
+
}
|
|
34055
|
+
},
|
|
34056
|
+
"parameters": [
|
|
34057
|
+
{
|
|
34058
|
+
"name": "block",
|
|
34059
|
+
"type": {
|
|
34060
|
+
"text": "string"
|
|
34061
|
+
}
|
|
34062
|
+
}
|
|
34063
|
+
],
|
|
34064
|
+
"description": "Parses a block that is nothing but an include directive."
|
|
34065
|
+
},
|
|
33572
34066
|
{
|
|
33573
34067
|
"kind": "method",
|
|
33574
34068
|
"name": "serializeImageBlock",
|
|
@@ -33899,6 +34393,37 @@
|
|
|
33899
34393
|
}
|
|
33900
34394
|
]
|
|
33901
34395
|
},
|
|
34396
|
+
{
|
|
34397
|
+
"kind": "method",
|
|
34398
|
+
"name": "pickInclude",
|
|
34399
|
+
"privacy": "private",
|
|
34400
|
+
"parameters": [
|
|
34401
|
+
{
|
|
34402
|
+
"name": "index",
|
|
34403
|
+
"type": {
|
|
34404
|
+
"text": "number"
|
|
34405
|
+
}
|
|
34406
|
+
}
|
|
34407
|
+
]
|
|
34408
|
+
},
|
|
34409
|
+
{
|
|
34410
|
+
"kind": "field",
|
|
34411
|
+
"name": "closeIncludePicker",
|
|
34412
|
+
"privacy": "private"
|
|
34413
|
+
},
|
|
34414
|
+
{
|
|
34415
|
+
"kind": "method",
|
|
34416
|
+
"name": "insertInclude",
|
|
34417
|
+
"privacy": "private",
|
|
34418
|
+
"parameters": [
|
|
34419
|
+
{
|
|
34420
|
+
"name": "item",
|
|
34421
|
+
"type": {
|
|
34422
|
+
"text": "IncludeOption"
|
|
34423
|
+
}
|
|
34424
|
+
}
|
|
34425
|
+
]
|
|
34426
|
+
},
|
|
33902
34427
|
{
|
|
33903
34428
|
"kind": "field",
|
|
33904
34429
|
"name": "closeImagePicker",
|
|
@@ -33946,6 +34471,27 @@
|
|
|
33946
34471
|
}
|
|
33947
34472
|
]
|
|
33948
34473
|
},
|
|
34474
|
+
{
|
|
34475
|
+
"kind": "method",
|
|
34476
|
+
"name": "hasIncludeBlock",
|
|
34477
|
+
"privacy": "private",
|
|
34478
|
+
"return": {
|
|
34479
|
+
"type": {
|
|
34480
|
+
"text": "boolean"
|
|
34481
|
+
}
|
|
34482
|
+
}
|
|
34483
|
+
},
|
|
34484
|
+
{
|
|
34485
|
+
"kind": "method",
|
|
34486
|
+
"name": "loadIncludeOptions",
|
|
34487
|
+
"privacy": "private",
|
|
34488
|
+
"return": {
|
|
34489
|
+
"type": {
|
|
34490
|
+
"text": "Promise<IncludeOption[]>"
|
|
34491
|
+
}
|
|
34492
|
+
},
|
|
34493
|
+
"description": "Fetches the include list once; every later caller shares the same promise."
|
|
34494
|
+
},
|
|
33949
34495
|
{
|
|
33950
34496
|
"kind": "method",
|
|
33951
34497
|
"name": "autosize",
|
|
@@ -33999,6 +34545,19 @@
|
|
|
33999
34545
|
"name": "renderImageControls",
|
|
34000
34546
|
"privacy": "private"
|
|
34001
34547
|
},
|
|
34548
|
+
{
|
|
34549
|
+
"kind": "method",
|
|
34550
|
+
"name": "renderIncludeChip",
|
|
34551
|
+
"privacy": "private",
|
|
34552
|
+
"parameters": [
|
|
34553
|
+
{
|
|
34554
|
+
"name": "data",
|
|
34555
|
+
"type": {
|
|
34556
|
+
"text": "IncludeBlockData"
|
|
34557
|
+
}
|
|
34558
|
+
}
|
|
34559
|
+
]
|
|
34560
|
+
},
|
|
34002
34561
|
{
|
|
34003
34562
|
"kind": "method",
|
|
34004
34563
|
"name": "renderBlock",
|
|
@@ -34029,6 +34588,11 @@
|
|
|
34029
34588
|
"privacy": "private",
|
|
34030
34589
|
"description": "The block views, with the inline image picker spliced in when active."
|
|
34031
34590
|
},
|
|
34591
|
+
{
|
|
34592
|
+
"kind": "method",
|
|
34593
|
+
"name": "renderIncludePicker",
|
|
34594
|
+
"privacy": "private"
|
|
34595
|
+
},
|
|
34032
34596
|
{
|
|
34033
34597
|
"kind": "method",
|
|
34034
34598
|
"name": "renderImagePicker",
|
|
@@ -34046,6 +34610,15 @@
|
|
|
34046
34610
|
}
|
|
34047
34611
|
],
|
|
34048
34612
|
"attributes": [
|
|
34613
|
+
{
|
|
34614
|
+
"name": "slash-recent-key",
|
|
34615
|
+
"type": {
|
|
34616
|
+
"text": "string"
|
|
34617
|
+
},
|
|
34618
|
+
"default": "''",
|
|
34619
|
+
"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.",
|
|
34620
|
+
"fieldName": "slashRecentKey"
|
|
34621
|
+
},
|
|
34049
34622
|
{
|
|
34050
34623
|
"name": "name",
|
|
34051
34624
|
"type": {
|
|
@@ -34082,6 +34655,15 @@
|
|
|
34082
34655
|
"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.",
|
|
34083
34656
|
"fieldName": "attachmentUrl"
|
|
34084
34657
|
},
|
|
34658
|
+
{
|
|
34659
|
+
"name": "include-url",
|
|
34660
|
+
"type": {
|
|
34661
|
+
"text": "string"
|
|
34662
|
+
},
|
|
34663
|
+
"default": "''",
|
|
34664
|
+
"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.",
|
|
34665
|
+
"fieldName": "includeUrl"
|
|
34666
|
+
},
|
|
34085
34667
|
{
|
|
34086
34668
|
"name": "allow-raw",
|
|
34087
34669
|
"type": {
|
|
@@ -34127,7 +34709,7 @@
|
|
|
34127
34709
|
"tagNameWithoutPrefix": "remarkd-editor",
|
|
34128
34710
|
"tagName": "zn-remarkd-editor",
|
|
34129
34711
|
"customElement": true,
|
|
34130
|
-
"jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n * @dependency zn-slash-menu\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart raw-toggle - The button that switches between the block view and the raw source view.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart raw - The full-document textarea shown in raw source mode.\n * @csspart slash-menu - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n */",
|
|
34712
|
+
"jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n * @dependency zn-slash-menu\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart raw-toggle - The button that switches between the block view and the raw source view.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart raw - The full-document textarea shown in raw source mode.\n * @csspart slash-menu - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n * @csspart include - The chip rendered in place of an `include::` directive.\n * @csspart include-picker - The inline Include picker opened from the toolbar or \"/include\".\n */",
|
|
34131
34713
|
"documentation": "https://zinc.style/components/remarkd-editor",
|
|
34132
34714
|
"status": "experimental",
|
|
34133
34715
|
"since": "1.0",
|
|
@@ -38608,6 +39190,14 @@
|
|
|
38608
39190
|
"description": "The width of the panel.",
|
|
38609
39191
|
"name": "--slash-menu-width"
|
|
38610
39192
|
},
|
|
39193
|
+
{
|
|
39194
|
+
"description": "The corner radius of the panel.",
|
|
39195
|
+
"name": "--slash-menu-border-radius"
|
|
39196
|
+
},
|
|
39197
|
+
{
|
|
39198
|
+
"description": "The corner radius of the items and their icon chips.",
|
|
39199
|
+
"name": "--slash-menu-item-border-radius"
|
|
39200
|
+
},
|
|
38611
39201
|
{
|
|
38612
39202
|
"description": "The maximum height of the panel before it scrolls.",
|
|
38613
39203
|
"name": "--slash-menu-max-height"
|
|
@@ -38619,20 +39209,40 @@
|
|
|
38619
39209
|
"name": "panel"
|
|
38620
39210
|
},
|
|
38621
39211
|
{
|
|
38622
|
-
"description": "The
|
|
38623
|
-
"name": "
|
|
39212
|
+
"description": "The scrolling list of items.",
|
|
39213
|
+
"name": "list"
|
|
38624
39214
|
},
|
|
38625
39215
|
{
|
|
38626
39216
|
"description": "An item in the list.",
|
|
38627
39217
|
"name": "item"
|
|
38628
39218
|
},
|
|
39219
|
+
{
|
|
39220
|
+
"description": "The chip holding an item's icon.",
|
|
39221
|
+
"name": "icon"
|
|
39222
|
+
},
|
|
38629
39223
|
{
|
|
38630
39224
|
"description": "A group heading between items.",
|
|
38631
39225
|
"name": "group-heading"
|
|
38632
39226
|
},
|
|
39227
|
+
{
|
|
39228
|
+
"description": "The rule closing the recently used section, when the items below it have no heading of their own.",
|
|
39229
|
+
"name": "divider"
|
|
39230
|
+
},
|
|
38633
39231
|
{
|
|
38634
39232
|
"description": "The truncation footer, shown when not every match fits.",
|
|
38635
39233
|
"name": "footer"
|
|
39234
|
+
},
|
|
39235
|
+
{
|
|
39236
|
+
"description": "The pinned footer of keyboard hints.",
|
|
39237
|
+
"name": "hints"
|
|
39238
|
+
},
|
|
39239
|
+
{
|
|
39240
|
+
"description": "A single keyboard hint within the footer.",
|
|
39241
|
+
"name": "hint"
|
|
39242
|
+
},
|
|
39243
|
+
{
|
|
39244
|
+
"description": "The key shown against a hint.",
|
|
39245
|
+
"name": "hint-key"
|
|
38636
39246
|
}
|
|
38637
39247
|
],
|
|
38638
39248
|
"members": [
|
|
@@ -38653,6 +39263,14 @@
|
|
|
38653
39263
|
},
|
|
38654
39264
|
"privacy": "private"
|
|
38655
39265
|
},
|
|
39266
|
+
{
|
|
39267
|
+
"kind": "field",
|
|
39268
|
+
"name": "list",
|
|
39269
|
+
"type": {
|
|
39270
|
+
"text": "HTMLElement"
|
|
39271
|
+
},
|
|
39272
|
+
"privacy": "private"
|
|
39273
|
+
},
|
|
38656
39274
|
{
|
|
38657
39275
|
"kind": "field",
|
|
38658
39276
|
"name": "stopAutoUpdate",
|
|
@@ -38699,7 +39317,7 @@
|
|
|
38699
39317
|
"text": "string"
|
|
38700
39318
|
},
|
|
38701
39319
|
"default": "'Insert'",
|
|
38702
|
-
"description": "The
|
|
39320
|
+
"description": "The name the list is announced by when there is no query.",
|
|
38703
39321
|
"attribute": "heading"
|
|
38704
39322
|
},
|
|
38705
39323
|
{
|
|
@@ -38732,6 +39350,46 @@
|
|
|
38732
39350
|
"description": "Hides the insertion key (the item's value) normally shown against each item.",
|
|
38733
39351
|
"attribute": "hide-keys"
|
|
38734
39352
|
},
|
|
39353
|
+
{
|
|
39354
|
+
"kind": "field",
|
|
39355
|
+
"name": "hideHints",
|
|
39356
|
+
"type": {
|
|
39357
|
+
"text": "boolean"
|
|
39358
|
+
},
|
|
39359
|
+
"default": "false",
|
|
39360
|
+
"description": "Hides the pinned footer of keyboard hints.",
|
|
39361
|
+
"attribute": "hide-hints"
|
|
39362
|
+
},
|
|
39363
|
+
{
|
|
39364
|
+
"kind": "field",
|
|
39365
|
+
"name": "recentKey",
|
|
39366
|
+
"type": {
|
|
39367
|
+
"text": "string"
|
|
39368
|
+
},
|
|
39369
|
+
"default": "''",
|
|
39370
|
+
"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.",
|
|
39371
|
+
"attribute": "recent-key"
|
|
39372
|
+
},
|
|
39373
|
+
{
|
|
39374
|
+
"kind": "field",
|
|
39375
|
+
"name": "maxRecent",
|
|
39376
|
+
"type": {
|
|
39377
|
+
"text": "number"
|
|
39378
|
+
},
|
|
39379
|
+
"default": "3",
|
|
39380
|
+
"description": "The most recently used items to list.",
|
|
39381
|
+
"attribute": "max-recent"
|
|
39382
|
+
},
|
|
39383
|
+
{
|
|
39384
|
+
"kind": "field",
|
|
39385
|
+
"name": "recentHeading",
|
|
39386
|
+
"type": {
|
|
39387
|
+
"text": "string"
|
|
39388
|
+
},
|
|
39389
|
+
"default": "'Recently used'",
|
|
39390
|
+
"description": "The heading shown above the recently used items.",
|
|
39391
|
+
"attribute": "recent-heading"
|
|
39392
|
+
},
|
|
38735
39393
|
{
|
|
38736
39394
|
"kind": "field",
|
|
38737
39395
|
"name": "anchor",
|
|
@@ -38770,6 +39428,44 @@
|
|
|
38770
39428
|
"privacy": "private",
|
|
38771
39429
|
"default": "0"
|
|
38772
39430
|
},
|
|
39431
|
+
{
|
|
39432
|
+
"kind": "field",
|
|
39433
|
+
"name": "recentKeys",
|
|
39434
|
+
"type": {
|
|
39435
|
+
"text": "string[]"
|
|
39436
|
+
},
|
|
39437
|
+
"privacy": "private",
|
|
39438
|
+
"default": "[]"
|
|
39439
|
+
},
|
|
39440
|
+
{
|
|
39441
|
+
"kind": "field",
|
|
39442
|
+
"name": "recentCount",
|
|
39443
|
+
"type": {
|
|
39444
|
+
"text": "number"
|
|
39445
|
+
},
|
|
39446
|
+
"privacy": "private",
|
|
39447
|
+
"default": "0",
|
|
39448
|
+
"description": "How many recently used items the last update listed, to spot the list appearing or reordering."
|
|
39449
|
+
},
|
|
39450
|
+
{
|
|
39451
|
+
"kind": "field",
|
|
39452
|
+
"name": "listItems",
|
|
39453
|
+
"type": {
|
|
39454
|
+
"text": "SlashMenuItem[]"
|
|
39455
|
+
},
|
|
39456
|
+
"privacy": "private",
|
|
39457
|
+
"readonly": true
|
|
39458
|
+
},
|
|
39459
|
+
{
|
|
39460
|
+
"kind": "field",
|
|
39461
|
+
"name": "recentItems",
|
|
39462
|
+
"type": {
|
|
39463
|
+
"text": "SlashMenuItem[]"
|
|
39464
|
+
},
|
|
39465
|
+
"privacy": "private",
|
|
39466
|
+
"description": "The remembered items that are in the current list, newest first. Only offered without a query —\nonce the user is searching, the ranked matches are the better answer.",
|
|
39467
|
+
"readonly": true
|
|
39468
|
+
},
|
|
38773
39469
|
{
|
|
38774
39470
|
"kind": "field",
|
|
38775
39471
|
"name": "visibleItems",
|
|
@@ -38796,6 +39492,11 @@
|
|
|
38796
39492
|
"kind": "method",
|
|
38797
39493
|
"name": "hide"
|
|
38798
39494
|
},
|
|
39495
|
+
{
|
|
39496
|
+
"kind": "method",
|
|
39497
|
+
"name": "clearRecent",
|
|
39498
|
+
"description": "Forgets the items remembered under `recent-key`."
|
|
39499
|
+
},
|
|
38799
39500
|
{
|
|
38800
39501
|
"kind": "method",
|
|
38801
39502
|
"name": "setActiveIndex",
|
|
@@ -38910,6 +39611,30 @@
|
|
|
38910
39611
|
"kind": "method",
|
|
38911
39612
|
"name": "renderItems",
|
|
38912
39613
|
"privacy": "private"
|
|
39614
|
+
},
|
|
39615
|
+
{
|
|
39616
|
+
"kind": "method",
|
|
39617
|
+
"name": "renderHint",
|
|
39618
|
+
"privacy": "private",
|
|
39619
|
+
"parameters": [
|
|
39620
|
+
{
|
|
39621
|
+
"name": "keys",
|
|
39622
|
+
"type": {
|
|
39623
|
+
"text": "(TemplateResult | string)[]"
|
|
39624
|
+
}
|
|
39625
|
+
},
|
|
39626
|
+
{
|
|
39627
|
+
"name": "label",
|
|
39628
|
+
"type": {
|
|
39629
|
+
"text": "string"
|
|
39630
|
+
}
|
|
39631
|
+
}
|
|
39632
|
+
]
|
|
39633
|
+
},
|
|
39634
|
+
{
|
|
39635
|
+
"kind": "method",
|
|
39636
|
+
"name": "renderHints",
|
|
39637
|
+
"privacy": "private"
|
|
38913
39638
|
}
|
|
38914
39639
|
],
|
|
38915
39640
|
"events": [
|
|
@@ -38958,7 +39683,7 @@
|
|
|
38958
39683
|
"text": "string"
|
|
38959
39684
|
},
|
|
38960
39685
|
"default": "'Insert'",
|
|
38961
|
-
"description": "The
|
|
39686
|
+
"description": "The name the list is announced by when there is no query.",
|
|
38962
39687
|
"fieldName": "heading"
|
|
38963
39688
|
},
|
|
38964
39689
|
{
|
|
@@ -38988,6 +39713,42 @@
|
|
|
38988
39713
|
"description": "Hides the insertion key (the item's value) normally shown against each item.",
|
|
38989
39714
|
"fieldName": "hideKeys"
|
|
38990
39715
|
},
|
|
39716
|
+
{
|
|
39717
|
+
"name": "hide-hints",
|
|
39718
|
+
"type": {
|
|
39719
|
+
"text": "boolean"
|
|
39720
|
+
},
|
|
39721
|
+
"default": "false",
|
|
39722
|
+
"description": "Hides the pinned footer of keyboard hints.",
|
|
39723
|
+
"fieldName": "hideHints"
|
|
39724
|
+
},
|
|
39725
|
+
{
|
|
39726
|
+
"name": "recent-key",
|
|
39727
|
+
"type": {
|
|
39728
|
+
"text": "string"
|
|
39729
|
+
},
|
|
39730
|
+
"default": "''",
|
|
39731
|
+
"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.",
|
|
39732
|
+
"fieldName": "recentKey"
|
|
39733
|
+
},
|
|
39734
|
+
{
|
|
39735
|
+
"name": "max-recent",
|
|
39736
|
+
"type": {
|
|
39737
|
+
"text": "number"
|
|
39738
|
+
},
|
|
39739
|
+
"default": "3",
|
|
39740
|
+
"description": "The most recently used items to list.",
|
|
39741
|
+
"fieldName": "maxRecent"
|
|
39742
|
+
},
|
|
39743
|
+
{
|
|
39744
|
+
"name": "recent-heading",
|
|
39745
|
+
"type": {
|
|
39746
|
+
"text": "string"
|
|
39747
|
+
},
|
|
39748
|
+
"default": "'Recently used'",
|
|
39749
|
+
"description": "The heading shown above the recently used items.",
|
|
39750
|
+
"fieldName": "recentHeading"
|
|
39751
|
+
},
|
|
38991
39752
|
{
|
|
38992
39753
|
"name": "placement",
|
|
38993
39754
|
"type": {
|
|
@@ -39015,7 +39776,7 @@
|
|
|
39015
39776
|
"tagNameWithoutPrefix": "slash-menu",
|
|
39016
39777
|
"tagName": "zn-slash-menu",
|
|
39017
39778
|
"customElement": true,
|
|
39018
|
-
"jsDoc": "/**\n * @summary A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n * @documentation https://zinc.style/components/slash-menu\n * @status experimental\n * @since 1.1\n *\n * @dependency zn-icon\n *\n * @event zn-slash-item-select - Emitted when an item is chosen. Does not cross shadow boundaries; the\n * component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n *\n * @csspart panel - The floating panel that holds the list.\n * @csspart
|
|
39779
|
+
"jsDoc": "/**\n * @summary A keyboard-driven list of insertions, anchored to the caret of the field that opened it.\n * @documentation https://zinc.style/components/slash-menu\n * @status experimental\n * @since 1.1\n *\n * @dependency zn-icon\n *\n * @event zn-slash-item-select - Emitted when an item is chosen. Does not cross shadow boundaries; the\n * component driving the menu (e.g. `zn-textarea`) re-emits it as `zn-slash-select`.\n *\n * @csspart panel - The floating panel that holds the list.\n * @csspart list - The scrolling list of items.\n * @csspart item - An item in the list.\n * @csspart icon - The chip holding an item's icon.\n * @csspart group-heading - A group heading between items.\n * @csspart divider - The rule closing the recently used section, when the items below it have no heading of their own.\n * @csspart footer - The truncation footer, shown when not every match fits.\n * @csspart hints - The pinned footer of keyboard hints.\n * @csspart hint - A single keyboard hint within the footer.\n * @csspart hint-key - The key shown against a hint.\n *\n * @cssproperty --slash-menu-width - The width of the panel.\n * @cssproperty --slash-menu-border-radius - The corner radius of the panel.\n * @cssproperty --slash-menu-item-border-radius - The corner radius of the items and their icon chips.\n * @cssproperty --slash-menu-max-height - The maximum height of the panel before it scrolls.\n */",
|
|
39019
39780
|
"documentation": "https://zinc.style/components/slash-menu",
|
|
39020
39781
|
"status": "experimental",
|
|
39021
39782
|
"since": "1.1",
|
|
@@ -43109,7 +43870,7 @@
|
|
|
43109
43870
|
"text": "string"
|
|
43110
43871
|
},
|
|
43111
43872
|
"default": "'Insert'",
|
|
43112
|
-
"description": "The
|
|
43873
|
+
"description": "The name the slash menu's list is announced by.",
|
|
43113
43874
|
"attribute": "slash-heading"
|
|
43114
43875
|
},
|
|
43115
43876
|
{
|
|
@@ -43122,6 +43883,16 @@
|
|
|
43122
43883
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
43123
43884
|
"attribute": "slash-hide-keys"
|
|
43124
43885
|
},
|
|
43886
|
+
{
|
|
43887
|
+
"kind": "field",
|
|
43888
|
+
"name": "slashRecentKey",
|
|
43889
|
+
"type": {
|
|
43890
|
+
"text": "string"
|
|
43891
|
+
},
|
|
43892
|
+
"default": "''",
|
|
43893
|
+
"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.",
|
|
43894
|
+
"attribute": "slash-recent-key"
|
|
43895
|
+
},
|
|
43125
43896
|
{
|
|
43126
43897
|
"kind": "field",
|
|
43127
43898
|
"name": "slashItemsProvider",
|
|
@@ -43685,7 +44456,7 @@
|
|
|
43685
44456
|
"text": "string"
|
|
43686
44457
|
},
|
|
43687
44458
|
"default": "'Insert'",
|
|
43688
|
-
"description": "The
|
|
44459
|
+
"description": "The name the slash menu's list is announced by.",
|
|
43689
44460
|
"fieldName": "slashHeading"
|
|
43690
44461
|
},
|
|
43691
44462
|
{
|
|
@@ -43697,6 +44468,15 @@
|
|
|
43697
44468
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
43698
44469
|
"fieldName": "slashHideKeys"
|
|
43699
44470
|
},
|
|
44471
|
+
{
|
|
44472
|
+
"name": "slash-recent-key",
|
|
44473
|
+
"type": {
|
|
44474
|
+
"text": "string"
|
|
44475
|
+
},
|
|
44476
|
+
"default": "''",
|
|
44477
|
+
"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.",
|
|
44478
|
+
"fieldName": "slashRecentKey"
|
|
44479
|
+
},
|
|
43700
44480
|
{
|
|
43701
44481
|
"name": "transparent",
|
|
43702
44482
|
"type": {
|
|
@@ -46977,7 +47757,7 @@
|
|
|
46977
47757
|
"text": "string"
|
|
46978
47758
|
},
|
|
46979
47759
|
"default": "'Insert'",
|
|
46980
|
-
"description": "The
|
|
47760
|
+
"description": "The name the slash menu's list is announced by.",
|
|
46981
47761
|
"attribute": "slash-heading"
|
|
46982
47762
|
},
|
|
46983
47763
|
{
|
|
@@ -46990,6 +47770,16 @@
|
|
|
46990
47770
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
46991
47771
|
"attribute": "slash-hide-keys"
|
|
46992
47772
|
},
|
|
47773
|
+
{
|
|
47774
|
+
"kind": "field",
|
|
47775
|
+
"name": "slashRecentKey",
|
|
47776
|
+
"type": {
|
|
47777
|
+
"text": "string"
|
|
47778
|
+
},
|
|
47779
|
+
"default": "''",
|
|
47780
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
47781
|
+
"attribute": "slash-recent-key"
|
|
47782
|
+
},
|
|
46993
47783
|
{
|
|
46994
47784
|
"kind": "field",
|
|
46995
47785
|
"name": "slashItemsProvider",
|
|
@@ -47312,7 +48102,7 @@
|
|
|
47312
48102
|
"text": "string"
|
|
47313
48103
|
},
|
|
47314
48104
|
"default": "'Insert'",
|
|
47315
|
-
"description": "The
|
|
48105
|
+
"description": "The name the slash menu's list is announced by.",
|
|
47316
48106
|
"fieldName": "slashHeading"
|
|
47317
48107
|
},
|
|
47318
48108
|
{
|
|
@@ -47324,6 +48114,15 @@
|
|
|
47324
48114
|
"description": "Hides the insertion keys normally shown against the slash menu's items.",
|
|
47325
48115
|
"fieldName": "slashHideKeys"
|
|
47326
48116
|
},
|
|
48117
|
+
{
|
|
48118
|
+
"name": "slash-recent-key",
|
|
48119
|
+
"type": {
|
|
48120
|
+
"text": "string"
|
|
48121
|
+
},
|
|
48122
|
+
"default": "''",
|
|
48123
|
+
"description": "Lists the slash menu items most recently chosen here above the rest, remembered under this key.",
|
|
48124
|
+
"fieldName": "slashRecentKey"
|
|
48125
|
+
},
|
|
47327
48126
|
{
|
|
47328
48127
|
"name": "grouped",
|
|
47329
48128
|
"type": {
|
|
@@ -47626,7 +48425,7 @@
|
|
|
47626
48425
|
"package": {
|
|
47627
48426
|
"name": "@kubex/zinc",
|
|
47628
48427
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
47629
|
-
"version": "1.1.
|
|
48428
|
+
"version": "1.1.95",
|
|
47630
48429
|
"author": "",
|
|
47631
48430
|
"license": "MIT"
|
|
47632
48431
|
}
|