builder-settings-types 0.0.245 → 0.0.246

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

@@ -186,7 +186,7 @@
 </svg>`;class mt extends f{constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||gt,title:t.title||"Margin Bottom",default:t.default??20,wrapperClassName:"margin-bottom-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}const ft=`<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 vt extends f{constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||ft,title:t.title||"Margin Top",default:t.default??20,wrapperClassName:"margin-top-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}class Ct extends g{constructor(t){super(t),this.inputType={},this.container=null,t.default?this.value={...t.default}:this.value||(this.value={});const e=t.defaultValue||"";t.languages.forEach(i=>{var s;i in(this.value||{})||(this.value||(this.value={}),this.value[i]=((s=t.default)==null?void 0:s[i])||e)})}createTextareaRow(t,e){const i=document.createElement("div");i.classList.add("simple-multi-language-row");const s=document.createElement("label");s.classList.add("simple-language-label"),s.textContent=t.toUpperCase(),s.setAttribute("for",`textarea-${t}`);const n=document.createElement("textarea");n.id=`textarea-${t}`,n.classList.add("simple-language-textarea"),n.value=e||"";let a=this.props.placeholder||"Enter text in {language}...";return a.includes("{language}")&&(a=a.replace("{language}",t.toUpperCase())),n.placeholder=a,n.rows=this.props.rows||3,this.getDataPropsPath()&&n.setAttribute("data-test-id",`${this.getDataPropsPath()}_${t}`),n.addEventListener("input",o=>{const l=o.target;this.updateLanguageValue(t,l.value)}),i.appendChild(s),i.appendChild(n),i}updateLanguageValue(t,e){this.value||(this.value={});const i={...this.value,[t]:e};this.setValue(i)}draw(){const t=document.createElement("div");if(t.classList.add("simple-multi-language-wrapper"),this.props.title){const i=document.createElement("div");i.classList.add("simple-multi-language-title"),i.textContent=this.props.title,t.appendChild(i)}const e=document.createElement("div");return e.classList.add("simple-multi-language-content"),this.props.languages.forEach(i=>{var a;const s=((a=this.value)==null?void 0:a[i])||"",n=this.createTextareaRow(i,s);e.appendChild(n)}),t.appendChild(e),this.container=t,t}setValue(t){super.setValue(t),this.container&&this.props.languages.forEach(e=>{var s;const i=(s=this.container)==null?void 0:s.querySelector(`#textarea-${e}`);i&&(i.value=(t==null?void 0:t[e])||"")})}}class wt extends g{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 L({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 bt=`
+</svg>`;class vt extends f{constructor(t={}){super({...t,minValue:t.minValue??0,maxValue:t.maxValue??1e3,icon:t.icon||ft,title:t.title||"Margin Top",default:t.default??20,wrapperClassName:"margin-top-wrapper "+(t.wrapperClassName||"")}),this.inputType="number"}}class Ct extends g{constructor(t){super(t),this.inputType={},this.container=null,t.default?this.value={...t.default}:this.value||(this.value={});const e=t.defaultValue||"Test";t.languages.forEach(i=>{var s;i in(this.value||{})||(this.value||(this.value={}),this.value[i]=((s=t.default)==null?void 0:s[i])||e)})}createTextareaRow(t,e){const i=document.createElement("div");i.classList.add("simple-multi-language-row");const s=document.createElement("label");s.classList.add("simple-language-label"),s.textContent=t.toUpperCase(),s.setAttribute("for",`textarea-${t}`);const n=document.createElement("textarea");n.id=`textarea-${t}`,n.classList.add("simple-language-textarea"),n.value=e||"";let a=this.props.placeholder||"Enter text in {language}...";return a.includes("{language}")&&(a=a.replace("{language}",t.toUpperCase())),n.placeholder=a,n.rows=this.props.rows||3,this.getDataPropsPath()&&n.setAttribute("data-test-id",`${this.getDataPropsPath()}_${t}`),n.addEventListener("input",o=>{const l=o.target;this.updateLanguageValue(t,l.value)}),i.appendChild(s),i.appendChild(n),i}updateLanguageValue(t,e){this.value||(this.value={});const i={...this.value,[t]:e};this.setValue(i)}draw(){const t=document.createElement("div");if(t.classList.add("simple-multi-language-wrapper"),this.props.title){const i=document.createElement("div");i.classList.add("simple-multi-language-title"),i.textContent=this.props.title,t.appendChild(i)}const e=document.createElement("div");return e.classList.add("simple-multi-language-content"),this.props.languages.forEach(i=>{var a;const s=((a=this.value)==null?void 0:a[i])||"",n=this.createTextareaRow(i,s);e.appendChild(n)}),t.appendChild(e),this.container=t,t}setValue(t){super.setValue(t),this.container&&this.props.languages.forEach(e=>{var s;const i=(s=this.container)==null?void 0:s.querySelector(`#textarea-${e}`);i&&(i.value=(t==null?void 0:t[e])||"")})}}class wt extends g{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 L({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 bt=`
 <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

@@ -2025,7 +2025,7 @@ class Mt extends f {
 class Vt extends g {
   constructor(t) {
     super(t), this.inputType = {}, this.container = null, t.default ? this.value = { ...t.default } : this.value || (this.value = {});
-    const e = t.defaultValue || "";
+    const e = t.defaultValue || "Test";
     t.languages.forEach((i) => {
       var s;
       i in (this.value || {}) || (this.value || (this.value = {}), this.value[i] = ((s = t.default) == null ? void 0 : s[i]) || e);

package/package.json

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