builder-settings-types 0.0.370 → 0.0.372

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

@@ -312,7 +312,7 @@
 </svg>`;class li extends ${constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||ai,title:t.title||"Margin Bottom",default:t.default??20,wrapperClassName:"margin-bottom-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}const ri=`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
 <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" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`;class ci extends ${constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||ri,title:t.title||"Margin Top",default:t.default??20,wrapperClassName:"margin-top-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}class hi extends w{constructor(t){super(t),this.inputType={},this.container=null,this.defaultLanguage="",this.uploadSettings=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){return String(t).charAt(0).toUpperCase()+String(t).slice(1)}measureTextWidth(t,e){this.textMeasureCanvas||(this.textMeasureCanvas=document.createElement("canvas"));const i=this.textMeasureCanvas.getContext("2d");if(!i)return t.length*10;const s=`${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`.trim();return i.font=s,i.measureText(t).width}adaptPlaceholderToSingleLine(t,e){const i=window.getComputedStyle(t),s=parseFloat(i.paddingLeft)||0,n=parseFloat(i.paddingRight)||0,o=parseFloat(i.borderLeftWidth)||0,a=parseFloat(i.borderRightWidth)||0,l=Math.max(0,t.clientWidth-s-n-o-a);if(l<=0){t.placeholder=e;return}if(this.measureTextWidth(e,i)<=l){t.placeholder=e;return}const h="...";let d=0,p=e.length,u=0;for(;d<=p;){const m=Math.floor((d+p)/2),g=e.slice(0,m).trimEnd()+h;this.measureTextWidth(g,i)<=l?(u=m,d=m+1):p=m-1}const C=e.slice(0,u).trimEnd()+h;t.placeholder=C}autosizeTextarea(t,e=3){t.style.height="auto";const i=window.getComputedStyle(t),s=parseFloat(i.lineHeight)||20,n=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom),o=parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),a=s*e+n+o,l=Math.min(t.scrollHeight||44,a);t.style.height=`${l}px`,t.scrollHeight>a?t.style.overflowY="auto":t.style.overflowY="hidden"}createTextareaRow(t,e){const i=document.createElement("div");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 lt({defaultUrl:e||"",title:"",id:`${this.id}_upload_${t}`});n.setOnChange(a=>{this.updateLanguageValue(t,a),t===this.defaultLanguage&&this.updateOtherLanguagePlaceholders(a)}),this.uploadSettings.set(t,n);const o=n.draw();o.classList.add("simple-language-upload"),i.appendChild(o)}else{const n=document.createElement("textarea");n.id=`textarea-${t}`,n.classList.add("simple-language-textarea"),n.value=e||"",n.rows=1,n.style.overflowY="hidden";let o=this.props.placeholder||"Enter text in {language}...";o.includes("{language}")&&(o=o.replace("{language}",t.toUpperCase())),n.setAttribute("data-full-placeholder",o),this.adaptPlaceholderToSingleLine(n,o),this.getDataPropsPath()&&n.setAttribute("data-test-id",`${this.getDataPropsPath()}_${t}`),n.addEventListener("input",l=>{const r=l.target;this.updateLanguageValue(t,r.value),t===this.defaultLanguage&&this.updateOtherLanguagePlaceholders(r.value),this.autosizeTextarea(r,3);const h=n.getAttribute("data-full-placeholder")||"";h&&this.adaptPlaceholderToSingleLine(n,h)}),i.appendChild(n),(l=>(typeof queueMicrotask=="function"?queueMicrotask:r=>setTimeout(r,0))(l))(()=>{this.autosizeTextarea(n,3);const l=n.getAttribute("data-full-placeholder")||"";l&&this.adaptPlaceholderToSingleLine(n,l)})}return i}updateLanguageValue(t,e){this.value||(this.value={});const i={...this.value,[t]:e};this.setValue(i)}updateOtherLanguagePlaceholders(t){this.container&&this.props.languages.forEach(e=>{var s,n;if(e===this.defaultLanguage)return;const i=(s=this.container)==null?void 0:s.querySelector(`#textarea-${e}`);if(i&&(!i.value||i.value.trim()==="")){const o=t||((n=this.props.placeholder)==null?void 0:n.replace("{language}",e.toUpperCase()))||`Enter text in ${e.toUpperCase()}...`;i.setAttribute("data-full-placeholder",o),this.adaptPlaceholderToSingleLine(i,o)}})}renderContent(t){var n;const e=t.querySelector(".simple-multi-language-content");if(!e)return;e.innerHTML="";const i=w.HasExplicitCurrentLanguage(),s=w.CurrentLanguage();if(!i||!s||!this.props.languages.includes(s))this.props.languages.forEach(o=>{var r;const a=((r=this.value)==null?void 0:r[o])||"",l=this.createTextareaRow(o,a);e.appendChild(l)});else{const o=((n=this.value)==null?void 0:n[s])||"",a=this.createTextareaRow(s,o);e.appendChild(a);const l=e.querySelector(".simple-language-textarea");if(l){const r=l.getAttribute("data-full-placeholder")||"";r&&this.adaptPlaceholderToSingleLine(l,r)}}}createPopup(){const t=document.createElement("div");t.classList.add("multi-language-popup-overlay"),t.style.cssText=`
+</svg>`;class ci extends ${constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||ri,title:t.title||"Margin Top",default:t.default??20,wrapperClassName:"margin-top-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}class hi extends w{constructor(t){super(t),this.inputType={},this.container=null,this.defaultLanguage="",this.uploadSettings=new Map,this.popup=null,t.default?this.value=t.default:this.value||(this.value={}),window.multies=window.multies||[],window.multies.push(this.id),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){return String(t).charAt(0).toUpperCase()+String(t).slice(1)}measureTextWidth(t,e){this.textMeasureCanvas||(this.textMeasureCanvas=document.createElement("canvas"));const i=this.textMeasureCanvas.getContext("2d");if(!i)return t.length*10;const s=`${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`.trim();return i.font=s,i.measureText(t).width}adaptPlaceholderToSingleLine(t,e){const i=window.getComputedStyle(t),s=parseFloat(i.paddingLeft)||0,n=parseFloat(i.paddingRight)||0,o=parseFloat(i.borderLeftWidth)||0,a=parseFloat(i.borderRightWidth)||0,l=Math.max(0,t.clientWidth-s-n-o-a);if(l<=0){t.placeholder=e;return}if(this.measureTextWidth(e,i)<=l){t.placeholder=e;return}const h="...";let d=0,p=e.length,u=0;for(;d<=p;){const m=Math.floor((d+p)/2),g=e.slice(0,m).trimEnd()+h;this.measureTextWidth(g,i)<=l?(u=m,d=m+1):p=m-1}const C=e.slice(0,u).trimEnd()+h;t.placeholder=C}autosizeTextarea(t,e=3){t.style.height="auto";const i=window.getComputedStyle(t),s=parseFloat(i.lineHeight)||20,n=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom),o=parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),a=s*e+n+o,l=Math.min(t.scrollHeight||44,a);t.style.height=`${l}px`,t.scrollHeight>a?t.style.overflowY="auto":t.style.overflowY="hidden"}createTextareaRow(t,e){const i=document.createElement("div");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 lt({defaultUrl:e||"",title:"",id:`${this.id}_upload_${t}`});n.setOnChange(a=>{this.updateLanguageValue(t,a),t===this.defaultLanguage&&this.updateOtherLanguagePlaceholders(a)}),this.uploadSettings.set(t,n);const o=n.draw();o.classList.add("simple-language-upload"),i.appendChild(o)}else{const n=document.createElement("textarea");n.id=`textarea-${t}`,n.classList.add("simple-language-textarea"),n.value=e||"",n.rows=1,n.style.overflowY="hidden";let o=this.props.placeholder||"Enter text in {language}...";o.includes("{language}")&&(o=o.replace("{language}",t.toUpperCase())),n.setAttribute("data-full-placeholder",o),this.adaptPlaceholderToSingleLine(n,o),this.getDataPropsPath()&&n.setAttribute("data-test-id",`${this.getDataPropsPath()}_${t}`),n.addEventListener("input",l=>{const r=l.target;this.updateLanguageValue(t,r.value),t===this.defaultLanguage&&this.updateOtherLanguagePlaceholders(r.value),this.autosizeTextarea(r,3);const h=n.getAttribute("data-full-placeholder")||"";h&&this.adaptPlaceholderToSingleLine(n,h)}),i.appendChild(n),(l=>(typeof queueMicrotask=="function"?queueMicrotask:r=>setTimeout(r,0))(l))(()=>{this.autosizeTextarea(n,3);const l=n.getAttribute("data-full-placeholder")||"";l&&this.adaptPlaceholderToSingleLine(n,l)})}return i}updateLanguageValue(t,e){this.value||(this.value={});const i={...this.value,[t]:e};this.setValue(i)}updateOtherLanguagePlaceholders(t){this.container&&this.props.languages.forEach(e=>{var s,n;if(e===this.defaultLanguage)return;const i=(s=this.container)==null?void 0:s.querySelector(`#textarea-${e}`);if(i&&(!i.value||i.value.trim()==="")){const o=t||((n=this.props.placeholder)==null?void 0:n.replace("{language}",e.toUpperCase()))||`Enter text in ${e.toUpperCase()}...`;i.setAttribute("data-full-placeholder",o),this.adaptPlaceholderToSingleLine(i,o)}})}renderContent(t){var n;const e=t.querySelector(".simple-multi-language-content");if(!e)return;e.innerHTML="";const i=w.HasExplicitCurrentLanguage(),s=w.CurrentLanguage();if(!i||!s||!this.props.languages.includes(s))this.props.languages.forEach(o=>{var r;const a=((r=this.value)==null?void 0:r[o])||"",l=this.createTextareaRow(o,a);e.appendChild(l)});else{const o=((n=this.value)==null?void 0:n[s])||"",a=this.createTextareaRow(s,o);e.appendChild(a);const l=e.querySelector(".simple-language-textarea");if(l){const r=l.getAttribute("data-full-placeholder")||"";r&&this.adaptPlaceholderToSingleLine(l,r)}}}createPopup(){const t=document.createElement("div");t.classList.add("multi-language-popup-overlay"),t.style.cssText=`
       position: fixed;
       top: 0;
       left: 0;
@@ -354,7 +354,7 @@
       align-items: center;
       justify-content: center;
       line-height: 1;
-    `,n.addEventListener("click",()=>this.closePopup()),i.appendChild(s),i.appendChild(n),e.appendChild(i);const o=document.createElement("div");return o.classList.add("multi-language-popup-content"),this.props.languages.forEach(a=>{var h;const l=((h=this.value)==null?void 0:h[a])||"",r=this.createTextareaRow(a,l);o.appendChild(r)}),e.appendChild(o),t.appendChild(e),t.addEventListener("click",a=>{a.target===t&&this.closePopup()}),t}showPopup(){this.popup||(this.popup=this.createPopup(),document.body.appendChild(this.popup))}closePopup(){this.popup&&(document.body.removeChild(this.popup),this.popup=null)}draw(){const t=document.createElement("div");t.classList.add("simple-multi-language-wrapper");const e=document.createElement("div");e.classList.add("simple-multi-language-title"),e.style.cssText=`
+    `,n.addEventListener("click",()=>this.closePopup()),i.appendChild(s),i.appendChild(n),e.appendChild(i);const o=document.createElement("div");return o.classList.add("multi-language-popup-content"),this.props.languages.forEach(a=>{var h;const l=((h=this.value)==null?void 0:h[a])||"",r=this.createTextareaRow(a,l);o.appendChild(r)}),e.appendChild(o),t.appendChild(e),t.addEventListener("click",a=>{a.target===t&&this.closePopup()}),t}showPopup(){this.popup||(this.popup=this.createPopup(),document.body.appendChild(this.popup))}closePopup(){this.popup&&(document.body.removeChild(this.popup),this.popup=null)}draw(){if(window.testDraws=window.testDraws||[],window.testDraws.filter(l=>l==this.value.$id)){console.log("opaaaaaaaaaaaaa");debugger}window.testDraw.push(this.value.$id);const t=document.createElement("div");t.classList.add("simple-multi-language-wrapper");const e=document.createElement("div");e.classList.add("simple-multi-language-title"),e.style.cssText=`
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -373,7 +373,7 @@
         justify-content: center;
         color: #666;
         transition: color 0.2s;
-      `,s.addEventListener("mouseenter",()=>{s.style.color="#000"}),s.addEventListener("mouseleave",()=>{s.style.color="#666"}),s.addEventListener("click",l=>{l.preventDefault(),this.showPopup()});const n=l=>{var d;const{type:r,data:h}=l.data||{};r==="TEXT_ELEMENT_CLICKED"&&(console.log((d=this.value)==null?void 0:d.$id),this.value.$id!=null&&h.$id==this.value.$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(r=>{const h=r.getAttribute("data-full-placeholder")||"";h&&this.adaptPlaceholderToSingleLine(r,h)})};return window.addEventListener("resize",a),t}setValue(t){super.setValue(t),this.value.$id=t.$id,this.container&&this.props.languages.forEach(e=>{var i;if(this.props.multiImg){const s=this.uploadSettings.get(e);s&&s.setValue((t==null?void 0:t[e])||"")}else{const s=(i=this.container)==null?void 0:i.querySelector(`#textarea-${e}`);if(s){s.value=(t==null?void 0:t[e])||"",this.autosizeTextarea(s,3);const n=s.getAttribute("data-full-placeholder")||"";n&&this.adaptPlaceholderToSingleLine(s,n)}}})}}class di extends w{constructor(t={}){super(t),this.inputType="select";const e=[{name:"None",value:"none"},{name:"Fade",value:"fade 1.5s ease-in-out infinite"},{name:"Slide",value:"slide 1.5s ease-in-out infinite"},{name:"Zoom",value:"zoom 1.5s ease-in-out infinite"},{name:"Bounce",value:"bounce 1.5s ease-in-out infinite"},{name:"Pulse",value:"pulse 1.5s ease-in-out infinite"}];this.selectSetting=new st({title:this.title||"Animation",options:e,default:this.props.default||"none"}),this.selectSetting.onChange=i=>{var s;this.value=i,(s=this.onChange)==null||s.call(this,i)}}draw(){return this.selectSetting.draw()}destroy(){this.selectSetting.destroy(),super.destroy()}}const pi=`
+      `,s.addEventListener("mouseenter",()=>{s.style.color="#000"}),s.addEventListener("mouseleave",()=>{s.style.color="#666"}),s.addEventListener("click",l=>{l.preventDefault(),this.showPopup()});const n=l=>{var d;const{type:r,data:h}=l.data||{};r==="TEXT_ELEMENT_CLICKED"&&(console.log((d=this.value)==null?void 0:d.$id),this.value.$id!=null&&h.$id==this.value.$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(r=>{const h=r.getAttribute("data-full-placeholder")||"";h&&this.adaptPlaceholderToSingleLine(r,h)})};return window.addEventListener("resize",a),t}setValue(t){super.setValue(t),console.log("incoming multilanguage value---------",t),this.value.$id=t.$id,this.container&&this.props.languages.forEach(e=>{var i;if(this.props.multiImg){const s=this.uploadSettings.get(e);s&&s.setValue((t==null?void 0:t[e])||"")}else{const s=(i=this.container)==null?void 0:i.querySelector(`#textarea-${e}`);if(s){s.value=(t==null?void 0:t[e])||"",this.autosizeTextarea(s,3);const n=s.getAttribute("data-full-placeholder")||"";n&&this.adaptPlaceholderToSingleLine(s,n)}}})}}class di extends w{constructor(t={}){super(t),this.inputType="select";const e=[{name:"None",value:"none"},{name:"Fade",value:"fade 1.5s ease-in-out infinite"},{name:"Slide",value:"slide 1.5s ease-in-out infinite"},{name:"Zoom",value:"zoom 1.5s ease-in-out infinite"},{name:"Bounce",value:"bounce 1.5s ease-in-out infinite"},{name:"Pulse",value:"pulse 1.5s ease-in-out infinite"}];this.selectSetting=new st({title:this.title||"Animation",options:e,default:this.props.default||"none"}),this.selectSetting.onChange=i=>{var s;this.value=i,(s=this.onChange)==null||s.call(this,i)}}draw(){return this.selectSetting.draw()}destroy(){this.selectSetting.destroy(),super.destroy()}}const pi=`
 <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" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -124,7 +124,7 @@ function it(c) {
   }
   return c;
 }
-function At(c) {
+function Dt(c) {
   switch (c) {
     case "number":
       return 0;
@@ -206,7 +206,7 @@ const I = class I {
     const i = document.createElement("div");
     i.className = t.wrapperClassName || "";
     const s = document.createElement("input");
-    this.inputEl = s, s.value = String(t.value || At(t.inputType)), s.type = t.inputType, s.placeholder = t.placeholder || "", s.className = t.inputClassName || "", this.dataPropsPath && s.setAttribute("data-test-id", this.dataPropsPath);
+    this.inputEl = s, s.value = String(t.value || Dt(t.inputType)), s.type = t.inputType, s.placeholder = t.placeholder || "", s.className = t.inputClassName || "", this.dataPropsPath && s.setAttribute("data-test-id", this.dataPropsPath);
     const n = (a) => {
       const l = a.target;
       let r = l.value;
@@ -361,7 +361,7 @@ const dt = (c, t, e) => {
     return `rgba(${s}, ${n}, ${o}, ${e})`;
   }
   return c;
-}, Dt = (c) => [
+}, At = (c) => [
   "red",
   "green",
   "blue",
@@ -466,7 +466,7 @@ const dt = (c, t, e) => {
     "at",
     "contain",
     "cover"
-  ].includes(t) ? !1 : /^#[0-9a-f]{3,8}$/i.test(t) || /^rgb/i.test(c) || /^hsl/i.test(c) || Dt(t);
+  ].includes(t) ? !1 : /^#[0-9a-f]{3,8}$/i.test(t) || /^rgb/i.test(c) || /^hsl/i.test(c) || At(t);
 }, yt = (c) => {
   const t = [];
   return c.forEach((e, i) => {
@@ -478,7 +478,7 @@ const dt = (c, t, e) => {
     const l = Nt(n);
     l.position = Math.max(0, Math.min(100, Math.round(o))), t.push(l);
   }), t;
-}, D = (c) => {
+}, A = (c) => {
   const t = c.stops && c.stops.length ? c.stops : [{ color: "#000000", position: 0, opacity: 100 }];
   return {
     type: c.type && ["linear", "radial", "solid"].includes(c.type) ? c.type : "linear",
@@ -493,7 +493,7 @@ const dt = (c, t, e) => {
   const t = c.replace(/;$/, "").trim();
   if (Rt(t)) {
     const s = Nt(t);
-    return D({ type: "solid", angle: 0, stops: [s] });
+    return A({ type: "solid", angle: 0, stops: [s] });
   }
   const e = Ct(t, "linear-gradient");
   if (e) {
@@ -514,12 +514,12 @@ const dt = (c, t, e) => {
       "to top left": 315
     }[a] ?? 90, o = s.slice(1));
     const l = yt(o);
-    return l.length ? D({ type: "linear", angle: n, stops: l }) : null;
+    return l.length ? A({ type: "linear", angle: n, stops: l }) : null;
   }
   const i = Ct(t, "radial-gradient");
   if (i) {
     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 o.length ? A({ type: "radial", angle: 0, stops: o }) : null;
   }
   return null;
 }, T = (c) => {
@@ -1216,16 +1216,16 @@ const P = class P extends w {
     const t = this.originalDefault;
     if (typeof t == "string") {
       if (t.startsWith("var(--"))
-        return D({
+        return A({
           type: "solid",
           angle: 0,
           stops: [{ color: t, position: 0, opacity: 100 }]
         });
       const i = V(t);
       if (i)
-        return D(i);
+        return A(i);
     }
-    return D(t && typeof t == "object" ? t : {
+    return A(t && typeof t == "object" ? t : {
       type: "linear",
       angle: 90,
       stops: [
@@ -1236,11 +1236,11 @@ const P = class P extends w {
   }
   setValue(t) {
     let e = null;
-    typeof t == "string" ? t.startsWith("var(--") ? e = D({
+    typeof t == "string" ? t.startsWith("var(--") ? e = A({
       type: "solid",
       angle: 0,
       stops: [{ color: t, position: 0, opacity: 100 }]
-    }) : e = V(t) : t && typeof t == "object" && (e = D(t)), e || (e = this.defaultValue()), this.value = e, this.setLinkedGlobalVariableFrom(t ?? e), this.updateUI(), this.isPopoverOpen && this.refreshPopoverContent(), this.triggerChange(), this.pendingSolidColor = null, this.updateUnlinkButtonVisibility();
+    }) : e = V(t) : t && typeof t == "object" && (e = A(t)), e || (e = this.defaultValue()), this.value = e, this.setLinkedGlobalVariableFrom(t ?? e), this.updateUI(), this.isPopoverOpen && this.refreshPopoverContent(), this.triggerChange(), this.pendingSolidColor = null, this.updateUnlinkButtonVisibility();
   }
   updateUI() {
     if (this.previewEl && this.value)
@@ -3839,12 +3839,12 @@ function Be(c) {
     }
     const e = document.createElement("div");
     e.className = "upload-section";
-    const i = Ae(c);
+    const i = De(c);
     e.appendChild(i), t.appendChild(e);
   }
   return t;
 }
-function Ae(c) {
+function De(c) {
   if (c.uploadMethod === "input") {
     const t = document.createElement("label");
     t.className = "upload-label", t.innerHTML = `<div class="upload-placeholder">${st}<span>Click to upload image</span></div>`;
@@ -3867,7 +3867,7 @@ function Ae(c) {
     }), t;
   }
 }
-function De() {
+function Ae() {
   const c = document.createElement("img");
   c.className = "image-map-thumbnail-main";
   const t = document.createElement("span");
@@ -3993,7 +3993,7 @@ function We(c, t, e) {
 }
 const je = `<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="#FF5630"/>
-</svg>`, A = class A extends w {
+</svg>`, D = class D extends w {
   constructor(t = {}) {
     var e;
     super(t), this.inputType = {
@@ -4032,7 +4032,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
     const i = document.createElement("div");
     i.className = "image-map-section";
     const s = document.createElement("h4");
-    s.className = "image-map-section-title", s.textContent = "Upload/Replace Map Image", i.appendChild(s), this.mainDisplayElements = De();
+    s.className = "image-map-section-title", s.textContent = "Upload/Replace Map Image", i.appendChild(s), this.mainDisplayElements = Ae();
     const n = Re(
       this.mainDisplayElements.thumbnailEl,
       () => {
@@ -4061,7 +4061,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
     );
   }
   openPopover() {
-    A.openInstance && A.openInstance !== this && A.openInstance.closePopover(), this.isPopoverOpen = !0, A.openInstance = this, this.value ? this.initialValue = JSON.parse(
+    D.openInstance && D.openInstance !== this && D.openInstance.closePopover(), this.isPopoverOpen = !0, D.openInstance = this, this.value ? this.initialValue = JSON.parse(
       JSON.stringify(this.value)
     ) : this.initialValue = { imageUrl: "", markers: [] }, this.value && this.historyManager.initialize(this.value.markers), this.popoverElements && (this.popoverElements.backdrop.style.display = "block", this.popoverElements.popover.style.display = "flex"), this.positionPopoverElement(), this.refreshPopoverContentAndScrollToBottom(), setTimeout(() => {
       document.addEventListener("click", this.onBackgroundClick, !0);
@@ -4087,7 +4087,7 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
           JSON.stringify(this.initialValue)
         ), this.mainDisplayElements && O(this.mainDisplayElements, this.value), this.triggerChange());
       }
-      this.isPopoverOpen = !1, this.draggingMarkerId = null, this.clearErrorTooltip(), this.popoverElements && (this.popoverElements.backdrop.style.display = "none", this.popoverElements.popover.style.display = "none"), document.removeEventListener("click", this.onBackgroundClick, !0), document.removeEventListener("keydown", this.handlePopoverKeydown, !0), A.openInstance === this && (A.openInstance = null);
+      this.isPopoverOpen = !1, this.draggingMarkerId = null, this.clearErrorTooltip(), this.popoverElements && (this.popoverElements.backdrop.style.display = "none", this.popoverElements.popover.style.display = "none"), document.removeEventListener("click", this.onBackgroundClick, !0), document.removeEventListener("keydown", this.handlePopoverKeydown, !0), D.openInstance === this && (D.openInstance = null);
     }
   }
   positionPopoverElement() {
@@ -4398,8 +4398,8 @@ const je = `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox
     )), document.removeEventListener("click", this.onBackgroundClick, !0), document.removeEventListener("keydown", this.handlePopoverKeydown, !0), Lt.unregisterHandler(this.id), this.confirmModal.cleanup();
   }
 };
-A.openInstance = null;
-let kt = A;
+D.openInstance = null;
+let kt = D;
 class _e extends B {
   constructor(t = {}) {
     super({
@@ -4743,7 +4743,7 @@ 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, t.default ? this.value = t.default : this.value || (this.value = {}), this.value.$id = this.id;
+    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 = {}), window.multies = window.multies || [], window.multies.push(this.id), 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)}`;
@@ -4943,6 +4943,11 @@ class yi extends w {
     this.popup && (document.body.removeChild(this.popup), this.popup = null);
   }
   draw() {
+    if (window.testDraws = window.testDraws || [], window.testDraws.filter((l) => l == this.value.$id)) {
+      console.log("opaaaaaaaaaaaaa");
+      debugger;
+    }
+    window.testDraw.push(this.value.$id);
     const t = document.createElement("div");
     t.classList.add("simple-multi-language-wrapper");
     const e = document.createElement("div");
@@ -4998,7 +5003,7 @@ class yi extends w {
     return window.addEventListener("resize", a), t;
   }
   setValue(t) {
-    super.setValue(t), this.value.$id = t.$id, this.container && this.props.languages.forEach((e) => {
+    super.setValue(t), console.log("incoming multilanguage value---------", t), this.value.$id = t.$id, this.container && this.props.languages.forEach((e) => {
       var i;
       if (this.props.multiImg) {
         const s = this.uploadSettings.get(e);

package/package.json

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