builder-settings-types 0.0.413 → 0.0.415

package/dist/builder-settings-types.es.js

@@ -27600,7 +27600,7 @@ const si = class si {
 };
 si.hiddenElements = /* @__PURE__ */ new Set();
 let dr = si;
-function P3(t) {
+function D3(t) {
   return new g4(t);
 }
 class g4 extends dr {
@@ -27666,7 +27666,7 @@ class g4 extends dr {
 function x4(t) {
   return new dr(t);
 }
-function D3(t) {
+function R3(t) {
   return t;
 }
 class v4 extends Ae {
@@ -27997,7 +27997,7 @@ class wa extends Ae {
     };
   }
 }
-class R3 extends Ae {
+class B3 extends Ae {
   constructor(e = {}) {
     super(e), this.inputType = "text", e.onChange && this.setOnChange(e.onChange);
   }
@@ -28282,7 +28282,7 @@ class _4 extends Ae {
     }), e.appendChild(a), e;
   }
 }
-class B3 extends Ae {
+class V3 extends Ae {
   constructor(e) {
     super(e), this.inputType = "button", this.bgWithAlpha = "rgba(145, 158, 171, 0.08)";
   }
@@ -28311,7 +28311,7 @@ class B3 extends Ae {
     return s.className = "button-setting-wrapper " + (this.props.wrapperClassName || ""), s.appendChild(e), s;
   }
 }
-class V3 extends Ae {
+class H3 extends Ae {
   constructor(e = {}) {
     super(e), this.inputType = { width: "number", height: "number" }, this.aspectRatio = 1, this.isUpdating = !1;
     const r = e.width || 0, a = e.height || 0;
@@ -29552,7 +29552,7 @@ const m3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewB
     <polyline points="6 9 12 15 18 9"></polyline>
   </svg>
 `;
-class H3 extends Ae {
+class U3 extends Ae {
   constructor(e = {}) {
     if (super(e), this.inputType = "select", this._options = [], this.isOpen = !1, this.selectedOptionIndex = null, this.optionsListEl = null, this.svgContainer = null, this.buttonEl = null, this.isLoading = !1, this.container = null, this.hasInitializedOptions = !1, this.selectedOptionIndex = null, e.default !== void 0 && (this.value = e.default), this.initializeOptions(e), !e.getOptionsAsync && this.value !== void 0) {
       const r = this._options.findIndex(
@@ -29703,7 +29703,7 @@ class H3 extends Ae {
     ), this.updateButtonText(), this.updateOptionsList(), this.detectChangeCallback && this.detectChangeCallback !== this.props.detectChange && this.detectChangeCallback(e);
   }
 }
-class U3 extends Ae {
+class W3 extends Ae {
   constructor(e) {
     var r, a;
     super(e), this.inputType = "text", this.value = e.default ?? ((a = (r = e.options) == null ? void 0 : r[0]) == null ? void 0 : a.value) ?? "", this.detectChangeCallback = e.detectChange;
@@ -29756,7 +29756,7 @@ class U3 extends Ae {
 const x3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.3334 5.99996H2.66675M13.3334 9.99996H2.66675M5.33341 12.6666V3.33329M10.6667 12.6666V3.33329" stroke="#667085" strokeWidth="1.33333" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`;
-class W3 extends Ae {
+class $3 extends Ae {
   // Store mobile value
   constructor(e = {}) {
     e.rowGap = e.rowGap ?? !0, e.columnGap = e.columnGap ?? !0, e.title = e.title ?? "Gap", e.icon = e.icon ?? x3, e.suffix = e.suffix ?? "px", e.minValue = e.minValue ?? 0, super(e), this.inputType = "number", this.inputValues = {}, this.mobileValue = e.mobile, this.value = this.validateValue(e.default ?? 0), e.rowGap && (this.inputValues.row = this.value), e.columnGap && (this.inputValues.column = this.value);
@@ -29813,7 +29813,7 @@ class W3 extends Ae {
 const v3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
 <path d="M2.25 11.75H15.75M5.85 2.75H12.15C13.4101 2.75 14.0402 2.75 14.5215 2.99524C14.9448 3.21095 15.289 3.55516 15.5048 3.97852C15.75 4.45982 15.75 5.08988 15.75 6.35V12.65C15.75 13.9101 15.75 14.5402 15.5048 15.0215C15.289 15.4448 14.9448 15.789 14.5215 16.0048C14.0402 16.25 13.4101 16.25 12.15 16.25H5.85C4.58988 16.25 3.95982 16.25 3.47852 16.0048C3.05516 15.789 2.71095 15.4448 2.49524 15.0215C2.25 14.5402 2.25 13.9101 2.25 12.65V6.35C2.25 5.08988 2.25 4.45982 2.49524 3.97852C2.71095 3.55516 3.05516 3.21095 3.47852 2.99524C3.95982 2.75 4.58988 2.75 5.85 2.75Z" stroke="#667085" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`;
-class $3 extends pr {
+class G3 extends pr {
   constructor(e = {}) {
     super({
       ...e,
@@ -29830,7 +29830,7 @@ const w3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewB
 <path d="M15.75 7.25H2.25m9.9 9h-6.3c-1.26 0-1.89 0-2.371-.245a2.25 2.25 0 0 1-.984-.983c-.245-.482-.245-1.112-.245-2.372v-6.3c0-1.26 0-1.89.245-2.371a2.25 2.25 0 0 1 .984-.984c.48-.245 1.11-.245 2.371-.245h6.3c1.26 0 1.89 0 2.371.245.424.216.768.56.984.984.245.48.245 1.11.245 2.371v6.3c0 1.26 0 1.89-.245 2.371-.216.424-.56.768-.984.984-.48.245-1.11.245-2.371.245"
  stroke="#667085" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`;
-class G3 extends pr {
+class z3 extends pr {
   constructor(e = {}) {
     super({
       ...e,
@@ -29964,6 +29964,25 @@ function _3(t, e = 3) {
     r && Kr(t, r);
   });
 }
+const T3 = (t, e, r) => {
+  let a = !1, n = 0, i = 0, s = 0, o = 0;
+  const l = (h) => {
+    if (h.target.closest("button")) return;
+    a = !0, n = h.clientX, i = h.clientY;
+    const u = e.getBoundingClientRect();
+    s = u.left, o = u.top, document.addEventListener("mousemove", c), document.addEventListener("mouseup", f), document.body.style.userSelect = "none";
+  }, c = (h) => {
+    if (!a) return;
+    const u = h.clientX - n, p = h.clientY - i, m = window.innerWidth, d = window.innerHeight, g = e.offsetWidth, v = e.offsetHeight;
+    let w = s + u, x = o + p;
+    w = Math.max(8, Math.min(m - g - 8, w)), x = Math.max(8, Math.min(d - v - 8, x)), e.style.left = `${w}px`, e.style.top = `${x}px`;
+  }, f = () => {
+    a = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", f), document.body.style.userSelect = "";
+  };
+  return t.addEventListener("mousedown", l), () => {
+    t.removeEventListener("mousedown", l), document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", f);
+  };
+};
 function Pc(t) {
   const e = document.createElement("div");
   e.classList.add("simple-multi-language-row");
@@ -29991,17 +30010,17 @@ function Pc(t) {
   }
   return e;
 }
-function T3(t) {
+function S3(t) {
   const e = document.createElement("div");
   e.classList.add("multi-language-popup-overlay");
   const r = document.createElement("div");
   r.classList.add("multi-language-popup");
   const a = document.createElement("div");
-  a.classList.add("multi-language-popup-header");
+  a.classList.add("multi-language-popup-header"), a.style.cursor = "move";
   const n = document.createElement("h3");
   n.classList.add("multi-language-popup-title"), n.textContent = "All Languages";
   const i = document.createElement("button");
-  i.classList.add("multi-language-close-button"), i.innerHTML = C3, i.addEventListener("click", () => t.onClose()), a.appendChild(n), a.appendChild(i), r.appendChild(a);
+  i.classList.add("multi-language-close-button"), i.innerHTML = C3, i.addEventListener("click", () => t.onClose()), T3(a, r), a.appendChild(n), a.appendChild(i), r.appendChild(a);
   const s = document.createElement("div");
   s.classList.add("multi-language-popup-content"), t.languages.forEach((c) => {
     var d;
@@ -30023,6 +30042,9 @@ function T3(t) {
   const l = document.createElement("button");
   return l.classList.add("multi-language-done-button"), l.textContent = "Done", l.addEventListener("click", () => t.onClose()), o.appendChild(l), r.appendChild(o), e.appendChild(r), e.addEventListener("mousedown", (c) => {
     c.target === e && t.onClose();
+  }), requestAnimationFrame(() => {
+    const c = window.innerWidth, f = window.innerHeight, h = r.offsetWidth, u = r.offsetHeight, p = Math.max(8, (c - h) / 2), m = Math.max(8, (f - u) / 2);
+    r.style.left = `${p}px`, r.style.top = `${m}px`;
   }), e;
 }
 class x0 {
@@ -30313,8 +30335,13 @@ const Zt = class Zt extends Ae {
       const { type: i, data: s } = n.data || {};
       i === "TEXT_ELEMENT_CLICKED" && s.$id == this.$id && this.showPopup();
     };
-    const r = Zt.messageListeners.get(this.instanceId);
-    r && window.removeEventListener("message", r), Zt.messageListeners.set(this.instanceId, this.messageHandler), window.addEventListener("message", this.messageHandler), this.defaultLanguage = this.resolveDefaultLanguage();
+    const r = Zt.messageListeners.get(
+      this.instanceId
+    );
+    r && window.removeEventListener("message", r), Zt.messageListeners.set(
+      this.instanceId,
+      this.messageHandler
+    ), window.addEventListener("message", this.messageHandler), this.defaultLanguage = this.resolveDefaultLanguage();
     const a = e.multiImg ? e.defaultValue || "" : e.defaultValue || Hn(this.defaultLanguage);
     e.languages.forEach((n) => {
       var i, s;
@@ -30326,7 +30353,9 @@ const Zt = class Zt extends Ae {
   }
   findLanguageMatch(e) {
     const r = this.normalizeLanguageCode(e);
-    return this.props.languages.find((a) => this.normalizeLanguageCode(a) === r);
+    return this.props.languages.find(
+      (a) => this.normalizeLanguageCode(a) === r
+    );
   }
   resolveDefaultLanguage() {
     const e = this.findLanguageMatch(Ae.DefaultLanguage), r = Ae.HasExplicitCurrentLanguage() && Ae.CurrentLanguage() ? this.findLanguageMatch(Ae.CurrentLanguage()) : void 0;
@@ -30334,7 +30363,10 @@ const Zt = class Zt extends Ae {
   }
   createTextareaRowForLanguage(e, r = !1) {
     var o;
-    const a = ((o = this.value) == null ? void 0 : o[e]) || "", n = Hn(e, this.props.placeholder || Qi), i = this.uploadSettings.get(e);
+    const a = ((o = this.value) == null ? void 0 : o[e]) || "", n = Hn(
+      e,
+      this.props.placeholder || Qi
+    ), i = this.uploadSettings.get(e);
     if (this.props.multiImg && !i) {
       const l = new ai({
         defaultUrl: a || "",
@@ -30368,15 +30400,22 @@ const Zt = class Zt extends Ae {
   updateOtherLanguagePlaceholders(e) {
     !this.container && !this.popup || this.props.languages.forEach((r) => {
       if (r === this.defaultLanguage) return;
-      const a = e || Hn(r, this.props.placeholder || Qi);
+      const a = e || Hn(
+        r,
+        this.props.placeholder || Qi
+      );
       [this.container, this.popup].forEach((n) => {
-        const i = n == null ? void 0 : n.querySelector(`#textarea-${r}`);
+        const i = n == null ? void 0 : n.querySelector(
+          `#textarea-${r}`
+        );
         i && (!i.value || i.value.trim() === "") && (i.setAttribute("data-full-placeholder", a), Kr(i, a));
       });
     });
   }
   renderContent(e) {
-    const r = e.querySelector(".simple-multi-language-content");
+    const r = e.querySelector(
+      ".simple-multi-language-content"
+    );
     if (!r) return;
     r.innerHTML = "";
     const a = Ae.HasExplicitCurrentLanguage(), n = Ae.CurrentLanguage();
@@ -30388,7 +30427,9 @@ const Zt = class Zt extends Ae {
     else {
       const i = this.createTextareaRowForLanguage(n, !1);
       r.appendChild(i);
-      const s = r.querySelector(".simple-language-textarea");
+      const s = r.querySelector(
+        ".simple-language-textarea"
+      );
       if (s) {
         const o = s.getAttribute("data-full-placeholder") || "";
         o && Kr(s, o);
@@ -30409,7 +30450,7 @@ const Zt = class Zt extends Ae {
           this.updateLanguageValue(r, s), r === this.defaultLanguage && this.updateOtherLanguagePlaceholders(s);
         }), this.uploadSettings.set(r, i);
       }
-    }), this.popup = T3({
+    }), this.popup = S3({
       languages: this.props.languages,
       values: this.value || {},
       placeholder: this.props.placeholder,
@@ -30420,7 +30461,9 @@ const Zt = class Zt extends Ae {
       },
       uploadSettings: this.uploadSettings,
       dataTestPath: this.getDataPropsPath()
-    }), document.body.appendChild(this.popup), this.updateOtherLanguagePlaceholders(((e = this.value) == null ? void 0 : e[this.defaultLanguage]) || ""));
+    }), document.body.appendChild(this.popup), this.updateOtherLanguagePlaceholders(
+      ((e = this.value) == null ? void 0 : e[this.defaultLanguage]) || ""
+    ));
   }
   closePopup() {
     this.popup && (document.body.removeChild(this.popup), this.popup = null);
@@ -30438,7 +30481,9 @@ const Zt = class Zt extends Ae {
       this.container && this.renderContent(this.container);
     }), this.resizeHandler = () => {
       if (!this.container) return;
-      this.container.querySelectorAll(".simple-language-textarea").forEach((i) => {
+      this.container.querySelectorAll(
+        ".simple-language-textarea"
+      ).forEach((i) => {
         const s = i.getAttribute("data-full-placeholder") || "";
         s && Kr(i, s);
       });
@@ -30482,18 +30527,18 @@ const Zt = class Zt extends Ae {
       n.set(h, (n.get(h) || 0) + 1);
     }), this.instances.forEach((s, o) => {
       if (!s.value) return;
-      s.props.languages.forEach((d) => a.add(d));
+      s.props.languages.forEach((v) => a.add(v));
       const l = {};
-      s.props.languages.forEach((d) => {
-        var g;
-        l[d] = ((g = s.value) == null ? void 0 : g[d]) || "";
+      s.props.languages.forEach((v) => {
+        var w;
+        l[v] = ((w = s.value) == null ? void 0 : w[v]) || "";
       });
-      const c = o.split(" > "), f = c[0] || "", h = c[c.length - 1] || "", u = s.props.title || "", p = `${f}:${u}`;
-      let m;
-      u && n.get(p) > 1 ? m = `${u} (${h})` : u ? m = u : m = h, r.push({
+      const c = o.split(" > "), f = c[0] || "", h = c[c.length - 1] || "", u = s.props.title || "", p = `${f}:${u}`, m = c.slice(1, -1), d = u || h;
+      let g;
+      m.length > 0 ? g = [...m, d].join(" > ") : u && n.get(p) > 1 ? g = `${u} (${h})` : g = d, r.push({
         id: o,
         title: s.props.title || o,
-        settingTitle: m,
+        settingTitle: g,
         value: l
       });
     }), r.length === 0) {
@@ -30510,7 +30555,10 @@ const Zt = class Zt extends Ae {
     });
     const a = Array.from(r).sort();
     try {
-      const n = await x0.importFromExcel(e, a);
+      const n = await x0.importFromExcel(
+        e,
+        a
+      );
       let i = 0;
       n.forEach((s) => {
         const o = s.id.split(" > "), l = o[0] || "";
@@ -30522,7 +30570,10 @@ const Zt = class Zt extends Ae {
           const p = `${l} > ${f}`;
           u = this.instances.get(p);
         }
-        u || (u = this.findInstanceByComponentAndTitle(l, c)), u || (u = this.findInstanceByLeaf(f || c)), u ? (u.setValue(s.value), i++) : console.warn(
+        u || (u = this.findInstanceByComponentAndTitle(
+          l,
+          c
+        )), u || (u = this.findInstanceByLeaf(f || c)), u ? (u.setValue(s.value), i++) : console.warn(
           `No matching component found for translation "${l} > ${c}". Ensure the Excel uses the setting title or full component path.`
         );
       }), console.log(`Successfully imported ${i} translations`);
@@ -30580,7 +30631,7 @@ const Zt = class Zt extends Ae {
 };
 Zt.instances = /* @__PURE__ */ new Map(), Zt.messageListeners = /* @__PURE__ */ new Map();
 let Ca = Zt;
-class z3 {
+class X3 {
   constructor(e = {}) {
     this.container = null, this.options = e;
   }
@@ -30645,7 +30696,7 @@ class z3 {
     return Ca.getAllInstances().size;
   }
 }
-class X3 extends Ae {
+class j3 extends Ae {
   constructor(e = {}) {
     super(e), this.inputType = "select";
     const r = [
@@ -30672,16 +30723,16 @@ class X3 extends Ae {
     this.selectSetting.destroy(), super.destroy();
   }
 }
-const S3 = `
+const b3 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M5.625 9.5H5.6325M12.375 9.5H12.3825M9 9.5H9.0075M9 12.875H9.0075M9 6.125H9.0075M2.25 6.35L2.25 12.65C2.25 13.9101 2.25 14.5402 2.49524 15.0215C2.71095 15.4448 3.05516 15.789 3.47852 16.0048C3.95982 16.25 4.58988 16.25 5.85 16.25H12.15C13.4101 16.25 14.0402 16.25 14.5215 16.0048C14.9448 15.789 15.289 15.4448 15.5048 15.0215C15.75 14.5402 15.75 13.9101 15.75 12.65V6.35C15.75 5.08988 15.75 4.45982 15.5048 3.97852C15.289 3.55516 14.9448 3.21095 14.5215 2.99524C14.0402 2.75 13.4101 2.75 12.15 2.75L5.85 2.75C4.58988 2.75 3.95982 2.75 3.47852 2.99524C3.05516 3.21095 2.71095 3.55516 2.49524 3.97852C2.25 4.45982 2.25 5.08988 2.25 6.35Z" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>
-`, b3 = `
+`, F3 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M6 2.75H5.85C4.58988 2.75 3.95982 2.75 3.47852 2.99524C3.05516 3.21095 2.71095 3.55516 2.49524 3.97852C2.25 4.45982 2.25 5.08988 2.25 6.35V6.5M6 16.25H5.85C4.58988 16.25 3.95982 16.25 3.47852 16.0048C3.05516 15.789 2.71095 15.4448 2.49524 15.0215C2.25 14.5402 2.25 13.9101 2.25 12.65V12.5M15.75 6.5V6.35C15.75 5.08988 15.75 4.45982 15.5048 3.97852C15.289 3.55516 14.9448 3.21095 14.5215 2.99524C14.0402 2.75 13.4101 2.75 12.15 2.75H12M15.75 12.5V12.65C15.75 13.9101 15.75 14.5402 15.5048 15.0215C15.289 15.4448 14.9448 15.789 14.5215 16.0048C14.0402 16.25 13.4101 16.25 12.15 16.25H12" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>
 `;
-class j3 extends dr {
+class K3 extends dr {
   constructor(e) {
     super({
       title: "Border",
@@ -30689,7 +30740,7 @@ class j3 extends dr {
       settings: {
         size: new pr({
           title: "Size",
-          icon: b3,
+          icon: F3,
           default: (e == null ? void 0 : e.size) ?? 0,
           suffix: "px"
         }),
@@ -30699,7 +30750,7 @@ class j3 extends dr {
         }),
         radius: new pr({
           title: "Radius",
-          icon: S3,
+          icon: b3,
           default: (e == null ? void 0 : e.radius) ?? 12,
           suffix: "px"
         })
@@ -30723,20 +30774,20 @@ class j3 extends dr {
     `;
   }
 }
-const F3 = `
+const L3 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
   <path d="M1 2.75C1 2.05109 1 1.70163 1.11418 1.42597C1.26642 1.05843 1.55843 0.766422 1.92597 0.614181C2.20163 0.5 2.55109 0.5 3.25 0.5H10.75C11.4489 0.5 11.7984 0.5 12.074 0.614181C12.4416 0.766422 12.7336 1.05843 12.8858 1.42597C13 1.70163 13 2.05109 13 2.75M4.75 12.5H9.25M7 0.5V12.5" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>
-`, L3 = `
+`, A3 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M3 5.75C3 5.05109 3 4.70163 3.11418 4.42597C3.26642 4.05843 3.55843 3.76642 3.92597 3.61418C4.20163 3.5 4.55109 3.5 5.25 3.5H12.75C13.4489 3.5 13.7984 3.5 14.074 3.61418C14.4416 3.76642 14.7336 4.05843 14.8858 4.42597C15 4.70163 15 5.05109 15 5.75M6 15.5H12M7.6875 3.5V15.5M10.3125 3.5V15.5" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>  
-`, A3 = `
+`, I3 = `
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M6 5.75H12M9 5.75V13.25M5.85 16.25H12.15C13.4101 16.25 14.0402 16.25 14.5215 16.0048C14.9448 15.789 15.289 15.4448 15.5048 15.0215C15.75 14.5402 15.75 13.9101 15.75 12.65V6.35C15.75 5.08988 15.75 4.45982 15.5048 3.97852C15.289 3.55516 14.9448 3.21095 14.5215 2.99524C14.0402 2.75 13.4101 2.75 12.15 2.75H5.85C4.58988 2.75 3.95982 2.75 3.47852 2.99524C3.05516 3.21095 2.71095 3.55516 2.49524 3.97852C2.25 4.45982 2.25 5.08988 2.25 6.35V12.65C2.25 13.9101 2.25 14.5402 2.49524 15.0215C2.71095 15.4448 3.05516 15.789 3.47852 16.0048C3.95982 16.25 4.58988 16.25 5.85 16.25Z" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>
 `;
-class K3 extends dr {
+class Y3 extends dr {
   constructor(e = {}) {
     const { showAlign: r = e.showAlign ?? !0, ...a } = e;
     super({
@@ -30750,7 +30801,7 @@ class K3 extends dr {
           }),
           fontFamily: new Zi({
             title: "Font",
-            icon: F3,
+            icon: L3,
             default: a.fontFamilyDefault ?? "Satoshi",
             options: a.fontFamilyOptions ?? [
               { name: "Alt", value: "Croco Sans Black Caps Alt" },
@@ -30763,7 +30814,7 @@ class K3 extends dr {
           }),
           fontWeight: new Zi({
             title: "Weight",
-            icon: L3,
+            icon: A3,
             default: a.fontWeightDefault ?? "400",
             options: a.fontWeightOptions ?? [
               { name: "Regular", value: "400" },
@@ -30775,7 +30826,7 @@ class K3 extends dr {
           }),
           fontSize: new pr({
             title: "Size",
-            icon: A3,
+            icon: I3,
             default: a.fontSizeDefault ?? 12,
             suffix: "px",
             mobile: a.fontSizeMobileDefault
@@ -30861,7 +30912,7 @@ class Dn extends Ae {
     }), a;
   }
 }
-class Y3 extends dr {
+class J3 extends dr {
   constructor(e) {
     super({
       title: "Margins",
@@ -30869,25 +30920,25 @@ class Y3 extends dr {
       settings: {
         marginTop: new Dn({
           title: "Top",
-          icon: I3,
+          icon: N3,
           suffix: "px",
           default: (e == null ? void 0 : e.marginTop) ?? "auto"
         }),
         marginRight: new Dn({
           title: "Right",
-          icon: N3,
+          icon: M3,
           suffix: "px",
           default: (e == null ? void 0 : e.marginRight) ?? 0
         }),
         marginBottom: new Dn({
           title: "Bottom",
-          icon: M3,
+          icon: O3,
           suffix: "px",
           default: (e == null ? void 0 : e.marginBottom) ?? 0
         }),
         marginLeft: new Dn({
           title: "Left",
-          icon: O3,
+          icon: P3,
           suffix: "px",
           default: (e == null ? void 0 : e.marginLeft) ?? 0
         })
@@ -30904,16 +30955,16 @@ class Y3 extends dr {
     `;
   }
 }
-const I3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
+const N3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M2.25 16.25H2.2575M2.25 9.5H2.2575M2.25 12.875H2.2575M2.25 6.125H2.2575M5.625 16.25H5.6325M5.625 9.5H5.6325M12.375 16.25H12.3825M12.375 9.5H12.3825M9 16.25H9.0075M9 9.5H9.0075M9 12.875H9.0075M9 6.125H9.0075M15.75 16.25H15.7575M15.75 9.5H15.7575M15.75 12.875H15.7575M15.75 6.125H15.7575M15.75 2.75H2.25" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
-</svg>`, N3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
-  <path d="M5.625 2.75H5.6325M5.625 9.5H5.6325M5.625 16.25H5.6325M12.375 2.75H12.3825M12.375 9.5H12.3825M12.375 16.25H12.3825M9 2.75H9.0075M9 9.5H9.0075M9 16.25H9.0075M9 12.875H9.0075M9 6.125H9.0075M2.25 2.75H2.2575M2.25 9.5H2.2575M2.25 16.25H2.2575M2.25 12.875H2.2575M2.25 6.125H2.2575M15.75 16.25V2.75" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`, M3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
-  <path d="M2.25 2.75H2.2575M2.25 9.5H2.2575M2.25 12.875H2.2575M2.25 6.125H2.2575M5.625 2.75H5.6325M5.625 9.5H5.6325M12.375 2.75H12.3825M12.375 9.5H12.3825M9 2.75H9.0075M9 9.5H9.0075M9 12.875H9.0075M9 6.125H9.0075M15.75 2.75H15.7575M15.75 9.5H15.7575M15.75 12.875H15.7575M15.75 6.125H15.7575M15.75 16.25H2.25" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
+  <path d="M5.625 2.75H5.6325M5.625 9.5H5.6325M5.625 16.25H5.6325M12.375 2.75H12.3825M12.375 9.5H12.3825M12.375 16.25H12.3825M9 2.75H9.0075M9 9.5H9.0075M9 16.25H9.0075M9 12.875H9.0075M9 6.125H9.0075M2.25 2.75H2.2575M2.25 9.5H2.2575M2.25 16.25H2.2575M2.25 12.875H2.2575M2.25 6.125H2.2575M15.75 16.25V2.75" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`, O3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
+  <path d="M2.25 2.75H2.2575M2.25 9.5H2.2575M2.25 12.875H2.2575M2.25 6.125H2.2575M5.625 2.75H5.6325M5.625 9.5H5.6325M12.375 2.75H12.3825M12.375 9.5H12.3825M9 2.75H9.0075M9 9.5H9.0075M9 12.875H9.0075M9 6.125H9.0075M15.75 2.75H15.7575M15.75 9.5H15.7575M15.75 12.875H15.7575M15.75 6.125H15.7575M15.75 16.25H2.25" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>`, P3 = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
   <path d="M5.625 2.75H5.6325M5.625 9.5H5.6325M5.625 16.25H5.6325M12.375 2.75H12.3825M12.375 9.5H12.3825M12.375 16.25H12.3825M9 2.75H9.0075M9 9.5H9.0075M9 16.25H9.0075M9 12.875H9.0075M9 6.125H9.0075M15.75 2.75H15.7575M15.75 9.5H15.7575M15.75 16.25H15.7575M15.75 12.875H15.7575M15.75 6.125H15.7575M2.25 16.25V2.75" stroke="#667085" strokeLinecap="round" strokeLinejoin="round"/>
 </svg>`;
-class J3 extends dr {
+class q3 extends dr {
   constructor(e) {
     super({
       title: "Background Image",
@@ -30952,7 +31003,7 @@ class J3 extends dr {
       `;
   }
 }
-class q3 extends dr {
+class Z3 extends dr {
   constructor(e) {
     super({
       title: (e == null ? void 0 : e.title) ?? "Image",
@@ -30976,42 +31027,42 @@ class q3 extends dr {
 }
 export {
   _4 as AlignSetting,
-  X3 as AnimationSetting,
-  J3 as BackgroundSettingSet,
-  j3 as BorderSettingSet,
-  B3 as ButtonSetting,
+  j3 as AnimationSetting,
+  q3 as BackgroundSettingSet,
+  K3 as BorderSettingSet,
+  V3 as ButtonSetting,
   fr as ColorSetting,
   wa as ColorWithOpacitySetting,
-  V3 as DimensionSetting,
+  H3 as DimensionSetting,
   Pn as ExcelRulesService,
   x0 as ExcelTranslationService,
-  W3 as GapSetting,
+  $3 as GapSetting,
   Fa as GradientSetting,
-  K3 as HeaderTypographySettingSet,
+  Y3 as HeaderTypographySettingSet,
   u3 as HeightSetting,
-  R3 as HtmlSetting,
+  B3 as HtmlSetting,
   m0 as ImageMapSetting,
-  q3 as ImageSettingSet,
-  $3 as MarginBottomSetting,
-  Y3 as MarginSettingGroup,
-  G3 as MarginTopSetting,
+  Z3 as ImageSettingSet,
+  G3 as MarginBottomSetting,
+  J3 as MarginSettingGroup,
+  z3 as MarginTopSetting,
   Ca as MultiLanguageSetting,
   pr as NumberSetting,
   y4 as OpacitySetting,
-  H3 as SelectApiSettings,
+  U3 as SelectApiSettings,
   Zi as SelectSetting,
   Ae as Setting,
   dr as SettingGroup,
   v4 as StringSetting,
   g4 as TabSettingGroup,
   g4 as TabsSettingGroup,
-  U3 as Toggle,
-  z3 as TranslationManager,
+  W3 as Toggle,
+  X3 as TranslationManager,
   ai as UploadSetting,
   p3 as WidthSetting,
-  D3 as asSettingGroupWithSettings,
+  R3 as asSettingGroupWithSettings,
   x4 as createSettingGroup,
-  P3 as createTabSettingGroup,
+  D3 as createTabSettingGroup,
   Er as isSetting,
   vi as isSettingChild,
   $e as isSettingGroup,