@tsparticles/vue2 4.3.1 → 4.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/vue2",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "description": "Official tsParticles Vue.js 2.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 3.x, Angular, Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -94,7 +94,7 @@
   },
   "peerDependencies": {
     "vue": "^2.7.0",
-    "@tsparticles/engine": "4.3.1"
+    "@tsparticles/engine": "4.4.0"
   },
   "publishConfig": {
     "access": "public"

package/vue-particles.vue.d.ts

@@ -1,18 +1,23 @@
 import { Container, ISourceOptions } from '@tsparticles/engine';
 import { default as Vue } from 'vue';
-export default class Particles extends Vue {
-    readonly id: string;
-    readonly options?: ISourceOptions;
-    readonly url?: string;
-    readonly theme?: string;
-    readonly particlesLoaded?: (container?: Container) => void;
+interface ParticlesInstance extends Vue {
+    id: string;
+    options?: ISourceOptions;
+    url?: string;
+    theme?: string;
+    particlesLoaded?: (container?: Container) => void;
     container?: Container;
-    onPropChange(): void;
-    onThemeChange(newTheme?: string): void;
-    mounted(): void;
-    beforeDestroy(): void;
+    loadGeneration: number;
+    onPropChange: () => void;
+    onThemeChange: (newTheme?: string) => void;
 }
-declare const __VLS_export: import('vue').DefineComponent<{}, unknown, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import('vue/types/vue').ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue>, {
+    container: Container | undefined;
+    loadGeneration: number;
+}, {
+    onPropChange(this: ParticlesInstance): void;
+    onThemeChange(this: ParticlesInstance, newTheme?: string): void;
+}, unknown, Record<never, any>, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin>;
 //# sourceMappingURL=vue-particles.vue.d.ts.map

package/vue-particles.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue-particles.vue.d.ts","sourceRoot":"","sources":["../src/Particles/vue-particles.vue"],"names":[],"mappings":"AAGA;AAqFA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAe,MAAM,qBAAqB,CAAC;AACvF,OAAO,GAAG,MAAM,KAAK,CAAC;AAsCtB,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,GAAG;IACd,QAAQ,CAAC,EAAE,EAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAEnE,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,YAAY,IAAI,IAAI;IAOpB,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAKtC,OAAO,IAAI,IAAI;IAMf,aAAa,IAAI,IAAI;CAGtB;AACD,QAAA,MAAM,YAAY,gMAA4C,CAAC;wBAe1C,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"vue-particles.vue.d.ts","sourceRoot":"","sources":["../src/Particles/vue-particles.vue"],"names":[],"mappings":"AAGA;AAAA,OAgJO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAe,MAAM,qBAAqB,CAAC;AACvF,OAAO,GAAG,MAAM,KAAK,CAAC;AAOtB,UAAU,iBAAkB,SAAQ,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;wBAgDoB,OAAO,YAAY;AAAxC,wBAAyC;AAezC,QAAA,MAAM,YAAY;eAyBY,SAAS,GAAG,SAAS;;;uBA4B5B,iBAAiB,GAAG,IAAI;wBAMvB,iBAAiB,aAAa,MAAM,GAAG,IAAI;6GAQjE,CAAC"}

package/vue2-particles.es.js

@@ -1,323 +1,132 @@
-import h from "vue";
-import { tsParticles as b } from "@tsparticles/engine";
-/**
-  * vue-class-component v7.2.6
-  * (c) 2015-present Evan You
-  * @license MIT
-  */
+import { tsParticles as u } from "@tsparticles/engine";
+import f from "vue";
+let s = !1, a, d;
 function p(e) {
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? p = function(t) {
-    return typeof t;
-  } : p = function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, p(e);
-}
-function D(e, t, r) {
-  return t in e ? Object.defineProperty(e, t, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[t] = r, e;
-}
-function E(e) {
-  return I(e) || x(e) || N();
-}
-function I(e) {
-  if (Array.isArray(e)) {
-    for (var t = 0, r = new Array(e.length); t < e.length; t++) r[t] = e[t];
-    return r;
-  }
-}
-function x(e) {
-  if (Symbol.iterator in Object(e) || Object.prototype.toString.call(e) === "[object Arguments]") return Array.from(e);
-}
-function N() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
-}
-function T() {
-  return typeof Reflect < "u" && Reflect.defineMetadata && Reflect.getOwnMetadataKeys;
-}
-function V(e, t) {
-  _(e, t), Object.getOwnPropertyNames(t.prototype).forEach(function(r) {
-    _(e.prototype, t.prototype, r);
-  }), Object.getOwnPropertyNames(t).forEach(function(r) {
-    _(e, t, r);
-  });
-}
-function _(e, t, r) {
-  var n = r ? Reflect.getOwnMetadataKeys(t, r) : Reflect.getOwnMetadataKeys(t);
-  n.forEach(function(o) {
-    var i = r ? Reflect.getOwnMetadata(o, t, r) : Reflect.getOwnMetadata(o, t);
-    r ? Reflect.defineMetadata(o, i, e, r) : Reflect.defineMetadata(o, i, e);
-  });
-}
-var z = {
-  __proto__: []
-}, F = z instanceof Array;
-function M(e) {
-  return function(t, r, n) {
-    var o = typeof t == "function" ? t : t.constructor;
-    o.__decorators__ || (o.__decorators__ = []), typeof n != "number" && (n = void 0), o.__decorators__.push(function(i) {
-      return e(i, r, n);
-    });
-  };
-}
-function H(e) {
-  var t = p(e);
-  return e == null || t !== "object" && t !== "function";
-}
-function A(e) {
-  typeof console < "u" && console.warn("[vue-class-component] " + e);
-}
-function $(e, t) {
-  var r = t.prototype._init;
-  t.prototype._init = function() {
-    var i = this, c = Object.getOwnPropertyNames(e);
-    if (e.$options.props)
-      for (var f in e.$options.props)
-        e.hasOwnProperty(f) || c.push(f);
-    c.forEach(function(a) {
-      Object.defineProperty(i, a, {
-        get: function() {
-          return e[a];
-        },
-        set: function(S) {
-          e[a] = S;
-        },
-        configurable: !0
-      });
-    });
-  };
-  var n = new t();
-  t.prototype._init = r;
-  var o = {};
-  return Object.keys(n).forEach(function(i) {
-    n[i] !== void 0 && (o[i] = n[i]);
-  }), process.env.NODE_ENV !== "production" && !(t.prototype instanceof h) && Object.keys(o).length > 0 && A("Component class must inherit Vue or its descendant class when class property is used."), o;
-}
-var g = [
-  "data",
-  "beforeCreate",
-  "created",
-  "beforeMount",
-  "mounted",
-  "beforeDestroy",
-  "destroyed",
-  "beforeUpdate",
-  "updated",
-  "activated",
-  "deactivated",
-  "render",
-  "errorCaptured",
-  "serverPrefetch"
-  // 2.6
-];
-function P(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  t.name = t.name || e._componentTag || e.name;
-  var r = e.prototype;
-  Object.getOwnPropertyNames(r).forEach(function(f) {
-    if (f !== "constructor") {
-      if (g.indexOf(f) > -1) {
-        t[f] = r[f];
-        return;
-      }
-      var a = Object.getOwnPropertyDescriptor(r, f);
-      a.value !== void 0 ? typeof a.value == "function" ? (t.methods || (t.methods = {}))[f] = a.value : (t.mixins || (t.mixins = [])).push({
-        data: function() {
-          return D({}, f, a.value);
-        }
-      }) : (a.get || a.set) && ((t.computed || (t.computed = {}))[f] = {
-        get: a.get,
-        set: a.set
-      });
-    }
-  }), (t.mixins || (t.mixins = [])).push({
-    data: function() {
-      return $(this, e);
-    }
-  });
-  var n = e.__decorators__;
-  n && (n.forEach(function(f) {
-    return f(t);
-  }), delete e.__decorators__);
-  var o = Object.getPrototypeOf(e.prototype), i = o instanceof h ? o.constructor : h, c = i.extend(t);
-  return q(c, e, i), T() && V(c, e), c;
-}
-var C = [
-  // Unique id
-  "cid",
-  // Super Vue constructor
-  "super",
-  // Component options that will be used by the component
-  "options",
-  "superOptions",
-  "extendOptions",
-  "sealedOptions",
-  // Private assets
-  "component",
-  "directive",
-  "filter"
-], L = {
-  prototype: !0,
-  arguments: !0,
-  callee: !0,
-  caller: !0
-};
-function q(e, t, r) {
-  Object.getOwnPropertyNames(t).forEach(function(n) {
-    if (!L[n]) {
-      var o = Object.getOwnPropertyDescriptor(e, n);
-      if (!(o && !o.configurable)) {
-        var i = Object.getOwnPropertyDescriptor(t, n);
-        if (!F) {
-          if (n === "cid")
-            return;
-          var c = Object.getOwnPropertyDescriptor(r, n);
-          if (!H(i.value) && c && c.value === i.value)
-            return;
-        }
-        process.env.NODE_ENV !== "production" && C.indexOf(n) >= 0 && A("Static property name '".concat(n, "' declared on class '").concat(t.name, "' ") + "conflicts with reserved property name of Vue internal. It may cause unexpected behavior of the component. Consider renaming the property."), Object.defineProperty(e, n, i);
-      }
-    }
-  });
-}
-function R(e) {
-  return typeof e == "function" ? P(e) : function(t) {
-    return P(t, e);
-  };
-}
-R.registerHooks = function(t) {
-  g.push.apply(g, E(t));
-};
-var W = typeof Reflect < "u" && typeof Reflect.getMetadata < "u";
-function U(e, t, r) {
-  if (W && !Array.isArray(e) && typeof e != "function" && !e.hasOwnProperty("type") && typeof e.type > "u") {
-    var n = Reflect.getMetadata("design:type", t, r);
-    n !== Object && (e.type = n);
-  }
-}
-function l(e) {
-  return e === void 0 && (e = {}), function(t, r) {
-    U(e, t, r), M(function(n, o) {
-      (n.props || (n.props = {}))[o] = e;
-    })(t, r);
-  };
-}
-function v(e, t) {
-  t === void 0 && (t = {});
-  var r = t.deep, n = r === void 0 ? !1 : r, o = t.immediate, i = o === void 0 ? !1 : o;
-  return M(function(c, f) {
-    typeof c.watch != "object" && (c.watch = /* @__PURE__ */ Object.create(null));
-    var a = c.watch;
-    typeof a[e] == "object" && !Array.isArray(a[e]) ? a[e] = [a[e]] : typeof a[e] > "u" && (a[e] = []), a[e].push({ handler: f, deep: n, immediate: i });
-  });
-}
-let y = !1, d, m;
-function B(e) {
-  if (y)
+  if (s)
     return Promise.resolve();
-  if (d && m !== e)
+  if (a && d !== e)
     throw new Error("@tsparticles/vue2 init callback must be stable across the app lifecycle.");
-  return d || (m = e, d = Promise.resolve(e == null ? void 0 : e(b)).then(() => b.init()).then(() => {
-    y = !0;
+  return a || (d = e, a = Promise.resolve(e == null ? void 0 : e(u)).then(() => u.init()).then(() => {
+    s = !0;
   }).catch((t) => {
-    throw d = void 0, m = void 0, y = !1, t;
-  }), d);
+    throw a = void 0, d = void 0, s = !1, t;
+  }), a);
 }
-function G() {
-  return d ?? Promise.resolve();
+function m() {
+  return a ?? Promise.resolve();
 }
-function J() {
-  return y;
+function v() {
+  return s;
 }
-var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, u = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? X(t, r) : t, i = e.length - 1, c; i >= 0; i--)
-    (c = e[i]) && (o = (n ? c(t, r, o) : c(o)) || o);
-  return n && o && Q(t, r, o), o;
-};
-async function O(e) {
-  var n;
+async function c(e) {
+  var l;
   if (!e.id)
     throw new Error("Prop 'id' is required!");
-  if (await G(), !J())
+  const t = e.loadGeneration;
+  if (await m(), !v())
     throw new Error(
       "@tsparticles/vue2 plugin initialization must be completed before rendering <VueParticles /> components."
     );
-  const t = (o) => {
+  const r = (o) => {
+    if (t !== e.loadGeneration) {
+      o == null || o.destroy();
+      return;
+    }
     e.container = o, o && e.particlesLoaded && e.particlesLoaded(o);
-  }, r = await b.load({
+  }, i = await u.load({
     id: e.id,
     options: e.options ?? {},
     url: e.url
   });
-  r && e.theme && ((n = r.loadTheme) == null || n.call(r, e.theme)), t(r);
-}
-let s = class extends h {
-  onPropChange() {
-    this.container && O(this);
-  }
-  onThemeChange(e) {
-    var t, r;
-    this.container && ((r = (t = this.container).loadTheme) == null || r.call(t, e));
+  if (t !== e.loadGeneration) {
+    i == null || i.destroy();
+    return;
   }
+  i && e.theme && ((l = i.loadTheme) == null || l.call(i, e.theme)), r(i);
+}
+const P = f.extend({
+  props: {
+    id: {
+      required: !0,
+      type: String
+    },
+    options: {
+      default: void 0,
+      type: Object
+    },
+    url: {
+      default: void 0,
+      type: String
+    },
+    theme: {
+      default: void 0,
+      type: String
+    },
+    particlesLoaded: {
+      default: void 0,
+      type: Function
+    }
+  },
+  data() {
+    return {
+      container: void 0,
+      loadGeneration: 0
+    };
+  },
+  watch: {
+    options() {
+      this.onPropChange();
+    },
+    url() {
+      this.onPropChange();
+    },
+    id() {
+      this.onPropChange();
+    },
+    theme(e) {
+      this.onThemeChange(e);
+    }
+  },
   mounted() {
     this.$nextTick(() => {
-      O(this);
+      c(this);
     });
-  }
-  beforeDestroy() {
+  },
+  beforeUnmount() {
     var e;
-    (e = this.container) == null || e.destroy();
+    this.loadGeneration++, (e = this.container) == null || e.destroy();
+  },
+  methods: {
+    onPropChange() {
+      var e;
+      (e = this.container) == null || e.destroy(), this.container = void 0, this.loadGeneration++, c(this);
+    },
+    onThemeChange(e) {
+      var t, r;
+      this.container && ((r = (t = this.container).loadTheme) == null || r.call(t, e));
+    }
   }
-};
-u([
-  l({ required: !0 })
-], s.prototype, "id", 2);
-u([
-  l()
-], s.prototype, "options", 2);
-u([
-  l()
-], s.prototype, "url", 2);
-u([
-  l()
-], s.prototype, "theme", 2);
-u([
-  l()
-], s.prototype, "particlesLoaded", 2);
-u([
-  v("options"),
-  v("url"),
-  v("id")
-], s.prototype, "onPropChange", 1);
-u([
-  v("theme")
-], s.prototype, "onThemeChange", 1);
-s = u([
-  R
-], s);
-function Y(e, t, r, n, o, i, c, f) {
-  var a = typeof e == "function" ? e.options : e;
-  return t && (a.render = t, a.staticRenderFns = r, a._compiled = !0), {
+});
+function _(e, t, r, i, l, o, b, C) {
+  var n = typeof e == "function" ? e.options : e;
+  return t && (n.render = t, n.staticRenderFns = r, n._compiled = !0), {
     exports: e,
-    options: a
+    options: n
   };
 }
-var Z = function() {
+var y = function() {
   var t = this, r = t._self._c;
   return t._self._setupProxy, r("div", { attrs: { id: t.id } });
-}, K = [], k = /* @__PURE__ */ Y(
-  s,
-  Z,
-  K
+}, g = [], w = /* @__PURE__ */ _(
+  P,
+  y,
+  g
 );
-const j = k.exports, re = {
+const h = w.exports, I = {
   install: (e, t) => {
-    e.component("VueParticles", j), e.component("VueParticles", j), B(t == null ? void 0 : t.init);
+    e.component("VueParticles", h), e.component("VueParticles", h), p(t == null ? void 0 : t.init);
   }
 };
 export {
-  re as default
+  I as default
 };

package/vue2-particles.umd.js

@@ -1,5 +1 @@
-(function(f,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue"),require("@tsparticles/engine")):typeof define=="function"&&define.amd?define(["vue","@tsparticles/engine"],l):(f=typeof globalThis<"u"?globalThis:f||self,f["@tsparticles/vue2"]=l(f.Vue,f.tsParticles))})(this,(function(f,l){"use strict";/**
-  * vue-class-component v7.2.6
-  * (c) 2015-present Evan You
-  * @license MIT
-  */function y(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?y=function(t){return typeof t}:y=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(e)}function S(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function D(e){return E(e)||I(e)||x()}function E(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function I(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function T(){return typeof Reflect<"u"&&Reflect.defineMetadata&&Reflect.getOwnMetadataKeys}function N(e,t){m(e,t),Object.getOwnPropertyNames(t.prototype).forEach(function(r){m(e.prototype,t.prototype,r)}),Object.getOwnPropertyNames(t).forEach(function(r){m(e,t,r)})}function m(e,t,r){var n=r?Reflect.getOwnMetadataKeys(t,r):Reflect.getOwnMetadataKeys(t);n.forEach(function(i){var o=r?Reflect.getOwnMetadata(i,t,r):Reflect.getOwnMetadata(i,t);r?Reflect.defineMetadata(i,o,e,r):Reflect.defineMetadata(i,o,e)})}var V={__proto__:[]},z=V instanceof Array;function P(e){return function(t,r,n){var i=typeof t=="function"?t:t.constructor;i.__decorators__||(i.__decorators__=[]),typeof n!="number"&&(n=void 0),i.__decorators__.push(function(o){return e(o,r,n)})}}function F(e){var t=y(e);return e==null||t!=="object"&&t!=="function"}function w(e){typeof console<"u"&&console.warn("[vue-class-component] "+e)}function q(e,t){var r=t.prototype._init;t.prototype._init=function(){var o=this,c=Object.getOwnPropertyNames(e);if(e.$options.props)for(var s in e.$options.props)e.hasOwnProperty(s)||c.push(s);c.forEach(function(a){Object.defineProperty(o,a,{get:function(){return e[a]},set:function(k){e[a]=k},configurable:!0})})};var n=new t;t.prototype._init=r;var i={};return Object.keys(n).forEach(function(o){n[o]!==void 0&&(i[o]=n[o])}),process.env.NODE_ENV!=="production"&&!(t.prototype instanceof f)&&Object.keys(i).length>0&&w("Component class must inherit Vue or its descendant class when class property is used."),i}var b=["data","beforeCreate","created","beforeMount","mounted","beforeDestroy","destroyed","beforeUpdate","updated","activated","deactivated","render","errorCaptured","serverPrefetch"];function O(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};t.name=t.name||e._componentTag||e.name;var r=e.prototype;Object.getOwnPropertyNames(r).forEach(function(s){if(s!=="constructor"){if(b.indexOf(s)>-1){t[s]=r[s];return}var a=Object.getOwnPropertyDescriptor(r,s);a.value!==void 0?typeof a.value=="function"?(t.methods||(t.methods={}))[s]=a.value:(t.mixins||(t.mixins=[])).push({data:function(){return S({},s,a.value)}}):(a.get||a.set)&&((t.computed||(t.computed={}))[s]={get:a.get,set:a.set})}}),(t.mixins||(t.mixins=[])).push({data:function(){return q(this,e)}});var n=e.__decorators__;n&&(n.forEach(function(s){return s(t)}),delete e.__decorators__);var i=Object.getPrototypeOf(e.prototype),o=i instanceof f?i.constructor:f,c=o.extend(t);return C(c,e,o),T()&&N(c,e),c}var H=["cid","super","options","superOptions","extendOptions","sealedOptions","component","directive","filter"],$={prototype:!0,arguments:!0,callee:!0,caller:!0};function C(e,t,r){Object.getOwnPropertyNames(t).forEach(function(n){if(!$[n]){var i=Object.getOwnPropertyDescriptor(e,n);if(!(i&&!i.configurable)){var o=Object.getOwnPropertyDescriptor(t,n);if(!z){if(n==="cid")return;var c=Object.getOwnPropertyDescriptor(r,n);if(!F(o.value)&&c&&c.value===o.value)return}process.env.NODE_ENV!=="production"&&H.indexOf(n)>=0&&w("Static property name '".concat(n,"' declared on class '").concat(t.name,"' ")+"conflicts with reserved property name of Vue internal. It may cause unexpected behavior of the component. Consider renaming the property."),Object.defineProperty(e,n,o)}}})}function j(e){return typeof e=="function"?O(e):function(t){return O(t,e)}}j.registerHooks=function(t){b.push.apply(b,D(t))};var L=typeof Reflect<"u"&&typeof Reflect.getMetadata<"u";function W(e,t,r){if(L&&!Array.isArray(e)&&typeof e!="function"&&!e.hasOwnProperty("type")&&typeof e.type>"u"){var n=Reflect.getMetadata("design:type",t,r);n!==Object&&(e.type=n)}}function v(e){return e===void 0&&(e={}),function(t,r){W(e,t,r),P(function(n,i){(n.props||(n.props={}))[i]=e})(t,r)}}function h(e,t){t===void 0&&(t={});var r=t.deep,n=r===void 0?!1:r,i=t.immediate,o=i===void 0?!1:i;return P(function(c,s){typeof c.watch!="object"&&(c.watch=Object.create(null));var a=c.watch;typeof a[e]=="object"&&!Array.isArray(a[e])?a[e]=[a[e]]:typeof a[e]>"u"&&(a[e]=[]),a[e].push({handler:s,deep:n,immediate:o})})}let _=!1,p,g;function U(e){if(_)return Promise.resolve();if(p&&g!==e)throw new Error("@tsparticles/vue2 init callback must be stable across the app lifecycle.");return p||(g=e,p=Promise.resolve(e==null?void 0:e(l.tsParticles)).then(()=>l.tsParticles.init()).then(()=>{_=!0}).catch(t=>{throw p=void 0,g=void 0,_=!1,t}),p)}function B(){return p??Promise.resolve()}function G(){return _}var J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,d=(e,t,r,n)=>{for(var i=n>1?void 0:n?Q(t,r):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&J(t,r,i),i};async function M(e){var n;if(!e.id)throw new Error("Prop 'id' is required!");if(await B(),!G())throw new Error("@tsparticles/vue2 plugin initialization must be completed before rendering <VueParticles /> components.");const t=i=>{e.container=i,i&&e.particlesLoaded&&e.particlesLoaded(i)},r=await l.tsParticles.load({id:e.id,options:e.options??{},url:e.url});r&&e.theme&&((n=r.loadTheme)==null||n.call(r,e.theme)),t(r)}let u=class extends f{onPropChange(){this.container&&M(this)}onThemeChange(e){var t,r;this.container&&((r=(t=this.container).loadTheme)==null||r.call(t,e))}mounted(){this.$nextTick(()=>{M(this)})}beforeDestroy(){var e;(e=this.container)==null||e.destroy()}};d([v({required:!0})],u.prototype,"id",2),d([v()],u.prototype,"options",2),d([v()],u.prototype,"url",2),d([v()],u.prototype,"theme",2),d([v()],u.prototype,"particlesLoaded",2),d([h("options"),h("url"),h("id")],u.prototype,"onPropChange",1),d([h("theme")],u.prototype,"onThemeChange",1),u=d([j],u);function X(e,t,r,n,i,o,c,s){var a=typeof e=="function"?e.options:e;return t&&(a.render=t,a.staticRenderFns=r,a._compiled=!0),{exports:e,options:a}}var Y=function(){var t=this,r=t._self._c;return t._self._setupProxy,r("div",{attrs:{id:t.id}})},Z=[],K=X(u,Y,Z);const A=K.exports;return{install:(e,t)=>{e.component("VueParticles",A),e.component("VueParticles",A),U(t==null?void 0:t.init)}}}));
+(function(i,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("@tsparticles/engine"),require("vue")):typeof define=="function"&&define.amd?define(["@tsparticles/engine","vue"],a):(i=typeof globalThis<"u"?globalThis:i||self,i["@tsparticles/vue2"]=a(i.tsParticles,i.Vue))})(this,(function(i,a){"use strict";let d=!1,n,u;function p(e){if(d)return Promise.resolve();if(n&&u!==e)throw new Error("@tsparticles/vue2 init callback must be stable across the app lifecycle.");return n||(u=e,n=Promise.resolve(e==null?void 0:e(i.tsParticles)).then(()=>i.tsParticles.init()).then(()=>{d=!0}).catch(t=>{throw n=void 0,u=void 0,d=!1,t}),n)}function v(){return n??Promise.resolve()}function P(){return d}async function f(e){var c;if(!e.id)throw new Error("Prop 'id' is required!");const t=e.loadGeneration;if(await v(),!P())throw new Error("@tsparticles/vue2 plugin initialization must be completed before rendering <VueParticles /> components.");const s=o=>{if(t!==e.loadGeneration){o==null||o.destroy();return}e.container=o,o&&e.particlesLoaded&&e.particlesLoaded(o)},r=await i.tsParticles.load({id:e.id,options:e.options??{},url:e.url});if(t!==e.loadGeneration){r==null||r.destroy();return}r&&e.theme&&((c=r.loadTheme)==null||c.call(r,e.theme)),s(r)}const m=a.extend({props:{id:{required:!0,type:String},options:{default:void 0,type:Object},url:{default:void 0,type:String},theme:{default:void 0,type:String},particlesLoaded:{default:void 0,type:Function}},data(){return{container:void 0,loadGeneration:0}},watch:{options(){this.onPropChange()},url(){this.onPropChange()},id(){this.onPropChange()},theme(e){this.onThemeChange(e)}},mounted(){this.$nextTick(()=>{f(this)})},beforeUnmount(){var e;this.loadGeneration++,(e=this.container)==null||e.destroy()},methods:{onPropChange(){var e;(e=this.container)==null||e.destroy(),this.container=void 0,this.loadGeneration++,f(this)},onThemeChange(e){var t,s;this.container&&((s=(t=this.container).loadTheme)==null||s.call(t,e))}}});function _(e,t,s,r,c,o,C,T){var l=typeof e=="function"?e.options:e;return t&&(l.render=t,l.staticRenderFns=s,l._compiled=!0),{exports:e,options:l}}var y=function(){var t=this,s=t._self._c;return t._self._setupProxy,s("div",{attrs:{id:t.id}})},w=[],g=_(m,y,w);const h=g.exports;return{install:(e,t)=>{e.component("VueParticles",h),e.component("VueParticles",h),p(t==null?void 0:t.init)}}}));