@tsparticles/plugin-hsl-color 4.0.0-alpha.2 → 4.0.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.2
7
+ * v4.0.0-alpha.20
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
28
28
  /******/ "use strict";
29
29
  /******/ var __webpack_modules__ = ({
30
30
 
31
- /***/ "./dist/browser/index.js"
32
- /*!*******************************!*\
33
- !*** ./dist/browser/index.js ***!
34
- \*******************************/
35
- (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
36
-
37
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nfunction loadHslColorPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.2\");\n engine.register(async e => {\n const {\n HslColorManager\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"./dist/browser/HslColorManager.js\"));\n e.addColorManager(new HslColorManager());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-hsl-color/./dist/browser/index.js?\n}");
38
-
39
- /***/ },
40
-
41
31
  /***/ "@tsparticles/engine"
42
32
  /*!*********************************************************************************************************************************!*\
43
33
  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -46,6 +36,16 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
46
36
 
47
37
  module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
48
38
 
39
+ /***/ },
40
+
41
+ /***/ "./dist/browser/index.js"
42
+ /*!*******************************!*\
43
+ !*** ./dist/browser/index.js ***!
44
+ \*******************************/
45
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
46
+
47
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.20\");\n await engine.register(async (e)=>{\n const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"./dist/browser/HslColorManager.js\"));\n e.addColorManager(\"hsl\", new HslColorManager());\n });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-hsl-color/./dist/browser/index.js?\n}");
48
+
49
49
  /***/ }
50
50
 
51
51
  /******/ });
@@ -1,2 +1,2 @@
1
- /*! For license information please see tsparticles.plugin.hslColor.min.js.LICENSE.txt */
2
- !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=>(()=>{var r,t,o={303(r){r.exports=e}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,i),t.exports}i.m=o,i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".min.js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="@tsparticles/plugin-hsl-color:",i.l=(e,o,n,a)=>{if(r[e])r[e].push(o);else{var l,s;if(void 0!==n)for(var c=document.getElementsByTagName("script"),p=0;p<c.length;p++){var u=c[p];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==t+n){l=u;break}}l||(s=!0,(l=document.createElement("script")).charset="utf-8",i.nc&&l.setAttribute("nonce",i.nc),l.setAttribute("data-webpack",t+n),l.src=e),r[e]=[o];var d=(t,o)=>{l.onerror=l.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),n&&n.forEach((e=>e(o))),t)return t(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),s&&document.head.appendChild(l)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var r=i.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e={426:0};i.f.j=(r,t)=>{var o=i.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var n=new Promise(((t,n)=>o=e[r]=[t,n]));t.push(o[2]=n);var a=i.p+i.u(r),l=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;l.message="Loading chunk "+r+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,o[1](l)}}),"chunk-"+r,r)}};var r=(r,t)=>{var o,n,[a,l,s]=t,c=0;if(a.some((r=>0!==e[r]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(s)s(i)}for(r&&r(t);c<a.length;c++)n=a[c],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0},t=this.webpackChunk_tsparticles_plugin_hsl_color=this.webpackChunk_tsparticles_plugin_hsl_color||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var a={};function l(e){e.checkVersion("4.0.0-alpha.2"),e.register((async e=>{const{HslColorManager:r}=await i.e(207).then(i.bind(i,207));e.addColorManager(new r)}))}return i.r(a),i.d(a,{loadHslColorPlugin:()=>l}),a})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,i={303(t){t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.m=i,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l={},a.l=(e,t,r,o)=>{if(l[e])return void l[e].push(t);if(void 0!==r)for(var i,n,s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var p=s[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-hsl-color:"+r){i=p;break}}i||(n=!0,(i=document.createElement("script")).charset="utf-8",a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack","@tsparticles/plugin-hsl-color:"+r),i.src=e),l[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=l[e];if(delete l[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),n&&document.head.appendChild(i)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(s=a.g.location+"");var l,s,c=a.g.document;if(!s&&c&&(c.currentScript&&"SCRIPT"===c.currentScript.tagName.toUpperCase()&&(s=c.currentScript.src),!s)){var p=c.getElementsByTagName("script");if(p.length)for(var u=p.length-1;u>-1&&(!s||!/^http(s?):/.test(s));)s=p[u--].src}if(!s)throw Error("Automatic publicPath is not supported in this browser");a.p=s=s.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={426:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((r,i)=>o=t[e]=[r,i]);r.push(o[2]=i);var n=a.p+a.u(e),l=Error();a.l(n,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;l.message="Loading chunk "+e+` failed.
2
+ (`+i+": "+n+")",l.name="ChunkLoadError",l.type=i,l.request=n,o[1](l)}},"chunk-"+e,e)}},r=(e,r)=>{var o,i,[n,l,s]=r,c=0;if(n.some(e=>0!==t[e])){for(o in l)a.o(l,o)&&(a.m[o]=l[o]);s&&s(a)}for(e&&e(r);c<n.length;c++)i=n[c],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_plugin_hsl_color=this.webpackChunk_tsparticles_plugin_hsl_color||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};async function f(e){e.checkVersion("4.0.0-alpha.20"),await e.register(async e=>{let{HslColorManager:t}=await a.e(363).then(a.bind(a,363));e.addColorManager("hsl",new t)})}return a.r(d),a.d(d,{loadHslColorPlugin:()=>f}),d})());
@@ -1,7 +1,5 @@
1
1
  import { type IColor, type IColorManager, type IRangeColor, type IRgb, type IRgba } from "@tsparticles/engine";
2
2
  export declare class HslColorManager implements IColorManager {
3
- readonly key: string;
4
- constructor();
5
3
  accepts(input: string): boolean;
6
4
  handleColor(color: IColor): IRgb | undefined;
7
5
  handleRangeColor(color: IRangeColor): IRgb | undefined;
package/types/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { type Engine } from "@tsparticles/engine";
2
- export declare function loadHslColorPlugin(engine: Engine): void;
2
+ export declare function loadHslColorPlugin(engine: Engine): Promise<void>;
@@ -20,22 +20,19 @@
20
20
  })(HslIndexes || (HslIndexes = {}));
21
21
  const hslRegex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;
22
22
  class HslColorManager {
23
- constructor() {
24
- this.key = "hsl";
25
- }
26
23
  accepts(input) {
27
24
  return input.startsWith("hsl");
28
25
  }
29
26
  handleColor(color) {
30
27
  const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
31
- if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
28
+ if (!Object.hasOwn(hslColor, "h") || !Object.hasOwn(hslColor, "s") || !Object.hasOwn(hslColor, "l")) {
32
29
  return;
33
30
  }
34
31
  return (0, engine_1.hslToRgb)(hslColor);
35
32
  }
36
33
  handleRangeColor(color) {
37
34
  const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
38
- if (!Object.hasOwn(hslColor, "h") && !Object.hasOwn(hslColor, "s") && !Object.hasOwn(hslColor, "l")) {
35
+ if (!Object.hasOwn(hslColor, "h") || !Object.hasOwn(hslColor, "s") || !Object.hasOwn(hslColor, "l")) {
39
36
  return;
40
37
  }
41
38
  return (0, engine_1.hslToRgb)({
@@ -52,9 +49,9 @@
52
49
  return result
53
50
  ? (0, engine_1.hslaToRgba)({
54
51
  a: result.length > minLength ? (0, engine_1.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,
55
- h: parseInt(result[HslIndexes.h] ?? "0", radix),
56
- l: parseInt(result[HslIndexes.l] ?? "0", radix),
57
- s: parseInt(result[HslIndexes.s] ?? "0", radix),
52
+ h: Number.parseInt(result[HslIndexes.h] ?? "0", radix),
53
+ l: Number.parseInt(result[HslIndexes.l] ?? "0", radix),
54
+ s: Number.parseInt(result[HslIndexes.s] ?? "0", radix),
58
55
  })
59
56
  : undefined;
60
57
  }
package/umd/index.js CHANGED
@@ -44,11 +44,11 @@ var __importStar = (this && this.__importStar) || (function () {
44
44
  var __syncRequire = typeof module === "object" && typeof module.exports === "object";
45
45
  Object.defineProperty(exports, "__esModule", { value: true });
46
46
  exports.loadHslColorPlugin = loadHslColorPlugin;
47
- function loadHslColorPlugin(engine) {
48
- engine.checkVersion("4.0.0-alpha.2");
49
- engine.register(async (e) => {
47
+ async function loadHslColorPlugin(engine) {
48
+ engine.checkVersion("4.0.0-alpha.20");
49
+ await engine.register(async (e) => {
50
50
  const { HslColorManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./HslColorManager.js"))) : new Promise((resolve_1, reject_1) => { require(["./HslColorManager.js"], resolve_1, reject_1); }).then(__importStar));
51
- e.addColorManager(new HslColorManager());
51
+ e.addColorManager("hsl", new HslColorManager());
52
52
  });
53
53
  }
54
54
  });
package/207.min.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 207.min.js.LICENSE.txt */
2
- (this.webpackChunk_tsparticles_plugin_hsl_color=this.webpackChunk_tsparticles_plugin_hsl_color||[]).push([[207],{207(s,a,e){e.d(a,{HslColorManager:()=>n});var l,t=e(303);!function(s){s[s.h=1]="h",s[s.s=2]="s",s[s.l=3]="l",s[s.a=5]="a"}(l||(l={}));const h=/hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class n{constructor(){this.key="hsl"}accepts(s){return s.startsWith("hsl")}handleColor(s){const a=s.value.hsl??s.value;if(Object.hasOwn(a,"h")||Object.hasOwn(a,"s")||Object.hasOwn(a,"l"))return(0,t.hslToRgb)(a)}handleRangeColor(s){const a=s.value.hsl??s.value;if(Object.hasOwn(a,"h")||Object.hasOwn(a,"s")||Object.hasOwn(a,"l"))return(0,t.hslToRgb)({h:(0,t.getRangeValue)(a.h),l:(0,t.getRangeValue)(a.l),s:(0,t.getRangeValue)(a.s)})}parseString(s){if(!this.accepts(s))return;const a=h.exec(s);return a?(0,t.hslaToRgba)({a:a.length>4?(0,t.parseAlpha)(a[l.a]):1,h:parseInt(a[l.h]??"0",10),l:parseInt(a[l.l]??"0",10),s:parseInt(a[l.s]??"0",10)}):void 0}}}}]);
@@ -1 +0,0 @@
1
- /*! tsParticles HSL Color Plugin v4.0.0-alpha.2 by Matteo Bruni */
@@ -1 +0,0 @@
1
- /*! tsParticles HSL Color Plugin v4.0.0-alpha.2 by Matteo Bruni */