@simai-studio/view 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/README.md +5 -5
  2. package/dist/package-receipt.json +310 -69
  3. package/dist/set.json +35 -2
  4. package/dist/smart/rule.js +94 -0
  5. package/dist/smart/rule.js.gz +0 -0
  6. package/dist/smart/view/component.json +1 -1
  7. package/dist/smart/view/component.json.gz +0 -0
  8. package/dist/smart/view/js/view.js +1 -1
  9. package/dist/smart/view/js/view.js.gz +0 -0
  10. package/dist/smart/view/js/view.min.js +1 -1
  11. package/dist/smart/view/js/view.min.js.gz +0 -0
  12. package/dist/smart/view/smart.manifest.json +1 -1
  13. package/dist/smart/view/smart.manifest.json.gz +0 -0
  14. package/dist/smart/view/static/default/open-record.html +1 -1
  15. package/dist/smart/view/static/default/open-record.html.gz +0 -0
  16. package/dist/smart/view/static/default/reference.html +1 -1
  17. package/dist/smart/view/static/default/reference.html.gz +0 -0
  18. package/dist/smart/view-flow/component.json +612 -0
  19. package/dist/smart/view-flow/component.json.gz +0 -0
  20. package/dist/smart/view-flow/css/view-flow.css +203 -0
  21. package/dist/smart/view-flow/css/view-flow.css.gz +0 -0
  22. package/dist/smart/view-flow/css/view-flow.min.css +2 -0
  23. package/dist/smart/view-flow/css/view-flow.min.css.gz +0 -0
  24. package/dist/smart/view-flow/examples.json +452 -0
  25. package/dist/smart/view-flow/examples.json.gz +0 -0
  26. package/dist/smart/view-flow/js/view-flow.js +5858 -0
  27. package/dist/smart/view-flow/js/view-flow.js.gz +0 -0
  28. package/dist/smart/view-flow/js/view-flow.min.js +638 -0
  29. package/dist/smart/view-flow/js/view-flow.min.js.gz +0 -0
  30. package/dist/smart/view-flow/lang/en.json +24 -0
  31. package/dist/smart/view-flow/lang/en.json.gz +0 -0
  32. package/dist/smart/view-flow/lang/ru.json +24 -0
  33. package/dist/smart/view-flow/lang/ru.json.gz +0 -0
  34. package/dist/smart/view-flow/probe.json +149 -0
  35. package/dist/smart/view-flow/probe.json.gz +0 -0
  36. package/dist/smart/view-flow/smart.manifest.json +478 -0
  37. package/dist/smart/view-flow/smart.manifest.json.gz +0 -0
  38. package/dist/smart/view-flow/static/default/answered.html +57 -0
  39. package/dist/smart/view-flow/static/default/answered.html.gz +0 -0
  40. package/dist/smart/view-flow/static/default/ask.html +146 -0
  41. package/dist/smart/view-flow/static/default/ask.html.gz +0 -0
  42. package/dist/smart/view-flow/static/default/expired.html +16 -0
  43. package/dist/smart/view-flow/static/default/expired.html.gz +0 -0
  44. package/dist/smart/view-flow/static/default/groups.html +44 -0
  45. package/dist/smart/view-flow/static/default/groups.html.gz +0 -0
  46. package/dist/smart/view-flow/static/default/reference.html +72 -0
  47. package/dist/smart/view-flow/static/default/reference.html.gz +0 -0
  48. package/dist/smart/view-flow/static/default/untitled.html +41 -0
  49. package/dist/smart/view-flow/static/default/untitled.html.gz +0 -0
  50. package/dist/smart/view-flow/static/sheets.json +443 -0
  51. package/dist/smart/view-flow/static/sheets.json.gz +0 -0
  52. package/dist/smart/view-flow/template/default.css +180 -0
  53. package/dist/smart/view-flow/template/default.css.gz +0 -0
  54. package/dist/smart/view-flow/template/default.js +136 -0
  55. package/dist/smart/view-flow/template/default.js.gz +0 -0
  56. package/dist/smart/view-properties/component.json +1 -1
  57. package/dist/smart/view-properties/component.json.gz +0 -0
  58. package/dist/smart/view-properties/js/view-properties.js +59 -21
  59. package/dist/smart/view-properties/js/view-properties.js.gz +0 -0
  60. package/dist/smart/view-properties/js/view-properties.min.js +8 -6
  61. package/dist/smart/view-properties/js/view-properties.min.js.gz +0 -0
  62. package/dist/smart/view-properties/smart.manifest.json +6 -2
  63. package/dist/smart/view-properties/smart.manifest.json.gz +0 -0
  64. package/dist/smart/view-properties/template/default.js +1 -77
  65. package/dist/smart/view-properties/template/default.js.gz +0 -0
  66. package/dist/smart/view-table/js/view-table.js +2 -0
  67. package/dist/smart/view-table/js/view-table.js.gz +0 -0
  68. package/dist/smart/view-table/js/view-table.min.js +2 -0
  69. package/dist/smart/view-table/js/view-table.min.js.gz +0 -0
  70. package/package.json +1 -1
package/dist/smart/view-flow/static/sheets.json ADDED
@@ -0,0 +1,443 @@
1
+ {
2
+ "$comment": "The sheets the first paint of sf-view-flow needs, as the Loader asked for them while each example was rendered (standard simai.smart-component 1.3.8 §5.4). Paths are under the distribution root (distr/). The markup also needs the theme class on <html>: theme-light or theme-dark. Generated by scripts/snapshot-first-paint.mjs.",
3
+ "component": "sf-view-flow",
4
+ "theme": [
5
+ "theme-light",
6
+ "theme-dark"
7
+ ],
8
+ "sheets": [
9
+ "component/avatars/css/avatars.min.css",
10
+ "component/badges/css/badges.min.css",
11
+ "component/buttons/css/buttons.min.css",
12
+ "component/checkbox/css/checkbox.min.css",
13
+ "component/close/css/close.min.css",
14
+ "component/country-code/css/country-code.min.css",
15
+ "component/datepicker/css/datepicker.min.css",
16
+ "component/dot/css/dot.min.css",
17
+ "component/dropdown/css/dropdown.min.css",
18
+ "component/file-preview/css/file-preview.min.css",
19
+ "component/icon-buttons/css/icon-buttons.min.css",
20
+ "component/icons/css/icons.min.css",
21
+ "component/inputs/css/inputs.min.css",
22
+ "component/progress-scale/css/progress-scale.min.css",
23
+ "component/quantity/css/quantity.min.css",
24
+ "component/reference-link/css/reference-link.min.css",
25
+ "component/spinner/css/spinner.min.css",
26
+ "component/switch/css/switch.min.css",
27
+ "component/tags/css/tags.min.css",
28
+ "component/textarea/css/textarea.min.css",
29
+ "core/css/core.css",
30
+ "smart/button-icon/css/button-icon.min.css",
31
+ "smart/checkbox/css/checkbox.min.css",
32
+ "smart/dropdown/css/dropdown.min.css",
33
+ "smart/help-mark/css/help-mark.min.css",
34
+ "smart/input-color/css/input-color.min.css",
35
+ "smart/input-quantity/css/input-quantity.min.css",
36
+ "smart/input-textarea/css/input-textarea.min.css",
37
+ "smart/input/css/input.min.css",
38
+ "smart/switch/css/switch.min.css",
39
+ "smart/tag/css/tag.min.css",
40
+ "smart/view-flow/css/view-flow.min.css",
41
+ "utility/align-content/default/css/default.min.css",
42
+ "utility/align-items/default/css/default.min.css",
43
+ "utility/background-color/default/css/default.min.css",
44
+ "utility/background-size/default/css/default.min.css",
45
+ "utility/cursor/default/css/default.min.css",
46
+ "utility/display/default/css/default.min.css",
47
+ "utility/element-position/default/css/default.min.css",
48
+ "utility/filter-blur/default/css/default.min.css",
49
+ "utility/flex-direction/default/css/default.min.css",
50
+ "utility/flex-wrap/default/css/default.min.css",
51
+ "utility/flex/default/css/default.min.css",
52
+ "utility/font-weight/default/css/default.min.css",
53
+ "utility/gap/default/css/default.min.css",
54
+ "utility/grid-template-columns/default/css/default.min.css",
55
+ "utility/height/default/css/default.min.css",
56
+ "utility/justify-content/default/css/default.min.css",
57
+ "utility/min-width/default/css/default.min.css",
58
+ "utility/overflow/default/css/default.min.css",
59
+ "utility/place-items/default/css/default.min.css",
60
+ "utility/pointer-events/default/css/default.min.css",
61
+ "utility/position/default/css/default.min.css",
62
+ "utility/sr-only/default/css/default.min.css",
63
+ "utility/text-align/default/css/default.min.css",
64
+ "utility/text-color/default/css/default.min.css",
65
+ "utility/text-overflow/default/css/default.min.css",
66
+ "utility/transition-property/default/css/default.min.css",
67
+ "utility/white-space/default/css/default.min.css",
68
+ "utility/width/default/css/default.min.css"
69
+ ],
70
+ "examples": {
71
+ "answered": [
72
+ "component/avatars/css/avatars.min.css",
73
+ "component/badges/css/badges.min.css",
74
+ "component/buttons/css/buttons.min.css",
75
+ "component/checkbox/css/checkbox.min.css",
76
+ "component/close/css/close.min.css",
77
+ "component/country-code/css/country-code.min.css",
78
+ "component/datepicker/css/datepicker.min.css",
79
+ "component/dot/css/dot.min.css",
80
+ "component/dropdown/css/dropdown.min.css",
81
+ "component/file-preview/css/file-preview.min.css",
82
+ "component/icon-buttons/css/icon-buttons.min.css",
83
+ "component/icons/css/icons.min.css",
84
+ "component/inputs/css/inputs.min.css",
85
+ "component/progress-scale/css/progress-scale.min.css",
86
+ "component/quantity/css/quantity.min.css",
87
+ "component/reference-link/css/reference-link.min.css",
88
+ "component/spinner/css/spinner.min.css",
89
+ "component/switch/css/switch.min.css",
90
+ "component/tags/css/tags.min.css",
91
+ "component/textarea/css/textarea.min.css",
92
+ "core/css/core.css",
93
+ "smart/button-icon/css/button-icon.min.css",
94
+ "smart/checkbox/css/checkbox.min.css",
95
+ "smart/dropdown/css/dropdown.min.css",
96
+ "smart/help-mark/css/help-mark.min.css",
97
+ "smart/input-color/css/input-color.min.css",
98
+ "smart/input-quantity/css/input-quantity.min.css",
99
+ "smart/input-textarea/css/input-textarea.min.css",
100
+ "smart/input/css/input.min.css",
101
+ "smart/switch/css/switch.min.css",
102
+ "smart/tag/css/tag.min.css",
103
+ "smart/view-flow/css/view-flow.min.css",
104
+ "utility/align-content/default/css/default.min.css",
105
+ "utility/align-items/default/css/default.min.css",
106
+ "utility/background-color/default/css/default.min.css",
107
+ "utility/background-size/default/css/default.min.css",
108
+ "utility/cursor/default/css/default.min.css",
109
+ "utility/display/default/css/default.min.css",
110
+ "utility/element-position/default/css/default.min.css",
111
+ "utility/filter-blur/default/css/default.min.css",
112
+ "utility/flex-direction/default/css/default.min.css",
113
+ "utility/flex-wrap/default/css/default.min.css",
114
+ "utility/flex/default/css/default.min.css",
115
+ "utility/font-weight/default/css/default.min.css",
116
+ "utility/gap/default/css/default.min.css",
117
+ "utility/grid-template-columns/default/css/default.min.css",
118
+ "utility/height/default/css/default.min.css",
119
+ "utility/justify-content/default/css/default.min.css",
120
+ "utility/min-width/default/css/default.min.css",
121
+ "utility/overflow/default/css/default.min.css",
122
+ "utility/place-items/default/css/default.min.css",
123
+ "utility/pointer-events/default/css/default.min.css",
124
+ "utility/position/default/css/default.min.css",
125
+ "utility/sr-only/default/css/default.min.css",
126
+ "utility/text-align/default/css/default.min.css",
127
+ "utility/text-color/default/css/default.min.css",
128
+ "utility/text-overflow/default/css/default.min.css",
129
+ "utility/transition-property/default/css/default.min.css",
130
+ "utility/white-space/default/css/default.min.css",
131
+ "utility/width/default/css/default.min.css"
132
+ ],
133
+ "ask": [
134
+ "component/avatars/css/avatars.min.css",
135
+ "component/badges/css/badges.min.css",
136
+ "component/buttons/css/buttons.min.css",
137
+ "component/checkbox/css/checkbox.min.css",
138
+ "component/close/css/close.min.css",
139
+ "component/country-code/css/country-code.min.css",
140
+ "component/datepicker/css/datepicker.min.css",
141
+ "component/dot/css/dot.min.css",
142
+ "component/dropdown/css/dropdown.min.css",
143
+ "component/file-preview/css/file-preview.min.css",
144
+ "component/icon-buttons/css/icon-buttons.min.css",
145
+ "component/icons/css/icons.min.css",
146
+ "component/inputs/css/inputs.min.css",
147
+ "component/progress-scale/css/progress-scale.min.css",
148
+ "component/quantity/css/quantity.min.css",
149
+ "component/reference-link/css/reference-link.min.css",
150
+ "component/spinner/css/spinner.min.css",
151
+ "component/switch/css/switch.min.css",
152
+ "component/tags/css/tags.min.css",
153
+ "component/textarea/css/textarea.min.css",
154
+ "core/css/core.css",
155
+ "smart/button-icon/css/button-icon.min.css",
156
+ "smart/checkbox/css/checkbox.min.css",
157
+ "smart/dropdown/css/dropdown.min.css",
158
+ "smart/help-mark/css/help-mark.min.css",
159
+ "smart/input-color/css/input-color.min.css",
160
+ "smart/input-quantity/css/input-quantity.min.css",
161
+ "smart/input-textarea/css/input-textarea.min.css",
162
+ "smart/input/css/input.min.css",
163
+ "smart/switch/css/switch.min.css",
164
+ "smart/tag/css/tag.min.css",
165
+ "smart/view-flow/css/view-flow.min.css",
166
+ "utility/align-content/default/css/default.min.css",
167
+ "utility/align-items/default/css/default.min.css",
168
+ "utility/background-color/default/css/default.min.css",
169
+ "utility/background-size/default/css/default.min.css",
170
+ "utility/cursor/default/css/default.min.css",
171
+ "utility/display/default/css/default.min.css",
172
+ "utility/element-position/default/css/default.min.css",
173
+ "utility/filter-blur/default/css/default.min.css",
174
+ "utility/flex-direction/default/css/default.min.css",
175
+ "utility/flex-wrap/default/css/default.min.css",
176
+ "utility/flex/default/css/default.min.css",
177
+ "utility/font-weight/default/css/default.min.css",
178
+ "utility/gap/default/css/default.min.css",
179
+ "utility/grid-template-columns/default/css/default.min.css",
180
+ "utility/height/default/css/default.min.css",
181
+ "utility/justify-content/default/css/default.min.css",
182
+ "utility/min-width/default/css/default.min.css",
183
+ "utility/overflow/default/css/default.min.css",
184
+ "utility/place-items/default/css/default.min.css",
185
+ "utility/pointer-events/default/css/default.min.css",
186
+ "utility/position/default/css/default.min.css",
187
+ "utility/sr-only/default/css/default.min.css",
188
+ "utility/text-align/default/css/default.min.css",
189
+ "utility/text-color/default/css/default.min.css",
190
+ "utility/text-overflow/default/css/default.min.css",
191
+ "utility/transition-property/default/css/default.min.css",
192
+ "utility/white-space/default/css/default.min.css",
193
+ "utility/width/default/css/default.min.css"
194
+ ],
195
+ "expired": [
196
+ "component/avatars/css/avatars.min.css",
197
+ "component/badges/css/badges.min.css",
198
+ "component/buttons/css/buttons.min.css",
199
+ "component/checkbox/css/checkbox.min.css",
200
+ "component/close/css/close.min.css",
201
+ "component/country-code/css/country-code.min.css",
202
+ "component/datepicker/css/datepicker.min.css",
203
+ "component/dot/css/dot.min.css",
204
+ "component/dropdown/css/dropdown.min.css",
205
+ "component/file-preview/css/file-preview.min.css",
206
+ "component/icon-buttons/css/icon-buttons.min.css",
207
+ "component/icons/css/icons.min.css",
208
+ "component/inputs/css/inputs.min.css",
209
+ "component/progress-scale/css/progress-scale.min.css",
210
+ "component/quantity/css/quantity.min.css",
211
+ "component/reference-link/css/reference-link.min.css",
212
+ "component/spinner/css/spinner.min.css",
213
+ "component/switch/css/switch.min.css",
214
+ "component/tags/css/tags.min.css",
215
+ "component/textarea/css/textarea.min.css",
216
+ "core/css/core.css",
217
+ "smart/button-icon/css/button-icon.min.css",
218
+ "smart/checkbox/css/checkbox.min.css",
219
+ "smart/dropdown/css/dropdown.min.css",
220
+ "smart/help-mark/css/help-mark.min.css",
221
+ "smart/input-color/css/input-color.min.css",
222
+ "smart/input-quantity/css/input-quantity.min.css",
223
+ "smart/input-textarea/css/input-textarea.min.css",
224
+ "smart/input/css/input.min.css",
225
+ "smart/switch/css/switch.min.css",
226
+ "smart/tag/css/tag.min.css",
227
+ "smart/view-flow/css/view-flow.min.css",
228
+ "utility/align-content/default/css/default.min.css",
229
+ "utility/align-items/default/css/default.min.css",
230
+ "utility/background-color/default/css/default.min.css",
231
+ "utility/background-size/default/css/default.min.css",
232
+ "utility/cursor/default/css/default.min.css",
233
+ "utility/display/default/css/default.min.css",
234
+ "utility/element-position/default/css/default.min.css",
235
+ "utility/filter-blur/default/css/default.min.css",
236
+ "utility/flex-direction/default/css/default.min.css",
237
+ "utility/flex-wrap/default/css/default.min.css",
238
+ "utility/flex/default/css/default.min.css",
239
+ "utility/font-weight/default/css/default.min.css",
240
+ "utility/gap/default/css/default.min.css",
241
+ "utility/grid-template-columns/default/css/default.min.css",
242
+ "utility/height/default/css/default.min.css",
243
+ "utility/justify-content/default/css/default.min.css",
244
+ "utility/min-width/default/css/default.min.css",
245
+ "utility/overflow/default/css/default.min.css",
246
+ "utility/place-items/default/css/default.min.css",
247
+ "utility/pointer-events/default/css/default.min.css",
248
+ "utility/position/default/css/default.min.css",
249
+ "utility/sr-only/default/css/default.min.css",
250
+ "utility/text-align/default/css/default.min.css",
251
+ "utility/text-overflow/default/css/default.min.css",
252
+ "utility/transition-property/default/css/default.min.css",
253
+ "utility/white-space/default/css/default.min.css",
254
+ "utility/width/default/css/default.min.css"
255
+ ],
256
+ "groups": [
257
+ "component/avatars/css/avatars.min.css",
258
+ "component/badges/css/badges.min.css",
259
+ "component/buttons/css/buttons.min.css",
260
+ "component/checkbox/css/checkbox.min.css",
261
+ "component/close/css/close.min.css",
262
+ "component/country-code/css/country-code.min.css",
263
+ "component/datepicker/css/datepicker.min.css",
264
+ "component/dot/css/dot.min.css",
265
+ "component/dropdown/css/dropdown.min.css",
266
+ "component/file-preview/css/file-preview.min.css",
267
+ "component/icon-buttons/css/icon-buttons.min.css",
268
+ "component/icons/css/icons.min.css",
269
+ "component/inputs/css/inputs.min.css",
270
+ "component/progress-scale/css/progress-scale.min.css",
271
+ "component/quantity/css/quantity.min.css",
272
+ "component/reference-link/css/reference-link.min.css",
273
+ "component/spinner/css/spinner.min.css",
274
+ "component/switch/css/switch.min.css",
275
+ "component/tags/css/tags.min.css",
276
+ "component/textarea/css/textarea.min.css",
277
+ "core/css/core.css",
278
+ "smart/button-icon/css/button-icon.min.css",
279
+ "smart/checkbox/css/checkbox.min.css",
280
+ "smart/dropdown/css/dropdown.min.css",
281
+ "smart/help-mark/css/help-mark.min.css",
282
+ "smart/input-color/css/input-color.min.css",
283
+ "smart/input-quantity/css/input-quantity.min.css",
284
+ "smart/input-textarea/css/input-textarea.min.css",
285
+ "smart/input/css/input.min.css",
286
+ "smart/switch/css/switch.min.css",
287
+ "smart/tag/css/tag.min.css",
288
+ "smart/view-flow/css/view-flow.min.css",
289
+ "utility/align-content/default/css/default.min.css",
290
+ "utility/align-items/default/css/default.min.css",
291
+ "utility/background-color/default/css/default.min.css",
292
+ "utility/background-size/default/css/default.min.css",
293
+ "utility/cursor/default/css/default.min.css",
294
+ "utility/display/default/css/default.min.css",
295
+ "utility/element-position/default/css/default.min.css",
296
+ "utility/filter-blur/default/css/default.min.css",
297
+ "utility/flex-direction/default/css/default.min.css",
298
+ "utility/flex-wrap/default/css/default.min.css",
299
+ "utility/flex/default/css/default.min.css",
300
+ "utility/font-weight/default/css/default.min.css",
301
+ "utility/gap/default/css/default.min.css",
302
+ "utility/grid-template-columns/default/css/default.min.css",
303
+ "utility/height/default/css/default.min.css",
304
+ "utility/justify-content/default/css/default.min.css",
305
+ "utility/min-width/default/css/default.min.css",
306
+ "utility/overflow/default/css/default.min.css",
307
+ "utility/place-items/default/css/default.min.css",
308
+ "utility/pointer-events/default/css/default.min.css",
309
+ "utility/position/default/css/default.min.css",
310
+ "utility/sr-only/default/css/default.min.css",
311
+ "utility/text-align/default/css/default.min.css",
312
+ "utility/text-color/default/css/default.min.css",
313
+ "utility/text-overflow/default/css/default.min.css",
314
+ "utility/transition-property/default/css/default.min.css",
315
+ "utility/white-space/default/css/default.min.css",
316
+ "utility/width/default/css/default.min.css"
317
+ ],
318
+ "reference": [
319
+ "component/avatars/css/avatars.min.css",
320
+ "component/badges/css/badges.min.css",
321
+ "component/buttons/css/buttons.min.css",
322
+ "component/checkbox/css/checkbox.min.css",
323
+ "component/close/css/close.min.css",
324
+ "component/country-code/css/country-code.min.css",
325
+ "component/datepicker/css/datepicker.min.css",
326
+ "component/dot/css/dot.min.css",
327
+ "component/dropdown/css/dropdown.min.css",
328
+ "component/file-preview/css/file-preview.min.css",
329
+ "component/icon-buttons/css/icon-buttons.min.css",
330
+ "component/icons/css/icons.min.css",
331
+ "component/inputs/css/inputs.min.css",
332
+ "component/progress-scale/css/progress-scale.min.css",
333
+ "component/quantity/css/quantity.min.css",
334
+ "component/reference-link/css/reference-link.min.css",
335
+ "component/spinner/css/spinner.min.css",
336
+ "component/switch/css/switch.min.css",
337
+ "component/tags/css/tags.min.css",
338
+ "component/textarea/css/textarea.min.css",
339
+ "core/css/core.css",
340
+ "smart/button-icon/css/button-icon.min.css",
341
+ "smart/checkbox/css/checkbox.min.css",
342
+ "smart/dropdown/css/dropdown.min.css",
343
+ "smart/help-mark/css/help-mark.min.css",
344
+ "smart/input-color/css/input-color.min.css",
345
+ "smart/input-quantity/css/input-quantity.min.css",
346
+ "smart/input-textarea/css/input-textarea.min.css",
347
+ "smart/input/css/input.min.css",
348
+ "smart/switch/css/switch.min.css",
349
+ "smart/tag/css/tag.min.css",
350
+ "smart/view-flow/css/view-flow.min.css",
351
+ "utility/align-content/default/css/default.min.css",
352
+ "utility/align-items/default/css/default.min.css",
353
+ "utility/background-color/default/css/default.min.css",
354
+ "utility/background-size/default/css/default.min.css",
355
+ "utility/cursor/default/css/default.min.css",
356
+ "utility/display/default/css/default.min.css",
357
+ "utility/element-position/default/css/default.min.css",
358
+ "utility/filter-blur/default/css/default.min.css",
359
+ "utility/flex-direction/default/css/default.min.css",
360
+ "utility/flex-wrap/default/css/default.min.css",
361
+ "utility/flex/default/css/default.min.css",
362
+ "utility/font-weight/default/css/default.min.css",
363
+ "utility/gap/default/css/default.min.css",
364
+ "utility/grid-template-columns/default/css/default.min.css",
365
+ "utility/height/default/css/default.min.css",
366
+ "utility/justify-content/default/css/default.min.css",
367
+ "utility/min-width/default/css/default.min.css",
368
+ "utility/overflow/default/css/default.min.css",
369
+ "utility/place-items/default/css/default.min.css",
370
+ "utility/pointer-events/default/css/default.min.css",
371
+ "utility/position/default/css/default.min.css",
372
+ "utility/sr-only/default/css/default.min.css",
373
+ "utility/text-align/default/css/default.min.css",
374
+ "utility/text-color/default/css/default.min.css",
375
+ "utility/text-overflow/default/css/default.min.css",
376
+ "utility/transition-property/default/css/default.min.css",
377
+ "utility/white-space/default/css/default.min.css",
378
+ "utility/width/default/css/default.min.css"
379
+ ],
380
+ "untitled": [
381
+ "component/avatars/css/avatars.min.css",
382
+ "component/badges/css/badges.min.css",
383
+ "component/buttons/css/buttons.min.css",
384
+ "component/checkbox/css/checkbox.min.css",
385
+ "component/close/css/close.min.css",
386
+ "component/country-code/css/country-code.min.css",
387
+ "component/datepicker/css/datepicker.min.css",
388
+ "component/dot/css/dot.min.css",
389
+ "component/dropdown/css/dropdown.min.css",
390
+ "component/file-preview/css/file-preview.min.css",
391
+ "component/icon-buttons/css/icon-buttons.min.css",
392
+ "component/icons/css/icons.min.css",
393
+ "component/inputs/css/inputs.min.css",
394
+ "component/progress-scale/css/progress-scale.min.css",
395
+ "component/quantity/css/quantity.min.css",
396
+ "component/reference-link/css/reference-link.min.css",
397
+ "component/spinner/css/spinner.min.css",
398
+ "component/switch/css/switch.min.css",
399
+ "component/tags/css/tags.min.css",
400
+ "component/textarea/css/textarea.min.css",
401
+ "core/css/core.css",
402
+ "smart/button-icon/css/button-icon.min.css",
403
+ "smart/checkbox/css/checkbox.min.css",
404
+ "smart/dropdown/css/dropdown.min.css",
405
+ "smart/help-mark/css/help-mark.min.css",
406
+ "smart/input-color/css/input-color.min.css",
407
+ "smart/input-quantity/css/input-quantity.min.css",
408
+ "smart/input-textarea/css/input-textarea.min.css",
409
+ "smart/input/css/input.min.css",
410
+ "smart/switch/css/switch.min.css",
411
+ "smart/tag/css/tag.min.css",
412
+ "smart/view-flow/css/view-flow.min.css",
413
+ "utility/align-content/default/css/default.min.css",
414
+ "utility/align-items/default/css/default.min.css",
415
+ "utility/background-color/default/css/default.min.css",
416
+ "utility/background-size/default/css/default.min.css",
417
+ "utility/cursor/default/css/default.min.css",
418
+ "utility/display/default/css/default.min.css",
419
+ "utility/element-position/default/css/default.min.css",
420
+ "utility/filter-blur/default/css/default.min.css",
421
+ "utility/flex-direction/default/css/default.min.css",
422
+ "utility/flex-wrap/default/css/default.min.css",
423
+ "utility/flex/default/css/default.min.css",
424
+ "utility/font-weight/default/css/default.min.css",
425
+ "utility/gap/default/css/default.min.css",
426
+ "utility/grid-template-columns/default/css/default.min.css",
427
+ "utility/height/default/css/default.min.css",
428
+ "utility/justify-content/default/css/default.min.css",
429
+ "utility/min-width/default/css/default.min.css",
430
+ "utility/overflow/default/css/default.min.css",
431
+ "utility/place-items/default/css/default.min.css",
432
+ "utility/pointer-events/default/css/default.min.css",
433
+ "utility/position/default/css/default.min.css",
434
+ "utility/sr-only/default/css/default.min.css",
435
+ "utility/text-align/default/css/default.min.css",
436
+ "utility/text-color/default/css/default.min.css",
437
+ "utility/text-overflow/default/css/default.min.css",
438
+ "utility/transition-property/default/css/default.min.css",
439
+ "utility/white-space/default/css/default.min.css",
440
+ "utility/width/default/css/default.min.css"
441
+ ]
442
+ }
443
+ }
package/dist/smart/view-flow/template/default.css ADDED
@@ -0,0 +1,180 @@
1
+ @layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
2
+ @layer sf.components {
3
+ /* sf-view-flow. The host is display: contents; .sf-view-flow
4
+ is the block the flow places, as wide as the flow. Every value is a
5
+ Framework token. The public variables (component.json css-variables) are
6
+ read here and never set, on the block or any ancestor (public-variables.v1):
7
+ --sf-view-flow-radius the block's corner
8
+ --sf-view-flow-inset its padding
9
+ --sf-view-flow-gap between its rows
10
+ --sf-view-flow-background-color its ground
11
+ --sf-view-flow-border-color its edge
12
+ The --sf-view-flow--* names are the internal layer they feed. */
13
+ .sf-view-flow {
14
+ --sf-view-flow--radius: var(--sf-view-flow-radius, var(--sf-radius-2));
15
+ --sf-view-flow--inset: var(--sf-view-flow-inset, var(--sf-space-1\/2) var(--sf-space-1));
16
+ --sf-view-flow--gap: var(--sf-view-flow-gap, var(--sf-space-1\/2));
17
+ --sf-view-flow--fill: var(--sf-view-flow-background-color, var(--sf-surface-0));
18
+ --sf-view-flow--edge: var(--sf-view-flow-border-color, var(--sf-outline-variant));
19
+ --sf-view-flow--label-size: var(--sf-label-medium--size);
20
+ --sf-view-flow--label-height: var(--sf-label-medium--height);
21
+
22
+ display: flex;
23
+ flex-direction: column;
24
+ gap: var(--sf-view-flow--gap);
25
+ box-sizing: border-box;
26
+ inline-size: 100%;
27
+ min-inline-size: 0;
28
+ padding: var(--sf-view-flow--inset);
29
+ border: var(--sf-px) solid var(--sf-view-flow--edge);
30
+ border-radius: var(--sf-view-flow--radius);
31
+ background: var(--sf-view-flow--fill);
32
+ color: var(--sf-on-surface);
33
+ font-family: var(--sf-text--family);
34
+ font-size: var(--sf-text--size);
35
+ line-height: var(--sf-text--height);
36
+ }
37
+
38
+ .sf-view-flow--size-1-2 {
39
+ font-size: var(--sf-label-large--size);
40
+ line-height: var(--sf-label-large--height);
41
+ }
42
+
43
+ .sf-view-flow__heading {
44
+ margin: 0;
45
+ font-weight: var(--sf-font-weight-bold);
46
+ }
47
+
48
+ .sf-view-flow__description {
49
+ color: var(--sf-on-surface-variant);
50
+ font-size: var(--sf-label-large--size);
51
+ line-height: var(--sf-label-large--height);
52
+ }
53
+
54
+ .sf-view-flow__groups {
55
+ display: flex;
56
+ flex-direction: column;
57
+ gap: var(--sf-view-flow--gap);
58
+ min-inline-size: 0;
59
+ }
60
+
61
+ .sf-view-flow__group {
62
+ display: flex;
63
+ flex-direction: column;
64
+ gap: var(--sf-space-1\/3);
65
+ min-inline-size: 0;
66
+ }
67
+
68
+ .sf-view-flow__group-label {
69
+ margin: 0;
70
+ color: var(--sf-on-surface-variant);
71
+ font-size: var(--sf-view-flow--label-size);
72
+ line-height: var(--sf-view-flow--label-height);
73
+ font-weight: var(--sf-font-weight-medium);
74
+ }
75
+
76
+ /* A collapsible group's label is a plain button: the words and a chevron
77
+ that turns when the group is closed. */
78
+ .sf-view-flow__toggle {
79
+ align-self: flex-start;
80
+ padding: 0;
81
+ border: 0;
82
+ background: none;
83
+ font-family: inherit;
84
+ cursor: pointer;
85
+ }
86
+
87
+ .sf-view-flow__toggle sf-icon {
88
+ transition: transform var(--sf-duration-normal);
89
+ }
90
+
91
+ .sf-view-flow__group[data-collapsed] .sf-view-flow__toggle sf-icon {
92
+ transform: rotate(-90deg);
93
+ }
94
+
95
+ /* Two columns: a half-width field pairs up with the next, a full one takes
96
+ the row. */
97
+ .sf-view-flow__fields {
98
+ display: grid;
99
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
100
+ gap: var(--sf-space-1\/2) var(--sf-space-1);
101
+ }
102
+
103
+ .sf-view-flow__fields[hidden] { display: none; }
104
+
105
+ .sf-view-flow__field--full { grid-column: 1 / -1; }
106
+
107
+ .sf-view-flow__label {
108
+ font-size: var(--sf-view-flow--label-size);
109
+ line-height: var(--sf-view-flow--label-height);
110
+ }
111
+
112
+ .sf-view-flow__value {
113
+ min-block-size: var(--sf-view-flow--label-height);
114
+ overflow-wrap: anywhere;
115
+ }
116
+
117
+ /* While the block takes an answer a value is one control, and it fills its
118
+ field: in a flex row a control keeps its intrinsic width, and a Smart
119
+ element is display: contents, so its painted root is a grandchild that
120
+ flex: 1 on the box's children never reaches (sf-view-properties found the
121
+ same for its full-width fields). As a block it fills. */
122
+ .sf-view-flow--editing .sf-view-flow__value {
123
+ display: block;
124
+ }
125
+
126
+ .sf-view-flow__error {
127
+ font-size: var(--sf-view-flow--label-size);
128
+ line-height: var(--sf-view-flow--label-height);
129
+ }
130
+
131
+ .sf-view-flow__footer {
132
+ display: flex;
133
+ flex-wrap: wrap;
134
+ align-items: center;
135
+ justify-content: space-between;
136
+ gap: var(--sf-space-1\/3);
137
+ }
138
+
139
+ .sf-view-flow__status {
140
+ display: inline-flex;
141
+ align-items: center;
142
+ gap: var(--sf-space-1\/4);
143
+ margin: 0;
144
+ color: var(--sf-on-surface-variant);
145
+ font-size: var(--sf-view-flow--label-size);
146
+ line-height: var(--sf-view-flow--label-height);
147
+ }
148
+
149
+ .sf-view-flow__status:focus-visible {
150
+ outline-offset: var(--sf-space-1\/4);
151
+ }
152
+
153
+ .sf-view-flow__status--error { color: var(--sf-error); }
154
+
155
+ .sf-view-flow--accepted .sf-view-flow__status { color: var(--sf-on-success-container); }
156
+
157
+ .sf-view-flow__actions {
158
+ display: flex;
159
+ gap: var(--sf-space-1\/3);
160
+ margin-inline-start: auto;
161
+ }
162
+
163
+ .sf-view-flow__actions[hidden] { display: none; }
164
+
165
+ /* A narrow screen: one column, and the answers share the width. A media
166
+ query and not a container query: containing the block's inline size would
167
+ make a block as wide as its content (in a message bubble) collapse. */
168
+ @media (max-width: 479px) {
169
+ .sf-view-flow__fields { grid-template-columns: minmax(0, 1fr); }
170
+
171
+ .sf-view-flow__field--half { grid-column: 1 / -1; }
172
+
173
+ .sf-view-flow__actions {
174
+ display: grid;
175
+ grid-auto-columns: 1fr;
176
+ grid-auto-flow: column;
177
+ inline-size: 100%;
178
+ }
179
+ }
180
+ }