builder-settings-types 0.0.318 → 0.0.319

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

@@ -324,16 +324,16 @@
       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 c;const l=((c=this.value)==null?void 0:c[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");if(t.classList.add("simple-multi-language-wrapper"),this.props.title){const s=document.createElement("div");s.classList.add("simple-multi-language-title"),s.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 c;const l=((c=this.value)==null?void 0:c[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=`
         display: flex;
         justify-content: space-between;
         align-items: center;
-      `;const n=document.createElement("span");n.textContent=this.props.title;const o=document.createElement("button");o.classList.add("multi-language-eye-icon"),o.innerHTML=`
+      `;const i=document.createElement("span");i.textContent=this.props.title??"";const s=document.createElement("button");s.classList.add("multi-language-eye-icon"),s.innerHTML=`
         <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
           <circle cx="12" cy="12" r="3"></circle>
         </svg>
-      `,o.style.cssText=`
+      `,s.style.cssText=`
         background: none;
         border: none;
         cursor: pointer;
@@ -343,7 +343,7 @@
         justify-content: center;
         color: #666;
         transition: color 0.2s;
-      `,o.addEventListener("mouseenter",()=>{o.style.color="#000"}),o.addEventListener("mouseleave",()=>{o.style.color="#666"}),o.addEventListener("click",a=>{a.preventDefault(),this.showPopup()}),s.appendChild(n),s.appendChild(o),t.appendChild(s)}const e=document.createElement("div");e.classList.add("simple-multi-language-content"),t.appendChild(e),this.container=t,this.renderContent(t),this.languageChangeUnsubscribe=x.onLanguageChange(()=>{this.container&&this.renderContent(this.container)});const i=()=>{if(!this.container)return;this.container.querySelectorAll(".simple-language-textarea").forEach(n=>{const o=n.getAttribute("data-full-placeholder")||"";o&&this.adaptPlaceholderToSingleLine(n,o)})};return window.addEventListener("resize",i),t}setValue(t){super.setValue(t),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 xe extends x{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 Q({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 Le=`
+      `,s.addEventListener("mouseenter",()=>{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=x.onLanguageChange(()=>{this.container&&this.renderContent(this.container)});const o=()=>{if(!this.container)return;this.container.querySelectorAll(".simple-language-textarea").forEach(l=>{const r=l.getAttribute("data-full-placeholder")||"";r&&this.adaptPlaceholderToSingleLine(l,r)})};return window.addEventListener("resize",o),t}setValue(t){super.setValue(t),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 xe extends x{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 Q({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 Le=`
 <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

@@ -4378,22 +4378,22 @@ class Te extends x {
   }
   draw() {
     const t = document.createElement("div");
-    if (t.classList.add("simple-multi-language-wrapper"), this.props.title) {
-      const s = document.createElement("div");
-      s.classList.add("simple-multi-language-title"), s.style.cssText = `
+    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;
       `;
-      const n = document.createElement("span");
-      n.textContent = this.props.title;
-      const o = document.createElement("button");
-      o.classList.add("multi-language-eye-icon"), o.innerHTML = `
+    const i = document.createElement("span");
+    i.textContent = this.props.title ?? "";
+    const s = document.createElement("button");
+    s.classList.add("multi-language-eye-icon"), s.innerHTML = `
         <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
           <circle cx="12" cy="12" r="3"></circle>
         </svg>
-      `, o.style.cssText = `
+      `, s.style.cssText = `
         background: none;
         border: none;
         cursor: pointer;
@@ -4403,28 +4403,27 @@ class Te extends x {
         justify-content: center;
         color: #666;
         transition: color 0.2s;
-      `, o.addEventListener("mouseenter", () => {
-        o.style.color = "#000";
-      }), o.addEventListener("mouseleave", () => {
-        o.style.color = "#666";
-      }), o.addEventListener("click", (a) => {
-        a.preventDefault(), this.showPopup();
-      }), s.appendChild(n), s.appendChild(o), t.appendChild(s);
-    }
-    const e = document.createElement("div");
-    e.classList.add("simple-multi-language-content"), t.appendChild(e), this.container = t, this.renderContent(t), this.languageChangeUnsubscribe = x.onLanguageChange(() => {
+      `, s.addEventListener("mouseenter", () => {
+      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 = x.onLanguageChange(() => {
       this.container && this.renderContent(this.container);
     });
-    const i = () => {
+    const o = () => {
       if (!this.container) return;
       this.container.querySelectorAll(
         ".simple-language-textarea"
-      ).forEach((n) => {
-        const o = n.getAttribute("data-full-placeholder") || "";
-        o && this.adaptPlaceholderToSingleLine(n, o);
+      ).forEach((l) => {
+        const r = l.getAttribute("data-full-placeholder") || "";
+        r && this.adaptPlaceholderToSingleLine(l, r);
       });
     };
-    return window.addEventListener("resize", i), t;
+    return window.addEventListener("resize", o), t;
   }
   setValue(t) {
     super.setValue(t), this.container && this.props.languages.forEach((e) => {

package/package.json

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