@useinsider/guido 2.1.0-beta.9ba2e9d → 2.1.0-beta.9ed76a4

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.
Files changed (65) hide show
  1. package/README.md +36 -0
  2. package/dist/@types/config/schemas.js +70 -65
  3. package/dist/components/Guido.vue.js +1 -1
  4. package/dist/components/Guido.vue2.js +69 -58
  5. package/dist/components/organisms/header/HeaderWrapper.vue.js +9 -9
  6. package/dist/composables/useBlocksConfig.js +26 -16
  7. package/dist/composables/useHtmlValidator.js +107 -119
  8. package/dist/composables/useStripo.js +25 -23
  9. package/dist/composables/useVersionHistoryApi.js +1 -1
  10. package/dist/config/compiler/utils/recommendationCompilerUtils.js +70 -96
  11. package/dist/config/i18n/en/index.js +11 -0
  12. package/dist/config/i18n/en/labels.json.js +7 -0
  13. package/dist/config/i18n/en/toasters.json.js +56 -0
  14. package/dist/config/i18n/en/tooltips.json.js +82 -0
  15. package/dist/config/i18n/index.js +7 -0
  16. package/dist/config/migrator/itemsBlockMigrator.js +101 -97
  17. package/dist/enums/defaults.js +8 -4
  18. package/dist/enums/extensions/recommendationBlock.js +1 -1
  19. package/dist/extensions/Blocks/Recommendation/block.js +26 -23
  20. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +27 -26
  21. package/dist/extensions/Blocks/Recommendation/constants/layout.js +6 -4
  22. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +12 -10
  23. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +103 -70
  24. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +87 -37
  25. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +138 -117
  26. package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +21 -0
  27. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +117 -107
  28. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +25 -30
  29. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +27 -30
  30. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +20 -25
  31. package/dist/extensions/Blocks/Recommendation/templates/utils.js +43 -31
  32. package/dist/extensions/ModulesTabIcons/extension.js +17 -0
  33. package/dist/guido.css +1 -1
  34. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +257 -187
  35. package/dist/services/recommendationApi.js +11 -9
  36. package/dist/services/stripoApi.js +20 -17
  37. package/dist/src/@types/config/schemas.d.ts +8 -0
  38. package/dist/src/composables/useConfig.d.ts +4 -0
  39. package/dist/src/config/compiler/utils/recommendationCompilerUtils.d.ts +1 -1
  40. package/dist/src/config/i18n/en/index.d.ts +1 -0
  41. package/dist/src/config/i18n/index.d.ts +16 -0
  42. package/dist/src/enums/defaults.d.ts +4 -0
  43. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +2 -2
  44. package/dist/src/extensions/Blocks/Recommendation/constants/layout.d.ts +6 -0
  45. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +4 -0
  46. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +12 -1
  47. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +22 -4
  48. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +9 -2
  49. package/dist/src/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.d.ts +29 -0
  50. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +7 -0
  51. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +1 -1
  52. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +2 -0
  53. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +12 -3
  54. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +6 -0
  55. package/dist/src/extensions/ModulesTabIcons/extension.d.ts +2 -0
  56. package/dist/src/stores/config.d.ts +36 -0
  57. package/dist/static/styles/components/notification.css.js +19 -0
  58. package/dist/static/styles/components/tools.css.js +6 -2
  59. package/dist/static/styles/components/version-history.css.js +10 -2
  60. package/dist/static/styles/components/wide-panel.css.js +18 -2
  61. package/dist/static/styles/customEditorStyle.css.js +10 -9
  62. package/dist/static/styles/variables.css.js +2 -0
  63. package/dist/static/templates/empty/index.html.js +74 -0
  64. package/dist/static/templates/empty/style.css.js +779 -0
  65. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- const o = `ue-emoji .emoji-tabs .active-smile-tab {
1
+ const e = `ue-emoji .emoji-tabs .active-smile-tab {
2
2
  border-color: var(--guido-color-primary-500);
3
3
  }
4
4
 
@@ -17,7 +17,11 @@ ue-insert-table .template-cell {
17
17
  border: 1px solid var(--guido-color-gray-300);
18
18
  box-shadow: var(--guido-box-shadow);
19
19
  }
20
+
21
+ .ue-popover.dark-tiny {
22
+ text-align: left !important;
23
+ }
20
24
  `;
21
25
  export {
22
- o as default
26
+ e as default
23
27
  };
@@ -1,4 +1,4 @@
1
- const o = `.patch-session-container {
1
+ const n = `.patch-session-container {
2
2
  row-gap: 16px;
3
3
  }
4
4
 
@@ -24,7 +24,15 @@ ue-vh-patch.selected .patch-wrapper {
24
24
  background-color: var(--guido-color-primary-100);
25
25
  box-shadow: 0 0 0 1px var(--guido-color-primary-500);
26
26
  }
27
+
28
+ .change-history-panel-wrapper .control-panel-header {
29
+ padding: 16px 0 16px 16px;
30
+ }
31
+
32
+ .change-history-panel-wrapper .header-control-panel-label {
33
+ grid-area: 1 / 1 / 2 / 12;
34
+ }
27
35
  `;
28
36
  export {
29
- o as default
37
+ n as default
30
38
  };
@@ -60,7 +60,6 @@ ue-control-panel,
60
60
 
61
61
  .control-panel-header {
62
62
  grid-template-columns: repeat(12, 1fr);
63
- padding: 16px 0px 16px 16px;
64
63
  }
65
64
 
66
65
  .control-panel-header > * {
@@ -94,7 +93,9 @@ ue-control-panel,
94
93
  .container.droppable-header-container ue-button:last-child {
95
94
  margin-right: 0;
96
95
  }
97
-
96
+ .container.droppable-header-container {
97
+ margin-top: 13px;
98
+ }
98
99
  .secondary-control-group {
99
100
  gap: 16px;
100
101
  }
@@ -133,6 +134,21 @@ ue-label.accent-dot:after {
133
134
  font-size: 13px;
134
135
  }
135
136
 
137
+ .e2e-container-video-size {
138
+ grid-template-columns: 1fr !important;
139
+ }
140
+
141
+ .e2e-container-video-size .control-shadow-wrapper:not(ue-button) {
142
+ display: flex;
143
+ width: 100%;
144
+ justify-content: flex-end;
145
+ background-color: transparent !important;
146
+ }
147
+
148
+ .e2e-container-video-size .control-shadow-wrapper input {
149
+ background-color: var(--guido-color-gray-0);
150
+ }
151
+
136
152
  .e2e-size,
137
153
  .e2e-timer-size {
138
154
  grid-auto-flow: row;
@@ -47,17 +47,18 @@ const n = `.esd-x,
47
47
  display: none !important;
48
48
  }
49
49
 
50
- /* Apply to the table cell (td) with text-trim-enabled class */
51
- .text-trim-enabled {
52
- max-width: 0 !important;
50
+ /* Mobile layout: hide mobile container by default in editor */
51
+ .ins-recommendation-mobile-container {
52
+ display: none;
53
53
  }
54
54
 
55
- .text-trim-enabled p {
56
- overflow: hidden !important;
57
- text-overflow: ellipsis !important;
58
- white-space: nowrap !important;
59
- margin: 0 !important;
60
- display: block !important;
55
+ /* Mobile layout: when Stripo mobile mode is active, swap containers */
56
+ .ue-mobile-mode .ins-recommendation-desktop-container {
57
+ display: none !important;
58
+ }
59
+
60
+ .ue-mobile-mode .ins-recommendation-mobile-container {
61
+ display: table !important;
61
62
  }
62
63
  `;
63
64
  export {
@@ -10,6 +10,7 @@ const o = `:host {
10
10
  --guido-color-gray-1: #F0F0F0;
11
11
  --guido-color-gray-0: #F9F9F9;
12
12
  --guido-color-neutral-800: #222938;
13
+ --guido-color-neutral-700: #2C3546;
13
14
  --guido-color-neutral-200: #DCDFE6;
14
15
  --guido-color-neutral-100: #EFF2F4;
15
16
  --guido-color-danger-300: #e84342;
@@ -25,6 +26,7 @@ const o = `:host {
25
26
  --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
26
27
  --guido-color-background-toaster-success: #128745;
27
28
  --guido-color-background-toaster-error: var(--guido-color-danger-500);
29
+ --guido-color-background-toaster-info: var(--guido-color-neutral-700);
28
30
  --guido-color-background-toaster-warn: #D37400;
29
31
  }
30
32
  `;
@@ -0,0 +1,74 @@
1
+ const t = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta content="width=device-width, initial-scale=1" name="viewport">
7
+ <meta name="x-apple-disable-message-reformatting">
8
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
9
+ <meta content="telephone=no" name="format-detection">
10
+ <title></title>
11
+ <!--[if (mso 16)]><style type="text/css">a{text-decoration:none}</style><![endif]-->
12
+ <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
13
+ <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
14
+ <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
15
+ <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
16
+ <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
17
+ </head>
18
+
19
+ <body>
20
+ <div class="es-wrapper-color">
21
+ <!--[if gte mso 9]>
22
+ <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
23
+ <v:fill type="tile" color="#f6f6f6"></v:fill>
24
+ </v:background>
25
+ <![endif]-->
26
+ <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0">
27
+ <tbody>
28
+ <tr>
29
+ <td class="esd-email-paddings" valign="top">
30
+ <table class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center">
31
+ <tbody>
32
+ <tr>
33
+ <td class="esd-stripe" align="center">
34
+ <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
35
+ <tbody>
36
+ <tr>
37
+ <td class="esd-structure es-p20" align="left">
38
+ <table cellpadding="0" cellspacing="0" width="100%">
39
+ <tbody>
40
+ <tr>
41
+ <td width="560" class="esd-container-frame" align="center" valign="top">
42
+ <table cellpadding="0" cellspacing="0" width="100%">
43
+ <tbody>
44
+ <tr>
45
+ <td align="center" class="esd-empty-container" style="display: none;"></td>
46
+ </tr>
47
+ </tbody>
48
+ </table>
49
+ </td>
50
+ </tr>
51
+ </tbody>
52
+ </table>
53
+ </td>
54
+ </tr>
55
+ </tbody>
56
+ </table>
57
+ </td>
58
+ </tr>
59
+ </tbody>
60
+ </table>
61
+ </td>
62
+ </tr>
63
+ </tbody>
64
+ </table>
65
+ </div>
66
+ <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px;"></div>
67
+ <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px; padding: 0px; border: 0px none; width: 1px;"></div>
68
+ </body>
69
+
70
+ </html>
71
+ `;
72
+ export {
73
+ t as default
74
+ };