(()=>{"use strict";const e=window.ReactJSXRuntime,n=({selectedIcon:n,onIconSelect:t})=>{const c=iconsData.icons,s=iconsData.iconPath,i=e=>{t(e)};return(0,e.jsxs)("div",{className:"icon-selector",children:[(0,e.jsx)("style",{children:"\n            .icon-selector {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 10px;\n            }\n            .icon-label {\n                cursor: pointer;\n                display: inline-block;\n                transition: transform 0.2s ease;\n            }\n            .icon-label:hover {\n                transform: scale(1.1);\n            }\n            .icon-option {\n                width: 50px;\n                height: 50px;\n                border-radius: 4px;\n                transition: border-color 0.2s ease;\n            }\n            .icon-radio:checked + img {\n                border: 2px solid #007cba;\n                border-radius: 4px;\n            }\n            .icon-selected {\n                border-color: #007cba;\n            }\n        "}),c.map(((t,c)=>(0,e.jsxs)("label",{className:"icon-label",children:[(0,e.jsx)("input",{type:"radio",name:"selectedIcon",value:s+t,className:"icon-radio",checked:n===t,onChange:()=>i(t),style:{display:"none"}}),(0,e.jsx)("img",{src:s+t,alt:`Icon ${c+1}`,className:"icon-option "+(n===t?"icon-selected":""),onClick:()=>i(t),height:"50",width:"50"})]},c)))]})},{__}=wp.i18n,{registerBlockType:t}=wp.blocks,{RichText:c}=wp.blockEditor,{Fragment:s}=wp.element;t("xgate/expanded-service-list-item",{title:__("Expanded service list item","xgate"),icon:"smiley",category:"xgate-blocks",attributes:{title:{type:"string"},content:{type:"string"},selectedIcon:{type:"string",default:""}},parent:["xgate/expanded-service-list"],usesContext:["xgate/expanded-service-list-variant"],edit:function(t){const{attributes:i,setAttributes:a,className:o,context:l}=t,{title:r,content:d,selectedIcon:p}=i;return(0,e.jsxs)("div",{className:o,children:[(0,e.jsxs)(s,{children:[(0,e.jsx)(n,{selectedIcon:p,onIconSelect:e=>{a({selectedIcon:e})}}),(0,e.jsx)("div",{className:"icon-preview",children:p&&(0,e.jsx)("img",{src:`${mythemeIconBlockData.iconPath}${p}`,alt:p})})]}),(0,e.jsx)(c,{tagName:"h2",placeholder:__("Add Title","xgate"),value:r,onChange:e=>{a({title:e})}}),(0,e.jsx)(c,{tagName:"p",placeholder:__("Add content","xgate"),value:d,onChange:e=>{a({content:e})}})]})},save:function(){return null}})})();