{"version":3,"sources":["webpack:///./src/components/flash/flash-fireworks.vue?affa","webpack:///./src/components/flash/flash-fireworks.vue?e2e0","webpack:///src/components/flash/flash-fireworks.vue","webpack:///./src/components/flash/flash-fireworks.vue?0126","webpack:///./src/components/flash/flash-fireworks.vue?83db"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,iB,YCEtR,GACE,OACE,MAAJ,CACM,OAAN,kCCNwW,I,wBCQpWC,EAAY,eACd,EACAV,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-51507633.76bf9e74.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./flash-fireworks.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"firework\"}),_c('div',{staticClass:\"firework\"}),_c('div',{staticClass:\"firework\"}),_c('div',{staticClass:\"firework\"}),_c('div',{staticClass:\"firework\"})])}]\n\nexport { render, staticRenderFns }","<script>\nimport Vue from 'vue'\n\nexport default {\n    data() {\n        return {\n            colors: Vue.prototype.$colors,\n        }\n    },\n}\n</script>\n\n<template>\n    <div>\n        <div class=\"firework\"></div>\n        <div class=\"firework\"></div>\n        <div class=\"firework\"></div>\n        <div class=\"firework\"></div>\n        <div class=\"firework\"></div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n@keyframes firework {\n    0% {\n        transform: translate(var(--x), var(--initialY));\n        width: var(--initialSize);\n        opacity: 1;\n    }\n    50% {\n        width: 0.5vmin;\n        opacity: 1;\n    }\n    100% {\n        width: var(--finalSize);\n        opacity: 0;\n    }\n}\n\n/* @keyframes fireworkPseudo {\n  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }\n  50% { width: 0.5vmin; opacity: 1; }\n  100% { width: var(--finalSize); opacity: 0; }\n}\n */\n.firework,\n.firework::before,\n.firework::after {\n    --initialSize: 0.5vmin;\n    --finalSize: 50vmin;\n    --particleSize: 15vmin;\n    --color1: yellow;\n    --color2: khaki;\n    --color3: white;\n    --color4: lime;\n    --color5: gold;\n    --color6: mediumseagreen;\n    --y: -30vmin;\n    --x: -50%;\n    --initialY: 60vmin;\n    content: '';\n    animation: firework 2s infinite;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, var(--y));\n    width: var(--initialSize);\n    aspect-ratio: 1;\n    background: \n    /*\n    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,\n    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,\n    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,\n    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,\n    */ radial-gradient(\n                circle,\n                var(--color1) var(--particleSize),\n                #0000 0\n            )\n            50% 0%,\n        radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,\n        radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,\n        radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,\n        /* bottom right */ radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,\n        radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,\n        radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,\n        radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,\n        radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,\n        /* bottom left */ radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,\n        radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,\n        radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,\n        radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,\n        radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,\n        radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,\n        /* top left */ radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,\n        radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,\n        radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,\n        radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,\n        radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,\n        radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,\n        /* top right */ radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,\n        radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%;\n    background-size: var(--initialSize) var(--initialSize);\n    background-repeat: no-repeat;\n}\n\n.firework::before {\n    --x: -50%;\n    --y: -50%;\n    --initialY: -50%;\n    /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */\n    transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);\n    /*   animation: fireworkPseudo 2s infinite; */\n}\n\n.firework::after {\n    --x: -50%;\n    --y: -50%;\n    --initialY: -50%;\n    /*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */\n    transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);\n    /*   animation: fireworkPseudo 2s infinite; */\n}\n\n/* Fire 2 */\n.firework:nth-child(2) {\n    --x: 30vmin;\n}\n\n.firework:nth-child(2),\n.firework:nth-child(2)::before,\n.firework:nth-child(2)::after {\n    --color1: pink;\n    --color2: violet;\n    --color3: fuchsia;\n    --color4: orchid;\n    --color5: plum;\n    --color6: lavender;\n    --finalSize: 40vmin;\n    left: 30%;\n    top: 60%;\n    animation-delay: -0.25s;\n}\n\n/* Fire 3 */\n.firework:nth-child(3) {\n    --x: -30vmin;\n    --y: -50vmin;\n}\n\n.firework:nth-child(3),\n.firework:nth-child(3)::before,\n.firework:nth-child(3)::after {\n    --color1: cyan;\n    --color2: lightcyan;\n    --color3: lightblue;\n    --color4: PaleTurquoise;\n    --color5: SkyBlue;\n    --color6: lavender;\n    --finalSize: 35vmin;\n    left: 70%;\n    top: 60%;\n    animation-delay: -0.4s;\n}\n\n/* Fire 4 */\n.firework:nth-child(4) {\n    --x: -30vmin;\n    --y: -60vmin;\n}\n\n.firework:nth-child(4),\n.firework:nth-child(4)::before,\n.firework:nth-child(4)::after {\n    --color1: forestgreen;\n    --color2: darkgreen;\n    --color3: limegreen;\n    --color4: springgreen;\n    --color5: lawngreen;\n    --color6: palegreen;\n    --finalSize: 35vmin;\n    left: 30%;\n    top: 50%;\n    animation-delay: -0.35s;\n}\n\n/* Fire 5 */\n.firework:nth-child(5) {\n    --x: -20vmin;\n    --y: -70vmin;\n}\n\n.firework:nth-child(5),\n.firework:nth-child(5)::before,\n.firework:nth-child(5)::after {\n    --color1: darkred;\n    --color2: crimson;\n    --color3: darksalmon;\n    --color4: indianred;\n    --color5: tomato;\n    --color6: salmon;\n    --finalSize: 35vmin;\n    left: 20%;\n    top: 80%;\n    animation-delay: -0.9s;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./flash-fireworks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./flash-fireworks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./flash-fireworks.vue?vue&type=template&id=2a78ba1a&\"\nimport script from \"./flash-fireworks.vue?vue&type=script&lang=js&\"\nexport * from \"./flash-fireworks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flash-fireworks.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}