Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

VProgressCircular.js.map 6.3KB

1
  1. {"version":3,"sources":["../../../src/components/VProgressCircular/VProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["import '../../stylus/components/_progress-circular.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { CreateElement, VNode, VNodeChildrenArrayContents } from 'vue'\n\n/* @vue/component */\nexport default mixins(Colorable).extend({\n name: 'v-progress-circular',\n\n props: {\n button: Boolean,\n\n indeterminate: Boolean,\n\n rotate: {\n type: [Number, String],\n default: 0\n },\n\n size: {\n type: [Number, String],\n default: 32\n },\n\n width: {\n type: [Number, String],\n default: 4\n },\n\n value: {\n type: [Number, String],\n default: 0\n }\n },\n\n computed: {\n calculatedSize (): number {\n return Number(this.size) + (this.button ? 8 : 0)\n },\n\n circumference (): number {\n return 2 * Math.PI * this.radius\n },\n\n classes (): object {\n return {\n 'v-progress-circular--indeterminate': this.indeterminate,\n 'v-progress-circular--button': this.button\n }\n },\n\n normalizedValue (): number {\n if (this.value < 0) {\n return 0\n }\n\n if (this.value > 100) {\n return 100\n }\n\n return parseFloat(this.value)\n },\n\n radius (): number {\n return 20\n },\n\n strokeDashArray (): number {\n return Math.round(this.circumference * 1000) / 1000\n },\n\n strokeDashOffset (): string {\n return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n },\n\n strokeWidth (): number {\n return Number(this.width) / +this.size * this.viewBoxSize * 2\n },\n\n styles (): object {\n return {\n height: `${this.calculatedSize}px`,\n width: `${this.calculatedSize}px`\n }\n },\n\n svgStyles (): object {\n return {\n transform: `rotate(${Number(this.rotate)}deg)`\n }\n },\n\n viewBoxSize (): number {\n return this.radius / (1 - Number(this.width) / +this.size)\n }\n },\n\n methods: {\n genCircle (h: CreateElement, name: string, offset: string | number): VNode {\n return h('circle', {\n class: `v-progress-circular__${name}`,\n attrs: {\n fill: 'transparent',\n cx: 2 * this.viewBoxSize,\n cy: 2 * this.viewBoxSize,\n r: this.radius,\n 'stroke-width': this.strokeWidth,\n 'stroke-dasharray': this.strokeDashArray,\n 'stroke-dashoffset': offset\n }\n })\n },\n genSvg (h: CreateElement): VNode {\n const children = [\n this.indeterminate || this.genCircle(h, 'underlay', 0),\n this.genCircle(h, 'overlay', this.strokeDashOffset)\n ] as VNodeChildrenArrayContents\n\n return h('svg', {\n style: this.svgStyles,\n attrs: {\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`\n }\n }, children)\n }\n },\n\n render (h): VNode {\n const info = h('div', { staticClass: 'v-progress-circular__info' }, this.$slots.default)\n const svg = this.genSvg(h)\n\n return h('div', this.setTextColor(this.color, {\n staticClass: 'v-progress-circular',\n attrs: {\n 'role': 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue\n },\n class: this.classes,\n style: this.styles,\n on: this.$listeners\n }), [svg, info])\n }\n})\n"],"sourceRoot":""}