vuetify eingebunden + erster Versuch Combobox

node_modules/vuetify/es5/components/VProgressCircular/VProgressCircular.js

@@ -0,0 +1,136 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+require('../../../src/stylus/components/_progress-circular.styl');
+
+var _colorable = require('../../mixins/colorable');
+
+var _colorable2 = _interopRequireDefault(_colorable);
+
+var _mixins = require('../../util/mixins');
+
+var _mixins2 = _interopRequireDefault(_mixins);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* @vue/component */
+
+// Mixins
+exports.default = (0, _mixins2.default)(_colorable2.default).extend({
+    name: 'v-progress-circular',
+    props: {
+        button: Boolean,
+        indeterminate: Boolean,
+        rotate: {
+            type: [Number, String],
+            default: 0
+        },
+        size: {
+            type: [Number, String],
+            default: 32
+        },
+        width: {
+            type: [Number, String],
+            default: 4
+        },
+        value: {
+            type: [Number, String],
+            default: 0
+        }
+    },
+    computed: {
+        calculatedSize: function calculatedSize() {
+            return Number(this.size) + (this.button ? 8 : 0);
+        },
+        circumference: function circumference() {
+            return 2 * Math.PI * this.radius;
+        },
+        classes: function classes() {
+            return {
+                'v-progress-circular--indeterminate': this.indeterminate,
+                'v-progress-circular--button': this.button
+            };
+        },
+        normalizedValue: function normalizedValue() {
+            if (this.value < 0) {
+                return 0;
+            }
+            if (this.value > 100) {
+                return 100;
+            }
+            return parseFloat(this.value);
+        },
+        radius: function radius() {
+            return 20;
+        },
+        strokeDashArray: function strokeDashArray() {
+            return Math.round(this.circumference * 1000) / 1000;
+        },
+        strokeDashOffset: function strokeDashOffset() {
+            return (100 - this.normalizedValue) / 100 * this.circumference + 'px';
+        },
+        strokeWidth: function strokeWidth() {
+            return Number(this.width) / +this.size * this.viewBoxSize * 2;
+        },
+        styles: function styles() {
+            return {
+                height: this.calculatedSize + 'px',
+                width: this.calculatedSize + 'px'
+            };
+        },
+        svgStyles: function svgStyles() {
+            return {
+                transform: 'rotate(' + Number(this.rotate) + 'deg)'
+            };
+        },
+        viewBoxSize: function viewBoxSize() {
+            return this.radius / (1 - Number(this.width) / +this.size);
+        }
+    },
+    methods: {
+        genCircle: function genCircle(h, name, offset) {
+            return h('circle', {
+                class: 'v-progress-circular__' + name,
+                attrs: {
+                    fill: 'transparent',
+                    cx: 2 * this.viewBoxSize,
+                    cy: 2 * this.viewBoxSize,
+                    r: this.radius,
+                    'stroke-width': this.strokeWidth,
+                    'stroke-dasharray': this.strokeDashArray,
+                    'stroke-dashoffset': offset
+                }
+            });
+        },
+        genSvg: function genSvg(h) {
+            var children = [this.indeterminate || this.genCircle(h, 'underlay', 0), this.genCircle(h, 'overlay', this.strokeDashOffset)];
+            return h('svg', {
+                style: this.svgStyles,
+                attrs: {
+                    xmlns: 'http://www.w3.org/2000/svg',
+                    viewBox: this.viewBoxSize + ' ' + this.viewBoxSize + ' ' + 2 * this.viewBoxSize + ' ' + 2 * this.viewBoxSize
+                }
+            }, children);
+        }
+    },
+    render: function render(h) {
+        var info = h('div', { staticClass: 'v-progress-circular__info' }, this.$slots.default);
+        var svg = this.genSvg(h);
+        return h('div', this.setTextColor(this.color, {
+            staticClass: 'v-progress-circular',
+            attrs: {
+                'role': 'progressbar',
+                'aria-valuemin': 0,
+                'aria-valuemax': 100,
+                'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
+            },
+            class: this.classes,
+            style: this.styles,
+            on: this.$listeners
+        }), [svg, info]);
+    }
+});
+//# sourceMappingURL=VProgressCircular.js.map

node_modules/vuetify/es5/components/VProgressCircular/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VProgressCircular = undefined;
+
+var _VProgressCircular = require('./VProgressCircular');
+
+var _VProgressCircular2 = _interopRequireDefault(_VProgressCircular);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.VProgressCircular = _VProgressCircular2.default;
+exports.default = _VProgressCircular2.default;
+//# sourceMappingURL=index.js.map

node_modules/vuetify/es5/components/VProgressCircular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressCircular/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;QAES,iB,GAAA,2B;kBACM,2B","sourcesContent":["import VProgressCircular from './VProgressCircular'\n\nexport { VProgressCircular }\nexport default VProgressCircular\n"],"sourceRoot":""}