"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[3834],{3834:(e,i,a)=>{a.r(i),a.d(i,{default:()=>r});var o=a(7723),t=a(6087),l=a(6427),n=a(5573),d=a(790);const c=(0,d.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(n.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),s=(0,d.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(n.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),k=(0,d.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(n.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),g=(0,d.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(n.Path,{d:"M4 12.8h16v-1.5H4v1.5zm0 7h12.4v-1.5H4v1.5zM4 4.3v1.5h16V4.3H4z"})}),r=(0,t.memo)((({attributes:e,setAttributes:i,device:a,advancedControl:t})=>{const{GkitTabs:n,GkitPanelBody:r,GkitSwitcher:m,GkitChoose:u,GkitSlider:x,GkitRangeUnit:h,GkitBoxShadow:_,GkitColor:b,GkitTypography:S,GkitResponsive:v,GkitIconPicker:j,GkitRepeater:p,GkitAdvancedUrl:C,GkitBoxControl:w,GkitBorderControl:B,GkitSelect:H,GkitBlockStylePreview:y,GkitBackgrounGroup:I,GkitText:L}=window.gutenkit.components,{gkitResponsiveValue:G,useFontFamilyinBlock:T,responsiveHelper:V}=window.gutenkit.helpers;return T([e?.gkitSocialmediaListTypography]),(0,d.jsx)(n,{type:"top-level",tabs:[{name:"content",title:(0,o.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,o.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,o.__)("Advanced","gutenkit-blocks-addon")}],children:T=>{switch(T.name){case"content":return(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(r,{title:(0,o.__)("Social Icons","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(y,{label:(0,o.__)("Select Style","gutenkit-blocks-addon"),value:e?.gkitSocialmediaStyle,options:[{label:(0,o.__)("Icon","gutenkit-blocks-addon"),value:"icon",attributes:{gkitSocialmediaStyle:"icon"}},{label:(0,o.__)("Text","gutenkit-blocks-addon"),value:"text",attributes:{gkitSocialmediaStyle:"text"}},{label:(0,o.__)("Icon And Text","gutenkit-blocks-addon"),title:(0,o.__)("Icon And Text Both","gutenkit-blocks-addon"),value:"both",attributes:{gkitSocialmediaStyle:"both"}}],onChange:e=>i({gkitSocialmediaStyle:e})}),(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(v,{children:(0,d.jsx)(h,{label:(0,o.__)("Space Between","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaElementSpacing",a),onChange:e=>V("gkitSocialmediaElementSpacing",e,a,i),units:{px:{min:0,max:100}}})}),"both"===e?.gkitSocialmediaStyle&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(H,{label:(0,o.__)("Icon Position","gutenkit-blocks-addon"),value:e?.gkitSocialmediaStyleIconPosition,options:[{label:(0,o.__)("Before","gutenkit-blocks-addon"),value:"before"},{label:(0,o.__)("After","gutenkit-blocks-addon"),value:"after"}],onChange:e=>i({gkitSocialmediaStyleIconPosition:e}),__nextHasNoMarginBottom:!0}),(0,d.jsx)(v,{children:(0,d.jsx)(h,{label:(0,o.__)("Icon Space Between","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaIconSpacing",a),onChange:e=>V("gkitSocialmediaIconSpacing",e,a,i),units:{px:{min:0,max:100}}})})]}),(0,d.jsx)(v,{children:(0,d.jsx)(u,{label:(0,o.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,o.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:c},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:s},{label:(0,o.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:k},{label:(0,o.__)("Space between","gutenkit-blocks-addon"),value:"space-between",icon:g}],onChange:e=>V("gkitSocialmediaListAlign",e,a,i),value:G(e,"gkitSocialmediaListAlign",a),isToggle:!1})}),(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(l.__experimentalHeading,{children:(0,o.__)("Icons","gutenkit-blocks-addon")}),(0,d.jsxs)(p,{onChange:e=>i({gkitSocialmediaIcons:e}),itemLabelName:"gkitSocialmediaLabel",repeaterFields:e?.gkitSocialmediaIcons,children:[(0,d.jsx)(j,{label:(0,o.__)("Choose Icon","gutenkit-blocks-addon"),name:"gkitSocialmediaIcon",default:{title:"facebook-f",src:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>'}}),(0,d.jsx)(L,{label:(0,o.__)("Label","gutenkit-blocks-addon"),name:"gkitSocialmediaLabel",default:"Facebook",labelBlock:"block"}),(0,d.jsx)(C,{label:(0,o.__)("Link","gutenkit-blocks-addon"),name:"gkitSocialmediaLink",default:{url:"https://facebook.com"}}),(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(l.__experimentalHeading,{children:(0,o.__)("Normal Style","gutenkit-blocks-addon")}),(0,d.jsx)(b,{label:(0,o.__)("Color","gutenkit-blocks-addon"),name:"gkitSocialmediaIconColor"}),(0,d.jsx)(b,{label:(0,o.__)("Background Color","gutenkit-blocks-addon"),name:"gkitSocialmediaIconBgColor"}),(0,d.jsx)(b,{label:(0,o.__)("Border Color","gutenkit-blocks-addon"),name:"gkitSocialmediaBorderColor"}),(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(l.__experimentalHeading,{children:(0,o.__)("Hover Style","gutenkit-blocks-addon")}),(0,d.jsx)(b,{label:(0,o.__)("Color","gutenkit-blocks-addon"),name:"gkitSocialmediaIconHoverColor"}),(0,d.jsx)(b,{label:(0,o.__)("Background Color","gutenkit-blocks-addon"),name:"gkitSocialmediaIconHoverBgColor"}),(0,d.jsx)(b,{label:(0,o.__)("Border Color","gutenkit-blocks-addon"),name:"gkitSocialmediaBorderHoverColor"})]})]})});case"style":return(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(r,{title:(0,o.__)("Social Media","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(v,{children:(0,d.jsx)(u,{label:(0,o.__)("Display","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaListDisplay",a),options:[{label:(0,o.__)("Inline","gutenkit-blocks-addon"),value:"row"},{label:(0,o.__)("Block","gutenkit-blocks-addon"),value:"column"}],onChange:e=>V("gkitSocialmediaListDisplay",e,a,i),isToggle:!1})}),"text"!==e?.gkitSocialmediaStyle&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(v,{children:(0,d.jsx)(h,{label:(0,o.__)("Icon Size","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaListIconSize",a),onChange:e=>V("gkitSocialmediaListIconSize",e,a,i),units:{px:{min:0,max:100},"%":{min:0,max:100}}})})}),"icon"!==e?.gkitSocialmediaStyle&&(0,d.jsx)(S,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e?.gkitSocialmediaListTypography,onChange:e=>i({gkitSocialmediaListTypography:e})}),"icon"===e?.gkitSocialmediaStyle&&(0,d.jsx)(m,{label:(0,o.__)("Use Height Width","gutenkit-blocks-addon"),value:e?.useHeightAndWidth,onChange:e=>i({useHeightAndWidth:e})}),!0===e?.useHeightAndWidth&&"icon"===e?.gkitSocialmediaStyle&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(v,{children:(0,d.jsx)(h,{label:(0,o.__)("Width","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaListWidth",a),onChange:e=>V("gkitSocialmediaListWidth",e,a,i),units:{px:{min:0,max:200},"%":{min:0,max:100}}})}),(0,d.jsx)(v,{children:(0,d.jsx)(x,{label:(0,o.__)("Height","gutenkit-blocks-addon"),value:G(e,"gkitSocialmediaListHeight",a),onChange:e=>V("gkitSocialmediaListHeight",e,a,i),units:{px:{min:0,max:200},"%":{min:0,max:200}}})})]}),(0,d.jsx)(n,{type:"normal",tabs:[{name:"normal-tab",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,o.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,o.__)("Color","gutenkit-blocks-addon"),value:e?.gkitSocialIconNomalColor,onChange:e=>i({gkitSocialIconNomalColor:e})}),(0,d.jsx)(I,{label:(0,o.__)("Background","gutenkit-blocks-addon"),value:e?.gkitSocialIconNomalBackgroundColor,onChange:e=>i({gkitSocialIconNomalBackgroundColor:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(B,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>i({gkitSocialmediaBorder:e}),value:e?.gkitSocialmediaBorder}),(0,d.jsx)(v,{children:(0,d.jsx)(w,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:G(e,"gkitSocialmediaListBorderRadius",a),onChange:e=>V("gkitSocialmediaListBorderRadius",e,a,i)})}),(0,d.jsx)(_,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitSocialmediaBoxShadow,onChange:e=>i({gkitSocialmediaBoxShadow:e})}),"icon"!==e?.gkitSocialmediaStyle&&(0,d.jsx)(_,{label:(0,o.__)("Text Shadow","gutenkit-blocks-addon"),value:e?.gkitSocialmediaTextShadow,onChange:e=>i({gkitSocialmediaTextShadow:e}),exclude:{position:!0,spread:!0}})]}):"hover-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,o.__)("Color","gutenkit-blocks-addon"),value:e?.gkitSocialIconHoverColor,onChange:e=>i({gkitSocialIconHoverColor:e})}),(0,d.jsx)(I,{label:(0,o.__)("Background","gutenkit-blocks-addon"),value:e?.gkitSocialIconHoverBackgroundColor,onChange:e=>i({gkitSocialIconHoverBackgroundColor:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(B,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>i({gkitSocialmediaBorderHover:e}),value:e?.gkitSocialmediaBorderHover}),(0,d.jsx)(v,{children:(0,d.jsx)(w,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:G(e,"gkitSocialmediaListBorderRadiusHover",a),onChange:e=>V("gkitSocialmediaListBorderRadiusHover",e,a,i)})}),(0,d.jsx)(_,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitSocialmediaBoxShadowHover,onChange:e=>i({gkitSocialmediaBoxShadowHover:e})}),"icon"!==e?.gkitSocialmediaStyle&&(0,d.jsx)(_,{label:(0,o.__)("Text Shadow","gutenkit-blocks-addon"),value:e?.gkitSocialmediaTextShadowHover,onChange:e=>i({gkitSocialmediaTextShadowHover:e}),exclude:{position:!0,spread:!0}})]}):void 0}),!1===e?.useHeightAndWidth&&"icon"===e?.gkitSocialmediaStyle&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(v,{children:(0,d.jsx)(w,{label:(0,o.__)("Padding","gutenkit-blocks-addon"),values:G(e,"gkitSocialmediaIconPadding",a),onChange:e=>V("gkitSocialmediaIconPadding",e,a,i)})})]}),"icon"!==e?.gkitSocialmediaStyle&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(v,{children:(0,d.jsx)(w,{label:(0,o.__)("Padding","gutenkit-blocks-addon"),values:G(e,"gkitSocialmediaListPadding",a),onChange:e=>V("gkitSocialmediaListPadding",e,a,i)})})]})]})});case"advanced":return(0,d.jsx)(d.Fragment,{children:t})}}})}))}}]);