"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[9250],{9250:(e,t,o)=>{o.r(t),o.d(t,{default:()=>i});var a=o(7723),n=o(6087),l=o(790);const i=(0,n.memo)((({attributes:e,setAttributes:t,device:o,advancedControl:n})=>{const{GkitTabs:i,GkitPanelBody:r,GkitSwitcher:s,GkitSlider:d,GkitRangeUnit:g,GkitText:k,GkitBoxShadow:c,GkitColor:u,GkitTypography:b,GkitResponsive:p,GkitBackgrounGroup:_,GkitIconPicker:h,GkitBlockStylePreview:x,GkitBoxControl:v}=window.gutenkit.components,{useFontFamilyinBlock:C,responsiveHelper:y,gkitResponsiveValue:j}=window.gutenkit.helpers;return C([e?.titleTypography,e?.percentageTypography]),(0,l.jsx)(i,{type:"top-level",tabs:[{name:"content",title:(0,a.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,a.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,a.__)("Advanced","gutenkit-blocks-addon")}],children:i=>{switch(i.name){case"content":return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(r,{title:(0,a.__)("Progress Bar","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,l.jsx)(x,{label:(0,a.__)("Select Style","gutenkit-blocks-addon"),value:e?.style,options:[{label:(0,a.__)("Default","gutenkit-blocks-addon"),value:"default",attributes:{style:"default"}},{label:(0,a.__)("Inner Content","gutenkit-blocks-addon"),value:"inner-content",attributes:{style:"inner-content"}},{label:(0,a.__)("Bar Shadow","gutenkit-blocks-addon"),value:"shadow",attributes:{style:"shadow"}},{label:(0,a.__)("Tooltip","gutenkit-blocks-addon"),value:"tooltip",attributes:{style:"tooltip"}},{label:(0,a.__)("Tooltip Box","gutenkit-blocks-addon"),value:"tooltip gkit-progress-bar-tooltip--box",attributes:{style:"tooltip gkit-progress-bar-tooltip--box"}},{label:(0,a.__)("Tooltip Rounded","gutenkit-blocks-addon"),value:"tooltip gkit-progress-bar-tooltip--rounded",attributes:{style:"tooltip gkit-progress-bar-tooltip--rounded"}},{label:(0,a.__)("Tooltip Circle","gutenkit-blocks-addon"),value:"tooltip gkit-progress-bar-tooltip--circle",attributes:{style:"tooltip gkit-progress-bar-tooltip--circle"}},{label:(0,a.__)("Switch","gutenkit-blocks-addon"),value:"switch",attributes:{style:"switch"}},{label:(0,a.__)("Ribbon","gutenkit-blocks-addon"),value:"tooltip gkit-progress-bar-tooltip--ribbon",attributes:{style:"tooltip gkit-progress-bar-tooltip--ribbon"}},{label:(0,a.__)("Stripe","gutenkit-blocks-addon"),value:"tooltip gkit-progress-bar-tooltip--rounded gkit-progress-bar-stripe",attributes:{style:"tooltip gkit-progress-bar-tooltip--rounded gkit-progress-bar-stripe"}}],onChange:e=>t({style:e})}),"inner-content"===e?.style&&(0,l.jsx)(h,{label:(0,a.__)("Add Icon","gutenkit-blocks-addon"),value:e?.icon,onChange:e=>t({icon:e})}),(0,l.jsx)(k,{value:e?.title,label:(0,a.__)("Title","gutenkit-blocks-addon"),onChange:e=>t({title:e}),labelBlock:"block"}),(0,l.jsx)(s,{label:(0,a.__)("Hide Percentage Number?","gutenkit-blocks-addon"),value:e?.percentageHide,onChange:e=>t({percentageHide:e})}),(0,l.jsx)(d,{label:(0,a.__)("Progress","gutenkit-blocks-addon"),value:e.progress,onChange:e=>t({progress:e})}),(0,l.jsx)(d,{label:(0,a.__)("Duration","gutenkit-blocks-addon"),value:e.duration,onChange:e=>t({duration:e}),range:{max:1e4}})]})});case"style":return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r,{title:(0,a.__)("Bar","gutenkit-blocks-addon"),initialOpen:!0,children:["tooltip gkit-progress-bar-tooltip--rounded gkit-progress-bar-stripe"===e?.style?(0,l.jsx)(u,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:e?.barStripeBackground,onChange:e=>t({barStripeBackground:e})}):(0,l.jsx)(_,{value:e?.barBackground,onChange:e=>t({barBackground:e}),exclude:{video:!0,image:!0}}),"switch"!==e?.style&&(0,l.jsx)(p,{children:(0,l.jsx)(g,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:j(e,"barHeight",o),onChange:e=>y("barHeight",e,o,t),units:{px:{min:0,max:100},em:{min:0,max:100}}})}),(0,l.jsx)(c,{value:e?.barBoxShadow,onChange:e=>t({barBoxShadow:e})}),(0,l.jsx)(v,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:e?.barborderRadius,onChange:e=>t({barborderRadius:e})}),"shadow"===e?.style&&(0,l.jsx)(v,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:e?.barPadding,onChange:e=>t({barPadding:e})})]}),(0,l.jsxs)(r,{title:(0,a.__)("Track","gutenkit-blocks-addon"),children:["tooltip gkit-progress-bar-tooltip--rounded gkit-progress-bar-stripe"===e?.style?(0,l.jsx)(u,{label:(0,a.__)("Stripe Color","gutenkit-blocks-addon"),value:e?.trackStripeBackground,onChange:e=>t({trackStripeBackground:e})}):(0,l.jsx)(_,{value:e?.trackBackground,onChange:e=>t({trackBackground:e}),exclude:{video:!0,image:!0}}),"switch"===e?.style&&(0,l.jsx)(u,{label:(0,a.__)("Switch Color","gutenkit-blocks-addon"),value:e?.switchColor,onChange:e=>t({switchColor:e})}),(0,l.jsx)(c,{value:e?.trackBoxShadow,onChange:e=>t({trackBoxShadow:e})}),(0,l.jsx)(v,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:e?.trackBorderRadius,onChange:e=>t({trackBorderRadius:e})})]}),(0,l.jsxs)(r,{title:(0,a.__)("Title","gutenkit-blocks-addon"),children:[(0,l.jsx)(u,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),value:e?.titleColor,onChange:e=>t({titleColor:e})}),(0,l.jsx)(b,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.titleTypography,onChange:e=>t({titleTypography:e})}),(0,l.jsx)(p,{children:(0,l.jsx)(g,{label:(0,a.__)("Margin Bottom","gutenkit-blocks-addon"),value:j(e,"titleMarginBottom",o),onChange:e=>y("titleMarginBottom",e,o,t),units:{px:{min:0,max:100},em:{min:0,max:100}}})})]}),(0,l.jsxs)(r,{title:(0,a.__)("Percentage","gutenkit-blocks-addon"),children:[(0,l.jsx)(u,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),value:e?.percentageColor,onChange:e=>t({percentageColor:e})}),(0,l.jsx)(b,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.percentageTypography,onChange:e=>t({percentageTypography:e})}),e?.style.includes("tooltip")&&(0,l.jsx)(u,{label:(0,a.__)("Background Color","gutenkit-blocks-addon"),value:e?.percentageBackground,onChange:e=>t({percentageBackground:e})})]}),"inner-content"===e.style&&(0,l.jsxs)(r,{title:(0,a.__)("Icon","gutenkit-blocks-addon"),children:[(0,l.jsx)(u,{label:(0,a.__)("Icon Color","gutenkit-blocks-addon"),value:e?.iconColor,onChange:e=>t({iconColor:e})}),(0,l.jsx)(p,{children:(0,l.jsx)(g,{label:(0,a.__)("Icon Size","gutenkit-blocks-addon"),value:j(e,"iconSize",o),onChange:e=>y("iconSize",e,o,t),units:{px:{min:0,max:100},em:{min:0,max:100}}})})]})]});case"advanced":return(0,l.jsx)(l.Fragment,{children:n})}}})}))}}]);