@tsparticles/plugin-hsv-color 3.0.0-alpha.0

package/tsparticles.plugin.hsvColor.js

@@ -0,0 +1,280 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadHsvColorPlugin": () => (/* binding */ loadHsvColorPlugin)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/HsvColorManager.js
+
+function rgbToHsv(rgb) {
+  const rgbPercent = {
+      r: rgb.r / 255,
+      g: rgb.g / 255,
+      b: rgb.b / 255
+    },
+    xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b),
+    xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b),
+    v = xMax,
+    c = xMax - xMin;
+  let h = 0;
+  if (v === rgbPercent.r) {
+    h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+  } else if (v === rgbPercent.g) {
+    h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+  } else if (v === rgbPercent.b) {
+    h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+  }
+  const s = !v ? 0 : c / v;
+  return {
+    h,
+    s: s * 100,
+    v: v * 100
+  };
+}
+function rgbaToHsva(rgba) {
+  return Object.assign({
+    a: rgba.a
+  }, rgbToHsv(rgba));
+}
+function getStyleFromHsv(color, opacity) {
+  return getStyleFromHsl(hsvToHsl(color), opacity);
+}
+function hslToHsv(hsl) {
+  const l = hsl.l / 100,
+    sl = hsl.s / 100,
+    v = l + sl * Math.min(l, 1 - l),
+    sv = !v ? 0 : 2 * (1 - l / v);
+  return {
+    h: hsl.h,
+    s: sv * 100,
+    v: v * 100
+  };
+}
+function hslaToHsva(hsla) {
+  return Object.assign({
+    a: hsla.a
+  }, hslToHsv(hsla));
+}
+function hsvToHsl(hsv) {
+  const v = hsv.v / 100,
+    sv = hsv.s / 100,
+    l = v * (1 - sv / 2),
+    sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+  return {
+    h: hsv.h,
+    l: l * 100,
+    s: sl * 100
+  };
+}
+function hsvaToHsla(hsva) {
+  return Object.assign({
+    a: hsva.a
+  }, hsvToHsl(hsva));
+}
+function hsvToRgb(hsv) {
+  const result = {
+      b: 0,
+      g: 0,
+      r: 0
+    },
+    hsvPercent = {
+      h: hsv.h / 60,
+      s: hsv.s / 100,
+      v: hsv.v / 100
+    },
+    c = hsvPercent.v * hsvPercent.s,
+    x = c * (1 - Math.abs(hsvPercent.h % 2 - 1));
+  let tempRgb;
+  if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+    tempRgb = {
+      r: c,
+      g: x,
+      b: 0
+    };
+  } else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+    tempRgb = {
+      r: x,
+      g: c,
+      b: 0
+    };
+  } else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+    tempRgb = {
+      r: 0,
+      g: c,
+      b: x
+    };
+  } else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+    tempRgb = {
+      r: 0,
+      g: x,
+      b: c
+    };
+  } else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+    tempRgb = {
+      r: x,
+      g: 0,
+      b: c
+    };
+  } else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+    tempRgb = {
+      r: c,
+      g: 0,
+      b: x
+    };
+  }
+  if (tempRgb) {
+    const m = hsvPercent.v - c;
+    result.r = Math.floor((tempRgb.r + m) * 255);
+    result.g = Math.floor((tempRgb.g + m) * 255);
+    result.b = Math.floor((tempRgb.b + m) * 255);
+  }
+  return result;
+}
+function hsvaToRgba(hsva) {
+  return Object.assign({
+    a: hsva.a
+  }, hsvToRgb(hsva));
+}
+class HsvColorManager {
+  constructor() {
+    this.key = "hsv";
+    this.stringPrefix = "hsv";
+  }
+  handleColor(color) {
+    var _a;
+    const colorValue = color.value,
+      hsvColor = (_a = colorValue.hsv) !== null && _a !== void 0 ? _a : color.value;
+    if (hsvColor.h !== undefined && hsvColor.v !== undefined) {
+      return hsvToRgb(hsvColor);
+    }
+  }
+  handleRangeColor(color) {
+    var _a;
+    const colorValue = color.value,
+      hsvColor = (_a = colorValue.hsv) !== null && _a !== void 0 ? _a : color.value;
+    if (hsvColor.h !== undefined && hsvColor.v !== undefined) {
+      return hsvToRgb({
+        h: (0,engine_root_window_.getRangeValue)(hsvColor.h),
+        s: (0,engine_root_window_.getRangeValue)(hsvColor.s),
+        v: (0,engine_root_window_.getRangeValue)(hsvColor.v)
+      });
+    }
+  }
+  parseString(input) {
+    if (!input.startsWith("hsv")) {
+      return;
+    }
+    const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i,
+      result = regex.exec(input);
+    return result ? hsvaToRgba({
+      a: result.length > 4 ? (0,engine_root_window_.parseAlpha)(result[5]) : 1,
+      h: parseInt(result[1], 10),
+      s: parseInt(result[2], 10),
+      v: parseInt(result[3], 10)
+    }) : undefined;
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+
+function loadHsvColorPlugin() {
+  (0,engine_root_window_.addColorManager)(new HsvColorManager());
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.plugin.hsvColor.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.plugin.hsvColor.min.js.LICENSE.txt */
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var t="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(e=>(()=>{"use strict";var r={533:r=>{r.exports=e}},t={};function o(e){var n=t[e];if(void 0!==n)return n.exports;var s=t[e]={exports:{}};return r[e](s,s.exports,o),s.exports}o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{loadHsvColorPlugin:()=>s});var e=o(533);function r(e){const r={b:0,g:0,r:0},t=e.h/60,o=e.s/100,n=e.v/100,s=n*o,a=s*(1-Math.abs(t%2-1));let i;if(t>=0&&t<=1?i={r:s,g:a,b:0}:t>1&&t<=2?i={r:a,g:s,b:0}:t>2&&t<=3?i={r:0,g:s,b:a}:t>3&&t<=4?i={r:0,g:a,b:s}:t>4&&t<=5?i={r:a,g:0,b:s}:t>5&&t<=6&&(i={r:s,g:0,b:a}),i){const e=n-s;r.r=Math.floor(255*(i.r+e)),r.g=Math.floor(255*(i.g+e)),r.b=Math.floor(255*(i.b+e))}return r}class t{constructor(){this.key="hsv",this.stringPrefix="hsv"}handleColor(e){var t;const o=null!==(t=e.value.hsv)&&void 0!==t?t:e.value;if(void 0!==o.h&&void 0!==o.v)return r(o)}handleRangeColor(t){var o;const n=null!==(o=t.value.hsv)&&void 0!==o?o:t.value;if(void 0!==n.h&&void 0!==n.v)return r({h:(0,e.getRangeValue)(n.h),s:(0,e.getRangeValue)(n.s),v:(0,e.getRangeValue)(n.v)})}parseString(t){if(!t.startsWith("hsv"))return;const o=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i.exec(t);return o?(n={a:o.length>4?(0,e.parseAlpha)(o[5]):1,h:parseInt(o[1],10),s:parseInt(o[2],10),v:parseInt(o[3],10)},Object.assign({a:n.a},r(n))):void 0;var n}}function s(){(0,e.addColorManager)(new t)}})(),n})()));

package/tsparticles.plugin.hsvColor.min.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */

package/types/HsvColorManager.d.ts

@@ -0,0 +1,18 @@
+import type { IColor, IColorManager, IHsl, IHsla, IHsv, IHsva, IRangeColor, IRgb, IRgba } from "@tsparticles/engine";
+export declare function rgbToHsv(rgb: IRgb): IHsv;
+export declare function rgbaToHsva(rgba: IRgba): IHsva;
+export declare function getStyleFromHsv(color: IHsv, opacity?: number): string;
+export declare function hslToHsv(hsl: IHsl): IHsv;
+export declare function hslaToHsva(hsla: IHsla): IHsva;
+export declare function hsvToHsl(hsv: IHsv): IHsl;
+export declare function hsvaToHsla(hsva: IHsva): IHsla;
+export declare function hsvToRgb(hsv: IHsv): IRgb;
+export declare function hsvaToRgba(hsva: IHsva): IRgba;
+export declare class HsvColorManager implements IColorManager {
+    readonly key: string;
+    readonly stringPrefix: string;
+    constructor();
+    handleColor(color: IColor): IRgb | undefined;
+    handleRangeColor(color: IRangeColor): IRgb | undefined;
+    parseString(input: string): IRgba | undefined;
+}

package/types/index.d.ts

@@ -0,0 +1 @@
+export declare function loadHsvColorPlugin(): void;

package/umd/HsvColorManager.js

@@ -0,0 +1,173 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.HsvColorManager = exports.hsvaToRgba = exports.hsvToRgb = exports.hsvaToHsla = exports.hsvToHsl = exports.hslaToHsva = exports.hslToHsv = exports.getStyleFromHsv = exports.rgbaToHsva = exports.rgbToHsv = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    function rgbToHsv(rgb) {
+        const rgbPercent = {
+            r: rgb.r / 255,
+            g: rgb.g / 255,
+            b: rgb.b / 255,
+        }, xMax = Math.max(rgbPercent.r, rgbPercent.g, rgbPercent.b), xMin = Math.min(rgbPercent.r, rgbPercent.g, rgbPercent.b), v = xMax, c = xMax - xMin;
+        let h = 0;
+        if (v === rgbPercent.r) {
+            h = 60 * ((rgbPercent.g - rgbPercent.b) / c);
+        }
+        else if (v === rgbPercent.g) {
+            h = 60 * (2 + (rgbPercent.b - rgbPercent.r) / c);
+        }
+        else if (v === rgbPercent.b) {
+            h = 60 * (4 + (rgbPercent.r - rgbPercent.g) / c);
+        }
+        const s = !v ? 0 : c / v;
+        return {
+            h,
+            s: s * 100,
+            v: v * 100,
+        };
+    }
+    exports.rgbToHsv = rgbToHsv;
+    function rgbaToHsva(rgba) {
+        return Object.assign({ a: rgba.a }, rgbToHsv(rgba));
+    }
+    exports.rgbaToHsva = rgbaToHsva;
+    function getStyleFromHsv(color, opacity) {
+        return (0, engine_1.getStyleFromHsl)(hsvToHsl(color), opacity);
+    }
+    exports.getStyleFromHsv = getStyleFromHsv;
+    function hslToHsv(hsl) {
+        const l = hsl.l / 100, sl = hsl.s / 100, v = l + sl * Math.min(l, 1 - l), sv = !v ? 0 : 2 * (1 - l / v);
+        return {
+            h: hsl.h,
+            s: sv * 100,
+            v: v * 100,
+        };
+    }
+    exports.hslToHsv = hslToHsv;
+    function hslaToHsva(hsla) {
+        return Object.assign({ a: hsla.a }, hslToHsv(hsla));
+    }
+    exports.hslaToHsva = hslaToHsva;
+    function hsvToHsl(hsv) {
+        const v = hsv.v / 100, sv = hsv.s / 100, l = v * (1 - sv / 2), sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+        return {
+            h: hsv.h,
+            l: l * 100,
+            s: sl * 100,
+        };
+    }
+    exports.hsvToHsl = hsvToHsl;
+    function hsvaToHsla(hsva) {
+        return Object.assign({ a: hsva.a }, hsvToHsl(hsva));
+    }
+    exports.hsvaToHsla = hsvaToHsla;
+    function hsvToRgb(hsv) {
+        const result = { b: 0, g: 0, r: 0 }, hsvPercent = {
+            h: hsv.h / 60,
+            s: hsv.s / 100,
+            v: hsv.v / 100,
+        }, c = hsvPercent.v * hsvPercent.s, x = c * (1 - Math.abs((hsvPercent.h % 2) - 1));
+        let tempRgb;
+        if (hsvPercent.h >= 0 && hsvPercent.h <= 1) {
+            tempRgb = {
+                r: c,
+                g: x,
+                b: 0,
+            };
+        }
+        else if (hsvPercent.h > 1 && hsvPercent.h <= 2) {
+            tempRgb = {
+                r: x,
+                g: c,
+                b: 0,
+            };
+        }
+        else if (hsvPercent.h > 2 && hsvPercent.h <= 3) {
+            tempRgb = {
+                r: 0,
+                g: c,
+                b: x,
+            };
+        }
+        else if (hsvPercent.h > 3 && hsvPercent.h <= 4) {
+            tempRgb = {
+                r: 0,
+                g: x,
+                b: c,
+            };
+        }
+        else if (hsvPercent.h > 4 && hsvPercent.h <= 5) {
+            tempRgb = {
+                r: x,
+                g: 0,
+                b: c,
+            };
+        }
+        else if (hsvPercent.h > 5 && hsvPercent.h <= 6) {
+            tempRgb = {
+                r: c,
+                g: 0,
+                b: x,
+            };
+        }
+        if (tempRgb) {
+            const m = hsvPercent.v - c;
+            result.r = Math.floor((tempRgb.r + m) * 255);
+            result.g = Math.floor((tempRgb.g + m) * 255);
+            result.b = Math.floor((tempRgb.b + m) * 255);
+        }
+        return result;
+    }
+    exports.hsvToRgb = hsvToRgb;
+    function hsvaToRgba(hsva) {
+        return Object.assign({ a: hsva.a }, hsvToRgb(hsva));
+    }
+    exports.hsvaToRgba = hsvaToRgba;
+    class HsvColorManager {
+        constructor() {
+            this.key = "hsv";
+            this.stringPrefix = "hsv";
+        }
+        handleColor(color) {
+            var _a;
+            const colorValue = color.value, hsvColor = (_a = colorValue.hsv) !== null && _a !== void 0 ? _a : color.value;
+            if (hsvColor.h !== undefined && hsvColor.v !== undefined) {
+                return hsvToRgb(hsvColor);
+            }
+        }
+        handleRangeColor(color) {
+            var _a;
+            const colorValue = color.value, hsvColor = (_a = colorValue.hsv) !== null && _a !== void 0 ? _a : color.value;
+            if (hsvColor.h !== undefined && hsvColor.v !== undefined) {
+                return hsvToRgb({
+                    h: (0, engine_1.getRangeValue)(hsvColor.h),
+                    s: (0, engine_1.getRangeValue)(hsvColor.s),
+                    v: (0, engine_1.getRangeValue)(hsvColor.v),
+                });
+            }
+        }
+        parseString(input) {
+            if (!input.startsWith("hsv")) {
+                return;
+            }
+            const regex = /hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
+            return result
+                ? hsvaToRgba({
+                    a: result.length > 4 ? (0, engine_1.parseAlpha)(result[5]) : 1,
+                    h: parseInt(result[1], 10),
+                    s: parseInt(result[2], 10),
+                    v: parseInt(result[3], 10),
+                })
+                : undefined;
+        }
+    }
+    exports.HsvColorManager = HsvColorManager;
+});

package/umd/index.js

@@ -0,0 +1,19 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./HsvColorManager", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadHsvColorPlugin = void 0;
+    const HsvColorManager_1 = require("./HsvColorManager");
+    const engine_1 = require("@tsparticles/engine");
+    function loadHsvColorPlugin() {
+        (0, engine_1.addColorManager)(new HsvColorManager_1.HsvColorManager());
+    }
+    exports.loadHsvColorPlugin = loadHsvColorPlugin;
+});