@ssgoi/core 7.1.3-beta.0 → 7.1.3-beta.1

package/dist/transitions/hero/content-targets.d.ts

@@ -0,0 +1,3 @@
+/** Select disjoint sibling subtrees without dimming shared visuals or their ancestors. */
+export declare function collectContentTargets(page: HTMLElement, sharedElements: HTMLElement[]): HTMLElement[];
+//# sourceMappingURL=content-targets.d.ts.map

package/dist/transitions/hero/content-targets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-targets.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/content-targets.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,WAAW,EACjB,cAAc,EAAE,WAAW,EAAE,GAC5B,WAAW,EAAE,CA4Bf"}

package/dist/transitions/hero/in-place.d.ts

@@ -0,0 +1,10 @@
+import { MediaRect } from '../media-geometry';
+/** Restore just the properties owned by this transition, including !important. */
+export declare function preserveStyles(element: HTMLElement, properties: string[]): () => void;
+/** CSS hooks are caller-owned; the engine never relaxes ancestor clipping. */
+export declare function markHeroTransitioning(element: HTMLElement): () => void;
+/** Keep the incoming page above the positioned outgoing page, including its media. */
+export declare function stackHeroPages(from: HTMLElement, to: HTMLElement): () => void;
+/** Resize the real image to its fitted content while reserving its flow box. */
+export declare function fitHeroImage(element: HTMLElement, content: MediaRect, box: MediaRect): () => void;
+//# sourceMappingURL=in-place.d.ts.map

package/dist/transitions/hero/in-place.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-place.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/in-place.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,kFAAkF;AAClF,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,IAAI,CAYZ;AAED,8EAA8E;AAC9E,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAOtE;AAED,sFAAsF;AACtF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAW7E;AAED,gFAAgF;AAChF,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,SAAS,GACb,MAAM,IAAI,CAqFZ"}

package/dist/transitions/hero/index.d.ts

@@ -6,14 +6,13 @@ export type { HeroOptions, HeroType, HeroVariant } from './types';
 /**
  * Hero preset configuration.
  *
- * - `type: "static"` (default) — incoming-page chrome snaps in; a temporary
- *   shared-element clone morphs via clip-path inset + uniform scale.
- * - `type: "fade"` — both pages cross-fade as whole surfaces while a
- *   temporary shared-element clone morphs above them. Incoming non-shared content
- *   also fades in independently. Use when each side has
- *   its own chrome (e.g., a detail screen with its own back button / app bar).
- * - `variant: "default"` — only value today; reserved for future tonal
- *   variants without re-shaping the public API.
+ * - `type: "static"` (default) — morph the actual destination visual in place;
+ *   incoming page content appears immediately.
+ * - `type: "fade"` — fade the outgoing page and incoming non-shared content
+ *   and surface colors. The image remains in its authored stacking context.
+ * - `variant: "smooth"` — use a softer follower spring for the morph.
+ * Ancestor overflow belongs to the application. The animated visual carries
+ * `data-hero-transitioning` until completion for optional caller-owned CSS.
  */
 export type HeroConfig = PresetConfig<HeroType, HeroVariant, HeroOptions>;
 export declare function hero(config?: HeroConfig, extras?: PresetExtras<ReturnType<typeof transition>>): import('../../types/index.ts').Transition<import('../..').MultiAnimation<"out" | "in" | "shared">, import('../..').MultiAnimation<"out" | "in" | "shared">>;

package/dist/transitions/hero/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAE1E,wBAAgB,IAAI,CAClB,MAAM,GAAE,UAAe,EACvB,MAAM,GAAE,YAAY,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAM,iJAKzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAE1E,wBAAgB,IAAI,CAClB,MAAM,GAAE,UAAe,EACvB,MAAM,GAAE,YAAY,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAM,iJAKzD"}

package/dist/transitions/hero/provider/chrome/fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transitions/hero/provider/chrome/fade.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,aAAa,CAAC;AA+GrB,eAAO,MAAM,wBAAwB,QAAO,YACT,CAAC"}
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transitions/hero/provider/chrome/fade.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,aAAa,CAAC;AAoGrB,eAAO,MAAM,wBAAwB,QAAO,YACT,CAAC"}

package/dist/transitions/hero/transition.d.ts

@@ -1,4 +1,4 @@
-import { MediaGeometry } from '../media-geometry';
+import { MediaGeometry, MediaRect } from '../media-geometry';
 import { HeroPair, NormalizedHeroOptions } from './types';
 export type { HeroType, HeroVariant, NormalizedHeroOptions } from './types';
 /**
@@ -13,15 +13,20 @@ type HeroMorphStyle = {
     transform: string;
     clipPath: string;
 };
+type HeroReference = {
+    box: MediaRect;
+    scaleX: number;
+    scaleY: number;
+};
 type HeroMorphPlan = {
     toContent: MediaGeometry["content"];
     fromVisualEl: HTMLElement;
     toVisualEl: HTMLElement;
-    resetCloneRadius: boolean;
-    styleFor: (t: number, u: number) => HeroMorphStyle;
+    resetRadius: boolean;
+    styleFor: (t: number, u: number, reference?: HeroReference) => HeroMorphStyle;
 };
 export declare function normalizeHeroGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
-export declare function shouldResetHeroCloneRadius(from: MediaGeometry, to: MediaGeometry): boolean;
+export declare function shouldResetHeroRadius(from: MediaGeometry, to: MediaGeometry): boolean;
 export declare function buildHeroMorphPlan(root: HTMLElement, pair: HeroPair, maxDistance: number, fromPage: HTMLElement, toPage: HTMLElement): HeroMorphPlan | null;
 export declare const hero: (options: NormalizedHeroOptions) => import('../../types/index.ts').Transition<import('../..').MultiAnimation<"out" | "in" | "shared">, import('../..').MultiAnimation<"out" | "in" | "shared">>;
 //# sourceMappingURL=transition.d.ts.map

package/dist/transitions/hero/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/transition.ts"],"names":[],"mappings":"AAQA,OAAO,EAOL,KAAK,aAAa,EAEnB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAK,EAGV,QAAQ,EAIR,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA+D5E;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,GAClB,QAAQ,EAAE,CAgCZ;AA0CD,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,cAAc,CAAC;CACpD,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,CAAC,aAAa,EAAE,aAAa,CAAC,CAEhC;AAED,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,OAAO,CAeT;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,GAClB,aAAa,GAAG,IAAI,CAqGtB;AA+FD,eAAO,MAAM,IAAI,GAAI,SAAS,qBAAqB,kJAkFlD,CAAC"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/transition.ts"],"names":[],"mappings":"AAQA,OAAO,EAOL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAW3B,OAAO,KAAK,EAGV,QAAQ,EAIR,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA+D5E;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,GAClB,QAAQ,EAAE,CAgCZ;AA0CD,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,aAAa,GAAG;IAAE,GAAG,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,aAAa,KAAK,cAAc,CAAC;CAC/E,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,CAAC,aAAa,EAAE,aAAa,CAAC,CAEhC;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,OAAO,CAeT;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,GAClB,aAAa,GAAG,IAAI,CA2GtB;AAgHD,eAAO,MAAM,IAAI,GAAI,SAAS,qBAAqB,kJAqFlD,CAAC"}

package/dist/transitions/hero/types.d.ts

@@ -2,11 +2,10 @@ import { PhysicsOptions } from '../../types/index.ts';
 import { AnimationContributions } from '../animation-group';
 import { MediaFit } from '../media-geometry';
 /**
- * - `static` — a temporary shared-element clone morphs above the incoming
- *   page while page chrome snaps to its final state. Default.
- * - `fade` — both pages cross-fade as whole surfaces while a temporary hero
- *   clone morphs above them. Incoming non-shared content also fades in
- *   independently.
+ * - `static` — morph the actual destination visual in its existing parent;
+ *   incoming page content appears immediately. Default.
+ * - `fade` — fade outgoing page and incoming non-shared content/surface colors
+ *   while the actual shared visual stays opaque in the destination page.
  */
 export type HeroType = "static" | "fade";
 /**

package/dist/transitions/hero/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzC;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;CACtB;AAMD,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAUD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3B,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CACX,GAAG,EAAE,iBAAiB,KACnB,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD;;;;;GAKG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzC;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;CACtB;AAMD,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAUD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3B,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CACX,GAAG,EAAE,iBAAiB,KACnB,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;CAChD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/core",
-  "version": "7.1.3-beta.0",
+  "version": "7.1.3-beta.1",
   "description": "Core animation engine for SSGOI - Native app-like page transitions with spring physics",
   "private": false,
   "type": "module",