https://cenrhonealpes.org/static/js/5618.ff6b515d.chunk.js

1"use strict";(self.webpackChunkappsmith=self.webpackChunkappsmith||[]).push([[5618],{45618:(e,r,t)=>{t.r(r),t.d(r,{default:()=>b});t(49255);var s=t(6490),o=t(63251),i=t(50785),l=t(9162),a=t(31653),n=t(34869),p=t(43567),c=t(98004);var d=t(65983);const h=c.Ay.svg`
2  width: 100%;
3  height: 100%;
4  vertical-align: middle;
5`,u=c.Ay.circle`
6  fill: transparent;
7`,g=c.Ay.path`
8  stroke: ${s.J.MERCURY};
9`,y=c.Ay.path`
10  stroke: ${e=>e.fillColor};
11  transition: stroke-dashoffset 0.5s ease 0s;
12`,C=c.Ay.text`
13  fill: ${s.J.THUNDER};
14  font-size: 20px;
15  dominant-baseline: middle;
16  text-anchor: middle;
17`;const m=function(e){let{counterClockwise:r,fillColor:t=s.J.GREEN,progress:o=0,showResult:i=!0}=e;const l=46,a=o/100;function n(){const e=r?1:0;return`\n        M 50,50\n        m 0,-46\n        a 46,46 ${e} 1 1 0,92\n        a 46,46 ${e} 1 1 0,-92\n      `}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;const t=2*Math.PI*l,s=(1-e)*t;return{strokeDasharray:`${t}px ${t}px`,strokeDashoffset:`${r?-s:s}px`}}return(0,d.jsxs)(h,{"data-testid":"CircularProgressbar",viewBox:"0 0 100 100",children:[(0,d.jsx)(u,{cx:50,cy:50,r:50}),(0,d.jsx)(g,{d:n(),fillOpacity:0,strokeWidth:8,style:p()}),(0,d.jsx)(y,{d:n(),fillColor:t,fillOpacity:0,strokeWidth:8,style:p(a)}),i&&!isNaN(o)&&(0,d.jsx)(C,{x:50,y:50,children:`${Math.round(o/100*100)}%`})]})};var f=t(47491);class T extends n.Ay{static getConfig(){return{name:"Circular Progress",hideCard:!0,isDeprecated:!0,replacement:"PROGRESS_WIDGET",iconSVG:f.A,tags:[o.xT.CONTENT]}}static getDefaults(){return{counterClockWise:!1,fillColor:s.J.GREEN,isVisible:!0,progress:65,showResult:!0,rows:17,columns:16,widgetName:"CircularProgress",shouldScroll:!1,shouldTruncate:!1,version:1,animateLoading:!0}}static getPropertyPaneConfig(){return[{sectionName:"General",children:[{propertyName:"progress",helpText:"Sets the progress value of the widget",label:"Progress",controlType:"INPUT_TEXT",placeholderText:"Value:",isBindProperty:!0,isTriggerProperty:!1,validation:{type:i.b.NUMBER}},{propertyName:"counterClockwise",helpText:"Counter clock wise",label:"CounterClockWise",controlType:"SWITCH",isBindProperty:!0,isTriggerProperty:!1,validation:{type:i.b.BOOLEAN}},{propertyName:"showResult",helpText:"Controls the visibility of progress value",label:"Show result",controlType:"SWITCH",isJSConvertible:!0,isBindProperty:!0,isTriggerProperty:!1,validation:{type:i.b.BOOLEAN}},{propertyName:"isVisible",helpText:"Controls the visibility of the widget",label:"Visible",controlType:"SWITCH",isJSConvertible:!0,isBindProperty:!0,isTriggerProperty:!1,validation:{type:i.b.BOOLEAN}}]},{sectionName:"Styles",children:[{propertyName:"fillColor",label:"Fill color",controlType:"COLOR_PICKER",isJSConvertible:!0,isBindProperty:!0,isTriggerProperty:!1,validation:{type:i.b.TEXT,params:{regex:/^((?![<|{{]).+){0,1}/,expected:{type:"string (HTML color name or HEX value)",example:"red | #9C0D38",autocompleteDataType:a.$.STRING}}}}]}]}static getStylesheetConfig(){return{fillColor:"{{appsmith.theme.colors.primaryColor}}",borderRadius:"{{appsmith.theme.borderRadius.appBorderRadius}}"}}static getAutocompleteDefinitions(){return{"!doc":"Circular Progress is a simple UI widget used to show progress","!url":"https://docs.appsmith.com/widget-reference/circular-progress",isVisible:p.C0.isVisible,progress:"number"}}static getMethods(){return{getEditorCallouts:()=>[{message:(0,l.aB)(T.getConfig().name)}]}}getWidgetView(){return(0,d.jsx)(m,{counterClockwise:this.props.counterClockwise,fillColor:this.props.fillColor,progress:this.props.progress,showResult:this.props.showResult})}}T.type="CIRCULAR_PROGRESS_WIDGET";const b=T}}]);
18//# sourceMappingURL=5618.ff6b515d.chunk.js.map