@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/config/schemas.js +23 -25
- package/dist/components/organisms/header/AutoSaveToggle.vue.js +22 -0
- package/dist/components/organisms/header/AutoSaveToggle.vue2.js +19 -0
- package/dist/components/organisms/header/EditorActions.vue.js +11 -11
- package/dist/components/organisms/header/EditorActions.vue2.js +50 -34
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +23 -28
- package/dist/components/organisms/header/MiddleSlot.vue.js +4 -4
- package/dist/components/organisms/header/MiddleSlot.vue2.js +7 -8
- package/dist/components/organisms/header/RightSlot.vue.js +6 -6
- package/dist/components/organisms/header/RightSlot.vue2.js +15 -17
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +34 -43
- package/dist/config/i18n/en/labels.json.js +4 -28
- package/dist/guido.css +1 -1
- package/dist/node_modules/@vueuse/shared/index.js +28 -40
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/composables/useActionsApi.d.ts +2 -2
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/stores/config.d.ts +0 -18
- package/dist/src/stores/editor.d.ts +0 -107
- package/dist/src/stores/onboarding.d.ts +0 -377
- package/dist/src/stores/version-history.d.ts +1 -1
- package/dist/src/utils/timeUtil.d.ts +0 -10
- package/dist/stores/editor.js +1 -5
- package/dist/stores/onboarding.js +11 -16
- package/dist/utils/timeUtil.js +17 -6
- package/package.json +1 -1
- package/dist/components/organisms/header/AutoSaveStatus.vue.js +0 -17
- package/dist/components/organisms/header/AutoSaveStatus.vue2.js +0 -21
- package/dist/components/organisms/header/EditorActionsMenu.vue.js +0 -20
- package/dist/components/organisms/header/EditorActionsMenu.vue2.js +0 -39
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js +0 -18
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js +0 -37
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js +0 -24
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js +0 -48
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js +0 -18
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js +0 -74
- package/dist/composables/useAccessibilityApi.js +0 -31
- package/dist/node_modules/@vueuse/core/index.js +0 -102
- package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts +0 -2
- package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts +0 -2
- package/dist/src/components/organisms/header/accessibility/ColorVisionSelect.vue.d.ts +0 -2
- package/dist/src/components/organisms/onboarding/EditorTabBarOnboarding.vue.d.ts +0 -2
- package/dist/src/composables/useAccessibilityApi.d.ts +0 -15
- /package/dist/src/components/organisms/header/{AutoSaveStatus.vue.d.ts → AutoSaveToggle.vue.d.ts} +0 -0
|
@@ -128,27 +128,6 @@ 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
|
-
};
|
|
152
131
|
};
|
|
153
132
|
userModalState: {
|
|
154
133
|
Guido?: {
|
|
@@ -158,7 +137,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
158
137
|
versionHistoryOnboarding?: boolean | undefined;
|
|
159
138
|
ampOnboarding?: boolean | undefined;
|
|
160
139
|
itemsOnboarding?: boolean | undefined;
|
|
161
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
162
140
|
} | undefined;
|
|
163
141
|
};
|
|
164
142
|
isFetched: boolean;
|
|
@@ -311,27 +289,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
311
289
|
backButtonText?: string | undefined;
|
|
312
290
|
}[];
|
|
313
291
|
};
|
|
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
|
-
};
|
|
335
292
|
};
|
|
336
293
|
userModalState: {
|
|
337
294
|
Guido?: {
|
|
@@ -341,7 +298,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
341
298
|
versionHistoryOnboarding?: boolean | undefined;
|
|
342
299
|
ampOnboarding?: boolean | undefined;
|
|
343
300
|
itemsOnboarding?: boolean | undefined;
|
|
344
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
345
301
|
} | undefined;
|
|
346
302
|
};
|
|
347
303
|
isFetched: boolean;
|
|
@@ -474,27 +430,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
474
430
|
backButtonText?: string | undefined;
|
|
475
431
|
}[];
|
|
476
432
|
};
|
|
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
|
-
};
|
|
498
433
|
};
|
|
499
434
|
userModalState: {
|
|
500
435
|
Guido?: {
|
|
@@ -504,7 +439,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
504
439
|
versionHistoryOnboarding?: boolean | undefined;
|
|
505
440
|
ampOnboarding?: boolean | undefined;
|
|
506
441
|
itemsOnboarding?: boolean | undefined;
|
|
507
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
508
442
|
} | undefined;
|
|
509
443
|
};
|
|
510
444
|
isFetched: boolean;
|
|
@@ -653,27 +587,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
653
587
|
backButtonText?: string | undefined;
|
|
654
588
|
}[];
|
|
655
589
|
};
|
|
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
|
-
};
|
|
677
590
|
};
|
|
678
591
|
userModalState: {
|
|
679
592
|
Guido?: {
|
|
@@ -683,7 +596,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
683
596
|
versionHistoryOnboarding?: boolean | undefined;
|
|
684
597
|
ampOnboarding?: boolean | undefined;
|
|
685
598
|
itemsOnboarding?: boolean | undefined;
|
|
686
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
687
599
|
} | undefined;
|
|
688
600
|
};
|
|
689
601
|
isFetched: boolean;
|
|
@@ -832,27 +744,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
832
744
|
backButtonText?: string | undefined;
|
|
833
745
|
}[];
|
|
834
746
|
};
|
|
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
|
-
};
|
|
856
747
|
};
|
|
857
748
|
userModalState: {
|
|
858
749
|
Guido?: {
|
|
@@ -862,7 +753,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
862
753
|
versionHistoryOnboarding?: boolean | undefined;
|
|
863
754
|
ampOnboarding?: boolean | undefined;
|
|
864
755
|
itemsOnboarding?: boolean | undefined;
|
|
865
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
866
756
|
} | undefined;
|
|
867
757
|
};
|
|
868
758
|
isFetched: boolean;
|
|
@@ -1011,27 +901,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1011
901
|
backButtonText?: string | undefined;
|
|
1012
902
|
}[];
|
|
1013
903
|
};
|
|
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
|
-
};
|
|
1035
904
|
};
|
|
1036
905
|
userModalState: {
|
|
1037
906
|
Guido?: {
|
|
@@ -1041,7 +910,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1041
910
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1042
911
|
ampOnboarding?: boolean | undefined;
|
|
1043
912
|
itemsOnboarding?: boolean | undefined;
|
|
1044
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
1045
913
|
} | undefined;
|
|
1046
914
|
};
|
|
1047
915
|
isFetched: boolean;
|
|
@@ -1190,27 +1058,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1190
1058
|
backButtonText?: string | undefined;
|
|
1191
1059
|
}[];
|
|
1192
1060
|
};
|
|
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
|
-
};
|
|
1214
1061
|
};
|
|
1215
1062
|
userModalState: {
|
|
1216
1063
|
Guido?: {
|
|
@@ -1220,7 +1067,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1220
1067
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1221
1068
|
ampOnboarding?: boolean | undefined;
|
|
1222
1069
|
itemsOnboarding?: boolean | undefined;
|
|
1223
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
1224
1070
|
} | undefined;
|
|
1225
1071
|
};
|
|
1226
1072
|
isFetched: boolean;
|
|
@@ -1369,206 +1215,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1369
1215
|
backButtonText?: string | undefined;
|
|
1370
1216
|
}[];
|
|
1371
1217
|
};
|
|
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
|
-
};
|
|
1572
1218
|
};
|
|
1573
1219
|
userModalState: {
|
|
1574
1220
|
Guido?: {
|
|
@@ -1578,7 +1224,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1578
1224
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1579
1225
|
ampOnboarding?: boolean | undefined;
|
|
1580
1226
|
itemsOnboarding?: boolean | undefined;
|
|
1581
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
1582
1227
|
} | undefined;
|
|
1583
1228
|
};
|
|
1584
1229
|
isFetched: boolean;
|
|
@@ -1727,27 +1372,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1727
1372
|
backButtonText?: string | undefined;
|
|
1728
1373
|
}[];
|
|
1729
1374
|
};
|
|
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
|
-
};
|
|
1751
1375
|
};
|
|
1752
1376
|
userModalState: {
|
|
1753
1377
|
Guido?: {
|
|
@@ -1757,7 +1381,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
|
|
|
1757
1381
|
versionHistoryOnboarding?: boolean | undefined;
|
|
1758
1382
|
ampOnboarding?: boolean | undefined;
|
|
1759
1383
|
itemsOnboarding?: boolean | undefined;
|
|
1760
|
-
editorTabBarOnboarding?: boolean | undefined;
|
|
1761
1384
|
} | undefined;
|
|
1762
1385
|
};
|
|
1763
1386
|
isFetched: boolean;
|
|
@@ -6,13 +6,3 @@
|
|
|
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,9 +6,6 @@ const o = e("guidoEditor", {
|
|
|
6
6
|
isSaveAsTemplateDrawerOpen: !1,
|
|
7
7
|
isVersionHistoryOpen: !1,
|
|
8
8
|
isPreviewModeOpen: !1,
|
|
9
|
-
isAccessibilityTestingOpen: !1,
|
|
10
|
-
imagesHidden: !1,
|
|
11
|
-
colorVisionDeficiency: "",
|
|
12
9
|
editorVisualMode: "desktop",
|
|
13
10
|
hasChanges: !1,
|
|
14
11
|
isStripoInitialized: !1,
|
|
@@ -20,8 +17,7 @@ const o = e("guidoEditor", {
|
|
|
20
17
|
}),
|
|
21
18
|
getters: {
|
|
22
19
|
// Middle Slot
|
|
23
|
-
isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen
|
|
24
|
-
isAccessibilityModeActive: (i) => i.isAccessibilityTestingOpen,
|
|
20
|
+
isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
|
|
25
21
|
isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
26
22
|
isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
27
23
|
isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { useOnboardingApi as s } from "../services/onboardingApi.js";
|
|
2
2
|
import { defineStore as e } from "pinia";
|
|
3
|
-
const
|
|
3
|
+
const t = () => ({
|
|
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:
|
|
15
|
-
editorTabBarOnboarding: r()
|
|
9
|
+
newVersionPopup: t(),
|
|
10
|
+
genericOnboarding: t(),
|
|
11
|
+
textBlockOnboarding: t(),
|
|
12
|
+
versionHistoryOnboarding: t(),
|
|
13
|
+
ampOnboarding: t(),
|
|
14
|
+
itemsOnboarding: t()
|
|
16
15
|
},
|
|
17
16
|
userModalState: {},
|
|
18
17
|
isFetched: !1
|
|
@@ -45,10 +44,6 @@ const r = () => ({
|
|
|
45
44
|
const { itemsOnboarding: i } = n.onboardings;
|
|
46
45
|
return i.config[i.cardIndex];
|
|
47
46
|
},
|
|
48
|
-
getEditorTabBarCurrentCard: (n) => {
|
|
49
|
-
const { editorTabBarOnboarding: i } = n.onboardings;
|
|
50
|
-
return i.config[i.cardIndex];
|
|
51
|
-
},
|
|
52
47
|
shouldShowOnboarding: (n) => (i) => {
|
|
53
48
|
const o = n.userModalState.Guido;
|
|
54
49
|
return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
|
|
@@ -77,8 +72,8 @@ const r = () => ({
|
|
|
77
72
|
this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
|
|
78
73
|
},
|
|
79
74
|
updateCardPosition(n, i, o) {
|
|
80
|
-
const
|
|
81
|
-
|
|
75
|
+
const r = this.onboardings[n].config[i];
|
|
76
|
+
r && (r.top = o.top, r.position = o.position);
|
|
82
77
|
},
|
|
83
78
|
setConfig(n, i) {
|
|
84
79
|
this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
|
|
@@ -106,8 +101,8 @@ const r = () => ({
|
|
|
106
101
|
}
|
|
107
102
|
},
|
|
108
103
|
async setUserModalState(n, i, o) {
|
|
109
|
-
const { setUserModalState:
|
|
110
|
-
await
|
|
104
|
+
const { setUserModalState: r } = s();
|
|
105
|
+
await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
|
|
111
106
|
}
|
|
112
107
|
}
|
|
113
108
|
});
|
package/dist/utils/timeUtil.js
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
const r = (t) => {
|
|
2
|
+
const e = -t.getTimezoneOffset(), o = e >= 0 ? "+" : "-", n = Math.abs(e), s = Math.floor(n / 60), i = n % 60;
|
|
3
|
+
return i === 0 ? `UTC${o}${s}` : `UTC${o}${s}:${String(i).padStart(2, "0")}`;
|
|
4
|
+
}, a = () => {
|
|
5
|
+
var e;
|
|
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
|
+
};
|
|
6
17
|
export {
|
|
7
|
-
|
|
18
|
+
c as formatLocalTime
|
|
8
19
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.16.0
|
|
3
|
+
"version": "3.16.0",
|
|
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,17 +0,0 @@
|
|
|
1
|
-
import e from "./AutoSaveStatus.vue2.js";
|
|
2
|
-
import r from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var n = function() {
|
|
4
|
-
var s = this, t = s._self._c, a = s._self._setupProxy;
|
|
5
|
-
return a.isFeatureEnabled("autosave") ? t("div", { staticClass: "d-f a-i-c mr-3 auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? t("span", { staticClass: "d-f a-i-c f-s-1" }, [t(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), t("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? t("span", { staticClass: "f-s-1 t-c-53" }, [s._v(s._s(a.savedLabel))]) : s._e()]) : s._e();
|
|
6
|
-
}, _ = [], o = /* @__PURE__ */ r(
|
|
7
|
-
e,
|
|
8
|
-
n,
|
|
9
|
-
_,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const u = o.exports;
|
|
15
|
-
export {
|
|
16
|
-
u as default
|
|
17
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { defineComponent as i, computed as u } from "vue";
|
|
2
|
-
import { useConfig as d } from "../../../composables/useConfig.js";
|
|
3
|
-
import { useTranslations as p } from "../../../composables/useTranslations.js";
|
|
4
|
-
import { useAutosaveStore as f, AUTOSAVE_STATUS as o } from "../../../stores/autosave.js";
|
|
5
|
-
import { autoSaveTimestamp as S } from "../../../utils/timeUtil.js";
|
|
6
|
-
import { InLoading as c } from "@useinsider/design-system-vue";
|
|
7
|
-
const g = /* @__PURE__ */ i({
|
|
8
|
-
__name: "AutoSaveStatus",
|
|
9
|
-
setup(v) {
|
|
10
|
-
const { isFeatureEnabled: a } = d(), t = f(), e = p(), s = u(() => {
|
|
11
|
-
if (t.status !== o.SAVED || !t.lastSavedAt)
|
|
12
|
-
return "";
|
|
13
|
-
const { isToday: r, time: m, date: n } = S(t.lastSavedAt);
|
|
14
|
-
return r ? e("email-editor.autosaved-at-today", { time: m }) : e("email-editor.autosaved-at-date", { date: n });
|
|
15
|
-
});
|
|
16
|
-
return { __sfc: !0, isFeatureEnabled: a, autosaveStore: t, trans: e, savedLabel: s, AUTOSAVE_STATUS: o, InLoading: c };
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
export {
|
|
20
|
-
g as default
|
|
21
|
-
};
|