@operato/app 2.0.0-alpha.9 → 2.0.0-alpha.90

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 (47) hide show
  1. package/CHANGELOG.md +441 -0
  2. package/demo/data-grist-test.html +25 -14
  3. package/demo/index.html +13 -2
  4. package/dist/src/filters-form/filter-resource-select.js +13 -16
  5. package/dist/src/filters-form/filter-resource-select.js.map +1 -1
  6. package/dist/src/grist-editor/ox-grist-editor-code.d.ts +1 -1
  7. package/dist/src/grist-editor/ox-grist-editor-json.d.ts +1 -1
  8. package/dist/src/grist-editor/ox-grist-editor-privilege.d.ts +1 -1
  9. package/dist/src/grist-editor/ox-grist-editor-resource-code.d.ts +2 -2
  10. package/dist/src/grist-editor/ox-grist-editor-resource-code.js +2 -2
  11. package/dist/src/grist-editor/ox-grist-editor-resource-code.js.map +1 -1
  12. package/dist/src/grist-editor/ox-grist-editor-resource-id.d.ts +2 -2
  13. package/dist/src/grist-editor/ox-grist-editor-resource-id.js +2 -2
  14. package/dist/src/grist-editor/ox-grist-editor-resource-id.js.map +1 -1
  15. package/dist/src/grist-editor/ox-grist-renderer-resource-code.d.ts +1 -1
  16. package/dist/src/grist-editor/ox-popup-code-input.d.ts +2 -1
  17. package/dist/src/grist-editor/ox-popup-code-input.js +7 -8
  18. package/dist/src/grist-editor/ox-popup-code-input.js.map +1 -1
  19. package/dist/src/grist-editor/ox-popup-privilege-input.d.ts +2 -1
  20. package/dist/src/grist-editor/ox-popup-privilege-input.js +8 -15
  21. package/dist/src/grist-editor/ox-popup-privilege-input.js.map +1 -1
  22. package/dist/src/input/ox-input-background-pattern.d.ts +1 -1
  23. package/dist/src/input/ox-input-fill-style.d.ts +1 -1
  24. package/dist/src/selector/ox-selector-resource-id.d.ts +2 -1
  25. package/dist/src/selector/ox-selector-resource-id.js +8 -9
  26. package/dist/src/selector/ox-selector-resource-id.js.map +1 -1
  27. package/dist/src/selector/ox-selector-resource-object-legacy.d.ts +2 -1
  28. package/dist/src/selector/ox-selector-resource-object-legacy.js +8 -9
  29. package/dist/src/selector/ox-selector-resource-object-legacy.js.map +1 -1
  30. package/dist/src/selector/ox-selector-resource-object.d.ts +3 -2
  31. package/dist/src/selector/ox-selector-resource-object.js +9 -10
  32. package/dist/src/selector/ox-selector-resource-object.js.map +1 -1
  33. package/dist/stories/ox-input-graphql.stories.js +13 -1
  34. package/dist/stories/ox-input-graphql.stories.js.map +1 -1
  35. package/dist/tsconfig.tsbuildinfo +1 -1
  36. package/package.json +27 -29
  37. package/src/filters-form/filter-resource-select.ts +27 -26
  38. package/src/grist-editor/ox-grist-editor-resource-code.ts +2 -2
  39. package/src/grist-editor/ox-grist-editor-resource-id.ts +2 -2
  40. package/src/grist-editor/ox-popup-code-input.ts +7 -8
  41. package/src/grist-editor/ox-popup-privilege-input.ts +8 -15
  42. package/src/selector/ox-selector-resource-id.ts +8 -9
  43. package/src/selector/ox-selector-resource-object-legacy.ts +14 -15
  44. package/src/selector/ox-selector-resource-object.ts +10 -11
  45. package/stories/ox-input-graphql.stories.ts +13 -1
  46. package/themes/app-theme.css +10 -0
  47. package/themes/grist-theme.css +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,447 @@
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.90](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.89...v2.0.0-alpha.90) (2024-04-18)
7
+
8
+ **Note:** Version bump only for package @operato/app
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.0-alpha.89](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.88...v2.0.0-alpha.89) (2024-04-18)
15
+
16
+ **Note:** Version bump only for package @operato/app
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.0.0-alpha.88](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.87...v2.0.0-alpha.88) (2024-04-18)
23
+
24
+ **Note:** Version bump only for package @operato/app
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.0.0-alpha.87](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.86...v2.0.0-alpha.87) (2024-04-17)
31
+
32
+ **Note:** Version bump only for package @operato/app
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.0.0-alpha.86](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.85...v2.0.0-alpha.86) (2024-04-16)
39
+
40
+ **Note:** Version bump only for package @operato/app
41
+
42
+
43
+
44
+
45
+
46
+ ## [2.0.0-alpha.85](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.84...v2.0.0-alpha.85) (2024-04-16)
47
+
48
+ **Note:** Version bump only for package @operato/app
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.0.0-alpha.82](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.81...v2.0.0-alpha.82) (2024-04-15)
55
+
56
+
57
+ ### :bug: Bug Fix
58
+
59
+ * correct import ([a3587dd](https://github.com/hatiolab/operato/commit/a3587dd65903a0acaa7b25aa4ef15b2d85aaf418))
60
+
61
+
62
+
63
+ ## [2.0.0-alpha.81](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.80...v2.0.0-alpha.81) (2024-04-15)
64
+
65
+
66
+ ### :bug: Bug Fix
67
+
68
+ * use button-container styles ([bd91be3](https://github.com/hatiolab/operato/commit/bd91be3eaf5337a0ffe8cfc3b37191b6427ce5f6))
69
+
70
+
71
+
72
+ ## [2.0.0-alpha.80](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.79...v2.0.0-alpha.80) (2024-04-15)
73
+
74
+ **Note:** Version bump only for package @operato/app
75
+
76
+
77
+
78
+
79
+
80
+ ## [2.0.0-alpha.77](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.76...v2.0.0-alpha.77) (2024-04-14)
81
+
82
+ **Note:** Version bump only for package @operato/app
83
+
84
+
85
+
86
+
87
+
88
+ ## [2.0.0-alpha.71](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.70...v2.0.0-alpha.71) (2024-04-13)
89
+
90
+ **Note:** Version bump only for package @operato/app
91
+
92
+
93
+
94
+
95
+
96
+ ## [2.0.0-alpha.70](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.69...v2.0.0-alpha.70) (2024-04-13)
97
+
98
+ **Note:** Version bump only for package @operato/app
99
+
100
+
101
+
102
+
103
+
104
+ ## [2.0.0-alpha.69](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.68...v2.0.0-alpha.69) (2024-04-13)
105
+
106
+
107
+ ### :bug: Bug Fix
108
+
109
+ * mwc=>md for context ([972f5fd](https://github.com/hatiolab/operato/commit/972f5fd8da02820b6d6238cf1dd099591f97d8df))
110
+
111
+
112
+
113
+ ## [2.0.0-alpha.68](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.67...v2.0.0-alpha.68) (2024-04-13)
114
+
115
+
116
+ ### :bug: Bug Fix
117
+
118
+ * mwc=>md for context ([2bc13f2](https://github.com/hatiolab/operato/commit/2bc13f285f257782f73e5d7b5d1ddd197df85393))
119
+
120
+
121
+
122
+ ## [2.0.0-alpha.64](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.63...v2.0.0-alpha.64) (2024-04-13)
123
+
124
+ **Note:** Version bump only for package @operato/app
125
+
126
+
127
+
128
+
129
+
130
+ ## [2.0.0-alpha.63](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.62...v2.0.0-alpha.63) (2024-04-12)
131
+
132
+ **Note:** Version bump only for package @operato/app
133
+
134
+
135
+
136
+
137
+
138
+ ## [2.0.0-alpha.62](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.61...v2.0.0-alpha.62) (2024-04-12)
139
+
140
+ **Note:** Version bump only for package @operato/app
141
+
142
+
143
+
144
+
145
+
146
+ ## [2.0.0-alpha.61](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.60...v2.0.0-alpha.61) (2024-04-11)
147
+
148
+ **Note:** Version bump only for package @operato/app
149
+
150
+
151
+
152
+
153
+
154
+ ## [2.0.0-alpha.60](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
155
+
156
+ **Note:** Version bump only for package @operato/app
157
+
158
+
159
+
160
+
161
+
162
+ ## [2.0.0-alpha.59](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
163
+
164
+ **Note:** Version bump only for package @operato/app
165
+
166
+
167
+
168
+
169
+
170
+ ## [2.0.0-alpha.58](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.57...v2.0.0-alpha.58) (2024-04-07)
171
+
172
+ **Note:** Version bump only for package @operato/app
173
+
174
+
175
+
176
+
177
+
178
+ ## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
179
+
180
+ **Note:** Version bump only for package @operato/app
181
+
182
+
183
+
184
+
185
+
186
+
187
+
188
+ **Note:** Version bump only for package @operato/app
189
+
190
+
191
+
192
+
193
+
194
+ ## [2.0.0-alpha.54](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
195
+
196
+ **Note:** Version bump only for package @operato/app
197
+
198
+
199
+
200
+
201
+
202
+ ## [2.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
203
+
204
+ **Note:** Version bump only for package @operato/app
205
+
206
+
207
+
208
+
209
+
210
+ ## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
211
+
212
+
213
+ ### :bug: Bug Fix
214
+
215
+ * upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
216
+
217
+
218
+
219
+ ## [2.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.49...v2.0.0-alpha.50) (2024-03-28)
220
+
221
+ **Note:** Version bump only for package @operato/app
222
+
223
+
224
+
225
+
226
+
227
+ ## [2.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
228
+
229
+ **Note:** Version bump only for package @operato/app
230
+
231
+
232
+
233
+
234
+
235
+ ## [2.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
236
+
237
+ **Note:** Version bump only for package @operato/app
238
+
239
+
240
+
241
+
242
+
243
+ ## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
244
+
245
+ **Note:** Version bump only for package @operato/app
246
+
247
+
248
+
249
+
250
+
251
+ ## [2.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
252
+
253
+ **Note:** Version bump only for package @operato/app
254
+
255
+
256
+
257
+
258
+
259
+ ## [2.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
260
+
261
+ **Note:** Version bump only for package @operato/app
262
+
263
+
264
+
265
+
266
+
267
+ ## [2.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
268
+
269
+ **Note:** Version bump only for package @operato/app
270
+
271
+
272
+
273
+
274
+
275
+ ## [2.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
276
+
277
+ **Note:** Version bump only for package @operato/app
278
+
279
+
280
+
281
+
282
+
283
+ ## [2.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
284
+
285
+ **Note:** Version bump only for package @operato/app
286
+
287
+
288
+
289
+
290
+
291
+ ## [2.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
292
+
293
+ **Note:** Version bump only for package @operato/app
294
+
295
+
296
+
297
+
298
+
299
+ ## [2.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
300
+
301
+ **Note:** Version bump only for package @operato/app
302
+
303
+
304
+
305
+
306
+
307
+ ## [2.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
308
+
309
+ **Note:** Version bump only for package @operato/app
310
+
311
+
312
+
313
+
314
+
315
+ ## [2.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
316
+
317
+
318
+ ### :bug: Bug Fix
319
+
320
+ * upgrade cm6-graphql ([ec4bc9f](https://github.com/hatiolab/operato/commit/ec4bc9fdf7df0f7d698abc30c4de88c77d8119bf))
321
+
322
+
323
+
324
+ ## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
325
+
326
+
327
+ ### :bug: Bug Fix
328
+
329
+ * upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
330
+
331
+
332
+
333
+ ## [2.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
334
+
335
+ **Note:** Version bump only for package @operato/app
336
+
337
+
338
+
339
+
340
+
341
+ ## [2.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.24...v2.0.0-alpha.25) (2024-02-12)
342
+
343
+ **Note:** Version bump only for package @operato/app
344
+
345
+
346
+
347
+
348
+
349
+ ## [2.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.23...v2.0.0-alpha.24) (2024-02-11)
350
+
351
+
352
+ ### :bug: Bug Fix
353
+
354
+ * ox-filters-form-base for @operato/form ([fd0ec03](https://github.com/hatiolab/operato/commit/fd0ec033585ce0fe46f24276db91238abbbfdc05))
355
+
356
+
357
+
358
+ ## [2.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
359
+
360
+ **Note:** Version bump only for package @operato/app
361
+
362
+
363
+
364
+
365
+
366
+ ## [2.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
367
+
368
+ **Note:** Version bump only for package @operato/app
369
+
370
+
371
+
372
+
373
+
374
+ ## [2.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
375
+
376
+ **Note:** Version bump only for package @operato/app
377
+
378
+
379
+
380
+
381
+
382
+ ## [2.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
383
+
384
+ **Note:** Version bump only for package @operato/app
385
+
386
+
387
+
388
+
389
+
390
+ ## [2.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
391
+
392
+ **Note:** Version bump only for package @operato/app
393
+
394
+
395
+
396
+
397
+
398
+ ## [2.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
399
+
400
+ **Note:** Version bump only for package @operato/app
401
+
402
+
403
+
404
+
405
+
406
+ ## [2.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
407
+
408
+ **Note:** Version bump only for package @operato/app
409
+
410
+
411
+
412
+
413
+
414
+ ## [2.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
415
+
416
+
417
+ ### :bug: Bug Fix
418
+
419
+ * css-variable --grid-record-padding ([b057312](https://github.com/hatiolab/operato/commit/b0573120fcb46c71b6b283065f08ae926e9f826f))
420
+
421
+
422
+
423
+ ## [2.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
424
+
425
+ **Note:** Version bump only for package @operato/app
426
+
427
+
428
+
429
+
430
+
431
+ ## [2.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
432
+
433
+ **Note:** Version bump only for package @operato/app
434
+
435
+
436
+
437
+
438
+
439
+ ## [2.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
440
+
441
+ **Note:** Version bump only for package @operato/app
442
+
443
+
444
+
445
+
446
+
6
447
  ## [2.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
7
448
 
8
449
  **Note:** Version bump only for package @operato/app
@@ -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" />
@@ -38,7 +38,18 @@
38
38
  }
39
39
  </style>
40
40
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
41
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
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
+ />
42
53
 
43
54
  <link href="/themes/app-theme.css" rel="stylesheet" />
44
55
  <link href="/themes/oops-theme.css" rel="stylesheet" />
@@ -53,7 +64,7 @@
53
64
  import '@operato/data-grist/ox-sorters-control.js'
54
65
  import '@operato/data-grist/ox-record-creator.js'
55
66
  import '@operato/popup/ox-popup-list.js'
56
- import '@material/mwc-icon'
67
+ import '@material/web/icon/icon.js'
57
68
  import { CommonGristStyles } from '@operato/styles'
58
69
 
59
70
  const fetchHandler = async ({ page, limit, sorters = [] }) => {
@@ -91,10 +102,10 @@
91
102
  idx % 4 === 0
92
103
  ? '' /* no source */
93
104
  : idx % 4 === 1
94
- ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
95
- : idx % 4 === 2
96
- ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
97
- : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
105
+ ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
106
+ : idx % 4 === 2
107
+ ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
108
+ : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
98
109
  role: ['admin', 'worker', 'tester'][idx % 3],
99
110
  color: idx % 2 ? `#87f018` : `#180f87`,
100
111
  rate: Math.round(Math.random() * 100),
@@ -416,7 +427,7 @@
416
427
 
417
428
  <div id="sorters">
418
429
  Sort
419
- <mwc-icon
430
+ <md-icon
420
431
  @click=${e => {
421
432
  const target = e.currentTarget
422
433
  this.renderRoot.querySelector('#sorter-control').open({
@@ -424,7 +435,7 @@
424
435
  top: target.offsetTop + target.offsetHeight
425
436
  })
426
437
  }}
427
- >expand_more</mwc-icon
438
+ >expand_more</md-icon
428
439
  >
429
440
  <ox-popup id="sorter-control">
430
441
  <ox-sorters-control> </ox-sorters-control>
@@ -432,16 +443,16 @@
432
443
  </div>
433
444
 
434
445
  <div id="modes">
435
- <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</mwc-icon>
436
- <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</mwc-icon>
437
- <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
446
+ <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</md-icon>
447
+ <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</md-icon>
448
+ <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
438
449
  </div>
439
450
 
440
451
  <ox-record-creator id="add" light-popup>
441
- <button><mwc-icon>add</mwc-icon></button>
452
+ <button><md-icon>add</md-icon></button>
442
453
  </ox-record-creator>
443
454
 
444
- <button @click=${e => this.grist.cloneSelectedRecords()}><mwc-icon>add</mwc-icon></button>
455
+ <button @click=${e => this.grist.cloneSelectedRecords()}><md-icon>add</md-icon></button>
445
456
  </div>
446
457
  </ox-grist>
447
458
  `
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,7 +16,18 @@
16
16
  }
17
17
  </style>
18
18
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
19
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
19
+ <link
20
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
21
+ rel="stylesheet"
22
+ />
23
+ <link
24
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
25
+ rel="stylesheet"
26
+ />
27
+ <link
28
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
29
+ rel="stylesheet"
30
+ />
20
31
  </head>
21
32
  <body>
22
33
  <a href="./data-grist-test.html">data-grist test</a>
@@ -5,16 +5,9 @@ import { i18next } from '@operato/i18n';
5
5
  import { openPopup } from '@operato/layout';
6
6
  function openResourceSelector(filter, value, confirmCallback) {
7
7
  const { queryName, select, list, basicArgs, valueField = 'id', title } = filter.options || {};
8
- var actualValue;
9
- if (typeof valueField === 'function') {
10
- actualValue = valueField(value);
11
- }
12
- else {
13
- actualValue = value === null || value === void 0 ? void 0 : value[valueField];
14
- }
15
8
  var template = html `
16
9
  <ox-selector-resource-object
17
- .value=${actualValue}
10
+ .value=${value}
18
11
  .confirmCallback=${confirmCallback}
19
12
  .queryName=${queryName}
20
13
  .columns=${select}
@@ -75,32 +68,36 @@ export const FilterResourceSelect = (filter, value, owner) => {
75
68
  name='${name}_disp'
76
69
  .value=${text}
77
70
  readonly
71
+ @change=${() => false}
78
72
  @click=${(e) => {
79
73
  e.stopPropagation();
80
74
  const input = e.target;
75
+ const codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
76
+ ? owner.renderRoot.querySelector(`[name="${name}"]`)
77
+ : owner.renderRoot.querySelector(`form [name="${name}"]`);
81
78
  const confirmCallback = (selected) => {
82
79
  let disp = selected ? selected[idField] : '';
83
80
  if (selected && nameField) {
84
81
  disp = selected[nameField];
85
82
  }
86
83
  input.value = disp;
87
- let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
88
- ? owner.renderRoot.querySelector(`[name="${name}"]`)
89
- : owner.renderRoot.querySelector(`form [name="${name}"]`);
90
- const objectValue = selected ? selected[idField] : '';
91
- codeInput.value = objectValue;
92
- input.dispatchEvent(new Event('change', { bubbles: true }));
84
+ const value = selected ? selected[idField] : '';
85
+ codeInput.value = value;
86
+ codeInput.dispatchEvent(new Event('change', {
87
+ bubbles: true,
88
+ composed: true
89
+ }));
93
90
  owner.dispatchEvent(new CustomEvent('filter-change', {
94
91
  bubbles: true,
95
92
  composed: true,
96
93
  detail: {
97
94
  name: name,
98
95
  operator,
99
- value: objectValue
96
+ value
100
97
  }
101
98
  }));
102
99
  };
103
- openResourceSelector(filter, value, confirmCallback);
100
+ openResourceSelector(filter, codeInput.value, confirmCallback);
104
101
  }}
105
102
  />
106
103
  `
@@ -1 +1 @@
1
- {"version":3,"file":"filter-resource-select.js","sourceRoot":"","sources":["../../../src/filters-form/filter-resource-select.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-checkbox.js'\nimport '../selector/ox-selector-resource-object'\n\nimport { html } from 'lit-html'\n\nimport { FilterConfig, FilterSelectRenderer } from '@operato/form'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\ntype SelectedCallback = (value: { id: string; name: string; description: string }) => void\n\nfunction openResourceSelector(filter: FilterConfig, value: any, confirmCallback: SelectedCallback) {\n const { queryName, select, list, basicArgs, valueField = 'id', title } = filter.options || {}\n\n var actualValue\n if (typeof valueField === 'function') {\n actualValue = valueField(value)\n } else {\n actualValue = value?.[valueField]\n }\n\n var template = html`\n <ox-selector-resource-object\n .value=${actualValue}\n .confirmCallback=${confirmCallback}\n .queryName=${queryName}\n .columns=${select}\n .list=${list}\n .basicArgs=${basicArgs}\n .valueField=${valueField}\n ></ox-selector-resource-object>\n `\n\n const popup = openPopup(template, {\n backdrop: true,\n size: 'large',\n search: {\n autofocus: true,\n placeholder: title || i18next.t('title.select_item'),\n handler: (instance: any, value: any) => {\n /* instance: template instance */\n instance.searchText(value)\n }\n },\n filter: {\n handler: (instance: any) => {\n /* instance: template instance */\n instance.toggleFilter()\n }\n }\n })\n}\n\nexport const FilterResourceSelect: FilterSelectRenderer = (filter, value, owner: any) => {\n const { name, operator = 'like' } = filter\n var { idField = 'id', nameField = 'name', descriptionField = 'description' } = filter.options || {};\n const hideValue = value ? value[idField] : '';\n const text = value ? value[nameField] : '';\n\n return operator === 'like'\n ? html` <input\n type=\"text\"\n name=${name}\n .value=${text}\n @change=${(e: CustomEvent) => {\n const input = e.target as HTMLInputElement\n input.dispatchEvent(\n new CustomEvent('filter-change', {\n bubbles: true,\n composed: true,\n detail: {\n name,\n operator,\n value: input.value\n }\n })\n )\n }}\n />`\n : operator == 'in'\n ? html``\n : operator === 'eq'\n ? html`\n <input name='${name}' .value=${hideValue} type=\"text\" hidden></input>\n <input \n type=\"text\"\n name='${name}_disp'\n .value=${text}\n readonly\n @click=${(e: Event) => {\n e.stopPropagation()\n const input = e.target as HTMLInputElement;\n\n const confirmCallback = (selected?: { [field: string]: any }) => {\n let disp = selected ? selected[idField] : '';\n\n if(selected && nameField){\n disp = selected[nameField];\n }\n input.value = disp;\n\n let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' \n ? owner.renderRoot.querySelector(`[name=\"${name}\"]`)\n : owner.renderRoot.querySelector(`form [name=\"${name}\"]`);\n\n const objectValue = selected ? selected[idField] : '';\n codeInput.value = objectValue;\n\n input.dispatchEvent(new Event('change', { bubbles: true }))\n\n owner.dispatchEvent(\n new CustomEvent('filter-change', {\n bubbles: true,\n composed: true,\n detail: {\n name: name,\n operator,\n value: objectValue\n }\n })\n )\n }\n\n openResourceSelector(filter, value, confirmCallback)\n }}\n />\n `\n : html``\n}\n"]}
1
+ {"version":3,"file":"filter-resource-select.js","sourceRoot":"","sources":["../../../src/filters-form/filter-resource-select.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-checkbox.js'\nimport '../selector/ox-selector-resource-object'\n\nimport { html } from 'lit-html'\n\nimport { FilterConfig, FilterSelectRenderer } from '@operato/form'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { GristRecord } from '@operato/data-grist'\n\ntype SelectedCallback = (value?: Partial<GristRecord>) => void\n\nfunction openResourceSelector(filter: FilterConfig, value: any, confirmCallback: SelectedCallback) {\n const { queryName, select, list, basicArgs, valueField = 'id', title } = filter.options || {}\n\n var template = html`\n <ox-selector-resource-object\n .value=${value}\n .confirmCallback=${confirmCallback}\n .queryName=${queryName}\n .columns=${select}\n .list=${list}\n .basicArgs=${basicArgs}\n .valueField=${valueField}\n ></ox-selector-resource-object>\n `\n\n const popup = openPopup(template, {\n backdrop: true,\n size: 'large',\n search: {\n autofocus: true,\n placeholder: title || i18next.t('title.select_item'),\n handler: (instance: any, value: any) => {\n /* instance: template instance */\n instance.searchText(value)\n }\n },\n filter: {\n handler: (instance: any) => {\n /* instance: template instance */\n instance.toggleFilter()\n }\n }\n })\n}\n\nexport const FilterResourceSelect: FilterSelectRenderer = (filter, value, owner: any) => {\n const { name, operator = 'like' } = filter\n var { idField = 'id', nameField = 'name', descriptionField = 'description' } = filter.options || {}\n const hideValue = value ? value[idField] : ''\n const text = value ? value[nameField] : ''\n\n return operator === 'like'\n ? html` <input\n type=\"text\"\n name=${name}\n .value=${text}\n @change=${(e: CustomEvent) => {\n const input = e.target as HTMLInputElement\n input.dispatchEvent(\n new CustomEvent('filter-change', {\n bubbles: true,\n composed: true,\n detail: {\n name,\n operator,\n value: input.value\n }\n })\n )\n }}\n />`\n : operator == 'in'\n ? html``\n : operator === 'eq'\n ? html`\n <input name='${name}' .value=${hideValue} type=\"text\" hidden></input>\n <input \n type=\"text\"\n name='${name}_disp'\n .value=${text}\n readonly\n @change=${() => false}\n @click=${(e: Event) => {\n e.stopPropagation()\n\n const input = e.target as HTMLInputElement\n const codeInput =\n owner.tagName.toLowerCase() == 'ox-grid-header'\n ? owner.renderRoot.querySelector(`[name=\"${name}\"]`)\n : owner.renderRoot.querySelector(`form [name=\"${name}\"]`)\n\n const confirmCallback = (selected?: { [field: string]: any }) => {\n let disp = selected ? selected[idField] : ''\n\n if (selected && nameField) {\n disp = selected[nameField]\n }\n input.value = disp\n\n const value = selected ? selected[idField] : ''\n codeInput.value = value\n\n codeInput.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true\n })\n )\n\n owner.dispatchEvent(\n new CustomEvent('filter-change', {\n bubbles: true,\n composed: true,\n detail: {\n name: name,\n operator,\n value\n }\n })\n )\n }\n\n openResourceSelector(filter, codeInput.value, confirmCallback)\n }}\n />\n `\n : html``\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import './ox-popup-code-input.js';
2
2
  import { OxGristEditor } from '@operato/data-grist';
3
3
  export declare class OxGristEditorCode extends OxGristEditor {
4
- get editorTemplate(): import("lit").TemplateResult<1>;
4
+ get editorTemplate(): import("lit-html").TemplateResult<1>;
5
5
  _onclick(e: Event): void;
6
6
  _onkeydown(e: KeyboardEvent): void;
7
7
  showEditorPopup(): void;
@@ -1,7 +1,7 @@
1
1
  import './ox-popup-code-input.js';
2
2
  import { OxGristEditor } from '@operato/data-grist';
3
3
  export declare class OxGristEditorJson extends OxGristEditor {
4
- get editorTemplate(): import("lit").TemplateResult<1>;
4
+ get editorTemplate(): import("lit-html").TemplateResult<1>;
5
5
  _onclick(e: Event): void;
6
6
  _onkeydown(e: KeyboardEvent): void;
7
7
  showEditorPopup(): void;