@useinsider/guido 1.0.0-beta.a19efaa → 1.0.0-beta.a3ed027
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/README.md +133 -21
- package/dist/@types/generic.d.ts +3 -5
- package/dist/components/Guido.vue.d.ts +9 -2
- package/dist/components/Guido.vue.js +8 -8
- package/dist/components/Guido.vue2.js +56 -31
- package/dist/components/organisms/design-preview/AmpErrorModal.vue.d.ts +16 -0
- package/dist/components/organisms/design-preview/AmpErrorModal.vue.js +21 -0
- package/dist/components/organisms/design-preview/AmpErrorModal.vue2.js +30 -0
- package/dist/components/organisms/design-preview/DesktopPreview.vue.d.ts +16 -0
- package/dist/components/organisms/design-preview/DesktopPreview.vue.js +22 -0
- package/dist/components/organisms/design-preview/DesktopPreview.vue2.js +43 -0
- package/dist/components/organisms/design-preview/EmailPreview.vue.d.ts +16 -0
- package/dist/components/organisms/design-preview/EmailPreview.vue.js +17 -0
- package/dist/components/organisms/design-preview/EmailPreview.vue2.js +33 -0
- package/dist/components/organisms/design-preview/EmailView.vue.d.ts +18 -0
- package/dist/components/organisms/design-preview/EmailView.vue.js +19 -0
- package/dist/components/organisms/design-preview/EmailView.vue2.js +24 -0
- package/dist/components/organisms/design-preview/InboxView.vue.d.ts +17 -0
- package/dist/components/organisms/design-preview/InboxView.vue.js +19 -0
- package/dist/components/organisms/design-preview/InboxView.vue2.js +23 -0
- package/dist/components/organisms/design-preview/MobilePreview.vue.d.ts +17 -0
- package/dist/components/organisms/design-preview/MobilePreview.vue.js +17 -0
- package/dist/components/organisms/design-preview/MobilePreview.vue2.js +23 -0
- package/dist/components/organisms/header/AmpToggle.vue.d.ts +2 -0
- package/dist/components/organisms/header/AmpToggle.vue.js +17 -0
- package/dist/components/organisms/header/AmpToggle.vue2.js +48 -0
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +10 -8
- package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
- package/dist/components/organisms/header/MiddleSlot.vue2.js +18 -13
- package/dist/components/organisms/header/RightSlot.vue.js +7 -7
- package/dist/components/organisms/header/RightSlot.vue2.js +27 -15
- package/dist/components/organisms/header/ViewOptions.vue.js +6 -6
- package/dist/composables/useActionsApi.d.ts +2 -0
- package/dist/composables/useActionsApi.js +47 -36
- package/dist/composables/useDebounce.d.ts +4 -0
- package/dist/composables/useDebounce.js +12 -0
- package/dist/composables/useGuidoActions.d.ts +46 -0
- package/dist/composables/useGuidoActions.js +37 -0
- package/dist/composables/useMobileGmailFit.d.ts +5 -0
- package/dist/composables/useMobileGmailFit.js +69 -0
- package/dist/composables/useProvideInject.d.ts +14 -0
- package/dist/composables/useProvideInject.js +17 -0
- package/dist/composables/useStripo.js +15 -14
- package/dist/enums/emailPreview.d.ts +3 -0
- package/dist/enums/emailPreview.js +6 -0
- package/dist/enums/gmailMobilePreview.d.ts +7 -0
- package/dist/enums/gmailMobilePreview.js +17 -0
- package/dist/guido.css +1 -1
- package/dist/inbox-mockup.svg +39 -0
- package/dist/mock/api/default-template.d.ts +2 -0
- package/dist/phone-mockup.svg +31 -0
- package/dist/services/stripoApi.d.ts +2 -1
- package/dist/services/stripoApi.js +27 -7
- package/dist/stores/editor.d.ts +3 -0
- package/dist/stores/editor.js +6 -3
- package/package.json +1 -1
- package/dist/composables/useTemplates.d.ts +0 -5
- package/dist/composables/useTemplates.js +0 -27
- package/dist/static/templates/default/index.html.js +0 -5
- package/dist/static/templates/default/style.css.js +0 -119
- package/dist/utils/tooltipUtils.d.ts +0 -2
- package/dist/utils/tooltipUtils.js +0 -9
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
const t = `/* CONFIG STYLES Please do not delete and edit CSS styles below */ /* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */ #outlook a { padding: 0; }.ExternalClass { width: 100%; }.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }.es-button { mso-style-priority: 100 !important; text-decoration: none !important; }a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }.es-desk-hidden { display: none; float: left; overflow: hidden; width: 0; max-height: 0; line-height: 0; mso-hide: all; }/* END OF IMPORTANT */ html, body { width: 100%; font-family: arial, 'helvetica neue', helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; }table td, html, body, .es-wrapper { padding: 0; Margin: 0; }.es-content, .es-header, .es-footer { table-layout: fixed !important; width: 100%; }img { display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }table tr { border-collapse: collapse; }p, hr { Margin: 0; }h1, h2, h3, h4, h5 { Margin: 0; line-height: 120%; mso-line-height-rule: exactly; font-family: arial, 'helvetica neue', helvetica, sans-serif; }p, ul li, ol li, a { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; mso-line-height-rule: exactly; }.es-left { float: left; }.es-right { float: right; }.es-p5 { padding: 5px; }.es-p5t { padding-top: 5px; }.es-p5b { padding-bottom: 5px; }.es-p5l { padding-left: 5px; }.es-p5r { padding-right: 5px; }.es-p10 { padding: 10px; }.es-p10t { padding-top: 10px; }.es-p10b { padding-bottom: 10px; }.es-p10l { padding-left: 10px; }.es-p10r { padding-right: 10px; }.es-p15 { padding: 15px; }.es-p15t { padding-top: 15px; }.es-p15b { padding-bottom: 15px; }.es-p15l { padding-left: 15px; }.es-p15r { padding-right: 15px; }.es-p20 { padding: 20px; }.es-p20t { padding-top: 20px; }.es-p20b { padding-bottom: 20px; }.es-p20l { padding-left: 20px; }.es-p20r { padding-right: 20px; }.es-p25 { padding: 25px; }.es-p25t { padding-top: 25px; }.es-p25b { padding-bottom: 25px; }.es-p25l { padding-left: 25px; }.es-p25r { padding-right: 25px; }.es-p30 { padding: 30px; }.es-p30t { padding-top: 30px; }.es-p30b { padding-bottom: 30px; }.es-p30l { padding-left: 30px; }.es-p30r { padding-right: 30px; }.es-p35 { padding: 35px; }.es-p35t { padding-top: 35px; }.es-p35b { padding-bottom: 35px; }.es-p35l { padding-left: 35px; }.es-p35r { padding-right: 35px; }.es-p40 { padding: 40px; }.es-p40t { padding-top: 40px; }.es-p40b { padding-bottom: 40px; }.es-p40l { padding-left: 40px; }.es-p40r { padding-right: 40px; }.es-menu td { border: 0; }.es-menu td a img { display: inline !important; }/* END CONFIG STYLES */ a { text-decoration: underline; }p, ul li, ol li { font-family: arial, 'helvetica neue', helvetica, sans-serif; line-height: 150%; }ul li, ol li { Margin-bottom: 15px; }.es-menu td a { text-decoration: none; display: block; }.es-wrapper { width: 100%; height: 100%; background-image: ; background-repeat: repeat; background-position: center top; }.es-wrapper-color { background-color: #f6f6f6; }.es-header { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-header-body { background-color: transparent; }.es-header-body p, .es-header-body ul li, .es-header-body ol li { color: #333333; font-size: 14px; }.es-header-body a { color: #333333; font-size: 14px; }.es-content-body { background-color: #ffffff; }.es-content-body p, .es-content-body ul li, .es-content-body ol li { color: #333333; font-size: 14px; }.es-content-body a { color: #333333; font-size: 14px; }.es-footer { background-color: transparent; background-image: ; background-repeat: repeat; background-position: center top; }.es-footer-body { background-color: #333333; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li { color: #ffffff; font-size: 14px; }.es-footer-body a { color: #ffffff; font-size: 14px; }.es-infoblock, .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li { line-height: 120%; font-size: 12px; color: #cccccc; }.es-infoblock a { font-size: 12px; color: #cccccc; }h1 { font-size: 30px; font-style: normal; font-weight: normal; color: #333333; }h2 { font-size: 24px; font-style: normal; font-weight: normal; color: #333333; }h3 { font-size: 20px; font-style: normal; font-weight: normal; color: #333333; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 24px; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px; }a.es-button, button.es-button { border-style: solid; border-color: #f0f0f0; border-width: 5px 30px 5px 30px; display: inline-block; background: #f0f0f0; border-radius: 0px; font-size: 16px; font-family: arial, 'helvetica neue', helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 120%; color: #333333; text-decoration: none; width: auto; text-align: center; }.es-button-border { border-style: solid solid solid solid; border-color: #808080 #808080 #808080 #808080; background: #f0f0f0; border-width: 2px 2px 2px 2px; display: inline-block; border-radius: 0px; width: auto; }.ins-trim-text {
|
|
2
|
-
overflow: hidden;
|
|
3
|
-
text-overflow: ellipsis;
|
|
4
|
-
white-space: nowrap;
|
|
5
|
-
padding-top: 10px;
|
|
6
|
-
padding-bottom: 10px;
|
|
7
|
-
}/* RESPONSIVE STYLES Please do not delete and edit CSS styles below. If you don't need responsive layout, please delete this section. */ @media only screen and (max-width: 600px) {p, ul li, ol li, a { line-height: 150% !important; }h1 { font-size: 30px !important; text-align: center; line-height: 120% !important; }h2 { font-size: 26px !important; text-align: center; line-height: 120% !important; }h3 { font-size: 20px !important; text-align: center; line-height: 120% !important; }.es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size: 30px !important; }.es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size: 26px !important; }.es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size: 20px !important; }.es-menu td a { font-size: 13px !important; }.es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size: 16px !important; }.es-content-body p, .es-content-body ul li, .es-content-body ol li, .es-content-body a { font-size: 16px !important; }.es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size: 16px !important; }.es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size: 12px !important; }*[class="gmail-fix"] { display: none !important; }.es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align: center !important; }.es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align: right !important; }.es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align: left !important; }.es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display: inline !important; }.es-button-border { display: block !important; }a.es-button, button.es-button { font-size: 16px !important; display: block !important; border-width: 10px 0px 10px 0px !important; }.es-btn-fw { border-width: 10px 0px !important; text-align: center !important; }.es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width: 100% !important; }.ext-product-button,
|
|
8
|
-
.ext-product-price p,
|
|
9
|
-
.ext-product-original-price p,
|
|
10
|
-
.ext-product-omnibus-price p,
|
|
11
|
-
.ext-product-omnibus-discount p {
|
|
12
|
-
width: 100% !important;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ext-product-button a {
|
|
16
|
-
max-width: 100% !important;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ext-product-name.ins-vertical p {
|
|
20
|
-
height: 90px !important;
|
|
21
|
-
overflow: hidden !important;
|
|
22
|
-
word-break: break-all !important;
|
|
23
|
-
font-size: 12px !important;
|
|
24
|
-
line-height: 150% !important;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ext-product-name.ins-vertical {
|
|
28
|
-
height: 100px !important;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.ext-product-omnibus-price.ins-vertical p {
|
|
32
|
-
height: 30px !important;
|
|
33
|
-
overflow: hidden !important;
|
|
34
|
-
word-break: break-all !important;
|
|
35
|
-
font-size: 10px !important;
|
|
36
|
-
line-height: 150% !important;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.ext-product-omnibus-price.ins-vertical {
|
|
40
|
-
height: 50px !important;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.ext-product-omnibus-discount.ins-vertical p {
|
|
44
|
-
height: 30px !important;
|
|
45
|
-
overflow: hidden !important;
|
|
46
|
-
word-break: break-all !important;
|
|
47
|
-
font-size: 10px !important;
|
|
48
|
-
line-height: 150% !important;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.ext-product-omnibus-discount.ins-vertical {
|
|
52
|
-
height: 50px !important;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.ext-product-name p {
|
|
56
|
-
height: unset !important;
|
|
57
|
-
width: 100% !important;
|
|
58
|
-
overflow: hidden !important;
|
|
59
|
-
font-size: 16px !important;
|
|
60
|
-
line-height: 150% !important;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.ext-product-name {
|
|
64
|
-
height: unset !important;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.ext-product-price.ins-vertical p {
|
|
68
|
-
overflow: hidden !important;
|
|
69
|
-
word-break: break-all !important;
|
|
70
|
-
height: 36px !important;
|
|
71
|
-
font-size: 12px !important;
|
|
72
|
-
line-height: 150% !important;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.ext-product-price.ins-vertical {
|
|
76
|
-
height: 56px !important;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.ext-product-original-price.ins-vertical p {
|
|
80
|
-
overflow: hidden !important;
|
|
81
|
-
word-break: break-all !important;
|
|
82
|
-
height: 36px !important;
|
|
83
|
-
font-size: 12px !important;
|
|
84
|
-
line-height: 150% !important;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ext-product-original-price.ins-vertical {
|
|
88
|
-
height: 56px !important;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.ext-ins-attr.ins-vertical p {
|
|
92
|
-
overflow: hidden !important;
|
|
93
|
-
word-break: break-all !important;
|
|
94
|
-
height: 54px !important;
|
|
95
|
-
font-size: 12px !important;
|
|
96
|
-
line-height: 150% !important;
|
|
97
|
-
width: 100% !important;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.ext-ins-attr.ins-vertical {
|
|
101
|
-
height: 74px !important;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.ext-product-button a.ins-vertical {
|
|
105
|
-
word-break: break-all !important;
|
|
106
|
-
font-size: 12px !important;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.ext-product-image.ins-vertical {
|
|
110
|
-
height: unset !important;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
td.esdev-mso-td.ins-vertical {
|
|
114
|
-
vertical-align: bottom !important;
|
|
115
|
-
}.es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width: 100% !important; max-width: 600px !important; }.es-adapt-td { display: block !important; width: 100% !important; }.adapt-img { width: 100% !important; height: auto !important; }.es-m-p0 { padding: 0px !important; }.es-m-p0r { padding-right: 0px !important; }.es-m-p0l { padding-left: 0px !important; }.es-m-p0t { padding-top: 0px !important; }.es-m-p0b { padding-bottom: 0 !important; }.es-m-p20b { padding-bottom: 20px !important; }.es-mobile-hidden, .es-hidden { display: none !important; }.es-desk-hidden { display: table-row !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important; }.es-desk-menu-hidden { display: table-cell !important; }table.es-table-not-adapt, .esd-block-html table { width: auto !important; }table.es-social { display: inline-block !important; }table.es-social td { display: inline-block !important; } }/* END RESPONSIVE STYLES */.ext-product-name p { -webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important; }.ext-product-price p { height:26px !important; }
|
|
116
|
-
`;
|
|
117
|
-
export {
|
|
118
|
-
t as default
|
|
119
|
-
};
|