lexgui 0.7.15 → 8.1.0

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 (134) hide show
  1. package/LICENSE +201 -21
  2. package/README.md +14 -5
  3. package/build/components/AlertDialog.d.ts +7 -0
  4. package/build/components/ArrayInput.d.ts +9 -0
  5. package/build/components/BaseComponent.d.ts +73 -0
  6. package/build/components/Button.d.ts +14 -0
  7. package/build/components/Calendar.d.ts +41 -0
  8. package/build/components/CalendarRange.d.ts +16 -0
  9. package/build/components/CanvasCurve.d.ts +10 -0
  10. package/build/components/CanvasDial.d.ts +11 -0
  11. package/build/components/CanvasMap2D.d.ts +61 -0
  12. package/build/components/Card.d.ts +8 -0
  13. package/build/components/Checkbox.d.ts +8 -0
  14. package/build/components/Color.d.ts +20 -0
  15. package/build/components/ColorInput.d.ts +13 -0
  16. package/build/components/ColorPicker.d.ts +29 -0
  17. package/build/components/ComboButtons.d.ts +8 -0
  18. package/build/components/ContextMenu.d.ts +16 -0
  19. package/build/components/Counter.d.ts +9 -0
  20. package/build/components/Curve.d.ts +10 -0
  21. package/build/components/DatePicker.d.ts +13 -0
  22. package/build/components/Dial.d.ts +10 -0
  23. package/build/components/Dialog.d.ts +20 -0
  24. package/build/components/DropdownMenu.d.ts +32 -0
  25. package/build/components/FileInput.d.ts +8 -0
  26. package/build/components/Footer.d.ts +14 -0
  27. package/build/components/Form.d.ts +8 -0
  28. package/build/components/Layers.d.ts +9 -0
  29. package/build/components/List.d.ts +9 -0
  30. package/build/components/Map2D.d.ts +12 -0
  31. package/build/components/Menubar.d.ts +59 -0
  32. package/build/components/NodeTree.d.ts +26 -0
  33. package/build/components/NumberInput.d.ts +9 -0
  34. package/build/components/OTPInput.d.ts +8 -0
  35. package/build/components/Pad.d.ts +8 -0
  36. package/build/components/Pagination.d.ts +26 -0
  37. package/build/components/PocketDialog.d.ts +11 -0
  38. package/build/components/Popover.d.ts +20 -0
  39. package/build/components/Progress.d.ts +8 -0
  40. package/build/components/RadioGroup.d.ts +8 -0
  41. package/build/components/RangeInput.d.ts +11 -0
  42. package/build/components/Rate.d.ts +8 -0
  43. package/build/components/Select.d.ts +10 -0
  44. package/build/components/Sheet.d.ts +10 -0
  45. package/build/components/Sidebar.d.ts +84 -0
  46. package/build/components/SizeInput.d.ts +8 -0
  47. package/build/components/Skeleton.d.ts +5 -0
  48. package/build/components/Spinner.d.ts +9 -0
  49. package/build/components/TabSections.d.ts +11 -0
  50. package/build/components/Table.d.ts +34 -0
  51. package/build/components/Tabs.d.ts +20 -0
  52. package/build/components/Tags.d.ts +9 -0
  53. package/build/components/TextArea.d.ts +8 -0
  54. package/build/components/TextInput.d.ts +11 -0
  55. package/build/components/Title.d.ts +8 -0
  56. package/build/components/Toggle.d.ts +8 -0
  57. package/build/components/Tour.d.ts +36 -0
  58. package/build/components/Vector.d.ts +9 -0
  59. package/build/core/Area.d.ts +143 -0
  60. package/build/core/Branch.d.ts +19 -0
  61. package/build/core/Core.d.ts +1 -0
  62. package/build/core/Event.d.ts +26 -0
  63. package/build/core/Icons.d.ts +4 -0
  64. package/build/core/Namespace.d.ts +2 -0
  65. package/build/core/Namespace.js +34 -0
  66. package/build/core/Namespace.js.map +1 -0
  67. package/build/core/Panel.d.ts +538 -0
  68. package/build/core/Utils.d.ts +1 -0
  69. package/build/core/Vec2.d.ts +21 -0
  70. package/build/extensions/AssetView.d.ts +136 -0
  71. package/build/extensions/AssetView.js +1367 -0
  72. package/build/extensions/AssetView.js.map +1 -0
  73. package/build/extensions/Audio.d.ts +9 -0
  74. package/build/extensions/Audio.js +163 -0
  75. package/build/extensions/Audio.js.map +1 -0
  76. package/build/extensions/CodeEditor.d.ts +350 -0
  77. package/build/extensions/CodeEditor.js +5022 -0
  78. package/build/extensions/CodeEditor.js.map +1 -0
  79. package/build/extensions/DocMaker.d.ts +27 -0
  80. package/build/extensions/DocMaker.js +327 -0
  81. package/build/extensions/DocMaker.js.map +1 -0
  82. package/build/extensions/GraphEditor.d.ts +276 -0
  83. package/build/extensions/GraphEditor.js +2770 -0
  84. package/build/extensions/GraphEditor.js.map +1 -0
  85. package/build/extensions/ImUi.d.ts +46 -0
  86. package/build/extensions/ImUi.js +227 -0
  87. package/build/extensions/ImUi.js.map +1 -0
  88. package/build/extensions/Timeline.d.ts +670 -0
  89. package/build/extensions/Timeline.js +3955 -0
  90. package/build/extensions/Timeline.js.map +1 -0
  91. package/build/extensions/VideoEditor.d.ts +128 -0
  92. package/build/extensions/VideoEditor.js +898 -0
  93. package/build/extensions/VideoEditor.js.map +1 -0
  94. package/build/extensions/index.d.ts +8 -0
  95. package/build/extensions/index.js +10 -0
  96. package/build/extensions/index.js.map +1 -0
  97. package/build/index.all.d.ts +2 -0
  98. package/build/index.css.d.ts +4 -0
  99. package/build/index.d.ts +56 -0
  100. package/build/lexgui.all.js +28498 -0
  101. package/build/lexgui.all.js.map +1 -0
  102. package/build/lexgui.all.min.js +1 -0
  103. package/build/lexgui.all.module.js +28422 -0
  104. package/build/lexgui.all.module.js.map +1 -0
  105. package/build/lexgui.all.module.min.js +1 -0
  106. package/build/lexgui.css +939 -346
  107. package/build/lexgui.js +13406 -17286
  108. package/build/lexgui.js.map +1 -0
  109. package/build/lexgui.min.css +3 -10
  110. package/build/lexgui.min.js +1 -1
  111. package/build/lexgui.module.js +12762 -16698
  112. package/build/lexgui.module.js.map +1 -0
  113. package/build/lexgui.module.min.js +1 -1
  114. package/changelog.md +170 -74
  115. package/demo.js +162 -48
  116. package/examples/all-components.html +45 -14
  117. package/examples/asset-view.html +110 -47
  118. package/examples/code-editor.html +5 -5
  119. package/examples/dialogs.html +3 -3
  120. package/examples/editor.html +27 -13
  121. package/examples/index.html +19 -14
  122. package/examples/node-graph.html +2 -2
  123. package/examples/previews/video-editor.png +0 -0
  124. package/examples/timeline.html +1 -1
  125. package/examples/video-editor.html +2 -2
  126. package/package.json +25 -9
  127. package/build/extensions/audio.js +0 -212
  128. package/build/extensions/codeeditor.js +0 -6319
  129. package/build/extensions/docmaker.js +0 -432
  130. package/build/extensions/imui.js +0 -325
  131. package/build/extensions/nodegraph.js +0 -3696
  132. package/build/extensions/timeline.js +0 -4636
  133. package/build/extensions/videoeditor.js +0 -953
  134. package/build/lexgui-docs.css +0 -352
@@ -1,352 +0,0 @@
1
- @font-face { font-family: "GeistSans"; src: url("https://raw.githubusercontent.com/jxarco/lexgui.js/master/data/GeistSans.ttf"); }
2
- @font-face { font-family: "CascadiaCode"; src: url("https://raw.githubusercontent.com/jxarco/lexgui.js/master/data/CascadiaCode.ttf"); font-weight: 400; }
3
-
4
- :root {
5
- --border-style: 1px solid #444;
6
- --panel-width: 300px;
7
- --page-padding: 24px;
8
- --max-width: 1100px;
9
- --icon-size: 20px;
10
- --stylish-color: light-dark(#fd18a5, #e2c886);
11
- }
12
-
13
- #content {
14
- font-family: "GeistSans", sans-serif;
15
- tab-size: 4;
16
- max-width: var(--max-width);
17
- width: 95%;
18
- height: auto;
19
- margin: 0 auto;
20
- padding: var(--page-padding);
21
- word-break: break-word;
22
- text-align: justify;
23
- border-radius: 12px;
24
- }
25
-
26
- #content .lexarea.docs {
27
- margin-block: 1.5em;
28
- width: 80% !important;
29
- justify-self: center;
30
- }
31
-
32
- #content::-webkit-scrollbar {
33
- display: none;
34
- }
35
-
36
- .code-container {
37
- position: relative;
38
- margin: 16px calc(-1 * var(--page-padding));
39
- }
40
-
41
- .code-container button {
42
- border: none;
43
- outline: none;
44
- background: none;
45
- position: absolute;
46
- top: 12px;
47
- right: 12px;
48
- font-size: 18px;
49
- padding: 6px;
50
- color: #bbb;
51
- transition: color 0.25s;
52
- z-index: 1;
53
- }
54
-
55
- .code-container button:hover {
56
- color: #ccc;
57
- cursor: pointer;
58
- }
59
-
60
- .code-container button.copied svg {
61
- color: #42d065;
62
- }
63
-
64
- #content a {
65
- color: var(--global-color-accent-light);
66
- cursor: pointer;
67
- text-decoration: none;
68
- }
69
-
70
- #content .lexpanel a, #content .lexarea a {
71
- color: unset;
72
- }
73
-
74
- #content h1 {
75
- font-size: 32px;
76
- line-height: 48px;
77
- margin-left: -2px;
78
- margin-top: 0.67em;
79
- margin-bottom: 0.67em;
80
- font-optical-sizing: auto;
81
- font-weight: 600;
82
- font-style: normal;
83
- font-variation-settings: "wdth" 100;
84
- }
85
-
86
- #content h2 {
87
- font-size: 28px;
88
- line-height: 36px;
89
- font-weight: normal;
90
- margin-left: -1px;
91
- margin-top: 0.83em;
92
- margin-bottom: 0.83em;
93
- }
94
-
95
- #content h3 {
96
- font-size: 20px;
97
- line-height: 28px;
98
- font-weight: normal;
99
- margin-top: 0.95em;
100
- margin-bottom: 0.95em;
101
- }
102
-
103
- code {
104
- font-family: "CascadiaCode", monospace;
105
- font-size: 14px;
106
- line-height: calc(var(--line-height) - 1px);
107
- /* margin: 16px calc(-1 * var(--page-padding)); */
108
- background-color: #282828;
109
- text-align: unset !important;
110
- text-justify: unset !important;
111
- }
112
-
113
- code.inline {
114
- display: inline-block;
115
- vertical-align: middle;
116
- border-radius: 4px;
117
- padding: 3px 6px;
118
- margin: 0;
119
- }
120
-
121
- code.inline:not(.ref) {
122
- color: var(--stylish-color);
123
- font-weight: 500;
124
- }
125
-
126
- code:not(.inline) {
127
- display: block;
128
- padding: calc(var(--page-padding) - 6px) var(--page-padding);
129
- /* white-space: pre-wrap; */
130
- overflow: auto;
131
- box-sizing: border-box;
132
- position: relative;
133
- border-radius: 6px;
134
- }
135
-
136
- code.inline.table {
137
- padding: 0px 2px;
138
- line-height: unset;
139
- font-size: 13px;
140
- }
141
-
142
- code.inline.desc {
143
- background-color: var(--global-color-tertiary);
144
- color: var(--global-text-tertiary);
145
- }
146
-
147
- #content strong {
148
- font-weight:700;
149
- }
150
-
151
- #content a.permalink {
152
- float: right;
153
- margin-left: 5px;
154
- display: none;
155
- }
156
-
157
- #content > img {
158
- width: 100%;
159
- /* margin: 16px calc(-1 * var(--page-padding)) ; */
160
- border-radius: 4px;
161
- }
162
-
163
- @media all and ( min-width: 1700px ) {
164
-
165
- :root {
166
- --panel-width: 360px;
167
- --line-height: 28px;
168
- --page-padding: 28px;
169
- --icon-size: 24px;
170
- }
171
-
172
- #content {
173
- width: 100%;
174
- }
175
-
176
- #content h1 {
177
- font-size: 42px;
178
- line-height: 50px;
179
- }
180
-
181
- #content h2 {
182
- font-size: 32px;
183
- line-height: 40px;
184
- }
185
-
186
- #content h3 {
187
- font-size: 24px;
188
- line-height: 32px;
189
- }
190
-
191
- }
192
-
193
- /* mobile */
194
-
195
- @media all and ( max-width: 640px ) {
196
-
197
- :root {
198
- --page-padding: 16px;
199
- --icon-size: 20px;
200
- }
201
-
202
- #content {
203
- padding: var(--page-padding);
204
- }
205
-
206
- #content h1 {
207
- font-size: 28px;
208
- line-height: 36px;
209
- padding-right: 20px;
210
- margin-top: 0;
211
- }
212
-
213
- #content h2 {
214
- font-size: 24px;
215
- line-height: 32px;
216
- margin-top: 24px;
217
- }
218
-
219
- #content h3 {
220
- font-size: 20px;
221
- line-height: 28px;
222
- }
223
-
224
- }
225
-
226
- pre .str, code .str { color: #c79369; } /* string */
227
- pre .kwd, code .kwd { color: #2194ce; } /* keyword */
228
- pre .com, code .com { color: #999999; } /* comment */
229
- pre .cls, code .cls { color: #4fccbd; } /* class */
230
- pre .stc, code .stc { color: #0b6b60; } /* static member */
231
- pre .stf, code .stf { color: #6d8cf5; } /* static function */
232
- pre .lit, code .lit { color: #ce57b4; } /* literal */
233
-
234
- pre .pre, code .pre { color: #8f8c8c; } /* preprocessor */
235
- pre .pln, code .pln { color: #444444; } /* plaintext */
236
- pre .dec, code .dec { color: #a5dba0; } /* decimal */
237
- pre .mtd, code .mtd { color: #e6e2b8; } /* method */
238
- pre .var, code .var { color: #d8d5d5; } /* variable */
239
- pre .enu, code .enu { color: #c0dec2; } /* enum */
240
-
241
- pre .tag, code .tag { color: #2194ce; } /* HTML tag */
242
- pre .atn, code .atn { color: #81cdf8; } /* HTML attribute name */
243
- pre .com, code .com { color: #4e994d; } /* comment */
244
- pre .pln, code .pln { color: #aaaaaa; } /* plaintext */
245
-
246
- .desc {
247
- color: var(--global-text-tertiary);
248
- }
249
-
250
- a .desc {
251
- color: var(--global-color-accent);
252
- }
253
-
254
- .param {
255
- color: var(--stylish-color);
256
- }
257
-
258
- .prop, .method {
259
- color: var(--stylish-color);
260
- font-size: 16px;
261
- }
262
-
263
- code:has(.constructor) {
264
- background: none;
265
- }
266
-
267
- .constructor {
268
- color: var(--stylish-color);
269
- font-size: 21px;
270
- }
271
-
272
- #content span.solid {
273
- border-radius: 8px;
274
- padding: 2px;
275
- padding-inline: 8px;
276
- }
277
-
278
- #content span.outline {
279
- border-radius: 8px;
280
- padding: 2px;
281
- padding-inline: 8px;
282
- }
283
-
284
- :root[data-theme="light"] #content {
285
- color: #202124;
286
- }
287
-
288
- :root[data-theme="light"] code {
289
- background-color: #ededed;
290
- }
291
-
292
- :root[data-theme="light"] code button {
293
- color: #434e53;
294
- }
295
-
296
- :root[data-theme="light"] code button:hover {
297
- color: #879094;
298
- }
299
-
300
- :root[data-theme="light"] pre .str, :root[data-theme="light"] code .str { color: #188038; }
301
- :root[data-theme="light"] pre .kwd, :root[data-theme="light"] code .kwd { color: #1967d2; }
302
- :root[data-theme="light"] pre .com, :root[data-theme="light"] code .com { color: #b80672; }
303
- :root[data-theme="light"] pre .cls, :root[data-theme="light"] code .cls { color: #0b9484; }
304
- :root[data-theme="light"] pre .dec, :root[data-theme="light"] code .dec { color: #c5221f; }
305
- :root[data-theme="light"] pre .mtd, :root[data-theme="light"] code .mtd { color: #636362; }
306
- :root[data-theme="light"] pre .lit, :root[data-theme="light"] code .lit { color: #1967d2; }
307
- :root[data-theme="light"] pre .var, :root[data-theme="light"] code .var { color: #222222; }
308
- :root[data-theme="light"] pre .enu, :root[data-theme="light"] code .enu { color: #505fe2; }
309
- :root[data-theme="light"] pre .tag, :root[data-theme="light"] code .tag { color: #2183b4; }
310
- :root[data-theme="light"] pre .atn, :root[data-theme="light"] code .atn { color: #a753c0; }
311
-
312
- :root[data-theme="light"] .desc {
313
- color: #70777a;
314
- }
315
-
316
- :root[data-theme="light"] a .desc {
317
- color: var(--global-color-accent);
318
- }
319
-
320
- :root[data-theme="light"] .param {
321
- color: #37474f;
322
- }
323
-
324
- :root[data-theme="light"] .prop, :root[data-theme="light"] .method {
325
- color: #37474f;
326
- }
327
-
328
- :root[data-theme="light"] #goUpButton {
329
- color: #37474f;
330
- }
331
-
332
- :root[data-theme="light"] #goUpButton:hover {
333
- color: #879094;
334
- }
335
-
336
- .lextable {
337
- overflow-x: scroll
338
- }
339
-
340
- .lextable table {
341
- table-layout: auto;
342
- }
343
-
344
- .lextable table th {
345
- white-space: nowrap;
346
- }
347
-
348
- /* Hack to shrink Type and Method columns in reference docs */
349
- .lextable:has(input) table tbody tr:last-child td:not(:last-child) {
350
- width: 1px;
351
- white-space: nowrap;
352
- }