pixi-solid 0.1.18 → 0.1.20

package/README.md

@@ -14,11 +14,7 @@ A custom renderer for [PixiJS](https://pixijs.com/) that lets you build your sce
 - 💫 Useful helper utilities included.
 - 🤩 Full Typescript support for type safety and auto completion.
 
-Take a look at the [docs site 🧑‍💻](https://lukecarlthompson.github.io/pixi-solid/) for more information.
-
----
-
-### Install
+## Install
 
 ```bash
 npm i pixi-solid pixi.js solid-js
@@ -28,33 +24,60 @@ Peer dependencies of
 
 ```json
 {
-  "pixi.js": "^8.14.3",
-  "solid-js": "^1.9.10"
+  "pixi.js": ">=8.14.3 <9",
+  "solid-js": ">=1.9.10 <2"
 }
 ```
 
----
+## Basic usage
+
+```tsx
+import { PixiCanvas, Sprite } from "pixi-solid";
+import { createSignal } from "solid-js";
+import { Texture } from "pixi.js";
+
+export const DemoApp = () => {
+  const [scale, setScale] = createSignal(10);
+
+  const handleSpriteTap = () => {
+    setScale((currentScale) => currentScale + 1);
+  };
+
+  return (
+    <PixiCanvas style={{ width: "100%", height: "100vh" }}>
+      <Sprite
+        texture={Texture.WHITE}
+        scale={scale()}
+        onpointertap={handleSpriteTap}
+        tint="#ff0000"
+      />
+    </PixiCanvas>
+  );
+};
+```
+
+## Documentation and examples
+
+Check out the [documentation site 🧑‍💻](https://lukecarlthompson.github.io/pixi-solid/) for more comprehensive information and live examples.
 
-### Why combine SolidJS with PixiJS?
+## Why combine SolidJS with PixiJS?
 
-- **Declarative PixiJS scene graph**: Using SolidJS's JSX templating means we get declarative control over the scene graph. No longer necessary to imperatively add and remove children.
+- **Declarative PixiJS scene graph**: Using SolidJS's JSX templating means we get declarative control over the scene graph. For improved separation of concerns, simpler views and more scalable projects.
 
-- **Lifecycle hooks in our PixiJS components**: SolidJS rendering PixiJS components means we can take advantage of the built in lifecycle methods in SolidJS `onMount` and `onCleanup` as well as few extra custom hooks so we can automatically subscribe and unsubscribe from the ticker.
+- **SolidJS hooks in our PixiJS components**: SolidJS rendering PixiJS components means we can take advantage of the built in lifecycle methods in SolidJS `onMount`, `onCleanup` as well as extra custom hooks for responsive behaviour and ticker subscriptions.
 
-- **Shared State and Reactivity**: Pixi Solid leverages SolidJS's reactivity system to automatically update PixiJS components when SolidJS signals or stores change. So your HTML and PixiJS graphics can stay in sync effortlessly.
+- **Shared State and Reactivity**: HTML and PixiJS graphics can stay in sync effortlessly because they can subscribe to the same state.
 
-- **Combine the best of both worlds**: Pixi Solid makes it easy to use HTML elements alongside a PixiJS canvas, allowing you to create rich user interfaces that combine the strengths of both technologies.
+- **Combine the best of both worlds**: Pixi Solid makes it easy to use HTML elements alongside or on top of a PixiJS canvas, allowing you to create rich user interfaces that combine the strengths of both technologies.
 
 - **Composability**: Pixi Solid components can be easily composed together to create complex scenes and animations out of reusable components.
 
 - **SolidJS is a thin wrapper**: While Pixi Solid provides a nice abstraction over PixiJS it provides access to all the properties and events of PixiJS objects.
 
-- **SolidJS is really fast**: SolidJs is on of the fastest front-end frameworks out there so the overhead is very minimal.
+- **SolidJS is really fast**: SolidJS is one of the fastest front-end frameworks out there so the overhead is very minimal.
 
 - **SolidJS is fully featured**: It has stores, signals, suspense, error boundaries, resource fetching and more. It's a great feature set for simple or complex applications and you won't have to reach for other libraries to manage templating or state.
 
----
-
 ## Contributing
 
 Contributions are welcome! This project is still in its early stages, so feel free to open an issue to report a bug, suggest a feature, or submit a pull request.

package/dist/components/bind-props/bind-children.js

@@ -1,64 +1,47 @@
 import { children, createRenderEffect } from "solid-js";
-class InvalidChildTypeError extends Error {
-  constructor(cause) {
-    super(
-      "Invalid pixi-solid child type. Children must be pixi-solid or PixiJS element. Did you accidentally pass an invalid child to a pixi-solid parent?",
-      { cause }
-    );
-    this.name = "InvalidChildTypeError";
-  }
-}
-const bindChildrenToContainer = (parent, children$1) => {
-  const resolvedChildren = children(() => children$1);
-  const canAddChild = "addChildAt" in parent;
-  if (!canAddChild) {
-    throw new Error("Parent does not support children.");
-  }
-  createRenderEffect(() => {
-    const nextChildren = resolvedChildren.toArray().filter(Boolean);
-    try {
-      for (let i = 0; i < nextChildren.length; i += 1) {
-        parent.addChildAt(nextChildren[i], i);
-      }
-    } catch (error) {
-      if (error instanceof Error) {
-        console.error("Invalid children", nextChildren);
-        throw new InvalidChildTypeError(error);
-      } else {
-        throw error;
-      }
-    }
-  });
+//#region src/components/bind-props/bind-children.ts
+var InvalidChildTypeError = class extends Error {
+	constructor(cause) {
+		super("Invalid pixi-solid child type. Children must be pixi-solid or PixiJS element. Did you accidentally pass an invalid child to a pixi-solid parent?", { cause });
+		this.name = "InvalidChildTypeError";
+	}
 };
-const bindChildrenToRenderLayer = (parent, children$1) => {
-  const resolvedChildren = children(() => children$1);
-  createRenderEffect((prevChildren) => {
-    const nextChildren = resolvedChildren.toArray().filter(Boolean);
-    try {
-      if (prevChildren) {
-        for (let i = 0; i < prevChildren.length; i += 1) {
-          const child = prevChildren[i];
-          if (nextChildren.includes(child)) continue;
-          parent.detach(child);
-        }
-      }
-      for (let i = 0; i < nextChildren.length; i += 1) {
-        parent.attach(nextChildren[i]);
-      }
-    } catch (error) {
-      if (error instanceof Error) {
-        console.error("Invalid children", nextChildren);
-        throw new InvalidChildTypeError(error);
-      } else {
-        throw error;
-      }
-    }
-    return nextChildren;
-  });
+var bindChildrenToContainer = (parent, children$1) => {
+	const resolvedChildren = children(() => children$1);
+	if (!("addChildAt" in parent)) throw new Error("Parent does not support children.");
+	createRenderEffect(() => {
+		const nextChildren = resolvedChildren.toArray().filter(Boolean);
+		try {
+			for (let i = 0; i < nextChildren.length; i += 1) parent.addChildAt(nextChildren[i], i);
+		} catch (error) {
+			if (error instanceof Error) {
+				console.error("Invalid children", nextChildren);
+				throw new InvalidChildTypeError(error);
+			} else throw error;
+		}
+	});
 };
-export {
-  InvalidChildTypeError,
-  bindChildrenToContainer,
-  bindChildrenToRenderLayer
+var bindChildrenToRenderLayer = (parent, children$2) => {
+	const resolvedChildren = children(() => children$2);
+	createRenderEffect((prevChildren) => {
+		const nextChildren = resolvedChildren.toArray().filter(Boolean);
+		try {
+			if (prevChildren) for (let i = 0; i < prevChildren.length; i += 1) {
+				const child = prevChildren[i];
+				if (nextChildren.includes(child)) continue;
+				parent.detach(child);
+			}
+			for (let i = 0; i < nextChildren.length; i += 1) parent.attach(nextChildren[i]);
+		} catch (error) {
+			if (error instanceof Error) {
+				console.error("Invalid children", nextChildren);
+				throw new InvalidChildTypeError(error);
+			} else throw error;
+		}
+		return nextChildren;
+	});
 };
-//# sourceMappingURL=bind-children.js.map
+//#endregion
+export { bindChildrenToContainer, bindChildrenToRenderLayer };
+
+//# sourceMappingURL=bind-children.js.map

package/dist/components/bind-props/bind-children.js.map

@@ -1 +1 @@
-{"version":3,"file":"bind-children.js","sources":["../../../src/components/bind-props/bind-children.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { children as resolveChildren, createRenderEffect } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\n\nexport class InvalidChildTypeError extends Error {\n  constructor(cause: Error) {\n    super(\n      \"Invalid pixi-solid child type. Children must be pixi-solid or PixiJS element. Did you accidentally pass an invalid child to a pixi-solid parent?\",\n      { cause },\n    );\n    this.name = \"InvalidChildTypeError\";\n  }\n}\n\nexport const bindChildrenToContainer = (parent: Pixi.Container, children?: JSX.Element): void => {\n  const resolvedChildren = resolveChildren(() => children);\n\n  const canAddChild = \"addChildAt\" in parent;\n\n  if (!canAddChild) {\n    throw new Error(\"Parent does not support children.\");\n  }\n\n  createRenderEffect(() => {\n    const nextChildren = resolvedChildren.toArray().filter(Boolean) as unknown as Pixi.Container[];\n\n    try {\n      for (let i = 0; i < nextChildren.length; i += 1) {\n        parent.addChildAt(nextChildren[i], i);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(\"Invalid children\", nextChildren);\n        throw new InvalidChildTypeError(error);\n      } else {\n        throw error;\n      }\n    }\n  });\n};\n\nexport const bindChildrenToRenderLayer = (\n  parent: Pixi.RenderLayer,\n  children?: JSX.Element,\n): void => {\n  const resolvedChildren = resolveChildren(() => children);\n\n  createRenderEffect((prevChildren: Pixi.Container[] | undefined) => {\n    const nextChildren = resolvedChildren.toArray().filter(Boolean) as unknown as Pixi.Container[];\n\n    try {\n      if (prevChildren) {\n        for (let i = 0; i < prevChildren.length; i += 1) {\n          const child = prevChildren[i];\n          if (nextChildren.includes(child)) continue;\n\n          parent.detach(child);\n        }\n      }\n\n      for (let i = 0; i < nextChildren.length; i += 1) {\n        parent.attach(nextChildren[i]);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(\"Invalid children\", nextChildren);\n        throw new InvalidChildTypeError(error);\n      } else {\n        throw error;\n      }\n    }\n\n    return nextChildren;\n  });\n};\n"],"names":["children","resolveChildren"],"mappings":";AAIO,MAAM,8BAA8B,MAAM;AAAA,EAC/C,YAAY,OAAc;AACxB;AAAA,MACE;AAAA,MACA,EAAE,MAAA;AAAA,IAAM;AAEV,SAAK,OAAO;AAAA,EACd;AACF;AAEO,MAAM,0BAA0B,CAAC,QAAwBA,eAAiC;AAC/F,QAAM,mBAAmBC,SAAgB,MAAMD,UAAQ;AAEvD,QAAM,cAAc,gBAAgB;AAEpC,MAAI,CAAC,aAAa;AAChB,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAEA,qBAAmB,MAAM;AACvB,UAAM,eAAe,iBAAiB,QAAA,EAAU,OAAO,OAAO;AAE9D,QAAI;AACF,eAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;AAC/C,eAAO,WAAW,aAAa,CAAC,GAAG,CAAC;AAAA,MACtC;AAAA,IACF,SAAS,OAAO;AACd,UAAI,iBAAiB,OAAO;AAC1B,gBAAQ,MAAM,oBAAoB,YAAY;AAC9C,cAAM,IAAI,sBAAsB,KAAK;AAAA,MACvC,OAAO;AACL,cAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,4BAA4B,CACvC,QACAA,eACS;AACT,QAAM,mBAAmBC,SAAgB,MAAMD,UAAQ;AAEvD,qBAAmB,CAAC,iBAA+C;AACjE,UAAM,eAAe,iBAAiB,QAAA,EAAU,OAAO,OAAO;AAE9D,QAAI;AACF,UAAI,cAAc;AAChB,iBAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;AAC/C,gBAAM,QAAQ,aAAa,CAAC;AAC5B,cAAI,aAAa,SAAS,KAAK,EAAG;AAElC,iBAAO,OAAO,KAAK;AAAA,QACrB;AAAA,MACF;AAEA,eAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;AAC/C,eAAO,OAAO,aAAa,CAAC,CAAC;AAAA,MAC/B;AAAA,IACF,SAAS,OAAO;AACd,UAAI,iBAAiB,OAAO;AAC1B,gBAAQ,MAAM,oBAAoB,YAAY;AAC9C,cAAM,IAAI,sBAAsB,KAAK;AAAA,MACvC,OAAO;AACL,cAAM;AAAA,MACR;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AACH;"}
+{"version":3,"file":"bind-children.js","names":[],"sources":["../../../src/components/bind-props/bind-children.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { children as resolveChildren, createRenderEffect } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\n\nexport class InvalidChildTypeError extends Error {\n  constructor(cause: Error) {\n    super(\n      \"Invalid pixi-solid child type. Children must be pixi-solid or PixiJS element. Did you accidentally pass an invalid child to a pixi-solid parent?\",\n      { cause },\n    );\n    this.name = \"InvalidChildTypeError\";\n  }\n}\n\nexport const bindChildrenToContainer = (parent: Pixi.Container, children?: JSX.Element): void => {\n  const resolvedChildren = resolveChildren(() => children);\n\n  const canAddChild = \"addChildAt\" in parent;\n\n  if (!canAddChild) {\n    throw new Error(\"Parent does not support children.\");\n  }\n\n  createRenderEffect(() => {\n    const nextChildren = resolvedChildren.toArray().filter(Boolean) as unknown as Pixi.Container[];\n\n    try {\n      for (let i = 0; i < nextChildren.length; i += 1) {\n        parent.addChildAt(nextChildren[i], i);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(\"Invalid children\", nextChildren);\n        throw new InvalidChildTypeError(error);\n      } else {\n        throw error;\n      }\n    }\n  });\n};\n\nexport const bindChildrenToRenderLayer = (\n  parent: Pixi.RenderLayer,\n  children?: JSX.Element,\n): void => {\n  const resolvedChildren = resolveChildren(() => children);\n\n  createRenderEffect((prevChildren: Pixi.Container[] | undefined) => {\n    const nextChildren = resolvedChildren.toArray().filter(Boolean) as unknown as Pixi.Container[];\n\n    try {\n      if (prevChildren) {\n        for (let i = 0; i < prevChildren.length; i += 1) {\n          const child = prevChildren[i];\n          if (nextChildren.includes(child)) continue;\n\n          parent.detach(child);\n        }\n      }\n\n      for (let i = 0; i < nextChildren.length; i += 1) {\n        parent.attach(nextChildren[i]);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(\"Invalid children\", nextChildren);\n        throw new InvalidChildTypeError(error);\n      } else {\n        throw error;\n      }\n    }\n\n    return nextChildren;\n  });\n};\n"],"mappings":";;AAIA,IAAa,wBAAb,cAA2C,MAAM;CAC/C,YAAY,OAAc;AACxB,QACE,oJACA,EAAE,OAAO,CACV;AACD,OAAK,OAAO;;;AAIhB,IAAa,2BAA2B,QAAwB,eAAiC;CAC/F,MAAM,mBAAmB,eAAsB,WAAS;AAIxD,KAAI,EAFgB,gBAAgB,QAGlC,OAAM,IAAI,MAAM,oCAAoC;AAGtD,0BAAyB;EACvB,MAAM,eAAe,iBAAiB,SAAS,CAAC,OAAO,QAAQ;AAE/D,MAAI;AACF,QAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,EAC5C,QAAO,WAAW,aAAa,IAAI,EAAE;WAEhC,OAAO;AACd,OAAI,iBAAiB,OAAO;AAC1B,YAAQ,MAAM,oBAAoB,aAAa;AAC/C,UAAM,IAAI,sBAAsB,MAAM;SAEtC,OAAM;;GAGV;;AAGJ,IAAa,6BACX,QACA,eACS;CACT,MAAM,mBAAmB,eAAsB,WAAS;AAExD,qBAAoB,iBAA+C;EACjE,MAAM,eAAe,iBAAiB,SAAS,CAAC,OAAO,QAAQ;AAE/D,MAAI;AACF,OAAI,aACF,MAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;IAC/C,MAAM,QAAQ,aAAa;AAC3B,QAAI,aAAa,SAAS,MAAM,CAAE;AAElC,WAAO,OAAO,MAAM;;AAIxB,QAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,EAC5C,QAAO,OAAO,aAAa,GAAG;WAEzB,OAAO;AACd,OAAI,iBAAiB,OAAO;AAC1B,YAAQ,MAAM,oBAAoB,aAAa;AAC/C,UAAM,IAAI,sBAAsB,MAAM;SAEtC,OAAM;;AAIV,SAAO;GACP"}

package/dist/components/bind-props/bind-props.js

@@ -1,82 +1,84 @@
-import { createRenderEffect, on, onCleanup } from "solid-js";
-import { bindChildrenToRenderLayer, bindChildrenToContainer } from "./bind-children.js";
+import { bindChildrenToContainer, bindChildrenToRenderLayer } from "./bind-children.js";
 import { isEventProperty } from "./is-event-property.js";
-import { isPointProperty, setPointProperty, isPointAxisProperty, setPointAxisProperty } from "./set-point-property.js";
-const bindRuntimeProps = (instance, props) => {
-  createRenderEffect(() => {
-    for (const key in props) {
-      if (key === "as") continue;
-      if (key === "ref") {
-        props[key](instance);
-        continue;
-      } else if (key === "children") {
-        if ("attach" in instance && "detach" in instance) {
-          bindChildrenToRenderLayer(instance, props.children);
-        } else {
-          bindChildrenToContainer(instance, props.children);
-        }
-        continue;
-      }
-      if (isPointProperty(key)) {
-        createRenderEffect(() => setPointProperty(instance, key, props[key]));
-        continue;
-      }
-      if (isPointAxisProperty(key)) {
-        createRenderEffect(() => setPointAxisProperty(instance, key, props[key]));
-        continue;
-      }
-      if (isEventProperty(key)) {
-        createRenderEffect(() => {
-          const eventName = key.slice(2);
-          const eventHandler = props[key];
-          if (eventHandler) {
-            instance.on(eventName, eventHandler);
-            onCleanup(() => {
-              instance.off(eventName, eventHandler);
-            });
-          }
-        });
-        continue;
-      }
-      if (key in instance) {
-        createRenderEffect(() => instance[key] = props[key]);
-        continue;
-      }
-    }
-  });
-};
-const bindInitialisationProps = (instance, props) => {
-  createRenderEffect((defer) => {
-    for (const key in props) {
-      if (isPointProperty(key)) {
-        createRenderEffect(
-          on(
-            () => props[key],
-            () => {
-              return setPointProperty(instance, key, props[key]);
-            },
-            { defer }
-          )
-        );
-        continue;
-      }
-      if (key in instance) {
-        createRenderEffect(
-          on(
-            () => props[key],
-            () => {
-              instance[key] = props[key];
-            },
-            { defer }
-          )
-        );
-      }
-    }
-    return false;
-  }, true);
+import { isPointAxisProperty, isPointProperty, setPointAxisProperty, setPointProperty } from "./set-point-property.js";
+import { createRenderEffect, on, onCleanup } from "solid-js";
+//#region src/components/bind-props/bind-props.ts
+/**
+* Binds the props to a Pixi instance with subscriptions to maintain reactivity.
+*
+* This is specifically for the runtime props that can't be set at initialisation. These props will be set on the Pixi instance immediately after it is created but before rendering.
+*
+* @param instance The Pixi instance we want to bind the props to.
+* @param props The props object.
+*/
+var bindRuntimeProps = (instance, props) => {
+	createRenderEffect(() => {
+		for (const key in props) {
+			if (key === "as") continue;
+			if (key === "ref") {
+				props[key](instance);
+				continue;
+			} else if (key === "children") {
+				if ("attach" in instance && "detach" in instance) bindChildrenToRenderLayer(instance, props.children);
+				else bindChildrenToContainer(instance, props.children);
+				continue;
+			}
+			if (isPointProperty(key)) {
+				createRenderEffect(() => setPointProperty(instance, key, props[key]));
+				continue;
+			}
+			if (isPointAxisProperty(key)) {
+				createRenderEffect(() => setPointAxisProperty(instance, key, props[key]));
+				continue;
+			}
+			if (isEventProperty(key)) {
+				createRenderEffect(() => {
+					const eventName = key.slice(2);
+					const eventHandler = props[key];
+					if (eventHandler) {
+						instance.on(eventName, eventHandler);
+						onCleanup(() => {
+							instance.off(eventName, eventHandler);
+						});
+					}
+				});
+				continue;
+			}
+			if (key in instance) {
+				createRenderEffect(() => instance[key] = props[key]);
+				continue;
+			}
+		}
+	});
 };
-export {
-  bindInitialisationProps,
-  bindRuntimeProps
+/**
+* Binds the props to a Pixi instance with subscriptions to maintain reactivity.
+*
+* This is specifically for the initialisation props that can be set at the time of instance creation. These props will be passed into the Pixi class during instantiation but won't be set on the instance until they are changed again. This is to avoid side effects that can be caused by setting certain props after the instance is created, such as the AnimatedSprite's `textures` prop which stops the animation if it was already instantiated with `autoplay: true`.
+*
+* @param instance The Pixi instance we want to bind the props to.
+* @param props The props object.
+*/
+var bindInitialisationProps = (instance, props) => {
+	createRenderEffect((defer) => {
+		for (const key in props) {
+			if (isPointProperty(key)) {
+				createRenderEffect(on(() => props[key], () => {
+					return setPointProperty(instance, key, props[key]);
+				}, { defer }));
+				continue;
+			}
+			if (key in instance) createRenderEffect(on(() => props[key], () => {
+				instance[key] = props[key];
+			}, { defer }));
+		}
+		return false;
+	}, true);
+	/**
+	* Do not throw an error here for invalid prop names because there are some initialisation props that are not available as public properties. We want to allow users to pass these props but not try to set them on the instance.
+	*/
 };
-//# sourceMappingURL=bind-props.js.map
+//#endregion
+export { bindInitialisationProps, bindRuntimeProps };
+
+//# sourceMappingURL=bind-props.js.map

package/dist/components/bind-props/bind-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"bind-props.js","sources":["../../../src/components/bind-props/bind-props.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { createRenderEffect, onCleanup, on } from \"solid-js\";\n\nimport type { ContainerProps } from \"../component-factories\";\n\nimport { bindChildrenToContainer, bindChildrenToRenderLayer } from \"./bind-children\";\nimport { isEventProperty } from \"./is-event-property\";\nimport {\n  isPointProperty,\n  setPointProperty,\n  isPointAxisProperty,\n  setPointAxisProperty,\n} from \"./set-point-property\";\n\n/**\n * Binds the props to a Pixi instance with subscriptions to maintain reactivity.\n *\n * This is specifically for the runtime props that can't be set at initialisation. These props will be set on the Pixi instance immediately after it is created but before rendering.\n *\n * @param instance The Pixi instance we want to bind the props to.\n * @param props The props object.\n */\nexport const bindRuntimeProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n): void => {\n  createRenderEffect(() => {\n    for (const key in props) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        (props[key] as unknown as (arg: any) => void)(instance);\n\n        continue;\n      } else if (key === \"children\") {\n        if (\"attach\" in instance && \"detach\" in instance) {\n          bindChildrenToRenderLayer(instance as unknown as Pixi.RenderLayer, props.children);\n        } else {\n          bindChildrenToContainer(instance, props.children);\n        }\n\n        continue;\n      }\n\n      if (isPointProperty(key)) {\n        createRenderEffect(() => setPointProperty(instance, key, props[key]));\n\n        continue;\n      }\n\n      if (isPointAxisProperty(key)) {\n        createRenderEffect(() => setPointAxisProperty(instance, key, props[key]));\n        continue;\n      }\n\n      if (isEventProperty(key)) {\n        createRenderEffect(() => {\n          const eventName = key.slice(2);\n          const eventHandler = props[key];\n\n          if (eventHandler) {\n            instance.on(eventName, eventHandler as any);\n            onCleanup(() => {\n              instance.off(eventName, eventHandler as any);\n            });\n          }\n        });\n\n        continue;\n      }\n\n      if (key in instance) {\n        createRenderEffect(() => ((instance as any)[key] = props[key]));\n        continue;\n      }\n    }\n  });\n};\n\n/**\n * Binds the props to a Pixi instance with subscriptions to maintain reactivity.\n *\n * This is specifically for the initialisation props that can be set at the time of instance creation. These props will be passed into the Pixi class during instantiation but won't be set on the instance until they are changed again. This is to avoid side effects that can be caused by setting certain props after the instance is created, such as the AnimatedSprite's `textures` prop which stops the animation if it was already instantiated with `autoplay: true`.\n *\n * @param instance The Pixi instance we want to bind the props to.\n * @param props The props object.\n */\nexport const bindInitialisationProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n): void => {\n  createRenderEffect<boolean>((defer) => {\n    for (const key in props) {\n      if (isPointProperty(key)) {\n        createRenderEffect(\n          on(\n            () => props[key],\n            () => {\n              return setPointProperty(instance, key, props[key]);\n            },\n            { defer },\n          ),\n        );\n\n        continue;\n      }\n\n      if (key in instance) {\n        createRenderEffect(\n          on(\n            () => props[key],\n            () => {\n              (instance as any)[key] = props[key];\n            },\n            { defer },\n          ),\n        );\n      }\n    }\n\n    return false;\n  }, true);\n\n  /**\n   * Do not throw an error here for invalid prop names because there are some initialisation props that are not available as public properties. We want to allow users to pass these props but not try to set them on the instance.\n   */\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,mBAAmB,CAI9B,UACA,UACS;AACT,qBAAmB,MAAM;AACvB,eAAW,OAAO,OAAO;AACvB,UAAI,QAAQ,KAAM;AAElB,UAAI,QAAQ,OAAO;AAChB,cAAM,GAAG,EAAoC,QAAQ;AAEtD;AAAA,MACF,WAAW,QAAQ,YAAY;AAC7B,YAAI,YAAY,YAAY,YAAY,UAAU;AAChD,oCAA0B,UAAyC,MAAM,QAAQ;AAAA,QACnF,OAAO;AACL,kCAAwB,UAAU,MAAM,QAAQ;AAAA,QAClD;AAEA;AAAA,MACF;AAEA,UAAI,gBAAgB,GAAG,GAAG;AACxB,2BAAmB,MAAM,iBAAiB,UAAU,KAAK,MAAM,GAAG,CAAC,CAAC;AAEpE;AAAA,MACF;AAEA,UAAI,oBAAoB,GAAG,GAAG;AAC5B,2BAAmB,MAAM,qBAAqB,UAAU,KAAK,MAAM,GAAG,CAAC,CAAC;AACxE;AAAA,MACF;AAEA,UAAI,gBAAgB,GAAG,GAAG;AACxB,2BAAmB,MAAM;AACvB,gBAAM,YAAY,IAAI,MAAM,CAAC;AAC7B,gBAAM,eAAe,MAAM,GAAG;AAE9B,cAAI,cAAc;AAChB,qBAAS,GAAG,WAAW,YAAmB;AAC1C,sBAAU,MAAM;AACd,uBAAS,IAAI,WAAW,YAAmB;AAAA,YAC7C,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAED;AAAA,MACF;AAEA,UAAI,OAAO,UAAU;AACnB,2BAAmB,MAAQ,SAAiB,GAAG,IAAI,MAAM,GAAG,CAAE;AAC9D;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAUO,MAAM,0BAA0B,CAIrC,UACA,UACS;AACT,qBAA4B,CAAC,UAAU;AACrC,eAAW,OAAO,OAAO;AACvB,UAAI,gBAAgB,GAAG,GAAG;AACxB;AAAA,UACE;AAAA,YACE,MAAM,MAAM,GAAG;AAAA,YACf,MAAM;AACJ,qBAAO,iBAAiB,UAAU,KAAK,MAAM,GAAG,CAAC;AAAA,YACnD;AAAA,YACA,EAAE,MAAA;AAAA,UAAM;AAAA,QACV;AAGF;AAAA,MACF;AAEA,UAAI,OAAO,UAAU;AACnB;AAAA,UACE;AAAA,YACE,MAAM,MAAM,GAAG;AAAA,YACf,MAAM;AACH,uBAAiB,GAAG,IAAI,MAAM,GAAG;AAAA,YACpC;AAAA,YACA,EAAE,MAAA;AAAA,UAAM;AAAA,QACV;AAAA,MAEJ;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,IAAI;AAKT;"}
+{"version":3,"file":"bind-props.js","names":[],"sources":["../../../src/components/bind-props/bind-props.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { createRenderEffect, onCleanup, on } from \"solid-js\";\n\nimport type { ContainerProps } from \"../component-factories\";\n\nimport { bindChildrenToContainer, bindChildrenToRenderLayer } from \"./bind-children\";\nimport { isEventProperty } from \"./is-event-property\";\nimport {\n  isPointProperty,\n  setPointProperty,\n  isPointAxisProperty,\n  setPointAxisProperty,\n} from \"./set-point-property\";\n\n/**\n * Binds the props to a Pixi instance with subscriptions to maintain reactivity.\n *\n * This is specifically for the runtime props that can't be set at initialisation. These props will be set on the Pixi instance immediately after it is created but before rendering.\n *\n * @param instance The Pixi instance we want to bind the props to.\n * @param props The props object.\n */\nexport const bindRuntimeProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n): void => {\n  createRenderEffect(() => {\n    for (const key in props) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        (props[key] as unknown as (arg: any) => void)(instance);\n\n        continue;\n      } else if (key === \"children\") {\n        if (\"attach\" in instance && \"detach\" in instance) {\n          bindChildrenToRenderLayer(instance as unknown as Pixi.RenderLayer, props.children);\n        } else {\n          bindChildrenToContainer(instance, props.children);\n        }\n\n        continue;\n      }\n\n      if (isPointProperty(key)) {\n        createRenderEffect(() => setPointProperty(instance, key, props[key]));\n\n        continue;\n      }\n\n      if (isPointAxisProperty(key)) {\n        createRenderEffect(() => setPointAxisProperty(instance, key, props[key]));\n        continue;\n      }\n\n      if (isEventProperty(key)) {\n        createRenderEffect(() => {\n          const eventName = key.slice(2);\n          const eventHandler = props[key];\n\n          if (eventHandler) {\n            instance.on(eventName, eventHandler as any);\n            onCleanup(() => {\n              instance.off(eventName, eventHandler as any);\n            });\n          }\n        });\n\n        continue;\n      }\n\n      if (key in instance) {\n        createRenderEffect(() => ((instance as any)[key] = props[key]));\n        continue;\n      }\n    }\n  });\n};\n\n/**\n * Binds the props to a Pixi instance with subscriptions to maintain reactivity.\n *\n * This is specifically for the initialisation props that can be set at the time of instance creation. These props will be passed into the Pixi class during instantiation but won't be set on the instance until they are changed again. This is to avoid side effects that can be caused by setting certain props after the instance is created, such as the AnimatedSprite's `textures` prop which stops the animation if it was already instantiated with `autoplay: true`.\n *\n * @param instance The Pixi instance we want to bind the props to.\n * @param props The props object.\n */\nexport const bindInitialisationProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n): void => {\n  createRenderEffect<boolean>((defer) => {\n    for (const key in props) {\n      if (isPointProperty(key)) {\n        createRenderEffect(\n          on(\n            () => props[key],\n            () => {\n              return setPointProperty(instance, key, props[key]);\n            },\n            { defer },\n          ),\n        );\n\n        continue;\n      }\n\n      if (key in instance) {\n        createRenderEffect(\n          on(\n            () => props[key],\n            () => {\n              (instance as any)[key] = props[key];\n            },\n            { defer },\n          ),\n        );\n      }\n    }\n\n    return false;\n  }, true);\n\n  /**\n   * Do not throw an error here for invalid prop names because there are some initialisation props that are not available as public properties. We want to allow users to pass these props but not try to set them on the instance.\n   */\n};\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,oBAIX,UACA,UACS;AACT,0BAAyB;AACvB,OAAK,MAAM,OAAO,OAAO;AACvB,OAAI,QAAQ,KAAM;AAElB,OAAI,QAAQ,OAAO;AAChB,UAAM,KAAuC,SAAS;AAEvD;cACS,QAAQ,YAAY;AAC7B,QAAI,YAAY,YAAY,YAAY,SACtC,2BAA0B,UAAyC,MAAM,SAAS;QAElF,yBAAwB,UAAU,MAAM,SAAS;AAGnD;;AAGF,OAAI,gBAAgB,IAAI,EAAE;AACxB,6BAAyB,iBAAiB,UAAU,KAAK,MAAM,KAAK,CAAC;AAErE;;AAGF,OAAI,oBAAoB,IAAI,EAAE;AAC5B,6BAAyB,qBAAqB,UAAU,KAAK,MAAM,KAAK,CAAC;AACzE;;AAGF,OAAI,gBAAgB,IAAI,EAAE;AACxB,6BAAyB;KACvB,MAAM,YAAY,IAAI,MAAM,EAAE;KAC9B,MAAM,eAAe,MAAM;AAE3B,SAAI,cAAc;AAChB,eAAS,GAAG,WAAW,aAAoB;AAC3C,sBAAgB;AACd,gBAAS,IAAI,WAAW,aAAoB;QAC5C;;MAEJ;AAEF;;AAGF,OAAI,OAAO,UAAU;AACnB,6BAA0B,SAAkB,OAAO,MAAM,KAAM;AAC/D;;;GAGJ;;;;;;;;;;AAWJ,IAAa,2BAIX,UACA,UACS;AACT,qBAA6B,UAAU;AACrC,OAAK,MAAM,OAAO,OAAO;AACvB,OAAI,gBAAgB,IAAI,EAAE;AACxB,uBACE,SACQ,MAAM,YACN;AACJ,YAAO,iBAAiB,UAAU,KAAK,MAAM,KAAK;OAEpD,EAAE,OAAO,CACV,CACF;AAED;;AAGF,OAAI,OAAO,SACT,oBACE,SACQ,MAAM,YACN;AACH,aAAiB,OAAO,MAAM;MAEjC,EAAE,OAAO,CACV,CACF;;AAIL,SAAO;IACN,KAAK"}

package/dist/components/bind-props/event-names.js

@@ -1,77 +1,70 @@
-const PIXI_EVENT_NAMES = [
-  "click",
-  "mousedown",
-  "mouseenter",
-  "mouseleave",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "mouseupoutside",
-  "pointercancel",
-  "pointerdown",
-  "pointerenter",
-  "pointerleave",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointertap",
-  "pointerup",
-  "pointerupoutside",
-  "rightclick",
-  "rightdown",
-  "rightup",
-  "rightupoutside",
-  "tap",
-  "touchcancel",
-  "touchend",
-  "touchendoutside",
-  "touchmove",
-  "touchstart",
-  "wheel",
-  "globalmousemove",
-  "globalpointermove",
-  "globaltouchmove",
-  "clickcapture",
-  "mousedowncapture",
-  "mouseentercapture",
-  "mouseleavecapture",
-  "mousemovecapture",
-  "mouseoutcapture",
-  "mouseovercapture",
-  "mouseupcapture",
-  "mouseupoutsidecapture",
-  "pointercancelcapture",
-  "pointerdowncapture",
-  "pointerentercapture",
-  "pointerleavecapture",
-  "pointermovecapture",
-  "pointeroutcapture",
-  "pointerovercapture",
-  "pointertapcapture",
-  "pointerupcapture",
-  "pointerupoutsidecapture",
-  "rightclickcapture",
-  "rightdowncapture",
-  "rightupcapture",
-  "rightupoutsidecapture",
-  "tapcapture",
-  "touchcancelcapture",
-  "touchendcapture",
-  "touchendoutsidecapture",
-  "touchmovecapture",
-  "touchstartcapture",
-  "wheelcapture"
-];
-const PIXI_SOLID_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map(
-  (eventName) => `on${eventName}`
-);
-const PIXI_SOLID_EVENT_HANDLER_NAME_SET = new Set(
-  PIXI_SOLID_EVENT_HANDLER_NAMES
-);
-export {
-  PIXI_EVENT_NAMES,
-  PIXI_SOLID_EVENT_HANDLER_NAMES,
-  PIXI_SOLID_EVENT_HANDLER_NAME_SET
-};
-//# sourceMappingURL=event-names.js.map
+var PIXI_SOLID_EVENT_HANDLER_NAMES = [
+	"click",
+	"mousedown",
+	"mouseenter",
+	"mouseleave",
+	"mousemove",
+	"mouseout",
+	"mouseover",
+	"mouseup",
+	"mouseupoutside",
+	"pointercancel",
+	"pointerdown",
+	"pointerenter",
+	"pointerleave",
+	"pointermove",
+	"pointerout",
+	"pointerover",
+	"pointertap",
+	"pointerup",
+	"pointerupoutside",
+	"rightclick",
+	"rightdown",
+	"rightup",
+	"rightupoutside",
+	"tap",
+	"touchcancel",
+	"touchend",
+	"touchendoutside",
+	"touchmove",
+	"touchstart",
+	"wheel",
+	"globalmousemove",
+	"globalpointermove",
+	"globaltouchmove",
+	"clickcapture",
+	"mousedowncapture",
+	"mouseentercapture",
+	"mouseleavecapture",
+	"mousemovecapture",
+	"mouseoutcapture",
+	"mouseovercapture",
+	"mouseupcapture",
+	"mouseupoutsidecapture",
+	"pointercancelcapture",
+	"pointerdowncapture",
+	"pointerentercapture",
+	"pointerleavecapture",
+	"pointermovecapture",
+	"pointeroutcapture",
+	"pointerovercapture",
+	"pointertapcapture",
+	"pointerupcapture",
+	"pointerupoutsidecapture",
+	"rightclickcapture",
+	"rightdowncapture",
+	"rightupcapture",
+	"rightupoutsidecapture",
+	"tapcapture",
+	"touchcancelcapture",
+	"touchendcapture",
+	"touchendoutsidecapture",
+	"touchmovecapture",
+	"touchstartcapture",
+	"wheelcapture"
+].map((eventName) => `on${eventName}`);
+var PIXI_SOLID_EVENT_HANDLER_NAME_SET = new Set(PIXI_SOLID_EVENT_HANDLER_NAMES);
+//#endregion
+export { PIXI_SOLID_EVENT_HANDLER_NAMES, PIXI_SOLID_EVENT_HANDLER_NAME_SET };
+
+//# sourceMappingURL=event-names.js.map

package/dist/components/bind-props/event-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-names.js","sources":["../../../src/components/bind-props/event-names.ts"],"sourcesContent":["import type { FederatedEventEmitterTypes } from \"pixi.js\";\n\nexport const PIXI_EVENT_NAMES: (keyof FederatedEventEmitterTypes)[] = [\n  \"click\",\n  \"mousedown\",\n  \"mouseenter\",\n  \"mouseleave\",\n  \"mousemove\",\n  \"mouseout\",\n  \"mouseover\",\n  \"mouseup\",\n  \"mouseupoutside\",\n  \"pointercancel\",\n  \"pointerdown\",\n  \"pointerenter\",\n  \"pointerleave\",\n  \"pointermove\",\n  \"pointerout\",\n  \"pointerover\",\n  \"pointertap\",\n  \"pointerup\",\n  \"pointerupoutside\",\n  \"rightclick\",\n  \"rightdown\",\n  \"rightup\",\n  \"rightupoutside\",\n  \"tap\",\n  \"touchcancel\",\n  \"touchend\",\n  \"touchendoutside\",\n  \"touchmove\",\n  \"touchstart\",\n  \"wheel\",\n  \"globalmousemove\",\n  \"globalpointermove\",\n  \"globaltouchmove\",\n  \"clickcapture\",\n  \"mousedowncapture\",\n  \"mouseentercapture\",\n  \"mouseleavecapture\",\n  \"mousemovecapture\",\n  \"mouseoutcapture\",\n  \"mouseovercapture\",\n  \"mouseupcapture\",\n  \"mouseupoutsidecapture\",\n  \"pointercancelcapture\",\n  \"pointerdowncapture\",\n  \"pointerentercapture\",\n  \"pointerleavecapture\",\n  \"pointermovecapture\",\n  \"pointeroutcapture\",\n  \"pointerovercapture\",\n  \"pointertapcapture\",\n  \"pointerupcapture\",\n  \"pointerupoutsidecapture\",\n  \"rightclickcapture\",\n  \"rightdowncapture\",\n  \"rightupcapture\",\n  \"rightupoutsidecapture\",\n  \"tapcapture\",\n  \"touchcancelcapture\",\n  \"touchendcapture\",\n  \"touchendoutsidecapture\",\n  \"touchmovecapture\",\n  \"touchstartcapture\",\n  \"wheelcapture\",\n] as const;\n\nexport const PIXI_SOLID_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map(\n  (eventName) => `on${eventName}` as const,\n);\n\nexport type PixiSolidEventHandlerName = (typeof PIXI_SOLID_EVENT_HANDLER_NAMES)[number];\n\nexport type PixiSolidEventHandlerMap = {\n  [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?:\n    | null\n    | ((...args: FederatedEventEmitterTypes[K]) => void);\n};\n\nexport const PIXI_SOLID_EVENT_HANDLER_NAME_SET: Set<string> = new Set(\n  PIXI_SOLID_EVENT_HANDLER_NAMES,\n);\n\n/**\n * This is a type-safe check that ensures `PIXI_EVENT_NAMES` includes every key from Pixi's `AllFederatedEventMap` type.\n * It will cause a build error if any event names are missing.\n */\ntype MissingKeys = Exclude<keyof FederatedEventEmitterTypes, (typeof PIXI_EVENT_NAMES)[number]>;\ntype AllEventsAreHandled = MissingKeys extends never\n  ? true\n  : `Error: Missing event keys: ${MissingKeys}`;\nconst allEventsAreHandled: AllEventsAreHandled = true;\nvoid allEventsAreHandled;\n"],"names":[],"mappings":"AAEO,MAAM,mBAAyD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iCAAiC,iBAAiB;AAAA,EAC7D,CAAC,cAAc,KAAK,SAAS;AAC/B;AAUO,MAAM,oCAAiD,IAAI;AAAA,EAChE;AACF;"}
+{"version":3,"file":"event-names.js","names":[],"sources":["../../../src/components/bind-props/event-names.ts"],"sourcesContent":["import type { FederatedEventEmitterTypes } from \"pixi.js\";\n\nexport const PIXI_EVENT_NAMES: (keyof FederatedEventEmitterTypes)[] = [\n  \"click\",\n  \"mousedown\",\n  \"mouseenter\",\n  \"mouseleave\",\n  \"mousemove\",\n  \"mouseout\",\n  \"mouseover\",\n  \"mouseup\",\n  \"mouseupoutside\",\n  \"pointercancel\",\n  \"pointerdown\",\n  \"pointerenter\",\n  \"pointerleave\",\n  \"pointermove\",\n  \"pointerout\",\n  \"pointerover\",\n  \"pointertap\",\n  \"pointerup\",\n  \"pointerupoutside\",\n  \"rightclick\",\n  \"rightdown\",\n  \"rightup\",\n  \"rightupoutside\",\n  \"tap\",\n  \"touchcancel\",\n  \"touchend\",\n  \"touchendoutside\",\n  \"touchmove\",\n  \"touchstart\",\n  \"wheel\",\n  \"globalmousemove\",\n  \"globalpointermove\",\n  \"globaltouchmove\",\n  \"clickcapture\",\n  \"mousedowncapture\",\n  \"mouseentercapture\",\n  \"mouseleavecapture\",\n  \"mousemovecapture\",\n  \"mouseoutcapture\",\n  \"mouseovercapture\",\n  \"mouseupcapture\",\n  \"mouseupoutsidecapture\",\n  \"pointercancelcapture\",\n  \"pointerdowncapture\",\n  \"pointerentercapture\",\n  \"pointerleavecapture\",\n  \"pointermovecapture\",\n  \"pointeroutcapture\",\n  \"pointerovercapture\",\n  \"pointertapcapture\",\n  \"pointerupcapture\",\n  \"pointerupoutsidecapture\",\n  \"rightclickcapture\",\n  \"rightdowncapture\",\n  \"rightupcapture\",\n  \"rightupoutsidecapture\",\n  \"tapcapture\",\n  \"touchcancelcapture\",\n  \"touchendcapture\",\n  \"touchendoutsidecapture\",\n  \"touchmovecapture\",\n  \"touchstartcapture\",\n  \"wheelcapture\",\n] as const;\n\nexport const PIXI_SOLID_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map(\n  (eventName) => `on${eventName}` as const,\n);\n\nexport type PixiSolidEventHandlerName = (typeof PIXI_SOLID_EVENT_HANDLER_NAMES)[number];\n\nexport type PixiSolidEventHandlerMap = {\n  [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?:\n    | null\n    | ((...args: FederatedEventEmitterTypes[K]) => void);\n};\n\nexport const PIXI_SOLID_EVENT_HANDLER_NAME_SET: Set<string> = new Set(\n  PIXI_SOLID_EVENT_HANDLER_NAMES,\n);\n\n/**\n * This is a type-safe check that ensures `PIXI_EVENT_NAMES` includes every key from Pixi's `AllFederatedEventMap` type.\n * It will cause a build error if any event names are missing.\n */\ntype MissingKeys = Exclude<keyof FederatedEventEmitterTypes, (typeof PIXI_EVENT_NAMES)[number]>;\ntype AllEventsAreHandled = MissingKeys extends never\n  ? true\n  : `Error: Missing event keys: ${MissingKeys}`;\nconst allEventsAreHandled: AllEventsAreHandled = true;\nvoid allEventsAreHandled;\n"],"mappings":"AAoEA,IAAa,iCAAiC;CAjE5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAG4C,CAAiB,KAC5D,cAAc,KAAK,YACrB;AAUD,IAAa,oCAAiD,IAAI,IAChE,+BACD"}

package/dist/components/bind-props/is-event-property.js

@@ -1,6 +1,7 @@
 import { PIXI_SOLID_EVENT_HANDLER_NAME_SET } from "./event-names.js";
-const isEventProperty = (name) => PIXI_SOLID_EVENT_HANDLER_NAME_SET.has(name);
-export {
-  isEventProperty
-};
-//# sourceMappingURL=is-event-property.js.map
+//#region src/components/bind-props/is-event-property.ts
+var isEventProperty = (name) => PIXI_SOLID_EVENT_HANDLER_NAME_SET.has(name);
+//#endregion
+export { isEventProperty };
+
+//# sourceMappingURL=is-event-property.js.map

package/dist/components/bind-props/is-event-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-event-property.js","sources":["../../../src/components/bind-props/is-event-property.ts"],"sourcesContent":["import type { PixiSolidEventHandlerName } from \"./event-names\";\nimport { PIXI_SOLID_EVENT_HANDLER_NAME_SET } from \"./event-names\";\n\nexport const isEventProperty = (name: string): name is PixiSolidEventHandlerName =>\n  PIXI_SOLID_EVENT_HANDLER_NAME_SET.has(name);\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,CAAC,SAC9B,kCAAkC,IAAI,IAAI;"}
+{"version":3,"file":"is-event-property.js","names":[],"sources":["../../../src/components/bind-props/is-event-property.ts"],"sourcesContent":["import type { PixiSolidEventHandlerName } from \"./event-names\";\nimport { PIXI_SOLID_EVENT_HANDLER_NAME_SET } from \"./event-names\";\n\nexport const isEventProperty = (name: string): name is PixiSolidEventHandlerName =>\n  PIXI_SOLID_EVENT_HANDLER_NAME_SET.has(name);\n"],"mappings":";;AAGA,IAAa,mBAAmB,SAC9B,kCAAkC,IAAI,KAAK"}