"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[6949],{6949:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var i=n(7723),a=n(6087),o=n(6427),l=n(5573),g=n(790);const c=(0,g.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,g.jsx)(l.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),r=(0,g.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,g.jsx)(l.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),k=(0,g.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,g.jsx)(l.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),s=(0,a.memo)((({attributes:e,setAttributes:t,device:n,advancedControl:a})=>{const{GkitColor:l,GkitIconPicker:s,GkitPanelBody:d,GkitResponsive:h,GkitTabs:u,GkitTypography:b,GkitBackgrounGroup:_,GkitRangeUnit:p,GkitChoose:C,GkitMedia:P,GkitBoxControl:x,GkitNumber:m,GkitBlockStylePreview:v}=window.gutenkit.components,{gkitResponsiveValue:j,useFontFamilyinBlock:y,responsiveHelper:S}=window.gutenkit.helpers;return y([e?.gkitPiechartTitleTypographyGroup,e?.gkitPiechartContentTypographyGroup]),(0,g.jsx)(u,{type:"top-level",tabs:[{name:"content",title:(0,i.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,i.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,i.__)("Advanced","gutenkit-blocks-addon")}],children:u=>{switch(u.name){case"content":return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(d,{title:(0,i.__)("Content","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,g.jsx)(v,{label:(0,i.__)("Select Style","gutenkit-blocks-addon"),value:e?.gkitPiechartStyle,options:[{label:(0,i.__)("Simple Chart","gutenkit-blocks-addon"),value:"simple",attributes:{gkitPiechartStyle:"simple"}},{label:(0,i.__)("Chart Content","gutenkit-blocks-addon"),title:(0,i.__)("Chart With Content","gutenkit-blocks-addon"),value:"with-content",attributes:{gkitPiechartStyle:"with-content"}}],onChange:e=>t({gkitPiechartStyle:e})}),(0,g.jsx)(C,{label:(0,i.__)("Chart Content","gutenkit-blocks-addon"),value:e?.gkitPiechartContent,options:[{label:(0,i.__)("Percentage","gutenkit-blocks-addon"),value:"percentage"},{label:(0,i.__)("Icon","gutenkit-blocks-addon"),value:"icon"}],onChange:e=>t({gkitPiechartContent:e}),isToggle:!1}),(0,g.jsx)(m,{onChange:e=>t({gkitPiechartPercentage:e>100?100:e}),value:Number(e?.gkitPiechartPercentage),label:(0,i.__)("Percentage","gutenkit-blocks-addon"),min:0,max:100}),"icon"===e?.gkitPiechartContent&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(C,{label:(0,i.__)("Icon type","gutenkit-blocks-addon"),value:e?.gkitPiechartIconType,options:[{label:(0,i.__)("Image","gutenkit-blocks-addon"),value:"image"},{label:(0,i.__)("Icon","gutenkit-blocks-addon"),value:"icon"}],onChange:e=>t({gkitPiechartIconType:e}),isToggle:!1}),"icon"===e?.gkitPiechartIconType&&(0,g.jsx)(s,{label:(0,i.__)("Icon","gutenkit-blocks-addon"),value:e?.gkitPiechartIcon,onChange:e=>t({gkitPiechartIcon:e})}),"image"===e?.gkitPiechartIconType&&(0,g.jsx)(P,{label:(0,i.__)("Choose Image","gutenkit-blocks-addon"),mediaTypes:["image/jpeg","image/png","image/svg+xml","image/webp"],labelBlock:"block",onChange:e=>t({gkitPiechartIconImage:e}),value:e?.gkitPiechartIconImage,imageSize:!0})]}),"with-content"===e?.gkitPiechartStyle&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(C,{label:(0,i.__)("Content Style","gutenkit-blocks-addon"),value:e?.gkitPiechartContentStyle,options:[{label:(0,i.__)("Default","gutenkit-blocks-addon"),value:"default"},{label:(0,i.__)("Slide","gutenkit-blocks-addon"),value:"slide"}],onChange:e=>t({gkitPiechartContentStyle:e}),isToggle:!1})})]})});case"style":return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(d,{title:(0,i.__)("Content Wrapper","gutenkit-blocks-addon"),initialOpen:!0,children:(0,g.jsx)(h,{children:(0,g.jsx)(C,{label:(0,i.__)("Content Alignment","gutenkit-blocks-addon"),options:[{label:(0,i.__)("Left","gutenkit-blocks-addon"),value:"left",icon:c},{label:(0,i.__)("Center","gutenkit-blocks-addon"),value:"center",icon:r},{label:(0,i.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],value:j(e,"gkitPiechartContentAlign",n),onChange:e=>S("gkitPiechartContentAlign",e,n,t)})})}),"with-content"===e?.gkitPiechartStyle&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(d,{title:(0,i.__)("Title","gutenkit-blocks-addon"),children:[(0,g.jsx)(l,{label:(0,i.__)("Title Color","gutenkit-blocks-addon"),value:e?.gkitPiechartTitleColor,onChange:e=>t({gkitPiechartTitleColor:e})}),(0,g.jsx)(b,{label:(0,i.__)("Typography","gutenkit-blocks-addon"),value:e?.gkitPiechartTitleTypographyGroup,onChange:e=>t({gkitPiechartTitleTypographyGroup:e})}),(0,g.jsx)(h,{children:(0,g.jsx)(x,{label:(0,i.__)("Title margin","gutenkit-blocks-addon"),values:j(e,"gkitPiechartTitleMargin",n),onChange:e=>S("gkitPiechartTitleMargin",e,n,t)})})]}),(0,g.jsxs)(d,{title:(0,i.__)("Content","gutenkit-blocks-addon"),children:[(0,g.jsx)(l,{label:(0,i.__)("Content Color","gutenkit-blocks-addon"),value:e?.gkitPiechartContentColor,onChange:e=>t({gkitPiechartContentColor:e})}),(0,g.jsx)(b,{label:(0,i.__)("Typography","gutenkit-blocks-addon"),value:e?.gkitPiechartContentTypographyGroup,onChange:e=>t({gkitPiechartContentTypographyGroup:e})}),(0,g.jsx)(h,{children:(0,g.jsx)(x,{label:(0,i.__)("Content margin","gutenkit-blocks-addon"),values:j(e,"gkitPiechartContentMargin",n),onChange:e=>S("gkitPiechartContentMargin",e,n,t)})})]}),"slide"===e?.gkitPiechartContentStyle&&(0,g.jsxs)(d,{title:(0,i.__)("Slide Style","gutenkit-blocks-addon"),children:[(0,g.jsx)(h,{children:(0,g.jsx)(p,{label:(0,i.__)("Slide Box Height","gutenkit-blocks-addon"),value:j(e,"gkitPiechartSlideElementHeight",n),onChange:e=>S("gkitPiechartSlideElementHeight",e,n,t),units:{px:{min:100,max:500,step:1},vh:{min:0,max:100,step:1}}})}),(0,g.jsx)(_,{label:(0,i.__)("Background","gutenkit-blocks-addon"),value:e?.gkitPiechartSlideBackgroundGroup,onChange:e=>t({gkitPiechartSlideBackgroundGroup:e}),exclude:{video:!0,image:!0}}),(0,g.jsx)(h,{children:(0,g.jsx)(x,{label:(0,i.__)("Padding","gutenkit-blocks-addon"),values:j(e,"gkitPiechartSlideBackPadding",n),onChange:e=>S("gkitPiechartSlideBackPadding",e,n,t)})})]})]}),(0,g.jsxs)(d,{title:(0,i.__)("Chart","gutenkit-blocks-addon"),children:[(0,g.jsx)(h,{children:(0,g.jsx)(p,{label:(0,i.__)("Piechart Size","gutenkit-blocks-addon"),value:j(e,"gkitPiechartSize",n),onChange:e=>S("gkitPiechartSize",e,n,t),units:{px:{min:100,max:250,step:1},"%":{min:0,max:100,step:1}}})}),(0,g.jsx)(C,{label:(0,i.__)("Border Line Style","gutenkit-blocks-addon"),value:e?.gkitPiechartLineCap,options:[{label:(0,i.__)("Butt","gutenkit-blocks-addon"),value:"butt"},{label:(0,i.__)("Round","gutenkit-blocks-addon"),value:"round"},{label:(0,i.__)("Square","gutenkit-blocks-addon"),value:"square"}],onChange:e=>t({gkitPiechartLineCap:e}),isToggle:!1}),(0,g.jsx)(p,{label:(0,i.__)("Border Size","gutenkit-blocks-addon"),value:e?.gkitPiechartBorderSize,onChange:e=>t({gkitPiechartBorderSize:e}),units:{px:{min:0,max:50,step:1}}}),"icon"===e?.gkitPiechartIconType&&"icon"===e?.gkitPiechartContent&&(0,g.jsx)(h,{children:(0,g.jsx)(p,{label:(0,i.__)("Piechart Icon Size","gutenkit-blocks-addon"),value:j(e,"gkitPiechartIconSize",n),onChange:e=>S("gkitPiechartIconSize",e,n,t),units:{px:{min:0,max:200,step:1}}})}),"image"===e?.gkitPiechartIconType&&(0,g.jsx)(h,{children:(0,g.jsx)(p,{label:(0,i.__)("Piechart Image Size","gutenkit-blocks-addon"),value:j(e,"gkitPiechartImageSize",n),onChange:e=>S("gkitPiechartImageSize",e,n,t),units:{px:{min:0,max:200,step:1}}})}),(0,g.jsx)(l,{label:(0,i.__)("Track Color","gutenkit-blocks-addon"),value:e?.gkitPiechartLineColor,onChange:e=>t({gkitPiechartLineColor:e})}),(0,g.jsx)(_,{label:(0,i.__)("Bar Color","gutenkit-blocks-addon"),value:e?.gkitPiechartBarColor,onChange:e=>t({gkitPiechartBarColor:e}),exclude:{video:!0,image:!0}}),(0,g.jsx)(o.__experimentalDivider,{}),"icon"===e?.gkitPiechartContent&&"icon"===e?.gkitPiechartIconType&&(0,g.jsx)(l,{label:(0,i.__)("Icon Color","gutenkit-blocks-addon"),value:e?.gkitPiechartIocnColor,onChange:e=>t({gkitPiechartIocnColor:e})}),"percentage"===e?.gkitPiechartContent&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(l,{label:(0,i.__)("Number Color","gutenkit-blocks-addon"),value:e?.gkitPiechartContentColorNumber,onChange:e=>t({gkitPiechartContentColorNumber:e})}),(0,g.jsx)(b,{label:(0,i.__)("Number Typography","gutenkit-blocks-addon"),value:e?.gkitPiechartNumberTypographyGroup,onChange:e=>t({gkitPiechartNumberTypographyGroup:e})})]})]})]});case"advanced":return(0,g.jsx)(g.Fragment,{children:a})}}})}))}}]);