@operato/process 9.0.0-beta.4 → 9.0.0-beta.40
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.
- package/CHANGELOG.md +256 -0
- package/dist/src/graphql/index.d.ts +3 -3
- package/dist/src/graphql/index.js +3 -3
- package/dist/src/graphql/index.js.map +1 -1
- package/dist/src/graphql/process-group.d.ts +1 -1
- package/dist/src/graphql/process-group.js.map +1 -1
- package/dist/src/graphql/process.d.ts +1 -1
- package/dist/src/graphql/process.js.map +1 -1
- package/dist/src/modeller/component-toolbar/component-menu.d.ts +3 -3
- package/dist/src/modeller/component-toolbar/component-menu.js +1 -1
- package/dist/src/modeller/component-toolbar/component-menu.js.map +1 -1
- package/dist/src/modeller/component-toolbar/component-toolbar.d.ts +2 -2
- package/dist/src/modeller/component-toolbar/component-toolbar.js +1 -1
- package/dist/src/modeller/component-toolbar/component-toolbar.js.map +1 -1
- package/dist/src/modeller/edit-toolbar.js +20 -18
- package/dist/src/modeller/edit-toolbar.js.map +1 -1
- package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js +0 -4
- package/dist/src/modeller/property-sidebar/data-binding/data-binding-mapper.js.map +1 -1
- package/dist/src/modeller/property-sidebar/data-binding/data-binding.d.ts +1 -1
- package/dist/src/modeller/property-sidebar/effects/effects.d.ts +1 -1
- package/dist/src/modeller/property-sidebar/effects/property-event-hover.js +4 -2
- package/dist/src/modeller/property-sidebar/effects/property-event-hover.js.map +1 -1
- package/dist/src/modeller/property-sidebar/effects/property-event-tap.js +6 -6
- package/dist/src/modeller/property-sidebar/effects/property-event-tap.js.map +1 -1
- package/dist/src/modeller/property-sidebar/effects/property-event.d.ts +3 -3
- package/dist/src/modeller/property-sidebar/effects/property-event.js +4 -4
- package/dist/src/modeller/property-sidebar/effects/property-event.js.map +1 -1
- package/dist/src/modeller/property-sidebar/effects/property-shadow.js +1 -1
- package/dist/src/modeller/property-sidebar/effects/property-shadow.js.map +1 -1
- package/dist/src/modeller/property-sidebar/property-shared-style.js +2 -2
- package/dist/src/modeller/property-sidebar/property-shared-style.js.map +1 -1
- package/dist/src/modeller/property-sidebar/property-sidebar.d.ts +2 -2
- package/dist/src/modeller/property-sidebar/property-sidebar.js +2 -2
- package/dist/src/modeller/property-sidebar/property-sidebar.js.map +1 -1
- package/dist/src/modeller/property-sidebar/shapes/shapes.d.ts +1 -1
- package/dist/src/modeller/property-sidebar/shapes/shapes.js +3 -3
- package/dist/src/modeller/property-sidebar/shapes/shapes.js.map +1 -1
- package/dist/src/modeller/property-sidebar/specifics/specifics.d.ts +1 -1
- package/dist/src/modeller/property-sidebar/specifics/specifics.js +1 -1
- package/dist/src/modeller/property-sidebar/specifics/specifics.js.map +1 -1
- package/dist/src/modeller/property-sidebar/styles/styles.d.ts +2 -2
- package/dist/src/modeller/property-sidebar/styles/styles.js +14 -14
- package/dist/src/modeller/property-sidebar/styles/styles.js.map +1 -1
- package/dist/src/ox-editor-process-selector.d.ts +1 -1
- package/dist/src/ox-editor-process-selector.js +1 -1
- package/dist/src/ox-editor-process-selector.js.map +1 -1
- package/dist/src/ox-process-list.js +3 -3
- package/dist/src/ox-process-list.js.map +1 -1
- package/dist/src/ox-process-modeller.d.ts +6 -6
- package/dist/src/ox-process-modeller.js +4 -4
- package/dist/src/ox-process-modeller.js.map +1 -1
- package/dist/src/ox-process-viewer.js +2 -1
- package/dist/src/ox-process-viewer.js.map +1 -1
- package/dist/src/ox-property-editor-process-selector.d.ts +1 -1
- package/dist/src/ox-property-editor-process-selector.js +1 -1
- package/dist/src/ox-property-editor-process-selector.js.map +1 -1
- package/dist/src/selector/ox-process-creation-card.d.ts +1 -1
- package/dist/src/selector/ox-process-creation-card.js +1 -1
- package/dist/src/selector/ox-process-creation-card.js.map +1 -1
- package/dist/src/selector/ox-process-selector.d.ts +1 -1
- package/dist/src/selector/ox-process-selector.js +1 -1
- package/dist/src/selector/ox-process-selector.js.map +1 -1
- package/dist/src/selector/process-creation-popup.d.ts +2 -2
- package/dist/src/selector/process-creation-popup.js +1 -1
- package/dist/src/selector/process-creation-popup.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/icons/icon-properties-label.png +0 -0
- package/package.json +16 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,262 @@
|
|
|
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
|
+
## [9.0.0-beta.40](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.39...v9.0.0-beta.40) (2025-02-06)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :bug: Bug Fix
|
|
10
|
+
|
|
11
|
+
* animated-icon-handler => animator-handler ([8a9bf93](https://github.com/heartyoh/ioperato/commit/8a9bf939f4bf7e42084ab56a4ce5c4968f2939b3))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## [9.0.0-beta.39](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.38...v9.0.0-beta.39) (2025-02-05)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### :rocket: New Features
|
|
19
|
+
|
|
20
|
+
* support animated-icon feature for ox-board-view ([1e94592](https://github.com/heartyoh/ioperato/commit/1e94592c9c85999afbe23de8b1b8291cf63481fc))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
## [9.0.0-beta.38](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.37...v9.0.0-beta.38) (2025-02-02)
|
|
25
|
+
|
|
26
|
+
**Note:** Version bump only for package @operato/process
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
## [9.0.0-beta.37](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.36...v9.0.0-beta.37) (2025-02-01)
|
|
33
|
+
|
|
34
|
+
**Note:** Version bump only for package @operato/process
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
## [9.0.0-beta.36](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.35...v9.0.0-beta.36) (2025-02-01)
|
|
41
|
+
|
|
42
|
+
**Note:** Version bump only for package @operato/process
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
## [9.0.0-beta.35](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.34...v9.0.0-beta.35) (2025-02-01)
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### :bug: Bug Fix
|
|
52
|
+
|
|
53
|
+
* change tap => click event (due to polymer library being removed) ([2f1add0](https://github.com/heartyoh/ioperato/commit/2f1add0ed89214b63acb127de34f65caf3bec9b5))
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
## [9.0.0-beta.34](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.33...v9.0.0-beta.34) (2025-01-31)
|
|
58
|
+
|
|
59
|
+
**Note:** Version bump only for package @operato/process
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
## [9.0.0-beta.33](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.32...v9.0.0-beta.33) (2025-01-31)
|
|
66
|
+
|
|
67
|
+
**Note:** Version bump only for package @operato/process
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
## [9.0.0-beta.32](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.31...v9.0.0-beta.32) (2025-01-31)
|
|
74
|
+
|
|
75
|
+
**Note:** Version bump only for package @operato/process
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
## [9.0.0-beta.31](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.30...v9.0.0-beta.31) (2025-01-31)
|
|
82
|
+
|
|
83
|
+
**Note:** Version bump only for package @operato/process
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
## [9.0.0-beta.29](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.28...v9.0.0-beta.29) (2025-01-30)
|
|
90
|
+
|
|
91
|
+
**Note:** Version bump only for package @operato/process
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
## [9.0.0-beta.28](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.27...v9.0.0-beta.28) (2025-01-28)
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
### :rocket: New Features
|
|
101
|
+
|
|
102
|
+
* module property-panel ([d3dd184](https://github.com/heartyoh/ioperato/commit/d3dd18461756814dc17e33157a397d8d679650a6))
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
## [9.0.0-beta.23](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.22...v9.0.0-beta.23) (2025-01-28)
|
|
107
|
+
|
|
108
|
+
**Note:** Version bump only for package @operato/process
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
## [9.0.0-beta.22](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.21...v9.0.0-beta.22) (2025-01-28)
|
|
115
|
+
|
|
116
|
+
**Note:** Version bump only for package @operato/process
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
## [9.0.0-beta.21](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.20...v9.0.0-beta.21) (2025-01-28)
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
### :rocket: New Features
|
|
126
|
+
|
|
127
|
+
* module property-panel ([4f308a0](https://github.com/heartyoh/ioperato/commit/4f308a0ace57bb156e489eef7998cf443c38fa11))
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
## [9.0.0-beta.20](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.19...v9.0.0-beta.20) (2025-01-27)
|
|
132
|
+
|
|
133
|
+
**Note:** Version bump only for package @operato/process
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
## [9.0.0-beta.19](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.18...v9.0.0-beta.19) (2025-01-27)
|
|
140
|
+
|
|
141
|
+
**Note:** Version bump only for package @operato/process
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
## [9.0.0-beta.18](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.17...v9.0.0-beta.18) (2025-01-27)
|
|
148
|
+
|
|
149
|
+
**Note:** Version bump only for package @operato/process
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
## [9.0.0-beta.17](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.16...v9.0.0-beta.17) (2025-01-27)
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
### :rocket: New Features
|
|
159
|
+
|
|
160
|
+
* module property-panel ([e9b3455](https://github.com/heartyoh/ioperato/commit/e9b3455cae80362957ac6ff4ba0aeb2d9e3f298b))
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
## [9.0.0-beta.16](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.15...v9.0.0-beta.16) (2025-01-27)
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
### :rocket: New Features
|
|
168
|
+
|
|
169
|
+
* module property-panel ([eaa45f9](https://github.com/heartyoh/ioperato/commit/eaa45f98e3f4349732f2d0d9d346eef8093be3e8))
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
## [9.0.0-beta.15](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.14...v9.0.0-beta.15) (2025-01-27)
|
|
174
|
+
|
|
175
|
+
**Note:** Version bump only for package @operato/process
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
## [9.0.0-beta.14](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.13...v9.0.0-beta.14) (2025-01-27)
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
### :rocket: New Features
|
|
185
|
+
|
|
186
|
+
* module property-panel ([d78e4cf](https://github.com/heartyoh/ioperato/commit/d78e4cf7080b95fa74e61b42094b9f3f59f1409b))
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
## [9.0.0-beta.13](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.12...v9.0.0-beta.13) (2025-01-25)
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
### :bug: Bug Fix
|
|
194
|
+
|
|
195
|
+
* missing type: 'module' package.json ([604aaf0](https://github.com/heartyoh/ioperato/commit/604aaf0d35d52d0f8158bcf85d42a2d21b086871))
|
|
196
|
+
* resource for letter-spacing ([8be23be](https://github.com/heartyoh/ioperato/commit/8be23bec5b7099a971147c979cefadb0b75aefed))
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
## [9.0.0-beta.12](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.11...v9.0.0-beta.12) (2025-01-25)
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
### :bug: Bug Fix
|
|
204
|
+
|
|
205
|
+
* revert @open-wc/scoped-elements@3.0.5 => 2.1.3 ([393cf28](https://github.com/heartyoh/ioperato/commit/393cf2893381f0e720c53687e48b6552f3f78ed8))
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
## [9.0.0-beta.11](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.10...v9.0.0-beta.11) (2025-01-25)
|
|
210
|
+
|
|
211
|
+
|
|
212
|
+
### :bug: Bug Fix
|
|
213
|
+
|
|
214
|
+
* tsconfig option useDefineForClassFields=false ([0d77c0a](https://github.com/heartyoh/ioperato/commit/0d77c0aa620282c65b3c05f8e0b559e82836b6ab))
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
## [9.0.0-beta.10](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.9...v9.0.0-beta.10) (2025-01-25)
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
### :bug: Bug Fix
|
|
222
|
+
|
|
223
|
+
* @open-wc/scoped-elements@3.0.5 ([45f8a55](https://github.com/heartyoh/ioperato/commit/45f8a557e3f7b95771bf8886d7590fb459fb2746))
|
|
224
|
+
* tweak tsconfig.json ([3c424b1](https://github.com/heartyoh/ioperato/commit/3c424b18d046f95d5619076d113d49a4b4dc9bbb))
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
## [9.0.0-beta.9](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.8...v9.0.0-beta.9) (2025-01-25)
|
|
229
|
+
|
|
230
|
+
**Note:** Version bump only for package @operato/process
|
|
231
|
+
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
|
|
236
|
+
## [9.0.0-beta.7](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.6...v9.0.0-beta.7) (2025-01-20)
|
|
237
|
+
|
|
238
|
+
**Note:** Version bump only for package @operato/process
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
## [9.0.0-beta.6](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.5...v9.0.0-beta.6) (2025-01-20)
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
### :bug: Bug Fix
|
|
248
|
+
|
|
249
|
+
* esm module ([9642b97](https://github.com/heartyoh/ioperato/commit/9642b97650623d9ce71f6db0fd1995a2379205b5))
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
## [9.0.0-beta.5](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.4...v9.0.0-beta.5) (2025-01-20)
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
### :bug: Bug Fix
|
|
257
|
+
|
|
258
|
+
* esm module ([1319b00](https://github.com/heartyoh/ioperato/commit/1319b00d6955a514f63b3469fb514a28f84168a2))
|
|
259
|
+
|
|
260
|
+
|
|
261
|
+
|
|
6
262
|
## [9.0.0-beta.4](https://github.com/heartyoh/ioperato/compare/v9.0.0-beta.3...v9.0.0-beta.4) (2025-01-20)
|
|
7
263
|
|
|
8
264
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './process';
|
|
2
|
-
export * from './process-group';
|
|
3
|
-
export * from './favorite-process';
|
|
1
|
+
export * from './process.js';
|
|
2
|
+
export * from './process-group.js';
|
|
3
|
+
export * from './favorite-process.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './process';
|
|
2
|
-
export * from './process-group';
|
|
3
|
-
export * from './favorite-process';
|
|
1
|
+
export * from './process.js';
|
|
2
|
+
export * from './process-group.js';
|
|
3
|
+
export * from './favorite-process.js';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graphql/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graphql/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './process.js'\nexport * from './process-group.js'\nexport * from './favorite-process.js'\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ProcessGroup } from '../types';
|
|
1
|
+
import { ProcessGroup } from '../types.js';
|
|
2
2
|
export declare function fetchProcessGroup(id: string): Promise<any>;
|
|
3
3
|
export declare function updateProcessGroup(group: ProcessGroup): Promise<any>;
|
|
4
4
|
export declare function deleteProcessGroup(id: string): Promise<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"process-group.js","sourceRoot":"","sources":["../../../src/graphql/process-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,EAAU;IAChD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAmB;IAC1D,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,EAAU;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;KAaT;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAmB;IAC1D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE,EAAE,KAAK,EAAE;KACrB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,SAAiB,EAAE,OAAe;IACvE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;YACX,UAAU,EAAE,CAAC,SAAS,CAAC;SACxB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { ProcessGroup } from '../types'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\nexport async function fetchProcessGroup(id: string) {\n const response = await client.query({\n query: gql`\n query FetchProcessGroupById($id: String!) {\n group(id: $id) {\n id\n name\n description\n createdAt\n creator {\n id\n name\n }\n updatedAt\n updater {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n return response.data\n}\n\nexport async function updateProcessGroup(group: ProcessGroup) {\n var { id, name, description } = group\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProcessGroup($id: String!, $patch: ProcessGroupPatch!) {\n updateProcessGroup(id: $id, patch: $patch) {\n id\n name\n description\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id,\n patch: { name, description }\n }\n })\n\n return response.data\n}\n\nexport async function deleteProcessGroup(id: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteProcessGroup(id: $id)\n }\n `,\n variables: {\n id\n }\n })\n\n return response.data\n}\n\nexport async function fetchProcessGroupList() {\n const response = await client.query({\n query: gql`\n {\n processGroups {\n items {\n id\n name\n description\n createdAt\n updatedAt\n }\n total\n }\n }\n `\n })\n\n return response.data\n}\n\nexport async function createProcessGroup(group: ProcessGroup) {\n const response = await client.mutate({\n mutation: gql`\n mutation CreateProcessGroup($group: NewProcessGroup!) {\n createProcessGroup(group: $group) {\n id\n name\n description\n createdAt\n updatedAt\n }\n }\n `,\n variables: { group }\n })\n\n return response.data\n}\n\nexport async function joinProcessGroup(processId: string, groupId: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation JoinProcessGroup($id: String!, $processIds: [String!]!) {\n joinProcessGroup(id: $id, processIds: $processIds) {\n id\n name\n description\n processes {\n id\n name\n description\n createdAt\n updatedAt\n }\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id: groupId,\n processIds: [processId]\n }\n })\n\n return response.data\n}\n"]}
|
|
1
|
+
{"version":3,"file":"process-group.js","sourceRoot":"","sources":["../../../src/graphql/process-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,EAAU;IAChD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAmB;IAC1D,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,EAAU;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,qBAAqB;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;KAaT;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAmB;IAC1D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE,EAAE,KAAK,EAAE;KACrB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,SAAiB,EAAE,OAAe;IACvE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;YACX,UAAU,EAAE,CAAC,SAAS,CAAC;SACxB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { ProcessGroup } from '../types.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\nexport async function fetchProcessGroup(id: string) {\n const response = await client.query({\n query: gql`\n query FetchProcessGroupById($id: String!) {\n group(id: $id) {\n id\n name\n description\n createdAt\n creator {\n id\n name\n }\n updatedAt\n updater {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n return response.data\n}\n\nexport async function updateProcessGroup(group: ProcessGroup) {\n var { id, name, description } = group\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProcessGroup($id: String!, $patch: ProcessGroupPatch!) {\n updateProcessGroup(id: $id, patch: $patch) {\n id\n name\n description\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id,\n patch: { name, description }\n }\n })\n\n return response.data\n}\n\nexport async function deleteProcessGroup(id: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteProcessGroup(id: $id)\n }\n `,\n variables: {\n id\n }\n })\n\n return response.data\n}\n\nexport async function fetchProcessGroupList() {\n const response = await client.query({\n query: gql`\n {\n processGroups {\n items {\n id\n name\n description\n createdAt\n updatedAt\n }\n total\n }\n }\n `\n })\n\n return response.data\n}\n\nexport async function createProcessGroup(group: ProcessGroup) {\n const response = await client.mutate({\n mutation: gql`\n mutation CreateProcessGroup($group: NewProcessGroup!) {\n createProcessGroup(group: $group) {\n id\n name\n description\n createdAt\n updatedAt\n }\n }\n `,\n variables: { group }\n })\n\n return response.data\n}\n\nexport async function joinProcessGroup(processId: string, groupId: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation JoinProcessGroup($id: String!, $processIds: [String!]!) {\n joinProcessGroup(id: $id, processIds: $processIds) {\n id\n name\n description\n processes {\n id\n name\n description\n createdAt\n updatedAt\n }\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id: groupId,\n processIds: [processId]\n }\n })\n\n return response.data\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Process } from '../types';
|
|
1
|
+
import { Process } from '../types.js';
|
|
2
2
|
export declare function fetchProcessList(listParam?: {}): Promise<any>;
|
|
3
3
|
export declare function fetchProcess(id: string): Promise<any>;
|
|
4
4
|
export declare function createProcess(process: Process): Promise<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"process.js","sourceRoot":"","sources":["../../../src/graphql/process.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,SAAS,GAAG,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;oBAEM,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;;;KAYnC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,EAAU;IAC3C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,OAAgB;IAClD;;;;;;;MAOE;IAEF,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;KAWZ;QACD,SAAS,EAAE;YACT,OAAO;SACR;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,OAAgB;IAClD;;;;;;QAMI;IACJ,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAEvD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;KAeZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE;SAC7C;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAAU;IAC5C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { buildArgs, client } from '@operato/graphql'\n\nimport { Process } from '../types'\nimport gql from 'graphql-tag'\n\nexport async function fetchProcessList(listParam = {}) {\n const response = await client.query({\n query: gql`\n {\n processes(${buildArgs(listParam)}) {\n items {\n id\n name\n description\n thumbnail\n createdAt\n updatedAt\n }\n total\n }\n }\n `\n })\n\n return response.data\n}\n\nexport async function fetchProcess(id: string) {\n const response = await client.query({\n query: gql`\n query FetchProcessById($id: String!) {\n process(id: $id) {\n id\n name\n description\n group {\n id\n name\n }\n thumbnail\n model\n createdAt\n creator {\n id\n name\n }\n updatedAt\n updater {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n return response.data\n}\n\nexport async function createProcess(process: Process) {\n /*\n input NewProcess {\n name : String!\n description : String\n model : String!\n groupId : String!\n }\n */\n\n const response = await client.mutate({\n mutation: gql`\n mutation CreateProcess($process: NewProcess!) {\n createProcess(process: $process) {\n id\n name\n description\n model\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n process\n }\n })\n\n return response.data\n}\n\nexport async function updateProcess(process: Process) {\n /*\n input ProcessPatch {\n name : String\n description : String\n model : String\n }\n */\n var { id, name, description, model, groupId } = process\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProcess($id: String!, $patch: ProcessPatch!) {\n updateProcess(id: $id, patch: $patch) {\n id\n name\n description\n model\n group {\n id\n name\n }\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id,\n patch: { name, description, model, groupId }\n }\n })\n\n return response.data\n}\n\nexport async function deleteProcess(id: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteProcess(id: $id)\n }\n `,\n variables: {\n id\n }\n })\n\n return response.data\n}\n"]}
|
|
1
|
+
{"version":3,"file":"process.js","sourceRoot":"","sources":["../../../src/graphql/process.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,SAAS,GAAG,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;oBAEM,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;;;KAYnC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,EAAU;IAC3C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,OAAgB;IAClD;;;;;;;MAOE;IAEF,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;KAWZ;QACD,SAAS,EAAE;YACT,OAAO;SACR;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,OAAgB;IAClD;;;;;;QAMI;IACJ,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IAEvD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;KAeZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE;SAC7C;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAAU;IAC5C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { buildArgs, client } from '@operato/graphql'\n\nimport { Process } from '../types.js'\nimport gql from 'graphql-tag'\n\nexport async function fetchProcessList(listParam = {}) {\n const response = await client.query({\n query: gql`\n {\n processes(${buildArgs(listParam)}) {\n items {\n id\n name\n description\n thumbnail\n createdAt\n updatedAt\n }\n total\n }\n }\n `\n })\n\n return response.data\n}\n\nexport async function fetchProcess(id: string) {\n const response = await client.query({\n query: gql`\n query FetchProcessById($id: String!) {\n process(id: $id) {\n id\n name\n description\n group {\n id\n name\n }\n thumbnail\n model\n createdAt\n creator {\n id\n name\n }\n updatedAt\n updater {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n return response.data\n}\n\nexport async function createProcess(process: Process) {\n /*\n input NewProcess {\n name : String!\n description : String\n model : String!\n groupId : String!\n }\n */\n\n const response = await client.mutate({\n mutation: gql`\n mutation CreateProcess($process: NewProcess!) {\n createProcess(process: $process) {\n id\n name\n description\n model\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n process\n }\n })\n\n return response.data\n}\n\nexport async function updateProcess(process: Process) {\n /*\n input ProcessPatch {\n name : String\n description : String\n model : String\n }\n */\n var { id, name, description, model, groupId } = process\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProcess($id: String!, $patch: ProcessPatch!) {\n updateProcess(id: $id, patch: $patch) {\n id\n name\n description\n model\n group {\n id\n name\n }\n createdAt\n updatedAt\n }\n }\n `,\n variables: {\n id,\n patch: { name, description, model, groupId }\n }\n })\n\n return response.data\n}\n\nexport async function deleteProcess(id: string) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteProcess(id: $id)\n }\n `,\n variables: {\n id\n }\n })\n\n return response.data\n}\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import { Scene } from '@hatiolab/things-scene';
|
|
3
|
-
import { Pallet, PalletItem } from '../../types';
|
|
4
|
-
import { ComponentDetail } from './component-detail';
|
|
5
|
-
declare const ComponentMenu_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types
|
|
3
|
+
import { Pallet, PalletItem } from '../../types.js';
|
|
4
|
+
import { ComponentDetail } from './component-detail.js';
|
|
5
|
+
declare const ComponentMenu_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
|
|
6
6
|
export declare class ComponentMenu extends ComponentMenu_base {
|
|
7
7
|
static styles: import("lit").CSSResult[];
|
|
8
8
|
groups: Pallet[];
|
|
@@ -4,7 +4,7 @@ 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
6
|
import { i18next } from '@operato/i18n';
|
|
7
|
-
import { ComponentDetail } from './component-detail';
|
|
7
|
+
import { ComponentDetail } from './component-detail.js';
|
|
8
8
|
const noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href;
|
|
9
9
|
export class ComponentMenu extends ScopedElementsMixin(LitElement) {
|
|
10
10
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-menu.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
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.js'\nimport { ComponentDetail } from './component-detail.js'\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, var(--md-sys-color-secondary-container));\n color: var(--component-menu-color, var(--md-sys-color-on-secondary-container));\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, var(--md-sys-color-secondary));\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, var(--md-sys-color-secondary));\n padding: 1px 5px;\n margin: 0;\n font: var(--component-menu-title);\n color: var(--md-sys-color-on-secondary);\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, var(--md-sys-color-secondary-container));\n color: var(--component-menu-color, var(--md-sys-color-on-secondary-container));\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, var(--md-sys-color-on-secondary-container));\n text-transform: capitalize;\n }\n\n [template]:hover,\n [template]:focus {\n color: var(--component-menu-item-hover-color, var(--md-sys-color-secondary));\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"]}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { LitElement, PropertyValues } from 'lit';
|
|
5
5
|
import { Scene, SCENE_MODE } from '@hatiolab/things-scene';
|
|
6
|
-
import { ComponentGroup } from '../../types';
|
|
6
|
+
import { ComponentGroup } from '../../types.js';
|
|
7
7
|
import { ComponentMenu } from './component-menu.js';
|
|
8
|
-
declare const ComponentToolbar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types
|
|
8
|
+
declare const ComponentToolbar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
|
|
9
9
|
export declare class ComponentToolbar extends ComponentToolbar_base {
|
|
10
10
|
static styles: import("lit").CSSResult[];
|
|
11
11
|
componentGroupList: ComponentGroup[];
|
|
@@ -7,7 +7,7 @@ import { property, query, queryAll } from 'lit/decorators.js';
|
|
|
7
7
|
import { SCENE_MODE } from '@hatiolab/things-scene';
|
|
8
8
|
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
|
|
9
9
|
import { ComponentMenu } from './component-menu.js';
|
|
10
|
-
import { ICON_EDIT_MODE, ICON_SHIFT_MODE } from './mode-icons';
|
|
10
|
+
import { ICON_EDIT_MODE, ICON_SHIFT_MODE } from './mode-icons.js';
|
|
11
11
|
export class ComponentToolbar extends ScopedElementsMixin(LitElement) {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-toolbar.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-toolbar.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAS,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,
|
|
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.js'\nimport { ComponentMenu } from './component-menu.js'\nimport { ICON_EDIT_MODE, ICON_SHIFT_MODE } from './mode-icons.js'\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"]}
|
|
@@ -5,7 +5,7 @@ import { __decorate } from "tslib";
|
|
|
5
5
|
import { html, LitElement } from 'lit';
|
|
6
6
|
import { property, query, queryAll } from 'lit/decorators.js';
|
|
7
7
|
import { copyToClipboard, isMacOS } from '@operato/utils';
|
|
8
|
-
import { style } from './edit-toolbar-style';
|
|
8
|
+
import { style } from './edit-toolbar-style.js';
|
|
9
9
|
const MACOS = isMacOS();
|
|
10
10
|
export class EditToolbar extends LitElement {
|
|
11
11
|
constructor() {
|
|
@@ -24,29 +24,31 @@ export class EditToolbar extends LitElement {
|
|
|
24
24
|
console.error('model paste failed', e);
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
this.aligners.forEach(aligner => aligner.addEventListener('
|
|
28
|
-
this.zorders.forEach(zorder => zorder.addEventListener('
|
|
29
|
-
this.distributes.forEach(distribute => distribute.addEventListener('
|
|
30
|
-
this.undo.addEventListener('
|
|
31
|
-
this.redo.addEventListener('
|
|
32
|
-
this.fullscreen.addEventListener('
|
|
33
|
-
this.cut.addEventListener('
|
|
34
|
-
this.copy.addEventListener('
|
|
35
|
-
this.paste.addEventListener('
|
|
36
|
-
this.delete.addEventListener('
|
|
27
|
+
this.aligners.forEach(aligner => aligner.addEventListener('click', this.onTapAlign.bind(this)));
|
|
28
|
+
this.zorders.forEach(zorder => zorder.addEventListener('click', this.onTapZorder.bind(this)));
|
|
29
|
+
this.distributes.forEach(distribute => distribute.addEventListener('click', this.onTapDistribute.bind(this)));
|
|
30
|
+
this.undo.addEventListener('click', this.onTapUndo.bind(this));
|
|
31
|
+
this.redo.addEventListener('click', this.onTapRedo.bind(this));
|
|
32
|
+
this.fullscreen.addEventListener('click', this.onTapFullscreen.bind(this));
|
|
33
|
+
this.cut.addEventListener('click', this.onTapCut.bind(this));
|
|
34
|
+
this.copy.addEventListener('click', this.onTapCopy.bind(this));
|
|
35
|
+
this.paste.addEventListener('click', this.onTapPaste.bind(this));
|
|
36
|
+
this.delete.addEventListener('click', this.onTapDelete.bind(this));
|
|
37
37
|
this.renderRoot
|
|
38
38
|
.querySelector('#font-increase')
|
|
39
|
-
.addEventListener('
|
|
39
|
+
.addEventListener('click', this.onTapFontIncrease.bind(this));
|
|
40
40
|
this.renderRoot
|
|
41
41
|
.querySelector('#font-decrease')
|
|
42
|
-
.addEventListener('
|
|
43
|
-
this.renderRoot.querySelector('#group').addEventListener('
|
|
44
|
-
this.renderRoot.querySelector('#ungroup').addEventListener('
|
|
42
|
+
.addEventListener('click', this.onTapFontDecrease.bind(this));
|
|
43
|
+
this.renderRoot.querySelector('#group').addEventListener('click', this.onTapGroup.bind(this));
|
|
44
|
+
this.renderRoot.querySelector('#ungroup').addEventListener('click', this.onTapUngroup.bind(this));
|
|
45
45
|
this.renderRoot
|
|
46
46
|
.querySelector('#toggle-property')
|
|
47
|
-
.addEventListener('
|
|
48
|
-
this.renderRoot
|
|
49
|
-
|
|
47
|
+
.addEventListener('click', this.onTapToggle.bind(this));
|
|
48
|
+
this.renderRoot
|
|
49
|
+
.querySelector('#fit-scene')
|
|
50
|
+
.addEventListener('click', this.onTapFitScene.bind(this));
|
|
51
|
+
this.renderRoot.querySelector('#preview').addEventListener('click', this.onTapPreview.bind(this));
|
|
50
52
|
}
|
|
51
53
|
updated(changes) {
|
|
52
54
|
changes.has('scene') && this.onSceneChanged(this.scene, changes.get('scene'));
|