import{r as e,h as r}from"./p-D0dWnGvB.js";const a=class{constructor(r){e(this,r),this.percentage=0}handleInputChange(e){this.percentage=Number(e.target.value)}render(){return r("div",{key:"93b12bb1b50bca6a8779602dfae556ed9a249694"},r("h1",{key:"17104e1f358f842bbf4367056ee50a1a618febd2"},"Circular Progress Bar Example"),r("div",{key:"f7ad348d4d72a631de16e0903d18b270237a3dc4",style:{padding:"50px",gap:"20px"}},r("div",{key:"d25b78be3819c364fe0dd7a7b66f42dc19771b98",style:{display:"flex",flexDirection:"column",gap:"20px"}},r("dga-circular-progress-bar",{key:"80fc781f91a18b4975ebd7b450ccc94063d3ad47",size:"200px",percentage:this.percentage,text:"Active users"}),r("dga-circular-progress-bar",{key:"828733c9146490cf64e64ddc0feedbe3be1d0908",size:"160px",percentage:this.percentage,variant:"success",text:"Active users"}),r("dga-circular-progress-bar",{key:"98e0b21778c182965728b92c8747756848b8e932",size:"120px",percentage:this.percentage,text:"Active users"}),r("dga-circular-progress-bar",{key:"25c48643c8c8e6fbebf395c2f7e02a02c8739d71",size:"80px",percentage:this.percentage,text:"Active users"}),r("dga-circular-progress-bar",{key:"886bce4d9ec1e9307598ca9f413d660388b53099",size:"64px",percentage:this.percentage}),r("div",{key:"62d0a92b1433758e4075803f863afec7178acdf0",style:{display:"flex",flexDirection:"row",gap:"20px"}},r("dga-circular-progress-bar",{key:"f373f650310eb2d5a2a619458adc361c32e6b6f9",RTL:!0,size:"200px",percentage:this.percentage,variant:"success",text:"Active users"}),r("dga-circular-progress-bar",{key:"cbf8180616fed89eb9113586c88cd04f5cb1130b",RTL:!0,size:"160px",percentage:this.percentage,variant:"success",text:"Active users"}),r("dga-circular-progress-bar",{key:"1a2b0931e33296176fbcc265f25d3a36f2f684a0",RTL:!0,size:"120px",percentage:this.percentage,variant:"success",text:"Active users"}),r("dga-circular-progress-bar",{key:"843d80bd0e79c690ec9f1fdd925e4a7cc170fb8e",RTL:!0,size:"80px",percentage:this.percentage,variant:"success",text:"Active users"}),r("dga-circular-progress-bar",{key:"96a961ee8e2bbab1e523cd45d08bbb4b37186557",RTL:!0,size:"64px",percentage:this.percentage,variant:"success",text:"Active users"})),r("div",{key:"ef8554b9cae1fcf34f8ee84a92d3fbd7a230651e",style:{display:"flex",flexDirection:"row",gap:"20px"}},r("dga-circular-progress-bar",{key:"461eb0e59dac18e89e272157318f620d8c4296a6",RTL:!0,size:"200px",percentage:this.percentage,variant:"error",text:"Active users"}),r("dga-circular-progress-bar",{key:"4401d971110541860f61bbaf6ec4c4848421cc14",RTL:!0,size:"160px",percentage:this.percentage,variant:"error",text:"Active users"}),r("dga-circular-progress-bar",{key:"310f989f159017a9eb9cac6791a72eb79ada09ab",RTL:!0,size:"120px",percentage:this.percentage,variant:"error",text:"Active users"}),r("dga-circular-progress-bar",{key:"f22cbecf6d11d6c5681b7dbab4c72665ff9c2b9c",RTL:!0,size:"80px",percentage:this.percentage,variant:"error",text:"Active users"}),r("dga-circular-progress-bar",{key:"dcf7bacacbc3023c77db1d973351ab014c30864a",RTL:!0,size:"64px",percentage:this.percentage,variant:"error",text:"Active users"})),r("input",{key:"ba44122f942ddfde011ccc8f7c4af952d5772968",type:"range",min:"0",max:"100",value:this.percentage,onInput:e=>this.handleInputChange(e)})),r("div",{key:"c97016057e8e00e2cc73d2b66806d13ccd46c17e",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{a as dga_circular_progress_bar_usage}