mosaic-headless 1.28.0 → 1.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/sites/moksa.json CHANGED
@@ -157,6 +157,204 @@
157
157
  ]
158
158
  }
159
159
  ]
160
+ },
161
+ "case-card": {
162
+ "type": "div",
163
+ "data": {
164
+ "attrID": "cs-card"
165
+ },
166
+ "style": {
167
+ "&": {
168
+ "_": {
169
+ "display": "flex",
170
+ "flexDirection": "column",
171
+ "rowGap": "0px",
172
+ "paddingTop": "24px",
173
+ "paddingBottom": "22px",
174
+ "paddingLeft": "22px",
175
+ "paddingRight": "22px",
176
+ "backgroundColor": {
177
+ "token": "--mk-paper"
178
+ },
179
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
180
+ }
181
+ }
182
+ },
183
+ "children": [
184
+ {
185
+ "type": "div",
186
+ "data": {
187
+ "attrID": "cs-head"
188
+ },
189
+ "style": {
190
+ "&": {
191
+ "_": {
192
+ "display": "flex",
193
+ "justifyContent": "space-between",
194
+ "alignItems": "baseline",
195
+ "columnGap": "12px",
196
+ "paddingBottom": "12px",
197
+ "customDeclarations": "border-bottom:1px solid rgba(22,24,28,.16);"
198
+ }
199
+ }
200
+ },
201
+ "children": [
202
+ {
203
+ "type": "text",
204
+ "data": {
205
+ "tagName": "p",
206
+ "attrID": "cs-kind"
207
+ },
208
+ "style": {
209
+ "&": {
210
+ "_": {
211
+ "color": {
212
+ "token": "--mk-accent-ink"
213
+ },
214
+ "fontSize": "10px",
215
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
216
+ "letterSpacing": "0.2em"
217
+ },
218
+ "_t": {
219
+ "fontSize": "12px",
220
+ "letterSpacing": "0.14em"
221
+ }
222
+ }
223
+ },
224
+ "children": [
225
+ {
226
+ "type": "wysiwyg-text",
227
+ "data": {
228
+ "attrID": "cs-kind-w",
229
+ "text": "KIND"
230
+ }
231
+ }
232
+ ]
233
+ },
234
+ {
235
+ "type": "text",
236
+ "data": {
237
+ "tagName": "p",
238
+ "attrID": "cs-year"
239
+ },
240
+ "style": {
241
+ "&": {
242
+ "_": {
243
+ "color": {
244
+ "token": "--mk-faint"
245
+ },
246
+ "fontSize": "10px",
247
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
248
+ "letterSpacing": "0.14em"
249
+ },
250
+ "_t": {
251
+ "fontSize": "12px"
252
+ }
253
+ }
254
+ },
255
+ "children": [
256
+ {
257
+ "type": "wysiwyg-text",
258
+ "data": {
259
+ "attrID": "cs-year-w",
260
+ "text": "2026"
261
+ }
262
+ }
263
+ ]
264
+ }
265
+ ]
266
+ },
267
+ {
268
+ "type": "text",
269
+ "data": {
270
+ "tagName": "h3",
271
+ "attrID": "cs-name"
272
+ },
273
+ "style": {
274
+ "&": {
275
+ "_": {
276
+ "color": {
277
+ "token": "--mk-ink"
278
+ },
279
+ "fontSize": "20px",
280
+ "fontWeight": "600",
281
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
282
+ "marginTop": "16px",
283
+ "lineHeight": "1.35"
284
+ }
285
+ }
286
+ },
287
+ "children": [
288
+ {
289
+ "type": "wysiwyg-text",
290
+ "data": {
291
+ "attrID": "cs-name-w",
292
+ "text": "專案"
293
+ }
294
+ }
295
+ ]
296
+ },
297
+ {
298
+ "type": "text",
299
+ "data": {
300
+ "tagName": "p",
301
+ "attrID": "cs-body"
302
+ },
303
+ "style": {
304
+ "&": {
305
+ "_": {
306
+ "color": {
307
+ "token": "--mk-muted"
308
+ },
309
+ "fontSize": "13px",
310
+ "lineHeight": "1.9",
311
+ "marginTop": "10px"
312
+ }
313
+ }
314
+ },
315
+ "children": [
316
+ {
317
+ "type": "wysiwyg-text",
318
+ "data": {
319
+ "attrID": "cs-body-w",
320
+ "text": "說明"
321
+ }
322
+ }
323
+ ]
324
+ },
325
+ {
326
+ "type": "text",
327
+ "data": {
328
+ "tagName": "p",
329
+ "attrID": "cs-metric"
330
+ },
331
+ "style": {
332
+ "&": {
333
+ "_": {
334
+ "color": {
335
+ "token": "--mk-ink"
336
+ },
337
+ "fontSize": "11px",
338
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
339
+ "letterSpacing": "0.12em",
340
+ "marginTop": "16px"
341
+ },
342
+ "_t": {
343
+ "fontSize": "12px"
344
+ }
345
+ }
346
+ },
347
+ "children": [
348
+ {
349
+ "type": "wysiwyg-text",
350
+ "data": {
351
+ "attrID": "cs-metric-w",
352
+ "text": "成果"
353
+ }
354
+ }
355
+ ]
356
+ }
357
+ ]
160
358
  }
161
359
  },
162
360
  "theme": {
@@ -498,127 +696,7 @@
498
696
  "type": "menu-link",
499
697
  "data": {
500
698
  "attrID": "mk-nav-0",
501
- "url": "/#services"
502
- },
503
- "style": {
504
- "&": {
505
- "_": {
506
- "color": {
507
- "token": "--mk-ink"
508
- },
509
- "fontSize": "13px",
510
- "fontWeight": "400",
511
- "letterSpacing": "0.04em",
512
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
513
- "transitionAll": "160ms ease",
514
- "cursor": "pointer"
515
- },
516
- "_t": {
517
- "fontSize": "12px",
518
- "paddingTop": "8px",
519
- "paddingBottom": "8px"
520
- }
521
- },
522
- "hover": {
523
- "_": {
524
- "color": {
525
- "token": "--mk-accent"
526
- }
527
- }
528
- },
529
- "focus-visible": {
530
- "_": {
531
- "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
532
- }
533
- }
534
- },
535
- "text": "服務"
536
- },
537
- {
538
- "type": "menu-link",
539
- "data": {
540
- "attrID": "mk-nav-1",
541
- "url": "/#works"
542
- },
543
- "style": {
544
- "&": {
545
- "_": {
546
- "color": {
547
- "token": "--mk-ink"
548
- },
549
- "fontSize": "13px",
550
- "fontWeight": "400",
551
- "letterSpacing": "0.04em",
552
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
553
- "transitionAll": "160ms ease",
554
- "cursor": "pointer"
555
- },
556
- "_t": {
557
- "fontSize": "12px",
558
- "paddingTop": "8px",
559
- "paddingBottom": "8px"
560
- }
561
- },
562
- "hover": {
563
- "_": {
564
- "color": {
565
- "token": "--mk-accent"
566
- }
567
- }
568
- },
569
- "focus-visible": {
570
- "_": {
571
- "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
572
- }
573
- }
574
- },
575
- "text": "作品"
576
- },
577
- {
578
- "type": "menu-link",
579
- "data": {
580
- "attrID": "mk-nav-2",
581
- "url": "/#products"
582
- },
583
- "style": {
584
- "&": {
585
- "_": {
586
- "color": {
587
- "token": "--mk-ink"
588
- },
589
- "fontSize": "13px",
590
- "fontWeight": "400",
591
- "letterSpacing": "0.04em",
592
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
593
- "transitionAll": "160ms ease",
594
- "cursor": "pointer"
595
- },
596
- "_t": {
597
- "fontSize": "12px",
598
- "paddingTop": "8px",
599
- "paddingBottom": "8px"
600
- }
601
- },
602
- "hover": {
603
- "_": {
604
- "color": {
605
- "token": "--mk-accent"
606
- }
607
- }
608
- },
609
- "focus-visible": {
610
- "_": {
611
- "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
612
- }
613
- }
614
- },
615
- "text": "產品"
616
- },
617
- {
618
- "type": "menu-link",
619
- "data": {
620
- "attrID": "mk-nav-3",
621
- "url": "/#contact"
699
+ "url": "/"
622
700
  },
623
701
  "style": {
624
702
  "&": {
@@ -652,12 +730,12 @@
652
730
  }
653
731
  }
654
732
  },
655
- "text": "聯絡"
733
+ "text": "首頁"
656
734
  },
657
735
  {
658
736
  "type": "dropdown",
659
737
  "data": {
660
- "attrID": "mk-cap",
738
+ "attrID": "mk-cap-g0",
661
739
  "horizontalAlign": "right"
662
740
  },
663
741
  "style": {
@@ -671,7 +749,7 @@
671
749
  {
672
750
  "type": "dropdown-toggle",
673
751
  "data": {
674
- "attrID": "mk-cap-toggle"
752
+ "attrID": "mk-cap-g0-toggle"
675
753
  },
676
754
  "style": {
677
755
  "&": {
@@ -714,7 +792,7 @@
714
792
  "data": {
715
793
  "tagName": "p"
716
794
  },
717
- "text": "能力展示",
795
+ "text": "介面元件",
718
796
  "style": {
719
797
  "&": {
720
798
  "_": {
@@ -754,7 +832,7 @@
754
832
  {
755
833
  "type": "dropdown-wrapper",
756
834
  "data": {
757
- "attrID": "mk-cap-menu"
835
+ "attrID": "mk-cap-g0-menu"
758
836
  },
759
837
  "style": {
760
838
  "&": {
@@ -778,8 +856,8 @@
778
856
  {
779
857
  "type": "menu-link",
780
858
  "data": {
781
- "attrID": "mk-cap-0",
782
- "url": "/content/"
859
+ "attrID": "mk-cap-g0-0",
860
+ "url": "/components/"
783
861
  },
784
862
  "style": {
785
863
  "&": {
@@ -811,7 +889,7 @@
811
889
  "data": {
812
890
  "tagName": "p"
813
891
  },
814
- "text": "內容驅動",
892
+ "text": "元件牆",
815
893
  "style": {
816
894
  "&": {
817
895
  "_": {
@@ -830,7 +908,7 @@
830
908
  "data": {
831
909
  "tagName": "p"
832
910
  },
833
- "text": "輪播、分頁、存檔——都由文章資料複製",
911
+ "text": "分頁、手風琴、表單、地圖——都能直接操作",
834
912
  "style": {
835
913
  "&": {
836
914
  "_": {
@@ -850,7 +928,7 @@
850
928
  {
851
929
  "type": "menu-link",
852
930
  "data": {
853
- "attrID": "mk-cap-1",
931
+ "attrID": "mk-cap-g0-1",
854
932
  "url": "/forms/"
855
933
  },
856
934
  "style": {
@@ -922,8 +1000,8 @@
922
1000
  {
923
1001
  "type": "menu-link",
924
1002
  "data": {
925
- "attrID": "mk-cap-2",
926
- "url": "/components/"
1003
+ "attrID": "mk-cap-g0-2",
1004
+ "url": "/sliders/"
927
1005
  },
928
1006
  "style": {
929
1007
  "&": {
@@ -955,7 +1033,7 @@
955
1033
  "data": {
956
1034
  "tagName": "p"
957
1035
  },
958
- "text": "元件牆",
1036
+ "text": "輪播",
959
1037
  "style": {
960
1038
  "&": {
961
1039
  "_": {
@@ -974,7 +1052,7 @@
974
1052
  "data": {
975
1053
  "tagName": "p"
976
1054
  },
977
- "text": "分頁、手風琴、表單、地圖——都能直接操作",
1055
+ "text": "四種動畫並排、輪轉模式、鍵盤與減少動態",
978
1056
  "style": {
979
1057
  "&": {
980
1058
  "_": {
@@ -994,7 +1072,7 @@
994
1072
  {
995
1073
  "type": "menu-link",
996
1074
  "data": {
997
- "attrID": "mk-cap-3",
1075
+ "attrID": "mk-cap-g0-3",
998
1076
  "url": "/dialogs/"
999
1077
  },
1000
1078
  "style": {
@@ -1062,12 +1140,137 @@
1062
1140
  }
1063
1141
  }
1064
1142
  ]
1143
+ }
1144
+ ]
1145
+ }
1146
+ ]
1147
+ },
1148
+ {
1149
+ "type": "dropdown",
1150
+ "data": {
1151
+ "attrID": "mk-cap-g1",
1152
+ "horizontalAlign": "right"
1153
+ },
1154
+ "style": {
1155
+ "&": {
1156
+ "_": {
1157
+ "position": "relative"
1158
+ }
1159
+ }
1160
+ },
1161
+ "children": [
1162
+ {
1163
+ "type": "dropdown-toggle",
1164
+ "data": {
1165
+ "attrID": "mk-cap-g1-toggle"
1166
+ },
1167
+ "style": {
1168
+ "&": {
1169
+ "_": {
1170
+ "color": {
1171
+ "token": "--mk-ink"
1172
+ },
1173
+ "fontSize": "13px",
1174
+ "fontWeight": "400",
1175
+ "letterSpacing": "0.04em",
1176
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
1177
+ "cursor": "pointer",
1178
+ "display": "flex",
1179
+ "alignItems": "center",
1180
+ "columnGap": "6px",
1181
+ "customDeclarations": "white-space:nowrap;"
1182
+ },
1183
+ "_t": {
1184
+ "fontSize": "12px",
1185
+ "paddingTop": "8px",
1186
+ "paddingBottom": "8px"
1187
+ }
1188
+ },
1189
+ "hover": {
1190
+ "_": {
1191
+ "color": {
1192
+ "token": "--mk-accent"
1193
+ }
1194
+ }
1195
+ },
1196
+ "focus-visible": {
1197
+ "_": {
1198
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
1199
+ }
1200
+ }
1201
+ },
1202
+ "children": [
1203
+ {
1204
+ "type": "text",
1205
+ "data": {
1206
+ "tagName": "p"
1207
+ },
1208
+ "text": "資料與系統",
1209
+ "style": {
1210
+ "&": {
1211
+ "_": {
1212
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
1213
+ "fontSize": "13px",
1214
+ "letterSpacing": "0.04em",
1215
+ "color": {
1216
+ "token": "--mk-ink"
1217
+ }
1218
+ },
1219
+ "_t": {
1220
+ "fontSize": "12px"
1221
+ }
1222
+ }
1223
+ }
1065
1224
  },
1225
+ {
1226
+ "type": "text",
1227
+ "data": {
1228
+ "tagName": "p"
1229
+ },
1230
+ "text": "+",
1231
+ "style": {
1232
+ "&": {
1233
+ "_": {
1234
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
1235
+ "fontSize": "11px",
1236
+ "color": {
1237
+ "token": "--mk-faint"
1238
+ }
1239
+ }
1240
+ }
1241
+ }
1242
+ }
1243
+ ]
1244
+ },
1245
+ {
1246
+ "type": "dropdown-wrapper",
1247
+ "data": {
1248
+ "attrID": "mk-cap-g1-menu"
1249
+ },
1250
+ "style": {
1251
+ "&": {
1252
+ "_": {
1253
+ "backgroundColor": {
1254
+ "token": "--mk-paper"
1255
+ },
1256
+ "paddingTop": "10px",
1257
+ "paddingBottom": "10px",
1258
+ "minWidth": "272px",
1259
+ "customDeclarations": "border:1px solid rgb(22,24,28);box-shadow:0 20px 48px rgba(22,24,28,.14);"
1260
+ },
1261
+ "_m": {
1262
+ "minWidth": "0px",
1263
+ "width": "296px",
1264
+ "customDeclarations": "border:1px solid rgb(22,24,28);box-shadow:0 18px 40px rgba(22,24,28,.16);"
1265
+ }
1266
+ }
1267
+ },
1268
+ "children": [
1066
1269
  {
1067
1270
  "type": "menu-link",
1068
1271
  "data": {
1069
- "attrID": "mk-cap-4",
1070
- "url": "/sliders/"
1272
+ "attrID": "mk-cap-g1-0",
1273
+ "url": "/content/"
1071
1274
  },
1072
1275
  "style": {
1073
1276
  "&": {
@@ -1099,7 +1302,7 @@
1099
1302
  "data": {
1100
1303
  "tagName": "p"
1101
1304
  },
1102
- "text": "輪播",
1305
+ "text": "內容驅動",
1103
1306
  "style": {
1104
1307
  "&": {
1105
1308
  "_": {
@@ -1118,7 +1321,7 @@
1118
1321
  "data": {
1119
1322
  "tagName": "p"
1120
1323
  },
1121
- "text": "四種動畫並排、輪轉模式、鍵盤與減少動態",
1324
+ "text": "輪播、分頁、存檔——都由文章資料複製",
1122
1325
  "style": {
1123
1326
  "&": {
1124
1327
  "_": {
@@ -1138,8 +1341,8 @@
1138
1341
  {
1139
1342
  "type": "menu-link",
1140
1343
  "data": {
1141
- "attrID": "mk-cap-5",
1142
- "url": "/tokens/"
1344
+ "attrID": "mk-cap-g1-1",
1345
+ "url": "/dynamic/"
1143
1346
  },
1144
1347
  "style": {
1145
1348
  "&": {
@@ -1171,7 +1374,7 @@
1171
1374
  "data": {
1172
1375
  "tagName": "p"
1173
1376
  },
1174
- "text": "設計系統",
1377
+ "text": "動態內容",
1175
1378
  "style": {
1176
1379
  "&": {
1177
1380
  "_": {
@@ -1190,7 +1393,7 @@
1190
1393
  "data": {
1191
1394
  "tagName": "p"
1192
1395
  },
1193
- "text": "設計代幣、variant 層、39 個接得住代幣的屬性",
1396
+ "text": "迴圈、@VAR 表達式、自訂欄位",
1194
1397
  "style": {
1195
1398
  "&": {
1196
1399
  "_": {
@@ -1210,8 +1413,8 @@
1210
1413
  {
1211
1414
  "type": "menu-link",
1212
1415
  "data": {
1213
- "attrID": "mk-cap-6",
1214
- "url": "/dynamic/"
1416
+ "attrID": "mk-cap-g1-2",
1417
+ "url": "/tokens/"
1215
1418
  },
1216
1419
  "style": {
1217
1420
  "&": {
@@ -1243,7 +1446,7 @@
1243
1446
  "data": {
1244
1447
  "tagName": "p"
1245
1448
  },
1246
- "text": "動態內容",
1449
+ "text": "設計系統",
1247
1450
  "style": {
1248
1451
  "&": {
1249
1452
  "_": {
@@ -1262,7 +1465,7 @@
1262
1465
  "data": {
1263
1466
  "tagName": "p"
1264
1467
  },
1265
- "text": "迴圈、@VAR 表達式、自訂欄位",
1468
+ "text": "設計代幣、variant 層、39 個接得住代幣的屬性",
1266
1469
  "style": {
1267
1470
  "&": {
1268
1471
  "_": {
@@ -1282,7 +1485,7 @@
1282
1485
  {
1283
1486
  "type": "menu-link",
1284
1487
  "data": {
1285
- "attrID": "mk-cap-7",
1488
+ "attrID": "mk-cap-g1-3",
1286
1489
  "url": "/conversion/"
1287
1490
  },
1288
1491
  "style": {
@@ -18265,7 +18468,7 @@
18265
18468
  "settings": {
18266
18469
  "target": {
18267
18470
  "type": "element",
18268
- "uuid": "f7e83d77-43e0-4284-b2bf-4de28135693e"
18471
+ "uuid": "13810386-c106-4982-9689-b3f1e9ef6de5"
18269
18472
  }
18270
18473
  }
18271
18474
  }
@@ -18321,7 +18524,7 @@
18321
18524
  ]
18322
18525
  }
18323
18526
  ],
18324
- "nodeID": "f7e83d77-43e0-4284-b2bf-4de28135693e"
18527
+ "nodeID": "13810386-c106-4982-9689-b3f1e9ef6de5"
18325
18528
  }
18326
18529
  ]
18327
18530
  }
@@ -27962,176 +28165,1716 @@
27962
28165
  ]
27963
28166
  }
27964
28167
  ]
27965
- }
27966
- ]
27967
- }
27968
- },
27969
- {
27970
- "slug": "components",
27971
- "post_id": 281,
27972
- "title": "元件",
27973
- "tree": {
27974
- "type": "div",
27975
- "data": {
27976
- "attrID": "cp-page"
27977
- },
27978
- "children": [
27979
- {
27980
- "type": "section",
27981
- "data": {
27982
- "attrID": "cp-head"
27983
- },
27984
- "style": {
27985
- "&": {
27986
- "_": {
27987
- "backgroundColor": {
27988
- "token": "--mk-paper"
27989
- },
27990
- "paddingLeft": "40px",
27991
- "paddingRight": "40px",
27992
- "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
27993
- "paddingTop": "0px",
27994
- "paddingBottom": "0px"
27995
- },
27996
- "_t": {
27997
- "paddingLeft": "28px",
27998
- "paddingRight": "28px"
27999
- },
28000
- "_m": {
28001
- "paddingLeft": "18px",
28002
- "paddingRight": "18px"
28003
- }
28004
- }
28005
- },
28006
- "children": [
28007
- {
28008
- "type": "div",
28009
- "data": {
28010
- "attrID": "cp-head-w"
28011
- },
28012
- "style": {
28013
- "&": {
28014
- "_": {
28015
- "width": "100%",
28016
- "maxWidth": "1240px",
28017
- "marginLeft": "auto",
28018
- "marginRight": "auto"
28019
- }
28020
- }
28021
- },
28022
- "children": [
28023
- {
28024
- "type": "div",
28025
- "data": {
28026
- "attrID": "cp-head-pad"
28027
- },
28028
- "style": {
28029
- "&": {
28030
- "_": {
28031
- "paddingTop": "116px"
28032
- },
28033
- "_m": {
28034
- "paddingTop": "26px"
28035
- }
28036
- }
28037
- },
28038
- "children": []
28039
- },
28040
- {
28041
- "type": "text",
28042
- "data": {
28043
- "tagName": "p"
28044
- },
28045
- "text": "COMPONENTS / 元件",
28046
- "style": {
28047
- "&": {
28048
- "_": {
28049
- "color": {
28050
- "token": "--mk-faint"
28051
- },
28052
- "fontSize": "11px",
28053
- "letterSpacing": "0.26em",
28054
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28055
- "fontWeight": "400"
28056
- },
28057
- "_t": {
28058
- "fontSize": "12px"
28059
- }
28060
- }
28061
- }
28062
- },
28063
- {
28064
- "type": "text",
28065
- "data": {
28066
- "tagName": "h1"
28067
- },
28068
- "text": "按看看。",
28069
- "style": {
28070
- "&": {
28071
- "_": {
28072
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
28073
- "fontWeight": "600",
28074
- "fontSize": "62px",
28075
- "lineHeight": "1.06",
28076
- "letterSpacing": "0.005em",
28077
- "color": {
28078
- "token": "--mk-ink"
28079
- },
28080
- "marginTop": "18px",
28081
- "whiteSpace": "pre-wrap"
28082
- },
28083
- "_t": {
28084
- "fontSize": "48px"
28085
- },
28086
- "_m": {
28087
- "fontSize": "36px"
28088
- }
28089
- }
28090
- }
28091
- },
28092
- {
28093
- "type": "text",
28094
- "data": {
28095
- "tagName": "p"
28096
- },
28097
- "text": "這一頁不解釋任何東西。下面每一塊都是可以直接操作的元件,內容是 Moksa Web 自己的——不是截圖,也沒有外掛,整頁就是一份 Mosaic 文件。",
28098
- "style": {
28099
- "&": {
28100
- "_": {
28101
- "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28102
- "fontSize": "16px",
28103
- "lineHeight": "1.95",
28104
- "color": {
28105
- "token": "--mk-ink"
28106
- },
28107
- "marginTop": "20px",
28108
- "maxWidth": "620px"
28109
- }
28110
- }
28111
- }
28112
- },
28113
- {
28114
- "type": "div",
28115
- "data": {
28116
- "attrID": "cp-head-gap"
28117
- },
28118
- "style": {
28119
- "&": {
28120
- "_": {
28121
- "paddingTop": "20px"
28122
- }
28123
- }
28124
- },
28125
- "children": []
28126
- }
28127
- ]
28128
- }
28129
- ]
28130
28168
  },
28131
28169
  {
28132
28170
  "type": "section",
28133
28171
  "data": {
28134
- "attrID": "cp-tabs-s"
28172
+ "attrID": "fm-ms"
28173
+ },
28174
+ "style": {
28175
+ "&": {
28176
+ "_": {
28177
+ "backgroundColor": {
28178
+ "token": "--mk-paper"
28179
+ },
28180
+ "paddingLeft": "40px",
28181
+ "paddingRight": "40px",
28182
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28183
+ "paddingTop": "0px",
28184
+ "paddingBottom": "0px"
28185
+ },
28186
+ "_t": {
28187
+ "paddingLeft": "28px",
28188
+ "paddingRight": "28px"
28189
+ },
28190
+ "_m": {
28191
+ "paddingLeft": "18px",
28192
+ "paddingRight": "18px"
28193
+ }
28194
+ }
28195
+ },
28196
+ "children": [
28197
+ {
28198
+ "type": "div",
28199
+ "data": {
28200
+ "attrID": "fm-ms-w"
28201
+ },
28202
+ "style": {
28203
+ "&": {
28204
+ "_": {
28205
+ "width": "100%",
28206
+ "maxWidth": "1240px",
28207
+ "marginLeft": "auto",
28208
+ "marginRight": "auto"
28209
+ }
28210
+ }
28211
+ },
28212
+ "children": [
28213
+ {
28214
+ "type": "div",
28215
+ "data": {
28216
+ "attrID": "fm-ms-pad"
28217
+ },
28218
+ "style": {
28219
+ "&": {
28220
+ "_": {
28221
+ "paddingTop": "70px"
28222
+ },
28223
+ "_m": {
28224
+ "paddingTop": "44px"
28225
+ }
28226
+ }
28227
+ },
28228
+ "children": []
28229
+ },
28230
+ {
28231
+ "type": "div",
28232
+ "data": {
28233
+ "attrID": "fm-strip-multi-step--多步驟"
28234
+ },
28235
+ "style": {
28236
+ "&": {
28237
+ "_": {
28238
+ "display": "flex",
28239
+ "justifyContent": "space-between",
28240
+ "alignItems": "baseline",
28241
+ "columnGap": "16px",
28242
+ "flexWrap": "wrap",
28243
+ "rowGap": "6px",
28244
+ "paddingBottom": "14px",
28245
+ "marginBottom": "26px",
28246
+ "customDeclarations": "border-bottom:1px solid rgb(22,24,28);"
28247
+ }
28248
+ }
28249
+ },
28250
+ "children": [
28251
+ {
28252
+ "type": "text",
28253
+ "data": {
28254
+ "tagName": "p"
28255
+ },
28256
+ "text": "MULTI-STEP / 多步驟",
28257
+ "style": {
28258
+ "&": {
28259
+ "_": {
28260
+ "color": {
28261
+ "token": "--mk-ink"
28262
+ },
28263
+ "fontSize": "11px",
28264
+ "letterSpacing": "0.26em",
28265
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28266
+ "fontWeight": "400"
28267
+ },
28268
+ "_t": {
28269
+ "fontSize": "12px"
28270
+ }
28271
+ }
28272
+ }
28273
+ },
28274
+ {
28275
+ "type": "text",
28276
+ "data": {
28277
+ "tagName": "p"
28278
+ },
28279
+ "text": "form-multi-steps › form-multi-steps-steps › step / multi-steps-forms › multi-steps-form-step › next + back",
28280
+ "style": {
28281
+ "&": {
28282
+ "_": {
28283
+ "color": {
28284
+ "token": "--mk-faint"
28285
+ },
28286
+ "fontSize": "10px",
28287
+ "letterSpacing": "0.08em",
28288
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28289
+ "fontWeight": "400"
28290
+ },
28291
+ "_t": {
28292
+ "fontSize": "12px"
28293
+ }
28294
+ }
28295
+ }
28296
+ }
28297
+ ]
28298
+ },
28299
+ {
28300
+ "type": "div",
28301
+ "data": {
28302
+ "attrID": "fm-ms-box"
28303
+ },
28304
+ "style": {
28305
+ "&": {
28306
+ "_": {}
28307
+ }
28308
+ },
28309
+ "children": [
28310
+ {
28311
+ "type": "code",
28312
+ "data": {
28313
+ "attrID": "ms-css",
28314
+ "insertLocation": "head",
28315
+ "processShortcodes": "0",
28316
+ "content": "<style>.m-form-step:not(.m-form-step--active){display:none}</style>"
28317
+ }
28318
+ },
28319
+ {
28320
+ "type": "form-wrapper",
28321
+ "data": {
28322
+ "attrID": "ms-w"
28323
+ },
28324
+ "children": [
28325
+ {
28326
+ "type": "form",
28327
+ "data": {
28328
+ "attrID": "ms-form"
28329
+ },
28330
+ "style": {
28331
+ "&": {
28332
+ "_": {
28333
+ "display": "flex",
28334
+ "flexDirection": "column",
28335
+ "rowGap": "22px"
28336
+ }
28337
+ }
28338
+ },
28339
+ "children": [
28340
+ {
28341
+ "type": "form-multi-steps",
28342
+ "data": {
28343
+ "attrID": "ms"
28344
+ },
28345
+ "style": {
28346
+ "&": {
28347
+ "_": {
28348
+ "display": "flex",
28349
+ "flexDirection": "column",
28350
+ "rowGap": "22px"
28351
+ }
28352
+ }
28353
+ },
28354
+ "children": [
28355
+ {
28356
+ "type": "form-multi-steps-steps",
28357
+ "data": {
28358
+ "attrID": "ms-tabs"
28359
+ },
28360
+ "style": {
28361
+ "&": {
28362
+ "_": {
28363
+ "display": "flex",
28364
+ "columnGap": "10px",
28365
+ "flexWrap": "wrap",
28366
+ "rowGap": "10px"
28367
+ },
28368
+ "_m": {
28369
+ "flexDirection": "column"
28370
+ }
28371
+ }
28372
+ },
28373
+ "children": [
28374
+ {
28375
+ "type": "form-multi-steps-step",
28376
+ "data": {
28377
+ "attrID": "ms-tab-0"
28378
+ },
28379
+ "style": {
28380
+ "&": {
28381
+ "_": {
28382
+ "display": "flex",
28383
+ "columnGap": "10px",
28384
+ "alignItems": "baseline",
28385
+ "paddingTop": "12px",
28386
+ "paddingBottom": "12px",
28387
+ "paddingLeft": "16px",
28388
+ "paddingRight": "16px",
28389
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28390
+ }
28391
+ },
28392
+ "___step--active": {
28393
+ "_": {
28394
+ "backgroundColor": {
28395
+ "token": "--mk-ink"
28396
+ },
28397
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28398
+ }
28399
+ },
28400
+ "___step--active___descendants": {
28401
+ "_": {
28402
+ "color": "rgb(250,250,247)"
28403
+ }
28404
+ },
28405
+ "___step--completed___descendants": {
28406
+ "_": {
28407
+ "color": {
28408
+ "token": "--mk-accent-ink"
28409
+ }
28410
+ }
28411
+ }
28412
+ },
28413
+ "children": [
28414
+ {
28415
+ "type": "text",
28416
+ "data": {
28417
+ "tagName": "p",
28418
+ "attrID": "ms-tab-n-0"
28419
+ },
28420
+ "style": {
28421
+ "&": {
28422
+ "_": {
28423
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28424
+ "fontSize": "10px",
28425
+ "letterSpacing": "0.2em",
28426
+ "color": {
28427
+ "token": "--mk-faint"
28428
+ }
28429
+ },
28430
+ "_t": {
28431
+ "fontSize": "12px"
28432
+ }
28433
+ }
28434
+ },
28435
+ "children": [
28436
+ {
28437
+ "type": "wysiwyg-text",
28438
+ "data": {
28439
+ "text": "01"
28440
+ }
28441
+ }
28442
+ ]
28443
+ },
28444
+ {
28445
+ "type": "text",
28446
+ "data": {
28447
+ "tagName": "p",
28448
+ "attrID": "ms-tab-l-0"
28449
+ },
28450
+ "style": {
28451
+ "&": {
28452
+ "_": {
28453
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28454
+ "fontSize": "13px",
28455
+ "color": {
28456
+ "token": "--mk-ink"
28457
+ }
28458
+ }
28459
+ }
28460
+ },
28461
+ "children": [
28462
+ {
28463
+ "type": "wysiwyg-text",
28464
+ "data": {
28465
+ "text": "類型"
28466
+ }
28467
+ }
28468
+ ]
28469
+ }
28470
+ ]
28471
+ },
28472
+ {
28473
+ "type": "form-multi-steps-step",
28474
+ "data": {
28475
+ "attrID": "ms-tab-1"
28476
+ },
28477
+ "style": {
28478
+ "&": {
28479
+ "_": {
28480
+ "display": "flex",
28481
+ "columnGap": "10px",
28482
+ "alignItems": "baseline",
28483
+ "paddingTop": "12px",
28484
+ "paddingBottom": "12px",
28485
+ "paddingLeft": "16px",
28486
+ "paddingRight": "16px",
28487
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28488
+ }
28489
+ },
28490
+ "___step--active": {
28491
+ "_": {
28492
+ "backgroundColor": {
28493
+ "token": "--mk-ink"
28494
+ },
28495
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28496
+ }
28497
+ },
28498
+ "___step--active___descendants": {
28499
+ "_": {
28500
+ "color": "rgb(250,250,247)"
28501
+ }
28502
+ },
28503
+ "___step--completed___descendants": {
28504
+ "_": {
28505
+ "color": {
28506
+ "token": "--mk-accent-ink"
28507
+ }
28508
+ }
28509
+ }
28510
+ },
28511
+ "children": [
28512
+ {
28513
+ "type": "text",
28514
+ "data": {
28515
+ "tagName": "p",
28516
+ "attrID": "ms-tab-n-1"
28517
+ },
28518
+ "style": {
28519
+ "&": {
28520
+ "_": {
28521
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28522
+ "fontSize": "10px",
28523
+ "letterSpacing": "0.2em",
28524
+ "color": {
28525
+ "token": "--mk-faint"
28526
+ }
28527
+ },
28528
+ "_t": {
28529
+ "fontSize": "12px"
28530
+ }
28531
+ }
28532
+ },
28533
+ "children": [
28534
+ {
28535
+ "type": "wysiwyg-text",
28536
+ "data": {
28537
+ "text": "02"
28538
+ }
28539
+ }
28540
+ ]
28541
+ },
28542
+ {
28543
+ "type": "text",
28544
+ "data": {
28545
+ "tagName": "p",
28546
+ "attrID": "ms-tab-l-1"
28547
+ },
28548
+ "style": {
28549
+ "&": {
28550
+ "_": {
28551
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28552
+ "fontSize": "13px",
28553
+ "color": {
28554
+ "token": "--mk-ink"
28555
+ }
28556
+ }
28557
+ }
28558
+ },
28559
+ "children": [
28560
+ {
28561
+ "type": "wysiwyg-text",
28562
+ "data": {
28563
+ "text": "預算"
28564
+ }
28565
+ }
28566
+ ]
28567
+ }
28568
+ ]
28569
+ },
28570
+ {
28571
+ "type": "form-multi-steps-step",
28572
+ "data": {
28573
+ "attrID": "ms-tab-2"
28574
+ },
28575
+ "style": {
28576
+ "&": {
28577
+ "_": {
28578
+ "display": "flex",
28579
+ "columnGap": "10px",
28580
+ "alignItems": "baseline",
28581
+ "paddingTop": "12px",
28582
+ "paddingBottom": "12px",
28583
+ "paddingLeft": "16px",
28584
+ "paddingRight": "16px",
28585
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28586
+ }
28587
+ },
28588
+ "___step--active": {
28589
+ "_": {
28590
+ "backgroundColor": {
28591
+ "token": "--mk-ink"
28592
+ },
28593
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28594
+ }
28595
+ },
28596
+ "___step--active___descendants": {
28597
+ "_": {
28598
+ "color": "rgb(250,250,247)"
28599
+ }
28600
+ },
28601
+ "___step--completed___descendants": {
28602
+ "_": {
28603
+ "color": {
28604
+ "token": "--mk-accent-ink"
28605
+ }
28606
+ }
28607
+ }
28608
+ },
28609
+ "children": [
28610
+ {
28611
+ "type": "text",
28612
+ "data": {
28613
+ "tagName": "p",
28614
+ "attrID": "ms-tab-n-2"
28615
+ },
28616
+ "style": {
28617
+ "&": {
28618
+ "_": {
28619
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28620
+ "fontSize": "10px",
28621
+ "letterSpacing": "0.2em",
28622
+ "color": {
28623
+ "token": "--mk-faint"
28624
+ }
28625
+ },
28626
+ "_t": {
28627
+ "fontSize": "12px"
28628
+ }
28629
+ }
28630
+ },
28631
+ "children": [
28632
+ {
28633
+ "type": "wysiwyg-text",
28634
+ "data": {
28635
+ "text": "03"
28636
+ }
28637
+ }
28638
+ ]
28639
+ },
28640
+ {
28641
+ "type": "text",
28642
+ "data": {
28643
+ "tagName": "p",
28644
+ "attrID": "ms-tab-l-2"
28645
+ },
28646
+ "style": {
28647
+ "&": {
28648
+ "_": {
28649
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28650
+ "fontSize": "13px",
28651
+ "color": {
28652
+ "token": "--mk-ink"
28653
+ }
28654
+ }
28655
+ }
28656
+ },
28657
+ "children": [
28658
+ {
28659
+ "type": "wysiwyg-text",
28660
+ "data": {
28661
+ "text": "聯絡"
28662
+ }
28663
+ }
28664
+ ]
28665
+ }
28666
+ ]
28667
+ }
28668
+ ]
28669
+ },
28670
+ {
28671
+ "type": "multi-steps-forms",
28672
+ "data": {
28673
+ "attrID": "ms-panels"
28674
+ },
28675
+ "children": [
28676
+ {
28677
+ "type": "multi-steps-form-step",
28678
+ "data": {
28679
+ "attrID": "ms-panel-0"
28680
+ },
28681
+ "children": [
28682
+ {
28683
+ "type": "div",
28684
+ "data": {
28685
+ "attrID": "ms-in-0"
28686
+ },
28687
+ "style": {
28688
+ "&": {
28689
+ "_": {
28690
+ "display": "flex",
28691
+ "flexDirection": "column",
28692
+ "rowGap": "18px"
28693
+ }
28694
+ }
28695
+ },
28696
+ "children": [
28697
+ {
28698
+ "type": "choice-field",
28699
+ "data": {
28700
+ "attrID": "ms-kind",
28701
+ "nameAttribute": "kind2",
28702
+ "required": "1"
28703
+ },
28704
+ "style": {
28705
+ "&": {
28706
+ "_": {
28707
+ "display": "flex",
28708
+ "flexDirection": "column",
28709
+ "rowGap": "10px"
28710
+ }
28711
+ }
28712
+ },
28713
+ "children": [
28714
+ {
28715
+ "type": "choice-legend",
28716
+ "data": {
28717
+ "attrID": "ms-kind-leg"
28718
+ },
28719
+ "style": {
28720
+ "&": {
28721
+ "_": {
28722
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
28723
+ "fontSize": "10px",
28724
+ "letterSpacing": "0.18em",
28725
+ "color": {
28726
+ "token": "--mk-faint"
28727
+ }
28728
+ },
28729
+ "_t": {
28730
+ "fontSize": "12px"
28731
+ }
28732
+ }
28733
+ },
28734
+ "children": [
28735
+ {
28736
+ "type": "wysiwyg-text",
28737
+ "data": {
28738
+ "text": "專案類型"
28739
+ }
28740
+ }
28741
+ ]
28742
+ },
28743
+ {
28744
+ "type": "choice-content",
28745
+ "data": {
28746
+ "attrID": "ms-kind-rows"
28747
+ },
28748
+ "style": {
28749
+ "&": {
28750
+ "_": {
28751
+ "display": "grid",
28752
+ "gridCols": "repeat(2, 1fr)",
28753
+ "columnGap": "14px",
28754
+ "rowGap": "10px"
28755
+ },
28756
+ "_m": {
28757
+ "gridCols": "repeat(1, 1fr)"
28758
+ }
28759
+ }
28760
+ },
28761
+ "children": [
28762
+ {
28763
+ "type": "choice",
28764
+ "data": {
28765
+ "attrID": "ms-kind-c0"
28766
+ },
28767
+ "style": {
28768
+ "&": {
28769
+ "_": {
28770
+ "display": "flex",
28771
+ "alignItems": "center",
28772
+ "columnGap": "10px",
28773
+ "cursor": "pointer",
28774
+ "paddingTop": "10px",
28775
+ "paddingBottom": "10px",
28776
+ "paddingLeft": "12px",
28777
+ "paddingRight": "12px",
28778
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28779
+ }
28780
+ },
28781
+ "hover": {
28782
+ "_": {
28783
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28784
+ }
28785
+ }
28786
+ },
28787
+ "children": [
28788
+ {
28789
+ "type": "radio-input",
28790
+ "data": {
28791
+ "attrID": "ms-kind-i0",
28792
+ "value": "web"
28793
+ },
28794
+ "style": {
28795
+ "&": {
28796
+ "_": {
28797
+ "cursor": "pointer"
28798
+ }
28799
+ },
28800
+ "focus-visible": {
28801
+ "_": {
28802
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
28803
+ }
28804
+ }
28805
+ }
28806
+ },
28807
+ {
28808
+ "type": "choice-label",
28809
+ "data": {
28810
+ "attrID": "ms-kind-l0"
28811
+ },
28812
+ "style": {
28813
+ "&": {
28814
+ "_": {
28815
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28816
+ "fontSize": "14px",
28817
+ "cursor": "pointer",
28818
+ "color": {
28819
+ "token": "--mk-ink"
28820
+ }
28821
+ }
28822
+ }
28823
+ },
28824
+ "children": [
28825
+ {
28826
+ "type": "wysiwyg-text",
28827
+ "data": {
28828
+ "text": "品牌官網"
28829
+ }
28830
+ }
28831
+ ]
28832
+ }
28833
+ ]
28834
+ },
28835
+ {
28836
+ "type": "choice",
28837
+ "data": {
28838
+ "attrID": "ms-kind-c1"
28839
+ },
28840
+ "style": {
28841
+ "&": {
28842
+ "_": {
28843
+ "display": "flex",
28844
+ "alignItems": "center",
28845
+ "columnGap": "10px",
28846
+ "cursor": "pointer",
28847
+ "paddingTop": "10px",
28848
+ "paddingBottom": "10px",
28849
+ "paddingLeft": "12px",
28850
+ "paddingRight": "12px",
28851
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28852
+ }
28853
+ },
28854
+ "hover": {
28855
+ "_": {
28856
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28857
+ }
28858
+ }
28859
+ },
28860
+ "children": [
28861
+ {
28862
+ "type": "radio-input",
28863
+ "data": {
28864
+ "attrID": "ms-kind-i1",
28865
+ "value": "shop"
28866
+ },
28867
+ "style": {
28868
+ "&": {
28869
+ "_": {
28870
+ "cursor": "pointer"
28871
+ }
28872
+ },
28873
+ "focus-visible": {
28874
+ "_": {
28875
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
28876
+ }
28877
+ }
28878
+ }
28879
+ },
28880
+ {
28881
+ "type": "choice-label",
28882
+ "data": {
28883
+ "attrID": "ms-kind-l1"
28884
+ },
28885
+ "style": {
28886
+ "&": {
28887
+ "_": {
28888
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28889
+ "fontSize": "14px",
28890
+ "cursor": "pointer",
28891
+ "color": {
28892
+ "token": "--mk-ink"
28893
+ }
28894
+ }
28895
+ }
28896
+ },
28897
+ "children": [
28898
+ {
28899
+ "type": "wysiwyg-text",
28900
+ "data": {
28901
+ "text": "電商"
28902
+ }
28903
+ }
28904
+ ]
28905
+ }
28906
+ ]
28907
+ },
28908
+ {
28909
+ "type": "choice",
28910
+ "data": {
28911
+ "attrID": "ms-kind-c2"
28912
+ },
28913
+ "style": {
28914
+ "&": {
28915
+ "_": {
28916
+ "display": "flex",
28917
+ "alignItems": "center",
28918
+ "columnGap": "10px",
28919
+ "cursor": "pointer",
28920
+ "paddingTop": "10px",
28921
+ "paddingBottom": "10px",
28922
+ "paddingLeft": "12px",
28923
+ "paddingRight": "12px",
28924
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28925
+ }
28926
+ },
28927
+ "hover": {
28928
+ "_": {
28929
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
28930
+ }
28931
+ }
28932
+ },
28933
+ "children": [
28934
+ {
28935
+ "type": "radio-input",
28936
+ "data": {
28937
+ "attrID": "ms-kind-i2",
28938
+ "value": "erp"
28939
+ },
28940
+ "style": {
28941
+ "&": {
28942
+ "_": {
28943
+ "cursor": "pointer"
28944
+ }
28945
+ },
28946
+ "focus-visible": {
28947
+ "_": {
28948
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
28949
+ }
28950
+ }
28951
+ }
28952
+ },
28953
+ {
28954
+ "type": "choice-label",
28955
+ "data": {
28956
+ "attrID": "ms-kind-l2"
28957
+ },
28958
+ "style": {
28959
+ "&": {
28960
+ "_": {
28961
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
28962
+ "fontSize": "14px",
28963
+ "cursor": "pointer",
28964
+ "color": {
28965
+ "token": "--mk-ink"
28966
+ }
28967
+ }
28968
+ }
28969
+ },
28970
+ "children": [
28971
+ {
28972
+ "type": "wysiwyg-text",
28973
+ "data": {
28974
+ "text": "ERP / 內部工具"
28975
+ }
28976
+ }
28977
+ ]
28978
+ }
28979
+ ]
28980
+ },
28981
+ {
28982
+ "type": "choice",
28983
+ "data": {
28984
+ "attrID": "ms-kind-c3"
28985
+ },
28986
+ "style": {
28987
+ "&": {
28988
+ "_": {
28989
+ "display": "flex",
28990
+ "alignItems": "center",
28991
+ "columnGap": "10px",
28992
+ "cursor": "pointer",
28993
+ "paddingTop": "10px",
28994
+ "paddingBottom": "10px",
28995
+ "paddingLeft": "12px",
28996
+ "paddingRight": "12px",
28997
+ "customDeclarations": "border:1px solid rgba(22,24,28,.16);"
28998
+ }
28999
+ },
29000
+ "hover": {
29001
+ "_": {
29002
+ "customDeclarations": "border:1px solid rgb(22,24,28);"
29003
+ }
29004
+ }
29005
+ },
29006
+ "children": [
29007
+ {
29008
+ "type": "radio-input",
29009
+ "data": {
29010
+ "attrID": "ms-kind-i3",
29011
+ "value": "auto"
29012
+ },
29013
+ "style": {
29014
+ "&": {
29015
+ "_": {
29016
+ "cursor": "pointer"
29017
+ }
29018
+ },
29019
+ "focus-visible": {
29020
+ "_": {
29021
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29022
+ }
29023
+ }
29024
+ }
29025
+ },
29026
+ {
29027
+ "type": "choice-label",
29028
+ "data": {
29029
+ "attrID": "ms-kind-l3"
29030
+ },
29031
+ "style": {
29032
+ "&": {
29033
+ "_": {
29034
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
29035
+ "fontSize": "14px",
29036
+ "cursor": "pointer",
29037
+ "color": {
29038
+ "token": "--mk-ink"
29039
+ }
29040
+ }
29041
+ }
29042
+ },
29043
+ "children": [
29044
+ {
29045
+ "type": "wysiwyg-text",
29046
+ "data": {
29047
+ "text": "流程自動化"
29048
+ }
29049
+ }
29050
+ ]
29051
+ }
29052
+ ]
29053
+ }
29054
+ ]
29055
+ }
29056
+ ]
29057
+ },
29058
+ {
29059
+ "type": "div",
29060
+ "data": {
29061
+ "attrID": "ms-foot-0"
29062
+ },
29063
+ "style": {
29064
+ "&": {
29065
+ "_": {
29066
+ "display": "flex",
29067
+ "columnGap": "12px",
29068
+ "flexWrap": "wrap",
29069
+ "rowGap": "10px",
29070
+ "marginTop": "6px"
29071
+ }
29072
+ }
29073
+ },
29074
+ "children": [
29075
+ {
29076
+ "type": "multi-steps-next-button",
29077
+ "data": {
29078
+ "attrID": "ms-next-0"
29079
+ },
29080
+ "style": {
29081
+ "&": {
29082
+ "_": {
29083
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29084
+ "fontSize": "11px",
29085
+ "letterSpacing": "0.16em",
29086
+ "cursor": "pointer",
29087
+ "width": "max-content",
29088
+ "color": {
29089
+ "token": "--mk-ink"
29090
+ },
29091
+ "paddingTop": "11px",
29092
+ "paddingBottom": "11px",
29093
+ "paddingLeft": "18px",
29094
+ "paddingRight": "18px",
29095
+ "customDeclarations": "border:1px solid rgba(22,24,28,.34);"
29096
+ }
29097
+ },
29098
+ "hover": {
29099
+ "_": {
29100
+ "backgroundColor": {
29101
+ "token": "--mk-ink"
29102
+ },
29103
+ "color": {
29104
+ "token": "--mk-paper"
29105
+ }
29106
+ }
29107
+ },
29108
+ "focus-visible": {
29109
+ "_": {
29110
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29111
+ }
29112
+ }
29113
+ },
29114
+ "children": [
29115
+ {
29116
+ "type": "wysiwyg-text",
29117
+ "data": {
29118
+ "text": "NEXT →"
29119
+ }
29120
+ }
29121
+ ]
29122
+ }
29123
+ ]
29124
+ }
29125
+ ]
29126
+ }
29127
+ ]
29128
+ },
29129
+ {
29130
+ "type": "multi-steps-form-step",
29131
+ "data": {
29132
+ "attrID": "ms-panel-1"
29133
+ },
29134
+ "children": [
29135
+ {
29136
+ "type": "div",
29137
+ "data": {
29138
+ "attrID": "ms-in-1"
29139
+ },
29140
+ "style": {
29141
+ "&": {
29142
+ "_": {
29143
+ "display": "flex",
29144
+ "flexDirection": "column",
29145
+ "rowGap": "18px"
29146
+ }
29147
+ }
29148
+ },
29149
+ "children": [
29150
+ {
29151
+ "type": "field",
29152
+ "data": {
29153
+ "attrID": "ms-budget-f"
29154
+ },
29155
+ "style": {
29156
+ "&": {
29157
+ "_": {
29158
+ "display": "flex",
29159
+ "flexDirection": "column",
29160
+ "rowGap": "7px"
29161
+ }
29162
+ }
29163
+ },
29164
+ "children": [
29165
+ {
29166
+ "type": "label",
29167
+ "data": {
29168
+ "attrID": "ms-budget-lab",
29169
+ "forInput": "ms-budget"
29170
+ },
29171
+ "style": {
29172
+ "&": {
29173
+ "_": {
29174
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29175
+ "fontSize": "10px",
29176
+ "letterSpacing": "0.18em",
29177
+ "color": {
29178
+ "token": "--mk-faint"
29179
+ }
29180
+ },
29181
+ "_t": {
29182
+ "fontSize": "12px"
29183
+ }
29184
+ }
29185
+ },
29186
+ "children": [
29187
+ {
29188
+ "type": "wysiwyg-text",
29189
+ "data": {
29190
+ "text": "預算區間"
29191
+ }
29192
+ }
29193
+ ]
29194
+ },
29195
+ {
29196
+ "type": "select-input",
29197
+ "data": {
29198
+ "attrID": "ms-budget",
29199
+ "nameAttribute": "budget2",
29200
+ "required": "1"
29201
+ },
29202
+ "style": {
29203
+ "&": {
29204
+ "_": {
29205
+ "width": "100%",
29206
+ "backgroundColor": {
29207
+ "token": "--mk-paper"
29208
+ },
29209
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
29210
+ "fontSize": "14px",
29211
+ "color": {
29212
+ "token": "--mk-ink"
29213
+ },
29214
+ "paddingTop": "12px",
29215
+ "paddingBottom": "12px",
29216
+ "paddingLeft": "14px",
29217
+ "paddingRight": "14px",
29218
+ "customDeclarations": "border:1px solid rgba(22,24,28,.3);"
29219
+ }
29220
+ },
29221
+ "focus-visible": {
29222
+ "_": {
29223
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29224
+ }
29225
+ }
29226
+ },
29227
+ "children": [
29228
+ {
29229
+ "type": "select-option",
29230
+ "data": {
29231
+ "attrID": "ms-budget-o0",
29232
+ "value": "",
29233
+ "text": "請選擇"
29234
+ }
29235
+ },
29236
+ {
29237
+ "type": "select-option",
29238
+ "data": {
29239
+ "attrID": "ms-budget-o1",
29240
+ "value": "10",
29241
+ "text": "10 萬以下"
29242
+ }
29243
+ },
29244
+ {
29245
+ "type": "select-option",
29246
+ "data": {
29247
+ "attrID": "ms-budget-o2",
29248
+ "value": "30",
29249
+ "text": "10–30 萬"
29250
+ }
29251
+ },
29252
+ {
29253
+ "type": "select-option",
29254
+ "data": {
29255
+ "attrID": "ms-budget-o3",
29256
+ "value": "60",
29257
+ "text": "30–60 萬"
29258
+ }
29259
+ },
29260
+ {
29261
+ "type": "select-option",
29262
+ "data": {
29263
+ "attrID": "ms-budget-o4",
29264
+ "value": "60+",
29265
+ "text": "60 萬以上"
29266
+ }
29267
+ }
29268
+ ]
29269
+ }
29270
+ ]
29271
+ },
29272
+ {
29273
+ "type": "div",
29274
+ "data": {
29275
+ "attrID": "ms-foot-1"
29276
+ },
29277
+ "style": {
29278
+ "&": {
29279
+ "_": {
29280
+ "display": "flex",
29281
+ "columnGap": "12px",
29282
+ "flexWrap": "wrap",
29283
+ "rowGap": "10px",
29284
+ "marginTop": "6px"
29285
+ }
29286
+ }
29287
+ },
29288
+ "children": [
29289
+ {
29290
+ "type": "multi-steps-back-button",
29291
+ "data": {
29292
+ "attrID": "ms-back-1"
29293
+ },
29294
+ "style": {
29295
+ "&": {
29296
+ "_": {
29297
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29298
+ "fontSize": "11px",
29299
+ "letterSpacing": "0.16em",
29300
+ "cursor": "pointer",
29301
+ "width": "max-content",
29302
+ "color": {
29303
+ "token": "--mk-ink"
29304
+ },
29305
+ "paddingTop": "11px",
29306
+ "paddingBottom": "11px",
29307
+ "paddingLeft": "18px",
29308
+ "paddingRight": "18px",
29309
+ "customDeclarations": "border:1px solid rgba(22,24,28,.34);"
29310
+ }
29311
+ },
29312
+ "hover": {
29313
+ "_": {
29314
+ "backgroundColor": {
29315
+ "token": "--mk-ink"
29316
+ },
29317
+ "color": {
29318
+ "token": "--mk-paper"
29319
+ }
29320
+ }
29321
+ },
29322
+ "focus-visible": {
29323
+ "_": {
29324
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29325
+ }
29326
+ }
29327
+ },
29328
+ "children": [
29329
+ {
29330
+ "type": "wysiwyg-text",
29331
+ "data": {
29332
+ "text": "← BACK"
29333
+ }
29334
+ }
29335
+ ]
29336
+ },
29337
+ {
29338
+ "type": "multi-steps-next-button",
29339
+ "data": {
29340
+ "attrID": "ms-next-1"
29341
+ },
29342
+ "style": {
29343
+ "&": {
29344
+ "_": {
29345
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29346
+ "fontSize": "11px",
29347
+ "letterSpacing": "0.16em",
29348
+ "cursor": "pointer",
29349
+ "width": "max-content",
29350
+ "color": {
29351
+ "token": "--mk-ink"
29352
+ },
29353
+ "paddingTop": "11px",
29354
+ "paddingBottom": "11px",
29355
+ "paddingLeft": "18px",
29356
+ "paddingRight": "18px",
29357
+ "customDeclarations": "border:1px solid rgba(22,24,28,.34);"
29358
+ }
29359
+ },
29360
+ "hover": {
29361
+ "_": {
29362
+ "backgroundColor": {
29363
+ "token": "--mk-ink"
29364
+ },
29365
+ "color": {
29366
+ "token": "--mk-paper"
29367
+ }
29368
+ }
29369
+ },
29370
+ "focus-visible": {
29371
+ "_": {
29372
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29373
+ }
29374
+ }
29375
+ },
29376
+ "children": [
29377
+ {
29378
+ "type": "wysiwyg-text",
29379
+ "data": {
29380
+ "text": "NEXT →"
29381
+ }
29382
+ }
29383
+ ]
29384
+ }
29385
+ ]
29386
+ }
29387
+ ]
29388
+ }
29389
+ ]
29390
+ },
29391
+ {
29392
+ "type": "multi-steps-form-step",
29393
+ "data": {
29394
+ "attrID": "ms-panel-2"
29395
+ },
29396
+ "children": [
29397
+ {
29398
+ "type": "div",
29399
+ "data": {
29400
+ "attrID": "ms-in-2"
29401
+ },
29402
+ "style": {
29403
+ "&": {
29404
+ "_": {
29405
+ "display": "flex",
29406
+ "flexDirection": "column",
29407
+ "rowGap": "18px"
29408
+ }
29409
+ }
29410
+ },
29411
+ "children": [
29412
+ {
29413
+ "type": "field",
29414
+ "data": {
29415
+ "attrID": "ms-mail-f"
29416
+ },
29417
+ "style": {
29418
+ "&": {
29419
+ "_": {
29420
+ "display": "flex",
29421
+ "flexDirection": "column",
29422
+ "rowGap": "7px"
29423
+ }
29424
+ }
29425
+ },
29426
+ "children": [
29427
+ {
29428
+ "type": "label",
29429
+ "data": {
29430
+ "attrID": "ms-mail-lab",
29431
+ "forInput": "ms-mail"
29432
+ },
29433
+ "style": {
29434
+ "&": {
29435
+ "_": {
29436
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29437
+ "fontSize": "10px",
29438
+ "letterSpacing": "0.18em",
29439
+ "color": {
29440
+ "token": "--mk-faint"
29441
+ }
29442
+ },
29443
+ "_t": {
29444
+ "fontSize": "12px"
29445
+ }
29446
+ }
29447
+ },
29448
+ "children": [
29449
+ {
29450
+ "type": "wysiwyg-text",
29451
+ "data": {
29452
+ "text": "電郵"
29453
+ }
29454
+ }
29455
+ ]
29456
+ },
29457
+ {
29458
+ "type": "text-input",
29459
+ "data": {
29460
+ "attrID": "ms-mail",
29461
+ "nameAttribute": "email2",
29462
+ "required": "1",
29463
+ "type": "email",
29464
+ "placeholderText": "you@example.com"
29465
+ },
29466
+ "style": {
29467
+ "&": {
29468
+ "_": {
29469
+ "width": "100%",
29470
+ "backgroundColor": {
29471
+ "token": "--mk-paper"
29472
+ },
29473
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
29474
+ "fontSize": "14px",
29475
+ "color": {
29476
+ "token": "--mk-ink"
29477
+ },
29478
+ "paddingTop": "12px",
29479
+ "paddingBottom": "12px",
29480
+ "paddingLeft": "14px",
29481
+ "paddingRight": "14px",
29482
+ "customDeclarations": "border:1px solid rgba(22,24,28,.3);"
29483
+ }
29484
+ },
29485
+ "focus-visible": {
29486
+ "_": {
29487
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29488
+ }
29489
+ }
29490
+ }
29491
+ }
29492
+ ]
29493
+ },
29494
+ {
29495
+ "type": "submit-button",
29496
+ "data": {
29497
+ "attrID": "ms-send"
29498
+ },
29499
+ "style": {
29500
+ "&": {
29501
+ "_": {
29502
+ "backgroundColor": {
29503
+ "token": "--mk-accent"
29504
+ },
29505
+ "color": {
29506
+ "token": "--mk-ink"
29507
+ },
29508
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29509
+ "fontSize": "11px",
29510
+ "letterSpacing": "0.18em",
29511
+ "fontWeight": "500",
29512
+ "cursor": "pointer",
29513
+ "width": "max-content",
29514
+ "paddingTop": "14px",
29515
+ "paddingBottom": "14px",
29516
+ "paddingLeft": "26px",
29517
+ "paddingRight": "26px",
29518
+ "customDeclarations": "border:1px solid rgb(255,90,54);"
29519
+ }
29520
+ },
29521
+ "hover": {
29522
+ "_": {
29523
+ "backgroundColor": {
29524
+ "token": "--mk-ink"
29525
+ },
29526
+ "color": {
29527
+ "token": "--mk-paper"
29528
+ }
29529
+ }
29530
+ },
29531
+ "focus-visible": {
29532
+ "_": {
29533
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29534
+ }
29535
+ }
29536
+ },
29537
+ "children": [
29538
+ {
29539
+ "type": "submit-label",
29540
+ "data": {
29541
+ "attrID": "ms-send-l"
29542
+ },
29543
+ "children": [
29544
+ {
29545
+ "type": "wysiwyg-text",
29546
+ "data": {
29547
+ "text": "SEND"
29548
+ }
29549
+ }
29550
+ ]
29551
+ },
29552
+ {
29553
+ "type": "submit-loading",
29554
+ "data": {
29555
+ "attrID": "ms-send-wait"
29556
+ },
29557
+ "children": [
29558
+ {
29559
+ "type": "wysiwyg-text",
29560
+ "data": {
29561
+ "text": "送出中…"
29562
+ }
29563
+ }
29564
+ ]
29565
+ }
29566
+ ]
29567
+ },
29568
+ {
29569
+ "type": "div",
29570
+ "data": {
29571
+ "attrID": "ms-foot-2"
29572
+ },
29573
+ "style": {
29574
+ "&": {
29575
+ "_": {
29576
+ "display": "flex",
29577
+ "columnGap": "12px",
29578
+ "flexWrap": "wrap",
29579
+ "rowGap": "10px",
29580
+ "marginTop": "6px"
29581
+ }
29582
+ }
29583
+ },
29584
+ "children": [
29585
+ {
29586
+ "type": "multi-steps-back-button",
29587
+ "data": {
29588
+ "attrID": "ms-back-2"
29589
+ },
29590
+ "style": {
29591
+ "&": {
29592
+ "_": {
29593
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29594
+ "fontSize": "11px",
29595
+ "letterSpacing": "0.16em",
29596
+ "cursor": "pointer",
29597
+ "width": "max-content",
29598
+ "color": {
29599
+ "token": "--mk-ink"
29600
+ },
29601
+ "paddingTop": "11px",
29602
+ "paddingBottom": "11px",
29603
+ "paddingLeft": "18px",
29604
+ "paddingRight": "18px",
29605
+ "customDeclarations": "border:1px solid rgba(22,24,28,.34);"
29606
+ }
29607
+ },
29608
+ "hover": {
29609
+ "_": {
29610
+ "backgroundColor": {
29611
+ "token": "--mk-ink"
29612
+ },
29613
+ "color": {
29614
+ "token": "--mk-paper"
29615
+ }
29616
+ }
29617
+ },
29618
+ "focus-visible": {
29619
+ "_": {
29620
+ "customDeclarations": "outline:2px solid rgb(255,90,54);outline-offset:3px;"
29621
+ }
29622
+ }
29623
+ },
29624
+ "children": [
29625
+ {
29626
+ "type": "wysiwyg-text",
29627
+ "data": {
29628
+ "text": "← BACK"
29629
+ }
29630
+ }
29631
+ ]
29632
+ }
29633
+ ]
29634
+ }
29635
+ ]
29636
+ }
29637
+ ]
29638
+ }
29639
+ ]
29640
+ }
29641
+ ]
29642
+ }
29643
+ ]
29644
+ },
29645
+ {
29646
+ "type": "success-screen",
29647
+ "data": {
29648
+ "attrID": "ms-ok"
29649
+ },
29650
+ "style": {
29651
+ "&": {
29652
+ "_": {
29653
+ "paddingTop": "28px",
29654
+ "paddingBottom": "28px",
29655
+ "paddingLeft": "24px",
29656
+ "paddingRight": "24px",
29657
+ "backgroundColor": {
29658
+ "token": "--mk-ink"
29659
+ }
29660
+ }
29661
+ }
29662
+ },
29663
+ "children": [
29664
+ {
29665
+ "type": "text",
29666
+ "data": {
29667
+ "tagName": "p"
29668
+ },
29669
+ "text": "收到了。",
29670
+ "style": {
29671
+ "&": {
29672
+ "_": {
29673
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
29674
+ "fontWeight": "600",
29675
+ "fontSize": "22px",
29676
+ "color": "rgb(250,250,247)",
29677
+ "whiteSpace": "pre-wrap"
29678
+ }
29679
+ }
29680
+ }
29681
+ }
29682
+ ]
29683
+ }
29684
+ ]
29685
+ }
29686
+ ]
29687
+ },
29688
+ {
29689
+ "type": "div",
29690
+ "data": {
29691
+ "attrID": "fm-ms-foot"
29692
+ },
29693
+ "style": {
29694
+ "&": {
29695
+ "_": {
29696
+ "paddingTop": "70px"
29697
+ },
29698
+ "_m": {
29699
+ "paddingTop": "44px"
29700
+ }
29701
+ }
29702
+ },
29703
+ "children": []
29704
+ }
29705
+ ]
29706
+ }
29707
+ ]
29708
+ }
29709
+ ]
29710
+ }
29711
+ },
29712
+ {
29713
+ "slug": "components",
29714
+ "post_id": 281,
29715
+ "title": "元件",
29716
+ "tree": {
29717
+ "type": "div",
29718
+ "data": {
29719
+ "attrID": "cp-page"
29720
+ },
29721
+ "children": [
29722
+ {
29723
+ "type": "section",
29724
+ "data": {
29725
+ "attrID": "cp-head"
29726
+ },
29727
+ "style": {
29728
+ "&": {
29729
+ "_": {
29730
+ "backgroundColor": {
29731
+ "token": "--mk-paper"
29732
+ },
29733
+ "paddingLeft": "40px",
29734
+ "paddingRight": "40px",
29735
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
29736
+ "paddingTop": "0px",
29737
+ "paddingBottom": "0px"
29738
+ },
29739
+ "_t": {
29740
+ "paddingLeft": "28px",
29741
+ "paddingRight": "28px"
29742
+ },
29743
+ "_m": {
29744
+ "paddingLeft": "18px",
29745
+ "paddingRight": "18px"
29746
+ }
29747
+ }
29748
+ },
29749
+ "children": [
29750
+ {
29751
+ "type": "div",
29752
+ "data": {
29753
+ "attrID": "cp-head-w"
29754
+ },
29755
+ "style": {
29756
+ "&": {
29757
+ "_": {
29758
+ "width": "100%",
29759
+ "maxWidth": "1240px",
29760
+ "marginLeft": "auto",
29761
+ "marginRight": "auto"
29762
+ }
29763
+ }
29764
+ },
29765
+ "children": [
29766
+ {
29767
+ "type": "div",
29768
+ "data": {
29769
+ "attrID": "cp-head-pad"
29770
+ },
29771
+ "style": {
29772
+ "&": {
29773
+ "_": {
29774
+ "paddingTop": "116px"
29775
+ },
29776
+ "_m": {
29777
+ "paddingTop": "26px"
29778
+ }
29779
+ }
29780
+ },
29781
+ "children": []
29782
+ },
29783
+ {
29784
+ "type": "text",
29785
+ "data": {
29786
+ "tagName": "p"
29787
+ },
29788
+ "text": "COMPONENTS / 元件",
29789
+ "style": {
29790
+ "&": {
29791
+ "_": {
29792
+ "color": {
29793
+ "token": "--mk-faint"
29794
+ },
29795
+ "fontSize": "11px",
29796
+ "letterSpacing": "0.26em",
29797
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
29798
+ "fontWeight": "400"
29799
+ },
29800
+ "_t": {
29801
+ "fontSize": "12px"
29802
+ }
29803
+ }
29804
+ }
29805
+ },
29806
+ {
29807
+ "type": "text",
29808
+ "data": {
29809
+ "tagName": "h1"
29810
+ },
29811
+ "text": "按看看。",
29812
+ "style": {
29813
+ "&": {
29814
+ "_": {
29815
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
29816
+ "fontWeight": "600",
29817
+ "fontSize": "62px",
29818
+ "lineHeight": "1.06",
29819
+ "letterSpacing": "0.005em",
29820
+ "color": {
29821
+ "token": "--mk-ink"
29822
+ },
29823
+ "marginTop": "18px",
29824
+ "whiteSpace": "pre-wrap"
29825
+ },
29826
+ "_t": {
29827
+ "fontSize": "48px"
29828
+ },
29829
+ "_m": {
29830
+ "fontSize": "36px"
29831
+ }
29832
+ }
29833
+ }
29834
+ },
29835
+ {
29836
+ "type": "text",
29837
+ "data": {
29838
+ "tagName": "p"
29839
+ },
29840
+ "text": "這一頁不解釋任何東西。下面每一塊都是可以直接操作的元件,內容是 Moksa Web 自己的——不是截圖,也沒有外掛,整頁就是一份 Mosaic 文件。",
29841
+ "style": {
29842
+ "&": {
29843
+ "_": {
29844
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
29845
+ "fontSize": "16px",
29846
+ "lineHeight": "1.95",
29847
+ "color": {
29848
+ "token": "--mk-ink"
29849
+ },
29850
+ "marginTop": "20px",
29851
+ "maxWidth": "620px"
29852
+ }
29853
+ }
29854
+ }
29855
+ },
29856
+ {
29857
+ "type": "div",
29858
+ "data": {
29859
+ "attrID": "cp-head-gap"
29860
+ },
29861
+ "style": {
29862
+ "&": {
29863
+ "_": {
29864
+ "paddingTop": "20px"
29865
+ }
29866
+ }
29867
+ },
29868
+ "children": []
29869
+ }
29870
+ ]
29871
+ }
29872
+ ]
29873
+ },
29874
+ {
29875
+ "type": "section",
29876
+ "data": {
29877
+ "attrID": "cp-tabs-s"
28135
29878
  },
28136
29879
  "style": {
28137
29880
  "&": {
@@ -30956,6 +32699,253 @@
30956
32699
  }
30957
32700
  ]
30958
32701
  },
32702
+ {
32703
+ "type": "section",
32704
+ "data": {
32705
+ "attrID": "cp-comp-s"
32706
+ },
32707
+ "style": {
32708
+ "&": {
32709
+ "_": {
32710
+ "backgroundColor": {
32711
+ "token": "--mk-paper"
32712
+ },
32713
+ "paddingLeft": "40px",
32714
+ "paddingRight": "40px",
32715
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
32716
+ "paddingTop": "0px",
32717
+ "paddingBottom": "0px"
32718
+ },
32719
+ "_t": {
32720
+ "paddingLeft": "28px",
32721
+ "paddingRight": "28px"
32722
+ },
32723
+ "_m": {
32724
+ "paddingLeft": "18px",
32725
+ "paddingRight": "18px"
32726
+ }
32727
+ }
32728
+ },
32729
+ "children": [
32730
+ {
32731
+ "type": "div",
32732
+ "data": {
32733
+ "attrID": "cp-comp-s-w"
32734
+ },
32735
+ "style": {
32736
+ "&": {
32737
+ "_": {
32738
+ "width": "100%",
32739
+ "maxWidth": "1240px",
32740
+ "marginLeft": "auto",
32741
+ "marginRight": "auto"
32742
+ }
32743
+ }
32744
+ },
32745
+ "children": [
32746
+ {
32747
+ "type": "div",
32748
+ "data": {
32749
+ "attrID": "cp-comp-s-pad"
32750
+ },
32751
+ "style": {
32752
+ "&": {
32753
+ "_": {
32754
+ "paddingTop": "70px"
32755
+ },
32756
+ "_m": {
32757
+ "paddingTop": "44px"
32758
+ }
32759
+ }
32760
+ },
32761
+ "children": []
32762
+ },
32763
+ {
32764
+ "type": "div",
32765
+ "data": {
32766
+ "attrID": "cp-strip-component-/-元件實例"
32767
+ },
32768
+ "style": {
32769
+ "&": {
32770
+ "_": {
32771
+ "display": "flex",
32772
+ "justifyContent": "space-between",
32773
+ "alignItems": "baseline",
32774
+ "columnGap": "16px",
32775
+ "flexWrap": "wrap",
32776
+ "rowGap": "6px",
32777
+ "paddingBottom": "14px",
32778
+ "marginBottom": "26px",
32779
+ "customDeclarations": "border-bottom:1px solid rgb(22,24,28);"
32780
+ }
32781
+ }
32782
+ },
32783
+ "children": [
32784
+ {
32785
+ "type": "text",
32786
+ "data": {
32787
+ "tagName": "p"
32788
+ },
32789
+ "text": "COMPONENT / 元件實例",
32790
+ "style": {
32791
+ "&": {
32792
+ "_": {
32793
+ "color": {
32794
+ "token": "--mk-ink"
32795
+ },
32796
+ "fontSize": "11px",
32797
+ "letterSpacing": "0.26em",
32798
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
32799
+ "fontWeight": "400"
32800
+ },
32801
+ "_t": {
32802
+ "fontSize": "12px"
32803
+ }
32804
+ }
32805
+ }
32806
+ },
32807
+ {
32808
+ "type": "text",
32809
+ "data": {
32810
+ "tagName": "p"
32811
+ },
32812
+ "text": "一個定義 × 3 個實例,實例只帶不一樣的那五個欄位",
32813
+ "style": {
32814
+ "&": {
32815
+ "_": {
32816
+ "color": {
32817
+ "token": "--mk-faint"
32818
+ },
32819
+ "fontSize": "10px",
32820
+ "letterSpacing": "0.08em",
32821
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
32822
+ "fontWeight": "400"
32823
+ },
32824
+ "_t": {
32825
+ "fontSize": "12px"
32826
+ }
32827
+ }
32828
+ }
32829
+ }
32830
+ ]
32831
+ },
32832
+ {
32833
+ "type": "div",
32834
+ "data": {
32835
+ "attrID": "cs-grid"
32836
+ },
32837
+ "style": {
32838
+ "&": {
32839
+ "_": {
32840
+ "display": "grid",
32841
+ "gridCols": "repeat(3, 1fr)",
32842
+ "columnGap": "18px",
32843
+ "rowGap": "18px"
32844
+ },
32845
+ "_t": {
32846
+ "gridCols": "repeat(2, 1fr)"
32847
+ },
32848
+ "_m": {
32849
+ "gridCols": "repeat(1, 1fr)"
32850
+ }
32851
+ }
32852
+ },
32853
+ "children": [
32854
+ {
32855
+ "type": "div",
32856
+ "component": "case-card",
32857
+ "data": {
32858
+ "attrID": "cs-0"
32859
+ },
32860
+ "overrides": {
32861
+ "cs-kind": {
32862
+ "text": "E-COMMERCE"
32863
+ },
32864
+ "cs-year": {
32865
+ "text": "2025"
32866
+ },
32867
+ "cs-name": {
32868
+ "text": "Dr.pen 電商自動化"
32869
+ },
32870
+ "cs-body": {
32871
+ "text": "訂單、庫存與出貨通知串成一條流程,客服不再手抄訂單。"
32872
+ },
32873
+ "cs-metric": {
32874
+ "text": "→ 人工核對時間大幅下降"
32875
+ }
32876
+ }
32877
+ },
32878
+ {
32879
+ "type": "div",
32880
+ "component": "case-card",
32881
+ "data": {
32882
+ "attrID": "cs-1"
32883
+ },
32884
+ "overrides": {
32885
+ "cs-kind": {
32886
+ "text": "BOOKING"
32887
+ },
32888
+ "cs-year": {
32889
+ "text": "2025"
32890
+ },
32891
+ "cs-name": {
32892
+ "text": "覽陽洋露營區訂位"
32893
+ },
32894
+ "cs-body": {
32895
+ "text": "營位、期間與價格規則自己算,假日不用再回訊息。"
32896
+ },
32897
+ "cs-metric": {
32898
+ "text": "→ 線上完成訂位"
32899
+ }
32900
+ }
32901
+ },
32902
+ {
32903
+ "type": "div",
32904
+ "component": "case-card",
32905
+ "data": {
32906
+ "attrID": "cs-2"
32907
+ },
32908
+ "overrides": {
32909
+ "cs-kind": {
32910
+ "text": "ERP"
32911
+ },
32912
+ "cs-year": {
32913
+ "text": "2026"
32914
+ },
32915
+ "cs-name": {
32916
+ "text": "馬術用品進銷存"
32917
+ },
32918
+ "cs-body": {
32919
+ "text": "進貨、店面與線上庫存同一本帳,盤點從一天變一小時。"
32920
+ },
32921
+ "cs-metric": {
32922
+ "text": "→ 單一帳本"
32923
+ }
32924
+ }
32925
+ }
32926
+ ]
32927
+ },
32928
+ {
32929
+ "type": "div",
32930
+ "data": {
32931
+ "attrID": "cp-comp-s-foot"
32932
+ },
32933
+ "style": {
32934
+ "&": {
32935
+ "_": {
32936
+ "paddingTop": "70px"
32937
+ },
32938
+ "_m": {
32939
+ "paddingTop": "44px"
32940
+ }
32941
+ }
32942
+ },
32943
+ "children": []
32944
+ }
32945
+ ]
32946
+ }
32947
+ ]
32948
+ },
30959
32949
  {
30960
32950
  "type": "section",
30961
32951
  "data": {
@@ -47520,20 +49510,20 @@
47520
49510
  "interactions": [
47521
49511
  {
47522
49512
  "type": "click",
47523
- "uuid": "26144af2-495e-465a-a878-bdcf4defb7f9",
49513
+ "uuid": "995d9790-53aa-4c72-bb8a-a08c244d532b",
47524
49514
  "clickOptions": {
47525
49515
  "name": "dl-open-centre",
47526
- "ID": "5b869796-619d-4c41-9952-0143875293e1",
49516
+ "ID": "4a33e9f8-ca78-495c-9a2d-422adcdcf149",
47527
49517
  "actionSlots": {
47528
49518
  "click": {
47529
49519
  "actions": [
47530
49520
  {
47531
49521
  "type": "modalOpen",
47532
- "uuid": "da96125e-58e1-4f2a-a4d0-99ffd32353b6",
49522
+ "uuid": "cbd1ede1-b848-43ff-97c7-6c3e2483010e",
47533
49523
  "settings": {
47534
49524
  "target": {
47535
49525
  "type": "element",
47536
- "uuid": "53361fcd-ef5d-4d58-b36a-cd085013ce26"
49526
+ "uuid": "88f80532-7c95-4074-97d2-9443058bd0c0"
47537
49527
  }
47538
49528
  }
47539
49529
  }
@@ -48072,20 +50062,20 @@
48072
50062
  "interactions": [
48073
50063
  {
48074
50064
  "type": "click",
48075
- "uuid": "f3c3411e-ee38-4e5f-b0a3-955a84d577e2",
50065
+ "uuid": "0a6e55ab-42bd-4829-a8d4-d284df227f36",
48076
50066
  "clickOptions": {
48077
50067
  "name": "dl-open-sheet",
48078
- "ID": "eab5c062-fe1d-4b05-9d57-671d2fe5823f",
50068
+ "ID": "125fd315-beff-45fd-9678-d5116c4adbf6",
48079
50069
  "actionSlots": {
48080
50070
  "click": {
48081
50071
  "actions": [
48082
50072
  {
48083
50073
  "type": "modalOpen",
48084
- "uuid": "b4ffe40d-56af-4bd1-97ff-25fd3ec617fa",
50074
+ "uuid": "6c418cef-eafd-471a-919f-cc266c028b9d",
48085
50075
  "settings": {
48086
50076
  "target": {
48087
50077
  "type": "element",
48088
- "uuid": "264e6a6b-5483-4c9a-9032-6bdcba1a74f7"
50078
+ "uuid": "90f49c4e-36a1-4343-8f60-bd8d548d7a88"
48089
50079
  }
48090
50080
  }
48091
50081
  }
@@ -48624,20 +50614,20 @@
48624
50614
  "interactions": [
48625
50615
  {
48626
50616
  "type": "click",
48627
- "uuid": "cd5c7862-23dd-465d-a971-a99d62fe5fb8",
50617
+ "uuid": "ae586022-392c-4b8b-94e6-7dcd830d1b85",
48628
50618
  "clickOptions": {
48629
50619
  "name": "dl-open-drawer",
48630
- "ID": "470f764e-3472-425b-b3ea-12b03db042c5",
50620
+ "ID": "b36bf61b-deeb-4786-8830-120fe09bb0ce",
48631
50621
  "actionSlots": {
48632
50622
  "click": {
48633
50623
  "actions": [
48634
50624
  {
48635
50625
  "type": "modalOpen",
48636
- "uuid": "0f417977-645e-4fbf-8c3e-d7f94c782260",
50626
+ "uuid": "8b3c68c7-7d81-462c-9405-8ffeadacb3f2",
48637
50627
  "settings": {
48638
50628
  "target": {
48639
50629
  "type": "element",
48640
- "uuid": "5f4b1565-3435-4a9a-8ef9-1b0ab7ecf8a7"
50630
+ "uuid": "24a7f652-0a53-4ad5-91a8-296840bc78a2"
48641
50631
  }
48642
50632
  }
48643
50633
  }
@@ -49673,20 +51663,20 @@
49673
51663
  "interactions": [
49674
51664
  {
49675
51665
  "type": "click",
49676
- "uuid": "1de06dd2-9f6c-4653-9731-c9acae5535ca",
51666
+ "uuid": "b9d55358-a7dd-4666-95ba-713541f0a04e",
49677
51667
  "clickOptions": {
49678
51668
  "name": "dl-open-takeover",
49679
- "ID": "e139f08a-8128-4109-951d-a7f7fe0b5d77",
51669
+ "ID": "789b14d6-ad62-4fdb-927c-384690d1b217",
49680
51670
  "actionSlots": {
49681
51671
  "click": {
49682
51672
  "actions": [
49683
51673
  {
49684
51674
  "type": "modalOpen",
49685
- "uuid": "d35281f2-5879-447b-ade4-76de72937d6a",
51675
+ "uuid": "ff817dda-1a43-4b87-894f-dc3a27df27ee",
49686
51676
  "settings": {
49687
51677
  "target": {
49688
51678
  "type": "element",
49689
- "uuid": "826dab32-78da-419e-9599-7b75da1da30d"
51679
+ "uuid": "b07fec17-abe6-4ccb-aec4-cc0204ec9f6b"
49690
51680
  }
49691
51681
  }
49692
51682
  }
@@ -50225,20 +52215,20 @@
50225
52215
  "interactions": [
50226
52216
  {
50227
52217
  "type": "click",
50228
- "uuid": "c7f74481-bd7f-49f1-a578-ed44057bae8a",
52218
+ "uuid": "ff5b3b7d-4cd1-4d0a-90d6-28078b7b622c",
50229
52219
  "clickOptions": {
50230
52220
  "name": "dl-open-gate",
50231
- "ID": "28b76ecf-7b83-4ddc-94d1-a3bbdfe59b2c",
52221
+ "ID": "937c18a5-1197-494c-9ed2-3d5ae2773f37",
50232
52222
  "actionSlots": {
50233
52223
  "click": {
50234
52224
  "actions": [
50235
52225
  {
50236
52226
  "type": "modalOpen",
50237
- "uuid": "68ecfa25-0235-4add-99b5-1205ec14f8a0",
52227
+ "uuid": "8004335a-227b-4355-a312-90b8f21e2928",
50238
52228
  "settings": {
50239
52229
  "target": {
50240
52230
  "type": "element",
50241
- "uuid": "8c82e7f7-deee-4d55-8743-dfd5cc294a9c"
52231
+ "uuid": "fbba59c7-9a00-4251-9ccf-cedc7a171384"
50242
52232
  }
50243
52233
  }
50244
52234
  }
@@ -50800,20 +52790,20 @@
50800
52790
  "interactions": [
50801
52791
  {
50802
52792
  "type": "click",
50803
- "uuid": "89ee0b78-7368-4e6f-b91f-9ac4a9775c6d",
52793
+ "uuid": "90d95bb5-1187-49f7-a31b-c8cc8e353e31",
50804
52794
  "clickOptions": {
50805
52795
  "name": "dl-open-exit",
50806
- "ID": "f2856f2e-0a18-4650-99f6-aa655e5a8e6e",
52796
+ "ID": "753d40be-5124-48a7-a4a0-42f2e44f4b66",
50807
52797
  "actionSlots": {
50808
52798
  "click": {
50809
52799
  "actions": [
50810
52800
  {
50811
52801
  "type": "modalOpen",
50812
- "uuid": "899835ff-3c1a-4a82-9c95-7d702e695c9b",
52802
+ "uuid": "650d23d5-6958-445d-b581-8d401d216838",
50813
52803
  "settings": {
50814
52804
  "target": {
50815
52805
  "type": "element",
50816
- "uuid": "400582d5-a492-46e1-8074-b569e918e93a"
52806
+ "uuid": "65f49d44-c591-4d9e-ac9b-5483a82e04bf"
50817
52807
  }
50818
52808
  }
50819
52809
  }
@@ -51840,14 +53830,14 @@
51840
53830
  "interactions": [
51841
53831
  {
51842
53832
  "type": "click",
51843
- "uuid": "44003fa1-863b-45c0-87a8-0e6f31635fe0",
53833
+ "uuid": "ae756e5b-eaef-4a9f-ad08-b279cc3065f0",
51844
53834
  "clickOptions": {
51845
53835
  "name": "dl-ab-aba",
51846
- "ID": "abf15648-3f14-4865-af73-0d664e156b10",
53836
+ "ID": "8036f42c-b202-4eef-aa3b-755281b56978",
51847
53837
  "runs": {
51848
53838
  "rules": [
51849
53839
  {
51850
- "uuid": "7778c179-2c68-42a3-8854-0f46779eba57",
53840
+ "uuid": "7c8b46d6-e09d-477f-ae3c-9e7f4b1b0839",
51851
53841
  "type": "pickOne",
51852
53842
  "pickOneOptions": {
51853
53843
  "remember": "page",
@@ -51861,11 +53851,11 @@
51861
53851
  "actions": [
51862
53852
  {
51863
53853
  "type": "modalOpen",
51864
- "uuid": "7a754bff-4a20-4bf4-a634-18b3aafd7116",
53854
+ "uuid": "032b1616-ed63-4a06-bbc1-45573926ad1e",
51865
53855
  "settings": {
51866
53856
  "target": {
51867
53857
  "type": "element",
51868
- "uuid": "8d97305b-a35e-44b1-9476-5fbdf7f6bc85"
53858
+ "uuid": "f2b7b9f9-072f-4938-9225-a18b6565abd9"
51869
53859
  }
51870
53860
  }
51871
53861
  }
@@ -51928,14 +53918,14 @@
51928
53918
  "interactions": [
51929
53919
  {
51930
53920
  "type": "click",
51931
- "uuid": "a6202cbc-bcf6-4ca1-a868-8af120a38daf",
53921
+ "uuid": "f8078c51-3480-412c-a010-da2011937d85",
51932
53922
  "clickOptions": {
51933
53923
  "name": "dl-ab-abb",
51934
- "ID": "e7409875-5c0e-455e-845b-6ed16b5668af",
53924
+ "ID": "7cad732c-c6da-4ba8-ac2a-776bace05196",
51935
53925
  "runs": {
51936
53926
  "rules": [
51937
53927
  {
51938
- "uuid": "a6fe0515-f5fb-4092-a94b-016833b72bcf",
53928
+ "uuid": "d3a24e29-333f-4eb5-9f1a-4363c192204a",
51939
53929
  "type": "pickOne",
51940
53930
  "pickOneOptions": {
51941
53931
  "remember": "page",
@@ -51949,11 +53939,11 @@
51949
53939
  "actions": [
51950
53940
  {
51951
53941
  "type": "modalOpen",
51952
- "uuid": "7eca1249-fe33-42a8-9eb5-381ecd6a520c",
53942
+ "uuid": "04473b3d-75bb-4b40-873d-02c2e0f6a309",
51953
53943
  "settings": {
51954
53944
  "target": {
51955
53945
  "type": "element",
51956
- "uuid": "15be13f5-dfe2-4dda-89bb-2ec7bd1f49a6"
53946
+ "uuid": "be06594f-d9f4-4c7c-870c-f80da20f3e7e"
51957
53947
  }
51958
53948
  }
51959
53949
  }
@@ -52223,14 +54213,14 @@
52223
54213
  "translateXOptions": {
52224
54214
  "value": "-50%"
52225
54215
  },
52226
- "uuid": "fb88b8c5-1520-404c-94fa-0eddeaaffdc7"
54216
+ "uuid": "74ae1f32-afe1-415d-8071-7c6a05f8c177"
52227
54217
  },
52228
54218
  {
52229
54219
  "type": "translateY",
52230
54220
  "translateYOptions": {
52231
54221
  "value": "-50%"
52232
54222
  },
52233
- "uuid": "440c5b9f-40cc-47de-9193-3ed0d169607c"
54223
+ "uuid": "77ab3e4c-602f-48ad-a68e-8e9f363df634"
52234
54224
  }
52235
54225
  ],
52236
54226
  "width": "100%",
@@ -52940,20 +54930,20 @@
52940
54930
  "interactions": [
52941
54931
  {
52942
54932
  "type": "click",
52943
- "uuid": "e9743027-3419-4345-a401-1e8f2978864f",
54933
+ "uuid": "94de3ce6-142c-42dd-8bdb-e240c3ac75a8",
52944
54934
  "clickOptions": {
52945
54935
  "name": "dl-close-centre",
52946
- "ID": "277c3b11-2b6c-44fd-9200-0854c7523244",
54936
+ "ID": "c02a3fbc-5426-468a-a998-0d24eaa5f87f",
52947
54937
  "actionSlots": {
52948
54938
  "click": {
52949
54939
  "actions": [
52950
54940
  {
52951
54941
  "type": "modalClose",
52952
- "uuid": "feadb98f-bac0-4be6-837d-73d073fcf64e",
54942
+ "uuid": "94d92c5a-a97e-492c-8ae2-8fa582eb4f62",
52953
54943
  "settings": {
52954
54944
  "target": {
52955
54945
  "type": "element",
52956
- "uuid": "53361fcd-ef5d-4d58-b36a-cd085013ce26"
54946
+ "uuid": "88f80532-7c95-4074-97d2-9443058bd0c0"
52957
54947
  }
52958
54948
  }
52959
54949
  }
@@ -53014,7 +55004,7 @@
53014
55004
  ]
53015
55005
  }
53016
55006
  ],
53017
- "nodeID": "53361fcd-ef5d-4d58-b36a-cd085013ce26"
55007
+ "nodeID": "88f80532-7c95-4074-97d2-9443058bd0c0"
53018
55008
  },
53019
55009
  {
53020
55010
  "type": "modal",
@@ -53779,20 +55769,20 @@
53779
55769
  "interactions": [
53780
55770
  {
53781
55771
  "type": "click",
53782
- "uuid": "56890489-7707-4f0c-8e49-59b736561c8d",
55772
+ "uuid": "b6c23e5b-bd72-4d3c-bb2d-486abb3c930c",
53783
55773
  "clickOptions": {
53784
55774
  "name": "dl-close-sheet",
53785
- "ID": "8f45d9f2-ed1b-425b-b859-80191227b9ba",
55775
+ "ID": "6454910d-d6cd-42e9-98d7-12a38d441672",
53786
55776
  "actionSlots": {
53787
55777
  "click": {
53788
55778
  "actions": [
53789
55779
  {
53790
55780
  "type": "modalClose",
53791
- "uuid": "3ea4b900-abaa-4fb1-a688-fc5d1673a2db",
55781
+ "uuid": "a654adcb-4082-43c0-aa2b-b262bc086e9c",
53792
55782
  "settings": {
53793
55783
  "target": {
53794
55784
  "type": "element",
53795
- "uuid": "264e6a6b-5483-4c9a-9032-6bdcba1a74f7"
55785
+ "uuid": "90f49c4e-36a1-4343-8f60-bd8d548d7a88"
53796
55786
  }
53797
55787
  }
53798
55788
  }
@@ -53853,7 +55843,7 @@
53853
55843
  ]
53854
55844
  }
53855
55845
  ],
53856
- "nodeID": "264e6a6b-5483-4c9a-9032-6bdcba1a74f7"
55846
+ "nodeID": "90f49c4e-36a1-4343-8f60-bd8d548d7a88"
53857
55847
  },
53858
55848
  {
53859
55849
  "type": "modal",
@@ -54617,20 +56607,20 @@
54617
56607
  "interactions": [
54618
56608
  {
54619
56609
  "type": "click",
54620
- "uuid": "25a0d257-11c7-435e-a1c3-8ac870bd88c1",
56610
+ "uuid": "67a3cb70-cbb4-4697-aa50-5db32e62f541",
54621
56611
  "clickOptions": {
54622
56612
  "name": "dl-close-drawer",
54623
- "ID": "351de410-2212-476c-bc20-a6828f8a76de",
56613
+ "ID": "720748cb-7082-477f-8765-60410e314f83",
54624
56614
  "actionSlots": {
54625
56615
  "click": {
54626
56616
  "actions": [
54627
56617
  {
54628
56618
  "type": "modalClose",
54629
- "uuid": "07d26a44-2fa4-4932-80bf-6c97a8a73db4",
56619
+ "uuid": "2b8b4b56-957b-4ac2-b879-d0964bc77628",
54630
56620
  "settings": {
54631
56621
  "target": {
54632
56622
  "type": "element",
54633
- "uuid": "5f4b1565-3435-4a9a-8ef9-1b0ab7ecf8a7"
56623
+ "uuid": "24a7f652-0a53-4ad5-91a8-296840bc78a2"
54634
56624
  }
54635
56625
  }
54636
56626
  }
@@ -54691,7 +56681,7 @@
54691
56681
  ]
54692
56682
  }
54693
56683
  ],
54694
- "nodeID": "5f4b1565-3435-4a9a-8ef9-1b0ab7ecf8a7"
56684
+ "nodeID": "24a7f652-0a53-4ad5-91a8-296840bc78a2"
54695
56685
  },
54696
56686
  {
54697
56687
  "type": "modal",
@@ -54705,7 +56695,7 @@
54705
56695
  "runs": {
54706
56696
  "rules": [
54707
56697
  {
54708
- "uuid": "f5d80f43-9bc4-4595-8ffb-87186a3b6778",
56698
+ "uuid": "4f1fd77e-f73e-4c18-a947-f837abbe093d",
54709
56699
  "type": "cap",
54710
56700
  "capOptions": {
54711
56701
  "max": "1",
@@ -55472,20 +57462,20 @@
55472
57462
  "interactions": [
55473
57463
  {
55474
57464
  "type": "click",
55475
- "uuid": "fd60eb1d-4608-4919-9ff8-d9ddd28fa9ba",
57465
+ "uuid": "f0900e5f-0d39-4efc-b451-f2359df9f42a",
55476
57466
  "clickOptions": {
55477
57467
  "name": "dl-close-toast",
55478
- "ID": "39a28fa0-f92f-4646-a661-f9944d591d9d",
57468
+ "ID": "e7b3728e-a48c-4d2a-adeb-fec57d4cda57",
55479
57469
  "actionSlots": {
55480
57470
  "click": {
55481
57471
  "actions": [
55482
57472
  {
55483
57473
  "type": "modalClose",
55484
- "uuid": "fe568f1d-bdce-487d-8b3c-12dd6e77f086",
57474
+ "uuid": "5b64ca37-2247-4494-9d4b-3e70ddd5b1f8",
55485
57475
  "settings": {
55486
57476
  "target": {
55487
57477
  "type": "element",
55488
- "uuid": "4240f1f7-f68c-4a89-a168-ab6b822fa5a7"
57478
+ "uuid": "6515f8e0-6e6f-40d7-adf8-1896477a97cf"
55489
57479
  }
55490
57480
  }
55491
57481
  }
@@ -55546,7 +57536,7 @@
55546
57536
  ]
55547
57537
  }
55548
57538
  ],
55549
- "nodeID": "4240f1f7-f68c-4a89-a168-ab6b822fa5a7"
57539
+ "nodeID": "6515f8e0-6e6f-40d7-adf8-1896477a97cf"
55550
57540
  },
55551
57541
  {
55552
57542
  "type": "modal",
@@ -56316,20 +58306,20 @@
56316
58306
  "interactions": [
56317
58307
  {
56318
58308
  "type": "click",
56319
- "uuid": "152c4f56-20ff-4d53-8946-55e1e3fe6ff1",
58309
+ "uuid": "b011b9cc-5278-4f99-b5e6-12cc0d36e9fd",
56320
58310
  "clickOptions": {
56321
58311
  "name": "dl-close-takeover",
56322
- "ID": "f31750f8-aacd-45ba-a68f-3279a796d4e3",
58312
+ "ID": "ef56b5e5-d59d-4fe4-96f2-a716e1823517",
56323
58313
  "actionSlots": {
56324
58314
  "click": {
56325
58315
  "actions": [
56326
58316
  {
56327
58317
  "type": "modalClose",
56328
- "uuid": "a5c4892d-f990-460e-8726-99834a27ab3d",
58318
+ "uuid": "db77ff20-66e0-4b82-bb9a-6b2aaa0c7679",
56329
58319
  "settings": {
56330
58320
  "target": {
56331
58321
  "type": "element",
56332
- "uuid": "826dab32-78da-419e-9599-7b75da1da30d"
58322
+ "uuid": "b07fec17-abe6-4ccb-aec4-cc0204ec9f6b"
56333
58323
  }
56334
58324
  }
56335
58325
  }
@@ -56390,7 +58380,7 @@
56390
58380
  ]
56391
58381
  }
56392
58382
  ],
56393
- "nodeID": "826dab32-78da-419e-9599-7b75da1da30d"
58383
+ "nodeID": "b07fec17-abe6-4ccb-aec4-cc0204ec9f6b"
56394
58384
  },
56395
58385
  {
56396
58386
  "type": "modal",
@@ -56452,14 +58442,14 @@
56452
58442
  "translateXOptions": {
56453
58443
  "value": "-50%"
56454
58444
  },
56455
- "uuid": "2879ef33-e12c-46f3-b287-276595f73815"
58445
+ "uuid": "cead2bcc-af20-4a34-a201-8721043a213c"
56456
58446
  },
56457
58447
  {
56458
58448
  "type": "translateY",
56459
58449
  "translateYOptions": {
56460
58450
  "value": "-50%"
56461
58451
  },
56462
- "uuid": "02640ca9-6d17-44d5-8129-7e2d0c9a22b8"
58452
+ "uuid": "cb7ce2d9-472f-4f68-9018-347b375fbc3b"
56463
58453
  }
56464
58454
  ],
56465
58455
  "width": "100%",
@@ -57169,20 +59159,20 @@
57169
59159
  "interactions": [
57170
59160
  {
57171
59161
  "type": "click",
57172
- "uuid": "ee665b99-8046-496f-a6c1-01bd79ec6b65",
59162
+ "uuid": "47cb57b4-4439-46b9-a562-6a50a28aa1ab",
57173
59163
  "clickOptions": {
57174
59164
  "name": "dl-close-gate",
57175
- "ID": "05092837-dfb3-4121-9749-d9bb4d36be4e",
59165
+ "ID": "9c6b1e41-3744-4496-af38-c1c16db1620c",
57176
59166
  "actionSlots": {
57177
59167
  "click": {
57178
59168
  "actions": [
57179
59169
  {
57180
59170
  "type": "modalClose",
57181
- "uuid": "1ef0c567-cecb-4b97-9e44-94e18dc1cfb8",
59171
+ "uuid": "932ee425-528b-4a52-b06b-7139726152fd",
57182
59172
  "settings": {
57183
59173
  "target": {
57184
59174
  "type": "element",
57185
- "uuid": "8c82e7f7-deee-4d55-8743-dfd5cc294a9c"
59175
+ "uuid": "fbba59c7-9a00-4251-9ccf-cedc7a171384"
57186
59176
  }
57187
59177
  }
57188
59178
  }
@@ -57243,7 +59233,7 @@
57243
59233
  ]
57244
59234
  }
57245
59235
  ],
57246
- "nodeID": "8c82e7f7-deee-4d55-8743-dfd5cc294a9c"
59236
+ "nodeID": "fbba59c7-9a00-4251-9ccf-cedc7a171384"
57247
59237
  },
57248
59238
  {
57249
59239
  "type": "modal",
@@ -57260,7 +59250,7 @@
57260
59250
  "runs": {
57261
59251
  "rules": [
57262
59252
  {
57263
- "uuid": "0e224f8c-9adf-4e07-a357-43fc7fc9eb32",
59253
+ "uuid": "b848a859-1921-4554-af1f-1ba935e609b9",
57264
59254
  "type": "cap",
57265
59255
  "capOptions": {
57266
59256
  "max": "1",
@@ -57326,14 +59316,14 @@
57326
59316
  "translateXOptions": {
57327
59317
  "value": "-50%"
57328
59318
  },
57329
- "uuid": "4f0008c9-4f75-45b7-a576-11a96b5d521e"
59319
+ "uuid": "36e544fb-bfae-44f7-8edf-cc70ae52439a"
57330
59320
  },
57331
59321
  {
57332
59322
  "type": "translateY",
57333
59323
  "translateYOptions": {
57334
59324
  "value": "-50%"
57335
59325
  },
57336
- "uuid": "6d2a87d7-dc61-47ae-8f34-dc6b42167570"
59326
+ "uuid": "87a28f5e-ffa1-4a38-97ec-57751504cdc8"
57337
59327
  }
57338
59328
  ],
57339
59329
  "width": "100%",
@@ -58043,20 +60033,20 @@
58043
60033
  "interactions": [
58044
60034
  {
58045
60035
  "type": "click",
58046
- "uuid": "3d256a3c-67b7-47b0-b6a7-cabafb1f8dc6",
60036
+ "uuid": "f4855977-fcf6-495c-9785-ed93d7a65c3e",
58047
60037
  "clickOptions": {
58048
60038
  "name": "dl-close-exit",
58049
- "ID": "bffc5b71-6bc0-4d6a-910d-a85f21d01188",
60039
+ "ID": "80c246f0-4ddb-4deb-b181-64b849bec51d",
58050
60040
  "actionSlots": {
58051
60041
  "click": {
58052
60042
  "actions": [
58053
60043
  {
58054
60044
  "type": "modalClose",
58055
- "uuid": "cccd2096-f787-4fd2-8c7a-9751328d2d26",
60045
+ "uuid": "56281cec-1894-4303-bb7d-24378c5a2cd9",
58056
60046
  "settings": {
58057
60047
  "target": {
58058
60048
  "type": "element",
58059
- "uuid": "400582d5-a492-46e1-8074-b569e918e93a"
60049
+ "uuid": "65f49d44-c591-4d9e-ac9b-5483a82e04bf"
58060
60050
  }
58061
60051
  }
58062
60052
  }
@@ -58117,7 +60107,7 @@
58117
60107
  ]
58118
60108
  }
58119
60109
  ],
58120
- "nodeID": "400582d5-a492-46e1-8074-b569e918e93a"
60110
+ "nodeID": "65f49d44-c591-4d9e-ac9b-5483a82e04bf"
58121
60111
  },
58122
60112
  {
58123
60113
  "type": "modal",
@@ -58134,7 +60124,7 @@
58134
60124
  "runs": {
58135
60125
  "rules": [
58136
60126
  {
58137
- "uuid": "fd5bd058-4240-45aa-9f49-ef7b30228fcf",
60127
+ "uuid": "e9877f4b-a67c-4732-9d67-f661a2494b35",
58138
60128
  "type": "cooldown",
58139
60129
  "cooldownOptions": {
58140
60130
  "duration": "1",
@@ -58902,20 +60892,20 @@
58902
60892
  "interactions": [
58903
60893
  {
58904
60894
  "type": "click",
58905
- "uuid": "c301e4e2-3a89-47a5-9940-f7c0c4850e9b",
60895
+ "uuid": "93a06618-6611-4142-85ac-fa5a3e8242f0",
58906
60896
  "clickOptions": {
58907
60897
  "name": "dl-close-depth",
58908
- "ID": "724d2a29-dec4-4af5-94a9-b9cf6f6dfcc9",
60898
+ "ID": "b1ea5923-b92f-4b2f-9658-1784602893ff",
58909
60899
  "actionSlots": {
58910
60900
  "click": {
58911
60901
  "actions": [
58912
60902
  {
58913
60903
  "type": "modalClose",
58914
- "uuid": "a1400b68-6b30-4dfd-9ee5-8dede5759327",
60904
+ "uuid": "9a639f9b-e8e4-4d1c-bce9-fac64c239a23",
58915
60905
  "settings": {
58916
60906
  "target": {
58917
60907
  "type": "element",
58918
- "uuid": "be9a3742-fd97-4d1a-9a95-2fd277b5d6c1"
60908
+ "uuid": "0ddeed1a-3e6d-4ed9-808c-ac320ed2f252"
58919
60909
  }
58920
60910
  }
58921
60911
  }
@@ -58976,7 +60966,7 @@
58976
60966
  ]
58977
60967
  }
58978
60968
  ],
58979
- "nodeID": "be9a3742-fd97-4d1a-9a95-2fd277b5d6c1"
60969
+ "nodeID": "0ddeed1a-3e6d-4ed9-808c-ac320ed2f252"
58980
60970
  },
58981
60971
  {
58982
60972
  "type": "modal",
@@ -59038,14 +61028,14 @@
59038
61028
  "translateXOptions": {
59039
61029
  "value": "-50%"
59040
61030
  },
59041
- "uuid": "b72ddec5-c16a-4656-89a0-5ef095746bea"
61031
+ "uuid": "b1f0a2dd-f85c-4005-822d-be5d10ee3e2d"
59042
61032
  },
59043
61033
  {
59044
61034
  "type": "translateY",
59045
61035
  "translateYOptions": {
59046
61036
  "value": "-50%"
59047
61037
  },
59048
- "uuid": "152f6116-deab-4ca1-a97a-672eceea48e7"
61038
+ "uuid": "fc7ceb27-c98b-4bfe-ae09-23bde7ee9710"
59049
61039
  }
59050
61040
  ],
59051
61041
  "width": "100%",
@@ -59755,20 +61745,20 @@
59755
61745
  "interactions": [
59756
61746
  {
59757
61747
  "type": "click",
59758
- "uuid": "749293fd-b0e3-4394-ad95-57ae98b25e24",
61748
+ "uuid": "55127a13-8361-4451-a0d9-ef715490b3c1",
59759
61749
  "clickOptions": {
59760
61750
  "name": "dl-close-aba",
59761
- "ID": "e83d1445-68a7-45b3-bef2-4b9d721234a3",
61751
+ "ID": "a6535ee7-ba88-4a8a-a5c2-7acf7b3e74b1",
59762
61752
  "actionSlots": {
59763
61753
  "click": {
59764
61754
  "actions": [
59765
61755
  {
59766
61756
  "type": "modalClose",
59767
- "uuid": "b019e8e6-7425-4c87-94a3-fea850b2fbc1",
61757
+ "uuid": "13152f8b-17ab-4614-9e50-1fd0233527ea",
59768
61758
  "settings": {
59769
61759
  "target": {
59770
61760
  "type": "element",
59771
- "uuid": "8d97305b-a35e-44b1-9476-5fbdf7f6bc85"
61761
+ "uuid": "f2b7b9f9-072f-4938-9225-a18b6565abd9"
59772
61762
  }
59773
61763
  }
59774
61764
  }
@@ -59829,7 +61819,7 @@
59829
61819
  ]
59830
61820
  }
59831
61821
  ],
59832
- "nodeID": "8d97305b-a35e-44b1-9476-5fbdf7f6bc85"
61822
+ "nodeID": "f2b7b9f9-072f-4938-9225-a18b6565abd9"
59833
61823
  },
59834
61824
  {
59835
61825
  "type": "modal",
@@ -59891,14 +61881,14 @@
59891
61881
  "translateXOptions": {
59892
61882
  "value": "-50%"
59893
61883
  },
59894
- "uuid": "b051c479-c59e-479c-be31-4f9ded836378"
61884
+ "uuid": "c8ceceef-0a46-49b8-87dd-8adfa4e9399d"
59895
61885
  },
59896
61886
  {
59897
61887
  "type": "translateY",
59898
61888
  "translateYOptions": {
59899
61889
  "value": "-50%"
59900
61890
  },
59901
- "uuid": "be0016db-7d57-4dae-b3d3-44bd70194c42"
61891
+ "uuid": "96d48a6e-0db9-419b-b899-60db038091d1"
59902
61892
  }
59903
61893
  ],
59904
61894
  "width": "100%",
@@ -60608,20 +62598,20 @@
60608
62598
  "interactions": [
60609
62599
  {
60610
62600
  "type": "click",
60611
- "uuid": "494aea3d-c4b2-40c2-b042-ca2efece51dc",
62601
+ "uuid": "4219fab8-baaf-4052-bb4b-42b1d129eb20",
60612
62602
  "clickOptions": {
60613
62603
  "name": "dl-close-abb",
60614
- "ID": "dbb2e458-f1f3-4bfa-a49a-6cb4f4477382",
62604
+ "ID": "ad26e723-7c51-44e8-a602-e9cad0c659a9",
60615
62605
  "actionSlots": {
60616
62606
  "click": {
60617
62607
  "actions": [
60618
62608
  {
60619
62609
  "type": "modalClose",
60620
- "uuid": "6ee1a22b-ef7e-4bea-81af-ec5a62e76362",
62610
+ "uuid": "c30e0999-2191-4d6d-ba7a-98cd10c65769",
60621
62611
  "settings": {
60622
62612
  "target": {
60623
62613
  "type": "element",
60624
- "uuid": "15be13f5-dfe2-4dda-89bb-2ec7bd1f49a6"
62614
+ "uuid": "be06594f-d9f4-4c7c-870c-f80da20f3e7e"
60625
62615
  }
60626
62616
  }
60627
62617
  }
@@ -60682,7 +62672,7 @@
60682
62672
  ]
60683
62673
  }
60684
62674
  ],
60685
- "nodeID": "15be13f5-dfe2-4dda-89bb-2ec7bd1f49a6"
62675
+ "nodeID": "be06594f-d9f4-4c7c-870c-f80da20f3e7e"
60686
62676
  }
60687
62677
  ]
60688
62678
  }