@useinsider/guido 3.16.0-beta.0faee0c → 3.16.0-beta.20cd2fe
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/dist/@types/config/schemas.js +25 -23
- package/dist/components/organisms/header/AutoSaveStatus.vue.js +17 -0
- package/dist/components/organisms/header/AutoSaveStatus.vue2.js +21 -0
- package/dist/components/organisms/header/EditorActions.vue.js +11 -11
- package/dist/components/organisms/header/EditorActions.vue2.js +34 -50
- package/dist/components/organisms/header/EditorActionsMenu.vue.js +20 -0
- package/dist/components/organisms/header/EditorActionsMenu.vue2.js +39 -0
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +28 -23
- package/dist/components/organisms/header/MiddleSlot.vue.js +4 -4
- package/dist/components/organisms/header/MiddleSlot.vue2.js +8 -7
- package/dist/components/organisms/header/RightSlot.vue.js +6 -6
- package/dist/components/organisms/header/RightSlot.vue2.js +17 -15
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js +18 -0
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js +37 -0
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js +24 -0
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js +48 -0
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js +18 -0
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js +74 -0
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +43 -34
- package/dist/composables/useAccessibilityApi.js +31 -0
- package/dist/composables/useStripo.js +29 -30
- package/dist/config/i18n/en/labels.json.js +28 -4
- package/dist/guido.css +1 -1
- package/dist/node_modules/@vueuse/core/index.js +102 -0
- package/dist/node_modules/@vueuse/shared/index.js +40 -28
- package/dist/src/@types/config/schemas.d.ts +4 -0
- package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/accessibility/ColorVisionSelect.vue.d.ts +2 -0
- package/dist/src/components/organisms/onboarding/EditorTabBarOnboarding.vue.d.ts +2 -0
- package/dist/src/composables/useAccessibilityApi.d.ts +15 -0
- package/dist/src/composables/useActionsApi.d.ts +2 -2
- package/dist/src/composables/useConfig.d.ts +2 -0
- package/dist/src/stores/config.d.ts +18 -0
- package/dist/src/stores/editor.d.ts +107 -0
- package/dist/src/stores/onboarding.d.ts +377 -0
- package/dist/src/stores/version-history.d.ts +1 -1
- package/dist/src/utils/timeUtil.d.ts +10 -0
- package/dist/stores/editor.js +5 -1
- package/dist/stores/onboarding.js +16 -11
- package/dist/utils/timeUtil.js +6 -17
- package/package.json +1 -1
- package/dist/components/organisms/header/AutoSaveToggle.vue.js +0 -22
- package/dist/components/organisms/header/AutoSaveToggle.vue2.js +0 -19
- /package/dist/src/components/organisms/header/{AutoSaveToggle.vue.d.ts → AutoSaveStatus.vue.d.ts} +0 -0
|
@@ -128,6 +128,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
128
128
|
backButtonText?: string | undefined;
|
|
129
129
|
}[];
|
|
130
130
|
};
|
|
131
|
+
editorTabBarOnboarding: {
|
|
132
|
+
cardIndex: number;
|
|
133
|
+
isActive: boolean;
|
|
134
|
+
config: {
|
|
135
|
+
classes: string;
|
|
136
|
+
position: string;
|
|
137
|
+
left?: string | undefined;
|
|
138
|
+
right?: string | undefined;
|
|
139
|
+
top?: string | undefined;
|
|
140
|
+
bottom?: string | undefined;
|
|
141
|
+
title: string;
|
|
142
|
+
description: string;
|
|
143
|
+
imageSource: string;
|
|
144
|
+
backButtonClick: () => void;
|
|
145
|
+
nextButtonType: string;
|
|
146
|
+
nextButtonText: string;
|
|
147
|
+
nextButtonClick: () => void;
|
|
148
|
+
backButtonType?: string | undefined;
|
|
149
|
+
backButtonText?: string | undefined;
|
|
150
|
+
}[];
|
|
151
|
+
};
|
|
131
152
|
};
|
|
132
153
|
userModalState: {
|
|
133
154
|
Guido?: {
|
|
@@ -137,6 +158,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
137
158
|
versionHistoryOnboarding?: boolean | undefined;
|
|
138
159
|
ampOnboarding?: boolean | undefined;
|
|
139
160
|
itemsOnboarding?: boolean | undefined;
|
|
161
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
140
162
|
} | undefined;
|
|
141
163
|
};
|
|
142
164
|
isFetched: boolean;
|
|
@@ -289,6 +311,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
289
311
|
backButtonText?: string | undefined;
|
|
290
312
|
}[];
|
|
291
313
|
};
|
|
314
|
+
editorTabBarOnboarding: {
|
|
315
|
+
cardIndex: number;
|
|
316
|
+
isActive: boolean;
|
|
317
|
+
config: {
|
|
318
|
+
classes: string;
|
|
319
|
+
position: string;
|
|
320
|
+
left?: string | undefined;
|
|
321
|
+
right?: string | undefined;
|
|
322
|
+
top?: string | undefined;
|
|
323
|
+
bottom?: string | undefined;
|
|
324
|
+
title: string;
|
|
325
|
+
description: string;
|
|
326
|
+
imageSource: string;
|
|
327
|
+
backButtonClick: () => void;
|
|
328
|
+
nextButtonType: string;
|
|
329
|
+
nextButtonText: string;
|
|
330
|
+
nextButtonClick: () => void;
|
|
331
|
+
backButtonType?: string | undefined;
|
|
332
|
+
backButtonText?: string | undefined;
|
|
333
|
+
}[];
|
|
334
|
+
};
|
|
292
335
|
};
|
|
293
336
|
userModalState: {
|
|
294
337
|
Guido?: {
|
|
@@ -298,6 +341,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
298
341
|
versionHistoryOnboarding?: boolean | undefined;
|
|
299
342
|
ampOnboarding?: boolean | undefined;
|
|
300
343
|
itemsOnboarding?: boolean | undefined;
|
|
344
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
301
345
|
} | undefined;
|
|
302
346
|
};
|
|
303
347
|
isFetched: boolean;
|
|
@@ -430,6 +474,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
430
474
|
backButtonText?: string | undefined;
|
|
431
475
|
}[];
|
|
432
476
|
};
|
|
477
|
+
editorTabBarOnboarding: {
|
|
478
|
+
cardIndex: number;
|
|
479
|
+
isActive: boolean;
|
|
480
|
+
config: {
|
|
481
|
+
classes: string;
|
|
482
|
+
position: string;
|
|
483
|
+
left?: string | undefined;
|
|
484
|
+
right?: string | undefined;
|
|
485
|
+
top?: string | undefined;
|
|
486
|
+
bottom?: string | undefined;
|
|
487
|
+
title: string;
|
|
488
|
+
description: string;
|
|
489
|
+
imageSource: string;
|
|
490
|
+
backButtonClick: () => void;
|
|
491
|
+
nextButtonType: string;
|
|
492
|
+
nextButtonText: string;
|
|
493
|
+
nextButtonClick: () => void;
|
|
494
|
+
backButtonType?: string | undefined;
|
|
495
|
+
backButtonText?: string | undefined;
|
|
496
|
+
}[];
|
|
497
|
+
};
|
|
433
498
|
};
|
|
434
499
|
userModalState: {
|
|
435
500
|
Guido?: {
|
|
@@ -439,6 +504,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
439
504
|
versionHistoryOnboarding?: boolean | undefined;
|
|
440
505
|
ampOnboarding?: boolean | undefined;
|
|
441
506
|
itemsOnboarding?: boolean | undefined;
|
|
507
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
442
508
|
} | undefined;
|
|
443
509
|
};
|
|
444
510
|
isFetched: boolean;
|
|
@@ -587,6 +653,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
587
653
|
backButtonText?: string | undefined;
|
|
588
654
|
}[];
|
|
589
655
|
};
|
|
656
|
+
editorTabBarOnboarding: {
|
|
657
|
+
cardIndex: number;
|
|
658
|
+
isActive: boolean;
|
|
659
|
+
config: {
|
|
660
|
+
classes: string;
|
|
661
|
+
position: string;
|
|
662
|
+
left?: string | undefined;
|
|
663
|
+
right?: string | undefined;
|
|
664
|
+
top?: string | undefined;
|
|
665
|
+
bottom?: string | undefined;
|
|
666
|
+
title: string;
|
|
667
|
+
description: string;
|
|
668
|
+
imageSource: string;
|
|
669
|
+
backButtonClick: () => void;
|
|
670
|
+
nextButtonType: string;
|
|
671
|
+
nextButtonText: string;
|
|
672
|
+
nextButtonClick: () => void;
|
|
673
|
+
backButtonType?: string | undefined;
|
|
674
|
+
backButtonText?: string | undefined;
|
|
675
|
+
}[];
|
|
676
|
+
};
|
|
590
677
|
};
|
|
591
678
|
userModalState: {
|
|
592
679
|
Guido?: {
|
|
@@ -596,6 +683,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
596
683
|
versionHistoryOnboarding?: boolean | undefined;
|
|
597
684
|
ampOnboarding?: boolean | undefined;
|
|
598
685
|
itemsOnboarding?: boolean | undefined;
|
|
686
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
599
687
|
} | undefined;
|
|
600
688
|
};
|
|
601
689
|
isFetched: boolean;
|
|
@@ -744,6 +832,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
744
832
|
backButtonText?: string | undefined;
|
|
745
833
|
}[];
|
|
746
834
|
};
|
|
835
|
+
editorTabBarOnboarding: {
|
|
836
|
+
cardIndex: number;
|
|
837
|
+
isActive: boolean;
|
|
838
|
+
config: {
|
|
839
|
+
classes: string;
|
|
840
|
+
position: string;
|
|
841
|
+
left?: string | undefined;
|
|
842
|
+
right?: string | undefined;
|
|
843
|
+
top?: string | undefined;
|
|
844
|
+
bottom?: string | undefined;
|
|
845
|
+
title: string;
|
|
846
|
+
description: string;
|
|
847
|
+
imageSource: string;
|
|
848
|
+
backButtonClick: () => void;
|
|
849
|
+
nextButtonType: string;
|
|
850
|
+
nextButtonText: string;
|
|
851
|
+
nextButtonClick: () => void;
|
|
852
|
+
backButtonType?: string | undefined;
|
|
853
|
+
backButtonText?: string | undefined;
|
|
854
|
+
}[];
|
|
855
|
+
};
|
|
747
856
|
};
|
|
748
857
|
userModalState: {
|
|
749
858
|
Guido?: {
|
|
@@ -753,6 +862,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
753
862
|
versionHistoryOnboarding?: boolean | undefined;
|
|
754
863
|
ampOnboarding?: boolean | undefined;
|
|
755
864
|
itemsOnboarding?: boolean | undefined;
|
|
865
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
756
866
|
} | undefined;
|
|
757
867
|
};
|
|
758
868
|
isFetched: boolean;
|
|
@@ -901,6 +1011,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
901
1011
|
backButtonText?: string | undefined;
|
|
902
1012
|
}[];
|
|
903
1013
|
};
|
|
1014
|
+
editorTabBarOnboarding: {
|
|
1015
|
+
cardIndex: number;
|
|
1016
|
+
isActive: boolean;
|
|
1017
|
+
config: {
|
|
1018
|
+
classes: string;
|
|
1019
|
+
position: string;
|
|
1020
|
+
left?: string | undefined;
|
|
1021
|
+
right?: string | undefined;
|
|
1022
|
+
top?: string | undefined;
|
|
1023
|
+
bottom?: string | undefined;
|
|
1024
|
+
title: string;
|
|
1025
|
+
description: string;
|
|
1026
|
+
imageSource: string;
|
|
1027
|
+
backButtonClick: () => void;
|
|
1028
|
+
nextButtonType: string;
|
|
1029
|
+
nextButtonText: string;
|
|
1030
|
+
nextButtonClick: () => void;
|
|
1031
|
+
backButtonType?: string | undefined;
|
|
1032
|
+
backButtonText?: string | undefined;
|
|
1033
|
+
}[];
|
|
1034
|
+
};
|
|
904
1035
|
};
|
|
905
1036
|
userModalState: {
|
|
906
1037
|
Guido?: {
|
|
@@ -910,6 +1041,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
910
1041
|
versionHistoryOnboarding?: boolean | undefined;
|
|
911
1042
|
ampOnboarding?: boolean | undefined;
|
|
912
1043
|
itemsOnboarding?: boolean | undefined;
|
|
1044
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
913
1045
|
} | undefined;
|
|
914
1046
|
};
|
|
915
1047
|
isFetched: boolean;
|
|
@@ -1058,6 +1190,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1058
1190
|
backButtonText?: string | undefined;
|
|
1059
1191
|
}[];
|
|
1060
1192
|
};
|
|
1193
|
+
editorTabBarOnboarding: {
|
|
1194
|
+
cardIndex: number;
|
|
1195
|
+
isActive: boolean;
|
|
1196
|
+
config: {
|
|
1197
|
+
classes: string;
|
|
1198
|
+
position: string;
|
|
1199
|
+
left?: string | undefined;
|
|
1200
|
+
right?: string | undefined;
|
|
1201
|
+
top?: string | undefined;
|
|
1202
|
+
bottom?: string | undefined;
|
|
1203
|
+
title: string;
|
|
1204
|
+
description: string;
|
|
1205
|
+
imageSource: string;
|
|
1206
|
+
backButtonClick: () => void;
|
|
1207
|
+
nextButtonType: string;
|
|
1208
|
+
nextButtonText: string;
|
|
1209
|
+
nextButtonClick: () => void;
|
|
1210
|
+
backButtonType?: string | undefined;
|
|
1211
|
+
backButtonText?: string | undefined;
|
|
1212
|
+
}[];
|
|
1213
|
+
};
|
|
1061
1214
|
};
|
|
1062
1215
|
userModalState: {
|
|
1063
1216
|
Guido?: {
|
|
@@ -1067,6 +1220,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1067
1220
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1068
1221
|
ampOnboarding?: boolean | undefined;
|
|
1069
1222
|
itemsOnboarding?: boolean | undefined;
|
|
1223
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
1070
1224
|
} | undefined;
|
|
1071
1225
|
};
|
|
1072
1226
|
isFetched: boolean;
|
|
@@ -1215,6 +1369,206 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1215
1369
|
backButtonText?: string | undefined;
|
|
1216
1370
|
}[];
|
|
1217
1371
|
};
|
|
1372
|
+
editorTabBarOnboarding: {
|
|
1373
|
+
cardIndex: number;
|
|
1374
|
+
isActive: boolean;
|
|
1375
|
+
config: {
|
|
1376
|
+
classes: string;
|
|
1377
|
+
position: string;
|
|
1378
|
+
left?: string | undefined;
|
|
1379
|
+
right?: string | undefined;
|
|
1380
|
+
top?: string | undefined;
|
|
1381
|
+
bottom?: string | undefined;
|
|
1382
|
+
title: string;
|
|
1383
|
+
description: string;
|
|
1384
|
+
imageSource: string;
|
|
1385
|
+
backButtonClick: () => void;
|
|
1386
|
+
nextButtonType: string;
|
|
1387
|
+
nextButtonText: string;
|
|
1388
|
+
nextButtonClick: () => void;
|
|
1389
|
+
backButtonType?: string | undefined;
|
|
1390
|
+
backButtonText?: string | undefined;
|
|
1391
|
+
}[];
|
|
1392
|
+
};
|
|
1393
|
+
};
|
|
1394
|
+
userModalState: {
|
|
1395
|
+
Guido?: {
|
|
1396
|
+
newVersionPopup?: boolean | undefined;
|
|
1397
|
+
genericOnboarding?: boolean | undefined;
|
|
1398
|
+
textBlockOnboarding?: boolean | undefined;
|
|
1399
|
+
versionHistoryOnboarding?: boolean | undefined;
|
|
1400
|
+
ampOnboarding?: boolean | undefined;
|
|
1401
|
+
itemsOnboarding?: boolean | undefined;
|
|
1402
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
1403
|
+
} | undefined;
|
|
1404
|
+
};
|
|
1405
|
+
isFetched: boolean;
|
|
1406
|
+
} & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
|
|
1407
|
+
classes: string;
|
|
1408
|
+
position: string;
|
|
1409
|
+
left?: string | undefined;
|
|
1410
|
+
right?: string | undefined;
|
|
1411
|
+
top?: string | undefined;
|
|
1412
|
+
bottom?: string | undefined;
|
|
1413
|
+
title: string;
|
|
1414
|
+
description: string;
|
|
1415
|
+
imageSource: string;
|
|
1416
|
+
backButtonClick: () => void;
|
|
1417
|
+
nextButtonType: string;
|
|
1418
|
+
nextButtonText: string;
|
|
1419
|
+
nextButtonClick: () => void;
|
|
1420
|
+
backButtonType?: string | undefined;
|
|
1421
|
+
backButtonText?: string | undefined;
|
|
1422
|
+
};
|
|
1423
|
+
getEditorTabBarCurrentCard: (state: {
|
|
1424
|
+
onboardings: {
|
|
1425
|
+
newVersionPopup: {
|
|
1426
|
+
cardIndex: number;
|
|
1427
|
+
isActive: boolean;
|
|
1428
|
+
config: {
|
|
1429
|
+
classes: string;
|
|
1430
|
+
position: string;
|
|
1431
|
+
left?: string | undefined;
|
|
1432
|
+
right?: string | undefined;
|
|
1433
|
+
top?: string | undefined;
|
|
1434
|
+
bottom?: string | undefined;
|
|
1435
|
+
title: string;
|
|
1436
|
+
description: string;
|
|
1437
|
+
imageSource: string;
|
|
1438
|
+
backButtonClick: () => void;
|
|
1439
|
+
nextButtonType: string;
|
|
1440
|
+
nextButtonText: string;
|
|
1441
|
+
nextButtonClick: () => void;
|
|
1442
|
+
backButtonType?: string | undefined;
|
|
1443
|
+
backButtonText?: string | undefined;
|
|
1444
|
+
}[];
|
|
1445
|
+
};
|
|
1446
|
+
genericOnboarding: {
|
|
1447
|
+
cardIndex: number;
|
|
1448
|
+
isActive: boolean;
|
|
1449
|
+
config: {
|
|
1450
|
+
classes: string;
|
|
1451
|
+
position: string;
|
|
1452
|
+
left?: string | undefined;
|
|
1453
|
+
right?: string | undefined;
|
|
1454
|
+
top?: string | undefined;
|
|
1455
|
+
bottom?: string | undefined;
|
|
1456
|
+
title: string;
|
|
1457
|
+
description: string;
|
|
1458
|
+
imageSource: string;
|
|
1459
|
+
backButtonClick: () => void;
|
|
1460
|
+
nextButtonType: string;
|
|
1461
|
+
nextButtonText: string;
|
|
1462
|
+
nextButtonClick: () => void;
|
|
1463
|
+
backButtonType?: string | undefined;
|
|
1464
|
+
backButtonText?: string | undefined;
|
|
1465
|
+
}[];
|
|
1466
|
+
};
|
|
1467
|
+
textBlockOnboarding: {
|
|
1468
|
+
cardIndex: number;
|
|
1469
|
+
isActive: boolean;
|
|
1470
|
+
config: {
|
|
1471
|
+
classes: string;
|
|
1472
|
+
position: string;
|
|
1473
|
+
left?: string | undefined;
|
|
1474
|
+
right?: string | undefined;
|
|
1475
|
+
top?: string | undefined;
|
|
1476
|
+
bottom?: string | undefined;
|
|
1477
|
+
title: string;
|
|
1478
|
+
description: string;
|
|
1479
|
+
imageSource: string;
|
|
1480
|
+
backButtonClick: () => void;
|
|
1481
|
+
nextButtonType: string;
|
|
1482
|
+
nextButtonText: string;
|
|
1483
|
+
nextButtonClick: () => void;
|
|
1484
|
+
backButtonType?: string | undefined;
|
|
1485
|
+
backButtonText?: string | undefined;
|
|
1486
|
+
}[];
|
|
1487
|
+
};
|
|
1488
|
+
versionHistoryOnboarding: {
|
|
1489
|
+
cardIndex: number;
|
|
1490
|
+
isActive: boolean;
|
|
1491
|
+
config: {
|
|
1492
|
+
classes: string;
|
|
1493
|
+
position: string;
|
|
1494
|
+
left?: string | undefined;
|
|
1495
|
+
right?: string | undefined;
|
|
1496
|
+
top?: string | undefined;
|
|
1497
|
+
bottom?: string | undefined;
|
|
1498
|
+
title: string;
|
|
1499
|
+
description: string;
|
|
1500
|
+
imageSource: string;
|
|
1501
|
+
backButtonClick: () => void;
|
|
1502
|
+
nextButtonType: string;
|
|
1503
|
+
nextButtonText: string;
|
|
1504
|
+
nextButtonClick: () => void;
|
|
1505
|
+
backButtonType?: string | undefined;
|
|
1506
|
+
backButtonText?: string | undefined;
|
|
1507
|
+
}[];
|
|
1508
|
+
};
|
|
1509
|
+
ampOnboarding: {
|
|
1510
|
+
cardIndex: number;
|
|
1511
|
+
isActive: boolean;
|
|
1512
|
+
config: {
|
|
1513
|
+
classes: string;
|
|
1514
|
+
position: string;
|
|
1515
|
+
left?: string | undefined;
|
|
1516
|
+
right?: string | undefined;
|
|
1517
|
+
top?: string | undefined;
|
|
1518
|
+
bottom?: string | undefined;
|
|
1519
|
+
title: string;
|
|
1520
|
+
description: string;
|
|
1521
|
+
imageSource: string;
|
|
1522
|
+
backButtonClick: () => void;
|
|
1523
|
+
nextButtonType: string;
|
|
1524
|
+
nextButtonText: string;
|
|
1525
|
+
nextButtonClick: () => void;
|
|
1526
|
+
backButtonType?: string | undefined;
|
|
1527
|
+
backButtonText?: string | undefined;
|
|
1528
|
+
}[];
|
|
1529
|
+
};
|
|
1530
|
+
itemsOnboarding: {
|
|
1531
|
+
cardIndex: number;
|
|
1532
|
+
isActive: boolean;
|
|
1533
|
+
config: {
|
|
1534
|
+
classes: string;
|
|
1535
|
+
position: string;
|
|
1536
|
+
left?: string | undefined;
|
|
1537
|
+
right?: string | undefined;
|
|
1538
|
+
top?: string | undefined;
|
|
1539
|
+
bottom?: string | undefined;
|
|
1540
|
+
title: string;
|
|
1541
|
+
description: string;
|
|
1542
|
+
imageSource: string;
|
|
1543
|
+
backButtonClick: () => void;
|
|
1544
|
+
nextButtonType: string;
|
|
1545
|
+
nextButtonText: string;
|
|
1546
|
+
nextButtonClick: () => void;
|
|
1547
|
+
backButtonType?: string | undefined;
|
|
1548
|
+
backButtonText?: string | undefined;
|
|
1549
|
+
}[];
|
|
1550
|
+
};
|
|
1551
|
+
editorTabBarOnboarding: {
|
|
1552
|
+
cardIndex: number;
|
|
1553
|
+
isActive: boolean;
|
|
1554
|
+
config: {
|
|
1555
|
+
classes: string;
|
|
1556
|
+
position: string;
|
|
1557
|
+
left?: string | undefined;
|
|
1558
|
+
right?: string | undefined;
|
|
1559
|
+
top?: string | undefined;
|
|
1560
|
+
bottom?: string | undefined;
|
|
1561
|
+
title: string;
|
|
1562
|
+
description: string;
|
|
1563
|
+
imageSource: string;
|
|
1564
|
+
backButtonClick: () => void;
|
|
1565
|
+
nextButtonType: string;
|
|
1566
|
+
nextButtonText: string;
|
|
1567
|
+
nextButtonClick: () => void;
|
|
1568
|
+
backButtonType?: string | undefined;
|
|
1569
|
+
backButtonText?: string | undefined;
|
|
1570
|
+
}[];
|
|
1571
|
+
};
|
|
1218
1572
|
};
|
|
1219
1573
|
userModalState: {
|
|
1220
1574
|
Guido?: {
|
|
@@ -1224,6 +1578,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1224
1578
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1225
1579
|
ampOnboarding?: boolean | undefined;
|
|
1226
1580
|
itemsOnboarding?: boolean | undefined;
|
|
1581
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
1227
1582
|
} | undefined;
|
|
1228
1583
|
};
|
|
1229
1584
|
isFetched: boolean;
|
|
@@ -1372,6 +1727,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1372
1727
|
backButtonText?: string | undefined;
|
|
1373
1728
|
}[];
|
|
1374
1729
|
};
|
|
1730
|
+
editorTabBarOnboarding: {
|
|
1731
|
+
cardIndex: number;
|
|
1732
|
+
isActive: boolean;
|
|
1733
|
+
config: {
|
|
1734
|
+
classes: string;
|
|
1735
|
+
position: string;
|
|
1736
|
+
left?: string | undefined;
|
|
1737
|
+
right?: string | undefined;
|
|
1738
|
+
top?: string | undefined;
|
|
1739
|
+
bottom?: string | undefined;
|
|
1740
|
+
title: string;
|
|
1741
|
+
description: string;
|
|
1742
|
+
imageSource: string;
|
|
1743
|
+
backButtonClick: () => void;
|
|
1744
|
+
nextButtonType: string;
|
|
1745
|
+
nextButtonText: string;
|
|
1746
|
+
nextButtonClick: () => void;
|
|
1747
|
+
backButtonType?: string | undefined;
|
|
1748
|
+
backButtonText?: string | undefined;
|
|
1749
|
+
}[];
|
|
1750
|
+
};
|
|
1375
1751
|
};
|
|
1376
1752
|
userModalState: {
|
|
1377
1753
|
Guido?: {
|
|
@@ -1381,6 +1757,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1381
1757
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1382
1758
|
ampOnboarding?: boolean | undefined;
|
|
1383
1759
|
itemsOnboarding?: boolean | undefined;
|
|
1760
|
+
editorTabBarOnboarding?: boolean | undefined;
|
|
1384
1761
|
} | undefined;
|
|
1385
1762
|
};
|
|
1386
1763
|
isFetched: boolean;
|
|
@@ -6,3 +6,13 @@
|
|
|
6
6
|
* @example formatLocalTime(date, true) -> 12:20:02 (UTC+3 Istanbul)
|
|
7
7
|
*/
|
|
8
8
|
export declare const formatLocalTime: (date: Date, useTimezone?: boolean) => string;
|
|
9
|
+
/**
|
|
10
|
+
* Auto-save timestamp parts for the header status label. The component picks the
|
|
11
|
+
* copy: same day -> "Autosaved at {time}, Today"; earlier -> "Autosaved at {date}".
|
|
12
|
+
* @example autoSaveTimestamp(date) -> { isToday: true, time: '20:01', date: '16.07.2026' }
|
|
13
|
+
*/
|
|
14
|
+
export declare const autoSaveTimestamp: (date: Date, now?: Date) => {
|
|
15
|
+
isToday: boolean;
|
|
16
|
+
time: string;
|
|
17
|
+
date: string;
|
|
18
|
+
};
|
package/dist/stores/editor.js
CHANGED
|
@@ -6,6 +6,9 @@ const o = e("guidoEditor", {
|
|
|
6
6
|
isSaveAsTemplateDrawerOpen: !1,
|
|
7
7
|
isVersionHistoryOpen: !1,
|
|
8
8
|
isPreviewModeOpen: !1,
|
|
9
|
+
isAccessibilityTestingOpen: !1,
|
|
10
|
+
imagesHidden: !1,
|
|
11
|
+
colorVisionDeficiency: "",
|
|
9
12
|
editorVisualMode: "desktop",
|
|
10
13
|
hasChanges: !1,
|
|
11
14
|
isStripoInitialized: !1,
|
|
@@ -17,7 +20,8 @@ const o = e("guidoEditor", {
|
|
|
17
20
|
}),
|
|
18
21
|
getters: {
|
|
19
22
|
// Middle Slot
|
|
20
|
-
isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
|
|
23
|
+
isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isAccessibilityTestingOpen,
|
|
24
|
+
isAccessibilityModeActive: (i) => i.isAccessibilityTestingOpen,
|
|
21
25
|
isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
22
26
|
isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
23
27
|
isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { useOnboardingApi as s } from "../services/onboardingApi.js";
|
|
2
2
|
import { defineStore as e } from "pinia";
|
|
3
|
-
const
|
|
3
|
+
const r = () => ({
|
|
4
4
|
cardIndex: 0,
|
|
5
5
|
isActive: !1,
|
|
6
6
|
config: []
|
|
7
7
|
}), a = () => ({
|
|
8
8
|
onboardings: {
|
|
9
|
-
newVersionPopup:
|
|
10
|
-
genericOnboarding:
|
|
11
|
-
textBlockOnboarding:
|
|
12
|
-
versionHistoryOnboarding:
|
|
13
|
-
ampOnboarding:
|
|
14
|
-
itemsOnboarding:
|
|
9
|
+
newVersionPopup: r(),
|
|
10
|
+
genericOnboarding: r(),
|
|
11
|
+
textBlockOnboarding: r(),
|
|
12
|
+
versionHistoryOnboarding: r(),
|
|
13
|
+
ampOnboarding: r(),
|
|
14
|
+
itemsOnboarding: r(),
|
|
15
|
+
editorTabBarOnboarding: r()
|
|
15
16
|
},
|
|
16
17
|
userModalState: {},
|
|
17
18
|
isFetched: !1
|
|
@@ -44,6 +45,10 @@ const t = () => ({
|
|
|
44
45
|
const { itemsOnboarding: i } = n.onboardings;
|
|
45
46
|
return i.config[i.cardIndex];
|
|
46
47
|
},
|
|
48
|
+
getEditorTabBarCurrentCard: (n) => {
|
|
49
|
+
const { editorTabBarOnboarding: i } = n.onboardings;
|
|
50
|
+
return i.config[i.cardIndex];
|
|
51
|
+
},
|
|
47
52
|
shouldShowOnboarding: (n) => (i) => {
|
|
48
53
|
const o = n.userModalState.Guido;
|
|
49
54
|
return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
|
|
@@ -72,8 +77,8 @@ const t = () => ({
|
|
|
72
77
|
this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
|
|
73
78
|
},
|
|
74
79
|
updateCardPosition(n, i, o) {
|
|
75
|
-
const
|
|
76
|
-
|
|
80
|
+
const t = this.onboardings[n].config[i];
|
|
81
|
+
t && (t.top = o.top, t.position = o.position);
|
|
77
82
|
},
|
|
78
83
|
setConfig(n, i) {
|
|
79
84
|
this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
|
|
@@ -101,8 +106,8 @@ const t = () => ({
|
|
|
101
106
|
}
|
|
102
107
|
},
|
|
103
108
|
async setUserModalState(n, i, o) {
|
|
104
|
-
const { setUserModalState:
|
|
105
|
-
await
|
|
109
|
+
const { setUserModalState: t } = s();
|
|
110
|
+
await t(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
|
|
106
111
|
}
|
|
107
112
|
}
|
|
108
113
|
});
|
package/dist/utils/timeUtil.js
CHANGED
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const { timeZone: t } = new Intl.DateTimeFormat().resolvedOptions();
|
|
7
|
-
return ((e = t.split("/").pop()) == null ? void 0 : e.replace(/_/g, " ")) ?? t;
|
|
8
|
-
}, c = (t, e = !1) => {
|
|
9
|
-
const o = t.toLocaleTimeString([], {
|
|
10
|
-
hour: "2-digit",
|
|
11
|
-
hour12: !1,
|
|
12
|
-
minute: "2-digit",
|
|
13
|
-
second: "2-digit"
|
|
14
|
-
});
|
|
15
|
-
return e ? `${o} (${r(t)} ${a()})` : o;
|
|
16
|
-
};
|
|
1
|
+
const g = (t) => String(t).padStart(2, "0"), a = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), o = (t, e = /* @__PURE__ */ new Date()) => ({
|
|
2
|
+
isToday: a(t, e),
|
|
3
|
+
time: `${g(t.getHours())}:${g(t.getMinutes())}`,
|
|
4
|
+
date: `${g(t.getDate())}.${g(t.getMonth() + 1)}.${t.getFullYear()}`
|
|
5
|
+
});
|
|
17
6
|
export {
|
|
18
|
-
|
|
7
|
+
o as autoSaveTimestamp
|
|
19
8
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.16.0-beta.
|
|
3
|
+
"version": "3.16.0-beta.20cd2fe",
|
|
4
4
|
"description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
|
|
5
5
|
"main": "./dist/guido.umd.cjs",
|
|
6
6
|
"module": "./dist/library.js",
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import o from "./AutoSaveToggle.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import i from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var n = function() {
|
|
5
|
-
var e = this, a = e._self._c, t = e._self._setupProxy;
|
|
6
|
-
return t.isFeatureEnabled("autosave") ? a("div", { staticClass: "d-f a-i-c mr-3 auto-save-toggle", on: { mouseenter: function(s) {
|
|
7
|
-
t.isHovered = !0;
|
|
8
|
-
}, mouseleave: function(s) {
|
|
9
|
-
t.isHovered = !1;
|
|
10
|
-
} } }, [a(t.InToggle, { attrs: { id: "guido__autosave-toggle", name: "guido-autosave-toggle", checked: t.autosaveStore.isOn, disable: t.editorStore.loadingStatus }, on: { click: t.toggle } }), a("span", { staticClass: "ml-2 auto-save-toggle__label t-c-55" }, [e._v(" " + e._s(t.trans("email-editor.auto-save")) + " ")]), t.autosaveStore.status === t.AUTOSAVE_STATUS.SAVING ? a("span", { staticClass: "ml-2 d-f a-i-c f-s-1" }, [a(t.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), a("span", { staticClass: "ml-1 t-c-53" }, [e._v(" " + e._s(t.trans("newsletter.saving")) + " ")])], 1) : t.lastSavedLabel ? a("span", { staticClass: "ml-2 f-s-1 t-c-53" }, [e._v(" " + e._s(t.lastSavedLabel) + " ")]) : e._e(), t.isHovered ? a(t.InInfoBox, { staticClass: "auto-save-toggle__info-box", attrs: { id: "guido__autosave-info-box", size: "small", variant: "information", "description-text": t.trans("email-editor.auto-save-description"), "title-text": t.trans("email-editor.auto-save-title") } }) : e._e()], 1) : e._e();
|
|
11
|
-
}, l = [], r = /* @__PURE__ */ i(
|
|
12
|
-
o,
|
|
13
|
-
n,
|
|
14
|
-
l,
|
|
15
|
-
!1,
|
|
16
|
-
null,
|
|
17
|
-
"2c964af4"
|
|
18
|
-
);
|
|
19
|
-
const d = r.exports;
|
|
20
|
-
export {
|
|
21
|
-
d as default
|
|
22
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { defineComponent as i, ref as f, computed as u } from "vue";
|
|
2
|
-
import { useConfig as l } from "../../../composables/useConfig.js";
|
|
3
|
-
import { useTranslations as p } from "../../../composables/useTranslations.js";
|
|
4
|
-
import { useAutosaveStore as c, AUTOSAVE_STATUS as t } from "../../../stores/autosave.js";
|
|
5
|
-
import { useEditorStore as S } from "../../../stores/editor.js";
|
|
6
|
-
import { formatLocalTime as d } from "../../../utils/timeUtil.js";
|
|
7
|
-
import { InToggle as g, InLoading as _, InInfoBox as A } from "@useinsider/design-system-vue";
|
|
8
|
-
const U = /* @__PURE__ */ i({
|
|
9
|
-
__name: "AutoSaveToggle",
|
|
10
|
-
setup(v) {
|
|
11
|
-
const { isFeatureEnabled: e } = l(), r = S(), o = c(), s = p(), n = f(!1), a = u(() => o.status !== t.SAVED || !o.lastSavedAt ? "" : d(o.lastSavedAt));
|
|
12
|
-
return { __sfc: !0, isFeatureEnabled: e, editorStore: r, autosaveStore: o, trans: s, isHovered: n, lastSavedLabel: a, toggle: (m) => {
|
|
13
|
-
o.isOn = m;
|
|
14
|
-
}, AUTOSAVE_STATUS: t, InInfoBox: A, InLoading: _, InToggle: g };
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
export {
|
|
18
|
-
U as default
|
|
19
|
-
};
|
/package/dist/src/components/organisms/header/{AutoSaveToggle.vue.d.ts → AutoSaveStatus.vue.d.ts}
RENAMED
|
File without changes
|