@number10/jsx-phaser 5.0.0

package/dist/components/appliers/applyLayout.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Phaser = require("phaser");
+const gestureManager = require("../../gestures/gesture-manager.cjs");
+require("../../layout/phaser-layout-bridge.cjs");
+const jsxCore = require("@number10/jsx-core");
+const fastDeepEqual = require("../../utils/fast-deep-equal.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser);
+function updateGestureHitAreaIfNeeded(node) {
+  const containerWithLayout = node;
+  if (!containerWithLayout.__getLayoutSize) return;
+  try {
+    const manager = gestureManager.getGestureManager(containerWithLayout.scene);
+    const size = containerWithLayout.__getLayoutSize();
+    const hitArea = new Phaser__namespace.Geom.Rectangle(0, 0, size.width, size.height);
+    manager.updateHitArea(node, hitArea);
+  } catch {
+  }
+}
+const LAYOUT_RELEVANT_PROPS = [
+  "width",
+  "height",
+  "minWidth",
+  "maxWidth",
+  "minHeight",
+  "maxHeight",
+  "flex",
+  "margin",
+  "padding",
+  "gap",
+  "direction",
+  "justifyContent",
+  "alignItems",
+  "overflow"
+  //'visible', // changes between 'none' / undefined affect child inclusion in layout
+];
+const DEEP_COMPARE_PROPS = /* @__PURE__ */ new Set(["margin", "padding"]);
+function hasLayoutPropsChanged(prev, next) {
+  for (const prop of LAYOUT_RELEVANT_PROPS) {
+    const oldVal = prev[prop];
+    const newVal = next[prop];
+    if (DEEP_COMPARE_PROPS.has(prop)) {
+      if (!fastDeepEqual(oldVal, newVal)) {
+        return true;
+      }
+    } else {
+      if (oldVal !== newVal) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function getParentLayoutContext(node) {
+  const parent = node.parentContainer;
+  if (parent && parent.__layoutProps && parent.__getLayoutSize) {
+    const parentSize = parent.__getLayoutSize();
+    const padding = parent.__layoutProps.padding ?? 0;
+    const normPadding = typeof padding === "number" ? { left: padding, right: padding, top: padding, bottom: padding } : {
+      left: padding.left ?? 0,
+      right: padding.right ?? 0,
+      top: padding.top ?? 0,
+      bottom: padding.bottom ?? 0
+    };
+    return {
+      parentSize: {
+        width: parentSize.width - normPadding.left - normPadding.right,
+        height: parentSize.height - normPadding.top - normPadding.bottom
+      }
+      // Parent already provides content-area, no padding offset needed
+    };
+  }
+  if (node.scene) {
+    return {
+      parentSize: {
+        width: node.scene.scale.width,
+        height: node.scene.scale.height
+      }
+    };
+  }
+  return {};
+}
+function applyLayoutProps(node, prev, next) {
+  node.__layoutProps = next;
+  if (hasLayoutPropsChanged(prev, next)) {
+    const { parentSize, parentPadding } = getParentLayoutContext(node);
+    jsxCore.calculateLayout(node, next, parentSize, parentPadding);
+    updateGestureHitAreaIfNeeded(node);
+  }
+}
+exports.applyLayoutProps = applyLayoutProps;
+//# sourceMappingURL=applyLayout.cjs.map

package/dist/components/appliers/applyLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyLayout.cjs","sources":["../../../src/components/appliers/applyLayout.ts"],"sourcesContent":["/**\n * Layout property applier for updating container layout configuration\n */\nimport * as Phaser from 'phaser'\nimport type { BackgroundProps, LayoutProps } from '../../core-props'\nimport { getGestureManager } from '../../gestures/gesture-manager'\nimport { calculateLayout, type LayoutSize } from '../../layout/index'\nimport equal from '../../utils/fast-deep-equal'\n\n/**\n * Updates gesture hit area based on current layout size\n * Called after layout recalculation to sync hit area with actual container size\n * @param node - Container with potential gesture registration\n */\nfunction updateGestureHitAreaIfNeeded(node: Phaser.GameObjects.Container): void {\n  const containerWithLayout = node as typeof node & {\n    __getLayoutSize?: () => LayoutSize\n    scene: Phaser.Scene\n  }\n\n  // Only update if container has gesture system enabled and layout size available\n  if (!containerWithLayout.__getLayoutSize) return\n\n  try {\n    const manager = getGestureManager(containerWithLayout.scene)\n    const size = containerWithLayout.__getLayoutSize()\n    const hitArea = new Phaser.Geom.Rectangle(0, 0, size.width, size.height)\n    manager.updateHitArea(node, hitArea)\n  } catch {\n    // Gesture manager or container not registered, ignore\n  }\n}\n\n/**\n * Layout-relevant props that trigger layout recalculation when changed\n */\nconst LAYOUT_RELEVANT_PROPS: (keyof LayoutProps)[] = [\n  'width',\n  'height',\n  'minWidth',\n  'maxWidth',\n  'minHeight',\n  'maxHeight',\n  'flex',\n  'margin',\n  'padding',\n  'gap',\n  'direction',\n  'justifyContent',\n  'alignItems',\n  'overflow',\n  //'visible', // changes between 'none' / undefined affect child inclusion in layout\n]\n\n/**\n * Object props that need deep comparison\n */\nconst DEEP_COMPARE_PROPS = new Set(['margin', 'padding'])\n\n/**\n * Check if any layout-relevant prop changed\n * Uses shallow equality for primitives and deep equality for objects\n * @param prev - Previous props\n * @param next - New props\n * @returns True if any layout prop changed\n */\nfunction hasLayoutPropsChanged(\n  prev: Partial<LayoutProps & BackgroundProps>,\n  next: Partial<LayoutProps & BackgroundProps>\n): boolean {\n  for (const prop of LAYOUT_RELEVANT_PROPS) {\n    const oldVal = prev[prop]\n    const newVal = next[prop]\n\n    // Use deep comparison for object props (margin, padding)\n    if (DEEP_COMPARE_PROPS.has(prop as string)) {\n      if (!equal(oldVal, newVal)) {\n        return true\n      }\n    } else {\n      // Shallow comparison for primitives\n      if (oldVal !== newVal) {\n        return true\n      }\n    }\n  }\n  return false\n}\n\n/**\n * Calculates parent size and padding from parent container's layout\n * Falls back to viewport size for root containers without a parent\n * @param node - Container node to get parent info for\n * @returns Parent size and padding if parent is a layout container\n */\nfunction getParentLayoutContext(node: Phaser.GameObjects.Container): {\n  parentSize?: { width: number; height: number }\n  parentPadding?: { horizontal: number; vertical: number }\n} {\n  const parent = node.parentContainer as\n    | (Phaser.GameObjects.Container & {\n        __layoutProps?: LayoutProps\n        __getLayoutSize?: () => LayoutSize\n      })\n    | undefined\n\n  // If has layout parent, use its content-area\n  if (parent && parent.__layoutProps && parent.__getLayoutSize) {\n    const parentSize = parent.__getLayoutSize()\n    const padding = parent.__layoutProps.padding ?? 0\n    const normPadding =\n      typeof padding === 'number'\n        ? { left: padding, right: padding, top: padding, bottom: padding }\n        : {\n            left: padding.left ?? 0,\n            right: padding.right ?? 0,\n            top: padding.top ?? 0,\n            bottom: padding.bottom ?? 0,\n          }\n\n    return {\n      parentSize: {\n        width: parentSize.width - normPadding.left - normPadding.right,\n        height: parentSize.height - normPadding.top - normPadding.bottom,\n      },\n      // Parent already provides content-area, no padding offset needed\n    }\n  }\n\n  // Fallback: Root container without layout parent - use viewport as parent size\n  // This allows percentage-based sizing/constraints to work on root containers\n  if (node.scene) {\n    return {\n      parentSize: {\n        width: node.scene.scale.width,\n        height: node.scene.scale.height,\n      },\n    }\n  }\n\n  return {}\n}\n\n/**\n * Applies layout property changes to a container\n * Handles width, height, direction, padding, margin updates\n * Triggers layout recalculation when:\n * 1. Layout-relevant props changed, OR\n * 2. This is being called from host.patch (which means VDOM will handle child changes)\n * @param node - Phaser container node\n * @param prev - Previous layout props\n * @param next - New layout props\n */\nexport function applyLayoutProps(\n  node: Phaser.GameObjects.Container & { __layoutProps?: LayoutProps & BackgroundProps },\n  prev: Partial<LayoutProps & BackgroundProps>,\n  next: Partial<LayoutProps & BackgroundProps>\n): void {\n  // Update stored layout props (includes visible for display control)\n  node.__layoutProps = next as LayoutProps & BackgroundProps\n\n  // IMPORTANT: We only recalculate if container's own props changed\n  // Children changes are handled by VDOM patchVNode() which has smarter detection\n  // This prevents double-calculation while still catching container prop changes\n  if (hasLayoutPropsChanged(prev, next)) {\n    // Get parent layout context for percentage/fill resolution\n    const { parentSize, parentPadding } = getParentLayoutContext(node)\n    calculateLayout(node, next, parentSize, parentPadding)\n    // Update gesture hit area after layout recalculation\n    // This ensures hit area matches actual container size (important for auto-sized containers)\n    updateGestureHitAreaIfNeeded(node)\n  }\n  // Note: If children changed (text content, child added/removed, etc.),\n  // the VDOM layer will detect that and call calculateLayout separately\n}\n"],"names":["getGestureManager","Phaser","equal","calculateLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,SAAS,6BAA6B,MAA0C;AAC9E,QAAM,sBAAsB;AAM5B,MAAI,CAAC,oBAAoB,gBAAiB;AAE1C,MAAI;AACF,UAAM,UAAUA,eAAAA,kBAAkB,oBAAoB,KAAK;AAC3D,UAAM,OAAO,oBAAoB,gBAAA;AACjC,UAAM,UAAU,IAAIC,kBAAO,KAAK,UAAU,GAAG,GAAG,KAAK,OAAO,KAAK,MAAM;AACvE,YAAQ,cAAc,MAAM,OAAO;AAAA,EACrC,QAAQ;AAAA,EAER;AACF;AAKA,MAAM,wBAA+C;AAAA,EACnD;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;AAEF;AAKA,MAAM,qBAAqB,oBAAI,IAAI,CAAC,UAAU,SAAS,CAAC;AASxD,SAAS,sBACP,MACA,MACS;AACT,aAAW,QAAQ,uBAAuB;AACxC,UAAM,SAAS,KAAK,IAAI;AACxB,UAAM,SAAS,KAAK,IAAI;AAGxB,QAAI,mBAAmB,IAAI,IAAc,GAAG;AAC1C,UAAI,CAACC,cAAM,QAAQ,MAAM,GAAG;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,OAAO;AAEL,UAAI,WAAW,QAAQ;AACrB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAQA,SAAS,uBAAuB,MAG9B;AACA,QAAM,SAAS,KAAK;AAQpB,MAAI,UAAU,OAAO,iBAAiB,OAAO,iBAAiB;AAC5D,UAAM,aAAa,OAAO,gBAAA;AAC1B,UAAM,UAAU,OAAO,cAAc,WAAW;AAChD,UAAM,cACJ,OAAO,YAAY,WACf,EAAE,MAAM,SAAS,OAAO,SAAS,KAAK,SAAS,QAAQ,YACvD;AAAA,MACE,MAAM,QAAQ,QAAQ;AAAA,MACtB,OAAO,QAAQ,SAAS;AAAA,MACxB,KAAK,QAAQ,OAAO;AAAA,MACpB,QAAQ,QAAQ,UAAU;AAAA,IAAA;AAGlC,WAAO;AAAA,MACL,YAAY;AAAA,QACV,OAAO,WAAW,QAAQ,YAAY,OAAO,YAAY;AAAA,QACzD,QAAQ,WAAW,SAAS,YAAY,MAAM,YAAY;AAAA,MAAA;AAAA;AAAA,IAC5D;AAAA,EAGJ;AAIA,MAAI,KAAK,OAAO;AACd,WAAO;AAAA,MACL,YAAY;AAAA,QACV,OAAO,KAAK,MAAM,MAAM;AAAA,QACxB,QAAQ,KAAK,MAAM,MAAM;AAAA,MAAA;AAAA,IAC3B;AAAA,EAEJ;AAEA,SAAO,CAAA;AACT;AAYO,SAAS,iBACd,MACA,MACA,MACM;AAEN,OAAK,gBAAgB;AAKrB,MAAI,sBAAsB,MAAM,IAAI,GAAG;AAErC,UAAM,EAAE,YAAY,kBAAkB,uBAAuB,IAAI;AACjEC,YAAAA,gBAAgB,MAAM,MAAM,YAAY,aAAa;AAGrD,iCAA6B,IAAI;AAAA,EACnC;AAGF;;"}

package/dist/components/appliers/applyLayout.d.ts

@@ -0,0 +1,19 @@
+import { BackgroundProps, LayoutProps } from '../../core-props';
+/**
+ * Layout property applier for updating container layout configuration
+ */
+import * as Phaser from 'phaser';
+/**
+ * Applies layout property changes to a container
+ * Handles width, height, direction, padding, margin updates
+ * Triggers layout recalculation when:
+ * 1. Layout-relevant props changed, OR
+ * 2. This is being called from host.patch (which means VDOM will handle child changes)
+ * @param node - Phaser container node
+ * @param prev - Previous layout props
+ * @param next - New layout props
+ */
+export declare function applyLayoutProps(node: Phaser.GameObjects.Container & {
+    __layoutProps?: LayoutProps & BackgroundProps;
+}, prev: Partial<LayoutProps & BackgroundProps>, next: Partial<LayoutProps & BackgroundProps>): void;
+//# sourceMappingURL=applyLayout.d.ts.map

package/dist/components/appliers/applyLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AA2IpE;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG;IAAE,aAAa,CAAC,EAAE,WAAW,GAAG,eAAe,CAAA;CAAE,EACtF,IAAI,EAAE,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,EAC5C,IAAI,EAAE,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,GAC3C,IAAI,CAiBN"}

package/dist/components/appliers/applyLayout.js

@@ -0,0 +1,91 @@
+import * as Phaser from "phaser";
+import { getGestureManager } from "../../gestures/gesture-manager.js";
+import "../../layout/phaser-layout-bridge.js";
+import { calculateLayout } from "@number10/jsx-core";
+import equal from "../../utils/fast-deep-equal.js";
+function updateGestureHitAreaIfNeeded(node) {
+  const containerWithLayout = node;
+  if (!containerWithLayout.__getLayoutSize) return;
+  try {
+    const manager = getGestureManager(containerWithLayout.scene);
+    const size = containerWithLayout.__getLayoutSize();
+    const hitArea = new Phaser.Geom.Rectangle(0, 0, size.width, size.height);
+    manager.updateHitArea(node, hitArea);
+  } catch {
+  }
+}
+const LAYOUT_RELEVANT_PROPS = [
+  "width",
+  "height",
+  "minWidth",
+  "maxWidth",
+  "minHeight",
+  "maxHeight",
+  "flex",
+  "margin",
+  "padding",
+  "gap",
+  "direction",
+  "justifyContent",
+  "alignItems",
+  "overflow"
+  //'visible', // changes between 'none' / undefined affect child inclusion in layout
+];
+const DEEP_COMPARE_PROPS = /* @__PURE__ */ new Set(["margin", "padding"]);
+function hasLayoutPropsChanged(prev, next) {
+  for (const prop of LAYOUT_RELEVANT_PROPS) {
+    const oldVal = prev[prop];
+    const newVal = next[prop];
+    if (DEEP_COMPARE_PROPS.has(prop)) {
+      if (!equal(oldVal, newVal)) {
+        return true;
+      }
+    } else {
+      if (oldVal !== newVal) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function getParentLayoutContext(node) {
+  const parent = node.parentContainer;
+  if (parent && parent.__layoutProps && parent.__getLayoutSize) {
+    const parentSize = parent.__getLayoutSize();
+    const padding = parent.__layoutProps.padding ?? 0;
+    const normPadding = typeof padding === "number" ? { left: padding, right: padding, top: padding, bottom: padding } : {
+      left: padding.left ?? 0,
+      right: padding.right ?? 0,
+      top: padding.top ?? 0,
+      bottom: padding.bottom ?? 0
+    };
+    return {
+      parentSize: {
+        width: parentSize.width - normPadding.left - normPadding.right,
+        height: parentSize.height - normPadding.top - normPadding.bottom
+      }
+      // Parent already provides content-area, no padding offset needed
+    };
+  }
+  if (node.scene) {
+    return {
+      parentSize: {
+        width: node.scene.scale.width,
+        height: node.scene.scale.height
+      }
+    };
+  }
+  return {};
+}
+function applyLayoutProps(node, prev, next) {
+  node.__layoutProps = next;
+  if (hasLayoutPropsChanged(prev, next)) {
+    const { parentSize, parentPadding } = getParentLayoutContext(node);
+    calculateLayout(node, next, parentSize, parentPadding);
+    updateGestureHitAreaIfNeeded(node);
+  }
+}
+export {
+  applyLayoutProps
+};
+//# sourceMappingURL=applyLayout.js.map

package/dist/components/appliers/applyLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyLayout.js","sources":["../../../src/components/appliers/applyLayout.ts"],"sourcesContent":["/**\n * Layout property applier for updating container layout configuration\n */\nimport * as Phaser from 'phaser'\nimport type { BackgroundProps, LayoutProps } from '../../core-props'\nimport { getGestureManager } from '../../gestures/gesture-manager'\nimport { calculateLayout, type LayoutSize } from '../../layout/index'\nimport equal from '../../utils/fast-deep-equal'\n\n/**\n * Updates gesture hit area based on current layout size\n * Called after layout recalculation to sync hit area with actual container size\n * @param node - Container with potential gesture registration\n */\nfunction updateGestureHitAreaIfNeeded(node: Phaser.GameObjects.Container): void {\n  const containerWithLayout = node as typeof node & {\n    __getLayoutSize?: () => LayoutSize\n    scene: Phaser.Scene\n  }\n\n  // Only update if container has gesture system enabled and layout size available\n  if (!containerWithLayout.__getLayoutSize) return\n\n  try {\n    const manager = getGestureManager(containerWithLayout.scene)\n    const size = containerWithLayout.__getLayoutSize()\n    const hitArea = new Phaser.Geom.Rectangle(0, 0, size.width, size.height)\n    manager.updateHitArea(node, hitArea)\n  } catch {\n    // Gesture manager or container not registered, ignore\n  }\n}\n\n/**\n * Layout-relevant props that trigger layout recalculation when changed\n */\nconst LAYOUT_RELEVANT_PROPS: (keyof LayoutProps)[] = [\n  'width',\n  'height',\n  'minWidth',\n  'maxWidth',\n  'minHeight',\n  'maxHeight',\n  'flex',\n  'margin',\n  'padding',\n  'gap',\n  'direction',\n  'justifyContent',\n  'alignItems',\n  'overflow',\n  //'visible', // changes between 'none' / undefined affect child inclusion in layout\n]\n\n/**\n * Object props that need deep comparison\n */\nconst DEEP_COMPARE_PROPS = new Set(['margin', 'padding'])\n\n/**\n * Check if any layout-relevant prop changed\n * Uses shallow equality for primitives and deep equality for objects\n * @param prev - Previous props\n * @param next - New props\n * @returns True if any layout prop changed\n */\nfunction hasLayoutPropsChanged(\n  prev: Partial<LayoutProps & BackgroundProps>,\n  next: Partial<LayoutProps & BackgroundProps>\n): boolean {\n  for (const prop of LAYOUT_RELEVANT_PROPS) {\n    const oldVal = prev[prop]\n    const newVal = next[prop]\n\n    // Use deep comparison for object props (margin, padding)\n    if (DEEP_COMPARE_PROPS.has(prop as string)) {\n      if (!equal(oldVal, newVal)) {\n        return true\n      }\n    } else {\n      // Shallow comparison for primitives\n      if (oldVal !== newVal) {\n        return true\n      }\n    }\n  }\n  return false\n}\n\n/**\n * Calculates parent size and padding from parent container's layout\n * Falls back to viewport size for root containers without a parent\n * @param node - Container node to get parent info for\n * @returns Parent size and padding if parent is a layout container\n */\nfunction getParentLayoutContext(node: Phaser.GameObjects.Container): {\n  parentSize?: { width: number; height: number }\n  parentPadding?: { horizontal: number; vertical: number }\n} {\n  const parent = node.parentContainer as\n    | (Phaser.GameObjects.Container & {\n        __layoutProps?: LayoutProps\n        __getLayoutSize?: () => LayoutSize\n      })\n    | undefined\n\n  // If has layout parent, use its content-area\n  if (parent && parent.__layoutProps && parent.__getLayoutSize) {\n    const parentSize = parent.__getLayoutSize()\n    const padding = parent.__layoutProps.padding ?? 0\n    const normPadding =\n      typeof padding === 'number'\n        ? { left: padding, right: padding, top: padding, bottom: padding }\n        : {\n            left: padding.left ?? 0,\n            right: padding.right ?? 0,\n            top: padding.top ?? 0,\n            bottom: padding.bottom ?? 0,\n          }\n\n    return {\n      parentSize: {\n        width: parentSize.width - normPadding.left - normPadding.right,\n        height: parentSize.height - normPadding.top - normPadding.bottom,\n      },\n      // Parent already provides content-area, no padding offset needed\n    }\n  }\n\n  // Fallback: Root container without layout parent - use viewport as parent size\n  // This allows percentage-based sizing/constraints to work on root containers\n  if (node.scene) {\n    return {\n      parentSize: {\n        width: node.scene.scale.width,\n        height: node.scene.scale.height,\n      },\n    }\n  }\n\n  return {}\n}\n\n/**\n * Applies layout property changes to a container\n * Handles width, height, direction, padding, margin updates\n * Triggers layout recalculation when:\n * 1. Layout-relevant props changed, OR\n * 2. This is being called from host.patch (which means VDOM will handle child changes)\n * @param node - Phaser container node\n * @param prev - Previous layout props\n * @param next - New layout props\n */\nexport function applyLayoutProps(\n  node: Phaser.GameObjects.Container & { __layoutProps?: LayoutProps & BackgroundProps },\n  prev: Partial<LayoutProps & BackgroundProps>,\n  next: Partial<LayoutProps & BackgroundProps>\n): void {\n  // Update stored layout props (includes visible for display control)\n  node.__layoutProps = next as LayoutProps & BackgroundProps\n\n  // IMPORTANT: We only recalculate if container's own props changed\n  // Children changes are handled by VDOM patchVNode() which has smarter detection\n  // This prevents double-calculation while still catching container prop changes\n  if (hasLayoutPropsChanged(prev, next)) {\n    // Get parent layout context for percentage/fill resolution\n    const { parentSize, parentPadding } = getParentLayoutContext(node)\n    calculateLayout(node, next, parentSize, parentPadding)\n    // Update gesture hit area after layout recalculation\n    // This ensures hit area matches actual container size (important for auto-sized containers)\n    updateGestureHitAreaIfNeeded(node)\n  }\n  // Note: If children changed (text content, child added/removed, etc.),\n  // the VDOM layer will detect that and call calculateLayout separately\n}\n"],"names":[],"mappings":";;;;;AAcA,SAAS,6BAA6B,MAA0C;AAC9E,QAAM,sBAAsB;AAM5B,MAAI,CAAC,oBAAoB,gBAAiB;AAE1C,MAAI;AACF,UAAM,UAAU,kBAAkB,oBAAoB,KAAK;AAC3D,UAAM,OAAO,oBAAoB,gBAAA;AACjC,UAAM,UAAU,IAAI,OAAO,KAAK,UAAU,GAAG,GAAG,KAAK,OAAO,KAAK,MAAM;AACvE,YAAQ,cAAc,MAAM,OAAO;AAAA,EACrC,QAAQ;AAAA,EAER;AACF;AAKA,MAAM,wBAA+C;AAAA,EACnD;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;AAEF;AAKA,MAAM,qBAAqB,oBAAI,IAAI,CAAC,UAAU,SAAS,CAAC;AASxD,SAAS,sBACP,MACA,MACS;AACT,aAAW,QAAQ,uBAAuB;AACxC,UAAM,SAAS,KAAK,IAAI;AACxB,UAAM,SAAS,KAAK,IAAI;AAGxB,QAAI,mBAAmB,IAAI,IAAc,GAAG;AAC1C,UAAI,CAAC,MAAM,QAAQ,MAAM,GAAG;AAC1B,eAAO;AAAA,MACT;AAAA,IACF,OAAO;AAEL,UAAI,WAAW,QAAQ;AACrB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAQA,SAAS,uBAAuB,MAG9B;AACA,QAAM,SAAS,KAAK;AAQpB,MAAI,UAAU,OAAO,iBAAiB,OAAO,iBAAiB;AAC5D,UAAM,aAAa,OAAO,gBAAA;AAC1B,UAAM,UAAU,OAAO,cAAc,WAAW;AAChD,UAAM,cACJ,OAAO,YAAY,WACf,EAAE,MAAM,SAAS,OAAO,SAAS,KAAK,SAAS,QAAQ,YACvD;AAAA,MACE,MAAM,QAAQ,QAAQ;AAAA,MACtB,OAAO,QAAQ,SAAS;AAAA,MACxB,KAAK,QAAQ,OAAO;AAAA,MACpB,QAAQ,QAAQ,UAAU;AAAA,IAAA;AAGlC,WAAO;AAAA,MACL,YAAY;AAAA,QACV,OAAO,WAAW,QAAQ,YAAY,OAAO,YAAY;AAAA,QACzD,QAAQ,WAAW,SAAS,YAAY,MAAM,YAAY;AAAA,MAAA;AAAA;AAAA,IAC5D;AAAA,EAGJ;AAIA,MAAI,KAAK,OAAO;AACd,WAAO;AAAA,MACL,YAAY;AAAA,QACV,OAAO,KAAK,MAAM,MAAM;AAAA,QACxB,QAAQ,KAAK,MAAM,MAAM;AAAA,MAAA;AAAA,IAC3B;AAAA,EAEJ;AAEA,SAAO,CAAA;AACT;AAYO,SAAS,iBACd,MACA,MACA,MACM;AAEN,OAAK,gBAAgB;AAKrB,MAAI,sBAAsB,MAAM,IAAI,GAAG;AAErC,UAAM,EAAE,YAAY,kBAAkB,uBAAuB,IAAI;AACjE,oBAAgB,MAAM,MAAM,YAAY,aAAa;AAGrD,iCAA6B,IAAI;AAAA,EACnC;AAGF;"}

package/dist/components/appliers/applyNineSlice.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyNineSliceProps(nineSlice, prev, next) {
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if (textureChanged && next.texture) {
+    nineSlice.setTexture(next.texture, next.frame);
+  }
+  const sliceChanged = prev.leftWidth !== next.leftWidth || prev.rightWidth !== next.rightWidth || prev.topHeight !== next.topHeight || prev.bottomHeight !== next.bottomHeight;
+  if (sliceChanged) {
+    const width = typeof next.width === "number" ? next.width : nineSlice.width;
+    const height = typeof next.height === "number" ? next.height : nineSlice.height;
+    nineSlice.setSlices(
+      width,
+      height,
+      next.leftWidth ?? prev.leftWidth ?? 0,
+      next.rightWidth ?? prev.rightWidth ?? 0,
+      next.topHeight ?? prev.topHeight,
+      next.bottomHeight ?? prev.bottomHeight
+    );
+  }
+  const prevWidth = typeof prev.width === "number" ? prev.width : nineSlice.width;
+  const nextWidth = typeof next.width === "number" ? next.width : nineSlice.width;
+  const prevHeight = typeof prev.height === "number" ? prev.height : nineSlice.height;
+  const nextHeight = typeof next.height === "number" ? next.height : nineSlice.height;
+  if (prevWidth !== nextWidth || prevHeight !== nextHeight) {
+    nineSlice.setSize(nextWidth, nextHeight);
+  }
+  if (prev.tint !== next.tint) {
+    if (next.tint !== void 0) {
+      nineSlice.setTint(next.tint);
+    } else {
+      nineSlice.clearTint();
+    }
+  }
+}
+exports.applyNineSliceProps = applyNineSliceProps;
+//# sourceMappingURL=applyNineSlice.cjs.map

package/dist/components/appliers/applyNineSlice.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSlice.cjs","sources":["../../../src/components/appliers/applyNineSlice.ts"],"sourcesContent":["/**\n * Applier for NineSlice-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { NineSliceSpecificProps } from '../primitives/nineslice'\n\n/**\n * Applies NineSlice-specific properties (texture, frame, slice dimensions)\n * @param nineSlice - Phaser NineSlice object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyNineSliceProps(\n  nineSlice: Phaser.GameObjects.NineSlice,\n  prev: Partial<NineSliceSpecificProps & LayoutProps>,\n  next: Partial<NineSliceSpecificProps & LayoutProps>\n): void {\n  // Check if texture or frame changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture) {\n    nineSlice.setTexture(next.texture, next.frame)\n  }\n\n  // Check if slice dimensions changed\n  const sliceChanged =\n    prev.leftWidth !== next.leftWidth ||\n    prev.rightWidth !== next.rightWidth ||\n    prev.topHeight !== next.topHeight ||\n    prev.bottomHeight !== next.bottomHeight\n\n  if (sliceChanged) {\n    const width = typeof next.width === 'number' ? next.width : nineSlice.width\n    const height = typeof next.height === 'number' ? next.height : nineSlice.height\n\n    nineSlice.setSlices(\n      width,\n      height,\n      next.leftWidth ?? prev.leftWidth ?? 0,\n      next.rightWidth ?? prev.rightWidth ?? 0,\n      next.topHeight ?? prev.topHeight,\n      next.bottomHeight ?? prev.bottomHeight\n    )\n  }\n\n  // Check if size changed (independent of slice changes)\n  const prevWidth = typeof prev.width === 'number' ? prev.width : nineSlice.width\n  const nextWidth = typeof next.width === 'number' ? next.width : nineSlice.width\n  const prevHeight = typeof prev.height === 'number' ? prev.height : nineSlice.height\n  const nextHeight = typeof next.height === 'number' ? next.height : nineSlice.height\n\n  if (prevWidth !== nextWidth || prevHeight !== nextHeight) {\n    nineSlice.setSize(nextWidth, nextHeight)\n  }\n\n  // Check if tint changed\n  if (prev.tint !== next.tint) {\n    if (next.tint !== undefined) {\n      nineSlice.setTint(next.tint)\n    } else {\n      nineSlice.clearTint()\n    }\n  }\n}\n"],"names":[],"mappings":";;AAaO,SAAS,oBACd,WACA,MACA,MACM;AAEN,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,MAAI,kBAAkB,KAAK,SAAS;AAClC,cAAU,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC/C;AAGA,QAAM,eACJ,KAAK,cAAc,KAAK,aACxB,KAAK,eAAe,KAAK,cACzB,KAAK,cAAc,KAAK,aACxB,KAAK,iBAAiB,KAAK;AAE7B,MAAI,cAAc;AAChB,UAAM,QAAQ,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AACtE,UAAM,SAAS,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAEzE,cAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA,KAAK,aAAa,KAAK,aAAa;AAAA,MACpC,KAAK,cAAc,KAAK,cAAc;AAAA,MACtC,KAAK,aAAa,KAAK;AAAA,MACvB,KAAK,gBAAgB,KAAK;AAAA,IAAA;AAAA,EAE9B;AAGA,QAAM,YAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AAC1E,QAAM,YAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AAC1E,QAAM,aAAa,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAC7E,QAAM,aAAa,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAE7E,MAAI,cAAc,aAAa,eAAe,YAAY;AACxD,cAAU,QAAQ,WAAW,UAAU;AAAA,EACzC;AAGA,MAAI,KAAK,SAAS,KAAK,MAAM;AAC3B,QAAI,KAAK,SAAS,QAAW;AAC3B,gBAAU,QAAQ,KAAK,IAAI;AAAA,IAC7B,OAAO;AACL,gBAAU,UAAA;AAAA,IACZ;AAAA,EACF;AACF;;"}

package/dist/components/appliers/applyNineSlice.d.ts

@@ -0,0 +1,14 @@
+import { LayoutProps } from '../../core-props';
+import { NineSliceSpecificProps } from '../primitives/nineslice';
+/**
+ * Applier for NineSlice-specific properties
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies NineSlice-specific properties (texture, frame, slice dimensions)
+ * @param nineSlice - Phaser NineSlice object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyNineSliceProps(nineSlice: Phaser.GameObjects.NineSlice, prev: Partial<NineSliceSpecificProps & LayoutProps>, next: Partial<NineSliceSpecificProps & LayoutProps>): void;
+//# sourceMappingURL=applyNineSlice.d.ts.map

package/dist/components/appliers/applyNineSlice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSlice.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyNineSlice.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAErE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EACvC,IAAI,EAAE,OAAO,CAAC,sBAAsB,GAAG,WAAW,CAAC,EACnD,IAAI,EAAE,OAAO,CAAC,sBAAsB,GAAG,WAAW,CAAC,GAClD,IAAI,CA8CN"}

package/dist/components/appliers/applyNineSlice.js

@@ -0,0 +1,37 @@
+function applyNineSliceProps(nineSlice, prev, next) {
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if (textureChanged && next.texture) {
+    nineSlice.setTexture(next.texture, next.frame);
+  }
+  const sliceChanged = prev.leftWidth !== next.leftWidth || prev.rightWidth !== next.rightWidth || prev.topHeight !== next.topHeight || prev.bottomHeight !== next.bottomHeight;
+  if (sliceChanged) {
+    const width = typeof next.width === "number" ? next.width : nineSlice.width;
+    const height = typeof next.height === "number" ? next.height : nineSlice.height;
+    nineSlice.setSlices(
+      width,
+      height,
+      next.leftWidth ?? prev.leftWidth ?? 0,
+      next.rightWidth ?? prev.rightWidth ?? 0,
+      next.topHeight ?? prev.topHeight,
+      next.bottomHeight ?? prev.bottomHeight
+    );
+  }
+  const prevWidth = typeof prev.width === "number" ? prev.width : nineSlice.width;
+  const nextWidth = typeof next.width === "number" ? next.width : nineSlice.width;
+  const prevHeight = typeof prev.height === "number" ? prev.height : nineSlice.height;
+  const nextHeight = typeof next.height === "number" ? next.height : nineSlice.height;
+  if (prevWidth !== nextWidth || prevHeight !== nextHeight) {
+    nineSlice.setSize(nextWidth, nextHeight);
+  }
+  if (prev.tint !== next.tint) {
+    if (next.tint !== void 0) {
+      nineSlice.setTint(next.tint);
+    } else {
+      nineSlice.clearTint();
+    }
+  }
+}
+export {
+  applyNineSliceProps
+};
+//# sourceMappingURL=applyNineSlice.js.map

package/dist/components/appliers/applyNineSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSlice.js","sources":["../../../src/components/appliers/applyNineSlice.ts"],"sourcesContent":["/**\n * Applier for NineSlice-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { NineSliceSpecificProps } from '../primitives/nineslice'\n\n/**\n * Applies NineSlice-specific properties (texture, frame, slice dimensions)\n * @param nineSlice - Phaser NineSlice object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyNineSliceProps(\n  nineSlice: Phaser.GameObjects.NineSlice,\n  prev: Partial<NineSliceSpecificProps & LayoutProps>,\n  next: Partial<NineSliceSpecificProps & LayoutProps>\n): void {\n  // Check if texture or frame changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture) {\n    nineSlice.setTexture(next.texture, next.frame)\n  }\n\n  // Check if slice dimensions changed\n  const sliceChanged =\n    prev.leftWidth !== next.leftWidth ||\n    prev.rightWidth !== next.rightWidth ||\n    prev.topHeight !== next.topHeight ||\n    prev.bottomHeight !== next.bottomHeight\n\n  if (sliceChanged) {\n    const width = typeof next.width === 'number' ? next.width : nineSlice.width\n    const height = typeof next.height === 'number' ? next.height : nineSlice.height\n\n    nineSlice.setSlices(\n      width,\n      height,\n      next.leftWidth ?? prev.leftWidth ?? 0,\n      next.rightWidth ?? prev.rightWidth ?? 0,\n      next.topHeight ?? prev.topHeight,\n      next.bottomHeight ?? prev.bottomHeight\n    )\n  }\n\n  // Check if size changed (independent of slice changes)\n  const prevWidth = typeof prev.width === 'number' ? prev.width : nineSlice.width\n  const nextWidth = typeof next.width === 'number' ? next.width : nineSlice.width\n  const prevHeight = typeof prev.height === 'number' ? prev.height : nineSlice.height\n  const nextHeight = typeof next.height === 'number' ? next.height : nineSlice.height\n\n  if (prevWidth !== nextWidth || prevHeight !== nextHeight) {\n    nineSlice.setSize(nextWidth, nextHeight)\n  }\n\n  // Check if tint changed\n  if (prev.tint !== next.tint) {\n    if (next.tint !== undefined) {\n      nineSlice.setTint(next.tint)\n    } else {\n      nineSlice.clearTint()\n    }\n  }\n}\n"],"names":[],"mappings":"AAaO,SAAS,oBACd,WACA,MACA,MACM;AAEN,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,MAAI,kBAAkB,KAAK,SAAS;AAClC,cAAU,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC/C;AAGA,QAAM,eACJ,KAAK,cAAc,KAAK,aACxB,KAAK,eAAe,KAAK,cACzB,KAAK,cAAc,KAAK,aACxB,KAAK,iBAAiB,KAAK;AAE7B,MAAI,cAAc;AAChB,UAAM,QAAQ,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AACtE,UAAM,SAAS,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAEzE,cAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA,KAAK,aAAa,KAAK,aAAa;AAAA,MACpC,KAAK,cAAc,KAAK,cAAc;AAAA,MACtC,KAAK,aAAa,KAAK;AAAA,MACvB,KAAK,gBAAgB,KAAK;AAAA,IAAA;AAAA,EAE9B;AAGA,QAAM,YAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AAC1E,QAAM,YAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,UAAU;AAC1E,QAAM,aAAa,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAC7E,QAAM,aAAa,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS,UAAU;AAE7E,MAAI,cAAc,aAAa,eAAe,YAAY;AACxD,cAAU,QAAQ,WAAW,UAAU;AAAA,EACzC;AAGA,MAAI,KAAK,SAAS,KAAK,MAAM;AAC3B,QAAI,KAAK,SAAS,QAAW;AAC3B,gBAAU,QAAQ,KAAK,IAAI;AAAA,IAC7B,OAAO;AACL,gBAAU,UAAA;AAAA,IACZ;AAAA,EACF;AACF;"}

package/dist/components/appliers/applyNineSliceLayout.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyNineSliceLayout(nineSlice, prev, next) {
+  nineSlice.__layoutProps = next;
+  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {
+    nineSlice.__getLayoutSize = () => {
+      if (nineSlice.__layoutProps?.headless) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: nineSlice.width,
+        height: nineSlice.height
+      };
+    };
+  }
+}
+exports.applyNineSliceLayout = applyNineSliceLayout;
+//# sourceMappingURL=applyNineSliceLayout.cjs.map

package/dist/components/appliers/applyNineSliceLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSliceLayout.cjs","sources":["../../../src/components/appliers/applyNineSliceLayout.ts"],"sourcesContent":["/**\n * Layout applier for NineSlice components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { NineSliceBaseProps } from '../primitives/nineslice'\n\n/**\n * Applies layout properties for NineSlice components\n * Updates layout props when properties change\n * @param nineSlice - Phaser NineSlice object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyNineSliceLayout(\n  nineSlice: Phaser.GameObjects.NineSlice & {\n    __layoutProps?: NineSliceBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  prev: Partial<NineSliceBaseProps>,\n  next: Partial<NineSliceBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation\n  nineSlice.__layoutProps = next as NineSliceBaseProps\n\n  // Update size provider if dimensions or headless changed\n  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {\n    nineSlice.__getLayoutSize = () => {\n      if (nineSlice.__layoutProps?.headless) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: nineSlice.width,\n        height: nineSlice.height,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":";;AAcO,SAAS,qBACd,WAIA,MACA,MACM;AAEN,YAAU,gBAAgB;AAG1B,MAAI,KAAK,UAAU,KAAK,SAAS,KAAK,WAAW,KAAK,UAAU,KAAK,aAAa,KAAK,UAAU;AAC/F,cAAU,kBAAkB,MAAM;AAChC,UAAI,UAAU,eAAe,UAAU;AACrC,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,MAAA;AAAA,IAEtB;AAAA,EACF;AACF;;"}

package/dist/components/appliers/applyNineSliceLayout.d.ts

@@ -0,0 +1,18 @@
+import { LayoutSize } from '../../layout/index';
+import { NineSliceBaseProps } from '../primitives/nineslice';
+/**
+ * Layout applier for NineSlice components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies layout properties for NineSlice components
+ * Updates layout props when properties change
+ * @param nineSlice - Phaser NineSlice object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyNineSliceLayout(nineSlice: Phaser.GameObjects.NineSlice & {
+    __layoutProps?: NineSliceBaseProps;
+    __getLayoutSize?: () => LayoutSize;
+}, prev: Partial<NineSliceBaseProps>, next: Partial<NineSliceBaseProps>): void;
+//# sourceMappingURL=applyNineSliceLayout.d.ts.map

package/dist/components/appliers/applyNineSliceLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSliceLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyNineSliceLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAEjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG;IACxC,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,eAAe,CAAC,EAAE,MAAM,UAAU,CAAA;CACnC,EACD,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAChC,IAAI,CAgBN"}

package/dist/components/appliers/applyNineSliceLayout.js

@@ -0,0 +1,18 @@
+function applyNineSliceLayout(nineSlice, prev, next) {
+  nineSlice.__layoutProps = next;
+  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {
+    nineSlice.__getLayoutSize = () => {
+      if (nineSlice.__layoutProps?.headless) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: nineSlice.width,
+        height: nineSlice.height
+      };
+    };
+  }
+}
+export {
+  applyNineSliceLayout
+};
+//# sourceMappingURL=applyNineSliceLayout.js.map

package/dist/components/appliers/applyNineSliceLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyNineSliceLayout.js","sources":["../../../src/components/appliers/applyNineSliceLayout.ts"],"sourcesContent":["/**\n * Layout applier for NineSlice components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { NineSliceBaseProps } from '../primitives/nineslice'\n\n/**\n * Applies layout properties for NineSlice components\n * Updates layout props when properties change\n * @param nineSlice - Phaser NineSlice object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyNineSliceLayout(\n  nineSlice: Phaser.GameObjects.NineSlice & {\n    __layoutProps?: NineSliceBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  prev: Partial<NineSliceBaseProps>,\n  next: Partial<NineSliceBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation\n  nineSlice.__layoutProps = next as NineSliceBaseProps\n\n  // Update size provider if dimensions or headless changed\n  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {\n    nineSlice.__getLayoutSize = () => {\n      if (nineSlice.__layoutProps?.headless) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: nineSlice.width,\n        height: nineSlice.height,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAcO,SAAS,qBACd,WAIA,MACA,MACM;AAEN,YAAU,gBAAgB;AAG1B,MAAI,KAAK,UAAU,KAAK,SAAS,KAAK,WAAW,KAAK,UAAU,KAAK,aAAa,KAAK,UAAU;AAC/F,cAAU,kBAAkB,MAAM;AAChC,UAAI,UAAU,eAAe,UAAU;AACrC,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,UAAU;AAAA,QACjB,QAAQ,UAAU;AAAA,MAAA;AAAA,IAEtB;AAAA,EACF;AACF;"}

package/dist/components/appliers/applyParticles.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const emitZone = require("../../particles/emit-zone.cjs");
+const presetRegistry = require("../../particles/preset-registry.cjs");
+const utils = require("../../particles/utils.cjs");
+function applyParticlesProps(manager, prev, next) {
+  if (!manager) return;
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if (textureChanged && next.texture && "setTexture" in manager && manager.setTexture) {
+    manager.setTexture(next.texture, next.frame);
+  }
+  const configChanged = prev.preset !== next.preset || prev.config !== next.config || prev.emitZone !== next.emitZone || prev.zone !== next.zone || prev.deathZones !== next.deathZones || prev.excludeZones !== next.excludeZones || prev.width !== next.width || prev.height !== next.height;
+  if (configChanged) {
+    const resolvedConfig = presetRegistry.resolveParticlePreset(next.preset, next.config);
+    let emitter;
+    if (utils.isParticleEmitter(manager)) {
+      emitter = manager;
+    } else {
+      const managerLike = manager;
+      emitter = managerLike.__emitter ?? utils.getFirstEmitter(managerLike) ?? null;
+      if (!emitter && managerLike.createEmitter) {
+        const created = managerLike.createEmitter(resolvedConfig);
+        emitter = created ?? null;
+      }
+      managerLike.__emitter = emitter;
+    }
+    if (!emitter) return;
+    utils.applyEmitterConfig(emitter, resolvedConfig);
+    const emitZoneProps = next.emitZone ?? next.zone;
+    const deathZoneProps = next.deathZones ?? next.excludeZones;
+    if (emitZoneProps) {
+      const emitZone$1 = emitZone.buildEmitZoneFromLayout(emitZoneProps, next.width, next.height);
+      if (emitZone$1) {
+        utils.applyEmitZone(emitter, emitZone$1);
+      }
+    }
+    const deathZones = emitZone.buildDeathZonesFromLayout(deathZoneProps, next.width, next.height, manager);
+    const combined = utils.mergeDeathZones(
+      resolvedConfig.deathZone,
+      deathZones
+    );
+    utils.applyDeathZone(emitter, combined);
+  }
+}
+exports.applyParticlesProps = applyParticlesProps;
+//# sourceMappingURL=applyParticles.cjs.map

package/dist/components/appliers/applyParticles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticles.cjs","sources":["../../../src/components/appliers/applyParticles.ts"],"sourcesContent":["/**\n * Applier for Particles-specific properties\n */\nimport { buildDeathZonesFromLayout, buildEmitZoneFromLayout } from '../../particles/emit-zone'\nimport type {\n  ParticleEmitter,\n  ParticleEmitterManagerLike,\n  ParticlesHandle,\n} from '../../particles/particle-types'\nimport { resolveParticlePreset } from '../../particles/preset-registry'\nimport {\n  applyDeathZone,\n  applyEmitZone,\n  applyEmitterConfig,\n  getFirstEmitter,\n  isParticleEmitter,\n  mergeDeathZones,\n} from '../../particles/utils'\nimport type { ParticlesBaseProps } from '../primitives/particles'\n\n/**\n * Applies particle props updates (texture, emitter config, emit zone)\n */\nexport function applyParticlesProps(\n  manager: ParticlesHandle,\n  prev: Partial<ParticlesBaseProps>,\n  next: Partial<ParticlesBaseProps>\n): void {\n  if (!manager) return\n\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture && 'setTexture' in manager && manager.setTexture) {\n    manager.setTexture(next.texture, next.frame)\n  }\n\n  const configChanged =\n    prev.preset !== next.preset ||\n    prev.config !== next.config ||\n    prev.emitZone !== next.emitZone ||\n    prev.zone !== next.zone ||\n    prev.deathZones !== next.deathZones ||\n    prev.excludeZones !== next.excludeZones ||\n    prev.width !== next.width ||\n    prev.height !== next.height\n\n  if (configChanged) {\n    const resolvedConfig = resolveParticlePreset(next.preset, next.config)\n    let emitter: ParticleEmitter | null\n\n    if (isParticleEmitter(manager)) {\n      emitter = manager\n    } else {\n      const managerLike = manager as ParticleEmitterManagerLike\n      emitter = managerLike.__emitter ?? getFirstEmitter(managerLike) ?? null\n      if (!emitter && managerLike.createEmitter) {\n        const created = managerLike.createEmitter(resolvedConfig)\n        emitter = (created as ParticleEmitter | void) ?? null\n      }\n      managerLike.__emitter = emitter\n    }\n\n    if (!emitter) return\n\n    applyEmitterConfig(emitter, resolvedConfig)\n\n    const emitZoneProps = next.emitZone ?? next.zone\n    const deathZoneProps = next.deathZones ?? next.excludeZones\n\n    if (emitZoneProps) {\n      const emitZone = buildEmitZoneFromLayout(emitZoneProps, next.width, next.height)\n      if (emitZone) {\n        applyEmitZone(emitter, emitZone)\n      }\n    }\n\n    const deathZones = buildDeathZonesFromLayout(deathZoneProps, next.width, next.height, manager)\n    const combined = mergeDeathZones(\n      (resolvedConfig as unknown as { deathZone?: unknown }).deathZone,\n      deathZones\n    ) as Parameters<typeof applyDeathZone>[1]\n    applyDeathZone(emitter, combined)\n  }\n}\n"],"names":["resolveParticlePreset","isParticleEmitter","getFirstEmitter","applyEmitterConfig","emitZone","buildEmitZoneFromLayout","applyEmitZone","buildDeathZonesFromLayout","mergeDeathZones","applyDeathZone"],"mappings":";;;;;AAuBO,SAAS,oBACd,SACA,MACA,MACM;AACN,MAAI,CAAC,QAAS;AAEd,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,MAAI,kBAAkB,KAAK,WAAW,gBAAgB,WAAW,QAAQ,YAAY;AACnF,YAAQ,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC7C;AAEA,QAAM,gBACJ,KAAK,WAAW,KAAK,UACrB,KAAK,WAAW,KAAK,UACrB,KAAK,aAAa,KAAK,YACvB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,iBAAiB,KAAK,gBAC3B,KAAK,UAAU,KAAK,SACpB,KAAK,WAAW,KAAK;AAEvB,MAAI,eAAe;AACjB,UAAM,iBAAiBA,eAAAA,sBAAsB,KAAK,QAAQ,KAAK,MAAM;AACrE,QAAI;AAEJ,QAAIC,MAAAA,kBAAkB,OAAO,GAAG;AAC9B,gBAAU;AAAA,IACZ,OAAO;AACL,YAAM,cAAc;AACpB,gBAAU,YAAY,aAAaC,MAAAA,gBAAgB,WAAW,KAAK;AACnE,UAAI,CAAC,WAAW,YAAY,eAAe;AACzC,cAAM,UAAU,YAAY,cAAc,cAAc;AACxD,kBAAW,WAAsC;AAAA,MACnD;AACA,kBAAY,YAAY;AAAA,IAC1B;AAEA,QAAI,CAAC,QAAS;AAEdC,UAAAA,mBAAmB,SAAS,cAAc;AAE1C,UAAM,gBAAgB,KAAK,YAAY,KAAK;AAC5C,UAAM,iBAAiB,KAAK,cAAc,KAAK;AAE/C,QAAI,eAAe;AACjB,YAAMC,aAAWC,SAAAA,wBAAwB,eAAe,KAAK,OAAO,KAAK,MAAM;AAC/E,UAAID,YAAU;AACZE,cAAAA,cAAc,SAASF,UAAQ;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,aAAaG,SAAAA,0BAA0B,gBAAgB,KAAK,OAAO,KAAK,QAAQ,OAAO;AAC7F,UAAM,WAAWC,MAAAA;AAAAA,MACd,eAAsD;AAAA,MACvD;AAAA,IAAA;AAEFC,UAAAA,eAAe,SAAS,QAAQ;AAAA,EAClC;AACF;;"}

package/dist/components/appliers/applyParticles.d.ts

@@ -0,0 +1,7 @@
+import { ParticlesHandle } from '../../particles/particle-types';
+import { ParticlesBaseProps } from '../primitives/particles';
+/**
+ * Applies particle props updates (texture, emitter config, emit zone)
+ */
+export declare function applyParticlesProps(manager: ParticlesHandle, prev: Partial<ParticlesBaseProps>, next: Partial<ParticlesBaseProps>): void;
+//# sourceMappingURL=applyParticles.d.ts.map

package/dist/components/appliers/applyParticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticles.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyParticles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,gCAAgC,CAAA;AAUvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAEjE;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAChC,IAAI,CAuDN"}

package/dist/components/appliers/applyParticles.js

@@ -0,0 +1,46 @@
+import { buildEmitZoneFromLayout, buildDeathZonesFromLayout } from "../../particles/emit-zone.js";
+import { resolveParticlePreset } from "../../particles/preset-registry.js";
+import { isParticleEmitter, getFirstEmitter, applyEmitterConfig, applyEmitZone, mergeDeathZones, applyDeathZone } from "../../particles/utils.js";
+function applyParticlesProps(manager, prev, next) {
+  if (!manager) return;
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if (textureChanged && next.texture && "setTexture" in manager && manager.setTexture) {
+    manager.setTexture(next.texture, next.frame);
+  }
+  const configChanged = prev.preset !== next.preset || prev.config !== next.config || prev.emitZone !== next.emitZone || prev.zone !== next.zone || prev.deathZones !== next.deathZones || prev.excludeZones !== next.excludeZones || prev.width !== next.width || prev.height !== next.height;
+  if (configChanged) {
+    const resolvedConfig = resolveParticlePreset(next.preset, next.config);
+    let emitter;
+    if (isParticleEmitter(manager)) {
+      emitter = manager;
+    } else {
+      const managerLike = manager;
+      emitter = managerLike.__emitter ?? getFirstEmitter(managerLike) ?? null;
+      if (!emitter && managerLike.createEmitter) {
+        const created = managerLike.createEmitter(resolvedConfig);
+        emitter = created ?? null;
+      }
+      managerLike.__emitter = emitter;
+    }
+    if (!emitter) return;
+    applyEmitterConfig(emitter, resolvedConfig);
+    const emitZoneProps = next.emitZone ?? next.zone;
+    const deathZoneProps = next.deathZones ?? next.excludeZones;
+    if (emitZoneProps) {
+      const emitZone = buildEmitZoneFromLayout(emitZoneProps, next.width, next.height);
+      if (emitZone) {
+        applyEmitZone(emitter, emitZone);
+      }
+    }
+    const deathZones = buildDeathZonesFromLayout(deathZoneProps, next.width, next.height, manager);
+    const combined = mergeDeathZones(
+      resolvedConfig.deathZone,
+      deathZones
+    );
+    applyDeathZone(emitter, combined);
+  }
+}
+export {
+  applyParticlesProps
+};
+//# sourceMappingURL=applyParticles.js.map

package/dist/components/appliers/applyParticles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticles.js","sources":["../../../src/components/appliers/applyParticles.ts"],"sourcesContent":["/**\n * Applier for Particles-specific properties\n */\nimport { buildDeathZonesFromLayout, buildEmitZoneFromLayout } from '../../particles/emit-zone'\nimport type {\n  ParticleEmitter,\n  ParticleEmitterManagerLike,\n  ParticlesHandle,\n} from '../../particles/particle-types'\nimport { resolveParticlePreset } from '../../particles/preset-registry'\nimport {\n  applyDeathZone,\n  applyEmitZone,\n  applyEmitterConfig,\n  getFirstEmitter,\n  isParticleEmitter,\n  mergeDeathZones,\n} from '../../particles/utils'\nimport type { ParticlesBaseProps } from '../primitives/particles'\n\n/**\n * Applies particle props updates (texture, emitter config, emit zone)\n */\nexport function applyParticlesProps(\n  manager: ParticlesHandle,\n  prev: Partial<ParticlesBaseProps>,\n  next: Partial<ParticlesBaseProps>\n): void {\n  if (!manager) return\n\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if (textureChanged && next.texture && 'setTexture' in manager && manager.setTexture) {\n    manager.setTexture(next.texture, next.frame)\n  }\n\n  const configChanged =\n    prev.preset !== next.preset ||\n    prev.config !== next.config ||\n    prev.emitZone !== next.emitZone ||\n    prev.zone !== next.zone ||\n    prev.deathZones !== next.deathZones ||\n    prev.excludeZones !== next.excludeZones ||\n    prev.width !== next.width ||\n    prev.height !== next.height\n\n  if (configChanged) {\n    const resolvedConfig = resolveParticlePreset(next.preset, next.config)\n    let emitter: ParticleEmitter | null\n\n    if (isParticleEmitter(manager)) {\n      emitter = manager\n    } else {\n      const managerLike = manager as ParticleEmitterManagerLike\n      emitter = managerLike.__emitter ?? getFirstEmitter(managerLike) ?? null\n      if (!emitter && managerLike.createEmitter) {\n        const created = managerLike.createEmitter(resolvedConfig)\n        emitter = (created as ParticleEmitter | void) ?? null\n      }\n      managerLike.__emitter = emitter\n    }\n\n    if (!emitter) return\n\n    applyEmitterConfig(emitter, resolvedConfig)\n\n    const emitZoneProps = next.emitZone ?? next.zone\n    const deathZoneProps = next.deathZones ?? next.excludeZones\n\n    if (emitZoneProps) {\n      const emitZone = buildEmitZoneFromLayout(emitZoneProps, next.width, next.height)\n      if (emitZone) {\n        applyEmitZone(emitter, emitZone)\n      }\n    }\n\n    const deathZones = buildDeathZonesFromLayout(deathZoneProps, next.width, next.height, manager)\n    const combined = mergeDeathZones(\n      (resolvedConfig as unknown as { deathZone?: unknown }).deathZone,\n      deathZones\n    ) as Parameters<typeof applyDeathZone>[1]\n    applyDeathZone(emitter, combined)\n  }\n}\n"],"names":[],"mappings":";;;AAuBO,SAAS,oBACd,SACA,MACA,MACM;AACN,MAAI,CAAC,QAAS;AAEd,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,MAAI,kBAAkB,KAAK,WAAW,gBAAgB,WAAW,QAAQ,YAAY;AACnF,YAAQ,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC7C;AAEA,QAAM,gBACJ,KAAK,WAAW,KAAK,UACrB,KAAK,WAAW,KAAK,UACrB,KAAK,aAAa,KAAK,YACvB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,iBAAiB,KAAK,gBAC3B,KAAK,UAAU,KAAK,SACpB,KAAK,WAAW,KAAK;AAEvB,MAAI,eAAe;AACjB,UAAM,iBAAiB,sBAAsB,KAAK,QAAQ,KAAK,MAAM;AACrE,QAAI;AAEJ,QAAI,kBAAkB,OAAO,GAAG;AAC9B,gBAAU;AAAA,IACZ,OAAO;AACL,YAAM,cAAc;AACpB,gBAAU,YAAY,aAAa,gBAAgB,WAAW,KAAK;AACnE,UAAI,CAAC,WAAW,YAAY,eAAe;AACzC,cAAM,UAAU,YAAY,cAAc,cAAc;AACxD,kBAAW,WAAsC;AAAA,MACnD;AACA,kBAAY,YAAY;AAAA,IAC1B;AAEA,QAAI,CAAC,QAAS;AAEd,uBAAmB,SAAS,cAAc;AAE1C,UAAM,gBAAgB,KAAK,YAAY,KAAK;AAC5C,UAAM,iBAAiB,KAAK,cAAc,KAAK;AAE/C,QAAI,eAAe;AACjB,YAAM,WAAW,wBAAwB,eAAe,KAAK,OAAO,KAAK,MAAM;AAC/E,UAAI,UAAU;AACZ,sBAAc,SAAS,QAAQ;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,aAAa,0BAA0B,gBAAgB,KAAK,OAAO,KAAK,QAAQ,OAAO;AAC7F,UAAM,WAAW;AAAA,MACd,eAAsD;AAAA,MACvD;AAAA,IAAA;AAEF,mBAAe,SAAS,QAAQ;AAAA,EAClC;AACF;"}

package/dist/components/appliers/applyParticlesLayout.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyParticlesLayout(particles, _prev, next) {
+  particles.__layoutProps = next;
+}
+exports.applyParticlesLayout = applyParticlesLayout;
+//# sourceMappingURL=applyParticlesLayout.cjs.map

package/dist/components/appliers/applyParticlesLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticlesLayout.cjs","sources":["../../../src/components/appliers/applyParticlesLayout.ts"],"sourcesContent":["/**\n * Layout applier for Particles components\n */\nimport type { LayoutProps } from '../../core-props'\nimport type { ParticlesHandle } from '../../particles/particle-types'\nimport type { ParticlesBaseProps } from '../primitives/particles'\n\n/**\n * Applies layout props for Particles\n * Particles are always headless (minimal size)\n */\nexport function applyParticlesLayout(\n  particles: ParticlesHandle & {\n    __layoutProps?: ParticlesBaseProps\n  },\n  _prev: Partial<ParticlesBaseProps & LayoutProps>,\n  next: Partial<ParticlesBaseProps & LayoutProps>\n): void {\n  particles.__layoutProps = next as ParticlesBaseProps\n}\n"],"names":[],"mappings":";;AAWO,SAAS,qBACd,WAGA,OACA,MACM;AACN,YAAU,gBAAgB;AAC5B;;"}

package/dist/components/appliers/applyParticlesLayout.d.ts

@@ -0,0 +1,11 @@
+import { LayoutProps } from '../../core-props';
+import { ParticlesHandle } from '../../particles/particle-types';
+import { ParticlesBaseProps } from '../primitives/particles';
+/**
+ * Applies layout props for Particles
+ * Particles are always headless (minimal size)
+ */
+export declare function applyParticlesLayout(particles: ParticlesHandle & {
+    __layoutProps?: ParticlesBaseProps;
+}, _prev: Partial<ParticlesBaseProps & LayoutProps>, next: Partial<ParticlesBaseProps & LayoutProps>): void;
+//# sourceMappingURL=applyParticlesLayout.d.ts.map

package/dist/components/appliers/applyParticlesLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticlesLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyParticlesLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAEjE;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,eAAe,GAAG;IAC3B,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC,EACD,KAAK,EAAE,OAAO,CAAC,kBAAkB,GAAG,WAAW,CAAC,EAChD,IAAI,EAAE,OAAO,CAAC,kBAAkB,GAAG,WAAW,CAAC,GAC9C,IAAI,CAEN"}

package/dist/components/appliers/applyParticlesLayout.js

@@ -0,0 +1,7 @@
+function applyParticlesLayout(particles, _prev, next) {
+  particles.__layoutProps = next;
+}
+export {
+  applyParticlesLayout
+};
+//# sourceMappingURL=applyParticlesLayout.js.map

package/dist/components/appliers/applyParticlesLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyParticlesLayout.js","sources":["../../../src/components/appliers/applyParticlesLayout.ts"],"sourcesContent":["/**\n * Layout applier for Particles components\n */\nimport type { LayoutProps } from '../../core-props'\nimport type { ParticlesHandle } from '../../particles/particle-types'\nimport type { ParticlesBaseProps } from '../primitives/particles'\n\n/**\n * Applies layout props for Particles\n * Particles are always headless (minimal size)\n */\nexport function applyParticlesLayout(\n  particles: ParticlesHandle & {\n    __layoutProps?: ParticlesBaseProps\n  },\n  _prev: Partial<ParticlesBaseProps & LayoutProps>,\n  next: Partial<ParticlesBaseProps & LayoutProps>\n): void {\n  particles.__layoutProps = next as ParticlesBaseProps\n}\n"],"names":[],"mappings":"AAWO,SAAS,qBACd,WAGA,OACA,MACM;AACN,YAAU,gBAAgB;AAC5B;"}