FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
cf7-styler
/
build
Edit File: index.js
(()=>{"use strict";var e,t={212:()=>{const e=window.wp.blocks,t=window.wp.i18n,o=window.wp.blockEditor,l=window.wp.components,n=window.wp.element,a=window.wp.primitives,s=window.ReactJSXRuntime,i=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"})}),r=(0,s.jsx)(a.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)(a.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 0 1-6.5 6.5v-13a6.5 6.5 0 0 1 6.5 6.5Z"})}),d=(0,n.memo)((({attributes:e,setAttributes:o})=>(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{children:(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("General","cozy-addons"),children:[(0,s.jsx)(l.TextareaControl,{label:(0,t.__)("Add shortcode","cozy-addons"),value:e.shortcode,onChange:t=>o({...e,shortcode:t})}),(0,s.jsx)("div",{style:{maxWidth:"40%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Element gap","cozy-addons"),value:e.gap,onChange:t=>o({...e,gap:t}),__next40pxDefaultSize:!0})})]})})},"cozy-block-setting")}))),c=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M5 11.25h14v1.5H5z"})}),y=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})}),x=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})}),_=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"})}),p=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"})}),h=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"})}),g=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),S=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),b=(0,s.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,s.jsx)(a.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),u=window.wp.data,m=[{label:(0,t.__)("Thin","cozy-addons"),value:"100"},{label:(0,t.__)("Extra Light","cozy-addons"),value:"200"},{label:(0,t.__)("Light","cozy-addons"),value:"300"},{label:(0,t.__)("Normal","cozy-addons"),value:"400"},{label:(0,t.__)("Medium","cozy-addons"),value:"500"},{label:(0,t.__)("Semi Bold","cozy-addons"),value:"600"},{label:(0,t.__)("Bold","cozy-addons"),value:"700"},{label:(0,t.__)("Extra Bold","cozy-addons"),value:"800"},{label:(0,t.__)("Black","cozy-addons"),value:"900"}],z=(0,n.memo)((({attributes:e,setAttributes:a})=>{const i=function(){let e=[{label:"Default",value:""}];if("object"==typeof cozyBlockAssets.googleFonts)for(let t in cozyBlockAssets.googleFonts)e.push({label:cozyBlockAssets.googleFonts[t],value:t});return e}(),r=(0,u.select)("core/editor").getEditorSettings().colors,[d,z]=(0,n.useState)(null);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"has-light-border-top",style:{padding:"6px 18px 16px"},children:[(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control border-none",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.color.text,onChange:t=>a({...e,color:{...e.color,text:t}})},{label:(0,t.__)("Background","cozy-addons"),value:e.color.bg,onChange:t=>a({...e,color:{...e.color,bg:t}})}]}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.font.family,onChange:t=>a({...e,font:{...e.font,family:t}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.font.size,onChange:t=>a({...e,font:{...e.font,size:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.font.weight,onChange:t=>a({...e,font:{...e.font,weight:t}}),__next40pxDefaultSize:!0})})]})]}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Spacing","cozy-addons"),opened:"spacing"===d,onToggle:()=>z("spacing"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.padding,onChange:t=>a({...e,padding:t})})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Top","cozy-addons"),value:e.margin.top,onChange:t=>a({...e,margin:{...e.margin,top:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Bottom","cozy-addons"),value:e.margin.bottom,onChange:t=>a({...e,margin:{...e.margin,bottom:t}}),__next40pxDefaultSize:!0})})]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Border & Radius","cozy-addons"),opened:"border-and-radius"===d,onToggle:()=>z("border-and-radius"),children:[(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,colors:r,label:(0,t.__)("Border","cozy-addons"),value:e.border,onChange:t=>a({...e,border:t})}),(0,s.jsx)("div",{className:"cozy-box-control",style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Border Radius","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.radius,onChange:t=>a({...e,radius:t})})}),(0,s.jsx)(l.ToggleControl,{label:(0,t.__)("Enable Box Shadow","cozy-addons"),checked:e.shadow.enabled,onChange:t=>a({...e,shadow:{...e.shadow,enabled:t}})}),e.shadow.enabled&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Position","cozy-addons"),value:e.shadow.position,onChange:t=>a({...e,shadow:{...e.shadow,position:t}}),isBlock:!0,__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Inset","cozy-addons"),value:"inset"}),(0,s.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Outline","cozy-addons"),value:""})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{marginTop:"16px"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Horizontal","cozy-addons"),value:e.shadow.horizontal,onChange:t=>a({...e,shadow:{...e.shadow,horizontal:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Vertical","cozy-addons"),value:e.shadow.vertical,onChange:t=>a({...e,shadow:{...e.shadow,vertical:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Blur","cozy-addons"),min:0,value:e.shadow.blur,onChange:t=>a({...e,shadow:{...e.shadow,blur:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Spread","cozy-addons"),value:e.shadow.spread,onChange:t=>a({...e,shadow:{...e.shadow,spread:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(l.ColorPalette,{title:(0,t.__)("Shadow Color","cozy-addons"),enableAlpha:!0,colors:r,value:e.shadow.color,onChange:t=>a({...e,shadow:{...e.shadow,color:t}})})]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Label Styles","cozy-addons"),opened:"label-styles"===d,onToggle:()=>z("label-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.label.padding,onChange:t=>a({...e,label:{...e.label,padding:t}})})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.label.font.family,onChange:t=>a({...e,label:{...e.label,font:{...e.label.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),min:0,value:e.label.font.size,onChange:t=>a({...e,label:{...e.label,font:{...e.label.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.label.font.weight,onChange:t=>a({...e,label:{...e.label,font:{...e.label.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.label.letterCase,onChange:t=>a({...e,label:{...e.label,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.label.decoration,onChange:t=>a({...e,label:{...e.label,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.label.lineHeight,onChange:t=>a({...e,label:{...e.label,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.label.letterSpacing,onChange:t=>a({...e,label:{...e.label,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.label.color.text,onChange:t=>a({...e,label:{...e.label,color:{...e.label.color,text:t}}})},{label:(0,t.__)("Background","cozy-addons"),value:e.label.color.bg,onChange:t=>a({...e,label:{...e.label,color:{...e.label.color,bg:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Text Styles"),opened:"text-styles"===d,onToggle:()=>z("text-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.textStyles.padding,onChange:t=>a({...e,textStyles:{...e.textStyles,padding:t}})})}),(0,s.jsx)("div",{style:{maxWidth:"50%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Textarea Height","cozy-addons"),value:e.textStyles.textareaHeight,onChange:t=>a({...e,textStyles:{...e.textStyles,textareaHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(l.TabPanel,{className:"cozy-tab-panel",tabs:[{title:(0,t.__)("Default","cozy-addons"),name:"cozy-tab__one"},{title:(0,t.__)("Focus","cozy-addons"),name:"cozy-tab__two"}],activeClass:"active-tab",children:o=>(0,s.jsxs)("div",{className:"has-light-border-bottom",children:["cozy-tab__one"===o.name&&(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border (Default)","cozy-addons"),colors:r,value:e.textStyles.border,onChange:t=>a({...e,textStyles:{...e.textStyles,border:t}})})}),"cozy-tab__two"===o.name&&(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border (Focus)","cozy-addons"),colors:r,value:e.textStyles.borderFocus,onChange:t=>a({...e,textStyles:{...e.textStyles,borderFocus:t}})})})]})}),(0,s.jsx)("div",{style:{maxWidth:"40%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Border Radius","cozy-addons"),value:e.textStyles.radius,onChange:t=>a({...e,textStyles:{...e.textStyles,radius:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.textStyles.font.family,onChange:t=>a({...e,textStyles:{...e.textStyles,font:{...e.textStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.textStyles.font.size,onChange:t=>a({...e,textStyles:{...e.textStyles,font:{...e.textStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.textStyles.font.weight,onChange:t=>a({...e,textStyles:{...e.textStyles,font:{...e.textStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.textStyles.letterCase,onChange:t=>a({...e,textStyles:{...e.textStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.textStyles.decoration,onChange:t=>a({...e,textStyles:{...e.textStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.textStyles.lineHeight,onChange:t=>a({...e,textStyles:{...e.textStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.textStyles.letterSpacing,onChange:t=>a({...e,textStyles:{...e.textStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.textStyles.color.text,onChange:t=>a({...e,textStyles:{...e.textStyles,color:{...e.textStyles.color,text:t}}})},{label:(0,t.__)("Text (Focus)","cozy-addons"),value:e.textStyles.color.textFocus,onChange:t=>a({...e,textStyles:{...e.textStyles,color:{...e.textStyles.color,textFocus:t}}})},{label:(0,t.__)("Background","cozy-addons"),value:e.textStyles.color.bg,onChange:t=>a({...e,textStyles:{...e.textStyles,color:{...e.textStyles.color,bg:t}}})},{label:(0,t.__)("Background (Focus)","cozy-addons"),value:e.textStyles.color.bgFocus,onChange:t=>a({...e,textStyles:{...e.textStyles,color:{...e.textStyles.color,bgFocus:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Date Styles","cozy-addons"),opened:"date-styles"===d,onToggle:()=>z("date-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.dateStyles.padding,onChange:t=>a({...e,dateStyles:{...e.dateStyles,padding:t}})})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Top","cozy-addons"),value:e.dateStyles.margin.top,onChange:t=>a({...e,dateStyles:{...e.dateStyles,margin:{...e.dateStyles.margin,top:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Bottom","cozy-addons"),value:e.dateStyles.margin.bottom,onChange:t=>a({...e,dateStyles:{...e.dateStyles,margin:{...e.dateStyles.margin,bottom:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border","cozy-addons"),colors:r,value:e.dateStyles.border,onChange:t=>a({...e,dateStyles:{...e.dateStyles,border:t}})})}),(0,s.jsx)("div",{style:{maxWidth:"40%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Border Radius","cozy-addons"),value:e.dateStyles.radius,onChange:t=>a({...e,dateStyles:{...e.dateStyles,radius:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.dateStyles.font.family,onChange:t=>a({...e,dateStyles:{...e.dateStyles,font:{...e.dateStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.dateStyles.font.size,onChange:t=>a({...e,dateStyles:{...e.dateStyles,font:{...e.dateStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.dateStyles.font.weight,onChange:t=>a({...e,dateStyles:{...e.dateStyles,font:{...e.dateStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.dateStyles.letterCase,onChange:t=>a({...e,dateStyles:{...e.dateStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.dateStyles.decoration,onChange:t=>a({...e,dateStyles:{...e.dateStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.dateStyles.lineHeight,onChange:t=>a({...e,dateStyles:{...e.dateStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.dateStyles.letterSpacing,onChange:t=>a({...e,dateStyles:{...e.dateStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.dateStyles.color.text,onChange:t=>a({...e,dateStyles:{...e.dateStyles,color:{...e.dateStyles.color,text:t}}})},{label:(0,t.__)("Background","cozy-addons"),value:e.dateStyles.color.bg,onChange:t=>a({...e,dateStyles:{...e.dateStyles,color:{...e.dateStyles.color,bg:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Dropdown Styles","cozy-addons"),opened:"dropdown-styles"===d,onToggle:()=>z("dropdown-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.dropdownStyles.padding,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,padding:t}})})}),(0,s.jsx)("div",{style:{maxWidth:"40%",marginTop:"16px"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Width","cozy-addons"),value:e.dropdownStyles.width,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,width:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border","cozy-addons"),colors:r,value:e.dropdownStyles.border,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,border:t}})})}),(0,s.jsx)("div",{style:{maxWidth:"40%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Border Radius","cozy-addons"),value:e.dropdownStyles.radius,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,radius:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.dropdownStyles.font.family,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,font:{...e.dropdownStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.dropdownStyles.font.size,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,font:{...e.dropdownStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.dropdownStyles.font.weight,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,font:{...e.dropdownStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.dropdownStyles.letterCase,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.dropdownStyles.decoration,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.dropdownStyles.lineHeight,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.dropdownStyles.letterSpacing,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.dropdownStyles.color.text,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,color:{...e.dropdownStyles.color,text:t}}})},{label:(0,t.__)("Background","cozy-addons"),value:e.dropdownStyles.color.bg,onChange:t=>a({...e,dropdownStyles:{...e.dropdownStyles,color:{...e.dropdownStyles.color,bg:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Checkbox Styles","cozy-addons"),opened:"checkbox-styles"===d,onToggle:()=>z("checkbox-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.checkboxStyles.padding,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,padding:t}})})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Size","cozy-addons"),value:e.checkboxStyles.size,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,size:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Item Gap","cozy-addons"),value:e.checkboxStyles.itemGap,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,itemGap:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.checkboxStyles.font.family,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,font:{...e.checkboxStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.checkboxStyles.font.size,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,font:{...e.checkboxStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.checkboxStyles.font.weight,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,font:{...e.checkboxStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.checkboxStyles.letterCase,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.checkboxStyles.decoration,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.checkboxStyles.lineHeight,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.checkboxStyles.letterSpacing,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.checkboxStyles.color.text,onChange:t=>a({...e,checkboxStyles:{...e.checkboxStyles,color:{...e.checkboxStyles.color,text:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Radio Styles","cozy-addons"),opened:"radio-styles"===d,onToggle:()=>z("radio-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.radioStyles.padding,onChange:t=>a({...e,radioStyles:{...e.radioStyles,padding:t}})})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Size","cozy-addons"),value:e.radioStyles.size,onChange:t=>a({...e,radioStyles:{...e.radioStyles,size:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Item Gap","cozy-addons"),value:e.radioStyles.itemGap,onChange:t=>a({...e,radioStyles:{...e.radioStyles,itemGap:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.radioStyles.font.family,onChange:t=>a({...e,radioStyles:{...e.radioStyles,font:{...e.radioStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.radioStyles.font.size,onChange:t=>a({...e,radioStyles:{...e.radioStyles,font:{...e.radioStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.radioStyles.font.weight,onChange:t=>a({...e,radioStyles:{...e.radioStyles,font:{...e.radioStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.radioStyles.letterCase,onChange:t=>a({...e,radioStyles:{...e.radioStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.radioStyles.decoration,onChange:t=>a({...e,radioStyles:{...e.radioStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.radioStyles.lineHeight,onChange:t=>a({...e,radioStyles:{...e.radioStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.radioStyles.letterSpacing,onChange:t=>a({...e,radioStyles:{...e.radioStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.radioStyles.color.text,onChange:t=>a({...e,radioStyles:{...e.radioStyles,color:{...e.radioStyles.color,text:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input Acceptance Styles","cozy-addons"),opened:"acceptance-styles"===d,onToggle:()=>z("acceptance-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.acceptanceStyles.padding,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,padding:t}})})}),(0,s.jsx)("div",{style:{width:"100%",maxWidth:"40%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Size","cozy-addons"),value:e.acceptanceStyles.size,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,size:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.acceptanceStyles.font.family,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,font:{...e.acceptanceStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.acceptanceStyles.font.size,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,font:{...e.acceptanceStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.acceptanceStyles.font.weight,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,font:{...e.acceptanceStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.acceptanceStyles.letterCase,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.acceptanceStyles.decoration,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.acceptanceStyles.lineHeight,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.acceptanceStyles.letterSpacing,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text","cozy-addons"),value:e.acceptanceStyles.color.text,onChange:t=>a({...e,acceptanceStyles:{...e.acceptanceStyles,color:{...e.acceptanceStyles.color,text:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Input File Styles","cozy-addons"),opened:"file-styles"===d,onToggle:()=>z("file-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.fileStyles.padding,onChange:t=>a({...e,fileStyles:{...e.fileStyles,padding:t}})})}),(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border","cozy-addons"),colors:r,value:e.fileStyles.border,onChange:t=>a({...e,fileStyles:{...e.fileStyles,border:t}})})}),(0,s.jsx)("div",{style:{maxWidth:"40%",margin:"16px 0"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Border Radius","cozy-addons"),value:e.fileStyles.radius,onChange:t=>a({...e,fileStyles:{...e.fileStyles,radius:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text (Default)","cozy-addons"),value:e.fileStyles.color.text,onChange:t=>a({...e,fileStyles:{...e.fileStyles,color:{...e.fileStyles.color,text:t}}})},{label:(0,t.__)("Text (Hover)","cozy-addons"),value:e.fileStyles.color.textHover,onChange:t=>a({...e,fileStyles:{...e.fileStyles,color:{...e.fileStyles.color,textHover:t}}})},{label:(0,t.__)("Background (Default)","cozy-addons"),value:e.fileStyles.color.bg,onChange:t=>a({...e,fileStyles:{...e.fileStyles,color:{...e.fileStyles.color,bg:t}}})},{label:(0,t.__)("Background (Hover)","cozy-addons"),value:e.fileStyles.color.bgHover,onChange:t=>a({...e,fileStyles:{...e.fileStyles,color:{...e.fileStyles.color,bgHover:t}}})},{label:(0,t.__)("Border (Hover)","cozy-addons"),value:e.fileStyles.color.borderHover,onChange:t=>a({...e,fileStyles:{...e.fileStyles,color:{...e.fileStyles.color,borderHover:t}}})}]})]})}),(0,s.jsx)(l.Panel,{children:(0,s.jsxs)(l.PanelBody,{title:(0,t.__)("Submit Button Styles","cozy-addons"),opened:"submit-styles"===d,onToggle:()=>z("submit-styles"),children:[(0,s.jsx)("div",{className:"cozy-box-control",children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.buttonStyles.padding,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,padding:t}})})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Top","cozy-addons"),value:e.buttonStyles.margin.top,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,margin:{...e.buttonStyles.margin,top:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Margin Bottom","cozy-addons"),value:e.buttonStyles.margin.bottom,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,margin:{...e.buttonStyles.margin,bottom:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)("div",{style:{maxWidth:"40%",marginTop:"16px"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Width","cozy-addons"),value:e.buttonStyles.width,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,width:t}}),__next40pxDefaultSize:!0})}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{marginTop:"16px"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Display","cozy-addons"),value:e.buttonStyles.display,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,display:t}}),isBlock:!0,__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Default","cozy-addons"),value:"inline"}),(0,s.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Block","cozy-addons"),value:"block"})]})}),"block"===e.buttonStyles.display&&(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Justification","cozy-addons"),value:e.buttonStyles.align,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,align:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Left","cozy-addons"),value:"left",icon:g}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Center","cozy-addons"),value:"center",icon:S}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Right","cozy-addons"),value:"right",icon:b})]})})]}),(0,s.jsx)("div",{style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,t.__)("Border","cozy-addons"),colors:r,value:e.buttonStyles.border,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,border:t}})})}),(0,s.jsx)("div",{className:"cozy-box-control",style:{margin:"16px 0"},children:(0,s.jsx)(l.__experimentalBoxControl,{label:(0,t.__)("Border Radius","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.buttonStyles.radius,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,radius:t}})})}),(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:i,value:e.buttonStyles.font.family,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,font:{...e.buttonStyles.font,family:t}}}),__next40pxDefaultSize:!0}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Font Size","cozy-addons"),value:e.buttonStyles.font.size,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,font:{...e.buttonStyles.font,size:t}}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:m,value:e.buttonStyles.font.weight,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,font:{...e.buttonStyles.font,weight:t}}}),__next40pxDefaultSize:!0})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:e.buttonStyles.letterCase,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,letterCase:t}}),__next40pxDefaultSize:!0,children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:y}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:x}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:_})]})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:e.buttonStyles.decoration,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,decoration:t}}),children:[(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:c}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,s.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:h})]})})]}),(0,s.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:e.buttonStyles.lineHeight,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,lineHeight:t}}),__next40pxDefaultSize:!0})}),(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:e.buttonStyles.letterSpacing,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,letterSpacing:t}}),__next40pxDefaultSize:!0})})]}),(0,s.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Text (Default)","cozy-addons"),value:e.buttonStyles.color.text,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,color:{...e.buttonStyles.color,text:t}}})},{label:(0,t.__)("Text (Hover)","cozy-addons"),value:e.buttonStyles.color.textHover,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,color:{...e.buttonStyles.color,textHover:t}}})},{label:(0,t.__)("Background (Default)","cozy-addons"),value:e.buttonStyles.color.bg,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,color:{...e.buttonStyles.color,bg:t}}})},{label:(0,t.__)("Background (Hover)","cozy-addons"),value:e.buttonStyles.color.bgHover,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,color:{...e.buttonStyles.color,bgHover:t}}})},{label:(0,t.__)("Border (Hover)","cozy-addons"),value:e.buttonStyles.color.borderHover,onChange:t=>a({...e,buttonStyles:{...e.buttonStyles,color:{...e.buttonStyles.color,borderHover:t}}})}]})]})})]},"cozy-block-style")})})),v=(0,n.memo)((({attributes:e,setAttributes:n})=>(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(o.InspectorControls,{children:(0,s.jsx)(l.TabPanel,{tabs:[{title:(0,t.__)("Settings","cozy-addons"),className:"cozy-block__tab-control cozy-block-control__settings",name:"setting",icon:i},{title:(0,t.__)("Styles","cozy-addons"),className:"cozy-block__tab-control cozy-block-control__styles",name:"style",icon:r}],children:t=>(0,s.jsxs)(s.Fragment,{children:["setting"===t.name&&(0,s.jsx)(d,{attributes:e,setAttributes:n}),"style"===t.name&&(0,s.jsx)(z,{attributes:e,setAttributes:n})]})})})})));function f(e,t){return t&&Object.keys(t).length<4?1===Object.keys(t).length?`\n ${e}: ${t};\n `:`\n ${e}: ${t.width} ${t.style} ${t.color};\n `:t&&4===Object.keys(t).length?"border"===e?`\n border-top: ${t.top.width} ${t.top.style} ${t.top.color};\n border-right: ${t.right.width} ${t.right.style} ${t.right.color};\n border-bottom: ${t.bottom.width} ${t.bottom.style} ${t.bottom.color};\n border-left: ${t.left.width} ${t.left.style} ${t.left.color};\n `:`\n ${e}: ${t.top} ${t.right} ${t.bottom} ${t.left};\n `:""}function j(e,t){return`\n #${e} {\n ${f("padding",t.padding)}\n margin-top: ${t.margin.top};\n margin-bottom: ${t.margin.bottom};\n ${f("border",t.border)}\n ${f("border-radius",t.radius)}\n font-size: ${t.font.size};\n font-weight: ${t.font.weight};\n font-family: ${t.font.family};\n color: ${t.color.text};\n background-color: ${t.color.bg};\n\n &.has-box-shadow {\n box-shadow: ${t.shadow.horizontal} ${t.shadow.vertical} ${t.shadow.blur} ${t.shadow.spread} ${t.shadow.color} ${t.shadow.position};\n }\n }\n\n #${e} .wpcf7-form p:not(:last-child) {\n margin-bottom: ${t.gap};\n }\n\n #${e} form > p > label {\n ${f("padding",t.label.padding)}\n font-size: ${t.label.font.size};\n font-weight: ${t.label.font.weight};\n font-family: ${t.label.font.family};\n text-transform: ${t.label.letterCase};\n text-decoration: ${t.label.decoration};\n line-height: ${t.label.lineHeight};\n letter-spacing: ${t.label.letterSpacing};\n color: ${t.label.color.text};\n background-color: ${t.label.color.bg};\n }\n\n #${e} form > p {\n & .wpcf7-text, & .wpcf7-email, & .wpcf7-textarea {\n ${f("padding",t.textStyles.padding)}\n ${f("border",t.textStyles.border)}\n border-radius: ${t.textStyles.radius};\n font-size: ${t.textStyles.font.size};\n font-weight: ${t.textStyles.font.weight};\n font-family: ${t.textStyles.font.family};\n text-transform: ${t.textStyles.letterCase};\n text-decoration: ${t.textStyles.decoration};\n line-height: ${t.textStyles.lineHeight};\n letter-spacing: ${t.textStyles.letterSpacing};\n color: ${t.textStyles.color.text};\n background-color: ${t.textStyles.color.bg};\n\n &:focus, &:focus-visible {\n ${f("border",t.textStyles.borderFocus)}\n color: ${t.textStyles.color.textFocus};\n background-color: ${t.textStyles.color.bgFocus};\n }\n }\n \n & .wpcf7-textarea {\n height: ${t.textStyles.textareaHeight};\n }\n\n & .wpcf7-date {\n ${f("padding",t.dateStyles.padding)}\n margin-top: ${t.dateStyles.margin.top};\n margin-bottom: ${t.dateStyles.margin.bottom};\n ${f("border",t.dateStyles.border)}\n border-radius: ${t.dateStyles.radius};\n font-size: ${t.dateStyles.font.size};\n font-weight: ${t.dateStyles.font.weight};\n font-family: ${t.dateStyles.font.family};\n text-transform: ${t.dateStyles.letterCase};\n text-decoration: ${t.dateStyles.decoration};\n line-height: ${t.dateStyles.lineHeight};\n letter-spacing: ${t.dateStyles.letterSpacing};\n color: ${t.dateStyles.color.text};\n background-color: ${t.dateStyles.color.bg};\n }\n\n & .wpcf7-select {\n width: ${t.dropdownStyles.width};\n ${f("padding",t.dropdownStyles.padding)}\n ${f("border",t.dropdownStyles.border)}\n border-radius: ${t.dropdownStyles.radius};\n font-size: ${t.dropdownStyles.font.size};\n font-weight: ${t.dropdownStyles.font.weight};\n font-family: ${t.dropdownStyles.font.family};\n text-transform: ${t.dropdownStyles.letterCase};\n text-decoration: ${t.dropdownStyles.decoration};\n line-height: ${t.dropdownStyles.lineHeight};\n letter-spacing: ${t.dropdownStyles.letterSpacing};\n color: ${t.dropdownStyles.color.text};\n background-color: ${t.dropdownStyles.color.bg};\n }\n\n & .wpcf7-checkbox {\n ${f("padding",t.checkboxStyles.padding)}\n font-size: ${t.checkboxStyles.font.size};\n font-weight: ${t.checkboxStyles.font.weight};\n font-family: ${t.checkboxStyles.font.family};\n text-transform: ${t.checkboxStyles.letterCase};\n text-decoration: ${t.checkboxStyles.decoration};\n line-height: ${t.checkboxStyles.lineHeight};\n letter-spacing: ${t.checkboxStyles.letterSpacing};\n color: ${t.checkboxStyles.color.text};\n\n & input[type="checkbox"] {\n width: ${t.checkboxStyles.size};\n height: ${t.checkboxStyles.size};\n }\n\n & .wpcf7-list-item:not(.first) {\n margin-left: ${t.checkboxStyles.itemGap};\n }\n }\n\n & .wpcf7-radio {\n ${f("padding",t.radioStyles.padding)}\n font-size: ${t.radioStyles.font.size};\n font-weight: ${t.radioStyles.font.weight};\n font-family: ${t.radioStyles.font.family};\n text-transform: ${t.radioStyles.letterCase};\n text-decoration: ${t.radioStyles.decoration};\n line-height: ${t.radioStyles.lineHeight};\n letter-spacing: ${t.radioStyles.letterSpacing};\n color: ${t.radioStyles.color.text};\n\n & input[type="radio"] {\n width: ${t.radioStyles.size};\n height: ${t.radioStyles.size};\n }\n\n & .wpcf7-list-item:not(.first) {\n margin-left: ${t.radioStyles.itemGap};\n }\n }\n\n & .wpcf7-acceptance {\n ${f("padding",t.acceptanceStyles.padding)}\n font-size: ${t.acceptanceStyles.font.size};\n font-weight: ${t.acceptanceStyles.font.weight};\n font-family: ${t.acceptanceStyles.font.family};\n text-transform: ${t.acceptanceStyles.letterCase};\n text-decoration: ${t.acceptanceStyles.decoration};\n line-height: ${t.acceptanceStyles.lineHeight};\n letter-spacing: ${t.acceptanceStyles.letterSpacing};\n color: ${t.acceptanceStyles.color.text};\n\n & input[type="checkbox"] {\n width: ${t.acceptanceStyles.size};\n height: ${t.acceptanceStyles.size};\n }\n }\n\n & .wpcf7-file {\n ${f("padding",t.fileStyles.padding)}\n ${f("border",t.fileStyles.border)}\n border-radius: ${t.fileStyles.radius};\n color: ${t.fileStyles.color.text};\n background-color: ${t.fileStyles.color.bg};\n\n &:hover {\n color: ${t.fileStyles.color.textHover};\n background-color: ${t.fileStyles.color.bgHover};\n border-color: ${t.fileStyles.color.borderHover};\n }\n }\n\n & .wpcf7-submit {\n width: ${t.buttonStyles.width};\n display: ${t.buttonStyles.display};\n ${f("padding",t.buttonStyles.padding)}\n margin-top: ${t.buttonStyles.margin.top};\n margin-bottom: ${t.buttonStyles.margin.bottom};\n margin-left: ${"center"===t.buttonStyles.align||"right"===t.buttonStyles.align?"auto":""};\n margin-right: ${"center"===t.buttonStyles.align?"auto":""};\n ${f("border",t.buttonStyles.border)}\n ${f("border-radius",t.buttonStyles.radius)}\n font-size: ${t.buttonStyles.font.size};\n font-weight: ${t.buttonStyles.font.weight};\n font-family: ${t.buttonStyles.font.family};\n text-transform: ${t.buttonStyles.letterCase};\n text-decoration: ${t.buttonStyles.decoration};\n line-height: ${t.buttonStyles.lineHeight};\n letter-spacing: ${t.buttonStyles.letterSpacing};\n color: ${t.buttonStyles.color.text};\n background-color: ${t.buttonStyles.color.bg};\n\n &:hover {\n color: ${t.buttonStyles.color.textHover};\n background-color: ${t.buttonStyles.color.bgHover};\n border-color: ${t.buttonStyles.color.borderHover};\n }\n\n }\n }\n `}const C=window.wp.apiFetch,w=window.wp.url,$=(0,n.memo)((({blockID:e,attributes:t})=>{const[o,a]=(0,n.useState)((0,s.jsx)(l.Spinner,{}));return(0,n.useEffect)((()=>{C({path:(0,w.addQueryArgs)("/cozy-block/v1/cf7-shortcode-content",{shortcode:t.shortcode})}).then((e=>{a(e)})).catch((e=>a("Failed to load shortcode.")))}),[t.shortcode]),(0,s.jsxs)(s.Fragment,{children:[""!=t.label.font.family&&null!=t.label.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.label.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.textStyles.font.family&&null!=t.textStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.textStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.dateStyles.font.family&&null!=t.dateStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.dateStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.dropdownStyles.font.family&&null!=t.dropdownStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.dropdownStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.checkboxStyles.font.family&&null!=t.checkboxStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.checkboxStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.radioStyles.font.family&&null!=t.radioStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.radioStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.acceptanceStyles.font.family&&null!=t.acceptanceStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.acceptanceStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.buttonStyles.font.family&&null!=t.buttonStyles.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.buttonStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=t.font.family&&null!=t.font.family&&(0,s.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${t.font.family}:wght@100;200;300;400;500;600;700;800;900`}),(0,s.jsx)("div",{id:e,className:"cozy-block-cf7-styler"+(t.shadow.enabled?" has-box-shadow":""),children:(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:o}})})]})})),k=JSON.parse('{"UU":"cozy-block/cf7-styler","h_":"Effortlessly customize and style your Contact Form 7 forms with unique designs using the Contact Form 7 Styler block."}'),T=(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("svg",{width:"27",height:"21",viewBox:"0 0 27 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.5 1.5H1.5V19.5H25.5V1.5ZM0 0V21H27V0H0Z",fill:"#0C50FF"}),(0,s.jsx)("path",{d:"M4 3H12V5H4V3Z",fill:"#9DB5F4"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.8316 3.4H4.16842V4.6H11.8316V3.4ZM4 3V5H12V3H4Z",fill:"#0C50FF"}),(0,s.jsx)("path",{d:"M15 3H23V5H15V3Z",fill:"#9DB5F4"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.8316 3.4H15.1684V4.6H22.8316V3.4ZM15 3V5H23V3H15Z",fill:"#0C50FF"}),(0,s.jsx)("path",{d:"M4 7H23V12H4V7Z",fill:"#9DB5F4"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.6 7.4H4.4V11.6H22.6V7.4ZM4 7V12H23V7H4Z",fill:"#0C50FF"}),(0,s.jsx)("path",{d:"M4 14.5H12V17.5H4V14.5Z",fill:"#0C50FF"})]})});(0,e.registerBlockType)(k.UU,{title:(0,t.__)("Contact Form 7 Styler","cozy-addons"),description:(0,t.__)(k.h_,"cozy-addons"),icon:{src:T},edit:function({attributes:e,setAttributes:t,clientId:l}){if(e.cover)return(0,s.jsx)("img",{src:e.cover});e.clientId=l;const n=`cozyBlock_${l.replace(/-/gi,"_")}`,a=(0,o.useBlockProps)({className:"cozy-block-wrapper"});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{...a,children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:j(n,e)}}),(0,s.jsx)($,{blockID:n,attributes:e})]}),(0,s.jsx)(v,{attributes:e,setAttributes:t})]})},save:function({attributes:e}){}})}},o={};function l(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,l),a.exports}l.m=t,e=[],l.O=(t,o,n,a)=>{if(!o){var s=1/0;for(c=0;c<e.length;c++){for(var[o,n,a]=e[c],i=!0,r=0;r<o.length;r++)(!1&a||s>=a)&&Object.keys(l.O).every((e=>l.O[e](o[r])))?o.splice(r--,1):(i=!1,a<s&&(s=a));if(i){e.splice(c--,1);var d=n();void 0!==d&&(t=d)}}return t}a=a||0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[o,n,a]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={57:0,350:0};l.O.j=t=>0===e[t];var t=(t,o)=>{var n,a,[s,i,r]=o,d=0;if(s.some((t=>0!==e[t]))){for(n in i)l.o(i,n)&&(l.m[n]=i[n]);if(r)var c=r(l)}for(t&&t(o);d<s.length;d++)a=s[d],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(c)},o=globalThis.webpackChunkcf7_styler=globalThis.webpackChunkcf7_styler||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var n=l.O(void 0,[350],(()=>l(212)));n=l.O(n)})();
Save
Back