builder-settings-types 0.0.366 → 0.0.368

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

@@ -1,5 +1,5 @@
 const Ot = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let dt = (c = 21) => {
+let Mt = (c = 21) => {
   let t = "", e = crypto.getRandomValues(new Uint8Array(c |= 0));
   for (; c--; )
     t += Ot[e[c] & 63];
@@ -111,7 +111,7 @@ class Bt {
     this.observer && (this.observer.disconnect(), this.observer = void 0), this.observedElements.clear();
   }
 }
-const vt = new Bt();
+const mt = new Bt();
 function it(c) {
   if (c === null || typeof c != "object") return c;
   if (c instanceof Date) return new Date(c.getTime());
@@ -144,7 +144,7 @@ function At(c) {
 }
 const I = class I {
   constructor(t = {}) {
-    this.props = t, this.dataPropsPath = "", this.id = t.id || dt(), this.value = this.props.default, this.desktop = this.props.default, this.title = t.title || "", this.includeGetJson = t.includeGetJson !== void 0 ? t.includeGetJson : !0;
+    this.props = t, this.dataPropsPath = "", this.id = t.id || Mt(), this.value = this.props.default, this.desktop = this.props.default, this.title = t.title || "", this.includeGetJson = t.includeGetJson !== void 0 ? t.includeGetJson : !0;
   }
   static SetUploadUrl(t) {
     globalThis.DefaultUploadUrl = t, I.DefaultUploadUrl = t;
@@ -268,10 +268,10 @@ function R(c) {
 function M(c) {
   return c instanceof $;
 }
-function ft(c) {
+function vt(c) {
   return R(c) || M(c);
 }
-const pt = (c, t, e) => {
+const dt = (c, t, e) => {
   let i = !1, s = 0, n = 0, o = 0, a = 0;
   const l = (d) => {
     if (d.target.closest("button")) return;
@@ -432,7 +432,7 @@ const pt = (c, t, e) => {
     };
   }
   return { color: U(t) || t, position: 0, opacity: 100 };
-}, Ct = (c) => {
+}, ft = (c) => {
   const t = [];
   let e = "", i = 0;
   for (let s = 0; s < c.length; s++) {
@@ -446,7 +446,7 @@ const pt = (c, t, e) => {
     e += n;
   }
   return e.trim() && t.push(e.trim()), t;
-}, yt = (c, t) => {
+}, Ct = (c, t) => {
   const e = new RegExp(`${t}\\s*\\(`, "i"), i = c.match(e);
   if (!i) return null;
   const s = i.index + i[0].length;
@@ -467,7 +467,7 @@ const pt = (c, t, e) => {
     "contain",
     "cover"
   ].includes(t) ? !1 : /^#[0-9a-f]{3,8}$/i.test(t) || /^rgb/i.test(c) || /^hsl/i.test(c) || Dt(t);
-}, Et = (c) => {
+}, yt = (c) => {
   const t = [];
   return c.forEach((e, i) => {
     const s = e.trim();
@@ -495,9 +495,9 @@ const pt = (c, t, e) => {
     const s = Nt(t);
     return D({ type: "solid", angle: 0, stops: [s] });
   }
-  const e = yt(t, "linear-gradient");
+  const e = Ct(t, "linear-gradient");
   if (e) {
-    const s = Ct(e);
+    const s = ft(e);
     let n = 90, o = s;
     const a = s[0];
     if (a.includes("deg")) {
@@ -513,12 +513,12 @@ const pt = (c, t, e) => {
       "to top right": 45,
       "to top left": 315
     }[a] ?? 90, o = s.slice(1));
-    const l = Et(o);
+    const l = yt(o);
     return l.length ? D({ type: "linear", angle: n, stops: l }) : null;
   }
-  const i = yt(t, "radial-gradient");
+  const i = Ct(t, "radial-gradient");
   if (i) {
-    const s = Ct(i), n = s[0] && !Gt(s[0]) ? s.slice(1) : s, o = Et(n);
+    const s = ft(i), n = s[0] && !Gt(s[0]) ? s.slice(1) : s, o = yt(n);
     return o.length ? D({ type: "radial", angle: 0, stops: o }) : null;
   }
   return null;
@@ -623,7 +623,7 @@ const pt = (c, t, e) => {
 };
 X.STORAGE_KEY = "settingsLib_recentColors", X.MAX_COLORS = 18, X.colors = null;
 let z = X;
-const ut = (c, t) => {
+const pt = (c, t) => {
   const e = document.createElement("div");
   e.className = "color-picker-recent-section";
   const i = document.createElement("div");
@@ -747,7 +747,7 @@ class Zt {
     const i = document.createElement("span");
     i.textContent = "Color";
     const s = document.createElement("button");
-    s.className = "color-picker-close", s.innerHTML = Tt, s.addEventListener("click", () => this.close(!0)), e.appendChild(i), e.appendChild(s), pt(e, t);
+    s.className = "color-picker-close", s.innerHTML = Tt, s.addEventListener("click", () => this.close(!0)), e.appendChild(i), e.appendChild(s), dt(e, t);
     const n = document.createElement("div");
     n.className = "color-picker-area", this.colorArea = n;
     const o = document.createElement("div");
@@ -766,7 +766,7 @@ class Zt {
     p.className = "color-picker-opacity", this.opacitySlider = p;
     const u = document.createElement("div");
     u.className = "color-picker-opacity-marker", this.opacityMarker = u, p.appendChild(u), r.appendChild(h), r.appendChild(p), a.appendChild(l), a.appendChild(r);
-    const C = ut((E) => {
+    const C = pt((E) => {
       var L;
       this.setColor(E), (L = this.onChange) == null || L.call(this, E, this.currentOpacity);
     }, this.recentScope);
@@ -963,7 +963,7 @@ class Jt {
     r.className = "color-picker-opacity embedded", this.opacitySlider = r;
     const h = document.createElement("div");
     h.className = "color-picker-opacity-marker", this.opacityMarker = h, r.appendChild(h), o.appendChild(a), o.appendChild(r), s.appendChild(n), s.appendChild(o);
-    const d = ut((b) => {
+    const d = pt((b) => {
       const k = V(b);
       k && k.type !== "solid" ? this.onColorChange(b, this.currentOpacity) : (this.setColor(b), this.onColorChange(this.currentColor, this.currentOpacity));
     }, "all");
@@ -1335,7 +1335,7 @@ const P = class P extends w {
       t.appendChild(l);
     }
     const i = document.createElement("button");
-    i.type = "button", i.className = "gradient-popover-close", i.innerHTML = Tt, i.addEventListener("click", () => this.closePopover()), t.appendChild(i), pt(t, this.popoverEl, (l, r) => {
+    i.type = "button", i.className = "gradient-popover-close", i.innerHTML = Tt, i.addEventListener("click", () => this.closePopover()), t.appendChild(i), dt(t, this.popoverEl, (l, r) => {
       this.popoverPosition = { left: l, top: r };
     });
     const s = document.createElement("div");
@@ -1565,7 +1565,7 @@ const P = class P extends w {
     a.type = "button", a.className = "gradient-add-stop", a.textContent = "+", n.appendChild(o), n.appendChild(a);
     const l = document.createElement("div");
     l.className = "gradient-stops", t.appendChild(n), t.appendChild(l), this.updateStopsList(l);
-    const r = ut((h) => {
+    const r = pt((h) => {
       const d = V(h);
       d && (this.clearGlobalBindingForCustomChange(), this.value = d, this.switchType(d.type, !0), this.updateUI(), this.triggerChange());
     }, "all");
@@ -1881,7 +1881,7 @@ function Y(c, t) {
 const ot = class ot {
   constructor(t) {
     this.elementRef = null, this.isHidden = !1, this.custom = !1, this.initialValues = {}, this.changeTimeout = null, this.isHandlingChange = !1, this.changeHandlers = /* @__PURE__ */ new Set(), this.blurTimeout = null, this.lastChangeTime = 0, this.handleBlur = () => {
-    }, this.pendingBlurHandler = null, this.originalDefaultValues = {}, this.nestingLevel = 0, this.dataPropsPath = "", this.hide = !1, this.id = t.id || dt(), this.title = t.title, this.settings = t.settings, this.isCollapsed = t.collapsed ?? !1, this.isMain = t.main ?? !1, this.custom = t.custom ?? !1, this.nestingLevel = 0, this.includeGetJson = t.includeGetJson ?? !0, this.addItemCfg = t.addItem, this.deleteItemCfg = t.deleteItem, this.dataProps = t.dataProps, this.dataPropsPath = t.dataProps || "", this.hide = t.hide ?? !1, Object.assign(this, t.settings), this.initialValues = this.getValues(), this.originalDefaultValues = this.getDefaultValues(), this.propagateNestingLevel(), this.propagateDataPropsPath();
+    }, this.pendingBlurHandler = null, this.originalDefaultValues = {}, this.nestingLevel = 0, this.dataPropsPath = "", this.hide = !1, this.id = t.id || Mt(), this.title = t.title, this.settings = t.settings, this.isCollapsed = t.collapsed ?? !1, this.isMain = t.main ?? !1, this.custom = t.custom ?? !1, this.nestingLevel = 0, this.includeGetJson = t.includeGetJson ?? !0, this.addItemCfg = t.addItem, this.deleteItemCfg = t.deleteItem, this.dataProps = t.dataProps, this.dataPropsPath = t.dataProps || "", this.hide = t.hide ?? !1, Object.assign(this, t.settings), this.initialValues = this.getValues(), this.originalDefaultValues = this.getDefaultValues(), this.propagateNestingLevel(), this.propagateDataPropsPath();
   }
   propagateNestingLevel() {
     const t = this.nestingLevel + 1;
@@ -2091,7 +2091,7 @@ const ot = class ot {
         const o = i.slice(this.addItemCfg.keyPrefix.length), a = Number(o);
         if (Number.isFinite(a)) {
           const l = this.addItemCfg.createItem(a);
-          ft(l) && (this.addSetting(i, l), n = l);
+          vt(l) && (this.addSetting(i, l), n = l);
         }
       }
       n && (M(n) || R(n)) && typeof n.setValue == "function" && n.setValue(s);
@@ -2125,7 +2125,7 @@ const ot = class ot {
           p && t.startsWith(p) && this.addDeleteButtonToElement(l, t);
         }
         const h = o.querySelector(".sg-add-button-bottom");
-        h ? o.insertBefore(l, h) : o.appendChild(l), vt.trackElement(l), Q(l, this.nestingLevel + 1), lt(l, this.nestingLevel + 1);
+        h ? o.insertBefore(l, h) : o.appendChild(l), mt.trackElement(l), Q(l, this.nestingLevel + 1), lt(l, this.nestingLevel + 1);
         const d = l.style.display;
         l.style.display = "none", l.offsetHeight, l.style.display = d, this.updateNestingStyles();
       }
@@ -2447,13 +2447,13 @@ const ot = class ot {
       h.innerHTML = `${d}<span style="margin-left:4px;">${this.addItemCfg.buttonLabel ?? "Add"}</span>`, h.addEventListener("click", (p) => {
         p.stopPropagation(), p.preventDefault();
         const u = this.getNextIndexFromPrefix(this.addItemCfg.keyPrefix), C = this.addItemCfg.createItem(u);
-        if (ft(C)) {
+        if (vt(C)) {
           const m = `${this.addItemCfg.keyPrefix}${u}`;
           this.addSetting(m, C);
         }
       }), a.appendChild(h);
     }
-    return e.appendChild(i), e.appendChild(n), t.appendChild(e), t.appendChild(a), this.elementRef = t, vt.trackElement(t), setTimeout(() => {
+    return e.appendChild(i), e.appendChild(n), t.appendChild(e), t.appendChild(a), this.elementRef = t, mt.trackElement(t), setTimeout(() => {
       this.updateNestingStyles();
     }, 0), this.pendingBlurHandler && (this.pendingBlurHandler = null), t;
   }
@@ -3360,7 +3360,7 @@ const oe = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewB
   <circle cx="6.7" cy="6.7" r="1.5" fill="#02CC59" opacity="0.3"/>
 </svg>
 `;
-class gt extends w {
+class ut extends w {
   constructor(t = {}) {
     super(t), this.inputType = "button", this.previewWrapper = null, this.previewEl = null, this.emptyStateEl = null, this.errorContainer = null, this.messageListener = null, this.loadingSpinner = null, this.props.delete === void 0 && (this.props.delete = !0), this.props.maxFileSizeMB === void 0 && (this.props.maxFileSizeMB = 5), !this.value && t.defaultUrl && t.defaultUrl !== "" && (this.value = t.defaultUrl), this.setupMessageListener();
   }
@@ -3484,7 +3484,7 @@ const st = `
 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
   <path d="M5 10.5L7.5 8M7.5 8L10 10.5M7.5 8V13.625M12.5 10.9643C13.2634 10.3338 13.75 9.37996 13.75 8.3125C13.75 6.41402 12.211 4.875 10.3125 4.875C10.1759 4.875 10.0482 4.80375 9.97882 4.68609C9.16379 3.30302 7.65902 2.375 5.9375 2.375C3.34867 2.375 1.25 4.47367 1.25 7.0625C1.25 8.35381 1.77215 9.52317 2.61684 10.371" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, bt = `
+`, Et = `
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
   <path d="M1.5 7.5C1.5 7.5 3.00374 5.45116 4.22538 4.22868C5.44702 3.0062 7.1352 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.92268 15.75 3.32633 13.6907 2.51382 10.875M1.5 7.5V3M1.5 7.5H6" stroke="#637381" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -3535,7 +3535,7 @@ const st = `
 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L2.58579 2.58579C3.36684 3.36684 4.63317 3.36683 5.41421 2.58579L8 0L0 0Z" fill="#1C252E"/>
 </svg>
-`, F = 10, wt = 5, Ee = 24, be = 50, we = 5e3, xe = 800, Le = 0.8, ke = 700, Me = [
+`, F = 10, bt = 5, Ee = 24, be = 50, we = 5e3, xe = 800, Le = 0.8, ke = 700, Me = [
   "image/jpeg",
   "image/jpg",
   "image/png",
@@ -3554,7 +3554,7 @@ function Ie(c, t) {
     error: `File size (${(c.size / 1048576).toFixed(1)}MB) exceeds ${t}MB limit.`
   } : { valid: !0 };
 }
-function xt(c, t, e) {
+function wt(c, t, e) {
   if (!c.length) return [];
   const i = t && t.width && t.height && t || e && e.width && e.height && e || null;
   return c.map((s) => {
@@ -3565,7 +3565,7 @@ function xt(c, t, e) {
 function nt(c) {
   return Number.isFinite(c) ? Math.max(0, Math.min(100, c)) : 0;
 }
-function Lt(c, t, e) {
+function xt(c, t, e) {
   const i = (c - e.left) / e.width * 100, s = (t - e.top) / e.height * 100;
   return {
     x: nt(i),
@@ -3591,7 +3591,7 @@ function Se(c, t) {
   }
   return { index: e, name: i };
 }
-const mt = class mt {
+const gt = class gt {
   static show(t, e = we) {
     this.injectStyles();
     const i = document.createElement("div");
@@ -3645,8 +3645,8 @@ const mt = class mt {
     }
   }
 };
-mt.styleInjected = !1;
-let _ = mt;
+gt.styleInjected = !1;
+let _ = gt;
 class Ne {
   constructor() {
     this.overlayElement = null, this.activePromise = null;
@@ -3781,7 +3781,7 @@ class Ve {
     this.handlers.clear(), this.cleanupMessageListener();
   }
 }
-const kt = new Ve();
+const Lt = new Ve();
 function Oe(c, t) {
   const e = document.createElement("div");
   e.className = "marker-container", e.style.left = `${c.x}%`, e.style.top = `${c.y}%`, e.setAttribute("data-marker-id", String(c.id));
@@ -3902,7 +3902,7 @@ function Ge(c, t, e) {
     const i = document.createElement("label");
     i.className = "image-map-upload-label", i.innerHTML = `
       <div class="upload-icon upload-icon-default">${st}</div>
-      <div class="upload-icon upload-icon-replace">${bt}</div>
+      <div class="upload-icon upload-icon-replace">${Et}</div>
       <span class="upload-text">Upload Image</span>
     `;
     const s = document.createElement("input");
@@ -3915,7 +3915,7 @@ function Ge(c, t, e) {
     const i = document.createElement("button");
     return i.type = "button", i.className = "image-map-upload-label", i.innerHTML = `
       <div class="upload-icon upload-icon-default">${st}</div>
-      <div class="upload-icon upload-icon-replace">${bt}</div>
+      <div class="upload-icon upload-icon-replace">${Et}</div>
       <span class="upload-text">Upload Image</span>
     `, i.addEventListener("click", () => {
       window.postMessage(
@@ -3959,7 +3959,7 @@ function Ue(c, t) {
   const n = document.createElement("h3");
   n.className = "image-map-title", n.textContent = "Prize Map", s.appendChild(n);
   const o = document.createElement("button");
-  o.type = "button", o.className = "image-map-close-btn", o.innerHTML = he, o.addEventListener("click", () => void c()), s.appendChild(o), pt(s, i, (l, r) => {
+  o.type = "button", o.className = "image-map-close-btn", o.innerHTML = he, o.addEventListener("click", () => void c()), s.appendChild(o), dt(s, i, (l, r) => {
     t(l, r);
   }), i.appendChild(s);
   const a = document.createElement("div");
@@ -3999,7 +3999,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
     super(t), this.inputType = {
       imageUrl: "text",
       markers: "text"
-    }, this.mainDisplayElements = null, this.popoverElements = null, this.imageElement = null, this.cursorTooltip = null, this.popoverPosition = null, this.isPopoverOpen = !1, this.confirmModal = new Ne(), this.previousImageDimensions = null, this.draggingMarkerId = null, this.historyManager = new Pe(), this.isUndoRedoOperation = !1, this.initialValue = null, this.lastMouseX = 0, this.lastMouseY = 0, this.errorTooltipEl = null, this.errorTooltipTimeoutId = null, this.props.maxMarkers = this.props.maxMarkers ?? ((e = this.props.prizeMap) == null ? void 0 : e.length) ?? F, this.props.maxFileSizeMB = this.props.maxFileSizeMB ?? wt, this.props.markerSize = this.props.markerSize ?? Ee, this.value || (this.value = { imageUrl: "", markers: [] }), kt.registerHandler(this.id, (i) => {
+    }, this.mainDisplayElements = null, this.popoverElements = null, this.imageElement = null, this.cursorTooltip = null, this.popoverPosition = null, this.isPopoverOpen = !1, this.confirmModal = new Ne(), this.previousImageDimensions = null, this.draggingMarkerId = null, this.historyManager = new Pe(), this.isUndoRedoOperation = !1, this.initialValue = null, this.lastMouseX = 0, this.lastMouseY = 0, this.errorTooltipEl = null, this.errorTooltipTimeoutId = null, this.props.maxMarkers = this.props.maxMarkers ?? ((e = this.props.prizeMap) == null ? void 0 : e.length) ?? F, this.props.maxFileSizeMB = this.props.maxFileSizeMB ?? bt, this.props.markerSize = this.props.markerSize ?? Ee, this.value || (this.value = { imageUrl: "", markers: [] }), Lt.registerHandler(this.id, (i) => {
       this.handleFileManagerImageSelected(i);
     }), this.onBackgroundClick = (i) => {
       if (this.isPopoverOpen && this.popoverElements && !this.popoverElements.popover.contains(i.target)) {
@@ -4195,7 +4195,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
       const s = {
         width: i.naturalWidth || 0,
         height: i.naturalHeight || 0
-      }, n = xt(
+      }, n = wt(
         ((o = this.value) == null ? void 0 : o.markers) || [],
         e,
         s
@@ -4211,7 +4211,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
   handleImageUpload(t) {
     const e = this.previousImageDimensions, i = Ie(
       t,
-      this.props.maxFileSizeMB || wt
+      this.props.maxFileSizeMB || bt
     );
     if (!i.valid) {
       _.show(i.error);
@@ -4228,7 +4228,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
           const r = {
             width: l.naturalWidth || 0,
             height: l.naturalHeight || 0
-          }, h = xt(
+          }, h = wt(
             ((d = this.value) == null ? void 0 : d.markers) || [],
             e,
             r
@@ -4252,7 +4252,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
       this.showErrorTooltip(r, t.clientX, t.clientY);
       return;
     }
-    const e = this.imageElement.getBoundingClientRect(), { x: i, y: s } = Lt(t.clientX, t.clientY, e), n = Vt(this.value.markers);
+    const e = this.imageElement.getBoundingClientRect(), { x: i, y: s } = xt(t.clientX, t.clientY, e), n = Vt(this.value.markers);
     let o;
     this.props.prizeMap && this.props.prizeMap.length > 0 && (o = this.props.prizeMap[n - 1]);
     const a = {
@@ -4268,7 +4268,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
     var a;
     if (this.draggingMarkerId === null || !this.imageElement || !this.value)
       return;
-    const e = this.imageElement.getBoundingClientRect(), { x: i, y: s } = Lt(t.clientX, t.clientY, e), n = this.value.markers.map(
+    const e = this.imageElement.getBoundingClientRect(), { x: i, y: s } = xt(t.clientX, t.clientY, e), n = this.value.markers.map(
       (l) => l.id === this.draggingMarkerId ? { ...l, x: i, y: s } : l
     ), o = (a = this.popoverElements) == null ? void 0 : a.popover.querySelector(
       `[data-marker-id="${this.draggingMarkerId}"]`
@@ -4395,11 +4395,11 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
       this.popoverElements.backdrop
     ), this.popoverElements.popover.parentElement && this.popoverElements.popover.parentElement.removeChild(
       this.popoverElements.popover
-    )), document.removeEventListener("click", this.onBackgroundClick, !0), document.removeEventListener("keydown", this.handlePopoverKeydown, !0), kt.unregisterHandler(this.id), this.confirmModal.cleanup();
+    )), document.removeEventListener("click", this.onBackgroundClick, !0), document.removeEventListener("keydown", this.handlePopoverKeydown, !0), Lt.unregisterHandler(this.id), this.confirmModal.cleanup();
   }
 };
 A.openInstance = null;
-let Mt = A;
+let kt = A;
 class _e extends B {
   constructor(t = {}) {
     super({
@@ -4743,20 +4743,13 @@ class Ci extends B {
 }
 class yi extends w {
   constructor(t) {
-    super(t), this.inputType = {}, this.container = null, this.defaultLanguage = "", this.uploadSettings = /* @__PURE__ */ new Map(), this.popup = null;
-    let e = dt();
-    console.log(e), t.default ? this.value = t.default : this.value || (this.value = {}), this.value.$id = e;
-    const i = (l) => {
-      const { type: r, data: h } = l.data || {};
-      r === "TEXT_ELEMENT_CLICKED" && h.$id == e && this.showPopup();
-    };
-    window.addEventListener("message", i);
-    const s = w.HasExplicitCurrentLanguage(), n = s ? w.CurrentLanguage() : "", o = w.DefaultLanguage;
-    this.defaultLanguage = s && n && t.languages.includes(n) ? n : o && t.languages.includes(o) ? o : t.languages[0];
-    const a = t.defaultValue || `Enter text in ${this.capitalizeFirstLetter(this.defaultLanguage)}`;
-    t.languages.forEach((l) => {
-      var r, h;
-      l in (this.value || {}) || (this.value || (this.value = {}), l === this.defaultLanguage && a ? this.value[l] = ((r = t.default) == null ? void 0 : r[l]) || a : this.value[l] = ((h = t.default) == null ? void 0 : h[l]) || "");
+    super(t), this.inputType = {}, this.container = null, this.defaultLanguage = "", this.uploadSettings = /* @__PURE__ */ new Map(), this.popup = null, t.default ? this.value = t.default : this.value || (this.value = {}), this.value.$id = this.id;
+    const e = w.HasExplicitCurrentLanguage(), i = e ? w.CurrentLanguage() : "", s = w.DefaultLanguage;
+    this.defaultLanguage = e && i && t.languages.includes(i) ? i : s && t.languages.includes(s) ? s : t.languages[0];
+    const n = t.defaultValue || `Enter text in ${this.capitalizeFirstLetter(this.defaultLanguage)}`;
+    t.languages.forEach((o) => {
+      var a, l;
+      o in (this.value || {}) || (this.value || (this.value = {}), o === this.defaultLanguage && n ? this.value[o] = ((a = t.default) == null ? void 0 : a[o]) || n : this.value[o] = ((l = t.default) == null ? void 0 : l[o]) || "");
     });
   }
   capitalizeFirstLetter(t) {
@@ -4801,7 +4794,7 @@ class yi extends w {
     i.classList.add("simple-multi-language-row");
     const s = document.createElement("label");
     if (s.classList.add("simple-language-label"), s.textContent = t.toUpperCase(), s.setAttribute("for", `textarea-${t}`), i.appendChild(s), this.props.multiImg) {
-      const n = new gt({
+      const n = new ut({
         defaultUrl: e || "",
         title: "",
         id: `${this.id}_upload_${t}`
@@ -4980,23 +4973,29 @@ class yi extends w {
       s.style.color = "#000";
     }), s.addEventListener("mouseleave", () => {
       s.style.color = "#666";
-    }), s.addEventListener("click", (a) => {
-      a.preventDefault(), this.showPopup();
-    }), e.appendChild(i), e.appendChild(s), t.appendChild(e);
-    const n = document.createElement("div");
-    n.classList.add("simple-multi-language-content"), t.appendChild(n), this.container = t, this.renderContent(t), this.languageChangeUnsubscribe = w.onLanguageChange((a) => {
-      a && this.props.languages.includes(a) && (this.defaultLanguage = a), this.container && this.renderContent(this.container);
+    }), s.addEventListener("click", (l) => {
+      l.preventDefault(), this.showPopup();
     });
-    const o = () => {
+    const n = (l) => {
+      var d;
+      const { type: r, data: h } = l.data || {};
+      r === "TEXT_ELEMENT_CLICKED" && h.$id == ((d = this.value) == null ? void 0 : d.$id) && this.showPopup();
+    };
+    window.addEventListener("message", n), e.appendChild(i), e.appendChild(s), t.appendChild(e);
+    const o = document.createElement("div");
+    o.classList.add("simple-multi-language-content"), t.appendChild(o), this.container = t, this.renderContent(t), this.languageChangeUnsubscribe = w.onLanguageChange((l) => {
+      l && this.props.languages.includes(l) && (this.defaultLanguage = l), this.container && this.renderContent(this.container);
+    });
+    const a = () => {
       if (!this.container) return;
       this.container.querySelectorAll(
         ".simple-language-textarea"
-      ).forEach((l) => {
-        const r = l.getAttribute("data-full-placeholder") || "";
-        r && this.adaptPlaceholderToSingleLine(l, r);
+      ).forEach((r) => {
+        const h = r.getAttribute("data-full-placeholder") || "";
+        h && this.adaptPlaceholderToSingleLine(r, h);
       });
     };
-    return window.addEventListener("resize", o), t;
+    return window.addEventListener("resize", a), t;
   }
   setValue(t) {
     super.setValue(t), this.container && this.props.languages.forEach((e) => {
@@ -5291,7 +5290,7 @@ class Li extends $ {
       title: "Background Image",
       collapsed: t == null ? void 0 : t.collapsed,
       settings: {
-        backgroundImage: new gt({
+        backgroundImage: new ut({
           ...t == null ? void 0 : t.uploadProps,
           default: (t == null ? void 0 : t.backgroundImage) ?? ""
         }),
@@ -5330,7 +5329,7 @@ class ki extends $ {
       title: (t == null ? void 0 : t.title) ?? "Image",
       collapsed: t == null ? void 0 : t.collapsed,
       settings: {
-        image: new gt({
+        image: new ut({
           ...t == null ? void 0 : t.uploadProps,
           default: (t == null ? void 0 : t.image) ?? ""
         }),
@@ -5360,7 +5359,7 @@ export {
   wi as HeaderTypographySettingSet,
   _e as HeightSetting,
   di as HtmlSetting,
-  Mt as ImageMapSetting,
+  kt as ImageMapSetting,
   ki as ImageSettingSet,
   fi as MarginBottomSetting,
   xi as MarginSettingGroup,
@@ -5376,13 +5375,13 @@ export {
   Xt as TabSettingGroup,
   Xt as TabsSettingGroup,
   mi as Toggle,
-  gt as UploadSetting,
+  ut as UploadSetting,
   Ze as WidthSetting,
   hi as asSettingGroupWithSettings,
   Yt as createSettingGroup,
   ci as createTabSettingGroup,
   R as isSetting,
-  ft as isSettingChild,
+  vt as isSettingChild,
   M as isSettingGroup,
   Y as iterateSettings
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "builder-settings-types",
   "description": "builder settings",
-  "version": "0.0.366",
+  "version": "0.0.368",
   "type": "module",
   "main": "dist/builder-settings-types.cjs.js",
   "module": "dist/builder-settings-types.es.js",