@chaibuilder/sdk 2.0.0-beta.65 → 2.0.0-beta.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chaibuilder-logo.png +0 -0
- package/dist/web-blocks.cjs +3 -3
- package/dist/web-blocks.js +39 -14
- package/package.json +15 -15
|
Binary file
|
package/dist/web-blocks.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@chaibuilder/runtime"),i=require("react/jsx-runtime"),w=require("react"),x=require("./iconBase-Cn2BsTrq.cjs"),m=require("@radix-ui/react-icons"),y=require("lodash-es"),S=require("lucide-react");function $(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const k=$(w),C=({className:e="",inBuilder:l})=>l?i.jsx("div",{className:x.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2",e),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800",children:i.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700"})})}):null,E=e=>{const{blockProps:l,inBuilder:r,backgroundImage:s,children:o,tag:n="div",styles:a}=e;let d=o;o||(d=i.jsx(C,{inBuilder:r}));let c={};return s&&(c={backgroundImage:`url(${s})`}),k.createElement(n,{...l,...a,style:c},d)},T={type:"Box",label:"Box",category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),backgroundImage:{type:"string",default:"",title:"Background Image",ui:{"ui:widget":"image"}},tag:{type:"string",default:"div",title:"Tag",oneOf:[{const:"div",title:"div"},{const:"header",title:"header"},{const:"footer",title:"footer"},{const:"section",title:"section"},{const:"article",title:"article"},{const:"aside",title:"aside"},{const:"main",title:"main"},{const:"nav",title:"nav"},{const:"figure",title:"figure"},{const:"details",title:"details"},{const:"summary",title:"summary"},{const:"dialog",title:"dialog"},{const:"strike",title:"strike"},{const:"caption",title:"caption"},{const:"legend",title:"legend"},{const:"figcaption",title:"figcaption"},{const:"mark",title:"mark"}]}}}),canAcceptBlock:()=>!0},A=e=>{const{blockProps:l,iconSize:r,icon:s,content:o,styles:n,children:a,iconPos:d,link:c,inBuilder:p}=e,g=s,h=a||i.jsxs(i.Fragment,{children:[i.jsx("span",{"data-ai-key":"content",children:o}),g&&i.jsx("div",{style:{width:r+"px"},className:d+" "+(d==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:g}})]}),u=w.createElement("button",{...l,...n,type:"button","aria-label":o},h);return y.isEmpty(y.get(c,"href"))?u:p?i.jsx("span",{children:u}):i.jsx("a",{"aria-label":o,href:y.get(c,"href")||"/",target:y.get(c,"target","_self"),children:u})},R={type:"Button",label:"Button",category:"core",icon:m.ButtonIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),content:{type:"string",title:"Button label",default:"Button"},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:16},iconPos:{type:"string",title:"Icon position",default:"order-last",enum:["order-first","order-last"]},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),i18nProps:["content"],aiProps:["content"]},z=e=>{const{blockProps:l,styles:r,htmlCode:s,inBuilder:o}=e;return o?i.jsxs("div",{className:"relative",children:[o?i.jsx("div",{...l,...r,className:"absolute z-20 h-full w-full"}):null,k.createElement("div",{...r,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):k.createElement("div",{...l,...r,dangerouslySetInnerHTML:{__html:s}})},H={type:"CustomHTML",label:"web_blocks.custom_html",category:"core",icon:m.CodeIcon,group:"advanced",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),htmlCode:{type:"string",default:"<div><p>Enter your HTML code here...</p></div>",ui:{"ui:widget":"code"}}}})},q=e=>{const{blockProps:l,styles:r,backgroundImage:s}=e;let o={};return s&&(o={backgroundImage:`url(${s})`}),k.createElement("div",{...l,...r,style:o})},U={type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),backgroundImage:{type:"string",title:"Background Image",default:"",ui:{"ui:widget":"image"}}}})},
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@chaibuilder/runtime"),i=require("react/jsx-runtime"),w=require("react"),x=require("./iconBase-Cn2BsTrq.cjs"),m=require("@radix-ui/react-icons"),y=require("lodash-es"),S=require("lucide-react");function $(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const k=$(w),C=({className:e="",inBuilder:l})=>l?i.jsx("div",{className:x.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2",e),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800",children:i.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700"})})}):null,E=e=>{const{blockProps:l,inBuilder:r,backgroundImage:s,children:o,tag:n="div",styles:a}=e;let d=o;o||(d=i.jsx(C,{inBuilder:r}));let c={};return s&&(c={backgroundImage:`url(${s})`}),k.createElement(n,{...l,...a,style:c},d)},T={type:"Box",label:"Box",category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),backgroundImage:{type:"string",default:"",title:"Background Image",ui:{"ui:widget":"image"}},tag:{type:"string",default:"div",title:"Tag",oneOf:[{const:"div",title:"div"},{const:"header",title:"header"},{const:"footer",title:"footer"},{const:"section",title:"section"},{const:"article",title:"article"},{const:"aside",title:"aside"},{const:"main",title:"main"},{const:"nav",title:"nav"},{const:"figure",title:"figure"},{const:"details",title:"details"},{const:"summary",title:"summary"},{const:"dialog",title:"dialog"},{const:"strike",title:"strike"},{const:"caption",title:"caption"},{const:"legend",title:"legend"},{const:"figcaption",title:"figcaption"},{const:"mark",title:"mark"}]}}}),canAcceptBlock:()=>!0},A=e=>{const{blockProps:l,iconSize:r,icon:s,content:o,styles:n,children:a,iconPos:d,link:c,inBuilder:p}=e,g=s,h=a||i.jsxs(i.Fragment,{children:[i.jsx("span",{"data-ai-key":"content",children:o}),g&&i.jsx("div",{style:{width:r+"px"},className:d+" "+(d==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:g}})]}),u=w.createElement("button",{...l,...n,type:"button","aria-label":o},h);return y.isEmpty(y.get(c,"href"))?u:p?i.jsx("span",{children:u}):i.jsx("a",{"aria-label":o,href:y.get(c,"href")||"/",target:y.get(c,"target","_self"),children:u})},R={type:"Button",label:"Button",category:"core",icon:m.ButtonIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),content:{type:"string",title:"Button label",default:"Button"},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:16},iconPos:{type:"string",title:"Icon position",default:"order-last",enum:["order-first","order-last"]},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),i18nProps:["content"],aiProps:["content"]},z=e=>{const{blockProps:l,styles:r,htmlCode:s,inBuilder:o}=e;return o?i.jsxs("div",{className:"relative",children:[o?i.jsx("div",{...l,...r,className:"absolute z-20 h-full w-full"}):null,k.createElement("div",{...r,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):k.createElement("div",{...l,...r,dangerouslySetInnerHTML:{__html:s}})},H={type:"CustomHTML",label:"web_blocks.custom_html",category:"core",icon:m.CodeIcon,group:"advanced",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),htmlCode:{type:"string",default:"<div><p>Enter your HTML code here...</p></div>",ui:{"ui:widget":"code"}}}})},q=e=>{const{blockProps:l,styles:r,backgroundImage:s}=e;let o={};return s&&(o={backgroundImage:`url(${s})`}),k.createElement("div",{...l,...r,style:o})},U={type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),backgroundImage:{type:"string",title:"Background Image",default:"",ui:{"ui:widget":"image"}}}})},F=e=>{const{blockProps:l,styles:r,content:s,tag:o="h1",children:n=null}=e;return n?k.createElement(o,{...r,...l},n):k.createElement(o,{...r,...l,dangerouslySetInnerHTML:{__html:s}})},O={type:"Heading",label:"web_blocks.heading",category:"core",icon:m.HeadingIcon,group:"typography",...t.registerChaiBlockSchema({properties:{tag:{type:"string",default:"h2",title:"Level",enum:["h1","h2","h3","h4","h5","h6"]},styles:t.StylesProp("text-3xl"),content:{type:"string",default:"Heading goes here",title:"Content",ui:{"ui:widget":"textarea"}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:e=>e==="Span"||e==="Text"},G=e=>{const{blockProps:l,styles:r,content:s}=e;return y.isNull(e.children)?k.createElement("p",{...r,...l,dangerouslySetInnerHTML:{__html:s}}):k.createElement("p",{...r,...l},e.children)},V={type:"Paragraph",label:"Paragraph",category:"core",icon:m.TextIcon,group:"typography",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
|
|
2
2
|
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus
|
|
3
|
-
nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.`,ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":5}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e==="Span"||e==="Link"||e==="Text"},I=(e,...l)=>({...e,className:x.cn(e.className,...l)}),W=e=>{const{blockProps:l,content:r,styles:s}=e,o=I(s,"prose","max-w-full");return i.jsx("div",{...l,...o,dangerouslySetInnerHTML:{__html:r}})},X={type:"RichText",label:"Rich Text",category:"core",icon:m.CursorTextIcon,group:"typography",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>",ui:{"ui:widget":"richtext"}}}}),aiProps:["content"],i18nProps:["content"]},Y=e=>{const{blockProps:l,styles:r,content:s,children:o=null,tag:n}=e;return o?k.createElement("span",{...r,...l},o):k.createElement(n||"span",{...r,...l,dangerouslySetInnerHTML:{__html:s||""}})},Z={type:"Span",label:"Span",category:"core",group:"typography",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:()=>!0};function J(e){return x.GenIcon({tag:"svg",attr:{version:"1.1",viewBox:"0 0 32 32"},child:[{tag:"path",attr:{d:"M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z"},child:[]}]})(e)}const K=e=>{const{scripts:l,inBuilder:r,blockProps:s}=e;return r?i.jsx("div",{...s,children:i.jsx("div",{className:x.cn("pointer-events-none flex flex-col items-center justify-center p-2",""),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800",children:i.jsx("p",{className:"text-left text-xs text-gray-400",children:"Scripts will be only executed in preview and live mode. Place your script at the bottom of the"})})})}):i.jsx("div",{dangerouslySetInnerHTML:{__html:l}})},Q={type:"CustomScript",label:"web_blocks.custom_script",category:"core",icon:J,group:"advanced",...t.registerChaiBlockSchema({properties:{scripts:{type:"string",title:"Script",default:"",format:"code",placeholder:"<script>console.log('Hello, world!');<\/script>"}}})},ee=e=>i.jsxs("div",{...e.blockProps,...e.styles,children:[e.mode,e.children]}),te=e=>e.mode==="dark"?null:i.jsx("button",{"aria-label":"dark mode button",...e.blockProps,...e.styles,children:e.children});t.registerChaiBlock(te,{type:"DarkModeButton",label:"Dark Mode Button",category:"core",icon:m.MoonIcon,group:"advanced",hidden:!0,...t.registerChaiBlockSchema({properties:{mode:t.closestBlockProp("DarkModeSwitcher","mode"),styles:t.stylesProp("")}})});const le=e=>e.mode==="light"?null:i.jsx("button",{"aria-label":"light mode button",...e.blockProps,...e.styles,children:e.children});t.registerChaiBlock(le,{type:"LightModeButton",label:"Light Mode Button",category:"core",icon:m.SunIcon,group:"advanced",hidden:!0,...t.registerChaiBlockSchema({properties:{mode:t.closestBlockProp("DarkModeSwitcher","mode"),styles:t.stylesProp(""),fake:{type:"string",default:""}}})});const re={type:"DarkModeSwitcher",label:"web_blocks.dark_mode",category:"core",icon:m.MoonIcon,group:"advanced",wrapper:!0,...t.registerChaiBlockSchema({properties:{mode:{title:"Mode",type:"string",enum:["dark","light"],default:"light"},styles:t.stylesProp("")}}),blocks:()=>[{_id:"ultqCh",_type:"DarkModeSwitcher",mode:"light",styles:"#styles:,",_name:"Dark Mode Theme"},{_id:"vroabi",_parent:"ultqCh",_type:"LightModeButton",styles_attrs:{type:"button","x-on:click":"darkMode = 'dark'","x-show":"darkMode === 'light'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Dark Mode Btn"},{_id:"nltBrv",_parent:"vroabi",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"},{_id:"gesydi",_parent:"ultqCh",_type:"DarkModeButton",styles_attrs:{type:"button","x-on:click":"darkMode = 'light'","x-show":"darkMode === 'dark'"},styles:"#styles:,bg-white hidden dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Light Mode Btn"},{_id:"AdDwBC",_parent:"gesydi",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"}]},oe=e=>{const{blockProps:l,styles:r}=e;return w.createElement("hr",{...r,...l})},se={type:"Divider",label:"web_blocks.divider",category:"core",icon:m.DividerHorizontalIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("bg-gray-900 h-0.5 py-2 my-1")}})},ie=e=>{const{blockProps:l,inBuilder:r,children:s,globalBlock:o}=e;return r&&!o?i.jsxs("div",{className:"flex flex-col items-center justify-center py-4 bg-gray-100 rounded-lg gap-y-1 dark:bg-gray-800",...l,children:[i.jsxs("h1",{children:["Global Block - ",o]}),i.jsx("p",{children:"Choose a block from the sidebar to add it to this page."})]}):k.createElement("span",{...l},s)},ne={type:"GlobalBlock",label:"Global Block",icon:S.GlobeIcon,category:"core",group:"advanced",...t.registerChaiBlockSchema({properties:{globalBlock:{type:"string",title:"Global Block",default:"",ui:{"ui:widget":"hidden"}}}})},ae=e=>{const{blockProps:l,icon:r,styles:s,width:o,inBuilder:n,height:a}=e,d=I(s,"");if(y.isEmpty(r))return i.jsx(C,{inBuilder:n,className:"h-8 w-14"});const c=r.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return k.createElement("span",{...l,...d,style:{width:o?`${o}px`:"auto",height:a?`${a}px`:"auto"},dangerouslySetInnerHTML:{__html:c}})},ce={type:"Icon",label:"web_blocks.icon",category:"core",icon:m.SketchLogoIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),icon:{type:"string",title:"Icon",default:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>',ui:{"ui:widget":"icon"}},width:{type:"number",default:16,title:"Width"},height:{type:"number",default:16,title:"Height"}}})},de=e=>{const{blockProps:l,image:r,mobileImage:s,styles:o,alt:n,height:a,width:d,lazyLoading:c}=e;return y.isEmpty(r)?i.jsx(C,{className:"h-36"}):i.jsxs("picture",{children:[s&&i.jsx("source",{srcSet:s,media:"(max-width: 480px)"}),i.jsx("img",{...l,...o,src:r,alt:n,loading:c?"lazy":"eager",width:d,height:a})]})},ue={type:"Image",label:"Image",category:"core",icon:m.ImageIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),image:{type:"string",title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas",ui:{"ui:widget":"image"}},alt:{type:"string",title:"Alt text",default:"",ui:{"ui:placeholder":"Enter alt text"}},lazyLoading:{type:"boolean",title:"Lazy Load",default:!0},width:{type:"number",title:"Width",default:"",ui:{"ui:placeholder":"Enter width"}},height:{type:"number",title:"Height",default:"",ui:{"ui:placeholder":"Enter height"}},mobileImage:{type:"string",title:"Mobile Image",default:"",ui:{"ui:widget":"image"}}}}),aiProps:["alt"],i18nProps:["alt"]},pe=e=>{const{blockProps:l,children:r,styles:s,inBuilder:o,content:n,href:a}=e,{hrefType:d,autoplay:c,maxWidth:p,backdropColor:g,galleryName:h}=e,u=I(s,"cb-lightbox");if(!r&&y.isEmpty(s==null?void 0:s.className)&&y.isEmpty(n))return i.jsx(C,{inBuilder:o});if(o)return r?i.jsx("span",{...l,...u,children:r}):k.createElement("span",{...l,...u,dangerouslySetInnerHTML:{__html:n}});const f={};return d!=="image"&&(f["data-vbtype"]=d),c&&(f["data-autoplay"]="true"),p&&(f["data-maxwidth"]=p+"px"),g&&(f["data-overlay"]=g),h&&(f["data-gall"]=h),r?i.jsx("a",{"aria-label":n,...f,href:a||"#/",...l,...u,children:r}):k.createElement("a",{...l,...u,...f,href:a||"#",dangerouslySetInnerHTML:{__html:n},"aria-label":n})},ge={type:"LightBoxLink",label:"Lightbox Link",category:"core",icon:m.ImageIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"Link text or drop blocks inside"},hrefType:{type:"string",title:"Type",default:"image",enum:["image","video","iframe","inline","ajax"],enumNames:["Image","Video","Iframe","Inline","Ajax"]},href:{type:"string",title:"Href",default:""},autoplay:{type:"boolean",title:"Autoplay (Video only)",default:!1},maxWidth:{type:"number",title:"Max Width",default:""},backdropColor:{type:"string",title:"Backdrop Color",default:""},galleryName:{type:"string",title:"Gallery Name",default:""}},dependencies:{autoplay:["hrefType","video"]}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="Link"&&e!=="LightBoxLink"},ye=e=>{const{blockProps:l,link:r,children:s,styles:o,inBuilder:n,content:a}=e;let d={};return!s&&y.isEmpty(a)&&(d={minHeight:"50px",display:"flex",alignItems:"center",justifyContent:"center"}),n?s?i.jsx("span",{...l,style:d,...o,children:s}):w.createElement("span",{...l,...o,style:d},a):s?i.jsx("a",{"aria-label":a,href:(r==null?void 0:r.href)||"#/",target:r==null?void 0:r.target,...l,...o,children:s}):w.createElement("a",{...l,...o,href:(r==null?void 0:r.href)||"#",target:(r==null?void 0:r.target)||"_self","aria-label":a},a)},he={type:"Link",label:"Link",category:"core",icon:m.Link1Icon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",default:"Link goes here",title:"Content"},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:e=>e!=="Link"},me=e=>{const{blockProps:l,children:r,listType:s,styles:o,tag:n,inBuilder:a}=e,d=x.cn(y.get(o,"className",""),s);return!r&&y.isEmpty(o==null?void 0:o.className)?i.jsx(C,{inBuilder:a}):k.createElement(n||(s==="list-decimal"?"ol":"ul"),{...l,...o,className:d},r)},fe={type:"List",label:"web_blocks.list",icon:m.RowsIcon,category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),listType:{type:"string",title:"List Type",default:"list-none",oneOf:[{enum:["list-none"],title:"List None"},{enum:["list-disc"],title:"Disc"},{enum:["list-decimal"],title:"Decimal"}]}}}),canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]},be=e=>{const{blockProps:l,content:r,styles:s,children:o,tag:n}=e;return o?k.createElement(n||"li",{...s,...l},o):k.createElement(n||"li",{...s,...l,dangerouslySetInnerHTML:{__html:r}})},ke={type:"ListItem",label:"List Item",icon:m.ColumnsIcon,category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",default:"List item",title:"Content",ui:{"ui:widget":"textarea"}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="ListItem",canBeNested:e=>e==="List"},xe=e=>e.inBuilder||e.forceWrapper?i.jsx("span",{...e.blockProps,children:e.content}):`${e.content}`,Se={type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:m.SpaceBetweenVerticallyIcon,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-black"),content:{type:"string",default:""}}}),aiProps:["content"],i18nProps:["content"]},N=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,M=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,D=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,Be=e=>{if(N.test(e)){const l=e.match(N);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(M.test(e)){const l=e.match(M);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(D.test(e)){const l=e.match(D);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},we=k.memo(e=>{const{blockProps:l,inBuilder:r,styles:s,url:o,controls:n}=e,a=y.get(n,"autoPlay",!1),d=y.get(n,"controls",!1),c=a||y.get(n,"muted",!0),p=y.get(n,"loop",!1);if(y.isEmpty(o))return i.jsx(C,{inBuilder:r,className:"h-36"});let g=Be(o),h=null;if(g){if(!y.isEmpty(g)){const u=[];u.push(`autoplay=${a?1:0}`),u.push(`controls=${n?1:0}`),u.push(`mute=${c?1:0}&muted=${c?1:0}`),u.push(`loop=${p?1:0}`),g=`${g}?${u.join("&")}`}h=k.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:g,allow:r?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else h=k.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:o,controls:d,muted:c,autoPlay:r?!1:a,loop:p});return i.jsx("div",{...y.pick(s,["className"]),children:i.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[r?i.jsx("div",{...l,...y.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,h]})})}),Ce={type:"Video",label:"Video",category:"core",icon:m.VideoIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),url:{type:"string",title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"},controls:{type:"object",title:"Controls",default:{autoplay:!1,controls:!0,loop:!1,muted:!1},properties:{autoplay:{type:"boolean",title:"Autoplay",default:!1},controls:{type:"boolean",title:"Show Controls",default:!0},loop:{type:"boolean",title:"Loop Video",default:!1},muted:{type:"boolean",title:"Muted",default:!1}}}}}),i18nProps:["url"]},j={wrapper:{"x-data":"{ open: false }"},button:{"x-on:click":"open = !open"},menu:{"x-show":"open","x-on:click":"open = false","x-on:click.away":"open = false","x-cloak":"","x-transition":""}},ve=e=>{const{blockProps:l,content:r,icon:s,iconWidth:o,iconHeight:n,styles:a,show:d}=e;return i.jsxs("button",{"aria-label":r,...l,...a,...j.button,children:[r,i.jsx("span",{className:d?"rotate-180":"",dangerouslySetInnerHTML:{__html:s},style:{width:o,height:n}})]})};t.registerChaiBlock(ve,{type:"DropdownButton",label:"Dropdown Button",group:"advanced",category:"core",hidden:!0,canMove:()=>!1,canDelete:()=>!1,...t.registerChaiBlockSchema({properties:{show:t.closestBlockProp("Dropdown","showDropdown"),content:{type:"string",title:"Title",default:"Menu Item"},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconWidth:{type:"string",title:"Icon Width",default:"16px"},iconHeight:{type:"string",title:"Icon Height",default:"16px"},styles:t.StylesProp("flex items-center gap-2 px-4 py-1")}}),i18nProps:["content"],aiProps:["content"]});const Pe=e=>{const{blockProps:l,children:r,styles:s,show:o,inBuilder:n}=e;return n&&!o?null:i.jsx("div",{...l,...j.menu,...s,children:r})};t.registerChaiBlock(Pe,{type:"DropdownContent",label:"Dropdown Content",group:"basic",hidden:!0,canMove:()=>!1,canDelete:()=>!1,canAcceptBlock:()=>!0,...t.registerChaiBlockSchema({properties:{show:t.closestBlockProp("Dropdown","showDropdown"),styles:t.StylesProp("absolute left-0 p-2 w-80 mt-2 bg-white rounded-lg shadow-lg z-50")}})});const _e=e=>{const{blockProps:l,children:r,styles:s}=e;return i.jsx("div",{...l,...s,...j.wrapper,children:r})},Ie={type:"Dropdown",label:"Dropdown",group:"basic",icon:m.DropdownMenuIcon,blocks:()=>[{_type:"Dropdown",_id:"dropdown"},{_type:"DropdownButton",_id:"button",_parent:"dropdown",title:"Menu Item",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"/> </svg>',styles:"#styles:,flex items-center gap-2 px-4 py-1"},{_type:"DropdownContent",_id:"content",_parent:"dropdown",styles:"#styles:,absolute left-0 w-80 mt-0.5 bg-white rounded-lg shadow-lg z-50"},{_type:"Link",_id:"link",_parent:"content",content:"Link",styles:"#styles:,flex items-center gap-2 px-4 py-1",link:{href:"https://www.google.com",type:"url",target:"_self"}}],category:"core",wrapper:!0,...t.registerChaiBlockSchema({properties:{showDropdown:t.runtimeProp({type:"boolean",title:"Show Dropdown",default:!1}),styles:t.StylesProp("relative w-max")}})},je=e=>{const{blockProps:l,fieldName:r,label:s,styles:o,inputStyles:n,required:a,checked:d,showLabel:c=!0}=e,p=x.generateUUID();return c?i.jsxs("div",{...o,...l,children:[i.jsx("input",{...n,name:r,id:p,type:"checkbox",required:a,defaultChecked:d}),s&&i.jsx("label",{htmlFor:p,children:s})]}):i.jsx("input",{id:p,...l,...n,...o,type:"checkbox",required:a,name:r})},Le={type:"Checkbox",label:"web_blocks.checkbox",category:"core",icon:m.CheckboxIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("flex items-center gap-x-2"),inputStyles:t.StylesProp(""),label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},Ne=e=>{const{children:l,blockProps:r,errorMessage:s,successMessage:o,action:n,styles:a,inBuilder:d}=e;let c=l;l||(c=i.jsx(C,{inBuilder:d}));const p={"x-data":"{}","x-on:submit.prevent":"post"},g={"x-html":"",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return i.jsxs("form",{...p,"data-error":s,"data-success":o,method:"post",action:n,...r,...a,children:[i.jsx("div",{...g}),c]})},Me={type:"Form",label:"Form",category:"core",icon:S.GroupIcon,group:"form",blocks:()=>[{_type:"Form",_id:"form",styles:"#styles:p-1 space-y-2,"},{_type:"Input",_id:"form_input",_parent:"form",styles:"#styles:,"},{_type:"FormButton",_id:"form_submit_btn",_parent:"form",styles:"#styles:bg-black text-white rounded px-3 py-1,"}],...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),action:{type:"string",title:"Submit URL",default:"/api/form/submit"},errorMessage:{type:"string",title:"Error Message",default:"Something went wrong. Please try again",ui:{"ui:widget":"richtext"}},successMessage:{type:"string",title:"Success Message",default:"Thank you for your submission.",ui:{"ui:widget":"richtext"}}}}),i18nProps:["errorMessage","successMessage"],aiProps:["errorMessage","successMessage"],canAcceptBlock:()=>!0},De=e=>{const{blockProps:l,inBuilder:r,label:s,styles:o,inputStyles:n,icon:a,iconSize:d,iconPos:c}=e,p=x.generateUUID(),g={"x-bind:disabled":"formLoading"};return i.jsxs("button",{id:p,...g,...n,...o,...l||{},type:r?"button":"submit","aria-label":s,children:[s,a&&i.jsx("div",{style:{width:d+"px"},className:c+" "+(c==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:a}})]})},$e={type:"FormButton",label:"Submit Button",category:"core",icon:m.ButtonIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"),inputStyles:t.StylesProp(""),label:{type:"string",title:"Label",default:"Submit",ai:!0,i18n:!0},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:24},iconPos:{type:"string",title:"Icon Position",default:"order-last",enum:["order-first","order-last"]}}}),i18nProps:["label"],aiProps:["label"]},Ee=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,showLabel:d,required:c,inputType:p}=e,g=x.generateUUID();return d?i.jsxs("div",{...n,...l,children:[d&&i.jsx("label",{htmlFor:g,children:s}),i.jsx("input",{name:r,...a,id:g,type:p,placeholder:o,required:c})]}):i.jsx("input",{id:g,name:r,...l,...a,...n,type:p,placeholder:o,required:c})},Te={type:"Input",label:"web_blocks.input",category:"core",icon:m.InputIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ai:!0,i18n:!0},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},inputType:{type:"string",title:"Input Type",default:"text",enum:["text","email","password","number","tel","file","hidden","range","submit","color","date","time"]}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Ae=e=>{const{blockProps:l,content:r,styles:s,children:o}=e,n={...s,...l};return o?k.createElement("label",n,o):k.createElement("label",{...n,dangerouslySetInnerHTML:{__html:r}})},Re={type:"Label",label:"Label",category:"core",icon:m.LetterCaseToggleIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(),content:{type:"string",title:"Content",default:""}}}),aiProps:["content"],i18nProps:["content"]},ze=e=>{const{blockProps:l,fieldName:r,label:s,styles:o,inputStyles:n,required:a,checked:d,showLabel:c=!0}=e,p=x.generateUUID();return c?i.jsxs("div",{...o,...l,children:[i.jsx("input",{...n,name:r,id:p,type:"radio",required:a,defaultChecked:d}),s&&i.jsx("label",{htmlFor:p,children:s})]}):i.jsx("input",{id:p,...l,...n,...o,type:"radio",required:a,checked:d,name:r})},He={type:"Radio",label:"web_blocks.radio",category:"core",icon:m.RadiobuttonIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("flex items-center gap-x-2"),inputStyles:t.StylesProp(""),label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},qe=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,required:d,showLabel:c,_multiple:p,options:g}=e,h=x.generateUUID();return c?i.jsxs("div",{...n,...l,children:[c&&i.jsx("label",{htmlFor:h,children:s}),i.jsxs("select",{...a,id:h,required:d,multiple:p,name:r,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:o}),y.map(g,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})]}):i.jsxs("select",{id:h,...n,...l,required:d,multiple:p,name:r,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:o}),y.map(g,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})},Ue={type:"Select",label:"web_blocks.select",category:"core",icon:m.DropdownMenuIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label"},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},_multiple:{type:"boolean",title:"Multiple",default:!1},options:{title:"Options",type:"array",default:[],items:{type:"object",properties:{label:{type:"string",title:"Label",default:""},value:{type:"string",title:"Value",default:""}}}}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Oe=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,_rows:d,showLabel:c}=e,p=x.generateUUID();return c?i.jsxs("div",{...n,...l,children:[c&&i.jsx("label",{htmlFor:p,children:s}),i.jsx("textarea",{name:r,...a,id:p,placeholder:o,rows:d})]}):i.jsx("textarea",{id:p,name:r,...l,...a,...n,placeholder:o,rows:d})},Fe={type:"TextArea",label:"web_blocks.textarea",category:"core",icon:m.InputIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},_rows:{type:"number",title:"Rows",default:3}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Ge=e=>{const{blockProps:l,backgroundImage:r,children:s,styles:o,tag:n}=e;let a={};return r&&(a={backgroundImage:`url(${r})`}),w.createElement(n||"div",{...l,...o,style:a},s)},Ve={type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("font-body antialiased"),backgroundImage:{type:"string",title:"Image",default:"",ui:{"ui:widget":"image"}},tag:{type:"string",default:"div",title:"Tag",oneOf:[{const:"div",title:"div"},{const:"header",title:"header"},{const:"footer",title:"footer"},{const:"section",title:"section"},{const:"article",title:"article"},{const:"aside",title:"aside"},{const:"main",title:"main"},{const:"nav",title:"nav"},{const:"figure",title:"figure"},{const:"details",title:"details"},{const:"summary",title:"summary"},{const:"dialog",title:"dialog"},{const:"strike",title:"strike"},{const:"caption",title:"caption"},{const:"legend",title:"legend"},{const:"figcaption",title:"figcaption"},{const:"mark",title:"mark"}]}}}),canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},We=e=>{const{blockProps:l,styles:r}=e;return w.createElement("br",{...l,...r})},Xe={type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("")}}),canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},_={SMALL:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},MEDIUM:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},LARGE:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"}},Ye=e=>{const{blockProps:l,children:r,styles:s,colSpan:o,tabletColSpan:n,desktopColSpan:a}=e,c={className:[y.get(s,"className",""),y.get(_,["SMALL",isNaN(o)||!o?6:o],""),n?y.get(_,["MEDIUM",n||o],""):"",a?y.get(_,["LARGE",n||o],""):""].join(" ")};return i.jsx("div",{...l,...s,...c,children:r||i.jsx("div",{className:"h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900"})})},Ze={type:"Column",label:"Column",group:"basic",category:"core",icon:S.Columns,wrapper:!0,canDelete:()=>!0,canAcceptBlock:()=>!0,canBeNested:e=>e==="Row",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),colSpan:{type:"number",title:"Column Span",default:6,enum:[1,2,3,4,5,6,7,8,9,10,11,12]},tabletColSpan:{type:"number",title:"Column Span (Tablet)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]},desktopColSpan:{type:"number",title:"Column Span (Desktop)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]}}})},Je=e=>{const{blockProps:l,children:r,styles:s,gutter:o}=e,a={className:[y.get(s,"className","")," grid grid-cols-12"].join()};return typeof(s==null?void 0:s.style)=="object"?s.style.gap=`${o}px`:a.style={gap:`${o}px`},i.jsx("div",{...l,...s,...a,children:r})},Ke={type:"Row",label:"Row",group:"basic",icon:S.Rows,blocks:()=>[{_type:"Row",_id:"row",styles:"#styles:,p-1"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"}],category:"core",wrapper:!0,canAcceptBlock:e=>e==="Column",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),colCount:{type:"number",default:2,minimum:0,ui:{"ui:widget":"colCount"}},gutter:{type:"number",title:"Gutter (in px)",default:16,minimum:0}}})},v=(e,l)=>({slider:{"x-data":`{
|
|
3
|
+
nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.`,ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":5}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e==="Span"||e==="Link"||e==="Text"},I=(e,...l)=>({...e,className:x.cn(e.className,...l)}),W=e=>{const{blockProps:l,content:r,styles:s}=e,o=I(s,"prose","max-w-full");return i.jsx("div",{...l,...o,dangerouslySetInnerHTML:{__html:r}})},X={type:"RichText",label:"Rich Text",category:"core",icon:m.CursorTextIcon,group:"typography",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>",ui:{"ui:widget":"richtext"}}}}),aiProps:["content"],i18nProps:["content"]},Y=e=>{const{blockProps:l,styles:r,content:s,children:o=null,tag:n}=e;return o?k.createElement("span",{...r,...l},o):k.createElement(n||"span",{...r,...l,dangerouslySetInnerHTML:{__html:s||""}})},Z={type:"Span",label:"Span",category:"core",group:"typography",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:()=>!0};function J(e){return x.GenIcon({tag:"svg",attr:{version:"1.1",viewBox:"0 0 32 32"},child:[{tag:"path",attr:{d:"M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z"},child:[]}]})(e)}const K=e=>{const{scripts:l,inBuilder:r,blockProps:s}=e;return r?i.jsx("div",{...s,children:i.jsx("div",{className:x.cn("pointer-events-none flex flex-col items-center justify-center p-2",""),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800",children:i.jsx("p",{className:"text-left text-xs text-gray-400",children:"Scripts will be only executed in preview and live mode. Place your script at the bottom of the"})})})}):i.jsx("div",{dangerouslySetInnerHTML:{__html:l}})},Q={type:"CustomScript",label:"web_blocks.custom_script",category:"core",icon:J,group:"advanced",...t.registerChaiBlockSchema({properties:{scripts:{type:"string",title:"Script",default:"",format:"code",placeholder:"<script>console.log('Hello, world!');<\/script>"}}})},ee=e=>i.jsxs("div",{...e.blockProps,...e.styles,children:[e.mode,e.children]}),te=e=>e.mode==="dark"?null:i.jsx("button",{"aria-label":"dark mode button",...e.blockProps,...e.styles,children:e.children});t.registerChaiBlock(te,{type:"DarkModeButton",label:"Dark Mode Button",category:"core",icon:m.MoonIcon,group:"advanced",hidden:!0,...t.registerChaiBlockSchema({properties:{mode:t.closestBlockProp("DarkModeSwitcher","mode"),styles:t.stylesProp("")}})});const le=e=>e.mode==="light"?null:i.jsx("button",{"aria-label":"light mode button",...e.blockProps,...e.styles,children:e.children});t.registerChaiBlock(le,{type:"LightModeButton",label:"Light Mode Button",category:"core",icon:m.SunIcon,group:"advanced",hidden:!0,...t.registerChaiBlockSchema({properties:{mode:t.closestBlockProp("DarkModeSwitcher","mode"),styles:t.stylesProp(""),fake:{type:"string",default:""}}})});const re={type:"DarkModeSwitcher",label:"web_blocks.dark_mode",category:"core",icon:m.MoonIcon,group:"advanced",wrapper:!0,...t.registerChaiBlockSchema({properties:{mode:{title:"Mode",type:"string",enum:["dark","light"],default:"light"},styles:t.stylesProp("")}}),blocks:()=>[{_id:"ultqCh",_type:"DarkModeSwitcher",mode:"light",styles:"#styles:,",_name:"Dark Mode Theme"},{_id:"vroabi",_parent:"ultqCh",_type:"LightModeButton",styles_attrs:{type:"button","x-on:click":"darkMode = 'dark'","x-show":"darkMode === 'light'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Dark Mode Btn"},{_id:"nltBrv",_parent:"vroabi",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"},{_id:"gesydi",_parent:"ultqCh",_type:"DarkModeButton",styles_attrs:{type:"button","x-on:click":"darkMode = 'light'","x-show":"darkMode === 'dark'"},styles:"#styles:,bg-white hidden dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Light Mode Btn"},{_id:"AdDwBC",_parent:"gesydi",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"}]},oe=e=>{const{blockProps:l,styles:r}=e;return w.createElement("hr",{...r,...l})},se={type:"Divider",label:"web_blocks.divider",category:"core",icon:m.DividerHorizontalIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("bg-gray-900 h-0.5 py-2 my-1")}})},ie=e=>{const{blockProps:l,inBuilder:r,children:s,globalBlock:o}=e;return r&&!o?i.jsxs("div",{className:"flex flex-col items-center justify-center py-4 bg-gray-100 rounded-lg gap-y-1 dark:bg-gray-800",...l,children:[i.jsxs("h1",{children:["Global Block - ",o]}),i.jsx("p",{children:"Choose a block from the sidebar to add it to this page."})]}):k.createElement("span",{...l},s)},ne={type:"GlobalBlock",label:"Global Block",icon:S.GlobeIcon,category:"core",group:"advanced",...t.registerChaiBlockSchema({properties:{globalBlock:{type:"string",title:"Global Block",default:"",ui:{"ui:widget":"hidden"}}}})},ae=e=>{const{blockProps:l,icon:r,styles:s,width:o,inBuilder:n,height:a}=e,d=I(s,"");if(y.isEmpty(r))return i.jsx(C,{inBuilder:n,className:"h-8 w-14"});const c=r.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return k.createElement("span",{...l,...d,style:{width:o?`${o}px`:"auto",height:a?`${a}px`:"auto"},dangerouslySetInnerHTML:{__html:c}})},ce={type:"Icon",label:"web_blocks.icon",category:"core",icon:m.SketchLogoIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),icon:{type:"string",title:"Icon",default:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>',ui:{"ui:widget":"icon"}},width:{type:"number",default:16,title:"Width"},height:{type:"number",default:16,title:"Height"}}})},de=e=>{const{blockProps:l,image:r,mobileImage:s,styles:o,alt:n,height:a,width:d,lazyLoading:c}=e;return y.isEmpty(r)?i.jsx(C,{className:"h-36"}):i.jsxs("picture",{children:[s&&i.jsx("source",{srcSet:s,media:"(max-width: 480px)"}),i.jsx("img",{...l,...o,src:r,alt:n,loading:c?"lazy":"eager",width:d,height:a})]})},ue={type:"Image",label:"Image",category:"core",icon:m.ImageIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),image:{type:"string",title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas",ui:{"ui:widget":"image"}},alt:{type:"string",title:"Alt text",default:"",ui:{"ui:placeholder":"Enter alt text"}},lazyLoading:{type:"boolean",title:"Lazy Load",default:!0},width:{type:"number",title:"Width",default:"",ui:{"ui:placeholder":"Enter width"}},height:{type:"number",title:"Height",default:"",ui:{"ui:placeholder":"Enter height"}},mobileImage:{type:"string",title:"Mobile Image",default:"",ui:{"ui:widget":"image"}}}}),aiProps:["alt"],i18nProps:["alt"]},pe=e=>{const{blockProps:l,children:r,styles:s,inBuilder:o,content:n,href:a}=e,{hrefType:d,autoplay:c,maxWidth:p,backdropColor:g,galleryName:h}=e,u=I(s,"cb-lightbox");if(!r&&y.isEmpty(s==null?void 0:s.className)&&y.isEmpty(n))return i.jsx(C,{inBuilder:o});if(o)return r?i.jsx("span",{...l,...u,children:r}):k.createElement("span",{...l,...u,dangerouslySetInnerHTML:{__html:n}});const f={};return d!=="image"&&(f["data-vbtype"]=d),c&&(f["data-autoplay"]="true"),p&&(f["data-maxwidth"]=p+"px"),g&&(f["data-overlay"]=g),h&&(f["data-gall"]=h),r?i.jsx("a",{"aria-label":n,...f,href:a||"#/",...l,...u,children:r}):k.createElement("a",{...l,...u,...f,href:a||"#",dangerouslySetInnerHTML:{__html:n},"aria-label":n})},ge={type:"LightBoxLink",label:"Lightbox Link",category:"core",icon:m.ImageIcon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",title:"Content",default:"Link text or drop blocks inside"},hrefType:{type:"string",title:"Type",default:"image",enum:["image","video","iframe","inline","ajax"],enumNames:["Image","Video","Iframe","Inline","Ajax"]},href:{type:"string",title:"Href",default:""},autoplay:{type:"boolean",title:"Autoplay (Video only)",default:!1},maxWidth:{type:"number",title:"Max Width",default:""},backdropColor:{type:"string",title:"Backdrop Color",default:""},galleryName:{type:"string",title:"Gallery Name",default:""}},dependencies:{autoplay:["hrefType","video"]}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="Link"&&e!=="LightBoxLink"},ye=e=>{const{blockProps:l,link:r,children:s,styles:o,inBuilder:n,content:a}=e;let d={};return!s&&y.isEmpty(a)&&(d={minHeight:"50px",display:"flex",alignItems:"center",justifyContent:"center"}),n?s?i.jsx("span",{...l,style:d,...o,children:s}):w.createElement("span",{...l,...o,style:d},a):s?i.jsx("a",{"aria-label":a,href:(r==null?void 0:r.href)||"#/",target:r==null?void 0:r.target,...l,...o,children:s}):w.createElement("a",{...l,...o,href:(r==null?void 0:r.href)||"#",target:(r==null?void 0:r.target)||"_self","aria-label":a},a)},he={type:"Link",label:"Link",category:"core",icon:m.Link1Icon,group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",default:"Link goes here",title:"Content"},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:e=>e!=="Link"},me=e=>{const{blockProps:l,children:r,listType:s,styles:o,tag:n,inBuilder:a}=e,d=x.cn(y.get(o,"className",""),s);return!r&&y.isEmpty(o==null?void 0:o.className)?i.jsx(C,{inBuilder:a}):k.createElement(n||(s==="list-decimal"?"ol":"ul"),{...l,...o,className:d},r)},fe={type:"List",label:"web_blocks.list",icon:m.RowsIcon,category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),listType:{type:"string",title:"List Type",default:"list-none",oneOf:[{enum:["list-none"],title:"List None"},{enum:["list-disc"],title:"Disc"},{enum:["list-decimal"],title:"Decimal"}]}}}),canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]},be=e=>{const{blockProps:l,content:r,styles:s,children:o,tag:n}=e;return o?k.createElement(n||"li",{...s,...l},o):k.createElement(n||"li",{...s,...l,dangerouslySetInnerHTML:{__html:r}})},ke={type:"ListItem",label:"List Item",icon:m.ColumnsIcon,category:"core",group:"basic",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),content:{type:"string",default:"List item",title:"Content",ui:{"ui:widget":"textarea"}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="ListItem",canBeNested:e=>e==="List"},xe=e=>e.inBuilder||e.forceWrapper?i.jsx("span",{...e.blockProps,children:e.content}):`${e.content}`,Se={type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:m.SpaceBetweenVerticallyIcon,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-black"),content:{type:"string",default:""}}}),aiProps:["content"],i18nProps:["content"]},N=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,M=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,D=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,Be=e=>{if(N.test(e)){const l=e.match(N);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(M.test(e)){const l=e.match(M);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(D.test(e)){const l=e.match(D);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},we=k.memo(e=>{const{blockProps:l,inBuilder:r,styles:s,url:o,controls:n}=e,a=y.get(n,"autoPlay",!1),d=y.get(n,"controls",!1),c=a||y.get(n,"muted",!0),p=y.get(n,"loop",!1);if(y.isEmpty(o))return i.jsx(C,{inBuilder:r,className:"h-36"});let g=Be(o),h=null;if(g){if(!y.isEmpty(g)){const u=[];u.push(`autoplay=${a?1:0}`),u.push(`controls=${n?1:0}`),u.push(`mute=${c?1:0}&muted=${c?1:0}`),u.push(`loop=${p?1:0}`),g=`${g}?${u.join("&")}`}h=k.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:g,allow:r?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else h=k.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:o,controls:d,muted:c,autoPlay:r?!1:a,loop:p});return i.jsx("div",{...y.pick(s,["className"]),children:i.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[r?i.jsx("div",{...l,...y.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,h]})})}),Ce={type:"Video",label:"Video",category:"core",icon:m.VideoIcon,group:"media",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),url:{type:"string",title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"},controls:{type:"object",title:"Controls",default:{autoplay:!1,controls:!0,loop:!1,muted:!1},properties:{autoplay:{type:"boolean",title:"Autoplay",default:!1},controls:{type:"boolean",title:"Show Controls",default:!0},loop:{type:"boolean",title:"Loop Video",default:!1},muted:{type:"boolean",title:"Muted",default:!1}}}}}),i18nProps:["url"]},j={wrapper:{"x-data":"{ open: false }"},button:{"x-on:click":"open = !open"},menu:{"x-show":"open","x-on:click":"open = false","x-on:click.away":"open = false","x-cloak":"","x-transition":""}},ve=e=>{const{blockProps:l,content:r,icon:s,iconWidth:o,iconHeight:n,styles:a,show:d}=e;return i.jsxs("button",{"aria-label":r,...l,...a,...j.button,children:[r,i.jsx("span",{className:d?"rotate-180":"",dangerouslySetInnerHTML:{__html:s},style:{width:o,height:n}})]})};t.registerChaiBlock(ve,{type:"DropdownButton",label:"Dropdown Button",group:"advanced",category:"core",hidden:!0,canMove:()=>!1,canDelete:()=>!1,...t.registerChaiBlockSchema({properties:{show:t.closestBlockProp("Dropdown","showDropdown"),content:{type:"string",title:"Title",default:"Menu Item"},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconWidth:{type:"string",title:"Icon Width",default:"16px"},iconHeight:{type:"string",title:"Icon Height",default:"16px"},styles:t.StylesProp("flex items-center gap-2 px-4 py-1")}}),i18nProps:["content"],aiProps:["content"]});const Pe=e=>{const{blockProps:l,children:r,styles:s,show:o,inBuilder:n}=e;return n&&!o?null:i.jsx("div",{...l,...j.menu,...s,children:r})};t.registerChaiBlock(Pe,{type:"DropdownContent",label:"Dropdown Content",group:"basic",hidden:!0,canMove:()=>!1,canDelete:()=>!1,canAcceptBlock:()=>!0,...t.registerChaiBlockSchema({properties:{show:t.closestBlockProp("Dropdown","showDropdown"),styles:t.StylesProp("absolute left-0 p-2 w-80 mt-2 bg-white rounded-lg shadow-lg z-50")}})});const _e=e=>{const{blockProps:l,children:r,styles:s}=e;return i.jsx("div",{...l,...s,...j.wrapper,children:r})},Ie={type:"Dropdown",label:"Dropdown",group:"basic",icon:m.DropdownMenuIcon,blocks:()=>[{_type:"Dropdown",_id:"dropdown"},{_type:"DropdownButton",_id:"button",_parent:"dropdown",title:"Menu Item",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"/> </svg>',styles:"#styles:,flex items-center gap-2 px-4 py-1"},{_type:"DropdownContent",_id:"content",_parent:"dropdown",styles:"#styles:,absolute left-0 w-80 mt-0.5 bg-white rounded-lg shadow-lg z-50"},{_type:"Link",_id:"link",_parent:"content",content:"Link",styles:"#styles:,flex items-center gap-2 px-4 py-1",link:{href:"https://www.google.com",type:"url",target:"_self"}}],category:"core",wrapper:!0,...t.registerChaiBlockSchema({properties:{showDropdown:t.runtimeProp({type:"boolean",title:"Show Dropdown",default:!1}),styles:t.StylesProp("relative w-max")}})},je=e=>{const{blockProps:l,fieldName:r,label:s,styles:o,inputStyles:n,required:a,checked:d,showLabel:c=!0}=e,p=x.generateUUID();return c?i.jsxs("div",{...o,...l,children:[i.jsx("input",{...n,name:r,id:p,type:"checkbox",required:a,defaultChecked:d}),s&&i.jsx("label",{htmlFor:p,children:s})]}):i.jsx("input",{id:p,...l,...n,...o,type:"checkbox",required:a,name:r})},Le={type:"Checkbox",label:"web_blocks.checkbox",category:"core",icon:m.CheckboxIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("flex items-center gap-x-2"),inputStyles:t.StylesProp(""),fieldName:{type:"string",title:"Field Name",default:"fieldName"},label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},Ne=e=>{const{children:l,blockProps:r,errorMessage:s,successMessage:o,action:n,styles:a,inBuilder:d}=e;let c=l;l||(c=i.jsx(C,{inBuilder:d}));const p={"x-data":"{}","x-on:submit.prevent":"post"},g={"x-html":"",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return i.jsxs("form",{...p,"data-error":s,"data-success":o,method:"post",action:n,...r,...a,children:[i.jsx("div",{...g}),c]})},Me={type:"Form",label:"Form",category:"core",icon:S.GroupIcon,group:"form",blocks:()=>[{_type:"Form",_id:"form",styles:"#styles:p-1 space-y-2,"},{_type:"Input",_id:"form_input",_parent:"form",styles:"#styles:,"},{_type:"FormButton",_id:"form_submit_btn",_parent:"form",styles:"#styles:bg-black text-white rounded px-3 py-1,"}],...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),action:{type:"string",title:"Submit URL",default:"/api/form/submit"},errorMessage:{type:"string",title:"Error Message",default:"Something went wrong. Please try again",ui:{"ui:widget":"richtext"}},successMessage:{type:"string",title:"Success Message",default:"Thank you for your submission.",ui:{"ui:widget":"richtext"}}}}),i18nProps:["errorMessage","successMessage"],aiProps:["errorMessage","successMessage"],canAcceptBlock:()=>!0},De=e=>{const{blockProps:l,inBuilder:r,label:s,styles:o,inputStyles:n,icon:a,iconSize:d,iconPos:c}=e,p=x.generateUUID(),g={"x-bind:disabled":"formLoading"};return i.jsxs("button",{id:p,...g,...n,...o,...l||{},type:r?"button":"submit","aria-label":s,children:[s,a&&i.jsx("div",{style:{width:d+"px"},className:c+" "+(c==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:a}})]})},$e={type:"FormButton",label:"Submit Button",category:"core",icon:m.ButtonIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"),inputStyles:t.StylesProp(""),label:{type:"string",title:"Label",default:"Submit",ai:!0,i18n:!0},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:24},iconPos:{type:"string",title:"Icon Position",default:"order-last",enum:["order-first","order-last"]}}}),i18nProps:["label"],aiProps:["label"]},Ee=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,showLabel:d,required:c,inputType:p}=e,g=x.generateUUID();return d?i.jsxs("div",{...n,...l,children:[d&&i.jsx("label",{htmlFor:g,children:s}),i.jsx("input",{name:r,...a,id:g,type:p,placeholder:o,required:c})]}):i.jsx("input",{id:g,name:r,...l,...a,...n,type:p,placeholder:o,required:c})},Te={type:"Input",label:"web_blocks.input",category:"core",icon:m.InputIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),fieldName:{type:"string",title:"Field Name",default:"fieldName"},showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ai:!0,i18n:!0},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},inputType:{type:"string",title:"Input Type",default:"text",enum:["text","email","password","number","tel","file","hidden","range","submit","color","date","time"]}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Ae=e=>{const{blockProps:l,content:r,styles:s,children:o}=e,n={...s,...l};return o?k.createElement("label",n,o):k.createElement("label",{...n,dangerouslySetInnerHTML:{__html:r}})},Re={type:"Label",label:"Label",category:"core",icon:m.LetterCaseToggleIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(),content:{type:"string",title:"Content",default:""}}}),aiProps:["content"],i18nProps:["content"]},ze=e=>{const{blockProps:l,fieldName:r,label:s,styles:o,inputStyles:n,required:a,checked:d,showLabel:c=!0}=e,p=x.generateUUID();return c?i.jsxs("div",{...o,...l,children:[i.jsx("input",{...n,name:r,id:p,type:"radio",required:a,defaultChecked:d}),s&&i.jsx("label",{htmlFor:p,children:s})]}):i.jsx("input",{id:p,...l,...n,...o,type:"radio",required:a,checked:d,name:r})},He={type:"Radio",label:"web_blocks.radio",category:"core",icon:m.RadiobuttonIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("flex items-center gap-x-2"),inputStyles:t.StylesProp(""),fieldName:{type:"string",title:"Field Name",default:"fieldName"},label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},qe=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,required:d,showLabel:c,_multiple:p,options:g}=e,h=x.generateUUID();return c?i.jsxs("div",{...n,...l,children:[c&&i.jsx("label",{htmlFor:h,children:s}),i.jsxs("select",{...a,id:h,required:d,multiple:p,name:r,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:o}),y.map(g,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})]}):i.jsxs("select",{id:h,...n,...l,required:d,multiple:p,name:r,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:o}),y.map(g,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})},Ue={type:"Select",label:"web_blocks.select",category:"core",icon:m.DropdownMenuIcon,group:"form",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),fieldName:{type:"string",title:"Field Name",default:"fieldName"},showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label"},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},_multiple:{type:"boolean",title:"Multiple",default:!1},options:{title:"Options",type:"array",default:[],items:{type:"object",properties:{label:{type:"string",title:"Label",default:""},value:{type:"string",title:"Value",default:""}}}}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Fe=e=>{const{blockProps:l,fieldName:r,label:s,placeholder:o,styles:n,inputStyles:a,_rows:d,showLabel:c}=e,p=x.generateUUID();return c?i.jsxs("div",{...n,...l,children:[c&&i.jsx("label",{htmlFor:p,children:s}),i.jsx("textarea",{name:r,...a,id:p,placeholder:o,rows:d})]}):i.jsx("textarea",{id:p,name:r,...l,...a,...n,placeholder:o,rows:d})},Oe={type:"TextArea",label:"web_blocks.textarea",category:"core",icon:m.InputIcon,group:"form",...t.registerChaiBlockSchema({properties:{fieldName:{type:"string",title:"Field Name",default:"fieldName"},styles:t.StylesProp(""),inputStyles:t.StylesProp("w-full p-1"),showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},_rows:{type:"number",title:"Rows",default:3}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Ge=e=>{const{blockProps:l,backgroundImage:r,children:s,styles:o,tag:n}=e;let a={};return r&&(a={backgroundImage:`url(${r})`}),w.createElement(n||"div",{...l,...o,style:a},s)},Ve={type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("font-body antialiased"),backgroundImage:{type:"string",title:"Image",default:"",ui:{"ui:widget":"image"}},tag:{type:"string",default:"div",title:"Tag",oneOf:[{const:"div",title:"div"},{const:"header",title:"header"},{const:"footer",title:"footer"},{const:"section",title:"section"},{const:"article",title:"article"},{const:"aside",title:"aside"},{const:"main",title:"main"},{const:"nav",title:"nav"},{const:"figure",title:"figure"},{const:"details",title:"details"},{const:"summary",title:"summary"},{const:"dialog",title:"dialog"},{const:"strike",title:"strike"},{const:"caption",title:"caption"},{const:"legend",title:"legend"},{const:"figcaption",title:"figcaption"},{const:"mark",title:"mark"}]}}}),canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},We=e=>{const{blockProps:l,styles:r}=e;return w.createElement("br",{...l,...r})},Xe={type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("")}}),canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},_={SMALL:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},MEDIUM:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},LARGE:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"}},Ye=e=>{const{blockProps:l,children:r,styles:s,colSpan:o,tabletColSpan:n,desktopColSpan:a}=e,c={className:[y.get(s,"className",""),y.get(_,["SMALL",isNaN(o)||!o?6:o],""),n?y.get(_,["MEDIUM",n||o],""):"",a?y.get(_,["LARGE",n||o],""):""].join(" ")};return i.jsx("div",{...l,...s,...c,children:r||i.jsx("div",{className:"h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900"})})},Ze={type:"Column",label:"Column",group:"basic",category:"core",icon:S.Columns,wrapper:!0,canDelete:()=>!0,canAcceptBlock:()=>!0,canBeNested:e=>e==="Row",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),colSpan:{type:"number",title:"Column Span",default:6,enum:[1,2,3,4,5,6,7,8,9,10,11,12]},tabletColSpan:{type:"number",title:"Column Span (Tablet)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]},desktopColSpan:{type:"number",title:"Column Span (Desktop)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]}}})},Je=e=>{const{blockProps:l,children:r,styles:s,gutter:o}=e,a={className:[y.get(s,"className","")," grid grid-cols-12"].join()};return typeof(s==null?void 0:s.style)=="object"?s.style.gap=`${o}px`:a.style={gap:`${o}px`},i.jsx("div",{...l,...s,...a,children:r})},Ke={type:"Row",label:"Row",group:"basic",icon:S.Rows,blocks:()=>[{_type:"Row",_id:"row",styles:"#styles:,p-1"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"}],category:"core",wrapper:!0,canAcceptBlock:e=>e==="Column",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp(""),colCount:{type:"number",default:2,minimum:0,ui:{"ui:widget":"colCount"}},gutter:{type:"number",title:"Gutter (in px)",default:16,minimum:0}}})},v=(e,l)=>({slider:{"x-data":`{
|
|
4
4
|
currentSlide: 0,
|
|
5
5
|
totalSlides: ${(l==null?void 0:l.totalSlides)||0},
|
|
6
6
|
autoplay: ${!!(l!=null&&l.autoplay)},
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
updateCurrentSlide(slide) {
|
|
28
28
|
this.currentSlide = slide;
|
|
29
29
|
},
|
|
30
|
-
}`},slides:{":style":"'transform: translateX(-' + currentSlide * 100 + '%)'"},prevButton:{"x-on:click":"stopAutoplay(); prevSlide();"},nextButton:{"x-on:click":"stopAutoplay(); nextSlide();"},sliderNav:{":class":`currentSlide === ${l==null?void 0:l.slide} ? '${l==null?void 0:l.activeDotClassName}' : '${l==null?void 0:l.className}'`,"x-on:click":`stopAutoplay(); updateCurrentSlide(${l==null?void 0:l.slide});`}})[e]||{},Qe=e=>{const{blockProps:l,styles:r,children:s,slider:o}=e;return!(o!=null&&o.showSlideButton)&&typeof(o==null?void 0:o.showSlideButton)=="boolean"?null:i.jsx("div",{...l,...r,...v("prevButton"),children:s})};t.registerChaiBlock(Qe,{type:"SlidePreviousButton",label:"Slide Previous",group:"basic",category:"core",icon:S.PanelRightOpen,canDelete:()=>!1,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("h-max w-max absolute left-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"),slider:t.closestBlockProp("Slider","slider")}})});const et=e=>{const{blockProps:l,styles:r,children:s,slider:o}=e;return!(o!=null&&o.showSlideButton)&&typeof(o==null?void 0:o.showSlideButton)=="boolean"?null:i.jsx("div",{...l,...r,...v("nextButton"),children:s})};t.registerChaiBlock(et,{type:"SlideNextButton",label:"Slide Next",group:"basic",category:"core",icon:S.PanelRightClose,canDelete:()=>!1,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("h-max w-max absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"),slider:t.closestBlockProp("Slider","slider")}})});const tt=e=>{var a,d,c,p,g;const{blockProps:l,styles:r,children:s=null,inBuilder:o,slider:n}=e;if(o){const h=((d=(a=e==null?void 0:e.children)==null?void 0:a.props)==null?void 0:d.allBlocks)||((p=(c=e==null?void 0:e.children)==null?void 0:c.props)==null?void 0:p.blocks)||[],u=n==null?void 0:n.currentSlide,f=(g=h==null?void 0:h.filter(B=>(B==null?void 0:B._parent)===(e==null?void 0:e._id)))==null?void 0:g.findIndex(B=>(B==null?void 0:B._id)===u);return i.jsx("div",{...l,...r,style:{transform:`translateX(-${Math.max(0,f)*100}%)`},children:s||i.jsx("div",{className:"h-full p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})}return i.jsx("div",{...l,...r,...v("slides"),children:s||i.jsx("div",{className:"h-full p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})};t.registerChaiBlock(tt,{type:"Slides",label:"Slides",group:"basic",category:"core",icon:S.AlignHorizontalJustifyStart,canDelete:()=>!1,canAcceptBlock:e=>e==="Slide",canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{slider:t.closestBlockProp("Slider","slider"),styles:t.StylesProp("h-full flex transition-transform duration-500 ease-in-out")}})});const lt=e=>{const{blockProps:l,styles:r,children:s=null}=e;return i.jsx("div",{...l,...r,children:s||i.jsxs("div",{className:"flex h-full min-w-full items-center justify-center",children:["Slide ",(e==null?void 0:e.index)+1]})})};t.registerChaiBlock(lt,{type:"Slide",label:"Slide",group:"basic",category:"core",icon:S.AppWindowIcon,canDelete:()=>!0,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slides",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("min-w-full h-full")}})});const rt=e=>{var u,f,B,L;const{blockProps:l,styles:r,dotStyles:s,activeDotStyles:o,slider:n,inBuilder:a,children:d}=e;if(!(n!=null&&n.showSlideNavbar)&&typeof(n==null?void 0:n.showSlideNavbar)=="boolean")return null;const c=((f=(u=e==null?void 0:e.children)==null?void 0:u.props)==null?void 0:f.allBlocks)||((L=(B=e==null?void 0:e.children)==null?void 0:B.props)==null?void 0:L.blocks)||[],p=c==null?void 0:c.find(b=>(b==null?void 0:b._id)===(e==null?void 0:e._id)),g=c==null?void 0:c.find(b=>(b==null?void 0:b._parent)===(p==null?void 0:p._parent)&&(b==null?void 0:b._type)==="Slides"),h=c==null?void 0:c.filter(b=>(b==null?void 0:b._parent)===(g==null?void 0:g._id));return a?i.jsx("div",{...l,...r,children:h==null?void 0:h.map((b,P)=>i.jsx("div",{...s,...n!=null&&n.currentSlide?(b==null?void 0:b._id)===(n==null?void 0:n.currentSlide)?o:{}:P===0?o:{},children:d}))}):i.jsx("div",{...l,...r,children:h==null?void 0:h.map((b,P)=>i.jsx("div",{...v("sliderNav",{slide:P,className:s==null?void 0:s.className,activeDotClassName:(o==null?void 0:o.className)??""})},b==null?void 0:b._id))})};t.registerChaiBlock(rt,{type:"SliderNav",label:"Slider Navigation",group:"basic",category:"core",icon:S.PanelRightOpen,canDelete:()=>!1,canAcceptBlock:()=>!1,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("w-full absolute left-0 bottom-0 flex items-center justify-center gap-x-2 p-2"),dotStyles:t.StylesProp("w-4 h-4 border border-gray-500 rounded-full cursor-pointer"),activeDotStyles:t.StylesProp("w-4 h-4 rounded-full bg-blue-500"),slider:t.closestBlockProp("Slider","slider")}})});const ot=()=>null;t.registerChaiBlock(ot,{type:"SliderNavItem",label:"Slider Nav Item",group:"basic",category:"core",hidden:!0,icon:S.PanelRightOpen,canDelete:()=>!1,canDuplicate:()=>!1,canAcceptBlock:()=>!1,canBeNested:e=>e==="SliderNav",...t.registerChaiBlockSchema({properties:{}})});const st=e=>{var c,p,g,h,u;const{blockProps:l,styles:r,children:s=null}=e,o=((p=(c=e==null?void 0:e.children)==null?void 0:c.props)==null?void 0:p.allBlocks)||((h=(g=e==null?void 0:e.children)==null?void 0:g.props)==null?void 0:h.blocks)||[],n=o==null?void 0:o.find(f=>(f==null?void 0:f._parent)===(e==null?void 0:e._id)&&(f==null?void 0:f._type)==="Slides"),d={totalSlides:((u=o==null?void 0:o.filter(f=>(f==null?void 0:f._parent)===(n==null?void 0:n._id)))==null?void 0:u.length)||0,...typeof e.slider=="object"?e.slider:{}};return i.jsx("div",{...l,...r,...v("slider",d),children:s||i.jsx("div",{className:"h-[60vh] p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})},it={type:"Slider",label:"Slider",category:"core",icon:S.UnfoldHorizontal,group:"basic",wrapper:!0,blocks:()=>[{_type:"Slider",_id:"slider"},{_type:"Slides",_id:"slider-slides",_parent:"slider"},{_type:"Slide",_id:"slider-slides-slide-1",_parent:"slider-slides"},{_type:"Slide",_id:"slider-slides-slide-2",_parent:"slider-slides"},{_type:"Slide",_id:"slider-slides-slide-3",_parent:"slider-slides"},{_type:"SlidePreviousButton",_parent:"slider",_id:"slider-left-arrow"},{_type:"Icon",_id:"slider-left-arrow-content",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 320 512"><path d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/></svg>',_parent:"slider-left-arrow"},{_type:"SlideNextButton",_parent:"slider",_id:"slider-right-arrow"},{_type:"Icon",_id:"slider-right-arrow-content",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>',_parent:"slider-right-arrow"},{_type:"SliderNav",_parent:"slider",_id:"slider-nav"},{_type:"SliderNavItem",_parent:"slider-nav",_id:"slider-nav-item"}],...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("w-full h-[60vh] relative overflow-x-hidden"),slider:t.runtimeProp({type:"object",properties:{},default:{currentSlide:null,autoplay:!1,autoplayInterval:2,showSlideButton:!0,showSlideNavbar:!0},ui:{"ui:field":"slider"}})}})},nt=()=>{t.registerChaiBlock(E,T),t.registerChaiBlock(q,U),t.registerChaiBlock(A,R),t.registerChaiBlock(O
|
|
30
|
+
}`},slides:{":style":"'transform: translateX(-' + currentSlide * 100 + '%)'"},prevButton:{"x-on:click":"stopAutoplay(); prevSlide();"},nextButton:{"x-on:click":"stopAutoplay(); nextSlide();"},sliderNav:{":class":`currentSlide === ${l==null?void 0:l.slide} ? '${l==null?void 0:l.activeDotClassName}' : '${l==null?void 0:l.className}'`,"x-on:click":`stopAutoplay(); updateCurrentSlide(${l==null?void 0:l.slide});`}})[e]||{},Qe=e=>{const{blockProps:l,styles:r,children:s,slider:o}=e;return!(o!=null&&o.showSlideButton)&&typeof(o==null?void 0:o.showSlideButton)=="boolean"?null:i.jsx("div",{...l,...r,...v("prevButton"),children:s})};t.registerChaiBlock(Qe,{type:"SlidePreviousButton",label:"Slide Previous",group:"basic",category:"core",icon:S.PanelRightOpen,canDelete:()=>!1,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("h-max w-max absolute left-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"),slider:t.closestBlockProp("Slider","slider")}})});const et=e=>{const{blockProps:l,styles:r,children:s,slider:o}=e;return!(o!=null&&o.showSlideButton)&&typeof(o==null?void 0:o.showSlideButton)=="boolean"?null:i.jsx("div",{...l,...r,...v("nextButton"),children:s})};t.registerChaiBlock(et,{type:"SlideNextButton",label:"Slide Next",group:"basic",category:"core",icon:S.PanelRightClose,canDelete:()=>!1,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("h-max w-max absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"),slider:t.closestBlockProp("Slider","slider")}})});const tt=e=>{var a,d,c,p,g;const{blockProps:l,styles:r,children:s=null,inBuilder:o,slider:n}=e;if(o){const h=((d=(a=e==null?void 0:e.children)==null?void 0:a.props)==null?void 0:d.allBlocks)||((p=(c=e==null?void 0:e.children)==null?void 0:c.props)==null?void 0:p.blocks)||[],u=n==null?void 0:n.currentSlide,f=(g=h==null?void 0:h.filter(B=>(B==null?void 0:B._parent)===(e==null?void 0:e._id)))==null?void 0:g.findIndex(B=>(B==null?void 0:B._id)===u);return i.jsx("div",{...l,...r,style:{transform:`translateX(-${Math.max(0,f)*100}%)`},children:s||i.jsx("div",{className:"h-full p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})}return i.jsx("div",{...l,...r,...v("slides"),children:s||i.jsx("div",{className:"h-full p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})};t.registerChaiBlock(tt,{type:"Slides",label:"Slides",group:"basic",category:"core",icon:S.AlignHorizontalJustifyStart,canDelete:()=>!1,canAcceptBlock:e=>e==="Slide",canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{slider:t.closestBlockProp("Slider","slider"),styles:t.StylesProp("h-full flex transition-transform duration-500 ease-in-out")}})});const lt=e=>{const{blockProps:l,styles:r,children:s=null}=e;return i.jsx("div",{...l,...r,children:s||i.jsxs("div",{className:"flex h-full min-w-full items-center justify-center",children:["Slide ",(e==null?void 0:e.index)+1]})})};t.registerChaiBlock(lt,{type:"Slide",label:"Slide",group:"basic",category:"core",icon:S.AppWindowIcon,canDelete:()=>!0,canAcceptBlock:()=>!0,canBeNested:e=>e==="Slides",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("min-w-full h-full")}})});const rt=e=>{var u,f,B,L;const{blockProps:l,styles:r,dotStyles:s,activeDotStyles:o,slider:n,inBuilder:a,children:d}=e;if(!(n!=null&&n.showSlideNavbar)&&typeof(n==null?void 0:n.showSlideNavbar)=="boolean")return null;const c=((f=(u=e==null?void 0:e.children)==null?void 0:u.props)==null?void 0:f.allBlocks)||((L=(B=e==null?void 0:e.children)==null?void 0:B.props)==null?void 0:L.blocks)||[],p=c==null?void 0:c.find(b=>(b==null?void 0:b._id)===(e==null?void 0:e._id)),g=c==null?void 0:c.find(b=>(b==null?void 0:b._parent)===(p==null?void 0:p._parent)&&(b==null?void 0:b._type)==="Slides"),h=c==null?void 0:c.filter(b=>(b==null?void 0:b._parent)===(g==null?void 0:g._id));return a?i.jsx("div",{...l,...r,children:h==null?void 0:h.map((b,P)=>i.jsx("div",{...s,...n!=null&&n.currentSlide?(b==null?void 0:b._id)===(n==null?void 0:n.currentSlide)?o:{}:P===0?o:{},children:d}))}):i.jsx("div",{...l,...r,children:h==null?void 0:h.map((b,P)=>i.jsx("div",{...v("sliderNav",{slide:P,className:s==null?void 0:s.className,activeDotClassName:(o==null?void 0:o.className)??""})},b==null?void 0:b._id))})};t.registerChaiBlock(rt,{type:"SliderNav",label:"Slider Navigation",group:"basic",category:"core",icon:S.PanelRightOpen,canDelete:()=>!1,canAcceptBlock:()=>!1,canBeNested:e=>e==="Slider",...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("w-full absolute left-0 bottom-0 flex items-center justify-center gap-x-2 p-2"),dotStyles:t.StylesProp("w-4 h-4 border border-gray-500 rounded-full cursor-pointer"),activeDotStyles:t.StylesProp("w-4 h-4 rounded-full bg-blue-500"),slider:t.closestBlockProp("Slider","slider")}})});const ot=()=>null;t.registerChaiBlock(ot,{type:"SliderNavItem",label:"Slider Nav Item",group:"basic",category:"core",hidden:!0,icon:S.PanelRightOpen,canDelete:()=>!1,canDuplicate:()=>!1,canAcceptBlock:()=>!1,canBeNested:e=>e==="SliderNav",...t.registerChaiBlockSchema({properties:{}})});const st=e=>{var c,p,g,h,u;const{blockProps:l,styles:r,children:s=null}=e,o=((p=(c=e==null?void 0:e.children)==null?void 0:c.props)==null?void 0:p.allBlocks)||((h=(g=e==null?void 0:e.children)==null?void 0:g.props)==null?void 0:h.blocks)||[],n=o==null?void 0:o.find(f=>(f==null?void 0:f._parent)===(e==null?void 0:e._id)&&(f==null?void 0:f._type)==="Slides"),d={totalSlides:((u=o==null?void 0:o.filter(f=>(f==null?void 0:f._parent)===(n==null?void 0:n._id)))==null?void 0:u.length)||0,...typeof e.slider=="object"?e.slider:{}};return i.jsx("div",{...l,...r,...v("slider",d),children:s||i.jsx("div",{className:"h-[60vh] p-2",children:i.jsx("div",{className:"h-full border-2 border-dashed"})})})},it={type:"Slider",label:"Slider",category:"core",icon:S.UnfoldHorizontal,group:"basic",wrapper:!0,blocks:()=>[{_type:"Slider",_id:"slider"},{_type:"Slides",_id:"slider-slides",_parent:"slider"},{_type:"Slide",_id:"slider-slides-slide-1",_parent:"slider-slides"},{_type:"Slide",_id:"slider-slides-slide-2",_parent:"slider-slides"},{_type:"Slide",_id:"slider-slides-slide-3",_parent:"slider-slides"},{_type:"SlidePreviousButton",_parent:"slider",_id:"slider-left-arrow"},{_type:"Icon",_id:"slider-left-arrow-content",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 320 512"><path d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/></svg>',_parent:"slider-left-arrow"},{_type:"SlideNextButton",_parent:"slider",_id:"slider-right-arrow"},{_type:"Icon",_id:"slider-right-arrow-content",icon:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>',_parent:"slider-right-arrow"},{_type:"SliderNav",_parent:"slider",_id:"slider-nav"},{_type:"SliderNavItem",_parent:"slider-nav",_id:"slider-nav-item"}],...t.registerChaiBlockSchema({properties:{styles:t.StylesProp("w-full h-[60vh] relative overflow-x-hidden"),slider:t.runtimeProp({type:"object",properties:{},default:{currentSlide:null,autoplay:!1,autoplayInterval:2,showSlideButton:!0,showSlideNavbar:!0},ui:{"ui:field":"slider"}})}})},nt=()=>{t.registerChaiBlock(E,T),t.registerChaiBlock(q,U),t.registerChaiBlock(A,R),t.registerChaiBlock(F,O),t.registerChaiBlock(G,V),t.registerChaiBlock(Y,Z),t.registerChaiBlock(W,X),t.registerChaiBlock(ye,he),t.registerChaiBlock(pe,ge),t.registerChaiBlock(me,fe),t.registerChaiBlock(be,ke),t.registerChaiBlock(ae,ce),t.registerChaiBlock(de,ue),t.registerChaiBlock(we,Ce),t.registerChaiBlock(z,H),t.registerChaiBlock(K,Q),t.registerChaiBlock(xe,Se),t.registerChaiBlock(Ne,Me),t.registerChaiBlock(De,$e),t.registerChaiBlock(Ee,Te),t.registerChaiBlock(je,Le),t.registerChaiBlock(ze,He),t.registerChaiBlock(qe,Ue),t.registerChaiBlock(Fe,Oe),t.registerChaiBlock(Ae,Re),t.registerChaiBlock(We,Xe),t.registerChaiBlock(Ge,Ve),t.registerChaiBlock(oe,se),t.registerChaiBlock(ee,re),t.registerChaiBlock(ie,ne),t.registerChaiBlock(_e,Ie),t.registerChaiBlock(Je,Ke),t.registerChaiBlock(Ye,Ze),t.registerChaiBlock(st,it)};exports.loadWebBlocks=nt;
|
package/dist/web-blocks.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { registerChaiBlockSchema as p, StylesProp as d, registerChaiBlock as u, closestBlockProp as _, stylesProp as $, runtimeProp as
|
|
1
|
+
import { registerChaiBlockSchema as p, StylesProp as d, registerChaiBlock as u, closestBlockProp as _, stylesProp as $, runtimeProp as F } from "@chaibuilder/runtime";
|
|
2
2
|
import { jsx as i, jsxs as k, Fragment as W } from "react/jsx-runtime";
|
|
3
3
|
import * as w from "react";
|
|
4
4
|
import { createElement as I } from "react";
|
|
5
5
|
import { c as P, G as X, g as C } from "./iconBase-DHfFLkem.js";
|
|
6
|
-
import { ButtonIcon as
|
|
6
|
+
import { ButtonIcon as q, CodeIcon as Y, HeadingIcon as Z, TextIcon as J, CursorTextIcon as K, MoonIcon as G, SunIcon as Q, DividerHorizontalIcon as ee, SketchLogoIcon as te, ImageIcon as U, Link1Icon as le, RowsIcon as re, ColumnsIcon as ne, SpaceBetweenVerticallyIcon as oe, VideoIcon as ie, DropdownMenuIcon as O, CheckboxIcon as ae, InputIcon as V, LetterCaseToggleIcon as se, RadiobuttonIcon as ce } from "@radix-ui/react-icons";
|
|
7
7
|
import { isEmpty as S, get as v, isNull as de, pick as ue, omit as pe, map as R } from "lodash-es";
|
|
8
8
|
import { GlobeIcon as ye, GroupIcon as ge, Columns as me, Rows as he, PanelRightOpen as D, PanelRightClose as fe, AlignHorizontalJustifyStart as be, AppWindowIcon as we, UnfoldHorizontal as ke } from "lucide-react";
|
|
9
9
|
const B = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div", { className: P("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ i("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700" }) }) }) : null, ve = (e) => {
|
|
@@ -79,7 +79,7 @@ const B = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
|
|
|
79
79
|
type: "Button",
|
|
80
80
|
label: "Button",
|
|
81
81
|
category: "core",
|
|
82
|
-
icon:
|
|
82
|
+
icon: q,
|
|
83
83
|
group: "basic",
|
|
84
84
|
...p({
|
|
85
85
|
properties: {
|
|
@@ -315,8 +315,8 @@ const ze = (e) => {
|
|
|
315
315
|
}, je = (e) => /* @__PURE__ */ k("div", { ...e.blockProps, ...e.styles, children: [
|
|
316
316
|
e.mode,
|
|
317
317
|
e.children
|
|
318
|
-
] }),
|
|
319
|
-
u(
|
|
318
|
+
] }), Fe = (e) => e.mode === "dark" ? null : /* @__PURE__ */ i("button", { "aria-label": "dark mode button", ...e.blockProps, ...e.styles, children: e.children });
|
|
319
|
+
u(Fe, {
|
|
320
320
|
type: "DarkModeButton",
|
|
321
321
|
label: "Dark Mode Button",
|
|
322
322
|
category: "core",
|
|
@@ -330,8 +330,8 @@ u(qe, {
|
|
|
330
330
|
}
|
|
331
331
|
})
|
|
332
332
|
});
|
|
333
|
-
const
|
|
334
|
-
u(
|
|
333
|
+
const qe = (e) => e.mode === "light" ? null : /* @__PURE__ */ i("button", { "aria-label": "light mode button", ...e.blockProps, ...e.styles, children: e.children });
|
|
334
|
+
u(qe, {
|
|
335
335
|
type: "LightModeButton",
|
|
336
336
|
label: "Light Mode Button",
|
|
337
337
|
category: "core",
|
|
@@ -982,7 +982,7 @@ const yt = (e) => {
|
|
|
982
982
|
wrapper: !0,
|
|
983
983
|
...p({
|
|
984
984
|
properties: {
|
|
985
|
-
showDropdown:
|
|
985
|
+
showDropdown: F({
|
|
986
986
|
type: "boolean",
|
|
987
987
|
title: "Show Dropdown",
|
|
988
988
|
default: !1
|
|
@@ -1027,6 +1027,11 @@ const yt = (e) => {
|
|
|
1027
1027
|
properties: {
|
|
1028
1028
|
styles: d("flex items-center gap-x-2"),
|
|
1029
1029
|
inputStyles: d(""),
|
|
1030
|
+
fieldName: {
|
|
1031
|
+
type: "string",
|
|
1032
|
+
title: "Field Name",
|
|
1033
|
+
default: "fieldName"
|
|
1034
|
+
},
|
|
1030
1035
|
label: {
|
|
1031
1036
|
type: "string",
|
|
1032
1037
|
title: "Label",
|
|
@@ -1148,7 +1153,7 @@ const yt = (e) => {
|
|
|
1148
1153
|
type: "FormButton",
|
|
1149
1154
|
label: "Submit Button",
|
|
1150
1155
|
category: "core",
|
|
1151
|
-
icon:
|
|
1156
|
+
icon: q,
|
|
1152
1157
|
group: "form",
|
|
1153
1158
|
...p({
|
|
1154
1159
|
properties: {
|
|
@@ -1222,6 +1227,11 @@ const yt = (e) => {
|
|
|
1222
1227
|
properties: {
|
|
1223
1228
|
styles: d(""),
|
|
1224
1229
|
inputStyles: d("w-full p-1"),
|
|
1230
|
+
fieldName: {
|
|
1231
|
+
type: "string",
|
|
1232
|
+
title: "Field Name",
|
|
1233
|
+
default: "fieldName"
|
|
1234
|
+
},
|
|
1225
1235
|
showLabel: {
|
|
1226
1236
|
type: "boolean",
|
|
1227
1237
|
title: "Show Label",
|
|
@@ -1319,6 +1329,11 @@ const yt = (e) => {
|
|
|
1319
1329
|
properties: {
|
|
1320
1330
|
styles: d("flex items-center gap-x-2"),
|
|
1321
1331
|
inputStyles: d(""),
|
|
1332
|
+
fieldName: {
|
|
1333
|
+
type: "string",
|
|
1334
|
+
title: "Field Name",
|
|
1335
|
+
default: "fieldName"
|
|
1336
|
+
},
|
|
1322
1337
|
label: {
|
|
1323
1338
|
type: "string",
|
|
1324
1339
|
title: "Label",
|
|
@@ -1365,6 +1380,11 @@ const yt = (e) => {
|
|
|
1365
1380
|
properties: {
|
|
1366
1381
|
styles: d(""),
|
|
1367
1382
|
inputStyles: d("w-full p-1"),
|
|
1383
|
+
fieldName: {
|
|
1384
|
+
type: "string",
|
|
1385
|
+
title: "Field Name",
|
|
1386
|
+
default: "fieldName"
|
|
1387
|
+
},
|
|
1368
1388
|
showLabel: {
|
|
1369
1389
|
type: "boolean",
|
|
1370
1390
|
title: "Show Label",
|
|
@@ -1439,6 +1459,11 @@ const yt = (e) => {
|
|
|
1439
1459
|
group: "form",
|
|
1440
1460
|
...p({
|
|
1441
1461
|
properties: {
|
|
1462
|
+
fieldName: {
|
|
1463
|
+
type: "string",
|
|
1464
|
+
title: "Field Name",
|
|
1465
|
+
default: "fieldName"
|
|
1466
|
+
},
|
|
1442
1467
|
styles: d(""),
|
|
1443
1468
|
inputStyles: d("w-full p-1"),
|
|
1444
1469
|
showLabel: {
|
|
@@ -1740,7 +1765,7 @@ u(jt, {
|
|
|
1740
1765
|
}
|
|
1741
1766
|
})
|
|
1742
1767
|
});
|
|
1743
|
-
const
|
|
1768
|
+
const Ft = (e) => {
|
|
1744
1769
|
var a, c, s, g, m;
|
|
1745
1770
|
const { blockProps: t, styles: l, children: n = null, inBuilder: r, slider: o } = e;
|
|
1746
1771
|
if (r) {
|
|
@@ -1749,7 +1774,7 @@ const qt = (e) => {
|
|
|
1749
1774
|
}
|
|
1750
1775
|
return /* @__PURE__ */ i("div", { ...t, ...l, ...L("slides"), children: n || /* @__PURE__ */ i("div", { className: "h-full p-2", children: /* @__PURE__ */ i("div", { className: "h-full border-2 border-dashed" }) }) });
|
|
1751
1776
|
};
|
|
1752
|
-
u(
|
|
1777
|
+
u(Ft, {
|
|
1753
1778
|
type: "Slides",
|
|
1754
1779
|
label: "Slides",
|
|
1755
1780
|
group: "basic",
|
|
@@ -1765,14 +1790,14 @@ u(qt, {
|
|
|
1765
1790
|
}
|
|
1766
1791
|
})
|
|
1767
1792
|
});
|
|
1768
|
-
const
|
|
1793
|
+
const qt = (e) => {
|
|
1769
1794
|
const { blockProps: t, styles: l, children: n = null } = e;
|
|
1770
1795
|
return /* @__PURE__ */ i("div", { ...t, ...l, children: n || /* @__PURE__ */ k("div", { className: "flex h-full min-w-full items-center justify-center", children: [
|
|
1771
1796
|
"Slide ",
|
|
1772
1797
|
(e == null ? void 0 : e.index) + 1
|
|
1773
1798
|
] }) });
|
|
1774
1799
|
};
|
|
1775
|
-
u(
|
|
1800
|
+
u(qt, {
|
|
1776
1801
|
type: "Slide",
|
|
1777
1802
|
label: "Slide",
|
|
1778
1803
|
group: "basic",
|
|
@@ -1920,7 +1945,7 @@ const Ot = (e) => {
|
|
|
1920
1945
|
...p({
|
|
1921
1946
|
properties: {
|
|
1922
1947
|
styles: d("w-full h-[60vh] relative overflow-x-hidden"),
|
|
1923
|
-
slider:
|
|
1948
|
+
slider: F({
|
|
1924
1949
|
type: "object",
|
|
1925
1950
|
properties: {},
|
|
1926
1951
|
default: {
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"author": "Suraj Air",
|
|
6
6
|
"license": "BSD-3-Clause",
|
|
7
7
|
"homepage": "https://chaibuilder.com",
|
|
8
|
-
"version": "2.0.0-beta.
|
|
8
|
+
"version": "2.0.0-beta.68",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
|
@@ -16,19 +16,6 @@
|
|
|
16
16
|
],
|
|
17
17
|
"main": "dist/core.js",
|
|
18
18
|
"sideEffects": false,
|
|
19
|
-
"scripts": {
|
|
20
|
-
"dev": "vite",
|
|
21
|
-
"build": "tsc && vite build",
|
|
22
|
-
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
23
|
-
"preview": "vite preview",
|
|
24
|
-
"test": "vitest --run",
|
|
25
|
-
"test:watch": "vitest --watch",
|
|
26
|
-
"test:coverage": "vitest --coverage",
|
|
27
|
-
"e2e": "playwright test",
|
|
28
|
-
"e2e:report": "playwright show-report",
|
|
29
|
-
"e2e:ui": "playwright test --ui",
|
|
30
|
-
"prepare": "husky"
|
|
31
|
-
},
|
|
32
19
|
"exports": {
|
|
33
20
|
".": {
|
|
34
21
|
"types": "./dist/core.d.ts",
|
|
@@ -190,5 +177,18 @@
|
|
|
190
177
|
},
|
|
191
178
|
"engines": {
|
|
192
179
|
"node": "^20.18.0"
|
|
180
|
+
},
|
|
181
|
+
"scripts": {
|
|
182
|
+
"dev": "vite",
|
|
183
|
+
"build": "tsc && vite build",
|
|
184
|
+
"live": "tsc && vite build --config vite.config.live.ts",
|
|
185
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
186
|
+
"preview": "vite preview",
|
|
187
|
+
"test": "vitest --run",
|
|
188
|
+
"test:watch": "vitest --watch",
|
|
189
|
+
"test:coverage": "vitest --coverage",
|
|
190
|
+
"e2e": "playwright test",
|
|
191
|
+
"e2e:report": "playwright show-report",
|
|
192
|
+
"e2e:ui": "playwright test --ui"
|
|
193
193
|
}
|
|
194
|
-
}
|
|
194
|
+
}
|