"use strict";(self.webpackChunkcoblocks=self.webpackChunkcoblocks||[]).push([[378],{7378:function(e,l,o){o.r(l),o.d(l,{default:function(){return g}});var t=o(9307),n=o(4184),c=o.n(n),a=o(4681),s=o(3746),i=o(5736),r=o(5609),b=e=>{const{padding:l,setAttributes:o,iconSize:n}=e,[c]=(0,t.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},d=o(3980),u=o(4333),m=o(2175);const{getComputedStyle:k}=window,_=(0,r.withFallbackStyles)(((e,l)=>{const{backgroundColor:o,iconColor:t}=l.attributes,n=e.querySelector('[contenteditable="true"]'),c=n?k(n):null;return{fallbackBackgroundColor:o||!c?void 0:c.backgroundColor,fallbackIconColor:t||!c?void 0:c.color}}));var g=(0,u.compose)([a.Z,_])((e=>{const{attributes:l,backgroundColor:n,className:a,clientId:u,fallbackBackgroundColor:k,fallbackIconColor:_,help:g,iconColor:p,label:C=(0,i.__)("Size","coblocks"),setAttributes:h,setBackgroundColor:E,setIconColor:f}=e,{borderRadius:y,href:v,icon:S,iconSize:w,linkTarget:z,padding:N,rel:B="",width:I}=l,[L,T]=(0,t.useState)(),[O,R]=(0,t.useState)(),[x,F]=(0,t.useState)(""),[A,P]=(0,t.useState)(!1);if((0,t.useEffect)((()=>{(async()=>{const e=await o.e(315).then(o.bind(o,2315));T(e.default),R(e.default)})()}),[]),!L||!O)return(0,t.createElement)(r.Spinner,null);const D=(e,l)=>{h({iconSize:e}),l&&(l<0&&(l=""),h({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"===w?(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",D("medium",s.DEFAULT_ICON_SIZE)},type:"button"},(0,i.__)("Reset","coblocks")),(0,t.createElement)(r.RangeControl,{label:(0,i.__)("Size","coblocks"),max:d.qO,min:N?d.DH+28:d.DH,onChange:e=>{document.getElementById("block-"+u).getElementsByClassName("wp-block-coblocks-icon__inner")[0].style.height="auto",h({height:e,width:e})},step:1,value:I}))):(0,t.createElement)(r.BaseControl,{help:g,id:`icon-size-control-${u}`,label:C},(0,t.createElement)("div",{className:"components-coblocks-icon-size__controls"},(0,t.createElement)(b,{iconSize:w,setAttributes:h,width:I}),(0,t.createElement)(r.Button,{"aria-label":(0,i.__)("Apply custom size","coblocks"),isPrimary:"advanced"===w,isSecondary:!0,isSmall:!0,onClick:()=>D("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=>h({borderRadius:e}),step:1,value:y}),(0,t.createElement)(r.RangeControl,{label:(0,i.__)("Padding","coblocks"),max:(Z=I,Z<=60?10:Math.round(Z/4)),min:5,onChange:e=>h({padding:e}),step:1,value:N})),(0,t.createElement)(r.TextControl,{autoComplete:"off",className:"coblocks-icon-types-list__search",label:(0,i.__)("Icon search","coblocks"),onChange:e=>{(e=>{const l={};F(e),P(!0),""===e&&P(!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=>{let[o]=e;l.outlined[o]=L.outlined[o],l.filled[o]=L.filled[o]})),R(l)})(e)},type:"text",value:x}),(0,t.createElement)("div",{className:"coblocks-icon-types-list-wrapper"},(0,t.createElement)("ul",{className:"block-editor-block-types-list coblocks-icon-types-list"},A?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"},S&&L[U][S].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:S&&S===e,isSecondary:!0,onClick:()=>{h({icon:e})}},(0,t.createElement)("span",{className:"block-editor-block-types-list__item-icon"},S&&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=>h({href:e}),placeholder:"https://",value:v||""}),(0,t.createElement)(r.TextControl,{label:(0,i.__)("Link rel","coblocks"),onChange:e=>h({rel:e}),value:B||""}),(0,t.createElement)(r.ToggleControl,{checked:"_blank"===z,label:z?(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=B;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()})),h({linkTarget:l,rel:t.trim()||void 0})}}),(0,t.createElement)(r.Button,{disabled:!v,isSecondary:!0,isSmall:!0,onClick:()=>h({href:void 0,linkTarget:void 0,rel:void 0})},(0,i.__)("Remove Link","coblocks"))),(0,t.createElement)(m.PanelColorSettings,{colorSettings:[{isLargeText:!0,label:(0,i.__)("Icon color","coblocks"),onChange:f,value:p.color},{label:(0,i.__)("Background color","coblocks"),onChange:e=>{0===N&&h({padding:10}),e||h({borderRadius:0,padding:0}),E(e)},value:n.color}],initialOpen:!1,title:(0,i.__)("Color settings","coblocks")},(0,t.createElement)(m.ContrastChecker,{backgroundColor:n.color,fallbackBackgroundColor:k,fallbackIconColor:_,iconColor:p.color})));var Z}))}}]);