https://agapestreetministry.org/build/_route-DfKE53Wz.js

1import{d as t,j as r,r as u}from"./index-yjs0jCN1.js";import{s as x,S as g,x as h,P as l,C as f,E as p,m as C}from"./settings_panel-vbOz6I2g.js";import{C as m}from"./common_admin_layout-Du2CJe0Y.js";import"./admin_layout_base-DUwP-dbX.js";import"./layout-CjNw_1vT.js";const j=()=>{const{selected:e}=h(s=>{var n,o,c;const a=[...s.events.selected].at(0);let i;return(n=s.nodes.ROOT)!=null&&n.id&&(i={id:a,settings:a?(c=(o=s.nodes[a])==null?void 0:o.related)==null?void 0:c.settings:null}),{selected:i}});return r.jsx(t.DefaultVariantProvider,{value:{label:{appearance:"group"}},children:r.jsx(t.Pane,{borderLeft:!0,css:{backgroundColor:"$background",width:"320px",minWidth:"320px",maxHeight:"calc(100vh - $$adminNavHeight)",alignSelf:"stretch",userSelect:"none",overflowY:"auto"},children:r.jsxs(t.VStack,{css:{paddingBlock:"$6"},space:"large",children:[r.jsx(l,{children:r.jsx(t.Heading,{children:"Section Settings"})}),r.jsx(f,{}),r.jsx(t.Separator,{}),e!=null&&e.settings?u.createElement(e.settings):null]})})})};function b(){const{actions:{setProp:e},padding:s,backgroundColor:a,foregroundColor:i}=C(n=>({padding:n.data.props.padding,backgroundColor:n.data.props.backgroundColor,foregroundColor:n.data.props.foregroundColor}));return r.jsxs(t.VStack,{children:[r.jsxs(l,{title:"Colors",children:[r.jsx(t.ColorPicker,{defaultValue:a,isClearable:!0,onChangeEnd:n=>e(o=>o.backgroundColor=n==null?void 0:n.toString("css"),500),format:"hsl",children:"Backgroun

1d Color"}),r.jsx(t.ColorPicker,{defaultValue:i,isClearable:!0,onChangeEnd:n=>e(o=>o.foregroundColor=n==null?void 0:n.toString("css"),500),format:"hsl",children:"Text Color"})]}),r.jsx(l,{title:"Padding",children:r.jsx(t.Slider,{label:"Padding",value:s,maxValue:150,minValue:0,onChange:n=>{typeof n=="number"&&e(o=>{o.padding=n})}})})]})}function S(e){if(typeof e=="number")return`${e}px`;if(Array.isArray(e)){if(e.length===2)return`${e[0]}px ${e[1]}px`;if(e.length===4)return`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px`}}const d=e=>{const{backgroundColor:s,foregroundColor:a}=e,i=S(e.padding);return r.jsx(p,{style:{padding:i,backgroundColor:s,color:a},children:e.children})};d.craft={isCanvas:!0,props:{padding:20},related:{settings:b}};const k=t.styled("div",{display:"block",overflow:"hidden",borderRadius:"$1",marginInline:"auto",boxShadow:"$3",backgroundColor:"$background"});function E(){return r.jsx(m,{title:"Pagebuilder v2",children:r.jsx(x,{resolver:{BasicSection:d},children:r.jsxs(t.HStack,{css:{height:"100%",flexGrow:1},children:[r.jsx(t.Box,{css:{padding:"$10",flexGrow:1},children:r.jsx(k,{children:r.jsx(g,{children:r.jsx(d,{})})})}),r.jsx(j,{})]})})})}export{E as default};