ISMAIL MASSERAN
486 lines
30 KiB
JavaScript
Vendored
486 lines
30 KiB
JavaScript
Vendored
"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");
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |