@useinsider/guido 1.0.0-beta.d77a041 → 1.0.0-beta.dbd0bad

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 (170) hide show
  1. package/README.md +265 -12
  2. package/dist/@types/generic.d.ts +14 -0
  3. package/dist/App.vue.d.ts +1 -1
  4. package/dist/_virtual/AddCustomFont.js +4 -0
  5. package/dist/_virtual/AiAssistantValueType.js +4 -0
  6. package/dist/_virtual/BackgroundColorBuiltInControl.js +4 -0
  7. package/dist/_virtual/BackgroundImageBuiltInControl.js +4 -0
  8. package/dist/_virtual/Block.js +4 -0
  9. package/dist/_virtual/BlockAttributes.js +4 -0
  10. package/dist/_virtual/BlockCompositionType.js +4 -0
  11. package/dist/_virtual/BlockPaddingsBuiltInControl.js +4 -0
  12. package/dist/_virtual/BlockRenderer.js +4 -0
  13. package/dist/_virtual/BlockType.js +4 -0
  14. package/dist/_virtual/BlocksPanel.js +4 -0
  15. package/dist/_virtual/BuiltInControl.js +4 -0
  16. package/dist/_virtual/BuiltInControlTypes.js +4 -0
  17. package/dist/_virtual/ButtonBorderBuiltInControl.js +4 -0
  18. package/dist/_virtual/ButtonColorBuiltInControl.js +4 -0
  19. package/dist/_virtual/ButtonFontColorBuiltInControl.js +4 -0
  20. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +4 -0
  21. package/dist/_virtual/ButtonTextBuiltInControl.js +4 -0
  22. package/dist/_virtual/ContextAction.js +4 -0
  23. package/dist/_virtual/ContextActionType.js +4 -0
  24. package/dist/_virtual/Control.js +4 -0
  25. package/dist/_virtual/EditorStatePropertyType.js +4 -0
  26. package/dist/_virtual/Extension.js +4 -0
  27. package/dist/_virtual/ExtensionBuilder.js +4 -0
  28. package/dist/_virtual/FontFamilyBuiltInControl.js +4 -0
  29. package/dist/_virtual/LinkColorBuiltInControl.js +4 -0
  30. package/dist/_virtual/ModificationDescription.js +4 -0
  31. package/dist/_virtual/PanelPosition.js +4 -0
  32. package/dist/_virtual/PreviewDeviceMode.js +4 -0
  33. package/dist/_virtual/SettingsPanelRegistry.js +4 -0
  34. package/dist/_virtual/SettingsPanelTab.js +4 -0
  35. package/dist/_virtual/SettingsTab.js +4 -0
  36. package/dist/_virtual/StructureBorderBuiltInControl.js +4 -0
  37. package/dist/_virtual/StructurePaddingsBuiltInControl.js +4 -0
  38. package/dist/_virtual/TextColorBuiltInControl.js +4 -0
  39. package/dist/_virtual/TextLineSpacingBuiltInControl.js +4 -0
  40. package/dist/_virtual/TextSizeBuiltInControl.js +4 -0
  41. package/dist/_virtual/TextStyleBuiltInControl.js +4 -0
  42. package/dist/_virtual/UIElement.js +4 -0
  43. package/dist/_virtual/UIElementTagRegistry.js +4 -0
  44. package/dist/_virtual/UIElementType.js +4 -0
  45. package/dist/_virtual/UIElementsAttributes.js +4 -0
  46. package/dist/_virtual/index.js +5 -0
  47. package/dist/_virtual/index2.js +4 -0
  48. package/dist/components/Guido.vue.d.ts +9 -2
  49. package/dist/components/Guido.vue.js +8 -8
  50. package/dist/components/Guido.vue2.js +38 -27
  51. package/dist/components/organisms/header/LeftSlot.vue.d.ts +1 -1
  52. package/dist/components/organisms/header/LeftSlot.vue.js +8 -8
  53. package/dist/components/organisms/header/LeftSlot.vue2.js +5 -3
  54. package/dist/components/organisms/header/MiddleSlot.vue.js +8 -8
  55. package/dist/components/organisms/header/MiddleSlot.vue2.js +15 -15
  56. package/dist/components/organisms/header/RightSlot.vue.js +10 -13
  57. package/dist/components/organisms/header/RightSlot.vue2.js +14 -17
  58. package/dist/components/organisms/header/ViewOptions.vue.d.ts +1 -1
  59. package/dist/components/organisms/header/version-history/RestoreButton.vue.d.ts +2 -0
  60. package/dist/components/organisms/header/version-history/RestoreButton.vue.js +19 -0
  61. package/dist/components/organisms/header/version-history/RestoreButton.vue2.js +14 -0
  62. package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +13 -1
  63. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +7 -7
  64. package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +13 -10
  65. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +1 -1
  66. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +1 -1
  67. package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts +1 -1
  68. package/dist/composables/useActionsApi.d.ts +1 -0
  69. package/dist/composables/useActionsApi.js +14 -12
  70. package/dist/composables/useCustomInterfaceAppearance.js +45 -9
  71. package/dist/composables/useExport.d.ts +1 -1
  72. package/dist/composables/useExport.js +35 -20
  73. package/dist/composables/useHtmlCompiler.d.ts +4 -0
  74. package/dist/composables/useHtmlCompiler.js +16 -0
  75. package/dist/composables/useStripo.js +44 -28
  76. package/dist/config/compiler/htmlCompilerRules.d.ts +2 -0
  77. package/dist/config/compiler/htmlCompilerRules.js +145 -0
  78. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -0
  79. package/dist/enums/displayConditions.d.ts +2 -0
  80. package/dist/enums/displayConditions.js +80 -0
  81. package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts +6 -0
  82. package/dist/extensions/DynamicContent/dynamic-content-modal.js +27 -0
  83. package/dist/extensions/DynamicContent/dynamic-content.css.js +24 -0
  84. package/dist/extensions/DynamicContent/dynamic-content.d.ts +16 -0
  85. package/dist/extensions/DynamicContent/dynamic-content.js +63 -0
  86. package/dist/extensions/DynamicContent/extension.d.ts +2 -0
  87. package/dist/extensions/DynamicContent/extension.js +11 -0
  88. package/dist/guido.css +1 -1
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +51 -0
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +52 -0
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +41 -0
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +13 -0
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +13 -0
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +13 -0
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +104 -0
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +13 -0
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +13 -0
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +13 -0
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +13 -0
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +13 -0
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +13 -0
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +45 -0
  108. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  109. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  110. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  111. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  113. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  114. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  115. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  116. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  117. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +20 -0
  118. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  119. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  120. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +18 -0
  121. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +32 -0
  122. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  123. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  124. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  125. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  126. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  127. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  128. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  129. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +26 -0
  130. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +22 -0
  131. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +18 -0
  132. package/dist/static/styles/base.css.js +11 -0
  133. package/dist/static/styles/components/alert-message.css.js +39 -0
  134. package/dist/static/styles/components/amp-block.css.js +18 -0
  135. package/dist/static/styles/components/base-input.css.js +47 -0
  136. package/dist/static/styles/components/button-group.css.js +54 -0
  137. package/dist/static/styles/components/button.css.js +106 -0
  138. package/dist/static/styles/components/combobox.css.js +49 -0
  139. package/dist/static/styles/components/counter.css.js +42 -0
  140. package/dist/static/styles/components/dropdown-menu.css.js +52 -0
  141. package/dist/static/styles/components/narrow-panel.css.js +38 -0
  142. package/dist/static/styles/components/switcher.css.js +11 -0
  143. package/dist/static/styles/components/tabs.css.js +97 -0
  144. package/dist/static/styles/components/tools.css.js +23 -0
  145. package/dist/static/styles/components/version-history.css.js +30 -0
  146. package/dist/static/styles/components/wide-panel.css.js +135 -0
  147. package/dist/static/styles/variables.css.js +23 -0
  148. package/dist/stores/editor.d.ts +1 -1
  149. package/dist/stores/editor.js +4 -4
  150. package/dist/utils/htmlCompiler.d.ts +12 -0
  151. package/dist/utils/htmlCompiler.js +70 -0
  152. package/dist/utils/tooltipUtils.d.ts +2 -0
  153. package/dist/utils/tooltipUtils.js +9 -0
  154. package/package.json +6 -5
  155. package/dist/components/organisms/base/ModalWrapper.vue.d.ts +0 -72
  156. package/dist/components/organisms/base/ModalWrapper.vue.js +0 -19
  157. package/dist/components/organisms/base/ModalWrapper.vue2.js +0 -43
  158. package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts +0 -16
  159. package/dist/components/organisms/save-template/SaveTemplateModal.vue.js +0 -22
  160. package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js +0 -86
  161. package/dist/composables/useSaveAsTemplate.d.ts +0 -17
  162. package/dist/composables/useSaveAsTemplate.js +0 -44
  163. package/dist/composables/useTemplateCategories.d.ts +0 -35
  164. package/dist/composables/useTemplateCategories.js +0 -78
  165. package/dist/composables/useTemplateNameValidation.d.ts +0 -13
  166. package/dist/composables/useTemplateNameValidation.js +0 -57
  167. package/dist/mock/api/template-library.d.ts +0 -2
  168. package/dist/static/editor.css.js +0 -232
  169. package/dist/utils/base64.d.ts +0 -1
  170. package/dist/utils/base64.js +0 -14
@@ -1,232 +0,0 @@
1
- const n = `:host {
2
- --guido-color-white: #FFFFFF;
3
- --guido-color-primary-500: #0A2ECC;
4
- --guido-color-primary-100: #DAE1FB;
5
- --guido-color-gray-800: #292929;
6
- --guido-color-gray-300: #E1E1E1;
7
- }
8
-
9
- .label {
10
- font-size: 13px;
11
- color: var(--guido-color-gray-800);
12
- }
13
-
14
- .stacked-panel-title {
15
- padding: 16px;
16
- font-size: 16px;
17
- font-weight: 600;
18
- color: var(--guido-color-gray-800);
19
- text-align: left;
20
- }
21
-
22
- .stacked-panel-item {
23
- border-radius: 4px;
24
- border: 1px solid #dcdfe6;
25
- box-shadow: 0 0 0 0 var(--guido-color-gray-300),0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);
26
- }
27
-
28
- .container {
29
- padding: 16px;
30
- }
31
-
32
- .container.parent-container>.container {
33
- padding: 0 16px;
34
- }
35
-
36
- /** SEGMENT BUTTON */
37
- ue-switcher input {
38
- border-radius: 26px;
39
- }
40
-
41
- ue-switcher input:before {
42
- border-radius: 22px;
43
- }
44
-
45
- .tabs-header {
46
- padding: 0;
47
- column-gap: 0;
48
- background-color: transparent;
49
- }
50
-
51
- .tabs-header button {
52
- background-color: #f7f9fa;
53
- outline: none;
54
- padding: 8px 16px;
55
- border: 1px solid #dcdee6;
56
- height: 42px;
57
- }
58
-
59
- .tabs-header button ue-icon-component.icon-button {
60
- color: var(--guido-color-gray-800);
61
- }
62
-
63
- .tabs-header button:not(:last-child),
64
- .tabs-header button:not(:first-child) {
65
- border-radius: 0;
66
- }
67
-
68
- .tabs-header button:first-child {
69
- border-radius: 4px 0 0 4px;
70
- }
71
-
72
- .tabs-header button:last-child {
73
- border-radius: 0 4px 4px 0;
74
- }
75
-
76
- .tabs-header button.checked {
77
- background-color: var(--guido-color-primary-100);
78
- color: var(--guido-color-primary-500);
79
- border-color: var(--guido-color-primary-500);
80
- }
81
-
82
- .tabs-header button.checked ue-icon-component.icon-button {
83
- color: var(--guido-color-primary-500);
84
- }
85
- /** SEGMENT BUTTON */
86
-
87
- /** BUTTON */
88
- .button:not(:disabled,.disabled):active {
89
- transform: none !important;
90
- }
91
- /** BUTTON */
92
-
93
- /** BUTTON GROUP */
94
- .button-group {
95
- padding: 0;
96
- column-gap: 0;
97
- border-radius: 0;
98
- background-color: transparent;
99
- }
100
-
101
- .button-group .button {
102
- background-color: #f7f9fa;
103
- outline: none;
104
- padding: 8px 12px;
105
- border: 1px solid #dcdee6;
106
- box-shadow: none;
107
- height: 42px;
108
- }
109
-
110
- .button-group .button ue-icon-component.icon-button {
111
- color: var(--guido-color-gray-800);
112
- }
113
-
114
- .button-group > div:first-of-type .button {
115
- border-radius: 4px 0 0 4px;
116
- }
117
-
118
- .button-group > *:last-child .button {
119
- border-radius: 0 4px 4px 0;
120
- }
121
-
122
- ue-check-buttons input:checked + .button,
123
- ue-radio-buttons input:checked + .button {
124
- background-color: var(--guido-color-primary-100);
125
- color: var(--guido-color-primary-500);
126
- border-color: var(--guido-color-primary-500);
127
- }
128
-
129
- ue-check-buttons input:checked + .button ue-icon-component.icon-button,
130
- ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
131
- color: var(--guido-color-primary-500);
132
- }
133
- /** BUTTON GROUP */
134
-
135
- /** COMBOBOX */
136
- .control-shadow-wrapper:has(.button[role="combobox"]) {
137
- border-radius: 0;
138
- padding: 0;
139
- background: transparent;
140
- }
141
-
142
- .button[role="combobox"] {
143
- background-color: #f9f9f9;
144
- border: 1px solid var(--guido-color-gray-300);
145
- border-radius: 4px;
146
- box-shadow: none;
147
- min-height: 42px;
148
- padding: 8px;
149
- color: var(--guido-color-gray-800);
150
- text-align: left;
151
- outline: none;
152
- white-space: nowrap;
153
- text-overflow: ellipsis;
154
- overflow: hidden;
155
- }
156
-
157
- .button[role="combobox"].on {
158
- background-color: #f9f9f9;
159
- border-color: var(--guido-color-primary-500);
160
- box-shadow: 0 0 0 3px #b5c1f1 !important;
161
- }
162
- /** COMBOBOX */
163
-
164
- /** BASE INPUT */
165
- .base-input {
166
- border: 1px solid var(--guido-color-gray-300);
167
- border-radius: 4px;
168
- background-color: #f9f9f9;
169
- align-items: center;
170
- height: 40px;
171
- max-height: 40px;
172
- box-sizing: content-box;
173
- outline: none;
174
- resize: vertical;
175
- padding: 8px;
176
- transition: none !important;
177
- color: var(--guido-color-gray-800);
178
- box-shadow: none !important;
179
- box-sizing: border-box !important;
180
- }
181
-
182
- .base-input:hover:not(:disabled) {
183
- background-color: #f9f9f9;
184
- border-color: #7a92f2;
185
- }
186
-
187
- .base-input:focus:not(:disabled) {
188
- background-color: #f9f9f9;
189
- border-color: #0a2ecc;
190
- box-shadow: 0 0 0 3px #b5c1f1 !important;
191
- }
192
- /** BASE INPUT */
193
-
194
- /** COUNTER */
195
- ue-counter {
196
- padding: 0 !important;
197
- background-color: var(--guido-color-white) !important;
198
- border: 1px solid var(--guido-color-gray-300);
199
- }
200
-
201
- ue-counter .button {
202
- width: 40px;
203
- height: 40px;
204
- box-shadow: none;
205
- }
206
-
207
- ue-counter .button .icon-button {
208
- color: var(--guido-color-primary-500);
209
- }
210
-
211
- ue-counter ue-button:first-child .button {
212
- border-right: 1px solid var(--guido-color-gray-300);
213
- }
214
-
215
- ue-counter ue-button:last-child .button {
216
- border-left: 1px solid var(--guido-color-gray-300);
217
- }
218
- /** COUNTER */
219
-
220
- /** COLOR */
221
- ue-color {
222
- width: 80px;
223
- }
224
-
225
- ue-color .base-input {
226
- width: 100%;
227
- }
228
- /** COLOR */
229
- `;
230
- export {
231
- n as default
232
- };
@@ -1 +0,0 @@
1
- export declare const base64EncodeWithSpecialChars: (input: string) => string;
@@ -1,14 +0,0 @@
1
- const c = (e) => {
2
- try {
3
- const n = new TextEncoder().encode(e);
4
- let o = "";
5
- return n.forEach((r) => {
6
- o += String.fromCharCode(r);
7
- }), window.btoa(o);
8
- } catch {
9
- return window.btoa(unescape(encodeURIComponent(e)));
10
- }
11
- };
12
- export {
13
- c as base64EncodeWithSpecialChars
14
- };