@operato/property-editor 2.0.0-alpha.10 → 2.0.0-alpha.102

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 (33) hide show
  1. package/CHANGELOG.md +470 -0
  2. package/demo/index.html +33 -3
  3. package/dist/src/ox-properties-dynamic-view.d.ts +1 -1
  4. package/dist/src/ox-properties-dynamic-view.js +6 -1
  5. package/dist/src/ox-properties-dynamic-view.js.map +1 -1
  6. package/dist/src/ox-property-editor-action.d.ts +1 -1
  7. package/dist/src/ox-property-editor-action.js +5 -4
  8. package/dist/src/ox-property-editor-action.js.map +1 -1
  9. package/dist/src/ox-property-editor-textarea.d.ts +1 -0
  10. package/dist/src/ox-property-editor-textarea.js +12 -5
  11. package/dist/src/ox-property-editor-textarea.js.map +1 -1
  12. package/dist/src/ox-property-editor.js +1 -1
  13. package/dist/src/ox-property-editor.js.map +1 -1
  14. package/dist/src/types.d.ts +6 -0
  15. package/dist/src/types.js.map +1 -1
  16. package/dist/stories/ox-properties-dynamic-view.stories.d.ts +53 -0
  17. package/dist/stories/ox-properties-dynamic-view.stories.js +274 -0
  18. package/dist/stories/ox-properties-dynamic-view.stories.js.map +1 -0
  19. package/dist/stories/{index.stories.d.ts → ox-properties-editor-textarea.stories.d.ts} +2 -4
  20. package/dist/stories/ox-properties-editor-textarea.stories.js +76 -0
  21. package/dist/stories/ox-properties-editor-textarea.stories.js.map +1 -0
  22. package/dist/tsconfig.tsbuildinfo +1 -1
  23. package/package.json +19 -19
  24. package/src/ox-properties-dynamic-view.ts +8 -2
  25. package/src/ox-property-editor-action.ts +5 -4
  26. package/src/ox-property-editor-textarea.ts +12 -4
  27. package/src/ox-property-editor.ts +1 -1
  28. package/src/types.ts +7 -0
  29. package/stories/ox-properties-dynamic-view.stories.ts +296 -0
  30. package/stories/ox-properties-editor-textarea.stories.ts +97 -0
  31. package/dist/stories/index.stories.js +0 -33
  32. package/dist/stories/index.stories.js.map +0 -1
  33. package/stories/index.stories.ts +0 -52
package/CHANGELOG.md CHANGED
@@ -3,6 +3,476 @@
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.102](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.101...v2.0.0-alpha.102) (2024-04-22)
7
+
8
+ **Note:** Version bump only for package @operato/property-editor
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.100](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.99...v2.0.0-alpha.100) (2024-04-21)
15
+
16
+ **Note:** Version bump only for package @operato/property-editor
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.99](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.98...v2.0.0-alpha.99) (2024-04-21)
23
+
24
+ **Note:** Version bump only for package @operato/property-editor
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.0.0-alpha.98](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.97...v2.0.0-alpha.98) (2024-04-21)
31
+
32
+ **Note:** Version bump only for package @operato/property-editor
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.0.0-alpha.97](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.96...v2.0.0-alpha.97) (2024-04-21)
39
+
40
+
41
+ ### :bug: Bug Fix
42
+
43
+ * support show-line-numbers for ox-property-editor-textarea ([f92e064](https://github.com/hatiolab/operato/commit/f92e064a646f12c47f30cc3e97219c5bcd7bbaef))
44
+
45
+
46
+
47
+ ## [2.0.0-alpha.96](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.95...v2.0.0-alpha.96) (2024-04-21)
48
+
49
+
50
+ ### :bug: Bug Fix
51
+
52
+ * style for ox-parameters-builder ([6a9a3fb](https://github.com/hatiolab/operato/commit/6a9a3fb74493257790677ecc2664f27beb6b849e))
53
+
54
+
55
+
56
+ ## [2.0.0-alpha.95](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.94...v2.0.0-alpha.95) (2024-04-21)
57
+
58
+
59
+ ### :bug: Bug Fix
60
+
61
+ * add styles for CSStyles property into PropertySpec ([1c18564](https://github.com/hatiolab/operato/commit/1c185645c2f8e8b0c8a654d15e3b7603b80d2864))
62
+
63
+
64
+
65
+ ## [2.0.0-alpha.94](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.93...v2.0.0-alpha.94) (2024-04-20)
66
+
67
+ **Note:** Version bump only for package @operato/property-editor
68
+
69
+
70
+
71
+
72
+
73
+ ## [2.0.0-alpha.93](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.92...v2.0.0-alpha.93) (2024-04-19)
74
+
75
+ **Note:** Version bump only for package @operato/property-editor
76
+
77
+
78
+
79
+
80
+
81
+ ## [2.0.0-alpha.92](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.91...v2.0.0-alpha.92) (2024-04-19)
82
+
83
+ **Note:** Version bump only for package @operato/property-editor
84
+
85
+
86
+
87
+
88
+
89
+ ## [2.0.0-alpha.90](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.89...v2.0.0-alpha.90) (2024-04-18)
90
+
91
+ **Note:** Version bump only for package @operato/property-editor
92
+
93
+
94
+
95
+
96
+
97
+ ## [2.0.0-alpha.89](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.88...v2.0.0-alpha.89) (2024-04-18)
98
+
99
+ **Note:** Version bump only for package @operato/property-editor
100
+
101
+
102
+
103
+
104
+
105
+ ## [2.0.0-alpha.88](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.87...v2.0.0-alpha.88) (2024-04-18)
106
+
107
+ **Note:** Version bump only for package @operato/property-editor
108
+
109
+
110
+
111
+
112
+
113
+ ## [2.0.0-alpha.87](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.86...v2.0.0-alpha.87) (2024-04-17)
114
+
115
+ **Note:** Version bump only for package @operato/property-editor
116
+
117
+
118
+
119
+
120
+
121
+ ## [2.0.0-alpha.86](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.85...v2.0.0-alpha.86) (2024-04-16)
122
+
123
+ **Note:** Version bump only for package @operato/property-editor
124
+
125
+
126
+
127
+
128
+
129
+ ## [2.0.0-alpha.85](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.84...v2.0.0-alpha.85) (2024-04-16)
130
+
131
+ **Note:** Version bump only for package @operato/property-editor
132
+
133
+
134
+
135
+
136
+
137
+ ## [2.0.0-alpha.82](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.81...v2.0.0-alpha.82) (2024-04-15)
138
+
139
+ **Note:** Version bump only for package @operato/property-editor
140
+
141
+
142
+
143
+
144
+
145
+ ## [2.0.0-alpha.81](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.80...v2.0.0-alpha.81) (2024-04-15)
146
+
147
+ **Note:** Version bump only for package @operato/property-editor
148
+
149
+
150
+
151
+
152
+
153
+ ## [2.0.0-alpha.80](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.79...v2.0.0-alpha.80) (2024-04-15)
154
+
155
+ **Note:** Version bump only for package @operato/property-editor
156
+
157
+
158
+
159
+
160
+
161
+ ## [2.0.0-alpha.77](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.76...v2.0.0-alpha.77) (2024-04-14)
162
+
163
+ **Note:** Version bump only for package @operato/property-editor
164
+
165
+
166
+
167
+
168
+
169
+ ## [2.0.0-alpha.71](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.70...v2.0.0-alpha.71) (2024-04-13)
170
+
171
+ **Note:** Version bump only for package @operato/property-editor
172
+
173
+
174
+
175
+
176
+
177
+ ## [2.0.0-alpha.69](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.68...v2.0.0-alpha.69) (2024-04-13)
178
+
179
+ **Note:** Version bump only for package @operato/property-editor
180
+
181
+
182
+
183
+
184
+
185
+ ## [2.0.0-alpha.68](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.67...v2.0.0-alpha.68) (2024-04-13)
186
+
187
+
188
+ ### :bug: Bug Fix
189
+
190
+ * mwc=>md for context ([2bc13f2](https://github.com/hatiolab/operato/commit/2bc13f285f257782f73e5d7b5d1ddd197df85393))
191
+
192
+
193
+
194
+ ## [2.0.0-alpha.64](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.63...v2.0.0-alpha.64) (2024-04-13)
195
+
196
+ **Note:** Version bump only for package @operato/property-editor
197
+
198
+
199
+
200
+
201
+
202
+ ## [2.0.0-alpha.63](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.62...v2.0.0-alpha.63) (2024-04-12)
203
+
204
+ **Note:** Version bump only for package @operato/property-editor
205
+
206
+
207
+
208
+
209
+
210
+ ## [2.0.0-alpha.62](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.61...v2.0.0-alpha.62) (2024-04-12)
211
+
212
+ **Note:** Version bump only for package @operato/property-editor
213
+
214
+
215
+
216
+
217
+
218
+ ## [2.0.0-alpha.61](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.60...v2.0.0-alpha.61) (2024-04-11)
219
+
220
+ **Note:** Version bump only for package @operato/property-editor
221
+
222
+
223
+
224
+
225
+
226
+ ## [2.0.0-alpha.60](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
227
+
228
+ **Note:** Version bump only for package @operato/property-editor
229
+
230
+
231
+
232
+
233
+
234
+ ## [2.0.0-alpha.59](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
235
+
236
+ **Note:** Version bump only for package @operato/property-editor
237
+
238
+
239
+
240
+
241
+
242
+ ## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
243
+
244
+ **Note:** Version bump only for package @operato/property-editor
245
+
246
+
247
+
248
+
249
+
250
+
251
+
252
+ **Note:** Version bump only for package @operato/property-editor
253
+
254
+
255
+
256
+
257
+
258
+ ## [2.0.0-alpha.54](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
259
+
260
+ **Note:** Version bump only for package @operato/property-editor
261
+
262
+
263
+
264
+
265
+
266
+ ## [2.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
267
+
268
+ **Note:** Version bump only for package @operato/property-editor
269
+
270
+
271
+
272
+
273
+
274
+ ## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
275
+
276
+
277
+ ### :bug: Bug Fix
278
+
279
+ * upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
280
+
281
+
282
+
283
+ ## [2.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
284
+
285
+ **Note:** Version bump only for package @operato/property-editor
286
+
287
+
288
+
289
+
290
+
291
+ ## [2.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
292
+
293
+ **Note:** Version bump only for package @operato/property-editor
294
+
295
+
296
+
297
+
298
+
299
+ ## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
300
+
301
+ **Note:** Version bump only for package @operato/property-editor
302
+
303
+
304
+
305
+
306
+
307
+ ## [2.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
308
+
309
+ **Note:** Version bump only for package @operato/property-editor
310
+
311
+
312
+
313
+
314
+
315
+ ## [2.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
316
+
317
+ **Note:** Version bump only for package @operato/property-editor
318
+
319
+
320
+
321
+
322
+
323
+ ## [2.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
324
+
325
+ **Note:** Version bump only for package @operato/property-editor
326
+
327
+
328
+
329
+
330
+
331
+ ## [2.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
332
+
333
+ **Note:** Version bump only for package @operato/property-editor
334
+
335
+
336
+
337
+
338
+
339
+ ## [2.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
340
+
341
+ **Note:** Version bump only for package @operato/property-editor
342
+
343
+
344
+
345
+
346
+
347
+ ## [2.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
348
+
349
+ **Note:** Version bump only for package @operato/property-editor
350
+
351
+
352
+
353
+
354
+
355
+ ## [2.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
356
+
357
+ **Note:** Version bump only for package @operato/property-editor
358
+
359
+
360
+
361
+
362
+
363
+ ## [2.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
364
+
365
+ **Note:** Version bump only for package @operato/property-editor
366
+
367
+
368
+
369
+
370
+
371
+ ## [2.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
372
+
373
+ **Note:** Version bump only for package @operato/property-editor
374
+
375
+
376
+
377
+
378
+
379
+ ## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
380
+
381
+
382
+ ### :bug: Bug Fix
383
+
384
+ * upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
385
+
386
+
387
+
388
+ ## [2.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
389
+
390
+ **Note:** Version bump only for package @operato/property-editor
391
+
392
+
393
+
394
+
395
+
396
+ ## [2.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
397
+
398
+ **Note:** Version bump only for package @operato/property-editor
399
+
400
+
401
+
402
+
403
+
404
+ ## [2.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
405
+
406
+ **Note:** Version bump only for package @operato/property-editor
407
+
408
+
409
+
410
+
411
+
412
+ ## [2.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
413
+
414
+ **Note:** Version bump only for package @operato/property-editor
415
+
416
+
417
+
418
+
419
+
420
+ ## [2.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
421
+
422
+ **Note:** Version bump only for package @operato/property-editor
423
+
424
+
425
+
426
+
427
+
428
+ ## [2.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
429
+
430
+ **Note:** Version bump only for package @operato/property-editor
431
+
432
+
433
+
434
+
435
+
436
+ ## [2.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
437
+
438
+ **Note:** Version bump only for package @operato/property-editor
439
+
440
+
441
+
442
+
443
+
444
+ ## [2.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
445
+
446
+ **Note:** Version bump only for package @operato/property-editor
447
+
448
+
449
+
450
+
451
+
452
+ ## [2.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
453
+
454
+ **Note:** Version bump only for package @operato/property-editor
455
+
456
+
457
+
458
+
459
+
460
+ ## [2.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
461
+
462
+ **Note:** Version bump only for package @operato/property-editor
463
+
464
+
465
+
466
+
467
+
468
+ ## [2.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
469
+
470
+ **Note:** Version bump only for package @operato/property-editor
471
+
472
+
473
+
474
+
475
+
6
476
  ## [2.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
7
477
 
8
478
  **Note:** Version bump only for package @operato/property-editor
package/demo/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en-GB">
3
3
  <head>
4
4
  <meta charset="utf-8" />
@@ -16,13 +16,40 @@
16
16
 
17
17
  ox-properties-dynamic-view {
18
18
  width: 100vw;
19
+
20
+ display: flex;
21
+ flex-direction: column;
19
22
  }
20
23
  </style>
21
24
 
22
25
  <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations-next-lite.min.js"></script>
23
26
 
24
27
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
25
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
28
+ <link
29
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
30
+ rel="stylesheet"
31
+ />
32
+ <link
33
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
34
+ rel="stylesheet"
35
+ />
36
+ <link
37
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
38
+ rel="stylesheet"
39
+ />
40
+
41
+ <link
42
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
43
+ rel="stylesheet"
44
+ />
45
+ <link
46
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
47
+ rel="stylesheet"
48
+ />
49
+ <link
50
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
51
+ rel="stylesheet"
52
+ />
26
53
  </head>
27
54
  <body>
28
55
  <div id="demo"></div>
@@ -173,7 +200,10 @@
173
200
  {
174
201
  type: 'textarea',
175
202
  label: 'TA',
176
- name: 'TA'
203
+ name: 'TA',
204
+ styles: {
205
+ flex: '1'
206
+ }
177
207
  },
178
208
  {
179
209
  type: 'options',
@@ -8,7 +8,7 @@ export declare class OxPropertiesDynamicView extends LitElement {
8
8
  [name: string]: any;
9
9
  };
10
10
  props?: PropertySpec[];
11
- render(): import("lit").TemplateResult<1>;
11
+ render(): import("lit-html").TemplateResult<1>;
12
12
  firstUpdated(): void;
13
13
  updated(changes: PropertyValues<this>): void;
14
14
  _onPropsChanged(props: PropertySpec[]): void;
@@ -56,7 +56,7 @@ let OxPropertiesDynamicView = class OxPropertiesDynamicView extends LitElement {
56
56
  const specs = this.props || [];
57
57
  this.textContent = '';
58
58
  specs.forEach(spec => {
59
- const { label, type, name, placeholder, editor, quantifier, observe, property, defaultValue } = spec;
59
+ const { label, type, name, placeholder, editor, quantifier, observe, property, defaultValue, styles } = spec;
60
60
  let elementType = OxPropertyEditor.getEditor(type);
61
61
  if (!elementType) {
62
62
  console.warn('Property Editor not defined', type);
@@ -76,6 +76,11 @@ let OxPropertiesDynamicView = class OxPropertiesDynamicView extends LitElement {
76
76
  }
77
77
  element.property = property;
78
78
  element.setAttribute('property-editor', 'true');
79
+ if (styles) {
80
+ Object.keys(styles).forEach((key) => {
81
+ element.style[key] = styles[key];
82
+ });
83
+ }
79
84
  this.appendChild(element);
80
85
  });
81
86
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ox-properties-dynamic-view.js","sourceRoot":"","sources":["../../src/ox-properties-dynamic-view.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n\n/**\n모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.\n\nExample:\n\n <ox-properties-dynamic-view value=\"{{value}}\">\n <label>Center X</label>\n <input type=\"number\" .value=\"${value.cx}\">\n <label>Width</label>\n <input type=\"number\" .value=\"${value.width}\">\n </ox-properties-dynamic-view>\n*/\n\nconst DEFAULT_VALUE = {\n legend: '',\n number: 0,\n angle: 0,\n string: '',\n password: '',\n textarea: '',\n checkbox: false,\n select: '',\n color: '#000000',\n 'solidcolor-stops': null,\n 'gradientcolor-stops': null,\n 'gltf-selector': '',\n 'image-selector': '',\n multiplecolor: null,\n editortable: null,\n imageselector: '',\n options: null,\n date: null\n}\n\n@customElement('ox-properties-dynamic-view')\nexport class OxPropertiesDynamicView extends LitElement {\n @property({ type: Object }) value: { [name: string]: any } = {}\n @property({ type: Array }) props?: PropertySpec[]\n\n render() {\n return html`<slot></slot>`\n }\n\n firstUpdated() {\n this.addEventListener('change', this._onValueChanged.bind(this))\n }\n\n updated(changes: PropertyValues<this>) {\n changes.has('props') && this._onPropsChanged(this.props || [])\n changes.has('value') && this._setValues()\n }\n\n _onPropsChanged(props: PropertySpec[]) {\n const specs = this.props || []\n\n this.textContent = ''\n specs.forEach(spec => {\n const { label, type, name, placeholder, editor, quantifier, observe, property, defaultValue } = spec\n\n let elementType = OxPropertyEditor.getEditor(type)\n if (!elementType) {\n console.warn('Property Editor not defined', type)\n return\n }\n let element = document.createElement(elementType) as OxPropertyEditor\n\n element.label = label\n element.type = type\n element.placeholder = placeholder\n element.name = name\n element.setAttribute('name', name)\n element.editor = editor\n element.quantifier = quantifier\n element.defaultValue = defaultValue\n\n if (observe) {\n element.observeHandler = observe\n }\n element.property = property\n element.setAttribute('property-editor', 'true')\n\n this.appendChild(element)\n })\n }\n\n _setValues() {\n this.value &&\n Array.from(this.querySelectorAll('[name]')).forEach(prop => {\n const editor = prop as OxPropertyEditor\n const name = editor.getAttribute('name')\n\n var value = this.value[name!]\n if (value === undefined) {\n value = editor.defaultValue !== undefined ? editor.defaultValue : (DEFAULT_VALUE as any)[editor.type]\n }\n\n editor.value = value\n editor.observe.call(prop, editor.value)\n })\n }\n\n _onValueChanged(e: Event) {\n e.stopPropagation()\n var target = e.target as Element\n\n const editor = target.closest('[property-editor]') as OxPropertyEditor\n\n var name = editor.getAttribute('name')\n if (!name) {\n return\n }\n\n if (this.value) {\n this.value[name] = editor.value\n } else {\n this.value = {\n [name]: editor.value\n }\n }\n\n this.dispatchEvent(\n new CustomEvent('property-change', {\n bubbles: true,\n composed: true,\n detail: this.value\n })\n )\n }\n}\n"]}
1
+ {"version":3,"file":"ox-properties-dynamic-view.js","sourceRoot":"","sources":["../../src/ox-properties-dynamic-view.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec, CSSStyles } from './types.js'\n\n/**\n모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.\n\nExample:\n\n <ox-properties-dynamic-view value=\"{{value}}\">\n <label>Center X</label>\n <input type=\"number\" .value=\"${value.cx}\">\n <label>Width</label>\n <input type=\"number\" .value=\"${value.width}\">\n </ox-properties-dynamic-view>\n*/\n\nconst DEFAULT_VALUE = {\n legend: '',\n number: 0,\n angle: 0,\n string: '',\n password: '',\n textarea: '',\n checkbox: false,\n select: '',\n color: '#000000',\n 'solidcolor-stops': null,\n 'gradientcolor-stops': null,\n 'gltf-selector': '',\n 'image-selector': '',\n multiplecolor: null,\n editortable: null,\n imageselector: '',\n options: null,\n date: null\n}\n\n@customElement('ox-properties-dynamic-view')\nexport class OxPropertiesDynamicView extends LitElement {\n @property({ type: Object }) value: { [name: string]: any } = {}\n @property({ type: Array }) props?: PropertySpec[]\n\n render() {\n return html`<slot></slot>`\n }\n\n firstUpdated() {\n this.addEventListener('change', this._onValueChanged.bind(this))\n }\n\n updated(changes: PropertyValues<this>) {\n changes.has('props') && this._onPropsChanged(this.props || [])\n changes.has('value') && this._setValues()\n }\n\n _onPropsChanged(props: PropertySpec[]) {\n const specs = this.props || []\n\n this.textContent = ''\n specs.forEach(spec => {\n const { label, type, name, placeholder, editor, quantifier, observe, property, defaultValue, styles } = spec\n\n let elementType = OxPropertyEditor.getEditor(type)\n if (!elementType) {\n console.warn('Property Editor not defined', type)\n return\n }\n let element = document.createElement(elementType) as OxPropertyEditor\n\n element.label = label\n element.type = type\n element.placeholder = placeholder\n element.name = name\n element.setAttribute('name', name)\n element.editor = editor\n element.quantifier = quantifier\n element.defaultValue = defaultValue\n\n if (observe) {\n element.observeHandler = observe\n }\n element.property = property\n element.setAttribute('property-editor', 'true')\n\n if (styles) {\n Object.keys(styles).forEach((key: string) => {\n element.style[key as keyof CSSStyles] = styles![key as keyof CSSStyles]\n })\n }\n\n this.appendChild(element)\n })\n }\n\n _setValues() {\n this.value &&\n Array.from(this.querySelectorAll('[name]')).forEach(prop => {\n const editor = prop as OxPropertyEditor\n const name = editor.getAttribute('name')\n\n var value = this.value[name!]\n if (value === undefined) {\n value = editor.defaultValue !== undefined ? editor.defaultValue : (DEFAULT_VALUE as any)[editor.type]\n }\n\n editor.value = value\n editor.observe.call(prop, editor.value)\n })\n }\n\n _onValueChanged(e: Event) {\n e.stopPropagation()\n var target = e.target as Element\n\n const editor = target.closest('[property-editor]') as OxPropertyEditor\n\n var name = editor.getAttribute('name')\n if (!name) {\n return\n }\n\n if (this.value) {\n this.value[name] = editor.value\n } else {\n this.value = {\n [name]: editor.value\n }\n }\n\n this.dispatchEvent(\n new CustomEvent('property-change', {\n bubbles: true,\n composed: true,\n detail: this.value\n })\n )\n }\n}\n"]}
@@ -1,4 +1,4 @@
1
- import '@material/mwc-icon-button';
1
+ import '@material/web/button/elevated-button.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  import { OxPropertyEditor } from './ox-property-editor.js';
4
4
  import { PropertySpec } from './types.js';
@@ -2,7 +2,7 @@
2
2
  * Copyright © HatioLab Inc. All rights reserved.
3
3
  */
4
4
  import { __decorate } from "tslib";
5
- import '@material/mwc-icon-button';
5
+ import '@material/web/button/elevated-button.js';
6
6
  import { html } from 'lit';
7
7
  import { customElement } from 'lit/decorators.js';
8
8
  import { OxPropertyEditor } from './ox-property-editor.js';
@@ -14,8 +14,7 @@ let OxPropertyEditorAction = class OxPropertyEditorAction extends OxPropertyEdit
14
14
  var property = spec.property || {};
15
15
  var { icon, action } = property;
16
16
  return html `
17
- <mwc-icon-button
18
- .icon=${icon}
17
+ <md-elevated-button
19
18
  @click=${(e) => {
20
19
  this.dispatchEvent(new CustomEvent('i-need-selected', {
21
20
  bubbles: true,
@@ -28,7 +27,9 @@ let OxPropertyEditorAction = class OxPropertyEditorAction extends OxPropertyEdit
28
27
  }));
29
28
  }}
30
29
  ?disabled=${this.disabled}
31
- ></mwc-icon-button>
30
+ >
31
+ <md-icon slot="icon">${icon}</md-icon>
32
+ </md-elevated-button>
32
33
  `;
33
34
  }
34
35
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ox-property-editor-action.js","sourceRoot":"","sources":["../../src/ox-property-editor-action.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,2BAA2B,CAAA;AAElC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D;;GAEG;AAEY,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,gBAAgB;IAClE,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAClC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;QAE/B,OAAO,IAAI,CAAA;;gBAEC,IAAI;iBACH,CAAC,CAAa,EAAE,EAAE;YACzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBACjC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,QAAQ,EAAE,CAAC,QAAe,EAAE,EAAE;wBAC5B,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;oBACrD,CAAC;iBACF;aACF,CAAC,CACH,CAAA;QACH,CAAC;oBACW,IAAI,CAAC,QAAQ;;KAE5B,CAAA;IACH,CAAC;CACF,CAAA;AAzBoB,sBAAsB;IAD1C,aAAa,CAAC,2BAA2B,CAAC;GACtB,sBAAsB,CAyB1C;eAzBoB,sBAAsB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/mwc-icon-button'\n\nimport { html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n/**\n *\n */\n@customElement('ox-property-editor-action')\nexport default class OxPropertyEditorAction extends OxPropertyEditor {\n editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n var property = spec.property || {}\n var { icon, action } = property\n\n return html`\n <mwc-icon-button\n .icon=${icon}\n @click=${(e: MouseEvent) => {\n this.dispatchEvent(\n new CustomEvent('i-need-selected', {\n bubbles: true,\n composed: true,\n detail: {\n callback: (selected: any[]) => {\n typeof action === 'function' && action(selected[0])\n }\n }\n })\n )\n }}\n ?disabled=${this.disabled}\n ></mwc-icon-button>\n `\n }\n}\n"]}
1
+ {"version":3,"file":"ox-property-editor-action.js","sourceRoot":"","sources":["../../src/ox-property-editor-action.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,yCAAyC,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D;;GAEG;AAEY,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,gBAAgB;IAClE,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAClC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;QAE/B,OAAO,IAAI,CAAA;;iBAEE,CAAC,CAAa,EAAE,EAAE;YACzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBACjC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,QAAQ,EAAE,CAAC,QAAe,EAAE,EAAE;wBAC5B,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;oBACrD,CAAC;iBACF;aACF,CAAC,CACH,CAAA;QACH,CAAC;oBACW,IAAI,CAAC,QAAQ;;+BAEF,IAAI;;KAE9B,CAAA;IACH,CAAC;CACF,CAAA;AA1BoB,sBAAsB;IAD1C,aAAa,CAAC,2BAA2B,CAAC;GACtB,sBAAsB,CA0B1C;eA1BoB,sBAAsB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/button/elevated-button.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n/**\n *\n */\n@customElement('ox-property-editor-action')\nexport default class OxPropertyEditorAction extends OxPropertyEditor {\n editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n var property = spec.property || {}\n var { icon, action } = property\n\n return html`\n <md-elevated-button\n @click=${(e: MouseEvent) => {\n this.dispatchEvent(\n new CustomEvent('i-need-selected', {\n bubbles: true,\n composed: true,\n detail: {\n callback: (selected: any[]) => {\n typeof action === 'function' && action(selected[0])\n }\n }\n })\n )\n }}\n ?disabled=${this.disabled}\n >\n <md-icon slot=\"icon\">${icon}</md-icon>\n </md-elevated-button>\n `\n }\n}\n"]}
@@ -3,5 +3,6 @@ import { TemplateResult } from 'lit';
3
3
  import { OxPropertyEditor } from './ox-property-editor.js';
4
4
  import { PropertySpec } from './types.js';
5
5
  export declare class OxPropertyEditorTextArea extends OxPropertyEditor {
6
+ static styles: import("lit").CSSResult[];
6
7
  editorTemplate(value: any, spec: PropertySpec): TemplateResult;
7
8
  }