@operato/process 2.0.0-alpha.6 → 2.0.0-alpha.61

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 +386 -0
  2. package/dist/src/modeller/component-toolbar/component-detail.d.ts +1 -1
  3. package/dist/src/modeller/component-toolbar/component-menu.d.ts +1 -1
  4. package/dist/src/modeller/component-toolbar/component-menu.js +9 -4
  5. package/dist/src/modeller/component-toolbar/component-menu.js.map +1 -1
  6. package/dist/src/modeller/component-toolbar/component-toolbar.d.ts +1 -1
  7. package/dist/src/modeller/edit-toolbar.d.ts +1 -1
  8. package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.d.ts +1 -1
  9. package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +1 -1
  10. package/dist/src/modeller/property-sidebar/effects/effects.d.ts +1 -1
  11. package/dist/src/modeller/property-sidebar/effects/property-event-hover.d.ts +1 -1
  12. package/dist/src/modeller/property-sidebar/effects/property-event-tap.d.ts +1 -1
  13. package/dist/src/modeller/property-sidebar/effects/property-event.d.ts +1 -1
  14. package/dist/src/modeller/property-sidebar/effects/property-shadow.d.ts +1 -1
  15. package/dist/src/modeller/property-sidebar/property-sidebar.d.ts +1 -1
  16. package/dist/src/modeller/property-sidebar/shapes/shapes.d.ts +1 -1
  17. package/dist/src/modeller/property-sidebar/shapes/shapes.js +11 -0
  18. package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
  19. package/dist/src/modeller/property-sidebar/specifics/specific-properties-builder.d.ts +1 -1
  20. package/dist/src/modeller/property-sidebar/specifics/specifics.d.ts +1 -1
  21. package/dist/src/modeller/property-sidebar/specifics/specifics.js +4 -1
  22. package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
  23. package/dist/src/modeller/property-sidebar/styles/styles.d.ts +1 -1
  24. package/dist/src/ox-editor-process-selector.d.ts +1 -1
  25. package/dist/src/ox-process-list.js +3 -5
  26. package/dist/src/ox-process-list.js.map +1 -1
  27. package/dist/src/ox-process-modeller.d.ts +2 -2
  28. package/dist/src/ox-process-template-list.d.ts +1 -1
  29. package/dist/src/ox-process-viewer.d.ts +1 -1
  30. package/dist/src/selector/ox-process-creation-card.d.ts +1 -1
  31. package/dist/src/selector/ox-process-selector.d.ts +1 -1
  32. package/dist/src/selector/process-creation-popup.d.ts +1 -1
  33. package/dist/src/selector/process-thumbnail-card.d.ts +1 -1
  34. package/dist/tsconfig.tsbuildinfo +1 -1
  35. package/package.json +24 -24
  36. package/src/modeller/component-toolbar/component-menu.ts +9 -5
  37. package/src/modeller/property-sidebar/shapes/shapes.ts +11 -0
  38. package/src/modeller/property-sidebar/specifics/specifics.ts +5 -1
  39. package/src/ox-process-list.ts +3 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,392 @@
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.61](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.60...v2.0.0-alpha.61) (2024-04-11)
7
+
8
+ **Note:** Version bump only for package @operato/process
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.60](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
15
+
16
+ **Note:** Version bump only for package @operato/process
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.59](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
23
+
24
+ **Note:** Version bump only for package @operato/process
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.0.0-alpha.58](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.57...v2.0.0-alpha.58) (2024-04-07)
31
+
32
+ **Note:** Version bump only for package @operato/process
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.0.0-alpha.57](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
39
+
40
+ **Note:** Version bump only for package @operato/process
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+ **Note:** Version bump only for package @operato/process
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.0.0-alpha.54](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
55
+
56
+ **Note:** Version bump only for package @operato/process
57
+
58
+
59
+
60
+
61
+
62
+ ## [2.0.0-alpha.52](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
63
+
64
+ **Note:** Version bump only for package @operato/process
65
+
66
+
67
+
68
+
69
+
70
+ ## [2.0.0-alpha.51](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
71
+
72
+
73
+ ### :bug: Bug Fix
74
+
75
+ * upgrade lit ([e661c33](https://github.com/heartyoh/ioperato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
76
+
77
+
78
+
79
+ ## [2.0.0-alpha.50](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.49...v2.0.0-alpha.50) (2024-03-28)
80
+
81
+ **Note:** Version bump only for package @operato/process
82
+
83
+
84
+
85
+
86
+
87
+ ## [2.0.0-alpha.49](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
88
+
89
+ **Note:** Version bump only for package @operato/process
90
+
91
+
92
+
93
+
94
+
95
+ ## [2.0.0-alpha.48](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
96
+
97
+ **Note:** Version bump only for package @operato/process
98
+
99
+
100
+
101
+
102
+
103
+ ## [2.0.0-alpha.47](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
104
+
105
+ **Note:** Version bump only for package @operato/process
106
+
107
+
108
+
109
+
110
+
111
+ ## [2.0.0-alpha.46](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
112
+
113
+ **Note:** Version bump only for package @operato/process
114
+
115
+
116
+
117
+
118
+
119
+ ## [2.0.0-alpha.45](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.44...v2.0.0-alpha.45) (2024-03-26)
120
+
121
+
122
+ ### :bug: Bug Fix
123
+
124
+ * board modeller style ([53445fc](https://github.com/heartyoh/ioperato/commit/53445fca78ba87f81549da395b25911f0341e323))
125
+
126
+
127
+
128
+ ## [2.0.0-alpha.44](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
129
+
130
+ **Note:** Version bump only for package @operato/process
131
+
132
+
133
+
134
+
135
+
136
+ ## [2.0.0-alpha.43](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
137
+
138
+ **Note:** Version bump only for package @operato/process
139
+
140
+
141
+
142
+
143
+
144
+ ## [2.0.0-alpha.42](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.41...v2.0.0-alpha.42) (2024-03-21)
145
+
146
+ **Note:** Version bump only for package @operato/process
147
+
148
+
149
+
150
+
151
+
152
+ ## [2.0.0-alpha.41](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.40...v2.0.0-alpha.41) (2024-03-20)
153
+
154
+
155
+ ### :bug: Bug Fix
156
+
157
+ * scene component label ([b8e56cf](https://github.com/heartyoh/ioperato/commit/b8e56cf2eb42f0767ed5d2a5f153b1fbbe7cabe5))
158
+
159
+
160
+
161
+ ## [2.0.0-alpha.40](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.39...v2.0.0-alpha.40) (2024-03-20)
162
+
163
+
164
+ ### :bug: Bug Fix
165
+
166
+ * scene component label ([f55c4a8](https://github.com/heartyoh/ioperato/commit/f55c4a8eb377974da0685c48afb668051bdcb04c))
167
+
168
+
169
+
170
+ ## [2.0.0-alpha.39](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.38...v2.0.0-alpha.39) (2024-03-20)
171
+
172
+
173
+ ### :bug: Bug Fix
174
+
175
+ * scene component label ([b5058fa](https://github.com/heartyoh/ioperato/commit/b5058fa526a791d2be8f982f1c1d8208440c0f38))
176
+
177
+
178
+
179
+ ## [2.0.0-alpha.38](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.37...v2.0.0-alpha.38) (2024-03-19)
180
+
181
+
182
+ ### :bug: Bug Fix
183
+
184
+ * add display attribute for process equipment template ([d0d3c41](https://github.com/heartyoh/ioperato/commit/d0d3c41c2c378daabd68f8fb70bb7f8acc2fdc0a))
185
+
186
+
187
+
188
+ ## [2.0.0-alpha.37](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
189
+
190
+ **Note:** Version bump only for package @operato/process
191
+
192
+
193
+
194
+
195
+
196
+ ## [2.0.0-alpha.35](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
197
+
198
+ **Note:** Version bump only for package @operato/process
199
+
200
+
201
+
202
+
203
+
204
+ ## [2.0.0-alpha.34](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
205
+
206
+ **Note:** Version bump only for package @operato/process
207
+
208
+
209
+
210
+
211
+
212
+ ## [2.0.0-alpha.32](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
213
+
214
+ **Note:** Version bump only for package @operato/process
215
+
216
+
217
+
218
+
219
+
220
+ ## [2.0.0-alpha.31](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
221
+
222
+ **Note:** Version bump only for package @operato/process
223
+
224
+
225
+
226
+
227
+
228
+ ## [2.0.0-alpha.30](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
229
+
230
+ **Note:** Version bump only for package @operato/process
231
+
232
+
233
+
234
+
235
+
236
+ ## [2.0.0-alpha.29](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2024-02-22)
237
+
238
+
239
+ ### :rocket: New Features
240
+
241
+ * 말줄임 텍스트 UI 수정 ([29fce15](https://github.com/heartyoh/ioperato/commit/29fce1511cf13c3bb19ff28c3d334846da0a7dbb))
242
+ * 보드 프로퍼티 UI에 textOverflow 추가 ([b9639a7](https://github.com/heartyoh/ioperato/commit/b9639a7f34cec066e37660f28068f9a6d125277b))
243
+
244
+
245
+
246
+ ## [2.0.0-alpha.28](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
247
+
248
+
249
+ ### :bug: Bug Fix
250
+
251
+ * upgrade devDependencies for webcomponents ([1489b8b](https://github.com/heartyoh/ioperato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
252
+
253
+
254
+
255
+ ## [2.0.0-alpha.27](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
256
+
257
+ **Note:** Version bump only for package @operato/process
258
+
259
+
260
+
261
+
262
+
263
+ ## [2.0.0-alpha.25](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2024-02-12)
264
+
265
+ **Note:** Version bump only for package @operato/process
266
+
267
+
268
+
269
+
270
+
271
+ ## [2.0.0-alpha.24](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2024-02-11)
272
+
273
+ **Note:** Version bump only for package @operato/process
274
+
275
+
276
+
277
+
278
+
279
+ ## [2.0.0-alpha.23](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
280
+
281
+ **Note:** Version bump only for package @operato/process
282
+
283
+
284
+
285
+
286
+
287
+ ## [2.0.0-alpha.22](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
288
+
289
+ **Note:** Version bump only for package @operato/process
290
+
291
+
292
+
293
+
294
+
295
+ ## [2.0.0-alpha.21](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
296
+
297
+ **Note:** Version bump only for package @operato/process
298
+
299
+
300
+
301
+
302
+
303
+ ## [2.0.0-alpha.20](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
304
+
305
+ **Note:** Version bump only for package @operato/process
306
+
307
+
308
+
309
+
310
+
311
+ ## [2.0.0-alpha.19](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
312
+
313
+ **Note:** Version bump only for package @operato/process
314
+
315
+
316
+
317
+
318
+
319
+ ## [2.0.0-alpha.17](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
320
+
321
+ **Note:** Version bump only for package @operato/process
322
+
323
+
324
+
325
+
326
+
327
+ ## [2.0.0-alpha.16](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
328
+
329
+ **Note:** Version bump only for package @operato/process
330
+
331
+
332
+
333
+
334
+
335
+ ## [2.0.0-alpha.13](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
336
+
337
+ **Note:** Version bump only for package @operato/process
338
+
339
+
340
+
341
+
342
+
343
+ ## [2.0.0-alpha.12](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
344
+
345
+ **Note:** Version bump only for package @operato/process
346
+
347
+
348
+
349
+
350
+
351
+ ## [2.0.0-alpha.11](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
352
+
353
+ **Note:** Version bump only for package @operato/process
354
+
355
+
356
+
357
+
358
+
359
+ ## [2.0.0-alpha.10](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
360
+
361
+ **Note:** Version bump only for package @operato/process
362
+
363
+
364
+
365
+
366
+
367
+ ## [2.0.0-alpha.9](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
368
+
369
+ **Note:** Version bump only for package @operato/process
370
+
371
+
372
+
373
+
374
+
375
+ ## [2.0.0-alpha.8](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
376
+
377
+
378
+ ### :bug: Bug Fix
379
+
380
+ * default board size for process model ([20ef44d](https://github.com/heartyoh/ioperato/commit/20ef44dd1840179157cda949e49b13af518144cd))
381
+
382
+
383
+
384
+ ## [2.0.0-alpha.7](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2024-01-15)
385
+
386
+ **Note:** Version bump only for package @operato/process
387
+
388
+
389
+
390
+
391
+
6
392
  ## [2.0.0-alpha.6](https://github.com/heartyoh/ioperato/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2024-01-15)
7
393
 
8
394
  **Note:** Version bump only for package @operato/process
@@ -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;
@@ -25,7 +25,7 @@ export declare class EditToolbar extends LitElement {
25
25
  private distributes;
26
26
  firstUpdated(): void;
27
27
  updated(changes: PropertyValues<this>): void;
28
- render(): import("lit").TemplateResult<1>;
28
+ render(): import("lit-html").TemplateResult<1>;
29
29
  onWheelEvent(e: Event): void;
30
30
  getSymbol(key: string): string;
31
31
  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>;
@@ -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;
@@ -17,6 +17,6 @@ export declare class PropertyEffects extends PropertyEffects_base {
17
17
  'process-property-shadow': typeof PropertyShadow;
18
18
  'process-property-event': typeof PropertyEvent;
19
19
  };
20
- render(): import("lit").TemplateResult<1>;
20
+ render(): import("lit-html").TemplateResult<1>;
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;
@@ -18,7 +18,7 @@ export declare class PropertyEventTap extends LitElement {
18
18
  description: string;
19
19
  }[];
20
20
  firstUpdated(): Promise<void>;
21
- render(): import("lit").TemplateResult<1>;
21
+ render(): import("lit-html").TemplateResult<1>;
22
22
  _getPlaceHoder(action: string): "" | "http://www.hatiolab.com/";
23
23
  _getInputList(action: string): {
24
24
  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
  'process-property-data-binding': typeof PropertyDataBinding;
34
34
  'process-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;
@@ -155,6 +155,17 @@ export class PropertyShapes extends AbstractProperty {
155
155
  <label for="checkbox-textwrap"> <ox-i18n msgid="label.text-wrap">Text Wrap</ox-i18n> </label>
156
156
  </div>
157
157
 
158
+ ${!value.textWrap
159
+ ? html ` <label for="checkbox-textOverflow">
160
+ <ox-i18n msgid="label.text-overflow">Text Overflow</ox-i18n>
161
+ </label>
162
+ <select value-key="textOverflow" .value=${value.textOverflow || ''}>
163
+ <option value="" selected>none</option>
164
+ <option value="ellipsis">ellipsis</option>
165
+ <option value="clip">clip</option>
166
+ </select>`
167
+ : ''}
168
+
158
169
  <label> <ox-i18n msgid="label.padding">padding</ox-i18n> </label>
159
170
  <table class="box-padding">
160
171
  <tr>