"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_assets_js_components_demo_LocalVueWheelSpinner_vue"],{ /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js": /*!**************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js ***! \**************************************************************************************************************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Vue 2 Options API port of vue-wheel-spinner (no script setup / second Vue runtime). * Works with window.Vue from CDN; exposes drawWheel + spinWheel on component refs. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ name: 'LocalVueWheelSpinner', props: { slices: { type: Array, required: true }, sliceFontStyle: { type: String, "default": 'bold 16px Arial' }, sliceTextPosition: { type: String, "default": 'edge' }, winnerIndex: { type: Number, "default": 0 }, extraSpins: { type: Number, "default": 10 }, spinDuration: { type: Number, "default": 4000 }, cursorAngle: { type: Number, "default": 270 }, cursorPosition: { type: String, "default": 'center' }, cursorDistance: { type: Number, "default": 50 }, sounds: { type: Object, "default": function _default() { return {}; } } }, data: function data() { return { isSpinning: false, currentAngle: 0, spinningAudio: null, wonAudio: null }; }, watch: { slices: function slices() { this.drawWheel(); }, sliceTextPosition: function sliceTextPosition() { this.drawWheel(); }, sliceFontStyle: function sliceFontStyle() { this.drawWheel(); }, cursorAngle: function cursorAngle() { this.positionCursor(); }, cursorPosition: function cursorPosition() { this.positionCursor(); }, cursorDistance: function cursorDistance() { this.positionCursor(); } }, mounted: function mounted() { var s = this.sounds; if (s && s.spinning && typeof s.spinning === 'string') { this.spinningAudio = new Audio(s.spinning); } if (s && s.won && typeof s.won === 'string') { this.wonAudio = new Audio(s.won); } window.addEventListener('resize', this.handleResize); this.$nextTick(this.drawWheel); }, beforeDestroy: function beforeDestroy() { window.removeEventListener('resize', this.handleResize); }, methods: { degreesToRadians: function degreesToRadians(degrees) { return degrees * (Math.PI / 180); }, getSlices: function getSlices() { return this.slices; }, getContrastingColor: function getContrastingColor(bgColor) { var color = bgColor; if (bgColor.charAt(0) === '#') { color = bgColor.substring(1, 7); } var r = parseInt(color.substring(0, 2), 16); var g = parseInt(color.substring(2, 4), 16); var b = parseInt(color.substring(4, 6), 16); var brightness = (r * 299 + g * 587 + b * 114) / 1000; return brightness > 125 ? 'black' : 'white'; }, getAnglePerSlice: function getAnglePerSlice() { return 360 / this.getSlices().length; }, getCursorAngle: function getCursorAngle() { return this.cursorAngle; }, getRandomBetween: function getRandomBetween(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; }, getNormalizedAngle: function getNormalizedAngle(angle) { return angle % 360; }, getSliceAngles: function getSliceAngles(sliceIndex, currentCanvasAngle) { var slices = this.getSlices(); var anglePerSlice = 360 / slices.length; var startAngle = this.getNormalizedAngle(currentCanvasAngle + anglePerSlice * sliceIndex); var endAngle = this.getNormalizedAngle(currentCanvasAngle + startAngle + anglePerSlice); return { startAngle: startAngle, endAngle: endAngle }; }, getEaseInOutQuart: function getEaseInOutQuart(progress) { return progress < 0.5 ? 8 * Math.pow(progress, 4) : 1 - Math.pow(-2 * progress + 2, 4) / 2; }, drawSlice: function drawSlice(context, centerX, centerY, radius, startAngle, endAngle, fillColor) { context.beginPath(); context.moveTo(centerX, centerY); context.arc(centerX, centerY, radius, this.degreesToRadians(startAngle), this.degreesToRadians(endAngle)); context.strokeStyle = fillColor; context.stroke(); context.fillStyle = fillColor; context.fill(); context.closePath(); }, drawLabel: function drawLabel(context, centerX, centerY, radius, startAngle, endAngle, fillColor, sliceLabel, sliceTextColor, sliceTextPosition, sliceFontStyle) { var textRotateAngle = (endAngle - startAngle) / 2 + startAngle; context.save(); context.translate(centerX, centerY); context.rotate(this.degreesToRadians(textRotateAngle)); context.textAlign = 'right'; context.textBaseline = 'middle'; context.fillStyle = sliceTextColor || this.getContrastingColor(fillColor); context.font = sliceFontStyle; if (sliceTextPosition === 'edge') { context.fillText(sliceLabel, radius - 10, 0); } else if (sliceTextPosition === 'center') { context.fillText(sliceLabel, 3 * radius / 4, 0); } else if (sliceTextPosition === 'middle') { context.fillText(sliceLabel, radius / 2, 0); } else { context.fillText(sliceLabel, radius - 10, 0); } context.restore(); }, drawWheel: function drawWheel() { var container = this.$refs.playgroundContainer; var canvas = this.$refs.playgroundCanvas; if (!container || !canvas) { return; } var slices = this.getSlices(); if (!slices.length) { return; } var context = canvas.getContext('2d'); var containerWidth = container.clientWidth; if (!containerWidth) { return; } canvas.width = containerWidth; canvas.height = containerWidth; var width = containerWidth; var height = containerWidth; var centerX = width / 2; var centerY = height / 2; var radius = width / 2; var anglePerSlice = 360 / slices.length; var self = this; slices.forEach(function (slice, sliceIndex) { var startAngle = anglePerSlice * sliceIndex; var endAngle = startAngle + anglePerSlice; self.drawSlice(context, centerX, centerY, radius, startAngle, endAngle, slice.color); self.drawLabel(context, centerX, centerY, radius, startAngle, endAngle, slice.color, slice.text, slice.textColor, self.sliceTextPosition, self.sliceFontStyle); }); this.positionCursor(); }, playAudio: function playAudio(audio) { if (audio) { audio.volume = 0.5; audio.play(); } }, stopAudio: function stopAudio(audio) { if (audio) { audio.pause(); audio.currentTime = 0; } }, getCursorXY: function getCursorXY() { var cursorAngle = this.getCursorAngle(); var cursorPosition = this.cursorPosition; var cursorEl = this.$refs.cursor; if (cursorPosition === 'edge') { var rotate = this.getNormalizedAngle(cursorAngle + 90); var cursorWidth = cursorEl ? cursorEl.clientWidth : 0; var cursorHeight = cursorEl ? cursorEl.clientHeight : 0; var top = Math.sin(this.degreesToRadians(cursorAngle)) * 50 + 50 + '%'; var left = Math.cos(this.degreesToRadians(cursorAngle)) * 50 + 50 + '%'; var additionalX = Math.cos(this.degreesToRadians(cursorAngle)) * (this.cursorDistance + cursorWidth / 2); var additionalY = Math.sin(this.degreesToRadians(cursorAngle)) * (this.cursorDistance + cursorHeight / 2); return { top: top, left: left, translateX: 'calc(-50% - ' + additionalX + 'px)', translateY: 'calc(-50% - ' + additionalY + 'px)', rotate: rotate + 'deg' }; } var rotate = this.getNormalizedAngle(cursorAngle + 270); var additionalX = Math.cos(this.degreesToRadians(cursorAngle)) * this.cursorDistance; var additionalY = Math.sin(this.degreesToRadians(cursorAngle)) * this.cursorDistance; return { top: '50%', left: '50%', translateX: 'calc(-50% + ' + additionalX + 'px)', translateY: 'calc(-50% + ' + additionalY + 'px)', rotate: rotate + 'deg' }; }, positionCursor: function positionCursor() { var cursorEl = this.$refs.cursor; if (!cursorEl) { return; } var xy = this.getCursorXY(); cursorEl.style.top = xy.top; cursorEl.style.left = xy.left; cursorEl.style.transform = 'translate3d(' + xy.translateX + ', ' + xy.translateY + ', 0) rotate3d(0, 0, 1, ' + xy.rotate + ')'; }, handleResize: function handleResize() { this.drawWheel(); }, spinWheel: function spinWheel(winnerIndex) { var self = this; if (this.isSpinning) { return false; } this.isSpinning = true; if (this.spinningAudio) { this.playAudio(this.spinningAudio); } this.$emit('spin-start'); var canvas = this.$refs.playgroundCanvas; if (!canvas) { this.isSpinning = false; return false; } var extraSpinsAngle = this.extraSpins * 360; var winnerEndAngle = this.getSliceAngles(winnerIndex, this.currentAngle).endAngle; var randomJitter = this.getRandomBetween(0, this.getAnglePerSlice()); var endAngle = this.currentAngle + extraSpinsAngle + (this.getCursorAngle() - winnerEndAngle) + randomJitter; var startAngle = this.currentAngle; var startTime = performance.now(); var animate = function animate(currentTime) { var elapsedTime = currentTime - startTime; var progress = Math.min(elapsedTime / self.spinDuration, 1); var ease = self.getEaseInOutQuart(progress); var rotationAngle = startAngle + (endAngle - startAngle) * ease; canvas.style.transform = 'rotate3d(0, 0, 1, ' + rotationAngle + 'deg)'; if (progress < 1) { requestAnimationFrame(animate); } else { rotationAngle = self.getNormalizedAngle(rotationAngle); canvas.style.transform = 'rotate3d(0, 0, 1, ' + rotationAngle + 'deg)'; self.currentAngle = rotationAngle; self.isSpinning = false; if (self.wonAudio) { self.wonAudio.play(); } self.$emit('spin-end', winnerIndex); if (self.spinningAudio) { self.stopAudio(self.spinningAudio); } } }; requestAnimationFrame(animate); } } }); /***/ }), /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ render: () => (/* binding */ render), /* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns) /* harmony export */ }); var render = function render() { var _vm = this, _c = _vm._self._c; return _c("div", { ref: "playgroundContainer", staticClass: "wheel-wrapper" }, [_c("div", { ref: "cursor", staticClass: "cursor" }, [_vm._t("cursor")], 2), _vm._v(" "), _c("canvas", { ref: "playgroundCanvas" }), _vm._v(" "), _c("div", { staticClass: "centered" }, [_vm._t("default")], 2)]); }; var staticRenderFns = []; render._withStripped = true; /***/ }), /***/ "./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_laravel_mix_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js */ "./node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js"); /* harmony import */ var _node_modules_laravel_mix_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_laravel_mix_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__); // Imports var ___CSS_LOADER_EXPORT___ = _node_modules_laravel_mix_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]}); // Module ___CSS_LOADER_EXPORT___.push([module.id, "\n.wheel-wrapper[data-v-6e41843e] {\n max-width: 100vw;\n width: 100%;\n position: relative;\n aspect-ratio: 1 / 1;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.cursor[data-v-6e41843e] {\n position: absolute;\n z-index: 10;\n}\n.centered[data-v-6e41843e] {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 11;\n}\ncanvas[data-v-6e41843e] {\n will-change: transform, width, height;\n aspect-ratio: 1 / 1;\n max-width: 100%;\n}\n", ""]); // Exports /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); /***/ }), /***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); /* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _node_modules_laravel_mix_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_style_index_0_id_6e41843e_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !!../../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css */ "./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css"); var options = {}; options.insert = "head"; options.singleton = false; var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_laravel_mix_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_style_index_0_id_6e41843e_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_1__["default"], options); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_laravel_mix_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_style_index_0_id_6e41843e_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_1__["default"].locals || {}); /***/ }), /***/ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue": /*!**********************************************************************!*\ !*** ./resources/assets/js/components/demo/LocalVueWheelSpinner.vue ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true */ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true"); /* harmony import */ var _LocalVueWheelSpinner_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LocalVueWheelSpinner.vue?vue&type=script&lang=js */ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js"); /* harmony import */ var _LocalVueWheelSpinner_vue_vue_type_style_index_0_id_6e41843e_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css */ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css"); /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); ; /* normalize component */ var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( _LocalVueWheelSpinner_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], _LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__.render, _LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, false, null, "6e41843e", null ) /* hot reload */ if (false) { var api; } component.options.__file = "resources/assets/js/components/demo/LocalVueWheelSpinner.vue" /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); /***/ }), /***/ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js": /*!**********************************************************************************************!*\ !*** ./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js ***! \**********************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LocalVueWheelSpinner.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=script&lang=js"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true": /*!****************************************************************************************************************!*\ !*** ./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true ***! \****************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ render: () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__.render), /* harmony export */ staticRenderFns: () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__.staticRenderFns) /* harmony export */ }); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_lib_loaders_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_template_id_6e41843e_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=template&id=6e41843e&scoped=true"); /***/ }), /***/ "./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css": /*!******************************************************************************************************************************!*\ !*** ./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css ***! \******************************************************************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_laravel_mix_node_modules_css_loader_dist_cjs_js_clonedRuleSet_9_use_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_9_use_2_node_modules_vue_loader_lib_index_js_vue_loader_options_LocalVueWheelSpinner_vue_vue_type_style_index_0_id_6e41843e_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader/dist/cjs.js!../../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css */ "./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/demo/LocalVueWheelSpinner.vue?vue&type=style&index=0&id=6e41843e&scoped=true&lang=css"); /***/ }) }]);