"use strict";(globalThis.webpackChunkcoblocks=globalThis.webpackChunkcoblocks||[]).push([[961],{3342:(e,l,o)=>{o.r(l),o.d(l,{default:()=>p});var t=o(1609),n=o(2485),c=o.n(n),a=o(8373),s=o(9843),i=o(7723),r=o(6427),b=o(6087);const d=e=>{const{padding:l,setAttributes:o,iconSize:n}=e,[c]=(0,b.useState)([{name:(0,i.__)("Small","coblocks"),size:40,slug:"small"},{name:(0,i.__)("Medium","coblocks"),size:l?s.DEFAULT_ICON_SIZE+28:s.DEFAULT_ICON_SIZE,slug:"medium"},{name:(0,i.__)("Large","coblocks"),size:120,slug:"large"},{name:(0,i.__)("Huge","coblocks"),size:200,slug:"huge"}]);return(0,t.createElement)(t.Fragment,null,(0,t.createElement)(r.SelectControl,{hideLabelFromVision:!0,label:(0,i.__)("Choose icon size preset","coblocks"),onChange:e=>{const l=c.find((l=>l.slug===e));var t;l&&(o({height:l.size,width:l.size}),t=((e,l)=>{let o;if("string"==typeof l)return o=e.find((e=>e.slug===l)),o?o.slug:"custom"})(c,l.slug),o({iconSize:t}))},options:(a=c,[...a.map((e=>({label:e.name,value:e.slug})))]),value:n}));var a};var m=o(5727),u=o(9491),k=o(4715);const{getComputedStyle:g}=window,_=(0,r.withFallbackStyles)(((e,l)=>{const{backgroundColor:o,iconColor:t}=l.attributes,n=e.querySelector('[contenteditable="true"]'),c=n?g(n):null;return{fallbackBackgroundColor:o||!c?void 0:c.backgroundColor,fallbackIconColor:t||!c?void 0:c.color}})),p=(0,u.compose)([a.A,_])((e=>{const{attributes:l,backgroundColor:n,className:a,clientId:u,fallbackBackgroundColor:g,fallbackIconColor:_,help:p,iconColor:C,label:h=(0,i.__)("Size","coblocks"),setAttributes:E,setBackgroundColor:y,setIconColor:f}=e,{borderRadius:v,href:S,icon:w,iconSize:z,linkTarget:N,padding:B,rel:I="",width:T}=l,[L,R]=(0,b.useState)(),[O,x]=(0,b.useState)(),[F,A]=(0,b.useState)(""),[P,D]=(0,b.useState)(!1);if((0,b.useEffect)((()=>{(async()=>{const e=await o.e(612).then(o.bind(o,6231));R(e.default),x(e.default)})()}),[]),!L||!O)return(0,t.createElement)(r.Spinner,null);const j=(e,l)=>{E({iconSize:e}),l&&(l<0&&(l=""),E({height:l,width:l}))};let U="outlined";return a.includes("is-style-filled")&&(U="filled"),(0,t.createElement)(t.Fragment,null,(0,t.createElement)(r.PanelBody,{title:(0,i.__)("Icon settings","coblocks")},"advanced"===z?(0,t.createElement)(t.Fragment,null,(0,t.createElement)("div",{className:"components-base-control components-coblocks-icon-block--advanced-size"},(0,t.createElement)(r.Button,{"aria-label":(0,i.__)("Reset icon size","coblocks"),isSecondary:!0,isSmall:!0,onClick:()=>{document.getElementById("block-"+u).getElementsByClassName("wp-block-coblocks-icon__inner")[0].style.height="auto",j("medium",s.DEFAULT_ICON_SIZE)},type:"button"},(0,i.__)("Reset","coblocks")),(0,t.createElement)(r.RangeControl,{label:(0,i.__)("Size","coblocks"),max:m.jp,min:B?m.JD+28:m.JD,onChange:e=>{document.getElementById("block-"+u).getElementsByClassName("wp-block-coblocks-icon__inner")[0].style.height="auto",E({height:e,width:e})},step:1,value:T}))):(0,t.createElement)(r.BaseControl,{help:p,id:`icon-size-control-${u}`,label:h},(0,t.createElement)("div",{className:"components-coblocks-icon-size__controls"},(0,t.createElement)(d,{iconSize:z,setAttributes:E,width:T}),(0,t.createElement)(r.Button,{"aria-label":(0,i.__)("Apply custom size","coblocks"),isPrimary:"advanced"===z,isSecondary:!0,isSmall:!0,onClick:()=>j("advanced",""),type:"button"},(0,i.__)("Custom","coblocks")))),n.color&&(0,t.createElement)(t.Fragment,null,(0,t.createElement)(r.RangeControl,{label:(0,i.__)("Radius","coblocks"),max:200,min:0,onChange:e=>E({borderRadius:e}),step:1,value:v}),(0,t.createElement)(r.RangeControl,{label:(0,i.__)("Padding","coblocks"),max:($=T,$<=60?10:Math.round($/4)),min:5,onChange:e=>E({padding:e}),step:1,value:B})),(0,t.createElement)(r.TextControl,{autoComplete:"off",className:"coblocks-icon-types-list__search",label:(0,i.__)("Icon search","coblocks"),onChange:e=>{(e=>{const l={};A(e),D(!0),""===e&&D(!1);const o=Object.entries(L[U]).filter((function(l){return-1!==(l[0]+" "+l[1].keywords).toLowerCase().search(e.toLowerCase())}));l.outlined={},l.filled={},o.forEach((([e])=>{l.outlined[e]=L.outlined[e],l.filled[e]=L.filled[e]})),x(l)})(e)},type:"text",value:F}),(0,t.createElement)("div",{className:"coblocks-icon-types-list-wrapper"},(0,t.createElement)("ul",{className:"block-editor-block-types-list coblocks-icon-types-list"},P?null:(0,t.createElement)("li",{className:"block-editor-block-types-list__list-item selected-svg"},(0,t.createElement)(r.Button,{className:"editor-block-list-item-button",onClick:()=>!1},(0,t.createElement)("span",{className:"block-editor-block-types-list__item-icon"},w&&L[U][w].icon))),Object.keys(O[U]).length>0?Object.keys(O[U]).map(((e,l)=>(0,t.createElement)("li",{className:c()("block-editor-block-types-list__list-item",{}),key:`editor-pblock-types-list-item-${l}`},(0,t.createElement)(r.Tooltip,{text:L[U][e].label?L[U][e].label:e},(0,t.createElement)(r.Button,{className:"editor-block-list-item-button",isPrimary:w&&w===e,isSecondary:!0,onClick:()=>{E({icon:e})}},(0,t.createElement)("span",{className:"block-editor-block-types-list__item-icon"},w&&L[U][e].icon)))))):(0,t.createElement)("li",{className:"no-results"}," ",(0,i.__)("No results found.","coblocks")," ")))),(0,t.createElement)(r.PanelBody,{initialOpen:!1,title:(0,i.__)("Link settings","coblocks")},(0,t.createElement)(r.TextControl,{label:(0,i.__)("Link URL","coblocks"),onChange:e=>E({href:e}),placeholder:"https://",value:S||""}),(0,t.createElement)(r.TextControl,{label:(0,i.__)("Link rel","coblocks"),onChange:e=>E({rel:e}),value:I||""}),(0,t.createElement)(r.ToggleControl,{checked:"_blank"===N,label:N?(0,i.__)("Opening in new tab","coblocks"):(0,i.__)("Open in new tab","coblocks"),onChange:e=>{const l=e?"_blank":void 0,o="noreferrer noopener".split(" ");let t=I;e&&0===o.filter((e=>t.includes(e))).length&&o.forEach((e=>{t=t.includes(e)?t:t=`${t} ${e}`})),!e&&o.filter((e=>t.includes(e))).length>0&&o.forEach((e=>{t=t.replace(e,""),t=t.trim()})),E({linkTarget:l,rel:t.trim()||void 0})}}),(0,t.createElement)(r.Button,{disabled:!S,isSecondary:!0,isSmall:!0,onClick:()=>E({href:void 0,linkTarget:void 0,rel:void 0})},(0,i.__)("Remove Link","coblocks"))),(0,t.createElement)(k.PanelColorSettings,{colorSettings:[{isLargeText:!0,label:(0,i.__)("Icon color","coblocks"),onChange:f,value:C.color},{label:(0,i.__)("Background color","coblocks"),onChange:e=>{0===B&&E({padding:10}),e||E({borderRadius:0,padding:0}),y(e)},value:n.color}],initialOpen:!1,title:(0,i.__)("Color settings","coblocks")},(0,t.createElement)(k.ContrastChecker,{backgroundColor:n.color,fallbackBackgroundColor:g,fallbackIconColor:_,iconColor:C.color})));var $}))}}]);