@flemo/core 2.2.1 → 2.2.2

package/dist/core/engine/__tests__/createTransitionEngine.cameraSpan.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dom/attributes.d.ts

@@ -49,6 +49,21 @@ export declare const BAR_SPACER_ATTR = "data-flemo-bar-spacer";
 export declare const DECORATOR_ATTR = "data-flemo-decorator";
 /** The decorator definition's name, for its own compiled rules. */
 export declare const DECORATOR_NAME_ATTR = "data-flemo-decorator-name";
+/**
+ * The screen a decorator belongs to, on every copy of it.
+ *
+ * A decorator is not one element. A screen with a `<Layer>` slot renders its
+ * dim TWICE — once in its own container, once portalled into the layer host so
+ * the dim also covers what the overlay carried out of the screen — and the
+ * copy is the one that paints on top. Everything that has to reach "this
+ * screen's dim" was reaching the in-container one by a ref or an own-child
+ * query, so the copy, which is what the eye is on, was reached by nothing: a
+ * swipe drove the original under it while the visible one stood still.
+ *
+ * The id is the screen's, so a lookup names the OWNER rather than a position,
+ * and finds however many copies that owner rendered.
+ */
+export declare const DECORATOR_OWNER_ATTR = "data-flemo-decorator-owner";
 /**
  * The HOST: one childless box per screen chain, rendered by the OUTERMOST
  * screen's container and inherited by every screen nested inside it. Outermost
@@ -289,4 +304,4 @@ export declare const attrValueSelector: (attribute: string, value: string) => st
  * a devtools build can assert against the shipped set instead of a hand-kept
  * copy — the drift this module exists to end.
  */
-export declare const FLEMO_ATTRIBUTES: readonly ["data-flemo-screen", "data-flemo-status", "data-flemo-active", "data-flemo-transition", "data-flemo-router", "data-flemo-skip-animation", "data-flemo-bar", "data-flemo-bar-active", "data-flemo-bar-status", "data-flemo-bar-riding", "data-flemo-bar-id", "data-flemo-bar-id-type", "data-flemo-bar-transition", "data-flemo-bar-spacer", "data-flemo-decorator", "data-flemo-decorator-name", "data-flemo-layer-host", "data-flemo-layer-owner", "data-flemo-layer-slot", "data-flemo-part-name", "data-flemo-part-layer", "data-flemo-part-home", "data-flemo-part-stand-in", "data-flemo-morph", "data-flemo-morph-camera", "data-flemo-morph-ghost", "data-flemo-morph-layer", "data-flemo-morph-name", "data-flemo-morph-slot", "data-flemo-morph-stand-in", "data-flemo-morph-sheet", "data-flemo-anim-hold", "data-flemo-held-arrival", "data-flemo-img-hold", "data-flemo-governed", "data-flemo-creep", "data-flemo-desk-head", "data-flemo-park-head", "data-flemo-warm", "data-flemo-gpu-prewarm", "data-flemo-image-src", "data-flemo-devtools-panel"];
+export declare const FLEMO_ATTRIBUTES: readonly ["data-flemo-screen", "data-flemo-status", "data-flemo-active", "data-flemo-transition", "data-flemo-router", "data-flemo-skip-animation", "data-flemo-bar", "data-flemo-bar-active", "data-flemo-bar-status", "data-flemo-bar-riding", "data-flemo-bar-id", "data-flemo-bar-id-type", "data-flemo-bar-transition", "data-flemo-bar-spacer", "data-flemo-decorator", "data-flemo-decorator-name", "data-flemo-decorator-owner", "data-flemo-layer-host", "data-flemo-layer-owner", "data-flemo-layer-slot", "data-flemo-part-name", "data-flemo-part-layer", "data-flemo-part-home", "data-flemo-part-stand-in", "data-flemo-morph", "data-flemo-morph-camera", "data-flemo-morph-ghost", "data-flemo-morph-layer", "data-flemo-morph-name", "data-flemo-morph-slot", "data-flemo-morph-stand-in", "data-flemo-morph-sheet", "data-flemo-anim-hold", "data-flemo-held-arrival", "data-flemo-img-hold", "data-flemo-governed", "data-flemo-creep", "data-flemo-desk-head", "data-flemo-park-head", "data-flemo-warm", "data-flemo-gpu-prewarm", "data-flemo-image-src", "data-flemo-devtools-panel"];

package/dist/dom/staging.d.ts

@@ -22,4 +22,13 @@ export interface PreserveAnimationsOptions {
  * Runs `move` — the re-parent — and carries the subtree's animation clocks
  * across it.
  */
-export declare function preserveAnimations(root: Element, move: () => void, options?: PreserveAnimationsOptions): void;
+/**
+ * Move an element without restarting the animations inside it.
+ *
+ * Returns HOW MANY it had to carry, because asking is the expensive half: each
+ * `getAnimations({ subtree: true })` forces a style recalculation, and a flight
+ * lands with every one of its participants asking twice in the same frame.
+ * Measured on the reference grid, that frame ran 75ms. A caller that already
+ * knows the answer is zero can skip the question entirely.
+ */
+export declare function preserveAnimations(root: Element, move: () => void, options?: PreserveAnimationsOptions): number;