@useinsider/guido 3.1.1-beta.c70df9c → 3.2.0-beta.e01b42a
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 +8 -10
- package/dist/composables/useHtmlValidator.js +38 -40
- package/dist/config/i18n/en/tooltips.json.js +2 -1
- package/dist/extensions/Blocks/Recommendation/block.js +1 -1
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +1 -1
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +81 -79
- package/dist/extensions/Blocks/Recommendation/utils/tagName.js +6 -6
- package/dist/extensions/Blocks/Unsubscribe/settingsPanel.js +16 -17
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +324 -218
- package/dist/package.json.js +1 -1
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +3 -3
- package/dist/src/stores/config.d.ts +0 -18
- package/dist/static/styles/components/button.css.js +13 -7
- package/dist/static/styles/components/narrow-panel.css.js +52 -0
- package/package.json +3 -3
package/dist/package.json.js
CHANGED
|
@@ -95,8 +95,6 @@ export declare const TemplateSchema: v.ObjectSchema<{
|
|
|
95
95
|
readonly value: v.StringSchema<undefined>;
|
|
96
96
|
}, undefined>, undefined>;
|
|
97
97
|
}, undefined>, undefined>, readonly []>;
|
|
98
|
-
/** Valid custom field attribute names from the partner's categorized fields */
|
|
99
|
-
readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
|
|
100
98
|
/** Selected unsubscribe page IDs */
|
|
101
99
|
readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
|
|
102
100
|
/** Force recreate template in Stripo storage (use true when updating externally modified templates) */
|
|
@@ -424,8 +422,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
|
|
|
424
422
|
readonly value: v.StringSchema<undefined>;
|
|
425
423
|
}, undefined>, undefined>;
|
|
426
424
|
}, undefined>, undefined>, readonly []>;
|
|
427
|
-
/** Valid custom field attribute names from the partner's categorized fields */
|
|
428
|
-
readonly customFieldAttributes: v.OptionalSchema<v.ArraySchema<v.StringSchema<undefined>, undefined>, readonly []>;
|
|
429
425
|
/** Selected unsubscribe page IDs */
|
|
430
426
|
readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
|
|
431
427
|
/** Force recreate template in Stripo storage (use true when updating externally modified templates) */
|
|
@@ -30,7 +30,6 @@ export declare const useConfig: () => {
|
|
|
30
30
|
value: string;
|
|
31
31
|
} | undefined;
|
|
32
32
|
}[];
|
|
33
|
-
customFieldAttributes: string[];
|
|
34
33
|
selectedUnsubscribePages: number[];
|
|
35
34
|
forceRecreate: boolean;
|
|
36
35
|
};
|
|
@@ -122,7 +121,6 @@ export declare const useConfig: () => {
|
|
|
122
121
|
value: string;
|
|
123
122
|
} | undefined;
|
|
124
123
|
}[];
|
|
125
|
-
customFieldAttributes: string[];
|
|
126
124
|
selectedUnsubscribePages: number[];
|
|
127
125
|
forceRecreate: boolean;
|
|
128
126
|
} | null>;
|
|
@@ -15,7 +15,7 @@ export interface NodeWithGetStyle {
|
|
|
15
15
|
}
|
|
16
16
|
/** Interface for nodes with parent method */
|
|
17
17
|
export interface NodeWithParent {
|
|
18
|
-
parent: () => ImmutableHtmlNode |
|
|
18
|
+
parent: () => ImmutableHtmlNode | undefined;
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
21
|
* Type guard to check if a node has getStyle method
|
|
@@ -38,13 +38,13 @@ export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & Nod
|
|
|
38
38
|
* @param property - The CSS property name
|
|
39
39
|
* @returns The style value or null if not accessible
|
|
40
40
|
*/
|
|
41
|
-
export declare function safeGetStyle(node: ImmutableHtmlNode | null, property: string): string | null | undefined;
|
|
41
|
+
export declare function safeGetStyle(node: ImmutableHtmlNode | null | undefined, property: string): string | null | undefined;
|
|
42
42
|
/**
|
|
43
43
|
* Safely retrieves the parent element of a node
|
|
44
44
|
* @param node - The node to get the parent from
|
|
45
45
|
* @returns The parent node or null if not accessible
|
|
46
46
|
*/
|
|
47
|
-
export declare function safeGetParent(node: ImmutableHtmlNode | null): ImmutableHtmlNode | null;
|
|
47
|
+
export declare function safeGetParent(node: ImmutableHtmlNode | null | undefined): ImmutableHtmlNode | null;
|
|
48
48
|
/**
|
|
49
49
|
* Safely retrieves the tag name from a node.
|
|
50
50
|
* Handles both standard DOM tagName property and Stripo's getTagName() method.
|
|
@@ -35,7 +35,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
35
35
|
value: string;
|
|
36
36
|
} | undefined;
|
|
37
37
|
}[];
|
|
38
|
-
customFieldAttributes: string[];
|
|
39
38
|
selectedUnsubscribePages: number[];
|
|
40
39
|
forceRecreate: boolean;
|
|
41
40
|
};
|
|
@@ -133,7 +132,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
133
132
|
value: string;
|
|
134
133
|
} | undefined;
|
|
135
134
|
}[];
|
|
136
|
-
customFieldAttributes: string[];
|
|
137
135
|
selectedUnsubscribePages: number[];
|
|
138
136
|
forceRecreate: boolean;
|
|
139
137
|
};
|
|
@@ -231,7 +229,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
231
229
|
value: string;
|
|
232
230
|
} | undefined;
|
|
233
231
|
}[];
|
|
234
|
-
customFieldAttributes: string[];
|
|
235
232
|
selectedUnsubscribePages: number[];
|
|
236
233
|
forceRecreate: boolean;
|
|
237
234
|
};
|
|
@@ -329,7 +326,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
329
326
|
value: string;
|
|
330
327
|
} | undefined;
|
|
331
328
|
}[];
|
|
332
|
-
customFieldAttributes: string[];
|
|
333
329
|
selectedUnsubscribePages: number[];
|
|
334
330
|
forceRecreate: boolean;
|
|
335
331
|
};
|
|
@@ -427,7 +423,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
427
423
|
value: string;
|
|
428
424
|
} | undefined;
|
|
429
425
|
}[];
|
|
430
|
-
customFieldAttributes: string[];
|
|
431
426
|
selectedUnsubscribePages: number[];
|
|
432
427
|
forceRecreate: boolean;
|
|
433
428
|
};
|
|
@@ -525,7 +520,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
525
520
|
value: string;
|
|
526
521
|
} | undefined;
|
|
527
522
|
}[];
|
|
528
|
-
customFieldAttributes: string[];
|
|
529
523
|
selectedUnsubscribePages: number[];
|
|
530
524
|
forceRecreate: boolean;
|
|
531
525
|
};
|
|
@@ -623,7 +617,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
623
617
|
value: string;
|
|
624
618
|
} | undefined;
|
|
625
619
|
}[];
|
|
626
|
-
customFieldAttributes: string[];
|
|
627
620
|
selectedUnsubscribePages: number[];
|
|
628
621
|
forceRecreate: boolean;
|
|
629
622
|
};
|
|
@@ -721,7 +714,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
721
714
|
value: string;
|
|
722
715
|
} | undefined;
|
|
723
716
|
}[];
|
|
724
|
-
customFieldAttributes: string[];
|
|
725
717
|
selectedUnsubscribePages: number[];
|
|
726
718
|
forceRecreate: boolean;
|
|
727
719
|
};
|
|
@@ -819,7 +811,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
819
811
|
value: string;
|
|
820
812
|
} | undefined;
|
|
821
813
|
}[];
|
|
822
|
-
customFieldAttributes: string[];
|
|
823
814
|
selectedUnsubscribePages: number[];
|
|
824
815
|
forceRecreate: boolean;
|
|
825
816
|
};
|
|
@@ -917,7 +908,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
917
908
|
value: string;
|
|
918
909
|
} | undefined;
|
|
919
910
|
}[];
|
|
920
|
-
customFieldAttributes: string[];
|
|
921
911
|
selectedUnsubscribePages: number[];
|
|
922
912
|
forceRecreate: boolean;
|
|
923
913
|
};
|
|
@@ -1015,7 +1005,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1015
1005
|
value: string;
|
|
1016
1006
|
} | undefined;
|
|
1017
1007
|
}[];
|
|
1018
|
-
customFieldAttributes: string[];
|
|
1019
1008
|
selectedUnsubscribePages: number[];
|
|
1020
1009
|
forceRecreate: boolean;
|
|
1021
1010
|
};
|
|
@@ -1113,7 +1102,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1113
1102
|
value: string;
|
|
1114
1103
|
} | undefined;
|
|
1115
1104
|
}[];
|
|
1116
|
-
customFieldAttributes: string[];
|
|
1117
1105
|
selectedUnsubscribePages: number[];
|
|
1118
1106
|
forceRecreate: boolean;
|
|
1119
1107
|
};
|
|
@@ -1211,7 +1199,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1211
1199
|
value: string;
|
|
1212
1200
|
} | undefined;
|
|
1213
1201
|
}[];
|
|
1214
|
-
customFieldAttributes: string[];
|
|
1215
1202
|
selectedUnsubscribePages: number[];
|
|
1216
1203
|
forceRecreate: boolean;
|
|
1217
1204
|
};
|
|
@@ -1309,7 +1296,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1309
1296
|
value: string;
|
|
1310
1297
|
} | undefined;
|
|
1311
1298
|
}[];
|
|
1312
|
-
customFieldAttributes: string[];
|
|
1313
1299
|
selectedUnsubscribePages: number[];
|
|
1314
1300
|
forceRecreate: boolean;
|
|
1315
1301
|
};
|
|
@@ -1407,7 +1393,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1407
1393
|
value: string;
|
|
1408
1394
|
} | undefined;
|
|
1409
1395
|
}[];
|
|
1410
|
-
customFieldAttributes: string[];
|
|
1411
1396
|
selectedUnsubscribePages: number[];
|
|
1412
1397
|
forceRecreate: boolean;
|
|
1413
1398
|
};
|
|
@@ -1505,7 +1490,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1505
1490
|
value: string;
|
|
1506
1491
|
} | undefined;
|
|
1507
1492
|
}[];
|
|
1508
|
-
customFieldAttributes: string[];
|
|
1509
1493
|
selectedUnsubscribePages: number[];
|
|
1510
1494
|
forceRecreate: boolean;
|
|
1511
1495
|
};
|
|
@@ -1603,7 +1587,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1603
1587
|
value: string;
|
|
1604
1588
|
} | undefined;
|
|
1605
1589
|
}[];
|
|
1606
|
-
customFieldAttributes: string[];
|
|
1607
1590
|
selectedUnsubscribePages: number[];
|
|
1608
1591
|
forceRecreate: boolean;
|
|
1609
1592
|
};
|
|
@@ -1701,7 +1684,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
|
|
|
1701
1684
|
value: string;
|
|
1702
1685
|
} | undefined;
|
|
1703
1686
|
}[];
|
|
1704
|
-
customFieldAttributes: string[];
|
|
1705
1687
|
selectedUnsubscribePages: number[];
|
|
1706
1688
|
forceRecreate: boolean;
|
|
1707
1689
|
};
|
|
@@ -99,18 +99,12 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
|
|
|
99
99
|
color: var(--guido-color-primary-500);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
ue-select.full-width .button {
|
|
103
|
-
border: none !important;
|
|
104
|
-
background-color: var(--guido-color-neutral-200) !important;
|
|
105
|
-
color: var(--guido-color-neutral-800) !important;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
102
|
ue-select.full-width .button .icon-button {
|
|
109
103
|
color: var(--guido-color-gray-600) !important;
|
|
110
104
|
}
|
|
111
105
|
|
|
112
106
|
ue-select.full-width .button:hover:not(:disabled,.disabled) {
|
|
113
|
-
background-color: var(--guido-color-
|
|
107
|
+
background-color: var(--guido-color-gray-0) !important;
|
|
114
108
|
}
|
|
115
109
|
|
|
116
110
|
ue-color {
|
|
@@ -130,6 +124,18 @@ ue-select-text-input .select-text-input-toggle .button {
|
|
|
130
124
|
justify-content: center;
|
|
131
125
|
background-color: transparent !important;
|
|
132
126
|
}
|
|
127
|
+
|
|
128
|
+
.control-shadow-wrapper,
|
|
129
|
+
ue-button:not(.no-shadow,.flat-white),
|
|
130
|
+
ue-toggle:not(.no-shadow,.flat-white),
|
|
131
|
+
:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
|
|
132
|
+
.button-group,
|
|
133
|
+
ue-counter:not(.no-shadow),
|
|
134
|
+
:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
|
|
135
|
+
ue-check-button:not(.no-shadow,.flat-white) {
|
|
136
|
+
background: none;
|
|
137
|
+
padding: 0;
|
|
138
|
+
}
|
|
133
139
|
`;
|
|
134
140
|
export {
|
|
135
141
|
o as default
|
|
@@ -28,6 +28,58 @@ ue-stripe-thumb:hover:not(.disabled),
|
|
|
28
28
|
border-color: var(--guido-color-primary-500);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
/* Module search — initial */
|
|
32
|
+
.module-search-container {
|
|
33
|
+
background-color: var(--guido-color-gray-0);
|
|
34
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
35
|
+
border-radius: 4px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.module-search-container .service-element {
|
|
39
|
+
background-color: unset;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.module-filter-toggle {
|
|
43
|
+
top: -1px !important;
|
|
44
|
+
right: -1px !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.module-filter-toggle > .button,
|
|
48
|
+
.module-search-container:hover .module-filter-toggle > .button {
|
|
49
|
+
border: none;
|
|
50
|
+
background: transparent;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* Module search — hover */
|
|
54
|
+
.module-search-container:has(.module-search-chip-input:hover) {
|
|
55
|
+
border-color: var(--guido-color-primary-500);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.module-search-container .module-search-chip-input .service-element:hover {
|
|
59
|
+
background-color: var(--guido-color-gray-0);
|
|
60
|
+
border-radius: 4px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.module-search-container .module-filter-toggle:hover > .button {
|
|
64
|
+
background-color: var(--guido-color-gray-1);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* Module search — selected (.on) */
|
|
68
|
+
.module-search-container:has(.module-search-chip-input.on),
|
|
69
|
+
.module-search-container:has(.module-search-chip-input.on):hover {
|
|
70
|
+
border-color: var(--guido-color-primary-500);
|
|
71
|
+
box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.module-search-container .module-search-chip-input.on .input-section {
|
|
75
|
+
background-color: unset;
|
|
76
|
+
box-shadow: unset;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.module-categories-list .menu-item {
|
|
80
|
+
padding: 8px 20px !important;
|
|
81
|
+
}
|
|
82
|
+
|
|
31
83
|
.modules-layout-wrapper {
|
|
32
84
|
padding: 0 16px 16px;
|
|
33
85
|
grid-row-gap: 16px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0-beta.e01b42a",
|
|
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",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"author": "",
|
|
33
33
|
"license": "ISC",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@stripoinc/ui-editor-extensions": "3.
|
|
35
|
+
"@stripoinc/ui-editor-extensions": "3.7.0",
|
|
36
36
|
"@useinsider/design-system-vue": "0.14.28",
|
|
37
37
|
"@vueuse/core": "11.3.0",
|
|
38
38
|
"lodash-es": "4.17.21",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
},
|
|
87
87
|
"guido": {
|
|
88
88
|
"stripo": {
|
|
89
|
-
"version": "2.
|
|
89
|
+
"version": "2.59.0"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|