1import{_ as n,x as u,a3 as _,B as e,bk as r,d as V,a1 as z,b_ as w,a4 as v,z as t,aw as s,au as p,y as x,b4 as g,ar as a,b3 as b}from"./same-chunk-name-CYm4I15d.js";import{_ as D}from"./AppCardCode-BgqLdguG.js";import"./index-Bv0_4MMX.js";const S={},I={class:"demo-space-x"};function j(c,l){return u(),_("div",I,[e(r,{size:30,width:"3",color:"primary",indeterminate:""}),e(r,{size:40,color:"primary",indeterminate:""}),e(r,{size:50,color:"primary",indeterminate:""}),e(r,{size:60,color:"primary",indeterminate:""})])}const B=n(S,[["render",j],["__file","/opt/buildhome/repo/src/views/demos/components/progress-circular/DemoProgressCircularSize.vue"]]),$=V({__name:"DemoProgressCircularRotate",setup(c,{expose:l}){l();const i=v(),o=v(0);z(()=>{i.value=setInterval(()=>{if(o.value===100)return o.value=0;o.value+=10},1e3)}),w(()=>{clearInterval(i.value)});const d={interval:i,progressValue:o};return Object.defineProperty(d,"__isScriptSetup",{enumerable:!1,value:!0}),d}}),R={class:"demo-space-x"};function k(c,l,i,o,d,C){return u(),_("div",R,[e(r,{rotate:360,size:70,width:6,"model-value":o.progressValue,color:"primary"},{default:t(()=>[s(p(o.progressValue),1)]),_:1},8,["model-value"]),e(r,{rotate:90,size:70,width:6,"model-value":o.progressValue,color:"primary"},{default:t(()=>[s(p(o.progressValue),1)]),_:1},8,["model-value"]),e(r,{rotate:170,size:70,width:6,"model-value":o.progressValue,color:"primary"},{default:t(()=>[s(p(o.progressValue),1)]),_:1},8,["model-value"]),e(r,{rotate:-90,size:70,width:6,"model-value":o.progressValue,color:"primary"},{default:t(()=>[s(p(o.progressValue),1)]),_:1},8,["model-value"])])}const M=n($,[["render",k],["__file","/opt/buildhome/repo/src/views/demos/components/progress-circular/DemoProgressCircularRotate.vue"]]),O={},T={class:"demo-space-x"};function U(c,l){return u(),_("div",T,[e(r,{indeterminate:"",color:"primary"}),e(r,{indeterminate:"",color:"secondary"}),e(r,{indeterminate:"",color:"success"}),e(r,{indeterminate:"",color:"info"}),e(r,{indeterminate:"",color:"warning"}),e(r,{indeterminate:"",color:"error"})])}const N=n(O,[["render",U],["__file","/opt/buildhome/repo/src/views/demos/components/progress-circular/DemoProgressCircularIndeterminate.vue"]]),A={},E={class:"demo-space-x"};function q(c,l){return u(),_("div",E,[e(r,{"model-value":"50",color:"primary"}),e(r,{"model-value":"50",color:"secondary"}),e(r,{"model-value":"50",color:"success"}),e(r,{"model-value":"50",color:"info"}),e(r,{"model-value":"50",color:"warning"}),e(r,{"model-value":"50",color:"error"})])}const F=n(A,[["render",q],["__file","/opt/buildhome/repo/src/views/demos/components/progress-circular/DemoProgressCircularColor.vue"]]),G={ts:`<template> 2 <div class="demo-space-x"> 3 <VProgressCircular 4 model-value="50" 5 color="primary" 6 /> 7 8 <VProgressCircular 9 model-value="50" 10 color="secondary" 11 /> 12 13 <VProgressCircular 14 model-value="50" 15 color="success" 16 /> 17 18 <VProgressCircular 19 model-value="50" 20 color="info" 21 /> 22 23 <VProgressCircular 24 model-value="50" 25 color="warning" 26 /> 27 28 <VProgressCircular 29 model-value="50" 30 color="error" 31 /> 32 </div> 33</template> 34`,js:`<template> 35 <div class="demo-space-x"> 36 <VProgressCircular 37 model-value="50" 38 color="primary" 39 /> 40 41 <VProgressCircular 42 model-value="50" 43 color="secondary" 44 /> 45 46 <VProgressCircular 47 model-value="50" 48 color="success" 49 /> 50 51 <VProgressCircular 52 model-value="50" 53 color="info" 54 /> 55 56 <VProgressCircular 57 model-value="50" 58 color="warning" 59 /> 60 61 <VProgressCircular 62 model-value="50" 63 color="error" 64 /> 65 </div> 66</template> 67`},H={ts:`<template> 68 <div class="demo-space-x"> 69 <VProgressCircular 70 indeterminate 71 color="primary" 72 /> 73 74 <VProgressCircular 75 indeterminate 76 color="secondary" 77 /> 78 79 <VProgressCircular 80 indeterminate 81 color="success" 82 /> 83 84 <VProgressCircular 85 indeterminate 86 color="info" 87 /> 88 89 <VProgressCircular 90 indeterminate 91 color="warning" 92 /> 93 94 <VProgressCircular 95 indeterminate 96 color="error" 97 /> 98 </div> 99</template> 100`,js:`<template> 101 <div class="demo-space-x"> 102 <VProgressCircular 103 indeterminate 104 color="primary" 105 /> 106 107 <VProgressCircular 108 indeterminate 109 color="secondary" 110 /> 111 112 <VProgressCircular 113 indeterminate 114 color="success" 115 /> 116 117 <VProgressCircular 118 indeterminate 119 color="info" 120 /> 121 122 <VProgressCircular 123 indeterminate 124 color="warning" 125 /> 126 127 <VProgressCircular 128 indeterminate 129 color="error" 130 /> 131 </div> 132</template> 133`},J={ts:`<script setup lang="ts"> 134const interval = ref() 135const progressValue = ref(0) 136 137onMounted(() => { 138 interval.value = setInterval(() => { 139 if (progressValue.value === 100) 140 return progressValue.value = 0 141 progressValue.value += 10 142 }, 1000) 143}
143) 144 145onBeforeUnmount(() => { 146 clearInterval(interval.value) 147}) 148<\/script> 149 150<template> 151 <div class="demo-space-x"> 152 <VProgressCircular 153 :rotate="360" 154 :size="70" 155 :width="6" 156 :model-value="progressValue" 157 color="primary" 158 > 159 {{ progressValue }} 160 </VProgressCircular> 161 162 <VProgressCircular 163 :rotate="90" 164 :size="70" 165 :width="6" 166 :model-value="progressValue" 167 color="primary" 168 > 169 {{ progressValue }} 170 </VProgressCircular> 171 172 <VProgressCircular 173 :rotate="170" 174 :size="70" 175 :width="6" 176 :model-value="progressValue" 177 color="primary" 178 > 179 {{ progressValue }} 180 </VProgressCircular> 181 182 <VProgressCircular 183 :rotate="-90" 184 :size="70" 185 :width="6" 186 :model-value="progressValue" 187 color="primary" 188 > 189 {{ progressValue }} 190 </VProgressCircular> 191 </div> 192</template> 193`,js:`<script setup> 194const interval = ref() 195const progressValue = ref(0) 196 197onMounted(() => { 198 interval.value = setInterval(() => { 199 if (progressValue.value === 100) 200 return progressValue.value = 0 201 progressValue.value += 10 202 }, 1000) 203}) 204onBeforeUnmount(() => { 205 clearInterval(interval.value) 206}) 207<\/script> 208 209<template> 210 <div class="demo-space-x"> 211 <VProgressCircular 212 :rotate="360" 213 :size="70" 214 :width="6" 215 :model-value="progressValue" 216 color="primary" 217 > 218 {{ progressValue }} 219 </VProgressCircular> 220 221 <VProgressCircular 222 :rotate="90" 223 :size="70" 224 :width="6" 225 :model-value="progressValue" 226 color="primary" 227 > 228 {{ progressValue }} 229 </VProgressCircular> 230 231 <VProgressCircular 232 :rotate="170" 233 :size="70" 234 :width="6" 235 :model-value="progressValue" 236 color="primary" 237 > 238 {{ progressValue }} 239 </VProgressCircular> 240 241 <VProgressCircular 242 :rotate="-90" 243 :size="70" 244 :width="6" 245 :model-value="progressValue" 246 color="primary" 247 > 248 {{ progressValue }} 249 </VProgressCircular> 250 </div> 251</template> 252`},K={ts:`<template> 253 <div class="demo-space-x"> 254 <VProgressCircular 255 :size="30" 256 width="3" 257 color="primary" 258 indeterminate 259 /> 260 261 <VProgressCircular 262 :size="40" 263 color="primary" 264 indeterminate 265 /> 266 267 <VProgressCircular 268 :size="50" 269 color="primary" 270 indeterminate 271 /> 272 273 <VProgressCircular 274 :size="60" 275 color="primary" 276 indeterminate 277 /> 278 </div> 279</template> 280`,js:`<template> 281 <div class="demo-space-x"> 282 <VProgressCircular 283 :size="30" 284 width="3" 285 color="primary" 286 indeterminate 287 /> 288 289 <VProgressCircular 290 :size="40" 291 color="primary" 292 indeterminate 293 /> 294 295 <VProgressCircular 296 :size="50" 297 color="primary" 298 indeterminate 299 /> 300 301 <VProgressCircular 302 :size="60" 303 color="primary" 304 indeterminate 305 /> 306 </div> 307</template> 308`},L=Object.freeze(Object.defineProperty({__proto__:null,color:G,indeterminate:H,rotate:J,size:K},Symbol.toStringTag,{value:"Module"})),Q=V({__name:"progress-circular",setup(c,{expose:l}){l();const i={get demoCode(){return L}};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}});function W(c,l,i,o,d,C){const f=F,m=D,P=N,y=M,h=B;return u(),x(b,{class:"match-height"},{default:t(()=>[e(g,{cols:"12",md:"6"},{default:t(()=>[e(m,{title:"color",code:o.demoCode.color},{default:t(()=>[l[0]||(l[0]=a("p",null,[s("Alternate colors can be applied to "),a("code",null,"v-progress-circular"),s(" using the "),a("code",null,"color"),s(" prop.")],-1)),e(f)]),_:1},8,["code"])]),_:1}),e(g,{cols:"12",md:"6"},{default:t(()=>[e(m,{title:"Indeterminate",code:o.demoCode.indeterminate},{default:t(()=>[l[1]||(l[1]=a("p",null,[s("Using the "),a("code",null,"indeterminate"),s(" prop, a "),a("code",null,"v-progress-circular"),s(" continues to animate indefinitely.")],-1)),e(P)]),_:1},8,["code"])]),_:1}),e(g,{cols:"12",md:"6"},{default:t(()=>[e(m,{title:"Rotate",code:o.demoCode.rotate},{default:t(()=>[l[2]||(l[2]=a("p",null,[s("The "),a("code",null,"rotate"),s(" prop gives you the ability to customize the "),a("code",null,"v-progress-circular"),s("'s origin.")],-1)),e(y)]),_:1},8,["code"])]),_:1}),e(g,{cols:"12",md:"6"},{default:t(()=>[e(m,{title:"Size",code:o.demoCode.size},{default:t(()=>[l[3]||(l[3]=a("p",null,[s("The "),a("code",null,"size"),s(" and "),a("c
308ode",null,"width"),s(" props allow you to easily alter the size and width of the "),a("code",null,"v-progress-circular"),s(" component.")],-1)),e(h)]),_:1},8,["code"])]),_:1})]),_:1})}const ee=n(Q,[["render",W],["__file","/opt/buildhome/repo/src/pages/components/progress-circular.vue"]]);export{ee as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.