@pibbl/core 0.0.2 → 0.0.3-alpha.109.1

package/dist/lib/execute-render.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/lib/execute-render.ts"],
-  "sourcesContent": ["import { RootRenderTransaction } from './render-transaction.js';\nimport {\n  clearTempState,\n  GLOBAL_STATE,\n  NO_PENDING_ROOT,\n} from './global-state.js';\nimport { render } from './render.js';\nimport { initializeCurrentWorldTransformAnchor } from './render-target.js';\nimport {\n  Canvas,\n  type PibblNode,\n} from './types.js';\nimport type {\n  PibblBackendFrame,\n} from './backend/types.js';\nimport type { PibblFrameSnapshot } from './scheduler/types.js';\nimport { withSignalWriteForbidden } from './signals/graph.js';\n\n/**\n * Gets the root element for a canvas and renders it. This is the\n * entry point for rendering the entire tree.\n * @param canvas The canvas to render on\n */\nexport function executeRender(\n  canvas: Canvas,\n  renderTimestamp: number,\n  updatedRoot?: PibblNode | typeof NO_PENDING_ROOT,\n  _updateParents = false,\n  frameSnapshot?: PibblFrameSnapshot,\n): void {\n  if (!canvas) {\n    throw new Error('No canvas element provided');\n  }\n\n  const pibblInstance = GLOBAL_STATE.pibblInstances.get(canvas);\n\n  if (!pibblInstance) {\n    throw new Error('Pibbl is not mounted on this element');\n  }\n\n  if (pibblInstance.mainTeardowns.closed) return;\n\n  const inheritedTransaction = pibblInstance.eventRoot.renderTransaction;\n  const renderTransaction = inheritedTransaction ?? new RootRenderTransaction();\n  const ownsRenderTransaction = !inheritedTransaction;\n  if (ownsRenderTransaction) {\n    pibblInstance.eventRoot.renderTransaction = renderTransaction;\n  }\n  let transactionFinished = false;\n  const finishTransaction = (success: boolean) => {\n    if (!ownsRenderTransaction || transactionFinished) return;\n    transactionFinished = true;\n    (renderTransaction as RootRenderTransaction).finish(success);\n  };\n\n  const prevCurrentPibblInstance = GLOBAL_STATE.currentPibblInstance;\n  const prevCanvas = GLOBAL_STATE.canvas;\n  const prevRenderContext = GLOBAL_STATE.renderContext;\n  const prevRenderTarget = GLOBAL_STATE.renderTarget;\n  const prevWorldBaseTransform = GLOBAL_STATE.worldBaseTransform;\n  const prevWorldExactTransform = GLOBAL_STATE.worldExactTransform;\n  const prevWorldPaintAnchorTransform = GLOBAL_STATE.worldPaintAnchorTransform;\n  const prevPresentationTransformLineage = GLOBAL_STATE.presentationTransformLineage;\n  const prevPresentationTransformLineageTrackingDepth =\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth;\n  const prevRenderTransaction = GLOBAL_STATE.renderTransaction;\n  const prevFrameSnapshot = GLOBAL_STATE.frameSnapshot;\n  const prevPrimitiveReceiverToken = GLOBAL_STATE.primitiveReceiverToken;\n  const prevSeenIds = GLOBAL_STATE.seenIds;\n  const prevSeenKeys = GLOBAL_STATE.seenKeys;\n  const prevComponentRefs = GLOBAL_STATE.componentRefs;\n  const prevComponentHookIndex = GLOBAL_STATE.componentHookIndex;\n  const prevComponentIsMounting = GLOBAL_STATE.componentIsMounting;\n  const prevClippingStack = GLOBAL_STATE.clippingStack;\n  const prevLayoutStack = GLOBAL_STATE.layoutStack;\n  const prevBackendDriver = GLOBAL_STATE.backendDriver;\n  const prevBackendFrame = GLOBAL_STATE.backendFrame;\n  const prevBackendEnvironment = GLOBAL_STATE.backendEnvironment;\n  let frame: PibblBackendFrame<unknown> | undefined;\n  let frameSuccess = false;\n  let renderSeenIds: Set<string> | undefined;\n  let renderSeenKeys: Set<string> | undefined;\n  try {\n    const activeFrameSnapshot = frameSnapshot ?? (\n      prevFrameSnapshot?.logicalTime === renderTimestamp ?\n        prevFrameSnapshot :\n        Object.freeze({\n          frameId: prevFrameSnapshot?.frameId ?? 0,\n          hostTime: prevFrameSnapshot?.hostTime ?? renderTimestamp,\n          logicalTime: renderTimestamp,\n        })\n    );\n    GLOBAL_STATE.frameSnapshot = activeFrameSnapshot;\n    GLOBAL_STATE.currentPibblInstance = pibblInstance;\n    for (const service of pibblInstance.optionalServices.values()) service.beginRender?.();\n    GLOBAL_STATE.renderTransaction = renderTransaction;\n    GLOBAL_STATE.currentPibblInstance.renderTimestamp = activeFrameSnapshot.logicalTime;\n    GLOBAL_STATE.canvas = canvas;\n    const rootNode = arguments.length >= 3 && updatedRoot !== NO_PENDING_ROOT ?\n      updatedRoot :\n      GLOBAL_STATE.currentPibblInstance.root;\n    GLOBAL_STATE.currentPibblInstance.root = rootNode;\n    const driver = pibblInstance.backendDriver;\n    GLOBAL_STATE.backendDriver = driver;\n    frame = driver.beginFrame({\n      canvas,\n      logicalWidth: pibblInstance.rootLayoutBox.width,\n      logicalHeight: pibblInstance.rootLayoutBox.height,\n      backingWidth: canvas.width,\n      backingHeight: canvas.height,\n      renderTimestamp: activeFrameSnapshot.logicalTime,\n    });\n    if (!frame) {\n      pibblInstance.eventRoot.html?.suspend(pibblInstance);\n      finishTransaction(true);\n      return;\n    }\n    pibblInstance.eventRoot.html?.beginRender(pibblInstance);\n    GLOBAL_STATE.backendFrame = frame;\n    GLOBAL_STATE.backendEnvironment = frame.environment;\n    GLOBAL_STATE.renderContext = frame.context2D;\n    GLOBAL_STATE.renderTarget = frame.renderTarget;\n    GLOBAL_STATE.worldBaseTransform = frame.worldBaseTransform;\n    GLOBAL_STATE.worldExactTransform = undefined;\n    GLOBAL_STATE.worldPaintAnchorTransform = undefined;\n    GLOBAL_STATE.presentationTransformLineage = undefined;\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth = 0;\n    if (\n      frame.context2D !== undefined &&\n      frame.renderTarget !== undefined &&\n      frame.worldBaseTransform !== undefined\n    ) {\n      initializeCurrentWorldTransformAnchor(frame.worldBaseTransform);\n    }\n    GLOBAL_STATE.clippingStack = [];\n    const surface = pibblInstance.surface.snapshot;\n    const logicalWidth = surface?.logicalWidth ?? pibblInstance.rootLayoutBox.width;\n    const logicalHeight = surface?.logicalHeight ?? pibblInstance.rootLayoutBox.height;\n    const previousRootBox = pibblInstance.rootLayoutBox;\n    if (\n      previousRootBox.width !== logicalWidth ||\n      previousRootBox.height !== logicalHeight\n    ) {\n      pibblInstance.rootLayoutBox = Object.freeze({\n        x: 0,\n        y: 0,\n        width: logicalWidth,\n        height: logicalHeight,\n      });\n    }\n    GLOBAL_STATE.layoutStack = [{\n      allocation: pibblInstance.rootLayoutBox,\n      percentageBasis: pibblInstance.rootLayoutBox,\n    }];\n\n    const renderGeneration = ++pibblInstance.renderGeneration;\n    renderSeenIds = pibblInstance.renderSeenIds;\n    renderSeenKeys = pibblInstance.renderSeenKeys;\n    renderSeenIds.clear();\n    renderSeenKeys.clear();\n    GLOBAL_STATE.seenIds = renderSeenIds;\n    GLOBAL_STATE.seenKeys = renderSeenKeys;\n    const id = 'root';\n    renderSeenIds.add(id);\n    withSignalWriteForbidden(\n      'Pibbl render',\n      () => render(rootNode, id, undefined),\n    );\n\n    for (const [id, componentRefs] of pibblInstance.refs) {\n      if (componentRefs.renderGeneration === renderGeneration) continue;\n      componentRefs.teardowns.execute();\n      pibblInstance.refs.delete(id);\n    }\n    frameSuccess = true;\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(true);\n    driver.finishFrame(frame, true);\n    finishTransaction(true);\n  } catch (error) {\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(false);\n    finishTransaction(false);\n    for (const refs of pibblInstance.refs.values()) {\n      refs.teardowns.execute();\n    }\n    pibblInstance.refs.clear();\n    throw error;\n  } finally {\n    try {\n      if (frame && !frameSuccess) {\n        pibblInstance.backendDriver.finishFrame(frame, false);\n      }\n    } finally {\n      try {\n        clearTempState();\n        GLOBAL_STATE.clippingStack = prevClippingStack;\n        GLOBAL_STATE.layoutStack = prevLayoutStack;\n        if (ownsRenderTransaction) {\n          try {\n            finishTransaction(false);\n          } finally {\n            if (pibblInstance.eventRoot.renderTransaction === renderTransaction) {\n              pibblInstance.eventRoot.renderTransaction = undefined;\n            }\n          }\n        }\n      } finally {\n        renderSeenIds?.clear();\n        renderSeenKeys?.clear();\n        GLOBAL_STATE.currentPibblInstance = prevCurrentPibblInstance;\n        GLOBAL_STATE.canvas = prevCanvas;\n        GLOBAL_STATE.renderContext = prevRenderContext;\n        GLOBAL_STATE.renderTarget = prevRenderTarget;\n        GLOBAL_STATE.worldBaseTransform = prevWorldBaseTransform;\n        GLOBAL_STATE.worldExactTransform = prevWorldExactTransform;\n        GLOBAL_STATE.worldPaintAnchorTransform = prevWorldPaintAnchorTransform;\n        GLOBAL_STATE.presentationTransformLineage = prevPresentationTransformLineage;\n        GLOBAL_STATE.presentationTransformLineageTrackingDepth =\n          prevPresentationTransformLineageTrackingDepth;\n        GLOBAL_STATE.renderTransaction = prevRenderTransaction;\n        GLOBAL_STATE.frameSnapshot = prevFrameSnapshot;\n        GLOBAL_STATE.primitiveReceiverToken = prevPrimitiveReceiverToken;\n        GLOBAL_STATE.seenIds = prevSeenIds;\n        GLOBAL_STATE.seenKeys = prevSeenKeys;\n        GLOBAL_STATE.componentRefs = prevComponentRefs;\n        GLOBAL_STATE.componentHookIndex = prevComponentHookIndex;\n        GLOBAL_STATE.componentIsMounting = prevComponentIsMounting;\n        GLOBAL_STATE.backendDriver = prevBackendDriver;\n        GLOBAL_STATE.backendFrame = prevBackendFrame;\n        GLOBAL_STATE.backendEnvironment = prevBackendEnvironment;\n      }\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { beginLayoutGeometry } from './layout/geometry-publication.js';\nimport { RootRenderTransaction } from './render-transaction.js';\nimport {\n  clearTempState,\n  GLOBAL_STATE,\n  NO_PENDING_ROOT,\n} from './global-state.js';\nimport { render } from './render.js';\nimport { initializeCurrentWorldTransformAnchor } from './render-target.js';\nimport {\n  Canvas,\n  type PibblNode,\n} from './types.js';\nimport type {\n  PibblBackendFrame,\n} from './backend/types.js';\nimport type { PibblFrameSnapshot } from './scheduler/types.js';\nimport { withSignalWriteForbidden } from './signals/graph.js';\n\n/**\n * Gets the root element for a canvas and renders it. This is the\n * entry point for rendering the entire tree.\n * @param canvas The canvas to render on\n */\nexport function executeRender(\n  canvas: Canvas,\n  renderTimestamp: number,\n  updatedRoot?: PibblNode | typeof NO_PENDING_ROOT,\n  _updateParents = false,\n  frameSnapshot?: PibblFrameSnapshot,\n): void {\n  if (!canvas) {\n    throw new Error('No canvas element provided');\n  }\n\n  const pibblInstance = GLOBAL_STATE.pibblInstances.get(canvas);\n\n  if (!pibblInstance) {\n    throw new Error('Pibbl is not mounted on this element');\n  }\n\n  if (pibblInstance.mainTeardowns.closed) return;\n\n  const inheritedTransaction = pibblInstance.eventRoot.renderTransaction;\n  const renderTransaction = inheritedTransaction ?? new RootRenderTransaction();\n  const ownsRenderTransaction = !inheritedTransaction;\n  if (ownsRenderTransaction) {\n    pibblInstance.eventRoot.renderTransaction = renderTransaction;\n  }\n  let transactionFinished = false;\n  const finishTransaction = (success: boolean) => {\n    if (!ownsRenderTransaction || transactionFinished) return;\n    transactionFinished = true;\n    (renderTransaction as RootRenderTransaction).finish(success);\n  };\n\n  const prevCurrentPibblInstance = GLOBAL_STATE.currentPibblInstance;\n  const prevCanvas = GLOBAL_STATE.canvas;\n  const prevRenderContext = GLOBAL_STATE.renderContext;\n  const prevRenderTarget = GLOBAL_STATE.renderTarget;\n  const prevWorldBaseTransform = GLOBAL_STATE.worldBaseTransform;\n  const prevWorldExactTransform = GLOBAL_STATE.worldExactTransform;\n  const prevWorldPaintAnchorTransform = GLOBAL_STATE.worldPaintAnchorTransform;\n  const prevPresentationTransformLineage = GLOBAL_STATE.presentationTransformLineage;\n  const prevPresentationTransformLineageTrackingDepth =\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth;\n  const prevRenderTransaction = GLOBAL_STATE.renderTransaction;\n  const prevFrameSnapshot = GLOBAL_STATE.frameSnapshot;\n  const prevPrimitiveReceiverToken = GLOBAL_STATE.primitiveReceiverToken;\n  const prevSeenIds = GLOBAL_STATE.seenIds;\n  const prevSeenKeys = GLOBAL_STATE.seenKeys;\n  const prevComponentRefs = GLOBAL_STATE.componentRefs;\n  const prevComponentHookIndex = GLOBAL_STATE.componentHookIndex;\n  const prevComponentIsMounting = GLOBAL_STATE.componentIsMounting;\n  const prevClippingStack = GLOBAL_STATE.clippingStack;\n  const prevLayoutStack = GLOBAL_STATE.layoutStack;\n  const prevBackendDriver = GLOBAL_STATE.backendDriver;\n  const prevBackendFrame = GLOBAL_STATE.backendFrame;\n  const prevBackendEnvironment = GLOBAL_STATE.backendEnvironment;\n  let frame: PibblBackendFrame<unknown> | undefined;\n  let frameSuccess = false;\n  let renderSeenIds: Set<string> | undefined;\n  let renderSeenKeys: Set<string> | undefined;\n  try {\n    const activeFrameSnapshot = frameSnapshot ?? (\n      prevFrameSnapshot?.logicalTime === renderTimestamp ?\n        prevFrameSnapshot :\n        Object.freeze({\n          frameId: prevFrameSnapshot?.frameId ?? 0,\n          hostTime: prevFrameSnapshot?.hostTime ?? renderTimestamp,\n          logicalTime: renderTimestamp,\n        })\n    );\n    GLOBAL_STATE.frameSnapshot = activeFrameSnapshot;\n    GLOBAL_STATE.currentPibblInstance = pibblInstance;\n    for (const service of pibblInstance.optionalServices.values()) service.beginRender?.();\n    GLOBAL_STATE.renderTransaction = renderTransaction;\n    beginLayoutGeometry(pibblInstance, renderTransaction);\n    // Scheduled publication happens after executeRender returns. Its failure\n    // must retire the same mount-owned state as a traversal failure, so a later\n    // render cannot re-enter a policy or resource already destroyed by abort.\n    const releaseFailedGeneration = (success: boolean) => {\n      if (success || renderTransaction.failed === false) return;\n      for (const refs of pibblInstance.refs.values()) refs.teardowns.execute();\n      pibblInstance.refs.clear();\n    };\n    if (renderTransaction.onAfterFinish) renderTransaction.onAfterFinish(releaseFailedGeneration);\n    else renderTransaction.onFinish(releaseFailedGeneration);\n    GLOBAL_STATE.currentPibblInstance.renderTimestamp = activeFrameSnapshot.logicalTime;\n    GLOBAL_STATE.canvas = canvas;\n    const rootNode = arguments.length >= 3 && updatedRoot !== NO_PENDING_ROOT ?\n      updatedRoot :\n      GLOBAL_STATE.currentPibblInstance.root;\n    GLOBAL_STATE.currentPibblInstance.root = rootNode;\n    const driver = pibblInstance.backendDriver;\n    GLOBAL_STATE.backendDriver = driver;\n    frame = driver.beginFrame({\n      canvas,\n      logicalWidth: pibblInstance.rootLayoutBox.width,\n      logicalHeight: pibblInstance.rootLayoutBox.height,\n      backingWidth: canvas.width,\n      backingHeight: canvas.height,\n      renderTimestamp: activeFrameSnapshot.logicalTime,\n    });\n    if (!frame) {\n      pibblInstance.eventRoot.html?.suspend(pibblInstance);\n      finishTransaction(true);\n      return;\n    }\n    pibblInstance.eventRoot.html?.beginRender(pibblInstance);\n    GLOBAL_STATE.backendFrame = frame;\n    GLOBAL_STATE.backendEnvironment = frame.environment;\n    GLOBAL_STATE.renderContext = frame.context2D;\n    GLOBAL_STATE.renderTarget = frame.renderTarget;\n    GLOBAL_STATE.worldBaseTransform = frame.worldBaseTransform;\n    GLOBAL_STATE.worldExactTransform = undefined;\n    GLOBAL_STATE.worldPaintAnchorTransform = undefined;\n    GLOBAL_STATE.presentationTransformLineage = undefined;\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth = 0;\n    if (\n      frame.context2D !== undefined &&\n      frame.renderTarget !== undefined &&\n      frame.worldBaseTransform !== undefined\n    ) {\n      initializeCurrentWorldTransformAnchor(frame.worldBaseTransform);\n    }\n    GLOBAL_STATE.clippingStack = [];\n    const surface = pibblInstance.surface.snapshot;\n    const logicalWidth = surface?.logicalWidth ?? pibblInstance.rootLayoutBox.width;\n    const logicalHeight = surface?.logicalHeight ?? pibblInstance.rootLayoutBox.height;\n    const previousRootBox = pibblInstance.rootLayoutBox;\n    if (\n      previousRootBox.width !== logicalWidth ||\n      previousRootBox.height !== logicalHeight\n    ) {\n      pibblInstance.rootLayoutBox = Object.freeze({\n        x: 0,\n        y: 0,\n        width: logicalWidth,\n        height: logicalHeight,\n      });\n    }\n    GLOBAL_STATE.layoutStack = [{\n      allocation: pibblInstance.rootLayoutBox,\n      percentageBasis: pibblInstance.rootLayoutBox,\n      layoutDirection: pibblInstance.rootLayoutDirection,\n    }];\n\n    const renderGeneration = ++pibblInstance.renderGeneration;\n    if (!pibblInstance.parent) {\n      renderTransaction.onFinish((success) => {\n        if (success) pibblInstance.committedRenderGeneration = renderGeneration;\n      });\n      if (pibblInstance.rootFrameObservers?.size) {\n        renderTransaction.onAfterFinish?.((success) => {\n          const observers = pibblInstance.rootFrameObservers;\n          if (!observers) return;\n          for (const observer of observers)\n            observer(success, renderGeneration);\n        });\n      }\n    }\n    renderSeenIds = pibblInstance.renderSeenIds;\n    renderSeenKeys = pibblInstance.renderSeenKeys;\n    renderSeenIds.clear();\n    renderSeenKeys.clear();\n    GLOBAL_STATE.seenIds = renderSeenIds;\n    GLOBAL_STATE.seenKeys = renderSeenKeys;\n    const id = 'root';\n    renderSeenIds.add(id);\n    withSignalWriteForbidden(\n      'Pibbl render',\n      () => render(rootNode, id, undefined),\n    );\n\n    for (const [id, componentRefs] of pibblInstance.refs) {\n      if (componentRefs.renderGeneration === renderGeneration) continue;\n      componentRefs.teardowns.execute();\n      pibblInstance.refs.delete(id);\n    }\n    frameSuccess = true;\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(true);\n    driver.finishFrame(frame, true);\n    finishTransaction(true);\n  } catch (error) {\n    renderTransaction.fail?.();\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(false);\n    finishTransaction(false);\n    for (const refs of pibblInstance.refs.values()) {\n      refs.teardowns.execute();\n    }\n    pibblInstance.refs.clear();\n    throw error;\n  } finally {\n    try {\n      if (frame && !frameSuccess) {\n        pibblInstance.backendDriver.finishFrame(frame, false);\n      }\n    } finally {\n      try {\n        clearTempState();\n        GLOBAL_STATE.clippingStack = prevClippingStack;\n        GLOBAL_STATE.layoutStack = prevLayoutStack;\n        if (ownsRenderTransaction) {\n          try {\n            finishTransaction(false);\n          } finally {\n            if (pibblInstance.eventRoot.renderTransaction === renderTransaction) {\n              pibblInstance.eventRoot.renderTransaction = undefined;\n            }\n          }\n        }\n      } finally {\n        renderSeenIds?.clear();\n        renderSeenKeys?.clear();\n        GLOBAL_STATE.currentPibblInstance = prevCurrentPibblInstance;\n        GLOBAL_STATE.canvas = prevCanvas;\n        GLOBAL_STATE.renderContext = prevRenderContext;\n        GLOBAL_STATE.renderTarget = prevRenderTarget;\n        GLOBAL_STATE.worldBaseTransform = prevWorldBaseTransform;\n        GLOBAL_STATE.worldExactTransform = prevWorldExactTransform;\n        GLOBAL_STATE.worldPaintAnchorTransform = prevWorldPaintAnchorTransform;\n        GLOBAL_STATE.presentationTransformLineage = prevPresentationTransformLineage;\n        GLOBAL_STATE.presentationTransformLineageTrackingDepth =\n          prevPresentationTransformLineageTrackingDepth;\n        GLOBAL_STATE.renderTransaction = prevRenderTransaction;\n        GLOBAL_STATE.frameSnapshot = prevFrameSnapshot;\n        GLOBAL_STATE.primitiveReceiverToken = prevPrimitiveReceiverToken;\n        GLOBAL_STATE.seenIds = prevSeenIds;\n        GLOBAL_STATE.seenKeys = prevSeenKeys;\n        GLOBAL_STATE.componentRefs = prevComponentRefs;\n        GLOBAL_STATE.componentHookIndex = prevComponentHookIndex;\n        GLOBAL_STATE.componentIsMounting = prevComponentIsMounting;\n        GLOBAL_STATE.backendDriver = prevBackendDriver;\n        GLOBAL_STATE.backendFrame = prevBackendFrame;\n        GLOBAL_STATE.backendEnvironment = prevBackendEnvironment;\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": ["id"]
 }

package/dist/lib/filter/filter-region.js

@@ -81,7 +81,7 @@ function resolveFilterWindows(parentTarget, parentPaintTransform, filters) {
 function projectBounds(bounds, inverseProject) {
   const right = bounds.x + bounds.width;
   const bottom = bounds.y + bounds.height;
-  if (![bounds.x, bounds.y, right, bottom].every(Number.isFinite)) {
+  if (!(Number.isFinite(bounds.x) && Number.isFinite(bounds.y) && Number.isFinite(right) && Number.isFinite(bottom))) {
     return void 0;
   }
   const points = [
@@ -168,7 +168,7 @@ function snapToBackingPixels(bounds, density) {
   const scaledTop = bounds.y * density;
   const scaledRight = (bounds.x + bounds.width) * density;
   const scaledBottom = (bounds.y + bounds.height) * density;
-  if (![scaledLeft, scaledTop, scaledRight, scaledBottom].every(Number.isFinite)) {
+  if (!(Number.isFinite(scaledLeft) && Number.isFinite(scaledTop) && Number.isFinite(scaledRight) && Number.isFinite(scaledBottom))) {
     throw filterRegionError(
       { scaledLeft, scaledTop, scaledRight, scaledBottom },
       "filter backing edge arithmetic overflowed"
@@ -262,14 +262,7 @@ function assertCanvasPixelBounds(bounds) {
   }
 }
 function isFiniteAffine(matrix) {
-  return matrix.is2D && [
-    matrix.a,
-    matrix.b,
-    matrix.c,
-    matrix.d,
-    matrix.e,
-    matrix.f
-  ].every(Number.isFinite);
+  return matrix.is2D && Number.isFinite(matrix.a) && Number.isFinite(matrix.b) && Number.isFinite(matrix.c) && Number.isFinite(matrix.d) && Number.isFinite(matrix.e) && Number.isFinite(matrix.f);
 }
 function filterRegionError(value, reason) {
   const type = GLOBAL_STATE.componentRefs?.element.type;

package/dist/lib/filter/filter-region.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/filter/filter-region.ts"],
-  "sourcesContent": ["import { GLOBAL_STATE } from '../global-state.js';\nimport type { LayoutBox } from '../layout/types.js';\nimport type { RenderTargetSnapshot } from '../render-target.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport type { NativePreparedFilter } from '../../filters/native-operations.js';\n\nexport const BLUR_EXTENT_FACTOR = (3 * Math.sqrt(2 * Math.PI)) / 4;\n\nconst MAX_UNSIGNED_LONG = 0xffff_ffff;\n\nexport interface PixelBounds {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n}\n\nexport interface FilterPixelWindow {\n  readonly logicalBounds: Readonly<LayoutBox>;\n  readonly backingX: number;\n  readonly backingY: number;\n  readonly backingWidth: number;\n  readonly backingHeight: number;\n  readonly renderTransform: DOMMatrix;\n  readonly inverseRenderTransform: DOMMatrix;\n}\n\nexport interface FilterWindows {\n  readonly source: FilterPixelWindow;\n  readonly output: FilterPixelWindow;\n  readonly density: number;\n  readonly sourceToOutputX: number;\n  readonly sourceToOutputY: number;\n}\n\nexport function reverseFilterInfluence(\n  output: Readonly<PixelBounds>,\n  filters: { readonly values: readonly NativePreparedFilter[] },\n  density: number,\n): PixelBounds {\n  let left = output.x;\n  let top = output.y;\n  let right = output.x + output.width;\n  let bottom = output.y + output.height;\n  assertPixelEdges(left, top, right, bottom);\n\n  for (let index = filters.values.length - 1; index >= 0; index -= 1) {\n    const filter = filters.values[index]!;\n    const influenced = filter.reverseInfluence({\n      x: left,\n      y: top,\n      width: right - left,\n      height: bottom - top,\n    }, density);\n    left = influenced.x;\n    top = influenced.y;\n    right = influenced.x + influenced.width;\n    bottom = influenced.y + influenced.height;\n    assertPixelEdges(left, top, right, bottom);\n  }\n\n  return {\n    x: left,\n    y: top,\n    width: right - left,\n    height: bottom - top,\n  };\n}\n\nexport function largestAffineScale(matrix: DOMMatrixReadOnly): number {\n  const { a, b, c, d } = matrix;\n  const coefficientScale = Math.max(\n    Math.abs(a),\n    Math.abs(b),\n    Math.abs(c),\n    Math.abs(d),\n  );\n  if (coefficientScale === 0) return 0;\n  if (!Number.isFinite(coefficientScale)) return Number.NaN;\n\n  const normalizedA = a / coefficientScale;\n  const normalizedB = b / coefficientScale;\n  const normalizedC = c / coefficientScale;\n  const normalizedD = d / coefficientScale;\n  const sumOfSquares =\n    normalizedA * normalizedA + normalizedB * normalizedB +\n    normalizedC * normalizedC + normalizedD * normalizedD;\n  const determinant =\n    normalizedA * normalizedD - normalizedB * normalizedC;\n  const discriminant = Math.max(\n    0,\n    sumOfSquares * sumOfSquares - 4 * determinant * determinant,\n  );\n  return coefficientScale *\n    Math.sqrt((sumOfSquares + Math.sqrt(discriminant)) / 2);\n}\n\nexport function resolveFilterWindows(\n  parentTarget: RenderTargetSnapshot,\n  parentPaintTransform: DOMMatrixReadOnly,\n  filters: { readonly values: readonly NativePreparedFilter[] },\n): FilterWindows | 'discard' {\n  if (!isFiniteAffine(parentPaintTransform)) return 'discard';\n  const inverseProject = createInverseProjector(parentPaintTransform);\n  if (!inverseProject) return 'discard';\n\n  const localToParentBacking = parentTarget.renderTransform.multiply(\n    parentPaintTransform,\n  );\n  if (!isFiniteAffine(localToParentBacking)) return 'discard';\n  const density = largestAffineScale(localToParentBacking);\n  if (!Number.isFinite(density) || density <= 0) return 'discard';\n\n  const projected = projectBounds(parentTarget.logicalBounds, inverseProject);\n  if (!projected) return 'discard';\n  const outputPixels = snapToBackingPixels(projected, density);\n  const sourcePixels = reverseFilterInfluence(outputPixels, filters, density);\n  assertCanvasPixelBounds(outputPixels);\n  assertCanvasPixelBounds(sourcePixels);\n\n  const output = createWindow(outputPixels, density);\n  const source = createWindow(sourcePixels, density);\n  if (!output || !source) return 'discard';\n  return {\n    source,\n    output,\n    density,\n    sourceToOutputX: source.backingX - output.backingX,\n    sourceToOutputY: source.backingY - output.backingY,\n  };\n}\n\nfunction projectBounds(\n  bounds: Readonly<LayoutBox>,\n  inverseProject: InverseProjector,\n): LayoutBox | undefined {\n  const right = bounds.x + bounds.width;\n  const bottom = bounds.y + bounds.height;\n  if (![bounds.x, bounds.y, right, bottom].every(Number.isFinite)) {\n    return undefined;\n  }\n\n  const points = [\n    inverseProject(bounds.x, bounds.y),\n    inverseProject(right, bounds.y),\n    inverseProject(bounds.x, bottom),\n    inverseProject(right, bottom),\n  ];\n  if (points.some(point => !point)) return undefined;\n  const projectedPoints = points as readonly ProjectedPoint[];\n  if (projectedPoints.some(\n    point => !Number.isFinite(point.x) || !Number.isFinite(point.y),\n  )) {\n    return undefined;\n  }\n  const xs = projectedPoints.map(point => point.x);\n  const ys = projectedPoints.map(point => point.y);\n  const left = Math.min(...xs);\n  const top = Math.min(...ys);\n  const projectedRight = Math.max(...xs);\n  const projectedBottom = Math.max(...ys);\n  return {\n    x: left,\n    y: top,\n    width: projectedRight - left,\n    height: projectedBottom - top,\n  };\n}\n\ninterface ProjectedPoint {\n  readonly x: number;\n  readonly y: number;\n}\n\ntype InverseProjector = (\n  parentX: number,\n  parentY: number,\n) => ProjectedPoint | undefined;\n\nfunction createInverseProjector(\n  matrix: DOMMatrixReadOnly,\n): InverseProjector | undefined {\n  const { a, b, c, d, e, f } = matrix;\n  const firstRowScale = Math.max(Math.abs(a), Math.abs(c));\n  const secondRowScale = Math.max(Math.abs(b), Math.abs(d));\n  if (firstRowScale === 0 || secondRowScale === 0) return undefined;\n\n  const rowA = a / firstRowScale;\n  const rowB = b / secondRowScale;\n  const rowC = c / firstRowScale;\n  const rowD = d / secondRowScale;\n  const firstColumnScale = Math.max(Math.abs(rowA), Math.abs(rowB));\n  const secondColumnScale = Math.max(Math.abs(rowC), Math.abs(rowD));\n  if (firstColumnScale === 0 || secondColumnScale === 0) return undefined;\n\n  const normalizedA = rowA / firstColumnScale;\n  const normalizedB = rowB / firstColumnScale;\n  const normalizedC = rowC / secondColumnScale;\n  const normalizedD = rowD / secondColumnScale;\n  if (Math.abs(normalizedA) >= Math.abs(normalizedB)) {\n    if (normalizedA === 0) return undefined;\n    const ratio = normalizedB / normalizedA;\n    const schurComplement = normalizedD - ratio * normalizedC;\n    if (schurComplement === 0 || !Number.isFinite(schurComplement)) {\n      return undefined;\n    }\n    return (parentX, parentY) => {\n      const rightX = scaledDifference(parentX, e, firstRowScale);\n      const rightY = scaledDifference(parentY, f, secondRowScale);\n      const normalizedY =\n        (rightY - ratio * rightX) / schurComplement;\n      const normalizedX =\n        (rightX - normalizedC * normalizedY) / normalizedA;\n      const x = normalizedX / firstColumnScale;\n      const y = normalizedY / secondColumnScale;\n      return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;\n    };\n  }\n\n  const ratio = normalizedA / normalizedB;\n  const schurComplement = normalizedC - ratio * normalizedD;\n  if (schurComplement === 0 || !Number.isFinite(schurComplement)) {\n    return undefined;\n  }\n  return (parentX, parentY) => {\n    const rightX = scaledDifference(parentX, e, firstRowScale);\n    const rightY = scaledDifference(parentY, f, secondRowScale);\n    const normalizedY = (rightX - ratio * rightY) / schurComplement;\n    const normalizedX =\n      (rightY - normalizedD * normalizedY) / normalizedB;\n    const x = normalizedX / firstColumnScale;\n    const y = normalizedY / secondColumnScale;\n    return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;\n  };\n}\n\nfunction scaledDifference(\n  value: number,\n  offset: number,\n  scale: number,\n): number {\n  const difference = value - offset;\n  if (Number.isFinite(difference)) return difference / scale;\n  return value / scale - offset / scale;\n}\n\nfunction snapToBackingPixels(\n  bounds: Readonly<LayoutBox>,\n  density: number,\n): PixelBounds {\n  const scaledLeft = bounds.x * density;\n  const scaledTop = bounds.y * density;\n  const scaledRight = (bounds.x + bounds.width) * density;\n  const scaledBottom = (bounds.y + bounds.height) * density;\n  if (![scaledLeft, scaledTop, scaledRight, scaledBottom].every(Number.isFinite)) {\n    throw filterRegionError(\n      { scaledLeft, scaledTop, scaledRight, scaledBottom },\n      'filter backing edge arithmetic overflowed',\n    );\n  }\n  const left = Math.floor(scaledLeft);\n  const top = Math.floor(scaledTop);\n  const right = Math.ceil(scaledRight);\n  const bottom = Math.ceil(scaledBottom);\n  assertPixelEdges(left, top, right, bottom);\n  return {\n    x: left,\n    y: top,\n    width: right - left,\n    height: bottom - top,\n  };\n}\n\nfunction createWindow(\n  pixels: Readonly<PixelBounds>,\n  density: number,\n): FilterPixelWindow | undefined {\n  const inverseDensity = 1 / density;\n  const logicalBounds = {\n    x: pixels.x / density,\n    y: pixels.y / density,\n    width: pixels.width / density,\n    height: pixels.height / density,\n  };\n  const inverseOriginX = pixels.x / density;\n  const inverseOriginY = pixels.y / density;\n  if (\n    !Number.isFinite(inverseDensity) ||\n    inverseDensity <= 0 ||\n    !Object.values(logicalBounds).every(Number.isFinite) ||\n    !Number.isFinite(inverseOriginX) ||\n    !Number.isFinite(inverseOriginY)\n  ) {\n    return undefined;\n  }\n  const renderTransform = new DOMMatrix([\n    density,\n    0,\n    0,\n    density,\n    -pixels.x,\n    -pixels.y,\n  ]);\n  const inverseRenderTransform = new DOMMatrix([\n    inverseDensity,\n    0,\n    0,\n    inverseDensity,\n    inverseOriginX,\n    inverseOriginY,\n  ]);\n  if (\n    !isFiniteAffine(renderTransform) ||\n    !isFiniteAffine(inverseRenderTransform)\n  ) {\n    return undefined;\n  }\n  return {\n    logicalBounds: Object.freeze(logicalBounds),\n    backingX: pixels.x,\n    backingY: pixels.y,\n    backingWidth: pixels.width,\n    backingHeight: pixels.height,\n    renderTransform,\n    inverseRenderTransform,\n  };\n}\n\nfunction assertPixelEdges(\n  left: number,\n  top: number,\n  right: number,\n  bottom: number,\n): void {\n  const edges = { left, top, right, bottom };\n  if (!Object.values(edges).every(Number.isSafeInteger)) {\n    throw filterRegionError(\n      edges,\n      'filter backing edges must remain finite safe integers',\n    );\n  }\n  const width = right - left;\n  const height = bottom - top;\n  if (!Number.isSafeInteger(width) || !Number.isSafeInteger(height)) {\n    throw filterRegionError(\n      { width, height },\n      'filter backing dimensions must remain finite safe integers',\n    );\n  }\n}\n\nfunction assertCanvasPixelBounds(bounds: Readonly<PixelBounds>): void {\n  const { width, height } = bounds;\n  if (\n    !Number.isSafeInteger(width) ||\n    !Number.isSafeInteger(height) ||\n    width <= 0 ||\n    height <= 0 ||\n    width > MAX_UNSIGNED_LONG ||\n    height > MAX_UNSIGNED_LONG\n  ) {\n    throw filterRegionError(\n      { width, height },\n      `filter backing dimensions must be positive unsigned-long integers no greater than ${MAX_UNSIGNED_LONG}`,\n    );\n  }\n  const area = width * height;\n  if (!Number.isSafeInteger(area)) {\n    throw filterRegionError(\n      area,\n      'filter backing area must remain a finite safe integer',\n    );\n  }\n}\n\nfunction isFiniteAffine(matrix: DOMMatrixReadOnly): boolean {\n  return matrix.is2D && [\n    matrix.a,\n    matrix.b,\n    matrix.c,\n    matrix.d,\n    matrix.e,\n    matrix.f,\n  ].every(Number.isFinite);\n}\n\nfunction filterRegionError(value: unknown, reason: string): Error {\n  const type = GLOBAL_STATE.componentRefs?.element.type;\n  const component = typeof type === 'function' && type.name ?\n    type.name : 'filter boundary';\n  return layoutDiagnostic({\n    component,\n    property: 'filter.backingDimensions',\n    value,\n    algorithm: 'filter-capture',\n    reason,\n  });\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { GLOBAL_STATE } from '../global-state.js';\nimport type { LayoutBox } from '../layout/types.js';\nimport type { RenderTargetSnapshot } from '../render-target.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport type { NativePreparedFilter } from '../../filters/native-operations.js';\n\nexport const BLUR_EXTENT_FACTOR = (3 * Math.sqrt(2 * Math.PI)) / 4;\n\nconst MAX_UNSIGNED_LONG = 0xffff_ffff;\n\nexport interface PixelBounds {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n}\n\nexport interface FilterPixelWindow {\n  readonly logicalBounds: Readonly<LayoutBox>;\n  readonly backingX: number;\n  readonly backingY: number;\n  readonly backingWidth: number;\n  readonly backingHeight: number;\n  readonly renderTransform: DOMMatrix;\n  readonly inverseRenderTransform: DOMMatrix;\n}\n\nexport interface FilterWindows {\n  readonly source: FilterPixelWindow;\n  readonly output: FilterPixelWindow;\n  readonly density: number;\n  readonly sourceToOutputX: number;\n  readonly sourceToOutputY: number;\n}\n\nexport function reverseFilterInfluence(\n  output: Readonly<PixelBounds>,\n  filters: { readonly values: readonly NativePreparedFilter[] },\n  density: number,\n): PixelBounds {\n  let left = output.x;\n  let top = output.y;\n  let right = output.x + output.width;\n  let bottom = output.y + output.height;\n  assertPixelEdges(left, top, right, bottom);\n\n  for (let index = filters.values.length - 1; index >= 0; index -= 1) {\n    const filter = filters.values[index]!;\n    const influenced = filter.reverseInfluence({\n      x: left,\n      y: top,\n      width: right - left,\n      height: bottom - top,\n    }, density);\n    left = influenced.x;\n    top = influenced.y;\n    right = influenced.x + influenced.width;\n    bottom = influenced.y + influenced.height;\n    assertPixelEdges(left, top, right, bottom);\n  }\n\n  return {\n    x: left,\n    y: top,\n    width: right - left,\n    height: bottom - top,\n  };\n}\n\nexport function largestAffineScale(matrix: DOMMatrixReadOnly): number {\n  const { a, b, c, d } = matrix;\n  const coefficientScale = Math.max(\n    Math.abs(a),\n    Math.abs(b),\n    Math.abs(c),\n    Math.abs(d),\n  );\n  if (coefficientScale === 0) return 0;\n  if (!Number.isFinite(coefficientScale)) return Number.NaN;\n\n  const normalizedA = a / coefficientScale;\n  const normalizedB = b / coefficientScale;\n  const normalizedC = c / coefficientScale;\n  const normalizedD = d / coefficientScale;\n  const sumOfSquares =\n    normalizedA * normalizedA + normalizedB * normalizedB +\n    normalizedC * normalizedC + normalizedD * normalizedD;\n  const determinant =\n    normalizedA * normalizedD - normalizedB * normalizedC;\n  const discriminant = Math.max(\n    0,\n    sumOfSquares * sumOfSquares - 4 * determinant * determinant,\n  );\n  return coefficientScale *\n    Math.sqrt((sumOfSquares + Math.sqrt(discriminant)) / 2);\n}\n\nexport function resolveFilterWindows(\n  parentTarget: RenderTargetSnapshot,\n  parentPaintTransform: DOMMatrixReadOnly,\n  filters: { readonly values: readonly NativePreparedFilter[] },\n): FilterWindows | 'discard' {\n  if (!isFiniteAffine(parentPaintTransform)) return 'discard';\n  const inverseProject = createInverseProjector(parentPaintTransform);\n  if (!inverseProject) return 'discard';\n\n  const localToParentBacking = parentTarget.renderTransform.multiply(\n    parentPaintTransform,\n  );\n  if (!isFiniteAffine(localToParentBacking)) return 'discard';\n  const density = largestAffineScale(localToParentBacking);\n  if (!Number.isFinite(density) || density <= 0) return 'discard';\n\n  const projected = projectBounds(parentTarget.logicalBounds, inverseProject);\n  if (!projected) return 'discard';\n  const outputPixels = snapToBackingPixels(projected, density);\n  const sourcePixels = reverseFilterInfluence(outputPixels, filters, density);\n  assertCanvasPixelBounds(outputPixels);\n  assertCanvasPixelBounds(sourcePixels);\n\n  const output = createWindow(outputPixels, density);\n  const source = createWindow(sourcePixels, density);\n  if (!output || !source) return 'discard';\n  return {\n    source,\n    output,\n    density,\n    sourceToOutputX: source.backingX - output.backingX,\n    sourceToOutputY: source.backingY - output.backingY,\n  };\n}\n\nfunction projectBounds(\n  bounds: Readonly<LayoutBox>,\n  inverseProject: InverseProjector,\n): LayoutBox | undefined {\n  const right = bounds.x + bounds.width;\n  const bottom = bounds.y + bounds.height;\n  if (!(Number.isFinite(bounds.x) && Number.isFinite(bounds.y) && Number.isFinite(right) && Number.isFinite(bottom))) {\n    return undefined;\n  }\n\n  const points = [\n    inverseProject(bounds.x, bounds.y),\n    inverseProject(right, bounds.y),\n    inverseProject(bounds.x, bottom),\n    inverseProject(right, bottom),\n  ];\n  if (points.some(point => !point)) return undefined;\n  const projectedPoints = points as readonly ProjectedPoint[];\n  if (projectedPoints.some(\n    point => !Number.isFinite(point.x) || !Number.isFinite(point.y),\n  )) {\n    return undefined;\n  }\n  const xs = projectedPoints.map(point => point.x);\n  const ys = projectedPoints.map(point => point.y);\n  const left = Math.min(...xs);\n  const top = Math.min(...ys);\n  const projectedRight = Math.max(...xs);\n  const projectedBottom = Math.max(...ys);\n  return {\n    x: left,\n    y: top,\n    width: projectedRight - left,\n    height: projectedBottom - top,\n  };\n}\n\ninterface ProjectedPoint {\n  readonly x: number;\n  readonly y: number;\n}\n\ntype InverseProjector = (\n  parentX: number,\n  parentY: number,\n) => ProjectedPoint | undefined;\n\nfunction createInverseProjector(\n  matrix: DOMMatrixReadOnly,\n): InverseProjector | undefined {\n  const { a, b, c, d, e, f } = matrix;\n  const firstRowScale = Math.max(Math.abs(a), Math.abs(c));\n  const secondRowScale = Math.max(Math.abs(b), Math.abs(d));\n  if (firstRowScale === 0 || secondRowScale === 0) return undefined;\n\n  const rowA = a / firstRowScale;\n  const rowB = b / secondRowScale;\n  const rowC = c / firstRowScale;\n  const rowD = d / secondRowScale;\n  const firstColumnScale = Math.max(Math.abs(rowA), Math.abs(rowB));\n  const secondColumnScale = Math.max(Math.abs(rowC), Math.abs(rowD));\n  if (firstColumnScale === 0 || secondColumnScale === 0) return undefined;\n\n  const normalizedA = rowA / firstColumnScale;\n  const normalizedB = rowB / firstColumnScale;\n  const normalizedC = rowC / secondColumnScale;\n  const normalizedD = rowD / secondColumnScale;\n  if (Math.abs(normalizedA) >= Math.abs(normalizedB)) {\n    if (normalizedA === 0) return undefined;\n    const ratio = normalizedB / normalizedA;\n    const schurComplement = normalizedD - ratio * normalizedC;\n    if (schurComplement === 0 || !Number.isFinite(schurComplement)) {\n      return undefined;\n    }\n    return (parentX, parentY) => {\n      const rightX = scaledDifference(parentX, e, firstRowScale);\n      const rightY = scaledDifference(parentY, f, secondRowScale);\n      const normalizedY =\n        (rightY - ratio * rightX) / schurComplement;\n      const normalizedX =\n        (rightX - normalizedC * normalizedY) / normalizedA;\n      const x = normalizedX / firstColumnScale;\n      const y = normalizedY / secondColumnScale;\n      return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;\n    };\n  }\n\n  const ratio = normalizedA / normalizedB;\n  const schurComplement = normalizedC - ratio * normalizedD;\n  if (schurComplement === 0 || !Number.isFinite(schurComplement)) {\n    return undefined;\n  }\n  return (parentX, parentY) => {\n    const rightX = scaledDifference(parentX, e, firstRowScale);\n    const rightY = scaledDifference(parentY, f, secondRowScale);\n    const normalizedY = (rightX - ratio * rightY) / schurComplement;\n    const normalizedX =\n      (rightY - normalizedD * normalizedY) / normalizedB;\n    const x = normalizedX / firstColumnScale;\n    const y = normalizedY / secondColumnScale;\n    return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;\n  };\n}\n\nfunction scaledDifference(\n  value: number,\n  offset: number,\n  scale: number,\n): number {\n  const difference = value - offset;\n  if (Number.isFinite(difference)) return difference / scale;\n  return value / scale - offset / scale;\n}\n\nfunction snapToBackingPixels(\n  bounds: Readonly<LayoutBox>,\n  density: number,\n): PixelBounds {\n  const scaledLeft = bounds.x * density;\n  const scaledTop = bounds.y * density;\n  const scaledRight = (bounds.x + bounds.width) * density;\n  const scaledBottom = (bounds.y + bounds.height) * density;\n  if (!(\n    Number.isFinite(scaledLeft) &&\n    Number.isFinite(scaledTop) &&\n    Number.isFinite(scaledRight) &&\n    Number.isFinite(scaledBottom)\n  )) {\n    throw filterRegionError(\n      { scaledLeft, scaledTop, scaledRight, scaledBottom },\n      'filter backing edge arithmetic overflowed',\n    );\n  }\n  const left = Math.floor(scaledLeft);\n  const top = Math.floor(scaledTop);\n  const right = Math.ceil(scaledRight);\n  const bottom = Math.ceil(scaledBottom);\n  assertPixelEdges(left, top, right, bottom);\n  return {\n    x: left,\n    y: top,\n    width: right - left,\n    height: bottom - top,\n  };\n}\n\nfunction createWindow(\n  pixels: Readonly<PixelBounds>,\n  density: number,\n): FilterPixelWindow | undefined {\n  const inverseDensity = 1 / density;\n  const logicalBounds = {\n    x: pixels.x / density,\n    y: pixels.y / density,\n    width: pixels.width / density,\n    height: pixels.height / density,\n  };\n  const inverseOriginX = pixels.x / density;\n  const inverseOriginY = pixels.y / density;\n  if (\n    !Number.isFinite(inverseDensity) ||\n    inverseDensity <= 0 ||\n    !Object.values(logicalBounds).every(Number.isFinite) ||\n    !Number.isFinite(inverseOriginX) ||\n    !Number.isFinite(inverseOriginY)\n  ) {\n    return undefined;\n  }\n  const renderTransform = new DOMMatrix([\n    density,\n    0,\n    0,\n    density,\n    -pixels.x,\n    -pixels.y,\n  ]);\n  const inverseRenderTransform = new DOMMatrix([\n    inverseDensity,\n    0,\n    0,\n    inverseDensity,\n    inverseOriginX,\n    inverseOriginY,\n  ]);\n  if (\n    !isFiniteAffine(renderTransform) ||\n    !isFiniteAffine(inverseRenderTransform)\n  ) {\n    return undefined;\n  }\n  return {\n    logicalBounds: Object.freeze(logicalBounds),\n    backingX: pixels.x,\n    backingY: pixels.y,\n    backingWidth: pixels.width,\n    backingHeight: pixels.height,\n    renderTransform,\n    inverseRenderTransform,\n  };\n}\n\nfunction assertPixelEdges(\n  left: number,\n  top: number,\n  right: number,\n  bottom: number,\n): void {\n  const edges = { left, top, right, bottom };\n  if (!Object.values(edges).every(Number.isSafeInteger)) {\n    throw filterRegionError(\n      edges,\n      'filter backing edges must remain finite safe integers',\n    );\n  }\n  const width = right - left;\n  const height = bottom - top;\n  if (!Number.isSafeInteger(width) || !Number.isSafeInteger(height)) {\n    throw filterRegionError(\n      { width, height },\n      'filter backing dimensions must remain finite safe integers',\n    );\n  }\n}\n\nfunction assertCanvasPixelBounds(bounds: Readonly<PixelBounds>): void {\n  const { width, height } = bounds;\n  if (\n    !Number.isSafeInteger(width) ||\n    !Number.isSafeInteger(height) ||\n    width <= 0 ||\n    height <= 0 ||\n    width > MAX_UNSIGNED_LONG ||\n    height > MAX_UNSIGNED_LONG\n  ) {\n    throw filterRegionError(\n      { width, height },\n      `filter backing dimensions must be positive unsigned-long integers no greater than ${MAX_UNSIGNED_LONG}`,\n    );\n  }\n  const area = width * height;\n  if (!Number.isSafeInteger(area)) {\n    throw filterRegionError(\n      area,\n      'filter backing area must remain a finite safe integer',\n    );\n  }\n}\n\nfunction isFiniteAffine(matrix: DOMMatrixReadOnly): boolean {\n  return (\n    matrix.is2D &&\n    Number.isFinite(matrix.a) &&\n    Number.isFinite(matrix.b) &&\n    Number.isFinite(matrix.c) &&\n    Number.isFinite(matrix.d) &&\n    Number.isFinite(matrix.e) &&\n    Number.isFinite(matrix.f)\n  );\n}\n\nfunction filterRegionError(value: unknown, reason: string): Error {\n  const type = GLOBAL_STATE.componentRefs?.element.type;\n  const component = typeof type === 'function' && type.name ?\n    type.name : 'filter boundary';\n  return layoutDiagnostic({\n    component,\n    property: 'filter.backingDimensions',\n    value,\n    algorithm: 'filter-capture',\n    reason,\n  });\n}\n"],
+  "mappings": "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",
   "names": ["ratio", "schurComplement"]
 }

package/dist/lib/focus/focus-manager.d.ts

@@ -10,6 +10,7 @@ export declare class PibblFocusManager implements PibblFocusPolicyBridge {
     private committedNavigationCandidates;
     private committedBoundaries;
     private pending;
+    private retainedNavigationTransaction;
     private transactionalPending;
     private directionalStack;
     private focusedTarget;
@@ -47,6 +48,7 @@ export declare class PibblFocusManager implements PibblFocusPolicyBridge {
     beginCollection(): void;
     finishCollection(success: boolean): void;
     private commitCollection;
+    private prepareCollection;
     observeTarget(target: PibblEventTargetRegistration): void;
     /** @internal Collects one published HtmlBox in source order. */
     observeHtmlRegion(region: HtmlFocusRegion): void;
@@ -54,7 +56,7 @@ export declare class PibblFocusManager implements PibblFocusPolicyBridge {
     removeHtmlFocusRegion(region: HtmlFocusRegion): void;
     /** @internal Deactivates retained DOM hosts while the root has no display area. */
     suspendHtmlRegions(): void;
-    observeTransactionalTarget(target: PibblEventTargetRegistration): void;
+    observeTransactionalTarget(target: PibblEventTargetRegistration, preparedFocusable?: boolean): void;
     removeTarget(target: PibblEventTargetRegistration): void;
     snapshot(target: PibblEventTargetRegistration): Readonly<{
         isFocused: false;
@@ -82,6 +84,8 @@ export declare class PibblFocusManager implements PibblFocusPolicyBridge {
     layerFocusRenderRevision(instance: PibblInstance): number | undefined;
     private replayRetainedTargets;
     private replayCanvasOnlyTargets;
+    /** A clean inner manager still joins its parent root's geometry adoption. */
+    private stageRetainedNavigation;
     setFocusState(target: PibblEventTargetRegistration | undefined, focusVisible: boolean): void;
     liveFocusCandidate(target: PibblEventTargetRegistration | undefined): PibblEventTargetRegistration | undefined;
     commitLogicalFocus(target: PibblEventTargetRegistration | undefined, focusVisible: boolean): void;
@@ -96,6 +100,9 @@ export declare class PibblFocusManager implements PibblFocusPolicyBridge {
     private markPendingIneligible;
     private commitCandidates;
     private commitNavigationCandidates;
+    private prepareNavigationCandidates;
+    private adoptNavigationCandidates;
+    private finishNavigationCandidates;
     private commitRemovedTarget;
     private clearFocusState;
     private adoptHtmlFocus;

package/dist/lib/focus/focus-manager.js

@@ -1,3 +1,4 @@
+import { preparedLayoutHtmlGeometry, preparedLayoutTargetBounds } from "../layout/geometry-publication.js";
 import { GLOBAL_STATE } from "../global-state.js";
 import { Teardowns } from "../teardowns.js";
 import { resolveTargetRootBounds } from "./geometry.js";
@@ -14,6 +15,7 @@ import {
   isHtmlFocusCandidate
 } from "./types.js";
 import { getManagedTabStops } from "./dom-tab-stops.js";
+const EMPTY_NAVIGATION = Object.freeze([]);
 const UNFOCUSED_SNAPSHOT = Object.freeze({
   isFocused: false,
   isFocusVisible: false
@@ -133,10 +135,10 @@ class FocusManagerCoordinator {
       restored: void 0
     };
     this.transactions.set(transaction, state);
-    transaction.onFinish((success) => this.finishTransaction(state, success));
+    transaction.onFinish((success) => this.finishTransaction(state, success, transaction.failed === false));
     return state;
   }
-  finishTransaction(state, success) {
+  finishTransaction(state, success, cancelled = false) {
     if (state.finished) return;
     state.finished = true;
     if (success) {
@@ -155,7 +157,7 @@ class FocusManagerCoordinator {
       return;
     }
     const attemptedReplacement = state.claimed && state.claimed !== state.prior || state.prepared && state.prepared !== state.prior;
-    const restored = state.prior && attemptedReplacement && !state.prior.isDestroyed ? state.prior : void 0;
+    const restored = state.prior && (attemptedReplacement || cancelled) && !state.prior.isDestroyed ? state.prior : void 0;
     state.restored = restored;
     this.active = restored;
     this.eventRoot.focusPolicy = restored;
@@ -229,6 +231,7 @@ class PibblFocusManager {
   committedNavigationCandidates = Object.freeze([]);
   committedBoundaries = /* @__PURE__ */ new Set();
   pending;
+  retainedNavigationTransaction;
   transactionalPending;
   directionalStack = [];
   focusedTarget;
@@ -318,12 +321,22 @@ class PibblFocusManager {
     const transaction = this.eventRoot.renderTransaction;
     if (transaction) {
       this.transactionalPending = { transaction, frame: pending };
+      let prepared;
+      if (transaction.onPreflight && transaction.onAdopt) {
+        transaction.onPreflight(() => {
+          prepared = this.prepareCollection(pending, transaction);
+        });
+        transaction.onAdopt(() => {
+          if (prepared && !this.destroyed) this.adoptNavigationCandidates(prepared);
+        });
+      }
       transaction.onFinish((transactionSucceeded) => {
         if (this.transactionalPending?.transaction === transaction) {
           this.transactionalPending = void 0;
         }
         if (transactionSucceeded && !this.destroyed) {
-          this.commitCollection(pending);
+          if (prepared) this.finishNavigationCandidates();
+          else this.commitCollection(pending);
         }
       });
       return;
@@ -331,6 +344,10 @@ class PibblFocusManager {
     this.commitCollection(pending);
   }
   commitCollection(pending) {
+    this.adoptNavigationCandidates(this.prepareCollection(pending));
+    this.finishNavigationCandidates();
+  }
+  prepareCollection(pending, transaction) {
     const collected = [];
     for (const [sourceIndex, observed] of pending.entries.entries()) {
       if ("target" in observed) {
@@ -340,37 +357,25 @@ class PibblFocusManager {
             target,
             sourceIndex,
             directionalBoundary: observed.directionalBoundary,
-            rootBounds: resolveTargetRootBounds(target)
+            rootBounds: transaction ? preparedLayoutTargetBounds(transaction, target) : resolveTargetRootBounds(target)
           })
         );
         continue;
       }
       const region = observed.region;
-      if (region.active && region.content)
+      const geometry = transaction ? preparedLayoutHtmlGeometry(transaction, region) : void 0;
+      if (geometry ? geometry.active : region.active && region.content)
         collected.push(
           Object.freeze({
             region,
             sourceIndex,
             directionalBoundary: observed.directionalBoundary,
-            rootBounds: region.rootBounds
+            rootBounds: geometry?.bounds ?? region.rootBounds
           })
         );
     }
     const navigation = Object.freeze(collected);
-    this.commitNavigationCandidates(navigation, pending.boundaries);
-    const candidates = navigation.filter(
-      (candidate) => !isHtmlFocusCandidate(candidate)
-    );
-    for (const candidate of candidates) {
-      if (candidate.directionalBoundary) {
-        retainedDirectionalBoundaries.set(
-          candidate.target,
-          asDirectionalBoundary(candidate.directionalBoundary)
-        );
-      } else {
-        retainedDirectionalBoundaries.delete(candidate.target);
-      }
-    }
+    return this.prepareNavigationCandidates(navigation, pending.boundaries);
   }
   observeTarget(target) {
     const pending = this.pending;
@@ -451,15 +456,14 @@ class PibblFocusManager {
     }
     if (focused) this.clearHtmlFocus(focused);
   }
-  observeTransactionalTarget(target) {
+  observeTransactionalTarget(target, preparedFocusable) {
     const transactional = this.transactionalPending;
-    if (!transactional || transactional.transaction !== this.eventRoot.renderTransaction)
-      return;
-    const pending = transactional.frame;
+    const pending = this.pending ?? (transactional?.transaction === this.eventRoot.renderTransaction ? transactional?.frame : void 0);
+    if (!pending) return;
     if (this.pendingSpaceTarget === target && !target.handlers.click) {
       this.cancelSpaceActivation();
     }
-    if (!isKeyboardFocusable(target)) {
+    if (!(preparedFocusable ?? isKeyboardFocusable(target))) {
       pending.ineligibleTargets.add(target);
       const index = pending.targets.findIndex(
         (candidate) => candidate.target === target
@@ -679,6 +683,7 @@ class PibblFocusManager {
       return;
     }
     if (retained.length === 0) return;
+    if (this.stageRetainedNavigation()) return;
     const replayed = new Set(retained);
     const candidates = Object.freeze(
       this.committedNavigationCandidates.map((candidate) => {
@@ -711,6 +716,7 @@ class PibblFocusManager {
       }
       return;
     }
+    if (this.stageRetainedNavigation()) return;
     const replayed = new Set(targets);
     if (!this.committedCandidates.some(
       (candidate) => replayed.has(candidate.target)
@@ -726,6 +732,36 @@ class PibblFocusManager {
     );
     this.commitCandidates(candidates, this.committedBoundaries);
   }
+  /** A clean inner manager still joins its parent root's geometry adoption. */
+  stageRetainedNavigation() {
+    const transaction = this.eventRoot.renderTransaction;
+    if (!transaction?.onPreflight || !transaction.onAdopt) return false;
+    if (this.retainedNavigationTransaction === transaction) return true;
+    this.retainedNavigationTransaction = transaction;
+    let prepared;
+    transaction.onPreflight(() => {
+      if (this.destroyed) return;
+      const candidates = [];
+      for (const candidate of this.committedNavigationCandidates) {
+        if (isHtmlFocusCandidate(candidate)) {
+          const geometry = preparedLayoutHtmlGeometry(transaction, candidate.region);
+          if (geometry ? !geometry.active : !candidate.region.active || !candidate.region.content) continue;
+          candidates.push(Object.freeze({ ...candidate, rootBounds: geometry?.bounds ?? candidate.region.rootBounds }));
+        } else {
+          candidates.push(Object.freeze({ ...candidate, rootBounds: preparedLayoutTargetBounds(transaction, candidate.target) }));
+        }
+      }
+      prepared = this.prepareNavigationCandidates(Object.freeze(candidates), this.committedBoundaries);
+    });
+    transaction.onAdopt(() => {
+      if (prepared && !this.destroyed) this.adoptNavigationCandidates(prepared);
+    });
+    transaction.onFinish((success) => {
+      if (this.retainedNavigationTransaction === transaction) this.retainedNavigationTransaction = void 0;
+      if (success && prepared && !this.destroyed) this.finishNavigationCandidates();
+    });
+    return true;
+  }
   setFocusState(target, focusVisible) {
     if (target && !this.committedCandidates.some((candidate) => candidate.target === target)) {
       throw new Error(
@@ -838,6 +874,10 @@ class PibblFocusManager {
     this.commitNavigationCandidates(Object.freeze(navigation), boundaries);
   }
   commitNavigationCandidates(candidates, boundaries) {
+    this.adoptNavigationCandidates(this.prepareNavigationCandidates(candidates, boundaries));
+    this.finishNavigationCandidates();
+  }
+  prepareNavigationCandidates(candidates, boundaries) {
     const pendingByBoundary = /* @__PURE__ */ new Map();
     for (const boundary of boundaries) pendingByBoundary.set(boundary, []);
     for (const candidate of candidates) {
@@ -849,26 +889,30 @@ class PibblFocusManager {
     for (const [boundary, directCandidates] of pendingByBoundary) {
       committedByBoundary.set(boundary, Object.freeze(directCandidates));
     }
+    return {
+      navigation: candidates,
+      canvas: Object.freeze(candidates.filter((candidate) => !isHtmlFocusCandidate(candidate))),
+      html: Object.freeze(candidates.filter((candidate) => isHtmlFocusCandidate(candidate))),
+      byBoundary: committedByBoundary,
+      boundaries: new Set(committedByBoundary.keys())
+    };
+  }
+  adoptNavigationCandidates(prepared) {
     for (const boundary of this.committedBoundaries) {
-      if (!committedByBoundary.has(boundary)) {
-        boundary.commit(Object.freeze([]));
-      }
+      if (!prepared.byBoundary.has(boundary)) boundary.commit(EMPTY_NAVIGATION);
     }
-    for (const [boundary, directCandidates] of committedByBoundary) {
-      boundary.commit(directCandidates);
+    for (const [boundary, candidates] of prepared.byBoundary) boundary.commit(candidates);
+    this.committedBoundaries = prepared.boundaries;
+    this.committedNavigationCandidates = prepared.navigation;
+    this.committedCandidates = prepared.canvas;
+    this.committedHtmlCandidates = prepared.html;
+    for (const candidate of prepared.canvas) {
+      if (candidate.directionalBoundary) retainedDirectionalBoundaries.set(candidate.target, asDirectionalBoundary(candidate.directionalBoundary));
+      else retainedDirectionalBoundaries.delete(candidate.target);
     }
-    this.committedBoundaries = new Set(committedByBoundary.keys());
-    this.committedNavigationCandidates = candidates;
-    this.committedCandidates = Object.freeze(
-      candidates.filter(
-        (candidate) => !isHtmlFocusCandidate(candidate)
-      )
-    );
-    this.committedHtmlCandidates = Object.freeze(
-      candidates.filter(
-        (candidate) => isHtmlFocusCandidate(candidate)
-      )
-    );
+  }
+  finishNavigationCandidates() {
+    const candidates = this.committedNavigationCandidates;
     if (this.focusedTarget && !candidates.some(
       (candidate) => !isHtmlFocusCandidate(candidate) && candidate.target === this.focusedTarget
     )) {