@operato/process 2.0.0-alpha.8 → 2.0.0-alpha.80

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 (74) hide show
  1. package/CHANGELOG.md +497 -0
  2. package/demo/index-modeller.html +13 -2
  3. package/demo/index-viewer.html +13 -2
  4. package/demo/index.html +13 -2
  5. package/dist/src/modeller/component-toolbar/component-detail.d.ts +1 -1
  6. package/dist/src/modeller/component-toolbar/component-menu.d.ts +1 -1
  7. package/dist/src/modeller/component-toolbar/component-menu.js +9 -4
  8. package/dist/src/modeller/component-toolbar/component-menu.js.map +1 -1
  9. package/dist/src/modeller/component-toolbar/component-toolbar.d.ts +1 -1
  10. package/dist/src/modeller/component-toolbar/component-toolbar.js.map +1 -1
  11. package/dist/src/modeller/edit-toolbar.d.ts +1 -1
  12. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts +1 -1
  13. package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +2 -2
  14. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js +19 -19
  15. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js.map +1 -1
  16. package/dist/src/modeller/property-sidebar/effects/effects.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/inspector/inspector.js +1 -1
  22. package/dist/src/modeller/property-sidebar/inspector/inspector.js.map +1 -1
  23. package/dist/src/modeller/property-sidebar/property-sidebar.d.ts +2 -2
  24. package/dist/src/modeller/property-sidebar/property-sidebar.js +8 -8
  25. package/dist/src/modeller/property-sidebar/property-sidebar.js.map +1 -1
  26. package/dist/src/modeller/property-sidebar/shapes/shapes.d.ts +2 -2
  27. package/dist/src/modeller/property-sidebar/shapes/shapes.js +15 -4
  28. package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
  29. package/dist/src/modeller/property-sidebar/specifics/specific-properties-builder.d.ts +1 -1
  30. package/dist/src/modeller/property-sidebar/specifics/specifics.d.ts +1 -1
  31. package/dist/src/modeller/property-sidebar/specifics/specifics.js +4 -1
  32. package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
  33. package/dist/src/modeller/property-sidebar/styles/styles.d.ts +1 -1
  34. package/dist/src/ox-editor-process-selector.d.ts +2 -2
  35. package/dist/src/ox-editor-process-selector.js +3 -3
  36. package/dist/src/ox-editor-process-selector.js.map +1 -1
  37. package/dist/src/ox-process-list.js +13 -11
  38. package/dist/src/ox-process-list.js.map +1 -1
  39. package/dist/src/ox-process-modeller.d.ts +4 -3
  40. package/dist/src/ox-process-modeller.js +6 -3
  41. package/dist/src/ox-process-modeller.js.map +1 -1
  42. package/dist/src/ox-process-template-list.d.ts +1 -1
  43. package/dist/src/ox-process-viewer.d.ts +3 -3
  44. package/dist/src/ox-process-viewer.js +16 -15
  45. package/dist/src/ox-process-viewer.js.map +1 -1
  46. package/dist/src/selector/ox-process-creation-card.d.ts +2 -2
  47. package/dist/src/selector/ox-process-creation-card.js +4 -5
  48. package/dist/src/selector/ox-process-creation-card.js.map +1 -1
  49. package/dist/src/selector/ox-process-selector.d.ts +1 -1
  50. package/dist/src/selector/process-creation-popup.d.ts +5 -6
  51. package/dist/src/selector/process-creation-popup.js +23 -19
  52. package/dist/src/selector/process-creation-popup.js.map +1 -1
  53. package/dist/src/selector/process-thumbnail-card.d.ts +1 -1
  54. package/dist/src/selector/process-thumbnail-card.js +2 -2
  55. package/dist/src/selector/process-thumbnail-card.js.map +1 -1
  56. package/dist/stories/index.stories.js +1 -0
  57. package/dist/stories/index.stories.js.map +1 -1
  58. package/dist/tsconfig.tsbuildinfo +1 -1
  59. package/package.json +26 -26
  60. package/src/modeller/component-toolbar/component-menu.ts +9 -5
  61. package/src/modeller/component-toolbar/component-toolbar.ts +8 -5
  62. package/src/modeller/property-sidebar/data-binding/data-binding.ts +19 -19
  63. package/src/modeller/property-sidebar/inspector/inspector.ts +1 -1
  64. package/src/modeller/property-sidebar/property-sidebar.ts +8 -8
  65. package/src/modeller/property-sidebar/shapes/shapes.ts +15 -4
  66. package/src/modeller/property-sidebar/specifics/specifics.ts +5 -1
  67. package/src/ox-editor-process-selector.ts +3 -3
  68. package/src/ox-process-list.ts +13 -12
  69. package/src/ox-process-modeller.ts +7 -3
  70. package/src/ox-process-viewer.ts +16 -15
  71. package/src/selector/ox-process-creation-card.ts +4 -5
  72. package/src/selector/process-creation-popup.ts +23 -19
  73. package/src/selector/process-thumbnail-card.ts +2 -2
  74. package/stories/index.stories.ts +2 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,503 @@
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.80](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.79...v2.0.0-alpha.80) (2024-04-15)
7
+
8
+ **Note:** Version bump only for package @operato/process
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.79](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.78...v2.0.0-alpha.79) (2024-04-14)
15
+
16
+ **Note:** Version bump only for package @operato/process
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.78](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.77...v2.0.0-alpha.78) (2024-04-14)
23
+
24
+
25
+ ### :bug: Bug Fix
26
+
27
+ * revert @open-wc/scoped-elements to ^2.1.3 ([dfdfc57](https://github.com/heartyoh/ioperato/commit/dfdfc5738a54a492c580178e944b51e0b42dc512))
28
+
29
+
30
+
31
+ ## [2.0.0-alpha.77](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.76...v2.0.0-alpha.77) (2024-04-14)
32
+
33
+
34
+ ### :bug: Bug Fix
35
+
36
+ * add @webcomponents/scoped-custom-element-registry for storybook ([1f4264b](https://github.com/heartyoh/ioperato/commit/1f4264bd8384d8256437dfc838d22d64ec9a452d))
37
+
38
+
39
+
40
+ ## [2.0.0-alpha.76](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.75...v2.0.0-alpha.76) (2024-04-14)
41
+
42
+
43
+ ### :bug: Bug Fix
44
+
45
+ * fix: apply @open-wc/scoped-elements@3 ([929d74a](https://github.com/heartyoh/ioperato/commit/929d74a8febdb77379b4ecbf9e5721bbf40a2063))
46
+
47
+
48
+
49
+ ## [2.0.0-alpha.75](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.74...v2.0.0-alpha.75) (2024-04-14)
50
+
51
+
52
+ ### :bug: Bug Fix
53
+
54
+ * apply @open-wc/scoped-elements@3 ([ff1c9b4](https://github.com/heartyoh/ioperato/commit/ff1c9b4de393e955e2cacbf8f0c6ea307df7c76e))
55
+
56
+
57
+
58
+ ## [2.0.0-alpha.74](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.73...v2.0.0-alpha.74) (2024-04-14)
59
+
60
+
61
+ ### :bug: Bug Fix
62
+
63
+ * apply @open-wc/scoped-elements@3 ([b15def6](https://github.com/heartyoh/ioperato/commit/b15def6d50fefc1bfb940022a0019f36cf74335a))
64
+
65
+
66
+
67
+ ## [2.0.0-alpha.73](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.72...v2.0.0-alpha.73) (2024-04-14)
68
+
69
+
70
+ ### :bug: Bug Fix
71
+
72
+ * remove whole mwc-components ([c1a4f3e](https://github.com/heartyoh/ioperato/commit/c1a4f3e269f591919bf91e6afdb8bbc208e59c49))
73
+
74
+
75
+
76
+ ## [2.0.0-alpha.71](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.70...v2.0.0-alpha.71) (2024-04-13)
77
+
78
+ **Note:** Version bump only for package @operato/process
79
+
80
+
81
+
82
+
83
+
84
+ ## [2.0.0-alpha.70](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.69...v2.0.0-alpha.70) (2024-04-13)
85
+
86
+ **Note:** Version bump only for package @operato/process
87
+
88
+
89
+
90
+
91
+
92
+ ## [2.0.0-alpha.69](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.68...v2.0.0-alpha.69) (2024-04-13)
93
+
94
+
95
+ ### :bug: Bug Fix
96
+
97
+ * mwc=>md for context ([972f5fd](https://github.com/heartyoh/ioperato/commit/972f5fd8da02820b6d6238cf1dd099591f97d8df))
98
+
99
+
100
+
101
+ ## [2.0.0-alpha.68](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.67...v2.0.0-alpha.68) (2024-04-13)
102
+
103
+
104
+ ### :bug: Bug Fix
105
+
106
+ * mwc=>md for context ([2bc13f2](https://github.com/heartyoh/ioperato/commit/2bc13f285f257782f73e5d7b5d1ddd197df85393))
107
+
108
+
109
+
110
+ ## [2.0.0-alpha.64](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.63...v2.0.0-alpha.64) (2024-04-13)
111
+
112
+ **Note:** Version bump only for package @operato/process
113
+
114
+
115
+
116
+
117
+
118
+ ## [2.0.0-alpha.63](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.62...v2.0.0-alpha.63) (2024-04-12)
119
+
120
+ **Note:** Version bump only for package @operato/process
121
+
122
+
123
+
124
+
125
+
126
+ ## [2.0.0-alpha.62](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.61...v2.0.0-alpha.62) (2024-04-12)
127
+
128
+ **Note:** Version bump only for package @operato/process
129
+
130
+
131
+
132
+
133
+
134
+ ## [2.0.0-alpha.61](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.60...v2.0.0-alpha.61) (2024-04-11)
135
+
136
+ **Note:** Version bump only for package @operato/process
137
+
138
+
139
+
140
+
141
+
142
+ ## [2.0.0-alpha.60](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
143
+
144
+ **Note:** Version bump only for package @operato/process
145
+
146
+
147
+
148
+
149
+
150
+ ## [2.0.0-alpha.59](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
151
+
152
+ **Note:** Version bump only for package @operato/process
153
+
154
+
155
+
156
+
157
+
158
+ ## [2.0.0-alpha.58](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.57...v2.0.0-alpha.58) (2024-04-07)
159
+
160
+ **Note:** Version bump only for package @operato/process
161
+
162
+
163
+
164
+
165
+
166
+ ## [2.0.0-alpha.57](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
167
+
168
+ **Note:** Version bump only for package @operato/process
169
+
170
+
171
+
172
+
173
+
174
+
175
+
176
+ **Note:** Version bump only for package @operato/process
177
+
178
+
179
+
180
+
181
+
182
+ ## [2.0.0-alpha.54](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
183
+
184
+ **Note:** Version bump only for package @operato/process
185
+
186
+
187
+
188
+
189
+
190
+ ## [2.0.0-alpha.52](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
191
+
192
+ **Note:** Version bump only for package @operato/process
193
+
194
+
195
+
196
+
197
+
198
+ ## [2.0.0-alpha.51](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
199
+
200
+
201
+ ### :bug: Bug Fix
202
+
203
+ * upgrade lit ([e661c33](https://github.com/heartyoh/ioperato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
204
+
205
+
206
+
207
+ ## [2.0.0-alpha.50](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.49...v2.0.0-alpha.50) (2024-03-28)
208
+
209
+ **Note:** Version bump only for package @operato/process
210
+
211
+
212
+
213
+
214
+
215
+ ## [2.0.0-alpha.49](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
216
+
217
+ **Note:** Version bump only for package @operato/process
218
+
219
+
220
+
221
+
222
+
223
+ ## [2.0.0-alpha.48](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
224
+
225
+ **Note:** Version bump only for package @operato/process
226
+
227
+
228
+
229
+
230
+
231
+ ## [2.0.0-alpha.47](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
232
+
233
+ **Note:** Version bump only for package @operato/process
234
+
235
+
236
+
237
+
238
+
239
+ ## [2.0.0-alpha.46](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
240
+
241
+ **Note:** Version bump only for package @operato/process
242
+
243
+
244
+
245
+
246
+
247
+ ## [2.0.0-alpha.45](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.44...v2.0.0-alpha.45) (2024-03-26)
248
+
249
+
250
+ ### :bug: Bug Fix
251
+
252
+ * board modeller style ([53445fc](https://github.com/heartyoh/ioperato/commit/53445fca78ba87f81549da395b25911f0341e323))
253
+
254
+
255
+
256
+ ## [2.0.0-alpha.44](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
257
+
258
+ **Note:** Version bump only for package @operato/process
259
+
260
+
261
+
262
+
263
+
264
+ ## [2.0.0-alpha.43](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
265
+
266
+ **Note:** Version bump only for package @operato/process
267
+
268
+
269
+
270
+
271
+
272
+ ## [2.0.0-alpha.42](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.41...v2.0.0-alpha.42) (2024-03-21)
273
+
274
+ **Note:** Version bump only for package @operato/process
275
+
276
+
277
+
278
+
279
+
280
+ ## [2.0.0-alpha.41](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.40...v2.0.0-alpha.41) (2024-03-20)
281
+
282
+
283
+ ### :bug: Bug Fix
284
+
285
+ * scene component label ([b8e56cf](https://github.com/heartyoh/ioperato/commit/b8e56cf2eb42f0767ed5d2a5f153b1fbbe7cabe5))
286
+
287
+
288
+
289
+ ## [2.0.0-alpha.40](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.39...v2.0.0-alpha.40) (2024-03-20)
290
+
291
+
292
+ ### :bug: Bug Fix
293
+
294
+ * scene component label ([f55c4a8](https://github.com/heartyoh/ioperato/commit/f55c4a8eb377974da0685c48afb668051bdcb04c))
295
+
296
+
297
+
298
+ ## [2.0.0-alpha.39](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.38...v2.0.0-alpha.39) (2024-03-20)
299
+
300
+
301
+ ### :bug: Bug Fix
302
+
303
+ * scene component label ([b5058fa](https://github.com/heartyoh/ioperato/commit/b5058fa526a791d2be8f982f1c1d8208440c0f38))
304
+
305
+
306
+
307
+ ## [2.0.0-alpha.38](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.37...v2.0.0-alpha.38) (2024-03-19)
308
+
309
+
310
+ ### :bug: Bug Fix
311
+
312
+ * add display attribute for process equipment template ([d0d3c41](https://github.com/heartyoh/ioperato/commit/d0d3c41c2c378daabd68f8fb70bb7f8acc2fdc0a))
313
+
314
+
315
+
316
+ ## [2.0.0-alpha.37](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
317
+
318
+ **Note:** Version bump only for package @operato/process
319
+
320
+
321
+
322
+
323
+
324
+ ## [2.0.0-alpha.35](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
325
+
326
+ **Note:** Version bump only for package @operato/process
327
+
328
+
329
+
330
+
331
+
332
+ ## [2.0.0-alpha.34](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
333
+
334
+ **Note:** Version bump only for package @operato/process
335
+
336
+
337
+
338
+
339
+
340
+ ## [2.0.0-alpha.32](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
341
+
342
+ **Note:** Version bump only for package @operato/process
343
+
344
+
345
+
346
+
347
+
348
+ ## [2.0.0-alpha.31](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
349
+
350
+ **Note:** Version bump only for package @operato/process
351
+
352
+
353
+
354
+
355
+
356
+ ## [2.0.0-alpha.30](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
357
+
358
+ **Note:** Version bump only for package @operato/process
359
+
360
+
361
+
362
+
363
+
364
+ ## [2.0.0-alpha.29](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2024-02-22)
365
+
366
+
367
+ ### :rocket: New Features
368
+
369
+ * 말줄임 텍스트 UI 수정 ([29fce15](https://github.com/heartyoh/ioperato/commit/29fce1511cf13c3bb19ff28c3d334846da0a7dbb))
370
+ * 보드 프로퍼티 UI에 textOverflow 추가 ([b9639a7](https://github.com/heartyoh/ioperato/commit/b9639a7f34cec066e37660f28068f9a6d125277b))
371
+
372
+
373
+
374
+ ## [2.0.0-alpha.28](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
375
+
376
+
377
+ ### :bug: Bug Fix
378
+
379
+ * upgrade devDependencies for webcomponents ([1489b8b](https://github.com/heartyoh/ioperato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
380
+
381
+
382
+
383
+ ## [2.0.0-alpha.27](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
384
+
385
+ **Note:** Version bump only for package @operato/process
386
+
387
+
388
+
389
+
390
+
391
+ ## [2.0.0-alpha.25](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2024-02-12)
392
+
393
+ **Note:** Version bump only for package @operato/process
394
+
395
+
396
+
397
+
398
+
399
+ ## [2.0.0-alpha.24](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2024-02-11)
400
+
401
+ **Note:** Version bump only for package @operato/process
402
+
403
+
404
+
405
+
406
+
407
+ ## [2.0.0-alpha.23](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
408
+
409
+ **Note:** Version bump only for package @operato/process
410
+
411
+
412
+
413
+
414
+
415
+ ## [2.0.0-alpha.22](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
416
+
417
+ **Note:** Version bump only for package @operato/process
418
+
419
+
420
+
421
+
422
+
423
+ ## [2.0.0-alpha.21](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
424
+
425
+ **Note:** Version bump only for package @operato/process
426
+
427
+
428
+
429
+
430
+
431
+ ## [2.0.0-alpha.20](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
432
+
433
+ **Note:** Version bump only for package @operato/process
434
+
435
+
436
+
437
+
438
+
439
+ ## [2.0.0-alpha.19](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
440
+
441
+ **Note:** Version bump only for package @operato/process
442
+
443
+
444
+
445
+
446
+
447
+ ## [2.0.0-alpha.17](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
448
+
449
+ **Note:** Version bump only for package @operato/process
450
+
451
+
452
+
453
+
454
+
455
+ ## [2.0.0-alpha.16](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
456
+
457
+ **Note:** Version bump only for package @operato/process
458
+
459
+
460
+
461
+
462
+
463
+ ## [2.0.0-alpha.13](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
464
+
465
+ **Note:** Version bump only for package @operato/process
466
+
467
+
468
+
469
+
470
+
471
+ ## [2.0.0-alpha.12](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
472
+
473
+ **Note:** Version bump only for package @operato/process
474
+
475
+
476
+
477
+
478
+
479
+ ## [2.0.0-alpha.11](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
480
+
481
+ **Note:** Version bump only for package @operato/process
482
+
483
+
484
+
485
+
486
+
487
+ ## [2.0.0-alpha.10](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
488
+
489
+ **Note:** Version bump only for package @operato/process
490
+
491
+
492
+
493
+
494
+
495
+ ## [2.0.0-alpha.9](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
496
+
497
+ **Note:** Version bump only for package @operato/process
498
+
499
+
500
+
501
+
502
+
6
503
  ## [2.0.0-alpha.8](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
7
504
 
8
505
 
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en-GB">
3
3
  <head>
4
4
  <meta charset="utf-8" />
@@ -21,7 +21,18 @@
21
21
  }
22
22
  </style>
23
23
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
24
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
24
+ <link
25
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
26
+ rel="stylesheet"
27
+ />
28
+ <link
29
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
30
+ rel="stylesheet"
31
+ />
32
+ <link
33
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
34
+ rel="stylesheet"
35
+ />
25
36
  </head>
26
37
  <body>
27
38
  <div id="demo"></div>
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en-GB">
3
3
  <head>
4
4
  <meta charset="utf-8" />
@@ -21,7 +21,18 @@
21
21
  }
22
22
  </style>
23
23
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
24
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
24
+ <link
25
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
26
+ rel="stylesheet"
27
+ />
28
+ <link
29
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
30
+ rel="stylesheet"
31
+ />
32
+ <link
33
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
34
+ rel="stylesheet"
35
+ />
25
36
  </head>
26
37
  <body>
27
38
  <div id="demo"></div>
package/demo/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en-GB">
3
3
  <head>
4
4
  <meta charset="utf-8" />
@@ -21,7 +21,18 @@
21
21
  }
22
22
  </style>
23
23
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
24
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
24
+ <link
25
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
26
+ rel="stylesheet"
27
+ />
28
+ <link
29
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
30
+ rel="stylesheet"
31
+ />
32
+ <link
33
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
34
+ rel="stylesheet"
35
+ />
25
36
  </head>
26
37
  <body>
27
38
  <div id="demo"></div>
@@ -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
  }
@@ -14,7 +14,7 @@ export declare class ComponentMenu extends ComponentMenu_base {
14
14
  static get scopedElements(): {
15
15
  'process-component-detail': typeof ComponentDetail;
16
16
  };
17
- render(): import("lit").TemplateResult<1>;
17
+ render(): import("lit-html").TemplateResult<1>;
18
18
  updated(changes: PropertyValues<this>): void;
19
19
  findTemplate(type: string | null | undefined): void;
20
20
  onHoverComponent(e: MouseEvent): void;
@@ -3,6 +3,7 @@ import { css, html, LitElement } from 'lit';
3
3
  import { property, query, state } from 'lit/decorators.js';
4
4
  import { ScopedElementsMixin } from '@open-wc/scoped-elements';
5
5
  import { ScrollbarStyles } from '@operato/styles';
6
+ import { i18next } from '@operato/i18n';
6
7
  import { ComponentDetail } from './component-detail';
7
8
  const noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href;
8
9
  export class ComponentMenu extends ScopedElementsMixin(LitElement) {
@@ -24,11 +25,14 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
24
25
  <h2 @click=${(e) => e.stopPropagation()}>${this.group} list</h2>
25
26
 
26
27
  <div templates @mouseover=${(e) => this.onHoverComponent(e)}>
27
- ${(this.templates || []).map(template => html `
28
- <div @click=${this.onClickTemplate} data-type=${template.type} template>
29
- <img src=${String(this.templateIcon(template))} />${template.type}
28
+ ${(this.templates || []).map(template => {
29
+ const { type } = template;
30
+ return html `
31
+ <div @click=${this.onClickTemplate} data-type=${type} template>
32
+ <img src=${String(this.templateIcon(template))} />${i18next.t(`component.${type}`)}
30
33
  </div>
31
- `)}
34
+ `;
35
+ })}
32
36
  </div>
33
37
 
34
38
  <process-component-detail
@@ -140,6 +144,7 @@ ComponentMenu.styles = [
140
144
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
141
145
  font-size: 11px;
142
146
  color: var(--component-menu-item-color);
147
+ text-transform: capitalize;
143
148
  }
144
149
 
145
150
  [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":["import { 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-height);\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 max-width: var(--component-menu-item-icon-size-width);\n max-height: var(--component-menu-item-icon-size-height);\n }\n\n process-component-detail {\n position: absolute;\n top: 0;\n left: 180px;\n height: 100%;\n width: calc(100vw - 510px);\n outline: none;\n }\n\n process-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('process-component-detail') detail!: HTMLElement\n\n static get scopedElements() {\n return {\n 'process-component-detail': ComponentDetail\n }\n }\n\n render() {\n return this.group\n ? html`\n <h2 @click=${(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=${String(this.templateIcon(template))} />${template.type}\n </div>\n `\n )}\n </div>\n\n <process-component-detail\n tabindex=\"-1\"\n @focusout=${() => {\n this.template = null\n }}\n .template=${this.template}\n hidden\n >\n </process-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":["import { 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-height);\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 max-width: var(--component-menu-item-icon-size-width);\n max-height: var(--component-menu-item-icon-size-height);\n }\n\n process-component-detail {\n position: absolute;\n top: 0;\n left: 180px;\n height: 100%;\n width: calc(100vw - 510px);\n outline: none;\n }\n\n process-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('process-component-detail') detail!: HTMLElement\n\n static get scopedElements() {\n return {\n 'process-component-detail': ComponentDetail\n }\n }\n\n render() {\n return this.group\n ? html`\n <h2 @click=${(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 <process-component-detail\n tabindex=\"-1\"\n @focusout=${() => {\n this.template = null\n }}\n .template=${this.template}\n hidden\n >\n </process-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
  'process-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;