import{r as e,h as o,H as t}from"./p-bace3d90.js";const l=class{constructor(o){e(this,o)}componentWillLoad(){this.attributes=this.node.constructor.observedAttributes}camelCase(e){return e.toLowerCase().replace(/-(.)/g,(function(e,o){return o.toUpperCase()}))}edit(e){this.node[this.camelCase(e.target.name)]=e.target.value}render(){return o(t,null,o("corejam-box",{position:"fixed",bottom:0,z:100,shadow:"2xl",h:"300px",p:4,flex:!0,w:"12",direction:"col"},this.node.localName.includes("box")&&o("corejam-box",null,o("corejam-box",null,o("corejam-type",null,"Padding")),o("corejam-box",{flex:!0,mt:4},o("corejam-box",null,"All:",o("select",{name:"p",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.p===e},e))))),o("corejam-box",null,"Top:",o("select",{name:"pt",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.pt===e},e))))),o("corejam-box",null,"Right:",o("select",{name:"pr",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.pr===e},e))))),o("corejam-box",null,"Bottom:",o("select",{name:"pb",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.pb===e},e))))),o("corejam-box",null,"Left:",o("select",{name:"pl",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.pl===e},e)))))),o("corejam-box",null,o("corejam-type",null,"Margin")),o("corejam-box",{flex:!0,mt:4},o("corejam-box",null,"Top:",o("select",{name:"mt",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.mt===e},e))))),o("corejam-box",null,"Right:",o("select",{name:"mr",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.mr===e},e))))),o("corejam-box",null,"Bottom:",o("select",{name:"mb",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.mb===e},e))))),o("corejam-box",null,"Left:",o("select",{name:"ml",size:1,onChange:e=>this.edit(e)},[0,2,4,6,8,10,12,14,16,18,20,22,24,32,63].map((e=>o("option",{value:e,selected:this.node.ml===e},e))))))),this.node.localName.includes("type")&&o("corejam-box",null,o("corejam-box",null,o("corejam-type",null,"Size")),o("select",{name:"size",size:1,onChange:e=>this.edit(e)},["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl"].map((e=>o("option",{value:e,selected:this.node.size===e},e)))))))}};export{l as corejam_edit}