@operato/board 2.0.0-alpha.6 → 2.0.0-alpha.60

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 (51) hide show
  1. package/CHANGELOG.md +370 -0
  2. package/dist/src/component/etc.js +2 -2
  3. package/dist/src/component/etc.js.map +1 -1
  4. package/dist/src/modeller/component-toolbar/component-detail.d.ts +1 -1
  5. package/dist/src/modeller/component-toolbar/component-menu.d.ts +1 -1
  6. package/dist/src/modeller/component-toolbar/component-menu.js +9 -4
  7. package/dist/src/modeller/component-toolbar/component-menu.js.map +1 -1
  8. package/dist/src/modeller/component-toolbar/component-toolbar.d.ts +1 -1
  9. package/dist/src/modeller/edit-toolbar.d.ts +1 -1
  10. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts +1 -1
  11. package/dist/src/modeller/property-sidebar/data-binding/data-binding-value-map.d.ts +1 -1
  12. package/dist/src/modeller/property-sidebar/data-binding/data-binding-value-range.d.ts +1 -1
  13. package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +1 -1
  14. package/dist/src/modeller/property-sidebar/effects/effects.d.ts +1 -1
  15. package/dist/src/modeller/property-sidebar/effects/property-animation.d.ts +1 -1
  16. package/dist/src/modeller/property-sidebar/effects/property-animations.d.ts +1 -1
  17. package/dist/src/modeller/property-sidebar/effects/property-event-hover.d.ts +1 -1
  18. package/dist/src/modeller/property-sidebar/effects/property-event-tap.d.ts +1 -1
  19. package/dist/src/modeller/property-sidebar/effects/property-event.d.ts +1 -1
  20. package/dist/src/modeller/property-sidebar/effects/property-shadow.d.ts +1 -1
  21. package/dist/src/modeller/property-sidebar/property-sidebar.d.ts +1 -1
  22. package/dist/src/modeller/property-sidebar/shapes/shapes.d.ts +1 -1
  23. package/dist/src/modeller/property-sidebar/shapes/shapes.js +11 -0
  24. package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
  25. package/dist/src/modeller/property-sidebar/specifics/specific-properties-builder.d.ts +1 -1
  26. package/dist/src/modeller/property-sidebar/specifics/specifics.d.ts +1 -1
  27. package/dist/src/modeller/property-sidebar/specifics/specifics.js +4 -1
  28. package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
  29. package/dist/src/modeller/property-sidebar/styles/styles.d.ts +1 -1
  30. package/dist/src/modeller/scene-viewer/ox-scene-handler.d.ts +1 -1
  31. package/dist/src/modeller/scene-viewer/ox-scene-layer.d.ts +1 -1
  32. package/dist/src/modeller/scene-viewer/ox-scene-viewer.d.ts +1 -1
  33. package/dist/src/ox-board-component-info.d.ts +1 -1
  34. package/dist/src/ox-board-list.js +1 -3
  35. package/dist/src/ox-board-list.js.map +1 -1
  36. package/dist/src/ox-board-modeller.d.ts +2 -2
  37. package/dist/src/ox-board-player.d.ts +1 -1
  38. package/dist/src/ox-board-template-list.d.ts +1 -1
  39. package/dist/src/ox-board-viewer.d.ts +1 -1
  40. package/dist/src/ox-editor-board-selector.d.ts +1 -1
  41. package/dist/src/selector/board-creation-popup.d.ts +1 -1
  42. package/dist/src/selector/board-thumbnail-card.d.ts +1 -1
  43. package/dist/src/selector/ox-board-creation-card.d.ts +1 -1
  44. package/dist/src/selector/ox-board-selector.d.ts +1 -1
  45. package/dist/tsconfig.tsbuildinfo +1 -1
  46. package/package.json +25 -25
  47. package/src/component/etc.ts +2 -2
  48. package/src/modeller/component-toolbar/component-menu.ts +9 -5
  49. package/src/modeller/property-sidebar/shapes/shapes.ts +11 -0
  50. package/src/modeller/property-sidebar/specifics/specifics.ts +5 -1
  51. package/src/ox-board-list.ts +1 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,376 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.0.0-alpha.60](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
7
+
8
+ **Note:** Version bump only for package @operato/board
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.59](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
15
+
16
+ **Note:** Version bump only for package @operato/board
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.58](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.57...v2.0.0-alpha.58) (2024-04-07)
23
+
24
+ **Note:** Version bump only for package @operato/board
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
31
+
32
+ **Note:** Version bump only for package @operato/board
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+ **Note:** Version bump only for package @operato/board
41
+
42
+
43
+
44
+
45
+
46
+ ## [2.0.0-alpha.54](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
47
+
48
+ **Note:** Version bump only for package @operato/board
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
55
+
56
+ **Note:** Version bump only for package @operato/board
57
+
58
+
59
+
60
+
61
+
62
+ ## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
63
+
64
+
65
+ ### :bug: Bug Fix
66
+
67
+ * upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
68
+
69
+
70
+
71
+ ## [2.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.49...v2.0.0-alpha.50) (2024-03-28)
72
+
73
+ **Note:** Version bump only for package @operato/board
74
+
75
+
76
+
77
+
78
+
79
+ ## [2.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
80
+
81
+ **Note:** Version bump only for package @operato/board
82
+
83
+
84
+
85
+
86
+
87
+ ## [2.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
88
+
89
+ **Note:** Version bump only for package @operato/board
90
+
91
+
92
+
93
+
94
+
95
+ ## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
96
+
97
+ **Note:** Version bump only for package @operato/board
98
+
99
+
100
+
101
+
102
+
103
+ ## [2.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
104
+
105
+ **Note:** Version bump only for package @operato/board
106
+
107
+
108
+
109
+
110
+
111
+ ## [2.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.44...v2.0.0-alpha.45) (2024-03-26)
112
+
113
+
114
+ ### :bug: Bug Fix
115
+
116
+ * board modeller style ([53445fc](https://github.com/hatiolab/operato/commit/53445fca78ba87f81549da395b25911f0341e323))
117
+
118
+
119
+
120
+ ## [2.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
121
+
122
+ **Note:** Version bump only for package @operato/board
123
+
124
+
125
+
126
+
127
+
128
+ ## [2.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
129
+
130
+ **Note:** Version bump only for package @operato/board
131
+
132
+
133
+
134
+
135
+
136
+ ## [2.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.41...v2.0.0-alpha.42) (2024-03-21)
137
+
138
+
139
+ ### :bug: Bug Fix
140
+
141
+ * board template type ([cb26db6](https://github.com/hatiolab/operato/commit/cb26db61c6a93583c8fe33196491045df4ce795b))
142
+
143
+
144
+
145
+ ## [2.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.40...v2.0.0-alpha.41) (2024-03-20)
146
+
147
+
148
+ ### :bug: Bug Fix
149
+
150
+ * scene component label ([b8e56cf](https://github.com/hatiolab/operato/commit/b8e56cf2eb42f0767ed5d2a5f153b1fbbe7cabe5))
151
+
152
+
153
+
154
+ ## [2.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.39...v2.0.0-alpha.40) (2024-03-20)
155
+
156
+
157
+ ### :bug: Bug Fix
158
+
159
+ * scene component label ([f55c4a8](https://github.com/hatiolab/operato/commit/f55c4a8eb377974da0685c48afb668051bdcb04c))
160
+
161
+
162
+
163
+ ## [2.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.38...v2.0.0-alpha.39) (2024-03-20)
164
+
165
+
166
+ ### :bug: Bug Fix
167
+
168
+ * scene component label ([b5058fa](https://github.com/hatiolab/operato/commit/b5058fa526a791d2be8f982f1c1d8208440c0f38))
169
+
170
+
171
+
172
+ ## [2.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
173
+
174
+ **Note:** Version bump only for package @operato/board
175
+
176
+
177
+
178
+
179
+
180
+ ## [2.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
181
+
182
+ **Note:** Version bump only for package @operato/board
183
+
184
+
185
+
186
+
187
+
188
+ ## [2.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
189
+
190
+ **Note:** Version bump only for package @operato/board
191
+
192
+
193
+
194
+
195
+
196
+ ## [2.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
197
+
198
+ **Note:** Version bump only for package @operato/board
199
+
200
+
201
+
202
+
203
+
204
+ ## [2.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
205
+
206
+ **Note:** Version bump only for package @operato/board
207
+
208
+
209
+
210
+
211
+
212
+ ## [2.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
213
+
214
+ **Note:** Version bump only for package @operato/board
215
+
216
+
217
+
218
+
219
+
220
+ ## [2.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2024-02-22)
221
+
222
+
223
+ ### :rocket: New Features
224
+
225
+ * 말줄임 텍스트 UI 수정 ([29fce15](https://github.com/hatiolab/operato/commit/29fce1511cf13c3bb19ff28c3d334846da0a7dbb))
226
+ * 보드 프로퍼티 UI에 textOverflow 추가 ([b9639a7](https://github.com/hatiolab/operato/commit/b9639a7f34cec066e37660f28068f9a6d125277b))
227
+
228
+
229
+
230
+ ## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
231
+
232
+
233
+ ### :bug: Bug Fix
234
+
235
+ * upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
236
+
237
+
238
+
239
+ ## [2.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
240
+
241
+ **Note:** Version bump only for package @operato/board
242
+
243
+
244
+
245
+
246
+
247
+ ## [2.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2024-02-12)
248
+
249
+ **Note:** Version bump only for package @operato/board
250
+
251
+
252
+
253
+
254
+
255
+ ## [2.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2024-02-11)
256
+
257
+ **Note:** Version bump only for package @operato/board
258
+
259
+
260
+
261
+
262
+
263
+ ## [2.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
264
+
265
+ **Note:** Version bump only for package @operato/board
266
+
267
+
268
+
269
+
270
+
271
+ ## [2.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
272
+
273
+ **Note:** Version bump only for package @operato/board
274
+
275
+
276
+
277
+
278
+
279
+ ## [2.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
280
+
281
+ **Note:** Version bump only for package @operato/board
282
+
283
+
284
+
285
+
286
+
287
+ ## [2.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
288
+
289
+ **Note:** Version bump only for package @operato/board
290
+
291
+
292
+
293
+
294
+
295
+ ## [2.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
296
+
297
+ **Note:** Version bump only for package @operato/board
298
+
299
+
300
+
301
+
302
+
303
+ ## [2.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
304
+
305
+ **Note:** Version bump only for package @operato/board
306
+
307
+
308
+
309
+
310
+
311
+ ## [2.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
312
+
313
+ **Note:** Version bump only for package @operato/board
314
+
315
+
316
+
317
+
318
+
319
+ ## [2.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
320
+
321
+ **Note:** Version bump only for package @operato/board
322
+
323
+
324
+
325
+
326
+
327
+ ## [2.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
328
+
329
+ **Note:** Version bump only for package @operato/board
330
+
331
+
332
+
333
+
334
+
335
+ ## [2.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
336
+
337
+ **Note:** Version bump only for package @operato/board
338
+
339
+
340
+
341
+
342
+
343
+ ## [2.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
344
+
345
+ **Note:** Version bump only for package @operato/board
346
+
347
+
348
+
349
+
350
+
351
+ ## [2.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
352
+
353
+ **Note:** Version bump only for package @operato/board
354
+
355
+
356
+
357
+
358
+
359
+ ## [2.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
360
+
361
+
362
+ ### :bug: Bug Fix
363
+
364
+ * default board size for process model ([20ef44d](https://github.com/hatiolab/operato/commit/20ef44dd1840179157cda949e49b13af518144cd))
365
+
366
+
367
+
368
+ ## [2.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2024-01-15)
369
+
370
+ **Note:** Version bump only for package @operato/board
371
+
372
+
373
+
374
+
375
+
6
376
  ## [2.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2024-01-15)
7
377
 
8
378
  **Note:** Version bump only for package @operato/board
@@ -38,7 +38,7 @@ export const etc = {
38
38
  }
39
39
  },
40
40
  {
41
- type: 'local reference',
41
+ type: 'local-ref',
42
42
  description: 'local reference',
43
43
  icon: localReference,
44
44
  group: 'etc',
@@ -58,7 +58,7 @@ export const etc = {
58
58
  }
59
59
  },
60
60
  {
61
- type: 'global reference',
61
+ type: 'global-ref',
62
62
  description: 'global reference',
63
63
  icon: globalReference,
64
64
  group: 'etc',
@@ -1 +1 @@
1
- {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACvG,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAC7F,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,+CAA+C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAErG,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EACf,gJAAgJ;gBAClJ,gBAAgB,EACd,gJAAgJ;gBAClJ,KAAK,EACH,gHAAgH;aACnH;SACF;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,kBAAkB;YACxB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["import { ComponentGroup } from '../types'\n\nconst globalReference = new URL('../../../icons/components/global-reference.png', import.meta.url).href\nconst infoWindow = new URL('../../../icons/components/info-window.png', import.meta.url).href\nconst localReference = new URL('../../../icons/components/local-reference.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'info-window',\n description: 'information window',\n icon: infoWindow,\n group: 'etc',\n model: {\n type: 'info-window',\n left: 10,\n top: 10,\n width: 50,\n height: 50,\n fillStyle: '#fff',\n strokeStyle: 'DarkGoldenRod',\n hidden: true,\n frontSideTemplate:\n \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n backSideTemplate:\n \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n style:\n '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n }\n },\n {\n type: 'local reference',\n description: 'local reference',\n icon: localReference,\n group: 'etc',\n model: {\n type: 'local-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'global reference',\n description: 'global reference',\n icon: globalReference,\n group: 'etc',\n model: {\n type: 'global-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n }\n ]\n}\n"]}
1
+ {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACvG,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAC7F,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,+CAA+C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAErG,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EACf,gJAAgJ;gBAClJ,gBAAgB,EACd,gJAAgJ;gBAClJ,KAAK,EACH,gHAAgH;aACnH;SACF;QACD;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["import { ComponentGroup } from '../types'\n\nconst globalReference = new URL('../../../icons/components/global-reference.png', import.meta.url).href\nconst infoWindow = new URL('../../../icons/components/info-window.png', import.meta.url).href\nconst localReference = new URL('../../../icons/components/local-reference.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'info-window',\n description: 'information window',\n icon: infoWindow,\n group: 'etc',\n model: {\n type: 'info-window',\n left: 10,\n top: 10,\n width: 50,\n height: 50,\n fillStyle: '#fff',\n strokeStyle: 'DarkGoldenRod',\n hidden: true,\n frontSideTemplate:\n \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n backSideTemplate:\n \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n style:\n '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n }\n },\n {\n type: 'local-ref',\n description: 'local reference',\n icon: localReference,\n group: 'etc',\n model: {\n type: 'local-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'global-ref',\n description: 'global reference',\n icon: globalReference,\n group: 'etc',\n model: {\n type: 'global-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n }\n ]\n}\n"]}
@@ -8,5 +8,5 @@ export declare class ComponentDetail extends LitElement {
8
8
  template: {
9
9
  about: string;
10
10
  } | null;
11
- render(): import("lit").TemplateResult<1>;
11
+ render(): import("lit-html").TemplateResult<1>;
12
12
  }
@@ -17,7 +17,7 @@ export declare class ComponentMenu extends ComponentMenu_base {
17
17
  static get scopedElements(): {
18
18
  'component-detail': typeof ComponentDetail;
19
19
  };
20
- render(): import("lit").TemplateResult<1>;
20
+ render(): import("lit-html").TemplateResult<1>;
21
21
  updated(changes: PropertyValues<this>): void;
22
22
  findTemplate(type: string | null | undefined): void;
23
23
  onHoverComponent(e: MouseEvent): void;
@@ -6,6 +6,7 @@ import { css, html, LitElement } from 'lit';
6
6
  import { property, query, state } from 'lit/decorators.js';
7
7
  import { ScopedElementsMixin } from '@open-wc/scoped-elements';
8
8
  import { ScrollbarStyles } from '@operato/styles';
9
+ import { i18next } from '@operato/i18n';
9
10
  import { ComponentDetail } from './component-detail';
10
11
  const noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href;
11
12
  export class ComponentMenu extends ScopedElementsMixin(LitElement) {
@@ -27,11 +28,14 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
27
28
  <h2 onclick=${(e) => e.stopPropagation()}>${this.group} list</h2>
28
29
 
29
30
  <div templates @mouseover=${(e) => this.onHoverComponent(e)}>
30
- ${(this.templates || []).map(template => html `
31
- <div @click=${this.onClickTemplate} data-type=${template.type} template>
32
- <img src=${this.templateIcon(template)} />${template.type}
31
+ ${(this.templates || []).map(template => {
32
+ const { type } = template;
33
+ return html `
34
+ <div @click=${this.onClickTemplate} data-type=${type} template>
35
+ <img src=${String(this.templateIcon(template))} />${i18next.t(`component.${type}`)}
33
36
  </div>
34
- `)}
37
+ `;
38
+ })}
35
39
  </div>
36
40
 
37
41
  <component-detail
@@ -143,6 +147,7 @@ ComponentMenu.styles = [
143
147
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
144
148
  font-size: 11px;
145
149
  color: var(--component-menu-item-color);
150
+ text-transform: capitalize;
146
151
  }
147
152
 
148
153
  [template]:hover,
@@ -1 +1 @@
1
- {"version":3,"file":"component-menu.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-menu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\n\nimport { Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { Pallet, PalletItem } from '../../types'\nimport { ComponentDetail } from './component-detail'\n\nconst noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href\n\nexport class ComponentMenu extends ScopedElementsMixin(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n align-content: stretch;\n\n background-color: var(--component-menu-background-color);\n margin: 0px;\n padding: 0px;\n\n width: 180px;\n height: 100%;\n\n overflow: visible;\n\n border: 2px solid var(--component-menu-border-color);\n box-sizing: border-box;\n\n position: absolute;\n top: 0px;\n\n z-index: 1;\n }\n\n h2 {\n background-color: var(--component-menu-border-color);\n padding: 1px 5px;\n margin: 0;\n font: var(--component-menu-title);\n color: #fff;\n text-transform: capitalize;\n }\n\n [templates] {\n flex: 1;\n\n display: block;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n\n background-color: var(--component-menu-background-color);\n }\n\n [template] {\n display: flex;\n align-items: center;\n min-height: var(--component-menu-item-icon-size);\n padding: 0 5px 0 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n font-size: 11px;\n color: var(--component-menu-item-color);\n }\n\n [template]:hover,\n [template]:focus {\n color: var(--component-menu-item-hover-color);\n font-weight: bold;\n cursor: pointer;\n }\n\n [template] img {\n margin: 5px;\n width: var(--component-menu-item-icon-size);\n height: var(--component-menu-item-icon-size);\n }\n\n component-detail {\n position: absolute;\n top: 0;\n left: 180px;\n height: 100%;\n outline: none;\n }\n\n component-detail[hidden] {\n display: none;\n }\n `\n ]\n\n @property({ type: Object }) groups: Pallet[] = []\n @property({ type: Object }) scene: Scene | null = null\n @property({ type: String }) group: string | null = ''\n\n @state() templates: PalletItem[] = []\n @state() template: PalletItem | any\n\n @query('component-detail') detail!: HTMLElement\n\n static get scopedElements() {\n return {\n 'component-detail': ComponentDetail\n }\n }\n\n render() {\n return this.group\n ? html`\n <h2 onclick=${(e: MouseEvent) => e.stopPropagation()}>${this.group} list</h2>\n\n <div templates @mouseover=${(e: MouseEvent) => this.onHoverComponent(e)}>\n ${(this.templates || []).map(\n template => html`\n <div @click=${this.onClickTemplate} data-type=${template.type} template>\n <img src=${this.templateIcon(template)} />${template.type}\n </div>\n `\n )}\n </div>\n\n <component-detail\n tabindex=\"-1\"\n @focusout=${() => {\n this.template = null\n }}\n .template=${this.template}\n hidden\n >\n </component-detail>\n `\n : html``\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('group')) {\n if (!this.group) {\n this.templates = []\n this.setAttribute('hidden', '')\n } else {\n this.templates = this.groups.find((g: Pallet) => g.name === this.group)?.templates || []\n this.removeAttribute('active')\n }\n }\n\n if (changes.has('template')) {\n this.template && this.template.about\n ? this.detail.removeAttribute('hidden')\n : this.detail.setAttribute('hidden', '')\n }\n }\n\n findTemplate(type: string | null | undefined) {\n this.template = type && this.templates.find(template => template.type == type)\n }\n\n onHoverComponent(e: MouseEvent) {\n const button = e.target as HTMLElement\n this.findTemplate(button!.closest('[data-type]')?.getAttribute('data-type'))\n }\n\n onClickTemplate(e: MouseEvent) {\n var item = e.target as HTMLElement\n var type = item.closest('[data-type]')?.getAttribute('data-type')\n\n if (!type) {\n return\n }\n\n if (this.scene) {\n this.template = this.templates.find(template => template.type == type)\n this.template && this.scene.startAddMode(JSON.parse(JSON.stringify(this.template.model)))\n }\n\n this.group = null\n }\n\n templateIcon(template: PalletItem) {\n return template.icon || noImage\n }\n}\n"]}
1
+ {"version":3,"file":"component-menu.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-menu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\n\nimport { Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\nimport { Pallet, PalletItem } from '../../types'\nimport { ComponentDetail } from './component-detail'\n\nconst noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href\n\nexport class ComponentMenu extends ScopedElementsMixin(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n align-content: stretch;\n\n background-color: var(--component-menu-background-color);\n margin: 0px;\n padding: 0px;\n\n width: 180px;\n height: 100%;\n\n overflow: visible;\n\n border: 2px solid var(--component-menu-border-color);\n box-sizing: border-box;\n\n position: absolute;\n top: 0px;\n\n z-index: 1;\n }\n\n h2 {\n background-color: var(--component-menu-border-color);\n padding: 1px 5px;\n margin: 0;\n font: var(--component-menu-title);\n color: #fff;\n text-transform: capitalize;\n }\n\n [templates] {\n flex: 1;\n\n display: block;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n\n background-color: var(--component-menu-background-color);\n }\n\n [template] {\n display: flex;\n align-items: center;\n min-height: var(--component-menu-item-icon-size);\n padding: 0 5px 0 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n font-size: 11px;\n color: var(--component-menu-item-color);\n text-transform: capitalize;\n }\n\n [template]:hover,\n [template]:focus {\n color: var(--component-menu-item-hover-color);\n font-weight: bold;\n cursor: pointer;\n }\n\n [template] img {\n margin: 5px;\n width: var(--component-menu-item-icon-size);\n height: var(--component-menu-item-icon-size);\n }\n\n component-detail {\n position: absolute;\n top: 0;\n left: 180px;\n height: 100%;\n outline: none;\n }\n\n component-detail[hidden] {\n display: none;\n }\n `\n ]\n\n @property({ type: Object }) groups: Pallet[] = []\n @property({ type: Object }) scene: Scene | null = null\n @property({ type: String }) group: string | null = ''\n\n @state() templates: PalletItem[] = []\n @state() template: PalletItem | any\n\n @query('component-detail') detail!: HTMLElement\n\n static get scopedElements() {\n return {\n 'component-detail': ComponentDetail\n }\n }\n\n render() {\n return this.group\n ? html`\n <h2 onclick=${(e: MouseEvent) => e.stopPropagation()}>${this.group} list</h2>\n\n <div templates @mouseover=${(e: MouseEvent) => this.onHoverComponent(e)}>\n ${(this.templates || []).map(template => {\n const { type } = template\n\n return html`\n <div @click=${this.onClickTemplate} data-type=${type} template>\n <img src=${String(this.templateIcon(template))} />${i18next.t(`component.${type}`)}\n </div>\n `\n })}\n </div>\n\n <component-detail\n tabindex=\"-1\"\n @focusout=${() => {\n this.template = null\n }}\n .template=${this.template}\n hidden\n >\n </component-detail>\n `\n : html``\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('group')) {\n if (!this.group) {\n this.templates = []\n this.setAttribute('hidden', '')\n } else {\n this.templates = this.groups.find((g: Pallet) => g.name === this.group)?.templates || []\n this.removeAttribute('active')\n }\n }\n\n if (changes.has('template')) {\n this.template && this.template.about\n ? this.detail.removeAttribute('hidden')\n : this.detail.setAttribute('hidden', '')\n }\n }\n\n findTemplate(type: string | null | undefined) {\n this.template = type && this.templates.find(template => template.type == type)\n }\n\n onHoverComponent(e: MouseEvent) {\n const button = e.target as HTMLElement\n this.findTemplate(button!.closest('[data-type]')?.getAttribute('data-type'))\n }\n\n onClickTemplate(e: MouseEvent) {\n var item = e.target as HTMLElement\n var type = item.closest('[data-type]')?.getAttribute('data-type')\n\n if (!type) {\n return\n }\n\n if (this.scene) {\n this.template = this.templates.find(template => template.type == type)\n this.template && this.scene.startAddMode(JSON.parse(JSON.stringify(this.template.model)))\n }\n\n this.group = null\n }\n\n templateIcon(template: PalletItem) {\n return template.icon || noImage\n }\n}\n"]}
@@ -21,7 +21,7 @@ export declare class ComponentToolbar extends ComponentToolbar_base {
21
21
  static get scopedElements(): {
22
22
  'component-menu': typeof ComponentMenu;
23
23
  };
24
- render(): import("lit").TemplateResult<1>;
24
+ render(): import("lit-html").TemplateResult<1>;
25
25
  onWheelEvent(e: Event): void;
26
26
  _setMode(mode: SCENE_MODE): void;
27
27
  _onClickShift(e: MouseEvent): void;
@@ -27,7 +27,7 @@ export declare class EditToolbar extends LitElement {
27
27
  private distributes;
28
28
  firstUpdated(): void;
29
29
  updated(changes: PropertyValues<this>): void;
30
- render(): import("lit").TemplateResult<1>;
30
+ render(): import("lit-html").TemplateResult<1>;
31
31
  onWheelEvent(e: Event): void;
32
32
  getSymbol(key: string): string;
33
33
  private getShortcutString;
@@ -49,7 +49,7 @@ export declare class DataBindingMapper extends LitElement {
49
49
  firstUpdated(): void;
50
50
  updated(changes: PropertyValues<this>): void;
51
51
  findComponentIds(): void;
52
- render(): import("lit").TemplateResult<1>;
52
+ render(): import("lit-html").TemplateResult<1>;
53
53
  _valuetype(property: string): any;
54
54
  private _keep_saved_rule_params;
55
55
  _onChangedMapping(): Promise<void>;
@@ -2,5 +2,5 @@ import { OxInputValueMap } from '@operato/input';
2
2
  import '@operato/attachment/ox-attachment-selector.js';
3
3
  export declare class DataBindingValueMap extends OxInputValueMap {
4
4
  static styles: import("lit").CSSResult;
5
- valueInputTemplate(value?: any): import("lit").TemplateResult<1>;
5
+ valueInputTemplate(value?: any): import("lit-html").TemplateResult<1>;
6
6
  }
@@ -2,5 +2,5 @@ import { OxInputValueRange } from '@operato/input';
2
2
  import '@operato/attachment/ox-attachment-selector.js';
3
3
  export declare class DataBindingValueRange extends OxInputValueRange {
4
4
  static styles: import("lit").CSSResult;
5
- valueInputTemplate(value?: any): import("lit").TemplateResult<1>;
5
+ valueInputTemplate(value?: any): import("lit-html").TemplateResult<1>;
6
6
  }
@@ -28,7 +28,7 @@ export declare class PropertyDataBinding extends PropertyDataBinding_base {
28
28
  static get scopedElements(): {
29
29
  'data-binding-mapper': typeof DataBindingMapper;
30
30
  };
31
- render(): import("lit").TemplateResult<1>;
31
+ render(): import("lit-html").TemplateResult<1>;
32
32
  _setMappingIndex(idx: number): void;
33
33
  _clearDataBindingMapper(): void;
34
34
  _copyDataBindingMapper(): void;
@@ -19,6 +19,6 @@ export declare class PropertyEffects extends PropertyEffects_base {
19
19
  'property-animations': typeof PropertyAnimations;
20
20
  'property-event': typeof PropertyEvent;
21
21
  };
22
- render(): import("lit").TemplateResult<1>;
22
+ render(): import("lit-html").TemplateResult<1>;
23
23
  }
24
24
  export {};
@@ -18,6 +18,6 @@ export declare class PropertyAnimation extends LitElement {
18
18
  value?: Properties;
19
19
  scene?: Scene;
20
20
  firstUpdated(): void;
21
- render(): import("lit").TemplateResult<1>;
21
+ render(): import("lit-html").TemplateResult<1>;
22
22
  _onValueChange(e: Event): void;
23
23
  }
@@ -16,7 +16,7 @@ export declare class PropertyAnimations extends PropertyAnimations_base {
16
16
  static get scopedElements(): {
17
17
  'property-animation': typeof PropertyAnimation;
18
18
  };
19
- render(): import("lit").TemplateResult<1>;
19
+ render(): import("lit-html").TemplateResult<1>;
20
20
  _onValueChange(e: Event): void;
21
21
  }
22
22
  export {};
@@ -10,7 +10,7 @@ export declare class PropertyEventHover extends LitElement {
10
10
  value?: Properties;
11
11
  scene?: Scene;
12
12
  firstUpdated(): void;
13
- render(): import("lit").TemplateResult<1>;
13
+ render(): import("lit-html").TemplateResult<1>;
14
14
  _getPlaceHoder(action: string): "" | "SCENE-100" | "http://www.hatiolab.com/";
15
15
  _getTargetList(action: string): {
16
16
  value: string;
@@ -22,7 +22,7 @@ export declare class PropertyEventTap extends LitElement {
22
22
  description: string;
23
23
  }[];
24
24
  firstUpdated(): Promise<void>;
25
- render(): import("lit").TemplateResult<1>;
25
+ render(): import("lit-html").TemplateResult<1>;
26
26
  _getPlaceHoder(action: string): "" | "http://www.hatiolab.com/";
27
27
  _getTargetList(action: string): {
28
28
  value: string;
@@ -16,7 +16,7 @@ export declare class PropertyEvent extends PropertyEvent_base {
16
16
  'property-event-hover': typeof PropertyEventHover;
17
17
  'property-event-tap': typeof PropertyEventTap;
18
18
  };
19
- render(): import("lit").TemplateResult<1>;
19
+ render(): import("lit-html").TemplateResult<1>;
20
20
  _onValueChange(e: Event): void;
21
21
  }
22
22
  export {};
@@ -18,6 +18,6 @@ export declare class PropertyShadow extends LitElement {
18
18
  static styles: import("lit").CSSResult[];
19
19
  value?: Properties;
20
20
  firstUpdated(): void;
21
- render(): import("lit").TemplateResult<1>;
21
+ render(): import("lit-html").TemplateResult<1>;
22
22
  _onValueChange(e: Event): void;
23
23
  }
@@ -33,7 +33,7 @@ export declare class PropertySidebar extends PropertySidebar_base {
33
33
  'property-data-binding': typeof PropertyDataBinding;
34
34
  'scene-inspector': typeof SceneInspector;
35
35
  };
36
- render(): import("lit").TemplateResult<1>;
36
+ render(): import("lit-html").TemplateResult<1>;
37
37
  _onPropertyChanged(e: CustomEvent): void;
38
38
  _onBoundsChanged(e: CustomEvent): void;
39
39
  _onChangedByScene(): void;
@@ -15,7 +15,7 @@ export declare class PropertyShapes extends AbstractProperty {
15
15
  selected: Component[];
16
16
  private _3dExpanded;
17
17
  firstUpdated(): void;
18
- render(): import("lit").TemplateResult<1>;
18
+ render(): import("lit-html").TemplateResult<1>;
19
19
  _onValueChange(e: Event): void;
20
20
  _hasTextProperty(selected: Component[]): boolean;
21
21
  _hasProperties(selected: Component[]): boolean;