@useinsider/guido 2.0.0-beta.2d132c0 → 2.0.0-beta.324bded

package/dist/enums/academy.js

@@ -0,0 +1,8 @@
+const e = "https://academy.useinsider.com", o = {
+  EMAIL_EDITOR: `${e}/docs/email-drag-drop-editor`,
+  GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
+  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`
+};
+export {
+  o as ACADEMY_LINKS
+};

package/dist/enums/onboarding.js

@@ -2,9 +2,8 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper", a = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
 export {
-  a as ACADEMY_LINK,
   n as CARD_COMPOSITION_TAB_SELECTOR,
   o as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,

package/dist/enums/unsubscribe.js

@@ -1,26 +1,26 @@
-import { useTranslations as n } from "../composables/useTranslations.js";
+import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const N = {
+const I = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, r = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), i = {
+}, s = R(), _ = {
   UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, _ = "iid", B = {
+}, i = "iid", B = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, t = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", C = "/email/unsubscribe-pages", E = {
+}, C = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, c = {
+}, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -31,29 +31,28 @@ const N = {
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
 }, U = () => {
-  const e = n();
+  const n = e();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, c = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  t as ACADEMY_LINK,
   B as DEFAULT_UNSUBSCRIBE_GROUP,
-  _ as INSIDER_ID,
-  I as LINK_REGEXES,
-  N as LINK_TYPES,
-  o as MERGE_TAGS,
+  i as INSIDER_ID,
+  r as LINK_REGEXES,
+  I as LINK_TYPES,
+  c as MERGE_TAGS,
   E as PAGE_TYPES,
-  c as TYPE_COLLECTIONS,
+  t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  i as URLS,
+  _ as URLS,
   U as getTypeTranslations
 };

package/dist/extensions/Blocks/CouponBlock/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((c) => (c.TEXT_ALIGN = "coupon-block-text-align-control", c.TEXT_COLOR = "coupon-block-text-color-control", c.TEXT_SIZE = "coupon-block-text-size-control", c.TEXT_STYLE = "coupon-block-text-style-control", c.TEXT_FONT_FAMILY = "coupon-block-text-font-family-control", c.TEXT_BACKGROUND = "coupon-block-text-background-control", c.TEXT_PADDINGS = "coupon-block-text-paddings-control", c.TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control", c))(t || {});
+export {
+  t as CouponControlId
+};

package/dist/extensions/Blocks/CouponBlock/controls/index.js

@@ -0,0 +1,29 @@
+import { createTextAlignControl as t, createTextColorControl as e, createTextSizeControl as n, createTextStyleControl as r, createTextFontFamilyControl as T, createTextBackgroundColorControl as l, createPaddingsControl as C, createTextLineSpacingControl as c } from "../../controlFactories.js";
+import { CouponControlId as o } from "../constants.js";
+const i = t(
+  o.TEXT_ALIGN
+), E = e(
+  o.TEXT_COLOR
+), s = n(
+  o.TEXT_SIZE
+), S = r(
+  o.TEXT_STYLE
+), _ = T(
+  o.TEXT_FONT_FAMILY
+), g = l(
+  o.TEXT_BACKGROUND
+), X = C(
+  o.TEXT_PADDINGS
+), d = c(
+  o.TEXT_LINE_SPACING
+);
+export {
+  i as TextAlignControl,
+  g as TextBackgroundControl,
+  E as TextColorControl,
+  _ as TextFontFamilyControl,
+  d as TextLineSpacingControl,
+  X as TextPaddingsControl,
+  s as TextSizeControl,
+  S as TextStyleControl
+};

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -1,8 +1,9 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CouponBlock as t } from "./block.js";
-import { CouponIconsRegistry as i } from "./iconsRegistry.js";
-import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+import { TextAlignControl as n, TextColorControl as r, TextSizeControl as l, TextStyleControl as d, TextFontFamilyControl as e, TextBackgroundControl as i, TextPaddingsControl as C, TextLineSpacingControl as a } from "./controls/index.js";
+import { CouponIconsRegistry as s } from "./iconsRegistry.js";
+import { CouponBlockSettings as m } from "./settingsPanel.js";
+const u = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(n).addControl(r).addControl(l).addControl(d).addControl(e).addControl(i).addControl(C).addControl(a).withIconsRegistry(s).build();
 export {
-  p as default
+  u as default
 };

package/dist/extensions/Blocks/CouponBlock/settingsPanel.js

@@ -1,24 +1,30 @@
-import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as N } from "./block.js";
-class _ extends T {
+import { SettingsPanelRegistry as n, SettingsPanelTab as o, SettingsTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as E } from "./block.js";
+import { CouponControlId as T } from "./constants.js";
+class i extends n {
   registerBlockControls(e) {
-    e[N] = [
+    e[E] = [
       new o(
-        O.SETTINGS,
+        t.SETTINGS,
         [
-          t.FONT_FAMILY,
-          t.FONT_SIZE,
-          t.FORMAT,
-          t.FONT_COLOR,
-          t.TEXT_BLOCK_BACKGROUND_COLOR,
-          t.ALIGN,
-          t.LINE_HEIGHT,
-          t.INTERNAL_INDENTS
+          T.TEXT_STYLE,
+          T.TEXT_ALIGN,
+          T.TEXT_PADDINGS
+        ]
+      ),
+      new o(
+        t.STYLES,
+        [
+          T.TEXT_BACKGROUND,
+          T.TEXT_FONT_FAMILY,
+          T.TEXT_LINE_SPACING,
+          T.TEXT_SIZE,
+          T.TEXT_COLOR
         ]
       )
     ];
   }
 }
 export {
-  _ as CouponBlockSettings
+  i as CouponBlockSettings
 };

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,18 +1,29 @@
-const o = `
-    <td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
-        <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
-    </td>`, e = `
-    <td 
-        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block" 
-        esd-extension-block-id="coupon-block"
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
+        class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
+        align="center"
+        esd-extension-block-id="${e}">
+        <p
+            path="1"
+            contenteditable="false"
+            style="font-size: 16px; color: #333333;">
+            <strong path="1,0">{@COUPON_CODE}</strong>
+        </p>
+    </${o.BLOCK_TEXT}>
+    `, l = `
+    <td
+        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function t() {
-  return o;
+function s() {
+  return t;
 }
 export {
-  e as default,
-  t as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,223 +1,234 @@
-import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function q(e, t, n) {
-  return class extends r {
+import { TextAlignBuiltInControl as o, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as u, TextFontFamilyBuiltInControl as i, ButtonBackgroundColorBuiltInControl as c, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as f, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as S, ButtonFitToContainerBuiltInControl as N, TextLineSpacingBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function $(r, t, n) {
+  return class extends o {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function N(e, t, n = ".ins-recommendation-product-container") {
+function k(r, t, n) {
   return class extends l {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function $(e, t, n = ".ins-recommendation-product-container") {
+function p(r, t, n) {
   return class extends s {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
+function F(r, t, n) {
+  return class extends u {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends u {
+function z(r, t, n) {
+  return class extends i {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
+function M(r, t, n) {
+  return class extends c {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function M(e, t, n = ".ins-recommendation-product-container") {
+function P(r, t, n) {
   return class extends d {
     getId() {
-      return e;
+      return r;
+    }
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    }
+  };
+}
+function L(r, t, n) {
+  return class extends b {
+    getId() {
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function P(e, t, n = ".ins-recommendation-product-container") {
+function R(r, t, n = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function h(r, t, n = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function h(e, t, n = ".ins-recommendation-product-container") {
+function j(r, t, n = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function j(e, t, n = ".ins-recommendation-product-container") {
+function v(r, t, n = ".ins-recommendation-product-container") {
   return class extends B {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function w(r, t, n = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function D(r, t, n = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
+function E(r, t, n = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function E(e, t, n = ".ins-recommendation-product-container") {
+function G(r, t, n = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function G(e, t, n = ".ins-recommendation-product-container") {
+function H(r, t, n = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function H(e, t, n) {
-  return class extends k {
+function J(r, t, n) {
+  return class extends S {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function J(e, t, n) {
-  return class extends f {
+function K(r, t, n) {
+  return class extends N {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function K(e, t, n) {
+function O(r, t, n) {
   return class extends a {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function L(e, t, n) {
+function Q(r, t, n) {
   return class extends g {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
 export {
-  P as createButtonAlignControl,
-  h as createButtonBorderControl,
-  j as createButtonBorderRadiusControl,
-  R as createButtonColorControl,
-  J as createButtonFitToContainerControl,
-  v as createButtonFontFamilyControl,
-  w as createButtonMarginsControl,
-  D as createButtonPaddingsControl,
-  E as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  H as createButtonTextStyleAndFontColorControl,
-  L as createImageMarginsControl,
-  K as createImageSizeControl,
-  M as createPaddingsControl,
-  q as createTextAlignControl,
-  z as createTextBackgroundColorControl,
-  N as createTextColorControl,
-  F as createTextFontFamilyControl,
-  $ as createTextSizeControl,
-  p as createTextStyleControl
+  R as createButtonAlignControl,
+  j as createButtonBorderControl,
+  v as createButtonBorderRadiusControl,
+  h as createButtonColorControl,
+  K as createButtonFitToContainerControl,
+  w as createButtonFontFamilyControl,
+  D as createButtonMarginsControl,
+  E as createButtonPaddingsControl,
+  G as createButtonTextControl,
+  H as createButtonTextSizeControl,
+  J as createButtonTextStyleAndFontColorControl,
+  Q as createImageMarginsControl,
+  O as createImageSizeControl,
+  P as createPaddingsControl,
+  $ as createTextAlignControl,
+  M as createTextBackgroundColorControl,
+  k as createTextColorControl,
+  z as createTextFontFamilyControl,
+  L as createTextLineSpacingControl,
+  p as createTextSizeControl,
+  F as createTextStyleControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-9cd25be3]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-9cd25be3]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-9cd25be3]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-eb2f9f20] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-aa6fa221] .in-button-v2__wrapper{line-height:0}[data-v-913a3417] .in-progress-wrapper__progress p span:last-child{display:none!important}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.middle-slot__buttons[data-v-421621fe]{gap:4px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-5269640b] .in-modal-v2-wrapper__content{overflow-y:hidden}.error-list[data-v-5a366d74]{gap:16px}.desktop-preview[data-v-82218604]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview__browser-header[data-v-82218604]{height:79px;min-height:79px}.desktop-preview__browser-header-left[data-v-82218604]{-webkit-user-drag:none;height:79px;width:378px}.desktop-preview__browser-header-center[data-v-82218604]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-preview__browser-header-right[data-v-82218604]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview iframe[data-v-82218604]{min-height:504px}.iframe-wrapper[data-v-283eeb6b]{width:258px}.iframe-scaled[data-v-283eeb6b]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-a6fbc0a8]{width:282px}.mobile-preview-wrapper__phone img[data-v-a6fbc0a8]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-a6fbc0a8]{width:258px;height:434px;left:12px}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}