(()=>{"use strict";const e=window.wp.blocks,t=window.wp.i18n,n=window.wp.blockEditor,a=window.wp.components,l=window.React,r=function(e){var a=e.attributes,r=e.setAttributes,i=a.label,c=a.hide_label,o=a.required,u=a.instructions,s=function(){return Math.random().toString(36).substring(2,10)};return(0,l.useEffect)((function(){if(!(!1 in a)){a.field_key||r({field_key:s()});var e=a.field_key;if(Array.from(document.querySelectorAll(".fea-field-key")).filter((function(t){return t.textContent===e})).length>1){var t=s();r({field_key:t})}}}),[]),React.createElement("div",{className:"acf-field"},React.createElement("span",{hidden:!0,className:"fea-field-key"},a.field_key),React.createElement("div",{className:"acf-label"},React.createElement("label",null,!c&&React.createElement(n.RichText,{tagName:"span",onChange:function(e){return r({label:e})},withoutInteractiveFormatting:!0,placeholder:(0,t.__)("Text Field","acf-frontend-form-element"),value:i}),o&&React.createElement("span",{className:"acf-required"},"*"))),React.createElement("div",{className:"acf-input"},u&&React.createElement(n.RichText,{tagName:"p",className:"description",onChange:function(e){return r({instructions:e})},withoutInteractiveFormatting:!0,value:u}),React.createElement("div",{className:"acf-input-wrap",style:{display:"flex",width:"100%"}},e.children)))};var i="acf-frontend-form-element";const c=function(e){var l=e.attributes,r=e.setAttributes,c=l.label,o=l.hide_label,u=l.required,s=l.instructions,d=function(e){return e.toLowerCase().replace(/[^a-z0-9 _]/g,"").replace(/\s+/g,"_")};return React.createElement(n.InspectorControls,{field_key:"fea-inspector-controls"},React.createElement(a.PanelBody,{title:(0,t.__)("General",i),initialOpen:!0},React.createElement(a.TextControl,{label:(0,t.__)("Label",i),value:c,onChange:function(e){return r({label:e})}}),React.createElement(a.ToggleControl,{label:(0,t.__)("Hide Label",i),checked:o,onChange:function(e){return r({hide_label:e})}}),"name"in l&&React.createElement(a.TextControl,{label:(0,t.__)("Name",i),value:l.name||d(c),onChange:function(e){return r({name:d(e)})}}),"field_key"in l&&React.createElement(a.TextControl,{label:(0,t.__)("Field Key",i),value:l.field_key,readOnly:!0,onChange:function(e){}}),React.createElement(a.TextareaControl,{label:(0,t.__)("Instructions",i),rows:"3",value:s,onChange:function(e){return r({instructions:e})}}),React.createElement(a.ToggleControl,{label:(0,t.__)("Required",i),checked:u,onChange:function(e){return r({required:e})}}),e.children))},o=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"frontend-admin/color-field","title":"Color Field","description":"Displays a color field.","category":"frontend-admin","textdomain":"frontend-admin","icon":"list-view","supports":{"align":["wide"]},"attributes":{"name":{"type":"string","default":""},"label":{"type":"string","default":"Text Field"},"hide_label":{"type":"boolean","default":""},"required":{"type":"boolean","default":""},"default_value":{"type":"string","default":""},"instructions":{"type":"string","default":""}},"editorScript":"file:../../color/index.js"}');(0,e.registerBlockType)(o,{edit:function(e){var l=e.attributes,i=e.setAttributes,o=l.default_value,u=(0,n.useBlockProps)();return React.createElement("div",u,React.createElement(c,e,React.createElement(a.TextControl,{type:"color",label:(0,t.__)("Default Value","acf-frontend-form-element"),value:o,onChange:function(e){return i({default_value:e})}})),React.createElement(r,e,React.createElement("input",{type:"color",value:o,onChange:function(e){i({default_value:e.target.value})}})))},save:function(){return null}})})();