@operato/process 2.0.0-alpha.99 → 2.0.0-beta.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 (39) hide show
  1. package/CHANGELOG.md +439 -0
  2. package/dist/src/modeller/component-toolbar/component-toolbar.js +1 -1
  3. package/dist/src/modeller/component-toolbar/component-toolbar.js.map +1 -1
  4. package/dist/src/modeller/edit-toolbar.js +1 -1
  5. package/dist/src/modeller/edit-toolbar.js.map +1 -1
  6. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js +2 -2
  7. package/dist/src/modeller/property-sidebar/data-binding/data-binding.js.map +1 -1
  8. package/dist/src/modeller/property-sidebar/inspector/inspector.js +1 -2
  9. package/dist/src/modeller/property-sidebar/inspector/inspector.js.map +1 -1
  10. package/dist/src/modeller/property-sidebar/specifics/specifics.js +1 -1
  11. package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
  12. package/dist/src/ox-process-list.js +13 -55
  13. package/dist/src/ox-process-list.js.map +1 -1
  14. package/dist/src/ox-process-modeller.js +1 -1
  15. package/dist/src/ox-process-modeller.js.map +1 -1
  16. package/dist/src/ox-process-template-list.js +1 -1
  17. package/dist/src/ox-process-template-list.js.map +1 -1
  18. package/dist/src/selector/ox-process-creation-card.js +1 -1
  19. package/dist/src/selector/ox-process-creation-card.js.map +1 -1
  20. package/dist/src/selector/ox-process-selector.js +1 -1
  21. package/dist/src/selector/ox-process-selector.js.map +1 -1
  22. package/dist/src/selector/process-creation-popup.js +1 -1
  23. package/dist/src/selector/process-creation-popup.js.map +1 -1
  24. package/dist/src/selector/process-thumbnail-card.js +2 -2
  25. package/dist/src/selector/process-thumbnail-card.js.map +1 -1
  26. package/dist/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +15 -15
  28. package/src/modeller/component-toolbar/component-toolbar.ts +1 -1
  29. package/src/modeller/edit-toolbar.ts +1 -1
  30. package/src/modeller/property-sidebar/data-binding/data-binding.ts +2 -2
  31. package/src/modeller/property-sidebar/inspector/inspector.ts +1 -2
  32. package/src/modeller/property-sidebar/specifics/specifics.ts +1 -1
  33. package/src/ox-process-list.ts +14 -77
  34. package/src/ox-process-modeller.ts +1 -1
  35. package/src/ox-process-template-list.ts +1 -1
  36. package/src/selector/ox-process-creation-card.ts +1 -1
  37. package/src/selector/ox-process-selector.ts +1 -1
  38. package/src/selector/process-creation-popup.ts +1 -1
  39. package/src/selector/process-thumbnail-card.ts +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,445 @@
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-beta.0](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.158...v2.0.0-beta.0) (2024-06-01)
7
+
8
+ **Note:** Version bump only for package @operato/process
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.158](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.157...v2.0.0-alpha.158) (2024-06-01)
15
+
16
+ **Note:** Version bump only for package @operato/process
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.157](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.156...v2.0.0-alpha.157) (2024-06-01)
23
+
24
+ **Note:** Version bump only for package @operato/process
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.0.0-alpha.156](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.155...v2.0.0-alpha.156) (2024-06-01)
31
+
32
+ **Note:** Version bump only for package @operato/process
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.0.0-alpha.155](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.154...v2.0.0-alpha.155) (2024-06-01)
39
+
40
+ **Note:** Version bump only for package @operato/process
41
+
42
+
43
+
44
+
45
+
46
+ ## [2.0.0-alpha.154](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.153...v2.0.0-alpha.154) (2024-06-01)
47
+
48
+ **Note:** Version bump only for package @operato/process
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.0.0-alpha.153](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.152...v2.0.0-alpha.153) (2024-05-31)
55
+
56
+ **Note:** Version bump only for package @operato/process
57
+
58
+
59
+
60
+
61
+
62
+ ## [2.0.0-alpha.152](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.151...v2.0.0-alpha.152) (2024-05-30)
63
+
64
+
65
+ ### :bug: Bug Fix
66
+
67
+ * theming style - background-color ([48a0fe4](https://github.com/heartyoh/ioperato/commit/48a0fe49a533ae1fbd7931a2951b6a68e9c39b01))
68
+
69
+
70
+
71
+ ## [2.0.0-alpha.151](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.150...v2.0.0-alpha.151) (2024-05-30)
72
+
73
+ **Note:** Version bump only for package @operato/process
74
+
75
+
76
+
77
+
78
+
79
+ ## [2.0.0-alpha.150](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.149...v2.0.0-alpha.150) (2024-05-30)
80
+
81
+ **Note:** Version bump only for package @operato/process
82
+
83
+
84
+
85
+
86
+
87
+ ## [2.0.0-alpha.149](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.148...v2.0.0-alpha.149) (2024-05-30)
88
+
89
+
90
+ ### :bug: Bug Fix
91
+
92
+ * styles ([9ec269b](https://github.com/heartyoh/ioperato/commit/9ec269b18bc82a931083137214fb6e3017201107))
93
+
94
+
95
+
96
+ ## [2.0.0-alpha.148](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.147...v2.0.0-alpha.148) (2024-05-30)
97
+
98
+
99
+ ### :rocket: New Features
100
+
101
+ * md3 ([2d85145](https://github.com/heartyoh/ioperato/commit/2d8514510e4dd88d3ff0652e0b22c9992cabce5c))
102
+ * md3 ([55b7496](https://github.com/heartyoh/ioperato/commit/55b7496ea46a6b65ac6ab71bc1be7c89d1ba91e5))
103
+
104
+
105
+
106
+ ## [2.0.0-alpha.147](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.146...v2.0.0-alpha.147) (2024-05-30)
107
+
108
+ **Note:** Version bump only for package @operato/process
109
+
110
+
111
+
112
+
113
+
114
+ ## [2.0.0-alpha.146](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.145...v2.0.0-alpha.146) (2024-05-29)
115
+
116
+ **Note:** Version bump only for package @operato/process
117
+
118
+
119
+
120
+
121
+
122
+ ## [2.0.0-alpha.145](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.144...v2.0.0-alpha.145) (2024-05-28)
123
+
124
+ **Note:** Version bump only for package @operato/process
125
+
126
+
127
+
128
+
129
+
130
+ ## [2.0.0-alpha.144](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.143...v2.0.0-alpha.144) (2024-05-23)
131
+
132
+ **Note:** Version bump only for package @operato/process
133
+
134
+
135
+
136
+
137
+
138
+ ## [2.0.0-alpha.143](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.142...v2.0.0-alpha.143) (2024-05-23)
139
+
140
+ **Note:** Version bump only for package @operato/process
141
+
142
+
143
+
144
+
145
+
146
+ ## [2.0.0-alpha.142](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.141...v2.0.0-alpha.142) (2024-05-21)
147
+
148
+ **Note:** Version bump only for package @operato/process
149
+
150
+
151
+
152
+
153
+
154
+ ## [2.0.0-alpha.141](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.140...v2.0.0-alpha.141) (2024-05-17)
155
+
156
+ **Note:** Version bump only for package @operato/process
157
+
158
+
159
+
160
+
161
+
162
+ ## [2.0.0-alpha.140](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.139...v2.0.0-alpha.140) (2024-05-17)
163
+
164
+ **Note:** Version bump only for package @operato/process
165
+
166
+
167
+
168
+
169
+
170
+ ## [2.0.0-alpha.139](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.138...v2.0.0-alpha.139) (2024-05-16)
171
+
172
+ **Note:** Version bump only for package @operato/process
173
+
174
+
175
+
176
+
177
+
178
+ ## [2.0.0-alpha.138](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.137...v2.0.0-alpha.138) (2024-05-15)
179
+
180
+ **Note:** Version bump only for package @operato/process
181
+
182
+
183
+
184
+
185
+
186
+ ## [2.0.0-alpha.137](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.136...v2.0.0-alpha.137) (2024-05-15)
187
+
188
+
189
+ ### :rocket: New Features
190
+
191
+ * p13n-mixin에서 preference loading 횟수를 최적화함 ([a6d1e70](https://github.com/heartyoh/ioperato/commit/a6d1e70bb9cb0fc6cca696510efa0cd9b3aa295e))
192
+
193
+
194
+
195
+ ## [2.0.0-alpha.136](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.135...v2.0.0-alpha.136) (2024-05-14)
196
+
197
+ **Note:** Version bump only for package @operato/process
198
+
199
+
200
+
201
+
202
+
203
+ ## [2.0.0-alpha.134](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.133...v2.0.0-alpha.134) (2024-05-13)
204
+
205
+ **Note:** Version bump only for package @operato/process
206
+
207
+
208
+
209
+
210
+
211
+ ## [2.0.0-alpha.133](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.132...v2.0.0-alpha.133) (2024-05-12)
212
+
213
+ **Note:** Version bump only for package @operato/process
214
+
215
+
216
+
217
+
218
+
219
+ ## [2.0.0-alpha.132](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.131...v2.0.0-alpha.132) (2024-05-11)
220
+
221
+ **Note:** Version bump only for package @operato/process
222
+
223
+
224
+
225
+
226
+
227
+ ## [2.0.0-alpha.131](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.130...v2.0.0-alpha.131) (2024-05-11)
228
+
229
+ **Note:** Version bump only for package @operato/process
230
+
231
+
232
+
233
+
234
+
235
+ ## [2.0.0-alpha.130](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.129...v2.0.0-alpha.130) (2024-05-10)
236
+
237
+
238
+ ### :bug: Bug Fix
239
+
240
+ * ox-search-form 내 input 에서 엔터키가 발생했을 때, change 이벤트를 발생시키도록 함 ([7325996](https://github.com/heartyoh/ioperato/commit/7325996e081309c680f9902de94df0f805c33ce3))
241
+
242
+
243
+
244
+ ## [2.0.0-alpha.129](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.128...v2.0.0-alpha.129) (2024-05-08)
245
+
246
+ **Note:** Version bump only for package @operato/process
247
+
248
+
249
+
250
+
251
+
252
+ ## [2.0.0-alpha.127](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.126...v2.0.0-alpha.127) (2024-05-08)
253
+
254
+ **Note:** Version bump only for package @operato/process
255
+
256
+
257
+
258
+
259
+
260
+ ## [2.0.0-alpha.124](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.123...v2.0.0-alpha.124) (2024-05-08)
261
+
262
+ **Note:** Version bump only for package @operato/process
263
+
264
+
265
+
266
+
267
+
268
+ ## [2.0.0-alpha.123](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.122...v2.0.0-alpha.123) (2024-05-07)
269
+
270
+ **Note:** Version bump only for package @operato/process
271
+
272
+
273
+
274
+
275
+
276
+ ## [2.0.0-alpha.122](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.121...v2.0.0-alpha.122) (2024-05-06)
277
+
278
+ **Note:** Version bump only for package @operato/process
279
+
280
+
281
+
282
+
283
+
284
+ ## [2.0.0-alpha.121](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.120...v2.0.0-alpha.121) (2024-05-05)
285
+
286
+ **Note:** Version bump only for package @operato/process
287
+
288
+
289
+
290
+
291
+
292
+ ## [2.0.0-alpha.120](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.119...v2.0.0-alpha.120) (2024-05-05)
293
+
294
+
295
+ ### :rocket: New Features
296
+
297
+ * add personalConfigProvider property for ox-grist ([b5804ae](https://github.com/heartyoh/ioperato/commit/b5804aeb3e57e60856847600b6390112650880fa))
298
+
299
+
300
+
301
+ ## [2.0.0-alpha.119](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.118...v2.0.0-alpha.119) (2024-05-04)
302
+
303
+ **Note:** Version bump only for package @operato/process
304
+
305
+
306
+
307
+
308
+
309
+ ## [2.0.0-alpha.118](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.117...v2.0.0-alpha.118) (2024-05-04)
310
+
311
+ **Note:** Version bump only for package @operato/process
312
+
313
+
314
+
315
+
316
+
317
+ ## [2.0.0-alpha.117](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.116...v2.0.0-alpha.117) (2024-05-04)
318
+
319
+ **Note:** Version bump only for package @operato/process
320
+
321
+
322
+
323
+
324
+
325
+ ## [2.0.0-alpha.116](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.115...v2.0.0-alpha.116) (2024-05-04)
326
+
327
+ **Note:** Version bump only for package @operato/process
328
+
329
+
330
+
331
+
332
+
333
+ ## [2.0.0-alpha.115](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.114...v2.0.0-alpha.115) (2024-05-04)
334
+
335
+ **Note:** Version bump only for package @operato/process
336
+
337
+
338
+
339
+
340
+
341
+ ## [2.0.0-alpha.114](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.113...v2.0.0-alpha.114) (2024-05-04)
342
+
343
+ **Note:** Version bump only for package @operato/process
344
+
345
+
346
+
347
+
348
+
349
+ ## [2.0.0-alpha.112](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.111...v2.0.0-alpha.112) (2024-05-02)
350
+
351
+ **Note:** Version bump only for package @operato/process
352
+
353
+
354
+
355
+
356
+
357
+ ## [2.0.0-alpha.111](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.110...v2.0.0-alpha.111) (2024-05-02)
358
+
359
+ **Note:** Version bump only for package @operato/process
360
+
361
+
362
+
363
+
364
+
365
+ ## [2.0.0-alpha.110](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.109...v2.0.0-alpha.110) (2024-05-02)
366
+
367
+ **Note:** Version bump only for package @operato/process
368
+
369
+
370
+
371
+
372
+
373
+ ## [2.0.0-alpha.109](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.108...v2.0.0-alpha.109) (2024-05-02)
374
+
375
+ **Note:** Version bump only for package @operato/process
376
+
377
+
378
+
379
+
380
+
381
+ ## [2.0.0-alpha.108](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.107...v2.0.0-alpha.108) (2024-05-02)
382
+
383
+ **Note:** Version bump only for package @operato/process
384
+
385
+
386
+
387
+
388
+
389
+ ## [2.0.0-alpha.107](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.106...v2.0.0-alpha.107) (2024-05-01)
390
+
391
+ **Note:** Version bump only for package @operato/process
392
+
393
+
394
+
395
+
396
+
397
+ ## [2.0.0-alpha.106](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.105...v2.0.0-alpha.106) (2024-04-26)
398
+
399
+ **Note:** Version bump only for package @operato/process
400
+
401
+
402
+
403
+
404
+
405
+ ## [2.0.0-alpha.105](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.104...v2.0.0-alpha.105) (2024-04-26)
406
+
407
+ **Note:** Version bump only for package @operato/process
408
+
409
+
410
+
411
+
412
+
413
+ ## [2.0.0-alpha.104](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.103...v2.0.0-alpha.104) (2024-04-26)
414
+
415
+ **Note:** Version bump only for package @operato/process
416
+
417
+
418
+
419
+
420
+
421
+ ## [2.0.0-alpha.103](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.102...v2.0.0-alpha.103) (2024-04-26)
422
+
423
+ **Note:** Version bump only for package @operato/process
424
+
425
+
426
+
427
+
428
+
429
+ ## [2.0.0-alpha.102](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.101...v2.0.0-alpha.102) (2024-04-22)
430
+
431
+ **Note:** Version bump only for package @operato/process
432
+
433
+
434
+
435
+
436
+
437
+ ## [2.0.0-alpha.100](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.99...v2.0.0-alpha.100) (2024-04-21)
438
+
439
+ **Note:** Version bump only for package @operato/process
440
+
441
+
442
+
443
+
444
+
6
445
  ## [2.0.0-alpha.99](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.98...v2.0.0-alpha.99) (2024-04-21)
7
446
 
8
447
  **Note:** Version bump only for package @operato/process
@@ -17,7 +17,7 @@ export class ComponentToolbar extends ScopedElementsMixin(LitElement) {
17
17
  }
18
18
  updated(changes) {
19
19
  if (changes.has('componentGroupList')) {
20
- const color = getComputedStyle(this, null).getPropertyValue('--primary-color');
20
+ const color = getComputedStyle(this, null).getPropertyValue('--md-sys-color-primary');
21
21
  this.icons = (this.componentGroupList || [])
22
22
  .filter(group => { var _a; return ((_a = group.templates) === null || _a === void 0 ? void 0 : _a.length) > 0; })
23
23
  .reduce((sum, group) => {
@@ -1 +1 @@
1
- {"version":3,"file":"component-toolbar.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-toolbar.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, queryAll } from 'lit/decorators.js'\n\nimport { Scene, SCENE_MODE } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { ComponentGroup } from '../../types'\nimport { ComponentMenu } from './component-menu.js'\nimport { ICON_EDIT_MODE, ICON_SHIFT_MODE } from './mode-icons'\n\nexport class ComponentToolbar extends ScopedElementsMixin(LitElement) {\n static styles = [\n css`\n :host {\n left: 0;\n display: block;\n position: relative;\n\n width: var(--component-toolbar-icon-size);\n background-color: var(--component-toolbar-background-color);\n }\n\n [components] {\n display: block;\n padding: 0;\n margin: 0;\n\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n [components] > img {\n display: flex;\n flex-direction: row;\n\n width: var(--component-toolbar-icon-size);\n height: var(--component-toolbar-icon-size);\n min-width: 50%;\n\n border-bottom: var(--component-toolbar-border);\n margin: 0;\n padding: 6px;\n box-sizing: border-box;\n }\n\n #shift[active] {\n background-color: #beb9b3;\n }\n\n process-component-menu {\n position: absolute;\n top: 0;\n left: var(--component-toolbar-icon-size);\n height: 100%;\n outline: none;\n }\n\n process-component-menu[hidden] {\n display: none;\n }\n `\n ]\n\n @property({ type: Array }) componentGroupList: ComponentGroup[] = []\n @property({ type: String }) group?: string | null\n @property({ type: Object }) scene!: Scene\n @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.EDIT\n\n @query('#shift') shift!: HTMLImageElement\n @query('process-component-menu') private menu!: HTMLElement\n @query('div[components]') private componentsContainer!: HTMLElement\n @queryAll('[data-group]') private groups!: NodeListOf<HTMLElement>\n\n private icons: { [name: string]: string } = {}\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('componentGroupList')) {\n const color = getComputedStyle(this, null).getPropertyValue('--primary-color')\n\n this.icons = (this.componentGroupList || [])\n .filter(group => group.templates?.length > 0)\n .reduce(\n (sum, group: ComponentGroup) => {\n sum[group.name] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))\n return sum\n },\n {} as { [name: string]: string }\n )\n\n this.icons['mode-edit'] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(ICON_EDIT_MODE.replace(/{{strokeColor}}/g, color))\n this.icons['mode-shift'] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(ICON_SHIFT_MODE.replace(/{{strokeColor}}/g, color))\n }\n\n if (changes.has('group')) {\n this.groups.forEach(group => {\n group.getAttribute('data-group') === this.group\n ? group.setAttribute('active', '')\n : group.removeAttribute('active')\n })\n\n this.group ? this.menu.removeAttribute('hidden') : this.menu.setAttribute('hidden', '')\n }\n }\n\n static get scopedElements() {\n return {\n 'process-component-menu': ComponentMenu\n }\n }\n\n render() {\n const componentList = this.componentGroupList || []\n const modeIcon = this.icons[this.mode === SCENE_MODE.SHIFT ? 'mode-shift' : 'mode-edit']\n\n return html`\n <div components @mousewheel=${(e: MouseEvent) => this.onWheelEvent(e)}>\n <img id=\"shift\" .src=${modeIcon} @click=${(e: MouseEvent) => this._onClickShift(e)} />\n\n ${componentList\n .filter(group => group.templates?.length > 0)\n .map(\n group => html`\n <img\n data-group=${group.name}\n @click=${(e: MouseEvent) => this._onClickGroup(e)}\n .src=${this.icons[group.name]}\n />\n `\n )}\n </div>\n\n <process-component-menu\n tabindex=\"-1\"\n @focusout=${() => {\n this.group = null\n }}\n .scene=${this.scene}\n .group=${this.group}\n .groups=${componentList}\n hidden\n >\n </process-component-menu>\n `\n }\n\n onWheelEvent(e: Event) {\n var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n this.componentsContainer.scrollTop += delta * 10\n\n e.preventDefault()\n }\n\n _setMode(mode: SCENE_MODE) {\n this.mode = mode\n\n this.dispatchEvent(\n new CustomEvent('mode-changed', {\n bubbles: true,\n composed: true,\n detail: { value: mode }\n })\n )\n }\n\n _onClickShift(e: MouseEvent) {\n const shift = this.shift\n\n if (shift.hasAttribute('active')) {\n shift.removeAttribute('active')\n this._setMode(SCENE_MODE.EDIT)\n } else {\n shift.setAttribute('active', '')\n this._setMode(SCENE_MODE.SHIFT)\n }\n }\n\n async _onClickGroup(e: MouseEvent) {\n var button = e.target as HTMLElement\n\n this.group = button!.closest('[data-group]')?.getAttribute('data-group')\n\n if (!this.group) return\n\n await this.updateComplete\n\n this.menu?.focus()\n }\n}\n"]}
1
+ {"version":3,"file":"component-toolbar.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-toolbar.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, queryAll } from 'lit/decorators.js'\n\nimport { Scene, SCENE_MODE } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { ComponentGroup } from '../../types'\nimport { ComponentMenu } from './component-menu.js'\nimport { ICON_EDIT_MODE, ICON_SHIFT_MODE } from './mode-icons'\n\nexport class ComponentToolbar extends ScopedElementsMixin(LitElement) {\n static styles = [\n css`\n :host {\n left: 0;\n display: block;\n position: relative;\n\n width: var(--component-toolbar-icon-size);\n background-color: var(--component-toolbar-background-color);\n }\n\n [components] {\n display: block;\n padding: 0;\n margin: 0;\n\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n [components] > img {\n display: flex;\n flex-direction: row;\n\n width: var(--component-toolbar-icon-size);\n height: var(--component-toolbar-icon-size);\n min-width: 50%;\n\n border-bottom: var(--component-toolbar-border);\n margin: 0;\n padding: 6px;\n box-sizing: border-box;\n }\n\n #shift[active] {\n background-color: #beb9b3;\n }\n\n process-component-menu {\n position: absolute;\n top: 0;\n left: var(--component-toolbar-icon-size);\n height: 100%;\n outline: none;\n }\n\n process-component-menu[hidden] {\n display: none;\n }\n `\n ]\n\n @property({ type: Array }) componentGroupList: ComponentGroup[] = []\n @property({ type: String }) group?: string | null\n @property({ type: Object }) scene!: Scene\n @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.EDIT\n\n @query('#shift') shift!: HTMLImageElement\n @query('process-component-menu') private menu!: HTMLElement\n @query('div[components]') private componentsContainer!: HTMLElement\n @queryAll('[data-group]') private groups!: NodeListOf<HTMLElement>\n\n private icons: { [name: string]: string } = {}\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('componentGroupList')) {\n const color = getComputedStyle(this, null).getPropertyValue('--md-sys-color-primary')\n\n this.icons = (this.componentGroupList || [])\n .filter(group => group.templates?.length > 0)\n .reduce(\n (sum, group: ComponentGroup) => {\n sum[group.name] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))\n return sum\n },\n {} as { [name: string]: string }\n )\n\n this.icons['mode-edit'] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(ICON_EDIT_MODE.replace(/{{strokeColor}}/g, color))\n this.icons['mode-shift'] =\n 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(ICON_SHIFT_MODE.replace(/{{strokeColor}}/g, color))\n }\n\n if (changes.has('group')) {\n this.groups.forEach(group => {\n group.getAttribute('data-group') === this.group\n ? group.setAttribute('active', '')\n : group.removeAttribute('active')\n })\n\n this.group ? this.menu.removeAttribute('hidden') : this.menu.setAttribute('hidden', '')\n }\n }\n\n static get scopedElements() {\n return {\n 'process-component-menu': ComponentMenu\n }\n }\n\n render() {\n const componentList = this.componentGroupList || []\n const modeIcon = this.icons[this.mode === SCENE_MODE.SHIFT ? 'mode-shift' : 'mode-edit']\n\n return html`\n <div components @mousewheel=${(e: MouseEvent) => this.onWheelEvent(e)}>\n <img id=\"shift\" .src=${modeIcon} @click=${(e: MouseEvent) => this._onClickShift(e)} />\n\n ${componentList\n .filter(group => group.templates?.length > 0)\n .map(\n group => html`\n <img\n data-group=${group.name}\n @click=${(e: MouseEvent) => this._onClickGroup(e)}\n .src=${this.icons[group.name]}\n />\n `\n )}\n </div>\n\n <process-component-menu\n tabindex=\"-1\"\n @focusout=${() => {\n this.group = null\n }}\n .scene=${this.scene}\n .group=${this.group}\n .groups=${componentList}\n hidden\n >\n </process-component-menu>\n `\n }\n\n onWheelEvent(e: Event) {\n var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n this.componentsContainer.scrollTop += delta * 10\n\n e.preventDefault()\n }\n\n _setMode(mode: SCENE_MODE) {\n this.mode = mode\n\n this.dispatchEvent(\n new CustomEvent('mode-changed', {\n bubbles: true,\n composed: true,\n detail: { value: mode }\n })\n )\n }\n\n _onClickShift(e: MouseEvent) {\n const shift = this.shift\n\n if (shift.hasAttribute('active')) {\n shift.removeAttribute('active')\n this._setMode(SCENE_MODE.EDIT)\n } else {\n shift.setAttribute('active', '')\n this._setMode(SCENE_MODE.SHIFT)\n }\n }\n\n async _onClickGroup(e: MouseEvent) {\n var button = e.target as HTMLElement\n\n this.group = button!.closest('[data-group]')?.getAttribute('data-group')\n\n if (!this.group) return\n\n await this.updateComplete\n\n this.menu?.focus()\n }\n}\n"]}
@@ -158,7 +158,7 @@ export class EditToolbar extends LitElement {
158
158
  <span class="vline"></span>
159
159
 
160
160
  <span button id="font-increase" title="increase font size"></span>
161
- <span button id="font-decrease" title="decrease font size"></span>
161
+ <span button id="font-decrease" title="decrease font size" style="scale: 0.7;"></span>
162
162
 
163
163
  <span class="vline"></span>
164
164
  <span padding></span>