2022-09-06 12:03:37 +00:00
|
|
|
<template>
|
2023-05-29 09:19:55 +00:00
|
|
|
<div :class="cx('root')" role="progressbar" v-bind="ptm('root')" data-pc-name="progressspinner">
|
2023-05-24 11:44:15 +00:00
|
|
|
<svg :class="cx('spinner')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
|
|
|
|
<circle :class="cx('circle')" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
|
2022-09-06 12:03:37 +00:00
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2023-05-30 08:47:45 +00:00
|
|
|
import BaseProgressSpinner from './BaseProgressSpinner.vue';
|
2023-04-21 13:39:16 +00:00
|
|
|
|
2022-09-06 12:03:37 +00:00
|
|
|
export default {
|
|
|
|
name: 'ProgressSpinner',
|
2023-05-25 14:42:43 +00:00
|
|
|
extends: BaseProgressSpinner,
|
2022-09-06 12:03:37 +00:00
|
|
|
computed: {
|
|
|
|
svgStyle() {
|
|
|
|
return {
|
|
|
|
'animation-duration': this.animationDuration
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
2022-09-14 11:26:01 +00:00
|
|
|
};
|
2022-09-06 12:03:37 +00:00
|
|
|
</script>
|