@useinsider/guido 3.2.0-beta.b277bd3 → 3.2.0-beta.bbb580a

package/dist/components/organisms/extensions/recommendation/FilterItem.vue.js

@@ -1,26 +1,24 @@
-import r from "./FilterItem.vue2.js";
+import l from "./FilterItem.vue2.js";
 /* empty css                */
-import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
   var a = this, e = a._self._c, t = a._self._setupProxy;
   return e("div", { staticClass: "d-f f-d-c w-1 gap-16", attrs: { "data-filter-group": a.filter.filterGroup, "data-filter-number": a.filter.filterNumber } }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
     return t.emit("delete-filter", t.props.filter);
-  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, state: t.getFieldState("attribute"), value: [t.selectedAttributeType] }, on: { select: t.handleAttributeChange } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [t.isBooleanAttribute ? e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.booleanValueOptions, state: t.getFieldState("value"), value: [t.selectedBooleanValue] }, on: { select: t.handleBooleanValueChange } }) : [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), state: t.getFieldState("operator"), value: [t.selectedOperatorType] }, on: { select: function(s) {
-    return t.updateFilter({ text: "operator", value: s.value });
-  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "state-message": t.valueErrorMessage, states: t.getFieldState("value"), "tooltip-status": !1, type: t.valueInputType, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, state: t.getFieldState("attribute"), value: [t.selectedAttributeType] }, on: { select: t.handleAttributeChange } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [t.isBooleanAttribute ? e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.booleanValueOptions, state: t.getFieldState("value"), value: [t.selectedBooleanValue] }, on: { select: t.handleBooleanValueChange } }) : [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), state: t.getFieldState("operator"), value: [t.selectedOperatorType] }, on: { select: t.handleOperatorChange } }), t.isAnyOfOperator ? e(t.InTags, { staticClass: "w-2", attrs: { "allow-bulk-paste": "", validate: "text", "allow-duplicates": !1, invalid: t.invalidFields.has("value"), "invalid-message": t.valueErrorMessage, label: t.trans("condition.value"), placeholder: t.trans("condition.enter-value-placeholder"), value: t.tagValues }, on: { input: t.onTagsInput } }) : t.isDateAttribute ? e(t.InDatePickerV2, { staticClass: "w-2", attrs: { id: "filter-item-input--value", "single-date-picker-status": "", name: "filter-item-input--value", "label-text": t.trans("condition.value"), locale: t.datePickerLocale, "placeholder-text": t.trans("condition.enter-value-placeholder"), state: t.getFieldState("value"), "state-message": t.valueErrorMessage, value: t.datePickerValue }, on: { apply: t.onDatePickerApply } }) : e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "state-message": t.valueErrorMessage, states: t.getFieldState("value"), "tooltip-status": !1, type: t.valueInputType, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
     t.updateFilter({ text: "value", value: encodeURIComponent(s) });
   } } })]], 2), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
     return t.updateFilter({ text: "innerGroupOperator", value: s });
   } } })], 1) : a._e()]);
-}, o = [], n = /* @__PURE__ */ l(
-  r,
+}, n = [], o = /* @__PURE__ */ r(
+  l,
   i,
-  o,
+  n,
   !1,
   null,
-  "3b53a736"
+  "73d5d4a4"
 );
-const f = n.exports;
+const f = o.exports;
 export {
   f as default
 };

package/dist/components/organisms/extensions/recommendation/FilterItem.vue2.js

@@ -1,12 +1,13 @@
-import { defineComponent as _, computed as l } from "vue";
-import { useTranslations as C } from "../../../../composables/useTranslations.js";
-import { getOperatorOptions as p } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationExtensionStore as V } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { getInvalidFilterFields as A } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import { InButtonV2 as L, InSelect as O, InBasicTextInput as S } from "@useinsider/design-system-vue";
-import E from "./LogicAdapter.vue.js";
-import { useDebounceFn as N } from "../../../../node_modules/@vueuse/shared/index.js";
-const K = /* @__PURE__ */ _({
+import { defineComponent as R, computed as r } from "vue";
+import { useTranslations as U } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as d, OP_ANY_OF as f } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as N } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getInvalidFilterFields as E } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import { locale as j } from "../../../../utils/dateUtil.js";
+import { InTags as w, InButtonV2 as M, InSelect as Y, InDatePickerV2 as q, InBasicTextInput as z } from "@useinsider/design-system-vue";
+import G from "./LogicAdapter.vue.js";
+import { useDebounceFn as H } from "../../../../node_modules/@vueuse/shared/index.js";
+const ne = /* @__PURE__ */ R({
   __name: "FilterItem",
   props: {
     filter: null,
@@ -15,55 +16,90 @@ const K = /* @__PURE__ */ _({
     submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: v }) {
-    const t = f, n = C(), a = V(), y = [
+  setup(g, { emit: I }) {
+    const t = g, s = U(), n = N(), O = [
       {
-        text: n("email-editor.standard-filter"),
+        text: s("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], i = [
+    ], u = [
       { text: "True", value: "true" },
       { text: "False", value: "false" }
-    ], d = l(() => t.filter.attribute || ""), r = l(() => a.getFilterList.find((e) => e.value === d.value) || { text: "", value: "", type: "" }), F = l(
+    ], m = r(() => t.filter.attribute || ""), i = r(() => n.getFilterList.find((e) => e.value === m.value) || { text: "", value: "", type: "" }), h = r(
       () => {
         var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Boolean";
+        return ((e = i.value) == null ? void 0 : e.type) === "Boolean";
       }
-    ), b = l(() => {
+    ), T = r(() => {
       var e;
-      return p((e = r.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
-    }), g = l(
-      () => i.find((e) => e.value === t.filter.value) || i[0]
-    ), u = l(() => t.submitted ? A(t.filter) : /* @__PURE__ */ new Set()), h = (e) => u.value.has(e) ? "error" : "default", B = l(
-      () => u.value.has("value") ? n("action-builder.filter-empty-value-error") : ""
-    ), c = l(
+      return d((e = i.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
+    }), b = r(
+      () => u.find((e) => e.value === t.filter.value) || u[0]
+    ), p = r(() => t.submitted ? E(t.filter) : /* @__PURE__ */ new Set()), A = (e) => p.value.has(e) ? "error" : "default", B = r(
+      () => p.value.has("value") ? s("action-builder.filter-empty-value-error") : ""
+    ), v = r(
       () => {
         var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Number";
+        return ((e = i.value) == null ? void 0 : e.type) === "Number";
       }
-    ), x = l(() => c.value ? "number" : "text"), T = N((e) => {
-      a.updateFilter({
+    ), x = r(() => v.value ? "number" : "text"), C = r(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.type) === "Date";
+      }
+    ), D = r(() => t.filter.operator === f), _ = r(
+      () => decodeURIComponent(t.filter.value).split(",").filter(Boolean)
+    ), k = H((e) => {
+      n.updateFilter({
         ...t.filter,
         [e.text]: e.value
       });
-    }, 500);
-    return { __sfc: !0, trans: n, store: a, props: t, filterTypeOptions: y, booleanValueOptions: i, attributeType: d, selectedAttributeType: r, isBooleanAttribute: F, selectedOperatorType: b, selectedBooleanValue: g, emit: v, invalidFields: u, getFieldState: h, valueErrorMessage: B, isNumericAttribute: c, valueInputType: x, updateFilter: T, handleAttributeChange: (e) => {
-      const o = a.getFilterList.find((I) => I.value === e.value), m = (o == null ? void 0 : o.type) === "Boolean", [s] = p(o == null ? void 0 : o.type);
-      a.updateFilter({
+    }, 500), P = (e) => {
+      const o = n.getFilterList.find((c) => c.value === e.value), l = (o == null ? void 0 : o.type) === "Boolean", [a] = d(o == null ? void 0 : o.type);
+      n.updateFilter({
         ...t.filter,
         attribute: e.value,
-        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
-        value: m ? "true" : ""
+        operator: l ? "=" : (a == null ? void 0 : a.value) ?? "",
+        value: l ? "true" : ""
       });
-    }, handleBooleanValueChange: (e) => {
-      a.updateFilter({
+    }, V = (e) => {
+      n.updateFilter({
         ...t.filter,
         operator: "=",
         value: e.value
       });
-    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
+    }, S = (e) => {
+      const o = e.value;
+      if (o === t.filter.operator)
+        return;
+      const c = t.filter.operator === f !== (o === f);
+      n.updateFilter({
+        ...t.filter,
+        operator: o,
+        value: c ? "" : t.filter.value
+      });
+    }, $ = j(), y = (e) => {
+      const [o, l, a] = e.split("-");
+      return !o || !l || !a ? "" : `${l}/${a}/${o}`;
+    }, F = (e) => {
+      const [o, l, a] = e.split("/");
+      return !a || !o || !l ? "" : `${a}-${o.padStart(2, "0")}-${l.padStart(2, "0")}`;
+    }, L = r(
+      () => y(decodeURIComponent(t.filter.value))
+    );
+    return { __sfc: !0, trans: s, store: n, props: t, filterTypeOptions: O, booleanValueOptions: u, attributeType: m, selectedAttributeType: i, isBooleanAttribute: h, selectedOperatorType: T, selectedBooleanValue: b, emit: I, invalidFields: p, getFieldState: A, valueErrorMessage: B, isNumericAttribute: v, valueInputType: x, isDateAttribute: C, isAnyOfOperator: D, tagValues: _, updateFilter: k, handleAttributeChange: P, handleBooleanValueChange: V, handleOperatorChange: S, datePickerLocale: $, isoToPickerDate: y, pickerDateToIso: F, datePickerValue: L, onDatePickerApply: (e) => {
+      n.updateFilter({
+        ...t.filter,
+        value: encodeURIComponent(F(e))
+      });
+    }, onTagsInput: (e) => {
+      n.updateFilter({
+        ...t.filter,
+        value: encodeURIComponent(e.join(","))
+      });
+    }, getOperatorOptions: d, InBasicTextInput: z, InDatePickerV2: q, InSelect: Y, InButtonV2: M, InTags: w, LogicAdapter: G };
   }
 });
 export {
-  K as default
+  ne as default
 };

package/dist/enums/date.js

@@ -1,6 +1,6 @@
-const t = "tr-TR", T = "default", L = "UTC";
+const t = "en-US", L = "default", T = "UTC";
 export {
-  T as DEFAULT,
+  L as DEFAULT,
   t as DEFAULT_LOCALE,
-  L as DEFAULT_TZ
+  T as DEFAULT_TZ
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,8 +1,8 @@
-const s = {
+const i = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = {
+}, u = {
   CLIENT_ID: "clientId"
-}, u = [
+}, l = [
   { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
   { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
   { id: 13, key: "userBased", name: "User Based", path: "user-based" },
@@ -13,71 +13,72 @@ const s = {
   { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
   { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
   { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
+], c = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], d = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], d = [
+], p = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], p = [
+], m = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], e = [
+], a = "||", e = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
-], a = [
+  { text: "any of", value: a }
+], o = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
+  { text: "any of", value: a }
 ], r = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], o = [
+], n = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], n = [
+], s = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], m = (t) => {
+], v = (t) => {
   if (!t)
     return e;
   switch (t) {
     case "Boolean":
-      return n;
+      return s;
     case "Date":
-      return o;
+      return n;
     case "Number":
       return r;
     case "String":
       return e;
     case "Strings":
-      return a;
+      return o;
     default:
       return e;
   }
 };
 export {
-  l as PriceAttributes,
-  i as QUERY_PARAMS,
-  u as RecommendationFeedSourceMaps,
-  s as URLS,
-  p as currencyDecimalCounts,
-  c as currencyLocationMaps,
-  d as currencyOperators,
-  m as getOperatorOptions,
-  a as operatorOptionsForArrayOfStrings,
-  n as operatorOptionsForBooleans,
-  o as operatorOptionsForDates,
+  a as OP_ANY_OF,
+  c as PriceAttributes,
+  u as QUERY_PARAMS,
+  l as RecommendationFeedSourceMaps,
+  i as URLS,
+  m as currencyDecimalCounts,
+  d as currencyLocationMaps,
+  p as currencyOperators,
+  v as getOperatorOptions,
+  o as operatorOptionsForArrayOfStrings,
+  s as operatorOptionsForBooleans,
+  n as operatorOptionsForDates,
   r as operatorOptionsForNumbers,
   e as operatorOptionsForStrings
 };

package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js

@@ -1,8 +1,9 @@
-function l(t) {
+import { OP_ANY_OF as l } from "../../../../enums/extensions/recommendationBlock.js";
+function m(t) {
   if (t.length === 0)
     return "";
   const o = t.sort((r, e) => r.filterNumber - e.filterNumber), u = o.map((r) => {
-    const e = r.operator === "||", a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join("||") : r.value;
+    const e = r.operator === l, a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join(l) : r.value;
     return `[${r.attribute}][${a}][${c}]`;
   }), [s, ...p] = u;
   let n = s;
@@ -12,12 +13,12 @@ function l(t) {
   }
   return `(${n})`;
 }
-function G(t) {
+function y(t) {
   if (!t || t.length === 0)
     return "";
   const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), s = u.map((r) => {
     const e = o[r];
-    return l(e);
+    return m(e);
   }), [p, ...n] = s;
   let i = p;
   for (let r = 0; r < n.length; r++) {
@@ -27,5 +28,5 @@ function G(t) {
   return i.trim();
 }
 export {
-  G as generateCompleteFilterQuery
+  y as generateCompleteFilterQuery
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.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}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.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}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-25780af6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-25780af6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-25780af6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{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}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-73d5d4a4],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.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}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.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}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-25780af6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-25780af6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-25780af6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{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}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -1,17 +1,17 @@
-var x = class d {
+var B = class d {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
-  constructor(t, r) {
-    if (r !== d) {
-      d.validatedClasses.has(r) || this.validateImplementation(t, r);
-      const s = d.validationErrors.get(r);
-      if (s && s.length > 0)
+  constructor(t, a) {
+    if (a !== d) {
+      d.validatedClasses.has(a) || this.validateImplementation(t, a);
+      const i = d.validationErrors.get(a);
+      if (i && i.length > 0)
         throw new Error(
-          `${r.name} has validation errors:
-${s.map((o) => `  - ${o}`).join(`
+          `${a.name} has validation errors:
+${i.map((o) => `  - ${o}`).join(`
 `)}`
         );
     }
@@ -20,16 +20,16 @@ ${s.map((o) => `  - ${o}`).join(`
    * Validates that all required methods are properly implemented in the subclass.
    * This validation runs only once per class type and results are cached.
    */
-  validateImplementation(t, r) {
-    var y;
-    const s = [], o = r.name, W = Object.getPrototypeOf(this);
+  validateImplementation(t, a) {
+    var v;
+    const i = [], o = a.name, $ = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
-        s.push(`Method ${u}() is not defined`);
+        i.push(`Method ${u}() is not defined`);
         return;
       }
-      W[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((y = process.env) == null ? void 0 : y.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
+      $[u] === a.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(a), i.length > 0 ? (d.validationErrors.set(a, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((v = process.env) == null ? void 0 : v.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
   /**
    * Lifecycle method for cleaning up resources (e.g., removing DOM artifacts from document.body).
@@ -39,9 +39,9 @@ ${s.map((o) => `  - ${o}`).join(`
   destroy() {
   }
 };
-x.validatedClasses = /* @__PURE__ */ new Set();
-x.validationErrors = /* @__PURE__ */ new Map();
-var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
+B.validatedClasses = /* @__PURE__ */ new Set();
+B.validationErrors = /* @__PURE__ */ new Map();
+var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(W || {}), y = class T extends s {
   constructor() {
     super(T.REQUIRED_METHODS, T);
   }
@@ -160,9 +160,6 @@ var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   allowInnerBlocksDND() {
     return !0;
   }
-  allowInteractWithAMPWhenSelected() {
-    return !0;
-  }
   /**
    * Gets the unique identifier for this block type.
    * This ID is used for registration and referencing the block.
@@ -221,14 +218,15 @@ var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var Ze = P, Z = class I extends i {
+y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var $e = y, z = class I extends s {
   constructor() {
     super(I.REQUIRED_METHODS, I);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
    */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getPreviewHtml(t) {
   }
   /**
@@ -238,8 +236,8 @@ var Ze = P, Z = class I extends i {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-Z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var qe = class {
+z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var We = class {
   /**
    * Generates HTML representation for a block item
    * @param block - The block item to generate HTML for
@@ -313,7 +311,7 @@ var qe = class {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getModulesTabIconName(e) {
   }
-}, q = class b extends i {
+}, Z = class b extends s {
   constructor() {
     super(b.REQUIRED_METHODS, b);
   }
@@ -330,86 +328,86 @@ var qe = class {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-q.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+Z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
 var j = {
   src: "src",
   alt: "alt",
   href: "href",
   width: "width",
   height: "height"
-}, je = {
+}, ze = {
   BLOCK_IMAGE: j
-}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", c = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(c || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
-  BLOCK_BUTTON: H,
-  BLOCK_TEXT: k,
-  BLOCK_IMAGE: p,
-  GENERAL: F
-}, ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), Ie = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Ie || {}), a = {
+}, P = "esd-block-button", U = "esd-block-text", w = "esd-block-image", q = "esd-structure", J = "esd-block-video", ee = "esd-block-social", te = "esd-block-banner", re = "esd-block-timer", ae = "esd-block-menu", ne = "esd-block-html", se = "esd-block-spacer", ie = "esd-container-frame", le = "esd-stripe", Ee = "esd-amp-form", c = ((e) => (e.BUTTON = `.${P}`, e.TEXT = `.${U}`, e.IMAGE = `.${w}`, e.STRUCTURE = `.${q}`, e.VIDEO = `.${J}`, e.SOCIAL = `.${ee}`, e.BANNER = `.${te}`, e.TIMER = `.${re}`, e.MENU = `.${ae}`, e.HTML = `.${ne}`, e.SPACER = `.${se}`, e.CONTAINER = `.${ie}`, e.STRIPE = `.${le}`, e.FORM = `.${Ee}`, e))(c || {}), oe = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(oe || {}), K = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(k || {}), de = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(de || {}), n = {
+  BLOCK_BUTTON: F,
+  BLOCK_TEXT: H,
+  BLOCK_IMAGE: k,
+  GENERAL: K
+}, ue = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(ue || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Te || {}), r = {
   name: "name",
   disabled: "disabled"
-}, be = {
-  ...a,
+}, Ie = {
+  ...r,
   caption: "caption",
   icon: "icon"
-}, he = {
-  ...a,
+}, be = {
+  ...r,
   caption: "caption"
-}, me = {
-  ...a,
+}, he = {
+  ...r,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, ge = {
-  ...a,
+}, me = {
+  ...r,
   placeholder: "placeholder",
   minDate: "min-date"
-}, Oe = {
-  ...a,
+}, ge = {
+  ...r,
   text: "text",
   hint: "hint"
-}, Re = {
-  ...a,
+}, Oe = {
+  ...r,
   type: "type"
-}, Le = {
-  ...a,
+}, Re = {
+  ...r,
   buttons: "buttons"
-}, X = {
-  ...a,
+}, p = {
+  ...r,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, _e = {
-  ...X,
+}, Le = {
+  ...p,
   addCustomFontOption: "add-custom-font-option"
-}, Ce = {
-  ...a,
+}, _e = {
+  ...r,
   text: "text",
   value: "value"
-}, Ae = {
-  ...a,
+}, Ce = {
+  ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Ne = {
-  ...a,
+}, Ae = {
+  ...r,
   buttons: "buttons"
-}, De = {
-  ...a,
+}, Ne = {
+  ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Se = {
-  ...a,
+}, De = {
+  ...r,
   placeholder: "placeholder"
-}, Me = {
-  ...a,
+}, Se = {
+  ...r,
   resizable: "resizable",
   placeholder: "placeholder"
-}, Be = {
-  ...a,
+}, Me = {
+  ...r,
   img: "img",
   src: "src",
   title: "title",
@@ -419,61 +417,54 @@ var j = {
   isActive: "is-active",
   visibility: "visibility",
   transform: "transform"
-}, xe = {
-  ...a,
+}, Be = {
+  ...r,
   controlId: "control-id"
-}, ve = {
-  ...a,
+}, xe = {
+  ...r,
   expanded: "expanded"
-}, ye = {
-  ...a,
+}, ve = {
+  ...r,
   icon: "icon",
   position: "position"
+}, ye = {
+  ...r
 }, Pe = {
-  ...a
-}, Ue = {
-  ...a,
+  ...r,
   icon: "icon"
+}, Ue = {
+  ...r
 }, we = {
-  ...a
-}, Ke = {
-  ...a,
+  ...r,
   blockId: "block-id"
-}, Fe = {
-  ...a
-}, He = {
-  ...a,
-  placeholder: "placeholder"
-}, Je = {
-  DEFAULT: a,
-  BUTTON: be,
-  CHECKBOX: he,
-  CHECK_BUTTONS: Ne,
-  COLOR: a,
-  COUNTER: me,
-  DATEPICKER: ge,
-  LABEL: Oe,
-  MESSAGE: Re,
-  RADIO_BUTTONS: Le,
-  SELECTPICKER: X,
-  FONT_FAMILY_SELECT: _e,
-  SWITCHER: a,
-  TEXT: Se,
-  TEXTAREA: Me,
-  ICON: Be,
-  CHECK_ITEM: Ae,
-  SELECT_ITEM: Ce,
-  RADIO_ITEM: De,
-  NESTED_CONTROL: xe,
-  EXPANDABLE: ve,
-  ORDERABLE: ye,
-  ORDERABLE_ITEM: Pe,
-  ORDERABLE_ICON: Ue,
-  REPEATABLE: we,
-  DRAGGABLE_BLOCK: Ke,
-  AMP_FORM_SERVICE_PICKER: Fe,
-  MULTIPLE_SELECT: He
-}, ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e.AMP_FORM_SERVICE_PICKER = "UE-AMP-FORM-SERVICE-PICKER", e.MULTIPLE_SELECT = "UE-MULTIPLE_SELECT", e.SCROLLABLE = "UE-SCROLLABLE-CONTAINER", e))(ke || {}), v = class {
+}, Ze = {
+  DEFAULT: r,
+  BUTTON: Ie,
+  CHECKBOX: be,
+  CHECK_BUTTONS: Ae,
+  COLOR: r,
+  COUNTER: he,
+  DATEPICKER: me,
+  LABEL: ge,
+  MESSAGE: Oe,
+  RADIO_BUTTONS: Re,
+  SELECTPICKER: p,
+  FONT_FAMILY_SELECT: Le,
+  SWITCHER: r,
+  TEXT: De,
+  TEXTAREA: Se,
+  ICON: Me,
+  CHECK_ITEM: Ce,
+  SELECT_ITEM: _e,
+  RADIO_ITEM: Ne,
+  NESTED_CONTROL: Be,
+  EXPANDABLE: xe,
+  ORDERABLE: ve,
+  ORDERABLE_ITEM: ye,
+  ORDERABLE_ICON: Pe,
+  REPEATABLE: Ue,
+  DRAGGABLE_BLOCK: we
+}, Ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e))(Ke || {}), x = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -504,66 +495,66 @@ var j = {
   isVisible(e) {
     return !0;
   }
-}, l = class extends v {
+}, l = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.BUTTON), r = e.asElement().hasClass(U) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.BUTTON), a = e.asElement().hasClass(P) ? [e] : [];
+    return t.length ? t : a;
   }
-}, et = class extends l {
+}, je = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, tt = class extends l {
+}, qe = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
-}, rt = class extends l {
+}, Je = class extends l {
   getParentControlId() {
     return n.GENERAL.BACKGROUND_COLOR;
   }
-}, at = class extends l {
+}, et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, nt = class extends l {
+}, tt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, st = class extends l {
+}, rt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, it = class extends l {
+}, at = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, lt = class extends l {
+}, nt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, Et = class extends l {
+}, st = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, ot = class extends l {
+}, it = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, dt = class extends l {
+}, lt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, ut = class extends l {
+}, Et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, G = class h extends i {
+}, X = class h extends s {
   constructor() {
     super(h.REQUIRED_METHODS, h);
   }
@@ -618,8 +609,8 @@ var j = {
   onDocumentChanged(t) {
   }
 };
-G.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ct = G, pe = class m extends i {
+X.REQUIRED_METHODS = ["getId", "getTemplate"];
+var ot = X, Fe = class m extends s {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -688,21 +679,21 @@ var ct = G, pe = class m extends i {
   onDestroy() {
   }
 };
-pe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var V = class extends v {
+Fe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var G = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.IMAGE), a = e.asElement().hasClass(w) ? [e] : [];
+    return t.length ? t : a;
   }
-}, Tt = class extends V {
+}, dt = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, It = class extends V {
+}, ut = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, Xe = class g extends i {
+}, He = class g extends s {
   constructor() {
     super(g.REQUIRED_METHODS, g);
   }
@@ -766,8 +757,8 @@ var V = class extends v {
   onDocumentChanged() {
   }
 };
-Xe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var f = class O extends i {
+He.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var V = class O extends s {
   constructor() {
     super(O.REQUIRED_METHODS, O);
   }
@@ -775,10 +766,10 @@ var f = class O extends i {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-f.REQUIRED_METHODS = ["registerBlockControls"];
-var bt = f, ht = class R {
-  constructor(t, r) {
-    this.tabId = t, this.controls = r.map(R.normalizeControl);
+V.REQUIRED_METHODS = ["registerBlockControls"];
+var ct = V, Tt = class {
+  constructor(e, t) {
+    this.tabId = e, this.controlsIds = t;
   }
   getTabId() {
     return this.tabId;
@@ -787,66 +778,52 @@ var bt = f, ht = class R {
     return this.label;
   }
   getControlsIds() {
-    return this.controls.map((t) => t.id);
-  }
-  getControls() {
-    return this.controls;
+    return this.controlsIds;
   }
-  withLabel(t) {
-    return this.label = t, this;
+  withLabel(e) {
+    return this.label = e, this;
   }
-  addControl(t, r) {
-    const s = R.normalizeControl(t);
-    return r < 0 ? this.controls.unshift(s) : r > this.controls.length ? this.controls.push(s) : this.controls.splice(r, 0, s), this;
+  addControl(e, t) {
+    return t < 0 ? this.controlsIds.unshift(e) : t > this.controlsIds.length ? this.controlsIds.push(e) : this.controlsIds.splice(t, 0, e), this;
   }
-  deleteControl(t) {
-    const r = this.controls.findIndex((s) => s.id === t);
-    r !== -1 && this.controls.splice(r, 1);
+  deleteControl(e) {
+    const t = this.controlsIds.indexOf(e);
+    t !== -1 && this.controlsIds.splice(t, 1);
   }
-  static normalizeControl(t) {
-    if (typeof t == "string")
-      return { id: t };
-    if (!t.id)
-      throw new Error("SettingsPanelTabControlConfig.id is required");
-    return {
-      ...t,
-      id: t.id
-    };
-  }
-}, E = class extends v {
+}, E = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.TEXT), r = e.asElement().hasClass(w) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.TEXT), a = e.asElement().hasClass(U) ? [e] : [];
+    return t.length ? t : a;
   }
-}, mt = class extends E {
+}, It = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, gt = class extends E {
+}, bt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, Ot = class extends E {
+}, ht = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, Rt = class extends E {
+}, mt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, Lt = class extends E {
+}, gt = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, _t = class extends E {
+}, Ot = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Ct = class extends E {
+}, Rt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
-}, Ge = class {
+}, ke = class {
   constructor(e) {
     this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.modulesPanelTabs = (e == null ? void 0 : e.modulesPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
   }
@@ -910,7 +887,7 @@ var bt = f, ht = class R {
   getModulesPanelTabs() {
     return this.modulesPanelTabs;
   }
-}, At = class {
+}, Lt = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [];
   }
@@ -981,7 +958,7 @@ var bt = f, ht = class R {
     return this.modulesPanelTabs.push(e), this;
   }
   build() {
-    return new Ge({
+    return new ke({
       i18n: this.i18n,
       styles: this.styles.map((e) => e.trim()).join(`
 `),
@@ -1004,18 +981,18 @@ var bt = f, ht = class R {
       modulesPanelTabs: this.modulesPanelTabs
     });
   }
-}, Ve = class L extends i {
+}, pe = class R extends s {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(R.REQUIRED_METHODS, R);
   }
   openAiAssistant(t) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-Ve.REQUIRED_METHODS = ["openAiAssistant"];
-var fe = class _ extends i {
+pe.REQUIRED_METHODS = ["openAiAssistant"];
+var Xe = class L extends s {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(L.REQUIRED_METHODS, L);
   }
   /**
    * Retrieves the name of the category.
@@ -1032,7 +1009,7 @@ var fe = class _ extends i {
    * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
    * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
    */
-  openExternalDisplayConditionsDialog(t, r, s) {
+  openExternalDisplayConditionsDialog(t, a, i) {
     throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
   }
   /**
@@ -1053,19 +1030,19 @@ var fe = class _ extends i {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-fe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Qe = class C extends i {
+Xe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Ge = class _ extends s {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(_.REQUIRED_METHODS, _);
   }
-  openImageLibrary(t, r, s) {
+  openImageLibrary(t, a, i) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Qe.REQUIRED_METHODS = ["openImageLibrary"];
-var Ye = class A extends i {
+Ge.REQUIRED_METHODS = ["openImageLibrary"];
+var Ve = class C extends s {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(C.REQUIRED_METHODS, C);
   }
   /**
    * @description Returns the translated name/label for the tab
@@ -1080,39 +1057,39 @@ var Ye = class A extends i {
    * @param _onImageSelectCallback - Callback to invoke when an image is selected
    * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
    */
-  openImageLibraryTab(t, r, s) {
+  openImageLibraryTab(t, a, i) {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-Ye.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var $e = class N extends i {
+Ve.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var Qe = class A extends s {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
-  openSmartElementsLibrary(t, r) {
+  openSmartElementsLibrary(t, a) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-$e.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var We = class D extends i {
+Qe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var fe = class N extends s {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(N.REQUIRED_METHODS, N);
   }
-  openExternalVideosLibraryDialog(t, r, s) {
+  openExternalVideosLibraryDialog(t, a, i) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-We.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var Q = class S extends i {
+fe.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var Q = class D extends s {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(D.REQUIRED_METHODS, D);
   }
   registerIconsSvg(t) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var Nt = Q, Dt = class {
+var _t = Q, Ct = class {
   constructor(e) {
     this.key = e;
   }
@@ -1125,9 +1102,9 @@ var Nt = Q, Dt = class {
       params: this.params
     };
   }
-}, Y = class M extends i {
+}, f = class S extends s {
   constructor() {
-    super(M.REQUIRED_METHODS, M);
+    super(S.REQUIRED_METHODS, S);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -1162,7 +1139,7 @@ var Nt = Q, Dt = class {
    * @param name - The name of the attribute that was updated.
    * @param value - The new value of the attribute.
    */
-  onAttributeUpdated(t, r) {
+  onAttributeUpdated(t, a) {
   }
   /**
    * Gets the unique identifier for this UI element type.
@@ -1180,64 +1157,64 @@ var Nt = Q, Dt = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-Y.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var St = Y, $ = class B extends i {
+f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var At = f, Y = class M extends s {
   constructor() {
-    super(B.REQUIRED_METHODS, B);
+    super(M.REQUIRED_METHODS, M);
   }
   registerUiElements(t) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-$.REQUIRED_METHODS = ["registerUiElements"];
-var Mt = $;
+Y.REQUIRED_METHODS = ["registerUiElements"];
+var Nt = Y;
 export {
-  Ze as Block,
-  je as BlockAttr,
-  z as BlockCompositionType,
+  $e as Block,
+  ze as BlockAttr,
+  W as BlockCompositionType,
   c as BlockSelector,
-  de as BlockType,
-  qe as BlocksPanel,
-  v as BuiltInControl,
+  oe as BlockType,
+  We as BlocksPanel,
+  x as BuiltInControl,
   n as BuiltInControlTypes,
-  tt as ButtonAlignBuiltInControl,
-  rt as ButtonBackgroundColorBuiltInControl,
-  at as ButtonBorderBuiltInControl,
-  et as ButtonBorderRadiusBuiltInControl,
-  nt as ButtonColorBuiltInControl,
-  H as ButtonControls,
-  st as ButtonFitToContainerBuiltInControl,
-  it as ButtonFontFamilyBuiltInControl,
-  lt as ButtonMarginsBuiltInControl,
-  Et as ButtonPaddingsBuiltInControl,
-  ot as ButtonTextBuiltInControl,
-  dt as ButtonTextSizeBuiltInControl,
-  ut as ButtonTextStyleAndFontColorBuiltInControl,
-  ue as ContainerControls,
-  ct as Control,
-  ce as EditorStatePropertyType,
-  Ge as Extension,
-  At as ExtensionBuilder,
-  F as GeneralControls,
-  Nt as IconsRegistry,
-  p as ImageControls,
-  Tt as ImageMarginsBuiltInControl,
-  It as ImageSizeBuiltInControl,
-  Dt as ModificationDescription,
-  Te as PreviewDeviceMode,
-  bt as SettingsPanelRegistry,
-  ht as SettingsPanelTab,
-  Ie as SettingsTab,
-  mt as TextAlignBuiltInControl,
-  gt as TextColorBuiltInControl,
-  k as TextControls,
-  Ot as TextFontFamilyBuiltInControl,
-  Rt as TextLineSpacingBuiltInControl,
-  Lt as TextPaddingsBuiltInControl,
-  _t as TextSizeBuiltInControl,
-  Ct as TextStyleBuiltInControl,
-  Je as UEAttr,
-  St as UIElement,
-  Mt as UIElementTagRegistry,
-  ke as UIElementType
+  qe as ButtonAlignBuiltInControl,
+  Je as ButtonBackgroundColorBuiltInControl,
+  et as ButtonBorderBuiltInControl,
+  je as ButtonBorderRadiusBuiltInControl,
+  tt as ButtonColorBuiltInControl,
+  F as ButtonControls,
+  rt as ButtonFitToContainerBuiltInControl,
+  at as ButtonFontFamilyBuiltInControl,
+  nt as ButtonMarginsBuiltInControl,
+  st as ButtonPaddingsBuiltInControl,
+  it as ButtonTextBuiltInControl,
+  lt as ButtonTextSizeBuiltInControl,
+  Et as ButtonTextStyleAndFontColorBuiltInControl,
+  de as ContainerControls,
+  ot as Control,
+  ue as EditorStatePropertyType,
+  ke as Extension,
+  Lt as ExtensionBuilder,
+  K as GeneralControls,
+  _t as IconsRegistry,
+  k as ImageControls,
+  dt as ImageMarginsBuiltInControl,
+  ut as ImageSizeBuiltInControl,
+  Ct as ModificationDescription,
+  ce as PreviewDeviceMode,
+  ct as SettingsPanelRegistry,
+  Tt as SettingsPanelTab,
+  Te as SettingsTab,
+  It as TextAlignBuiltInControl,
+  bt as TextColorBuiltInControl,
+  H as TextControls,
+  ht as TextFontFamilyBuiltInControl,
+  mt as TextLineSpacingBuiltInControl,
+  gt as TextPaddingsBuiltInControl,
+  Ot as TextSizeBuiltInControl,
+  Rt as TextStyleBuiltInControl,
+  Ze as UEAttr,
+  At as UIElement,
+  Nt as UIElementTagRegistry,
+  Ke as UIElementType
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.62.0" } }, s = {
+const o = { stripo: { version: "2.60.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/enums/date.d.ts

@@ -1,4 +1,4 @@
-export declare const DEFAULT_LOCALE = "tr-TR";
+export declare const DEFAULT_LOCALE = "en-US";
 export declare const DEFAULT = "default";
 export declare const DEFAULT_TZ = "UTC";
 export declare const FORMAT_MAPPING: Record<string, string>;

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -11,6 +11,7 @@ export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];
 export declare const currencyDecimalCounts: TextValueObject[];
+export declare const OP_ANY_OF = "||";
 export declare const operatorOptionsForStrings: TextValueObject[];
 export declare const operatorOptionsForArrayOfStrings: TextValueObject[];
 export declare const operatorOptionsForNumbers: TextValueObject[];

package/dist/static/templates/empty/style.css.js

@@ -594,6 +594,7 @@ button.es-button {
 
     a.es-button,
     button.es-button {
+        font-size: 16px !important;
         display: block !important;
         padding: 10px 0px 10px 0px !important;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.b277bd3",
+  "version": "3.2.0-beta.bbb580a",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -32,7 +32,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.8.0",
+    "@stripoinc/ui-editor-extensions": "3.7.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.62.0"
+      "version": "2.60.0"
     }
   }
 }