@tsparticles/stencil 4.1.3 → 4.2.0

package/dist/esm/{index-DKFk70aj.js → index-PhwiK2_P.js}

@@ -82,6 +82,7 @@ var registerHost = (hostElement, cmpMeta) => {
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
+var isMemberInElement = (elm, memberName) => memberName in elm;
 var consoleError = (e, el) => (0, console.error)(e, el);
 
 // src/client/client-load-module.ts
@@ -289,6 +290,25 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   return propValue;
 };
+var getElement = (ref) => {
+  var _a;
+  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
+};
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        detail
+      });
+    }
+  };
+};
 var emitEvent = (elm, name, opts) => {
   const ev = plt.ce(name, opts);
   elm.dispatchEvent(ev);
@@ -298,6 +318,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
   if (oldValue === newValue) {
     return;
   }
+  let isProp = isMemberInElement(elm, memberName);
   memberName.toLowerCase();
   if (memberName === "style") {
     {
@@ -324,7 +345,70 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     if (newValue) {
       queueRefAttachment(newValue, elm);
     }
-  } else ;
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] !== n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
+  }
 };
 
 // src/runtime/vdom/update-element.ts
@@ -339,7 +423,9 @@ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
           elm,
           memberName,
           oldVnodeAttrs[memberName],
-          void 0);
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$);
       }
     }
   }
@@ -348,7 +434,9 @@ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
       elm,
       memberName,
       oldVnodeAttrs[memberName],
-      newVnodeAttrs[memberName]);
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$);
   }
 };
 function sortedAttrNames(attrNames) {
@@ -361,6 +449,7 @@ function sortedAttrNames(attrNames) {
   );
 }
 var hostTagName;
+var isSvgMode = false;
 var refCallbacksToRemove = [];
 var refCallbacksToAttach = [];
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
@@ -376,7 +465,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       newVNode2.$tag$
     );
     {
-      updateElement(null, newVNode2);
+      updateElement(null, newVNode2, isSvgMode);
     }
     if (newVNode2.$children$) {
       const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
@@ -522,7 +611,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const newChildren = newVNode2.$children$;
   {
     {
-      updateElement(oldVNode, newVNode2);
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -1220,4 +1309,4 @@ function transformTag(tag) {
   return tag;
 }
 
-export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/{index-BXzC9NH1.js → index-aPxdqzSw.js}

@@ -7,7 +7,7 @@ const generatedAttribute = "generated", defaultCompositeValue = "source-over", r
     b: 0,
     c: 0,
     d: 1,
-}, randomColorValue = "random", double = 2, doublePI = Math.PI * double, defaultFps = 60, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, spatialHashGridCellSize = 100, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter = half + quarter, defaultTransformValue = 1, minimumSize = 0, zIndexFactorOffset = 1, defaultOpacity = 1, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, tryCountIncrement = 1, minZ = 0, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, defaultDensityFactor = 1, deleteCount = 1, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultZoom = 1;
+}, randomColorValue = "random", double = 2, doublePI = Math.PI * double, defaultFps = 60, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, spatialHashGridCellSize = 100, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter = half + quarter, defaultTransformValue = 1, minimumSize = 0, zIndexFactorOffset = 1, defaultOpacity = 1, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, tryCountIncrement = 1, minZ = 0, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, defaultDensityFactor = 1, deleteCount = 1, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, maxNits = 400, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultZoom = 1;
 
 var MoveDirection;
 (function (MoveDirection) {
@@ -74,11 +74,6 @@ class Vector3d {
     div(n) {
         return Vector3d.create(this.x / n, this.y / n, this.z / n);
     }
-    divTo(n) {
-        this.x /= n;
-        this.y /= n;
-        this.z /= n;
-    }
     getLengthSq() {
         return this.x ** squareExp + this.y ** squareExp;
     }
@@ -260,27 +255,6 @@ function calcExactPositionOrRandomFromSize(data) {
     };
 }
 
-var AnimationMode;
-(function (AnimationMode) {
-    AnimationMode["auto"] = "auto";
-    AnimationMode["increase"] = "increase";
-    AnimationMode["decrease"] = "decrease";
-    AnimationMode["random"] = "random";
-})(AnimationMode || (AnimationMode = {}));
-
-var AnimationStatus;
-(function (AnimationStatus) {
-    AnimationStatus["increasing"] = "increasing";
-    AnimationStatus["decreasing"] = "decreasing";
-})(AnimationStatus || (AnimationStatus = {}));
-
-var DestroyType;
-(function (DestroyType) {
-    DestroyType["none"] = "none";
-    DestroyType["max"] = "max";
-    DestroyType["min"] = "min";
-})(DestroyType || (DestroyType = {}));
-
 var OutModeDirection;
 (function (OutModeDirection) {
     OutModeDirection["bottom"] = "bottom";
@@ -295,66 +269,6 @@ var PixelMode;
     PixelMode["percent"] = "percent";
 })(PixelMode || (PixelMode = {}));
 
-var StartValueType;
-(function (StartValueType) {
-    StartValueType["max"] = "max";
-    StartValueType["min"] = "min";
-    StartValueType["random"] = "random";
-})(StartValueType || (StartValueType = {}));
-
-function memoize(fn, options) {
-    const cache = new Map(), keyFn = options?.keyFn, stableStringify = (obj, seen = new WeakSet()) => {
-        if (obj === null) {
-            return "null";
-        }
-        const t = typeof obj;
-        if (t === "undefined") {
-            return "undefined";
-        }
-        if (t === "number" || t === "boolean" || t === "string") {
-            return JSON.stringify(obj);
-        }
-        if (t === "function") {
-            try {
-                const fn = obj;
-                return fn.toString();
-            }
-            catch {
-                return '"[Function]"';
-            }
-        }
-        if (t === "symbol") {
-            try {
-                return obj.toString();
-            }
-            catch {
-                return '"[Symbol]"';
-            }
-        }
-        if (Array.isArray(obj)) {
-            return `[${obj.map(i => stableStringify(i, seen)).join(",")}]`;
-        }
-        if (seen.has(obj)) {
-            return '"[Circular]"';
-        }
-        seen.add(obj);
-        const keys = Object.keys(obj).sort();
-        return `{${keys.map(k => `${JSON.stringify(k)}:${stableStringify(obj[k], seen)}`).join(",")}}`;
-    }, defaultKeyer = (args) => stableStringify(args), makeKey = (args) => (keyFn ? keyFn(args) : defaultKeyer(args));
-    return (...args) => {
-        const key = makeKey(args), now = Date.now(), entry = cache.get(key);
-        if (entry !== undefined) {
-            {
-                cache.delete(key);
-                cache.set(key, { value: entry.value, ts: entry.ts });
-                return entry.value;
-            }
-        }
-        const result = fn(...args);
-        cache.set(key, { value: result, ts: now });
-        return result;
-    };
-}
 function hasMatchMedia() {
     return typeof matchMedia !== "undefined";
 }
@@ -376,11 +290,8 @@ function safeMutationObserver(callback) {
 function isInArray(value, array) {
     return value === array || (isArray(array) && array.includes(value));
 }
-function arrayRandomIndex(array) {
-    return Math.floor(getRandom() * array.length);
-}
 function itemFromArray(array, index, useIndex = true) {
-    return array[index !== undefined && useIndex ? index % array.length : arrayRandomIndex(array)];
+    return array[index !== undefined && useIndex ? index % array.length : Math.floor(getRandom() * array.length)];
 }
 function deepExtend(destination, ...sources) {
     for (const source of sources) {
@@ -481,30 +392,34 @@ function cloneStyle(style) {
     }
     return clonedStyle;
 }
-function computeFullScreenStyle(zIndex) {
-    const fullScreenStyle = safeDocument().createElement("div").style, radix = 10, style = {
-        width: "100%",
-        height: "100%",
-        margin: "0",
-        padding: "0",
-        borderWidth: "0",
-        position: "fixed",
-        zIndex: zIndex.toString(radix),
-        "z-index": zIndex.toString(radix),
-        top: "0",
-        left: "0",
-        "pointer-events": "none",
-    };
-    for (const key in style) {
-        const value = style[key];
-        if (value === undefined) {
-            continue;
+let _cachedZIndex, _cachedStyle;
+function getFullScreenStyle(zIndex) {
+    if (_cachedZIndex !== zIndex || !_cachedStyle) {
+        _cachedZIndex = zIndex;
+        const fullScreenStyle = safeDocument().createElement("div").style, radix = 10, style = {
+            width: "100%",
+            height: "100%",
+            margin: "0",
+            padding: "0",
+            borderWidth: "0",
+            position: "fixed",
+            zIndex: zIndex.toString(radix),
+            "z-index": zIndex.toString(radix),
+            top: "0",
+            left: "0",
+            "pointer-events": "none",
+        };
+        for (const key in style) {
+            const value = style[key];
+            if (value === undefined) {
+                continue;
+            }
+            fullScreenStyle.setProperty(key, value);
         }
-        fullScreenStyle.setProperty(key, value);
+        _cachedStyle = fullScreenStyle;
     }
-    return fullScreenStyle;
+    return _cachedStyle;
 }
-const getFullScreenStyle = memoize(computeFullScreenStyle);
 function manageListener(element, event, handler, add, options) {
     if (add) {
         let addOptions = { passive: true };
@@ -831,7 +746,7 @@ class Engine {
         return this.#domArray;
     }
     get version() {
-        return "4.1.3";
+        return "4.2.0";
     }
     addEventListener(type, listener) {
         this.#eventDispatcher.addEventListener(type, listener);
@@ -866,7 +781,7 @@ class Engine {
         if (typeof HTMLElement !== "undefined" && params.element instanceof HTMLElement) {
             domSourceElement = params.element;
         }
-        const { Container } = await import('./Container-BxLt611H.js'), id = params.id ?? domSourceElement?.id ?? `tsparticles${Math.floor(getRandom() * loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = itemFromSingleOrMultiple(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container({
+        const { Container } = await import('./Container-BWWTh10Z.js'), id = params.id ?? domSourceElement?.id ?? `tsparticles${Math.floor(getRandom() * loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = itemFromSingleOrMultiple(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container({
             dispatchCallback: (eventType, args) => {
                 this.dispatchEvent(eventType, args);
             },
@@ -928,6 +843,14 @@ var RotateDirection;
     RotateDirection["random"] = "random";
 })(RotateDirection || (RotateDirection = {}));
 
+var AnimationMode;
+(function (AnimationMode) {
+    AnimationMode["auto"] = "auto";
+    AnimationMode["increase"] = "increase";
+    AnimationMode["decrease"] = "decrease";
+    AnimationMode["random"] = "random";
+})(AnimationMode || (AnimationMode = {}));
+
 var LimitMode;
 (function (LimitMode) {
     LimitMode["delete"] = "delete";
@@ -949,6 +872,13 @@ var AlterType;
     AlterType["enlighten"] = "enlighten";
 })(AlterType || (AlterType = {}));
 
+var DestroyType;
+(function (DestroyType) {
+    DestroyType["none"] = "none";
+    DestroyType["max"] = "max";
+    DestroyType["min"] = "min";
+})(DestroyType || (DestroyType = {}));
+
 var GradientType;
 (function (GradientType) {
     GradientType["linear"] = "linear";
@@ -963,51 +893,18 @@ var ParticleOutType;
     ParticleOutType["outside"] = "outside";
 })(ParticleOutType || (ParticleOutType = {}));
 
-var EasingType;
-(function (EasingType) {
-    EasingType["easeInBack"] = "ease-in-back";
-    EasingType["easeInBounce"] = "ease-in-bounce";
-    EasingType["easeInCirc"] = "ease-in-circ";
-    EasingType["easeInCubic"] = "ease-in-cubic";
-    EasingType["easeInElastic"] = "ease-in-elastic";
-    EasingType["easeInExpo"] = "ease-in-expo";
-    EasingType["easeInGaussian"] = "ease-in-gaussian";
-    EasingType["easeInLinear"] = "ease-in-linear";
-    EasingType["easeInQuad"] = "ease-in-quad";
-    EasingType["easeInQuart"] = "ease-in-quart";
-    EasingType["easeInQuint"] = "ease-in-quint";
-    EasingType["easeInSigmoid"] = "ease-in-sigmoid";
-    EasingType["easeInSine"] = "ease-in-sine";
-    EasingType["easeInSmoothstep"] = "ease-in-smoothstep";
-    EasingType["easeOutBack"] = "ease-out-back";
-    EasingType["easeOutBounce"] = "ease-out-bounce";
-    EasingType["easeOutCirc"] = "ease-out-circ";
-    EasingType["easeOutCubic"] = "ease-out-cubic";
-    EasingType["easeOutElastic"] = "ease-out-elastic";
-    EasingType["easeOutExpo"] = "ease-out-expo";
-    EasingType["easeOutGaussian"] = "ease-out-gaussian";
-    EasingType["easeOutLinear"] = "ease-out-linear";
-    EasingType["easeOutQuad"] = "ease-out-quad";
-    EasingType["easeOutQuart"] = "ease-out-quart";
-    EasingType["easeOutQuint"] = "ease-out-quint";
-    EasingType["easeOutSigmoid"] = "ease-out-sigmoid";
-    EasingType["easeOutSine"] = "ease-out-sine";
-    EasingType["easeOutSmoothstep"] = "ease-out-smoothstep";
-    EasingType["easeInOutBack"] = "ease-in-out-back";
-    EasingType["easeInOutBounce"] = "ease-in-out-bounce";
-    EasingType["easeInOutCirc"] = "ease-in-out-circ";
-    EasingType["easeInOutCubic"] = "ease-in-out-cubic";
-    EasingType["easeInOutElastic"] = "ease-in-out-elastic";
-    EasingType["easeInOutExpo"] = "ease-in-out-expo";
-    EasingType["easeInOutGaussian"] = "ease-in-out-gaussian";
-    EasingType["easeInOutLinear"] = "ease-in-out-linear";
-    EasingType["easeInOutQuad"] = "ease-in-out-quad";
-    EasingType["easeInOutQuart"] = "ease-in-out-quart";
-    EasingType["easeInOutQuint"] = "ease-in-out-quint";
-    EasingType["easeInOutSigmoid"] = "ease-in-out-sigmoid";
-    EasingType["easeInOutSine"] = "ease-in-out-sine";
-    EasingType["easeInOutSmoothstep"] = "ease-in-out-smoothstep";
-})(EasingType || (EasingType = {}));
+var StartValueType;
+(function (StartValueType) {
+    StartValueType["max"] = "max";
+    StartValueType["min"] = "min";
+    StartValueType["random"] = "random";
+})(StartValueType || (StartValueType = {}));
+
+var AnimationStatus;
+(function (AnimationStatus) {
+    AnimationStatus["increasing"] = "increasing";
+    AnimationStatus["decreasing"] = "decreasing";
+})(AnimationStatus || (AnimationStatus = {}));
 
 const tsParticles = initEngine();
 
@@ -1049,4 +946,4 @@ async function waitForParticlesEngineInitialization() {
     await (initPromise !== null && initPromise !== void 0 ? initPromise : Promise.resolve());
 }
 
-export { millisecondsToSeconds as $, AlterType as A, lFactor as B, double as C, hPhase as D, rgbMax as E, getRandomInRange as F, identity as G, defaultRgbMin as H, sextuple as I, triple as J, phaseNumerator as K, LimitMode as L, MoveDirection as M, sNormalizedOffset as N, OutMode as O, PixelMode as P, minimumSize as Q, RangeType as R, defaultCompositeValue as S, defaultTransformValue as T, zIndexFactorOffset as U, safeMutationObserver as V, generatedAttribute as W, cloneStyle as X, safeMatchMedia as Y, getFullScreenStyle as Z, safeDocument as _, isNull as a, manageListener as a0, visibilityChangeEvent as a1, resizeEvent as a2, Vector3d as a3, EventType as a4, defaultAngle as a5, defaultTransform as a6, ParticleOutType as a7, itemFromSingleOrMultiple as a8, getRandom as a9, defaultRatio as aA, defaultReduceFactor as aB, animate as aC, defaultFpsLimit as aD, minFpsLimit as aE, cancelAnimation as aF, defaultFps as aG, isParticlesEngineInitialized as aH, waitForParticlesEngineInitialization as aI, defaultRetryCount as aa, tryCountIncrement as ab, getParticleBaseVelocity as ac, randomInRangeValue as ad, OutModeDirection as ae, clamp as af, minZ as ag, getPosition as ah, getParticleDirectionAngle as ai, Vector as aj, getRangeValue as ak, doublePI as al, calcExactPositionOrRandomFromSize as am, isInArray as an, degToRad as ao, spatialHashGridCellSize as ap, minLimit as aq, minCount as ar, getLogger as as, minIndex as at, defaultRemoveQuantity as au, defaultDensityFactor as av, empty as aw, deleteCount as ax, countOffset as ay, one as az, setRangeValue as b, checkDistance as c, hMax as d, lMax as e, sMin as f, sMax as g, hMin as h, initParticlesEngine as i, isString as j, isArray as k, lMin as l, deepExtend as m, isNumber as n, isObject as o, executeOnSingleOrMultiple as p, isBoolean as q, originPoint as r, squareExp as s, tsParticles as t, minStrokeWidth as u, defaultZoom as v, itemFromArray as w, defaultOpacity as x, randomColorValue as y, half as z };
+export { safeDocument as $, AlterType as A, rgbMax as B, getRandomInRange as C, identity as D, defaultRgbMin as E, maxNits as F, sextuple as G, triple as H, phaseNumerator as I, sNormalizedOffset as J, originPoint as K, LimitMode as L, MoveDirection as M, minimumSize as N, OutMode as O, PixelMode as P, defaultCompositeValue as Q, RangeType as R, minStrokeWidth as S, defaultZoom as T, zIndexFactorOffset as U, defaultTransformValue as V, safeMutationObserver as W, generatedAttribute as X, cloneStyle as Y, safeMatchMedia as Z, getFullScreenStyle as _, isNull as a, millisecondsToSeconds as a0, manageListener as a1, visibilityChangeEvent as a2, resizeEvent as a3, Vector3d as a4, EventType as a5, defaultAngle as a6, defaultTransform as a7, defaultRetryCount as a8, tryCountIncrement as a9, defaultRatio as aA, defaultReduceFactor as aB, animate as aC, defaultFpsLimit as aD, minFpsLimit as aE, cancelAnimation as aF, defaultFps as aG, isParticlesEngineInitialized as aH, waitForParticlesEngineInitialization as aI, getParticleBaseVelocity as aa, randomInRangeValue as ab, getRandom as ac, OutModeDirection as ad, clamp as ae, minZ as af, getPosition as ag, getParticleDirectionAngle as ah, ParticleOutType as ai, Vector as aj, getRangeValue as ak, calcExactPositionOrRandomFromSize as al, itemFromSingleOrMultiple as am, isInArray as an, doublePI as ao, degToRad as ap, spatialHashGridCellSize as aq, minLimit as ar, minCount as as, getLogger as at, minIndex as au, defaultRemoveQuantity as av, defaultDensityFactor as aw, deleteCount as ax, countOffset as ay, one as az, setRangeValue as b, checkDistance as c, hMax as d, lMax as e, sMin as f, sMax as g, hMin as h, initParticlesEngine as i, isString as j, isArray as k, lMin as l, deepExtend as m, isNumber as n, isObject as o, executeOnSingleOrMultiple as p, isBoolean as q, itemFromArray as r, squareExp as s, tsParticles as t, defaultOpacity as u, randomColorValue as v, lFactor as w, half as x, double as y, hPhase as z };

package/dist/esm/index.js

@@ -1 +1 @@
-export { i as initParticlesEngine, aH as isParticlesEngineInitialized, aI as waitForParticlesEngineInitialization } from './index-BXzC9NH1.js';
+export { i as initParticlesEngine, aH as isParticlesEngineInitialized, aI as waitForParticlesEngineInitialization } from './index-aPxdqzSw.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-DKFk70aj.js';
-export { s as setNonce } from './index-DKFk70aj.js';
+import { b as bootstrapLazy } from './index-PhwiK2_P.js';
+export { s as setNonce } from './index-PhwiK2_P.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["stencil-particles",[[0,"stencil-particles",{"options":[16],"url":[1],"init":[16]},null,{"options":[{"onPropsChange":0}],"url":[{"onPropsChange":0}],"init":[{"onPropsChange":0}]}]]]], options);
+  return bootstrapLazy([["stencil-particles",[[0,"stencil-particles",{"options":[16],"url":[1],"init":[16],"containerId":[1,"container-id"],"theme":[1]},null,{"options":[{"onPropsChange":0}],"url":[{"onPropsChange":0}],"init":[{"onPropsChange":0}],"containerId":[{"onPropsChange":0}],"theme":[{"onThemeChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/stencil-particles.entry.js

@@ -1,9 +1,10 @@
-import { r as registerInstance, h } from './index-DKFk70aj.js';
-import { i as initParticlesEngine, t as tsParticles } from './index-BXzC9NH1.js';
+import { r as registerInstance, c as createEvent, h } from './index-PhwiK2_P.js';
+import { i as initParticlesEngine, t as tsParticles } from './index-aPxdqzSw.js';
 
 const StencilParticles = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.particlesLoaded = createEvent(this, "particlesLoaded");
         this.renderId = 0;
     }
     async componentDidLoad() {
@@ -18,8 +19,14 @@ const StencilParticles = class {
     async onPropsChange() {
         await this.loadParticles(++this.renderId);
     }
+    async onThemeChange() {
+        var _a, _b;
+        if (!this.container)
+            return;
+        (_b = (_a = this.container).loadTheme) === null || _b === void 0 ? void 0 : _b.call(_a, this.theme);
+    }
     async loadParticles(currentRenderId) {
-        var _a;
+        var _a, _b, _c;
         (_a = this.container) === null || _a === void 0 ? void 0 : _a.destroy();
         if (!this.containerElement) {
             console.warn("[stencil-particles] container element not available yet");
@@ -38,8 +45,8 @@ const StencilParticles = class {
                 return;
             }
             // Load particles directly onto the DOM element.
-            // tsParticles will auto-generate a unique internal ID, preventing collisions.
-            const loadParams = Object.assign({ element: this.containerElement }, (this.options ? { options: this.options } : { url: this.url }));
+            // If a container-id is provided, use it so consumers can retrieve the container later.
+            const loadParams = Object.assign(Object.assign({ element: this.containerElement }, (this.containerId ? { id: this.containerId } : {})), (this.options ? { options: this.options } : { url: this.url }));
             container = await tsParticles.load(loadParams);
         }
         catch (error) {
@@ -52,9 +59,13 @@ const StencilParticles = class {
             return;
         }
         this.container = container;
+        this.particlesLoaded.emit(container);
+        if (container && this.theme) {
+            (_c = (_b = container).loadTheme) === null || _c === void 0 ? void 0 : _c.call(_b, this.theme);
+        }
     }
     render() {
-        return (h("div", { key: '870e2cc222aed94f8bbfa274dc3c047392ed8b1a', ref: el => {
+        return (h("div", { key: 'f5fe33d147a1a606a75fe0d1ee385bacaf0e0b7d', id: this.containerId, ref: el => {
                 this.containerElement = el;
             }, style: { width: "100%", height: "100%" } }));
     }
@@ -67,6 +78,12 @@ const StencilParticles = class {
             }],
         "init": [{
                 "onPropsChange": 0
+            }],
+        "containerId": [{
+                "onPropsChange": 0
+            }],
+        "theme": [{
+                "onThemeChange": 0
             }]
     }; }
 };

package/dist/esm/tsparticlesstencil.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-DKFk70aj.js';
-export { s as setNonce } from './index-DKFk70aj.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-PhwiK2_P.js';
+export { s as setNonce } from './index-PhwiK2_P.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["stencil-particles",[[0,"stencil-particles",{"options":[16],"url":[1],"init":[16]},null,{"options":[{"onPropsChange":0}],"url":[{"onPropsChange":0}],"init":[{"onPropsChange":0}]}]]]], options);
+  return bootstrapLazy([["stencil-particles",[[0,"stencil-particles",{"options":[16],"url":[1],"init":[16],"containerId":[1,"container-id"],"theme":[1]},null,{"options":[{"onPropsChange":0}],"url":[{"onPropsChange":0}],"init":[{"onPropsChange":0}],"containerId":[{"onPropsChange":0}],"theme":[{"onThemeChange":0}]}]]]], options);
 });

package/dist/tsparticlesstencil/index.esm.js

@@ -1 +1 @@
-export{i as initParticlesEngine,aH as isParticlesEngineInitialized,aI as waitForParticlesEngineInitialization}from"./p-BhGs05ap.js";
+export{i as initParticlesEngine,aH as isParticlesEngineInitialized,aI as waitForParticlesEngineInitialization}from"./p-FNL2LsWF.js";

package/dist/tsparticlesstencil/p-FNL2LsWF.js

@@ -0,0 +1 @@
+const t="generated",n="source-over",e="resize",s="visibilitychange",i=100,a=.5,r=1e3,o={x:0,y:0,z:0},c={a:1,b:0,c:0,d:1},u="random",h=2,f=2*Math.PI,l=60,d="true",p="false",g="canvas",w=0,m=2,M=100,v=1,y=1,b=1,E=255,P=360,x=100,A=100,S=0,L=0,z=60,D=1,k=0,C=1,T=1,O=120,F=0,$=1,j=1,H=0,_=0,q=1,B=0,I=0,R=1,N=1,Q=0,U=1,G=0,V=1,W=0,J=400,K=3,X=6,Y=1,Z=1,tt=0,nt=1;var et;function st(t){return"z"in t?t.z:o.z}!function(t){t.bottom="bottom",t.bottomLeft="bottom-left",t.bottomRight="bottom-right",t.left="left",t.none="none",t.right="right",t.top="top",t.topLeft="top-left",t.topRight="top-right",t.outside="outside",t.inside="inside"}(et||(et={}));class it{x;y;z;constructor(t=o.x,n=o.y,e=o.z){this.x=t,this.y=n,this.z=e}static get origin(){return it.create(o.x,o.y,o.z)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.#t(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this.#t(this.angle,t)}static clone(t){return it.create(t.x,t.y,st(t))}static create(t,n,e){return"number"==typeof t?new it(t,n??o.y,e??o.z):new it(t.x,t.y,st(t))}add(t){return it.create(this.x+t.x,this.y+t.y,this.z+st(t))}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=st(t)}copy(){return it.clone(this)}div(t){return it.create(this.x/t,this.y/t,this.z/t)}getLengthSq(){return this.x**2+this.y**2}mult(t){return it.create(this.x*t,this.y*t,this.z*t)}multTo(t){this.x*=t,this.y*=t,this.z*=t}normalize(){const t=this.length;0!=t&&this.multTo(1/t)}rotate(t){return it.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t),o.z)}setTo(t){this.x=t.x,this.y=t.y,this.z=st(t)}sub(t){return it.create(this.x-t.x,this.y-t.y,this.z-st(t))}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=st(t)}#t(t,n){this.x=Math.cos(t)*n,this.y=Math.sin(t)*n}}class at extends it{constructor(t=o.x,n=o.y){super(t,n,o.z)}static get origin(){return at.create(o.x,o.y)}static clone(t){return at.create(t.x,t.y)}static create(t,n){return"number"==typeof t?new at(t,n??o.y):new at(t.x,t.y)}}function rt(t){return"boolean"==typeof t}function ot(t){return"string"==typeof t}function ct(t){return"number"==typeof t}function ut(t){return"object"==typeof t&&null!==t}function ht(t){return Array.isArray(t)}function ft(t){return null==t}const lt=Math.PI/180;let dt=Math.random;function pt(){return Mt(dt(),0,1-Number.EPSILON)}function gt(t,n){return pt()*(n-t)+t}function wt(t){return requestAnimationFrame(t)}function mt(t){cancelAnimationFrame(t)}function Mt(t,n,e){return Math.min(Math.max(t,n),e)}function vt(t){const n=Et(t);let e=bt(t);return n===e&&(e=0),gt(e,n)}function yt(t){return ct(t)?t:vt(t)}function bt(t){return ct(t)?t:t.min}function Et(t){return ct(t)?t:t.max}function Pt(t,n){if(t===n||void 0===n&&ct(t))return t;const e=bt(t),s=Et(t);return void 0!==n?{min:Math.min(e,n),max:Math.max(s,n)}:Pt(e,s)}function xt(t,n,e){return function(t,n){const e=t.x-n.x,s=t.y-n.y;return e*e+s*s}(t,n)<=e*e}function At(t){return t*lt}function St(t,n,e){if(ct(t))return At(t);switch(t){case et.top:return.5*-Math.PI;case et.topRight:return.25*-Math.PI;case et.right:return 0;case et.bottomRight:return.25*Math.PI;case et.bottom:return.5*Math.PI;case et.bottomLeft:return.75*Math.PI;case et.left:return Math.PI;case et.topLeft:return.75*-Math.PI;case et.inside:return Math.atan2(e.y-n.y,e.x-n.x);case et.outside:return Math.atan2(n.y-e.y,n.x-e.x);default:return pt()*f}}function Lt(t){const n=at.origin;return n.length=1,n.angle=t,n}function zt(t){const{position:n,size:e}=t;return{x:n?.x??pt()*e.width,y:n?.y??pt()*e.height}}var Dt,kt;function Ct(){return globalThis.document}function Tt(t){if("undefined"!=typeof matchMedia)return matchMedia(t)}function Ot(t){if("undefined"!=typeof MutationObserver)return new MutationObserver(t)}function Ft(t,n){return t===n||ht(n)&&n.includes(t)}function $t(t,n,e=!0){return t[void 0!==n&&e?n%t.length:Math.floor(pt()*t.length)]}function jt(t,...n){for(const e of n){if(ft(e))continue;if(!ut(e)){t=e;continue}Array.isArray(e)?Array.isArray(t)||(t=[]):ut(t)&&!Array.isArray(t)||(t={});const n=Object.keys(e),s=new Set(["__proto__","constructor","prototype"]);if(n.some((t=>{const n=e[t];return ut(n)||Array.isArray(n)})))for(const i of n){if(s.has(i))continue;const n=t,a=e[i];n[i]=Array.isArray(a)?a.map((t=>jt(void 0,t))):jt(n[i],a)}else{const i=e,a=t;for(const t of n)if(!s.has(t)&&t in i){const n=i[t];void 0!==n&&(a[t]=n)}}}return t}function Ht(t,n){return ht(t)?t.map(((t,e)=>n(t,e))):n(t,0)}function _t(t,n,e){return ht(t)?$t(t,n,e):t}function qt(t,n){return function(t,n){if(t.mode!==kt.percent){const{mode:n,...e}=t;return e}return"x"in t?{x:t.x/i*n.width,y:t.y/i*n.height}:{width:t.width/i*n.width,height:t.height/i*n.height}}(t,n)}function Bt(t){const n=Ct().createElement("div").style;for(const e in t){const s=t[e];if(!(e in t)||ft(s))continue;const i=t.getPropertyValue?.(s);if(!i)continue;const a=t.getPropertyPriority?.(s);a?n.setProperty(s,i,a):n.setProperty(s,i)}return n}let It,Rt;function Nt(t){if(It!==t||!Rt){It=t;const n=Ct().createElement("div").style,e=10,s={width:"100%",height:"100%",margin:"0",padding:"0",borderWidth:"0",position:"fixed",zIndex:t.toString(e),"z-index":t.toString(e),top:"0",left:"0","pointer-events":"none"};for(const t in s){const e=s[t];void 0!==e&&n.setProperty(t,e)}Rt=n}return Rt}function Qt(t,n,e,s,i){if(s){let s={passive:!0};rt(i)?s.capture=i:void 0!==i&&(s=i),t.addEventListener(n,e,s)}else t.removeEventListener(n,e,i)}async function Ut(t,n,e,s=!1){let i=n.get(t);if(!i||s){const s=await Promise.all([...e.entries()].map((([n,e])=>e(t).then((t=>[n,t])))));i=new Map(s),n.set(t,i)}return i}!function(t){t.bottom="bottom",t.left="left",t.right="right",t.top="top"}(Dt||(Dt={})),function(t){t.precise="precise",t.percent="percent"}(kt||(kt={}));class Gt{#n;constructor(){this.#n=new Map}addEventListener(t,n){this.removeEventListener(t,n);let e=this.#n.get(t);e||(e=[],this.#n.set(t,e)),e.push(n)}dispatchEvent(t,n){const e=this.#n.get(t);e?.forEach((t=>{t(n)}))}hasEventListener(t){return!!this.#n.get(t)}removeAllEventListeners(t){t?this.#n.delete(t):this.#n=new Map}removeEventListener(t,n){const e=this.#n.get(t);if(!e)return;const s=e.length,i=e.indexOf(n);i<0||(1===s?this.#n.delete(t):e.splice(i,1))}}var Vt;!function(t){t.configAdded="configAdded",t.containerInit="containerInit",t.particlesSetup="particlesSetup",t.containerStarted="containerStarted",t.containerStopped="containerStopped",t.containerDestroyed="containerDestroyed",t.containerPaused="containerPaused",t.containerPlay="containerPlay",t.containerBuilt="containerBuilt",t.particleAdded="particleAdded",t.particleDestroyed="particleDestroyed",t.particleRemoved="particleRemoved"}(Vt||(Vt={}));class Wt{colorManagers=new Map;easingFunctions=new Map;effectDrawers=new Map;initializers={effects:new Map,shapes:new Map,updaters:new Map};palettes=new Map;plugins=[];presets=new Map;shapeDrawers=new Map;updaters=new Map;#e=new Set;#s=new Map;#i;#a=new Set;#r=!1;#o=!1;#c=new Set;constructor(t){this.#i=t}get configs(){const t={};for(const[n,e]of this.#s)t[n]=e;return t}addColorManager(t,n){this.colorManagers.set(t,n)}addConfig(t){const n=t.key??t.name??"default";this.#s.set(n,t),this.#i.dispatchEvent(Vt.configAdded,{data:{name:n,config:t}})}addEasing(t,n){this.easingFunctions.get(t)||this.easingFunctions.set(t,n)}addEffect(t,n){this.initializers.effects.set(t,n)}addPalette(t,n){this.palettes.set(t,n)}addParticleUpdater(t,n){this.initializers.updaters.set(t,n)}addPlugin(t){this.getPlugin(t.id)||this.plugins.push(t)}addPreset(t,n,e=!1){!e&&this.getPreset(t)||this.presets.set(t,n)}addShape(t,n){for(const e of t)this.initializers.shapes.set(e,n)}clearPlugins(t){this.effectDrawers.delete(t),this.shapeDrawers.delete(t),this.updaters.delete(t)}getEasing(t){return this.easingFunctions.get(t)??(t=>t)}getEffectDrawers(t,n=!1){return Ut(t,this.effectDrawers,this.initializers.effects,n)}getPalette(t){return this.palettes.get(t)}getPlugin(t){return this.plugins.find((n=>n.id===t))}getPreset(t){return this.presets.get(t)}async getShapeDrawers(t,n=!1){return Ut(t,this.shapeDrawers,this.initializers.shapes,n)}async getUpdaters(t,n=!1){return async function(t,n,e,s=!1){let i=n.get(t);return i&&!s||(i=await Promise.all([...e.values()].map((n=>n(t)))),n.set(t,i)),i}(t,this.updaters,this.initializers.updaters,n)}async init(){if(!this.#r&&!this.#o){this.#o=!0,this.#a=new Set,this.#e=new Set(this.#c);try{for(const t of this.#e)await this.#u(t,this.#a,this.#e)}finally{this.#c.clear(),this.#o=!1,this.#r=!0}}}loadParticlesOptions(t,n,...e){const s=this.updaters.get(t);s&&s.forEach((t=>t.loadOptions?.(n,...e)))}async register(...t){if(this.#r)throw new Error("Register plugins can only be done before calling tsParticles.load()");for(const n of t)this.#o?await this.#u(n,this.#a,this.#e):this.#c.add(n)}async#u(t,n,e){n.has(t)||(n.add(t),e.add(t),await t(this.#i))}}const Jt=t=>(...n)=>{t(...n)},Kt={debug:Jt(console.debug),error:(t,...n)=>{console.error(`tsParticles - Error - ${t}`,...n)},info:Jt(console.info),log:Jt(console.log),trace:Jt(console.trace),verbose:Jt(console.log),warning:Jt(console.warn)};function Xt(){return Kt}const Yt="100%";var Zt,tn,nn,en,sn,an,rn,on,cn,un,hn;!function(t){t.circle="circle",t.rectangle="rectangle"}(Zt||(Zt={})),function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(tn||(tn={})),function(t){t.auto="auto",t.increase="increase",t.decrease="decrease",t.random="random"}(nn||(nn={})),function(t){t.delete="delete",t.wait="wait"}(en||(en={})),function(t){t.bounce="bounce",t.none="none",t.out="out",t.destroy="destroy",t.split="split"}(sn||(sn={})),function(t){t.darken="darken",t.enlighten="enlighten"}(an||(an={})),function(t){t.none="none",t.max="max",t.min="min"}(rn||(rn={})),function(t){t.linear="linear",t.radial="radial",t.random="random"}(on||(on={})),function(t){t.normal="normal",t.inside="inside",t.outside="outside"}(cn||(cn={})),function(t){t.max="max",t.min="min",t.random="random"}(un||(un={})),function(t){t.increasing="increasing",t.decreasing="decreasing"}(hn||(hn={}));const fn=new class{pluginManager=new Wt(this);#h=[];#f=new Gt;#r=!1;get items(){return this.#h}get version(){return"4.2.0"}addEventListener(t,n){this.#f.addEventListener(t,n)}checkVersion(t){if(this.version!==t)throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${this.version}. Plugin version: ${t}`)}dispatchEvent(t,n){this.#f.dispatchEvent(t,n)}async init(){this.#r||(await this.pluginManager.init(),this.#r=!0)}item(t){const n=this.items,e=n[t];if(!e?.destroyed)return e;n.splice(t,1)}async load(n){let e;await this.init(),"undefined"!=typeof HTMLElement&&n.element instanceof HTMLElement&&(e=n.element);const{Container:s}=await import("./p-PBQ5N1xQ.js"),i=n.id??e?.id??`tsparticles${Math.floor(1e4*pt()).toString()}`,{index:a,url:r}=n,o=r?await async function(t){const n=_t(t.url,t.index);if(!n)return t.fallback;const e=await fetch(n);return e.ok?await e.json():(Xt().error(`${e.status.toString()} while retrieving config file`),t.fallback)}({fallback:n.options,url:r,index:a}):n.options,c=_t(o,a),{items:u}=this,h=u.findIndex((t=>t.id.description===i)),f=new s({dispatchCallback:(t,n)=>{this.dispatchEvent(t,n)},id:i,onDestroy:t=>{if(!t)return;const n=this.items,e=n.indexOf(f);e>=0&&n.splice(e,1)},pluginManager:this.pluginManager,sourceOptions:c});if(h>=0){const t=this.item(h),n=t?1:0;t&&!t.destroyed&&t.destroy(!1),u.splice(h,n,f)}else u.push(f);const l="undefined"!=typeof OffscreenCanvas&&n.element instanceof OffscreenCanvas?n.element:(n=>{const e=Ct();let s;if(n instanceof HTMLCanvasElement||n.tagName.toLowerCase()===g)s=n,s.dataset[t]??=p,s.dataset[t]===d&&(s.style.width||=Yt,s.style.height||=Yt,s.style.pointerEvents="none",s.style.setProperty("pointer-events","none"));else{const i=n.getElementsByTagName(g).item(0);i?(s=i,s.dataset[t]=p):(s=e.createElement(g),s.dataset[t]=d,n.appendChild(s)),s.style.width||=Yt,s.style.height||=Yt,s.style.pointerEvents="none",s.style.setProperty("pointer-events","none")}return s})(((n,e)=>{const s=Ct();let i=e??s.getElementById(n);return i||(i=s.createElement("canvas"),i.id=n,i.dataset[t]=d,s.body.append(i),i)})(i,e));return f.canvas.loadCanvas(l),await f.start(),f}async refresh(t=!0){t&&await Promise.all(this.items.map((t=>t.refresh())))}removeEventListener(t,n){this.#f.removeEventListener(t,n)}};let ln,dn,pn=!1;async function gn(t){if(!pn)if(ln){if(dn!==t)throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");await ln}else dn=t,ln=(async()=>{t&&await t(fn),"function"==typeof fn.init&&await fn.init(),pn=!0})().catch((t=>{throw ln=void 0,dn=void 0,pn=!1,t})),await ln}function wn(){return pn}async function mn(){await(null!=ln?ln:Promise.resolve())}export{Ct as $,an as A,E as B,gt as C,U as D,tt as E,J as F,X as G,K as H,Z as I,Y as J,o as K,en as L,et as M,k as N,sn as O,kt as P,n as Q,Zt as R,G as S,nt as T,C as U,D as V,Ot as W,t as X,Bt as Y,Tt as Z,Nt as _,ft as a,r as a0,Qt as a1,s as a2,e as a3,it as a4,Vt as a5,Q as a6,c as a7,w as a8,j as a9,y as aA,b as aB,wt as aC,O as aD,F as aE,mt as aF,l as aG,wn as aH,mn as aI,Lt as aa,vt as ab,pt as ac,Dt as ad,Mt as ae,H as af,qt as ag,St as ah,cn as ai,at as aj,yt as ak,zt as al,_t as am,Ft as an,f as ao,At as ap,M as aq,_ as ar,B as as,Xt as at,I as au,v as av,R as aw,N as ax,q as ay,$ as az,Pt as b,xt as c,P as d,A as e,L as f,x as g,S as h,gn as i,ot as j,ht as k,W as l,jt as m,ct as n,ut as o,Ht as p,rt as q,$t as r,m as s,fn as t,T as u,u as v,V as w,a as x,h as y,z}