@kabel-project/kabel 1.0.7

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.
Files changed (152) hide show
  1. package/(1.0.7)kabel.md +18 -0
  2. package/README.md +96 -0
  3. package/_READ_ME_MEDIA_/documentation/docs.md +293 -0
  4. package/_READ_ME_MEDIA_/workspace.png +0 -0
  5. package/comment-renderer/renderer.ts +228 -0
  6. package/controllers/base.ts +186 -0
  7. package/controllers/wasd.ts +132 -0
  8. package/docs/README.md +98 -0
  9. package/docs/_media/docs.md +289 -0
  10. package/docs/_media/index.html +168 -0
  11. package/docs/_media/workspace.png +0 -0
  12. package/docs/classes/CommentModel.md +271 -0
  13. package/docs/classes/CommentRenderer.md +457 -0
  14. package/docs/classes/ConnectableField.md +597 -0
  15. package/docs/classes/Connection.md +191 -0
  16. package/docs/classes/ContextMenuHTML.md +163 -0
  17. package/docs/classes/Coordinates.md +187 -0
  18. package/docs/classes/DropdownContainer.md +300 -0
  19. package/docs/classes/DummyField.md +393 -0
  20. package/docs/classes/Eventer.md +185 -0
  21. package/docs/classes/Field.md +461 -0
  22. package/docs/classes/InjectMsg.md +85 -0
  23. package/docs/classes/NodeSvg.md +1011 -0
  24. package/docs/classes/NumberField.md +559 -0
  25. package/docs/classes/OptConnectField.md +624 -0
  26. package/docs/classes/Renderer.md +1636 -0
  27. package/docs/classes/RendererConstants.md +343 -0
  28. package/docs/classes/Representer.md +95 -0
  29. package/docs/classes/RepresenterNode.md +175 -0
  30. package/docs/classes/TextField.md +559 -0
  31. package/docs/classes/Toolbox.md +172 -0
  32. package/docs/classes/WASDController.md +616 -0
  33. package/docs/classes/Widget.md +195 -0
  34. package/docs/classes/WorkspaceController.md +385 -0
  35. package/docs/classes/WorkspaceCoords.md +218 -0
  36. package/docs/classes/WorkspaceSvg.md +1380 -0
  37. package/docs/functions/clearMainWorkspace.md +20 -0
  38. package/docs/functions/getMainWorkspace.md +19 -0
  39. package/docs/functions/inject.md +35 -0
  40. package/docs/functions/setMainWorkspace.md +28 -0
  41. package/docs/globals.md +95 -0
  42. package/docs/interfaces/ColorStyle.md +43 -0
  43. package/docs/interfaces/ConnectorToFrom.md +57 -0
  44. package/docs/interfaces/DrawState.md +81 -0
  45. package/docs/interfaces/FieldConnectionData.md +25 -0
  46. package/docs/interfaces/FieldOptions.md +63 -0
  47. package/docs/interfaces/FieldRawBoxData.md +25 -0
  48. package/docs/interfaces/FieldVisualInfo.md +65 -0
  49. package/docs/interfaces/GridOptions.md +61 -0
  50. package/docs/interfaces/InjectOptions.md +133 -0
  51. package/docs/interfaces/InputFieldJson.md +50 -0
  52. package/docs/interfaces/KabelCommentRendering.md +31 -0
  53. package/docs/interfaces/KabelInterface.md +469 -0
  54. package/docs/interfaces/KabelNodeRendering.md +77 -0
  55. package/docs/interfaces/KabelUIX.md +105 -0
  56. package/docs/interfaces/KabelUtils.md +215 -0
  57. package/docs/interfaces/NodeEvents.md +42 -0
  58. package/docs/interfaces/NodeJson.md +104 -0
  59. package/docs/interfaces/NodePrototype.md +82 -0
  60. package/docs/interfaces/RegisteredEl.md +53 -0
  61. package/docs/interfaces/SerializedNode.md +128 -0
  62. package/docs/interfaces/TblxCategoryStruct.md +41 -0
  63. package/docs/interfaces/TblxFieldStruct.md +28 -0
  64. package/docs/interfaces/TblxNodeStruct.md +35 -0
  65. package/docs/interfaces/WidgetOptions.md +115 -0
  66. package/docs/interfaces/WidgetPrototypeList.md +15 -0
  67. package/docs/type-aliases/AnyField.md +13 -0
  68. package/docs/type-aliases/AnyFieldCls.md +13 -0
  69. package/docs/type-aliases/Color.md +13 -0
  70. package/docs/type-aliases/Connectable.md +13 -0
  71. package/docs/type-aliases/EventArgs.md +11 -0
  72. package/docs/type-aliases/EventSetupFn.md +25 -0
  73. package/docs/type-aliases/Hex.md +13 -0
  74. package/docs/type-aliases/RGBObject.md +37 -0
  75. package/docs/type-aliases/RGBString.md +13 -0
  76. package/docs/type-aliases/RGBTuple.md +13 -0
  77. package/docs/type-aliases/TblxObjStruct.md +52 -0
  78. package/docs/variables/CategoryColors.md +29 -0
  79. package/docs/variables/FieldMap.md +41 -0
  80. package/docs/variables/NodePrototypes.md +18 -0
  81. package/docs/variables/default.md +11 -0
  82. package/events/comment-drag-handle.ts +61 -0
  83. package/events/comment-input.ts +291 -0
  84. package/events/connection-line.ts +68 -0
  85. package/events/connector.ts +116 -0
  86. package/events/draggable.ts +119 -0
  87. package/events/events.ts +7 -0
  88. package/events/input-box.ts +213 -0
  89. package/events/node-x-btn.ts +25 -0
  90. package/index.d.ts +4 -0
  91. package/package.json +49 -0
  92. package/renderers/apollo/apollo.ts +21 -0
  93. package/renderers/apollo/constants.ts +40 -0
  94. package/renderers/apollo/renderer.ts +331 -0
  95. package/renderers/atlas/atlas.ts +15 -0
  96. package/renderers/constants.ts +87 -0
  97. package/renderers/renderer.ts +1288 -0
  98. package/renderers/representer-node.ts +52 -0
  99. package/renderers/representer.ts +25 -0
  100. package/src/category.ts +107 -0
  101. package/src/colors.ts +20 -0
  102. package/src/comment.ts +142 -0
  103. package/src/connection.ts +114 -0
  104. package/src/context-menu.ts +194 -0
  105. package/src/coordinates.ts +74 -0
  106. package/src/core.ts +202 -0
  107. package/src/ctx-menu-registry.ts +143 -0
  108. package/src/dropdown-menu.ts +215 -0
  109. package/src/field.ts +595 -0
  110. package/src/flyout.ts +165 -0
  111. package/src/fonts-manager.ts +38 -0
  112. package/src/grid.ts +162 -0
  113. package/src/headless-node.ts +27 -0
  114. package/src/index.ts +115 -0
  115. package/src/inject-headless.ts +18 -0
  116. package/src/inject.ts +213 -0
  117. package/src/main-workspace.ts +51 -0
  118. package/src/mutator.ts +40 -0
  119. package/src/node-types.ts +27 -0
  120. package/src/nodesvg.ts +756 -0
  121. package/src/prototypes.ts +9 -0
  122. package/src/renderer-map.ts +86 -0
  123. package/src/styles.css +224 -0
  124. package/src/toolbox.ts +125 -0
  125. package/src/types.ts +205 -0
  126. package/src/undo-redo.ts +87 -0
  127. package/src/visual-types.ts +29 -0
  128. package/src/widget-prototypes.ts +11 -0
  129. package/src/widget.ts +139 -0
  130. package/src/workspace-coords.ts +14 -0
  131. package/src/workspace-svg.ts +736 -0
  132. package/src/workspace.ts +155 -0
  133. package/test-server.js +61 -0
  134. package/themes/dark.ts +32 -0
  135. package/themes/default.ts +28 -0
  136. package/themes/themes.ts +9 -0
  137. package/tsconfig.json +25 -0
  138. package/typedoc.json +10 -0
  139. package/util/emitter.ts +33 -0
  140. package/util/env.ts +11 -0
  141. package/util/escape-html.ts +22 -0
  142. package/util/eventer.ts +108 -0
  143. package/util/has-prop.ts +4 -0
  144. package/util/parse-color.ts +42 -0
  145. package/util/path.ts +99 -0
  146. package/util/styler.ts +41 -0
  147. package/util/uid.ts +184 -0
  148. package/util/unescape-html.ts +22 -0
  149. package/util/user-state.ts +68 -0
  150. package/util/wait-anim-frames.ts +24 -0
  151. package/util/window-listeners.ts +62 -0
  152. package/webpack.config.js +80 -0
@@ -0,0 +1,343 @@
1
+ [**Kabel Project Docs v1.0.6**](../README.md)
2
+
3
+ ***
4
+
5
+ [Kabel Project Docs](../globals.md) / RendererConstants
6
+
7
+ # Class: RendererConstants
8
+
9
+ Defined in: [renderers/constants.ts:3](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L3)
10
+
11
+ ## Constructors
12
+
13
+ ### Constructor
14
+
15
+ > **new RendererConstants**(`overrides`): `RendererConstants`
16
+
17
+ Defined in: [renderers/constants.ts:53](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L53)
18
+
19
+ #### Parameters
20
+
21
+ ##### overrides
22
+
23
+ `Partial`\<`RendererConstants`\> = `{}`
24
+
25
+ #### Returns
26
+
27
+ `RendererConstants`
28
+
29
+ ## Properties
30
+
31
+ ### CONNECTION\_STROKE\_COLOR\_CHOICE
32
+
33
+ > **CONNECTION\_STROKE\_COLOR\_CHOICE**: `number`
34
+
35
+ Defined in: [renderers/constants.ts:29](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L29)
36
+
37
+ ***
38
+
39
+ ### CONNECTION\_STROKE\_WIDTH
40
+
41
+ > **CONNECTION\_STROKE\_WIDTH**: `number`
42
+
43
+ Defined in: [renderers/constants.ts:28](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L28)
44
+
45
+ ***
46
+
47
+ ### CONNECTOR\_LINE\_CURVED
48
+
49
+ > **CONNECTOR\_LINE\_CURVED**: `boolean` = `true`
50
+
51
+ Defined in: [renderers/constants.ts:43](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L43)
52
+
53
+ ***
54
+
55
+ ### CONNECTOR\_LINE\_WIDTH
56
+
57
+ > **CONNECTOR\_LINE\_WIDTH**: `number` = `6`
58
+
59
+ Defined in: [renderers/constants.ts:42](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L42)
60
+
61
+ ***
62
+
63
+ ### CONNECTOR\_RADIUS
64
+
65
+ > **CONNECTOR\_RADIUS**: `number`
66
+
67
+ Defined in: [renderers/constants.ts:31](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L31)
68
+
69
+ ***
70
+
71
+ ### CONNECTOR\_TRI\_SIZE
72
+
73
+ > **CONNECTOR\_TRI\_SIZE**: `number`
74
+
75
+ Defined in: [renderers/constants.ts:30](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L30)
76
+
77
+ ***
78
+
79
+ ### CONNECTOR\_TRIANGLE
80
+
81
+ > **CONNECTOR\_TRIANGLE**: `boolean`
82
+
83
+ Defined in: [renderers/constants.ts:27](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L27)
84
+
85
+ ***
86
+
87
+ ### CORNER\_RADIUS
88
+
89
+ > **CORNER\_RADIUS**: `number`
90
+
91
+ Defined in: [renderers/constants.ts:4](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L4)
92
+
93
+ ***
94
+
95
+ ### FIELD\_CONN\_COLOR
96
+
97
+ > **FIELD\_CONN\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#0c7cccff'`
98
+
99
+ Defined in: [renderers/constants.ts:24](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L24)
100
+
101
+ ***
102
+
103
+ ### FIELD\_MARGIN\_X
104
+
105
+ > **FIELD\_MARGIN\_X**: `number`
106
+
107
+ Defined in: [renderers/constants.ts:37](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L37)
108
+
109
+ ***
110
+
111
+ ### FIELD\_MARGIN\_Y
112
+
113
+ > **FIELD\_MARGIN\_Y**: `number`
114
+
115
+ Defined in: [renderers/constants.ts:38](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L38)
116
+
117
+ ***
118
+
119
+ ### FIELD\_RAW\_BASE\_HEIGHT
120
+
121
+ > **FIELD\_RAW\_BASE\_HEIGHT**: `number`
122
+
123
+ Defined in: [renderers/constants.ts:15](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L15)
124
+
125
+ ***
126
+
127
+ ### FIELD\_RAW\_BASE\_WIDTH
128
+
129
+ > **FIELD\_RAW\_BASE\_WIDTH**: `number`
130
+
131
+ Defined in: [renderers/constants.ts:14](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L14)
132
+
133
+ ***
134
+
135
+ ### FIELD\_RAW\_COLOR
136
+
137
+ > **FIELD\_RAW\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#2b2d36ff'`
138
+
139
+ Defined in: [renderers/constants.ts:20](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L20)
140
+
141
+ ***
142
+
143
+ ### FIELD\_RAW\_OUTLINE\_COLOR
144
+
145
+ > **FIELD\_RAW\_OUTLINE\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#1f2027ff'`
146
+
147
+ Defined in: [renderers/constants.ts:22](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L22)
148
+
149
+ ***
150
+
151
+ ### FIELD\_RAW\_OUTLINE\_STROKE
152
+
153
+ > **FIELD\_RAW\_OUTLINE\_STROKE**: `number`
154
+
155
+ Defined in: [renderers/constants.ts:23](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L23)
156
+
157
+ ***
158
+
159
+ ### FIELD\_RAW\_TEXT\_COLOR
160
+
161
+ > **FIELD\_RAW\_TEXT\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#e0e2e8ff'`
162
+
163
+ Defined in: [renderers/constants.ts:21](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L21)
164
+
165
+ ***
166
+
167
+ ### FIELD\_SPACEX
168
+
169
+ > **FIELD\_SPACEX**: `number`
170
+
171
+ Defined in: [renderers/constants.ts:13](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L13)
172
+
173
+ ***
174
+
175
+ ### FIELD\_SPACEY
176
+
177
+ > **FIELD\_SPACEY**: `number`
178
+
179
+ Defined in: [renderers/constants.ts:12](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L12)
180
+
181
+ ***
182
+
183
+ ### FONT\_COLOR
184
+
185
+ > **FONT\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#e0e2e8ff'`
186
+
187
+ Defined in: [renderers/constants.ts:35](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L35)
188
+
189
+ ***
190
+
191
+ ### FONT\_FAMILY
192
+
193
+ > **FONT\_FAMILY**: `string` = `'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'`
194
+
195
+ Defined in: [renderers/constants.ts:32](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L32)
196
+
197
+ ***
198
+
199
+ ### FONT\_SIZE
200
+
201
+ > **FONT\_SIZE**: `number`
202
+
203
+ Defined in: [renderers/constants.ts:34](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L34)
204
+
205
+ ***
206
+
207
+ ### FOOTER\_HEIGHT
208
+
209
+ > **FOOTER\_HEIGHT**: `number`
210
+
211
+ Defined in: [renderers/constants.ts:8](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L8)
212
+
213
+ ***
214
+
215
+ ### INPUT\_BOX\_PADDING
216
+
217
+ > **INPUT\_BOX\_PADDING**: `number`
218
+
219
+ Defined in: [renderers/constants.ts:16](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L16)
220
+
221
+ ***
222
+
223
+ ### INPUT\_BOX\_TEXT\_ANCHOR
224
+
225
+ > **INPUT\_BOX\_TEXT\_ANCHOR**: `"start"` \| `"middle"`
226
+
227
+ Defined in: [renderers/constants.ts:17](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L17)
228
+
229
+ ***
230
+
231
+ ### LABEL\_SPACING
232
+
233
+ > **LABEL\_SPACING**: `number`
234
+
235
+ Defined in: [renderers/constants.ts:18](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L18)
236
+
237
+ ***
238
+
239
+ ### NODE\_BASE\_HEIGHT
240
+
241
+ > **NODE\_BASE\_HEIGHT**: `number`
242
+
243
+ Defined in: [renderers/constants.ts:6](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L6)
244
+
245
+ ***
246
+
247
+ ### NODE\_BASE\_WIDTH
248
+
249
+ > **NODE\_BASE\_WIDTH**: `number`
250
+
251
+ Defined in: [renderers/constants.ts:5](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L5)
252
+
253
+ ***
254
+
255
+ ### NODE\_BG\_COLOR
256
+
257
+ > **NODE\_BG\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#2c2d3aff'`
258
+
259
+ Defined in: [renderers/constants.ts:25](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L25)
260
+
261
+ ***
262
+
263
+ ### NODE\_OUTLINE\_COLOR
264
+
265
+ > **NODE\_OUTLINE\_COLOR**: [`Color`](../type-aliases/Color.md) = `'#1d1e25ff'`
266
+
267
+ Defined in: [renderers/constants.ts:26](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L26)
268
+
269
+ ***
270
+
271
+ ### PADDING\_BIG
272
+
273
+ > **PADDING\_BIG**: `number`
274
+
275
+ Defined in: [renderers/constants.ts:9](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L9)
276
+
277
+ ***
278
+
279
+ ### PADDING\_MEDIUM
280
+
281
+ > **PADDING\_MEDIUM**: `number`
282
+
283
+ Defined in: [renderers/constants.ts:10](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L10)
284
+
285
+ ***
286
+
287
+ ### PADDING\_SMALL
288
+
289
+ > **PADDING\_SMALL**: `number`
290
+
291
+ Defined in: [renderers/constants.ts:11](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L11)
292
+
293
+ ***
294
+
295
+ ### SHAPES
296
+
297
+ > **SHAPES**: `object` = `{}`
298
+
299
+ Defined in: [renderers/constants.ts:46](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L46)
300
+
301
+ #### Index Signature
302
+
303
+ \[`key`: `string`\]: `object`
304
+
305
+ ***
306
+
307
+ ### TOPBAR\_HEIGHT
308
+
309
+ > **TOPBAR\_HEIGHT**: `number`
310
+
311
+ Defined in: [renderers/constants.ts:7](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L7)
312
+
313
+ ***
314
+
315
+ ### TOPBAR\_LABEL\_BOLDED
316
+
317
+ > **TOPBAR\_LABEL\_BOLDED**: `boolean`
318
+
319
+ Defined in: [renderers/constants.ts:41](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L41)
320
+
321
+ ***
322
+
323
+ ### TOPBAR\_LABEL\_MARGIN\_X
324
+
325
+ > **TOPBAR\_LABEL\_MARGIN\_X**: `number`
326
+
327
+ Defined in: [renderers/constants.ts:39](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L39)
328
+
329
+ ***
330
+
331
+ ### TOPBAR\_LABEL\_MARGIN\_Y
332
+
333
+ > **TOPBAR\_LABEL\_MARGIN\_Y**: `number`
334
+
335
+ Defined in: [renderers/constants.ts:40](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L40)
336
+
337
+ ***
338
+
339
+ ### ZOOM\_BASE
340
+
341
+ > **ZOOM\_BASE**: `number` = `1`
342
+
343
+ Defined in: [renderers/constants.ts:44](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/constants.ts#L44)
@@ -0,0 +1,95 @@
1
+ [**Kabel Project Docs v1.0.6**](../README.md)
2
+
3
+ ***
4
+
5
+ [Kabel Project Docs](../globals.md) / Representer
6
+
7
+ # Class: Representer
8
+
9
+ Defined in: [renderers/representer.ts:5](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer.ts#L5)
10
+
11
+ ## Constructors
12
+
13
+ ### Constructor
14
+
15
+ > **new Representer**(): `Representer`
16
+
17
+ #### Returns
18
+
19
+ `Representer`
20
+
21
+ ## Properties
22
+
23
+ ### nodes
24
+
25
+ > **nodes**: `Map`\<`string`, [`RepresenterNode`](RepresenterNode.md)\>
26
+
27
+ Defined in: [renderers/representer.ts:6](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer.ts#L6)
28
+
29
+ ## Methods
30
+
31
+ ### build()
32
+
33
+ > **build**(`node`, `renderer`, `state`): [`RepresenterNode`](RepresenterNode.md) \| `undefined`
34
+
35
+ Defined in: [renderers/representer.ts:9](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer.ts#L9)
36
+
37
+ Build a representer node for a drawn node
38
+
39
+ #### Parameters
40
+
41
+ ##### node
42
+
43
+ [`NodeSvg`](NodeSvg.md)
44
+
45
+ ##### renderer
46
+
47
+ [`Renderer`](Renderer.md)
48
+
49
+ ##### state
50
+
51
+ [`DrawState`](../interfaces/DrawState.md)
52
+
53
+ #### Returns
54
+
55
+ [`RepresenterNode`](RepresenterNode.md) \| `undefined`
56
+
57
+ ***
58
+
59
+ ### get()
60
+
61
+ > **get**(`nodeId`): [`RepresenterNode`](RepresenterNode.md) \| `undefined`
62
+
63
+ Defined in: [renderers/representer.ts:17](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer.ts#L17)
64
+
65
+ Get a representer node by node id
66
+
67
+ #### Parameters
68
+
69
+ ##### nodeId
70
+
71
+ `string`
72
+
73
+ #### Returns
74
+
75
+ [`RepresenterNode`](RepresenterNode.md) \| `undefined`
76
+
77
+ ***
78
+
79
+ ### remove()
80
+
81
+ > **remove**(`nodeId`): `void`
82
+
83
+ Defined in: [renderers/representer.ts:22](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer.ts#L22)
84
+
85
+ Remove a node from the representer
86
+
87
+ #### Parameters
88
+
89
+ ##### nodeId
90
+
91
+ `string`
92
+
93
+ #### Returns
94
+
95
+ `void`
@@ -0,0 +1,175 @@
1
+ [**Kabel Project Docs v1.0.6**](../README.md)
2
+
3
+ ***
4
+
5
+ [Kabel Project Docs](../globals.md) / RepresenterNode
6
+
7
+ # Class: RepresenterNode
8
+
9
+ Defined in: [renderers/representer-node.ts:9](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L9)
10
+
11
+ ## Constructors
12
+
13
+ ### Constructor
14
+
15
+ > **new RepresenterNode**(`node`, `svgState`, `renderer`): `RepresenterNode`
16
+
17
+ Defined in: [renderers/representer-node.ts:13](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L13)
18
+
19
+ #### Parameters
20
+
21
+ ##### node
22
+
23
+ [`NodeSvg`](NodeSvg.md)
24
+
25
+ ##### svgState
26
+
27
+ [`DrawState`](../interfaces/DrawState.md)
28
+
29
+ ##### renderer
30
+
31
+ [`Renderer`](Renderer.md)
32
+
33
+ #### Returns
34
+
35
+ `RepresenterNode`
36
+
37
+ ## Properties
38
+
39
+ ### node
40
+
41
+ > **node**: [`NodeSvg`](NodeSvg.md)
42
+
43
+ Defined in: [renderers/representer-node.ts:10](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L10)
44
+
45
+ ***
46
+
47
+ ### renderer
48
+
49
+ > **renderer**: [`Renderer`](Renderer.md)
50
+
51
+ Defined in: [renderers/representer-node.ts:12](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L12)
52
+
53
+ ***
54
+
55
+ ### state
56
+
57
+ > **state**: [`DrawState`](../interfaces/DrawState.md)
58
+
59
+ Defined in: [renderers/representer-node.ts:11](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L11)
60
+
61
+ ## Methods
62
+
63
+ ### applyTransform()
64
+
65
+ > **applyTransform**(`transform`): `void`
66
+
67
+ Defined in: [renderers/representer-node.ts:35](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L35)
68
+
69
+ Apply raw transform string
70
+
71
+ #### Parameters
72
+
73
+ ##### transform
74
+
75
+ `string`
76
+
77
+ #### Returns
78
+
79
+ `void`
80
+
81
+ ***
82
+
83
+ ### getConstant()
84
+
85
+ > **getConstant**(`name`): `string` \| `number` \| `boolean` \| [`RGBObject`](../type-aliases/RGBObject.md) \| [`RGBTuple`](../type-aliases/RGBTuple.md) \| \{\[`key`: `string`\]: `object`; \}
86
+
87
+ Defined in: [renderers/representer-node.ts:21](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L21)
88
+
89
+ #### Parameters
90
+
91
+ ##### name
92
+
93
+ keyof [`RendererConstants`](RendererConstants.md)
94
+
95
+ #### Returns
96
+
97
+ `string` \| `number` \| `boolean` \| [`RGBObject`](../type-aliases/RGBObject.md) \| [`RGBTuple`](../type-aliases/RGBTuple.md) \| \{\[`key`: `string`\]: `object`; \}
98
+
99
+ ***
100
+
101
+ ### getRaw()
102
+
103
+ > **getRaw**(): `G` \| `null` \| `undefined`
104
+
105
+ Defined in: [renderers/representer-node.ts:40](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L40)
106
+
107
+ Access the raw SVG group
108
+
109
+ #### Returns
110
+
111
+ `G` \| `null` \| `undefined`
112
+
113
+ ***
114
+
115
+ ### highlight()
116
+
117
+ > **highlight**(`color`): `void`
118
+
119
+ Defined in: [renderers/representer-node.ts:45](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L45)
120
+
121
+ Optional: highlight node
122
+
123
+ #### Parameters
124
+
125
+ ##### color
126
+
127
+ `string` = `'#ff0'`
128
+
129
+ #### Returns
130
+
131
+ `void`
132
+
133
+ ***
134
+
135
+ ### moveTo()
136
+
137
+ > **moveTo**(`x`, `y`): `void`
138
+
139
+ Defined in: [renderers/representer-node.ts:25](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L25)
140
+
141
+ Move node visually without changing its relativeCoords
142
+
143
+ #### Parameters
144
+
145
+ ##### x
146
+
147
+ `number`
148
+
149
+ ##### y
150
+
151
+ `number`
152
+
153
+ #### Returns
154
+
155
+ `void`
156
+
157
+ ***
158
+
159
+ ### setScale()
160
+
161
+ > **setScale**(`scale`): `void`
162
+
163
+ Defined in: [renderers/representer-node.ts:30](https://github.com/FentFentFent/Kabel/blob/6a658c7afa967c18ecfb5cdff24af90b7d7319c3/renderers/representer-node.ts#L30)
164
+
165
+ Scale node visually
166
+
167
+ #### Parameters
168
+
169
+ ##### scale
170
+
171
+ `number`
172
+
173
+ #### Returns
174
+
175
+ `void`