Name:
@@ -1784,22 +1783,22 @@
document.querySelector('dialog[open]').querySelector('footer > button:last-child').onclick();
}
">
- `;Modal.render({title:"Name your style",content:t,onLoad(){document.getElementById("vvrh9nxwk").focus(),document.getElementById("vvrh9nxwk").select()},onConfirm(){let e=document.getElementById("vvrh9nxwk").value;if(e){e=e.charAt(0).toLowerCase()+e.slice(1);let a=project.css.styles;data.breakpointKey&&data.stylesTarget&&(a=project.css.breakpoints[`${data.breakpointKey}px`]),a[`${e}`]?Modal.render({title:"Unable to add style!",content:"Style already exists!"}):a[e]=a[data.stylesTarget]}else Modal.render({title:"Unable to add style",content:"No value detected!"})}})};window.addStylePropModal=(t,e)=>{let a=data.defaultValues,o=Object.keys(project.css.rootVariables).sort(),s=Object.keys(data.cssFixedValueProperties).sort(),r=Object.keys(data.cssRangedValueProperties).sort(),l=o.map(p=>`
+ `;Modal.render({title:"Name your style",content:t,onLoad(){document.getElementById("vvrh9nxwk").focus(),document.getElementById("vvrh9nxwk").select()},onConfirm(){let e=document.getElementById("vvrh9nxwk").value;if(e){e=e.charAt(0).toLowerCase()+e.slice(1);let a=project.css.styles;data.breakpointKey&&data.stylesTarget&&(a=project.css.breakpoints[`${data.breakpointKey}px`]),a[`${e}`]?Modal.render({title:"Unable to add style!",content:"Style already exists!"}):a[e]=a[data.stylesTarget]}else Modal.render({title:"Unable to add style",content:"No value detected!"})}})};window.addStylePropModal=(t,e)=>{let a=data.defaultValues,o=Object.keys(project.css.rootVariables).sort(),s=Object.keys(data.cssFixedValueProperties).sort(),r=Object.keys(data.cssRangedValueProperties).sort(),i=o.map(p=>`
- `).join(""),i=s.map(p=>`
+ `).join(""),l=s.map(p=>`
`).join(""),n=r.map(p=>`
- `).join(""),d=`
+ `).join(""),c=`
${data.canUseQuickCommands?`
You can also apply styles using
tailwind classes as quick commands!
-
`:""}`;Modal.render({title:`Add New Style to "${t}"`,content:d,onLoad(){document.getElementById("ool1zyibs").focus();let p=document.getElementById("property-type"),c=document.getElementById("property-unit"),f=document.getElementById("unit-section");function h(u){c.innerHTML="",data.cssRangedValueProperties[u]?(f.style.display=noUnitProperties.includes(u)?"none":"block",u.startsWith("animation")?unitOptions.animation.forEach(k=>{c.innerHTML+=`
`}):transformUnits.includes(u)?unitOptions.transform.forEach(k=>{c.innerHTML+=`
`}):unitOptions.default.forEach(k=>{c.innerHTML+=`
`})):(data.cssFixedValueProperties[u],f.style.display="none")}p.onchange=function(){let u=this.value;h(u),document.getElementById("ool1zyibs").value=u}},onConfirm(){let p=document.getElementById("ool1zyibs").value.trim(),c=document.getElementById("property-unit")?document.getElementById("property-unit").value:"",f=["opacity","z-index"],h=data.cssQuickCommands;p.split(",").map(k=>k.trim()).forEach(k=>{let[w,x]=k.split("=").map(b=>b.trim());if(w=w.toLowerCase(),Object.keys(h).includes(w))h[w].split(";").filter(Boolean).forEach(g=>{let[C,L]=g.split(":").map(P=>P.trim());C=C.toLowerCase(),e[C]=L});else{let b;if(x)b=x+(c&&!f.includes(w)?c:"");else{let m=a[w]||a.default;b=c?`${m}${c}`:m}f.includes(w)?e[w]=x||"1":e[w]=b}}),saveState()}})};window.renameStyleTarget=t=>{Modal.render({title:`Are you sure you want to rename the "${t}" style?`,content:`
+
`:""}`;Modal.render({title:`Add New Style to "${t}"`,content:c,onLoad(){document.getElementById("ool1zyibs").focus();let p=document.getElementById("property-type"),d=document.getElementById("property-unit"),f=document.getElementById("unit-section");function h(u){d.innerHTML="",data.cssRangedValueProperties[u]?(f.style.display=noUnitProperties.includes(u)?"none":"block",u.startsWith("animation")?unitOptions.animation.forEach(k=>{d.innerHTML+=`
`}):transformUnits.includes(u)?unitOptions.transform.forEach(k=>{d.innerHTML+=`
`}):unitOptions.default.forEach(k=>{d.innerHTML+=`
`})):(data.cssFixedValueProperties[u],f.style.display="none")}p.onchange=function(){let u=this.value;h(u),document.getElementById("ool1zyibs").value=u}},onConfirm(){let p=document.getElementById("ool1zyibs").value.trim(),d=document.getElementById("property-unit")?document.getElementById("property-unit").value:"",f=["opacity","z-index"],h=data.cssQuickCommands;p.split(",").map(k=>k.trim()).forEach(k=>{let[w,x]=k.split("=").map(b=>b.trim());if(w=w.toLowerCase(),Object.keys(h).includes(w))h[w].split(";").filter(Boolean).forEach(g=>{let[C,L]=g.split(":").map(P=>P.trim());C=C.toLowerCase(),e[C]=L});else{let b;if(x)b=x+(d&&!f.includes(w)?d:"");else{let m=a[w]||a.default;b=d?`${m}${d}`:m}f.includes(w)?e[w]=x||"1":e[w]=b}}),saveState()}})};window.renameStyleTarget=t=>{Modal.render({title:`Are you sure you want to rename the "${t}" style?`,content:`
- `,onLoad(){document.getElementById("vvrh9nxwk").focus()},onConfirm(){let e=document.getElementById("vvrh9nxwk").value;e?project.css.animations[data.animationTarget].keyframes[`${e}`]?Modal.render({title:"Unable to add keyframe!",content:"Keyframe already exists!"}):(project.css.animations[data.animationTarget].keyframes[e]={},saveState()):Modal.render({title:"Unable to add keyframe",content:"No value detected!"})}})};window.deleteStyleProp=(t,e,a,o=null)=>{let s=null;o?(o==="breakpoints"&&(s=project.css.breakpoints[`${data.breakpointKey}px`][t][data.stylesPropTarget]),o==="animations"&&(s=project.css.animations[data.animationTarget].keyframes[data.animationKeyframe])):s=project.css.styles[t][data.stylesPropTarget],e in s&&delete s[`${e}`],saveState(),a.closest("dialog[open]").remove()};window.clearStyles=(t,e,a)=>{project.css.styles[e]&&delete project.css[e];let o=!1;for(let s of t)s.style===e&&(s.style="",o=!0),s.children&&s.children.length>0&&clearStyles(s.children,e,()=>{o=!0}),o&&typeof a=="function"&&a()};window.styleModal=(t,e,a,o=null)=>{let s=data.cssFixedValueProperties,r=null;o&&(r=o);let l="";if(s[e]){let i=s[e].map(n=>`
+ `,onLoad(){document.getElementById("vvrh9nxwk").focus()},onConfirm(){let e=document.getElementById("vvrh9nxwk").value;e?project.css.animations[data.animationTarget].keyframes[`${e}`]?Modal.render({title:"Unable to add keyframe!",content:"Keyframe already exists!"}):(project.css.animations[data.animationTarget].keyframes[e]={},saveState()):Modal.render({title:"Unable to add keyframe",content:"No value detected!"})}})};window.deleteStyleProp=(t,e,a,o=null)=>{let s=null;o?(o==="breakpoints"&&(s=project.css.breakpoints[`${data.breakpointKey}px`][t][data.stylesPropTarget]),o==="animations"&&(s=project.css.animations[data.animationTarget].keyframes[data.animationKeyframe])):s=project.css.styles[t][data.stylesPropTarget],e in s&&delete s[`${e}`],saveState(),a.closest("dialog[open]").remove()};window.clearStyles=(t,e,a)=>{project.css.styles[e]&&delete project.css[e];let o=!1;for(let s of t)s.style===e&&(s.style="",o=!0),s.children&&s.children.length>0&&clearStyles(s.children,e,()=>{o=!0}),o&&typeof a=="function"&&a()};window.styleModal=(t,e,a,o=null)=>{let s=data.cssFixedValueProperties,r=null;o&&(r=o);let i="";if(s[e]){let l=s[e].map(n=>`
- `).join("");l=`
+ `).join("");i=`
-
`}else l=`
+
`}else i=`
button:last-child').onclick();
}
"/>
-
`;l+=`
+
`,Modal.render({title:`Modify "${e}" Style`,content:l,onLoad(){if(document.getElementById("new-value")){let i=document.getElementById("new-value");i.focus(),i.tagName.toLowerCase()==="input"&&i.select()}},onConfirm(){saveState();let i=document.getElementById("new-value").value,n=null;o?(o==="breakpoints"&&project.css.breakpoints[`${data.breakpointKey}px`][t][data.stylesPropTarget]&&(n=project.css.breakpoints[`${data.breakpointKey}px`][t][data.stylesPropTarget]),o==="animations"&&project.css.animations[data.animationTarget].keyframes[data.animationKeyframe]&&(n=project.css.animations[data.animationTarget].keyframes[data.animationKeyframe])):data.stylesPropTarget&&(n=project.css.styles[t][data.stylesPropTarget]),i===""?delete n[e]:n[e]=`${i}`,saveState()}})};window.addPseudo=t=>{if(!project.css.styles[t])return;project.css.styles[t].pseudos||(project.css.styles[t].pseudos=[]);let o=`
+