@ssgoi/core 7.1.3-beta.1 → 7.1.3-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +9 -9
- package/dist/index.js +1336 -1132
- package/dist/transitions/crossfade.d.ts +19 -0
- package/dist/transitions/crossfade.d.ts.map +1 -0
- package/dist/transitions/hero/content-targets.d.ts.map +1 -1
- package/dist/transitions/hero/exit-layer.d.ts +12 -0
- package/dist/transitions/hero/exit-layer.d.ts.map +1 -0
- package/dist/transitions/hero/index.d.ts +2 -0
- package/dist/transitions/hero/index.d.ts.map +1 -1
- package/dist/transitions/hero/transition.d.ts +6 -8
- package/dist/transitions/hero/transition.d.ts.map +1 -1
- package/dist/transitions/hero/types.d.ts +4 -2
- package/dist/transitions/hero/types.d.ts.map +1 -1
- package/dist/transitions/media-geometry.d.ts.map +1 -1
- package/dist/transitions/zoom/crossfade.d.ts +5 -0
- package/dist/transitions/zoom/crossfade.d.ts.map +1 -0
- package/dist/transitions/zoom/transition.d.ts.map +1 -1
- package/dist/transitions/zoom/zoom-element.d.ts +12 -0
- package/dist/transitions/zoom/zoom-element.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MediaRect } from './media-geometry';
|
|
2
|
+
export declare const CROSSFADE_ATTRIBUTE = "data-ssgoi-crossfade";
|
|
3
|
+
export declare const clampOpacity: (value: number) => number;
|
|
4
|
+
/** Replacement transitions can claim an image before the old run cleans up. */
|
|
5
|
+
export declare function retainOpacity(element: HTMLElement): {
|
|
6
|
+
opacity: number;
|
|
7
|
+
set: (value: number) => void;
|
|
8
|
+
restore: () => void;
|
|
9
|
+
};
|
|
10
|
+
/** Preserve source styling when the visual is painted in the other page. */
|
|
11
|
+
export declare function cloneCrossfadeVisual(source: HTMLElement): HTMLElement;
|
|
12
|
+
export type VisualReference = {
|
|
13
|
+
box: MediaRect;
|
|
14
|
+
scaleX: number;
|
|
15
|
+
scaleY: number;
|
|
16
|
+
};
|
|
17
|
+
export declare function measureVisual(root: HTMLElement, visual: HTMLElement): VisualReference;
|
|
18
|
+
export declare function alignVisual(target: MediaRect, reference: VisualReference): string;
|
|
19
|
+
//# sourceMappingURL=crossfade.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crossfade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/crossfade.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,mBAAmB,yBAAyB,CAAC;AAC1D,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MACZ,CAAC;AAYlC,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAoCA;AAED,4EAA4E;AAC5E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,CAgErE;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,SAAS,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,WAAW,GAClB,eAAe,CAkBjB;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,eAAe,GACzB,MAAM,CAOR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-targets.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/content-targets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"content-targets.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/content-targets.ts"],"names":[],"mappings":"AAEA,0FAA0F;AAC1F,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,WAAW,EACjB,cAAc,EAAE,WAAW,EAAE,GAC5B,WAAW,EAAE,CA6Bf"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NavigationDirection } from '../../types/index.ts';
|
|
2
|
+
import { MediaRect } from '../media-geometry';
|
|
3
|
+
import { HeroPair } from './types';
|
|
4
|
+
/** Endpoint roles define hero enter/exit even when browser history disagrees. */
|
|
5
|
+
export declare function usesHeroExitLayer(pair: HeroPair, direction: NavigationDirection): boolean;
|
|
6
|
+
/** Both exit images share a stacking context above the pages and their chrome. */
|
|
7
|
+
export declare function createHeroExitLayer(from: HTMLElement, to: HTMLElement, fromContent: MediaRect, toContent: MediaRect, resetRadius: boolean): {
|
|
8
|
+
layer: HTMLElement;
|
|
9
|
+
source: HTMLElement;
|
|
10
|
+
destination: HTMLElement;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=exit-layer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"exit-layer.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/exit-layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,mBAAmB,GAC7B,OAAO,CAiBT;AAED,kFAAkF;AAClF,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,EAAE,EAAE,WAAW,EACf,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,OAAO,GACnB;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC;IAAC,WAAW,EAAE,WAAW,CAAA;CAAE,CAoCvE"}
|
|
@@ -11,6 +11,8 @@ export type { HeroOptions, HeroType, HeroVariant } from './types';
|
|
|
11
11
|
* - `type: "fade"` — fade the outgoing page and incoming non-shared content
|
|
12
12
|
* and surface colors. The image remains in its authored stacking context.
|
|
13
13
|
* - `variant: "smooth"` — use a softer follower spring for the morph.
|
|
14
|
+
* Both types crossfade source and destination visuals. Enter stays in-page;
|
|
15
|
+
* exit uses a temporary layer above both pages.
|
|
14
16
|
* Ancestor overflow belongs to the application. The animated visual carries
|
|
15
17
|
* `data-hero-transitioning` until completion for optional caller-owned CSS.
|
|
16
18
|
*/
|
|
@@ -1 +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
|
|
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;;;;;;;;;;;;GAYG;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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { MediaGeometry
|
|
1
|
+
import { MediaGeometry } from '../media-geometry';
|
|
2
|
+
import { VisualReference } from '../crossfade';
|
|
2
3
|
import { HeroPair, NormalizedHeroOptions } from './types';
|
|
3
4
|
export type { HeroType, HeroVariant, NormalizedHeroOptions } from './types';
|
|
4
5
|
/**
|
|
@@ -6,24 +7,21 @@ export type { HeroType, HeroVariant, NormalizedHeroOptions } from './types';
|
|
|
6
7
|
* `data-hero-exit-key` (list side). Direction-agnostic: enter elements on
|
|
7
8
|
* `to` pair with exit elements on `from` (forward navigation), and enter
|
|
8
9
|
* elements on `from` pair with exit elements on `to` (reverse). In both
|
|
9
|
-
* cases the
|
|
10
|
+
* cases the pair crossfades: in the destination parent on enter, above both
|
|
11
|
+
* pages on exit.
|
|
10
12
|
*/
|
|
11
13
|
export declare function resolveNewStylePairs(fromNode: HTMLElement, toNode: HTMLElement): HeroPair[];
|
|
12
14
|
type HeroMorphStyle = {
|
|
13
15
|
transform: string;
|
|
14
16
|
clipPath: string;
|
|
15
17
|
};
|
|
16
|
-
type HeroReference = {
|
|
17
|
-
box: MediaRect;
|
|
18
|
-
scaleX: number;
|
|
19
|
-
scaleY: number;
|
|
20
|
-
};
|
|
21
18
|
type HeroMorphPlan = {
|
|
19
|
+
fromContent: MediaGeometry["content"];
|
|
22
20
|
toContent: MediaGeometry["content"];
|
|
23
21
|
fromVisualEl: HTMLElement;
|
|
24
22
|
toVisualEl: HTMLElement;
|
|
25
23
|
resetRadius: boolean;
|
|
26
|
-
styleFor: (t: number, u: number, reference?:
|
|
24
|
+
styleFor: (t: number, u: number, reference?: VisualReference) => HeroMorphStyle;
|
|
27
25
|
};
|
|
28
26
|
export declare function normalizeHeroGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
|
|
29
27
|
export declare function shouldResetHeroRadius(from: MediaGeometry, to: MediaGeometry): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/transition.ts"],"names":[],"mappings":"AAQA,OAAO,EAOL,KAAK,aAAa,
|
|
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;AAG3B,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAGV,QAAQ,EAIR,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA+D5E;;;;;;;GAOG;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,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACtC,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,CACR,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,SAAS,CAAC,EAAE,eAAe,KACxB,cAAc,CAAC;CACrB,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,CA4GtB;AAoKD,eAAO,MAAM,IAAI,GAAI,SAAS,qBAAqB,kJAsFlD,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { PhysicsOptions } from '../../types/index.ts';
|
|
1
|
+
import { NavigationDirection, PhysicsOptions } from '../../types/index.ts';
|
|
2
2
|
import { AnimationContributions } from '../animation-group';
|
|
3
3
|
import { MediaFit } from '../media-geometry';
|
|
4
4
|
/**
|
|
5
5
|
* - `static` — morph the actual destination visual in its existing parent;
|
|
6
6
|
* incoming page content appears immediately. Default.
|
|
7
7
|
* - `fade` — fade outgoing page and incoming non-shared content/surface colors
|
|
8
|
-
* while
|
|
8
|
+
* while both shared visuals crossfade.
|
|
9
|
+
* Enter renders in-page; exit renders in a layer above both pages.
|
|
9
10
|
*/
|
|
10
11
|
export type HeroType = "static" | "fade";
|
|
11
12
|
/**
|
|
@@ -40,6 +41,7 @@ export interface HeroPrepareCtx {
|
|
|
40
41
|
resolved: Promise<HeroResolved>;
|
|
41
42
|
}
|
|
42
43
|
export interface HeroContributeCtx {
|
|
44
|
+
direction: NavigationDirection;
|
|
43
45
|
from: HTMLElement;
|
|
44
46
|
to: HTMLElement;
|
|
45
47
|
resolved: HeroResolved;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAClE,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,SAAS,EAAE,mBAAmB,CAAC;IAC/B,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-geometry.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/media-geometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,KAAK,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnE,gFAAgF;AAChF,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,MAAM,WAAW,2BAA2B;IAC1C,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAkCD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"media-geometry.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/media-geometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,KAAK,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnE,gFAAgF;AAChF,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,MAAM,WAAW,2BAA2B;IAC1C,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAkCD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAczE;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CA+BvE;AAmGD,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,WAAW,CAO3E;AAsBD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,QAAQ,GACZ,SAAS,CA2BX;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,GAAG,EAAE,QAAQ,GAAG,IAAI,GACnB,aAAa,CAoBf;AAgBD,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,OAAO,CAUT;AAUD,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,aAAa,GAChB,CAAC,aAAa,EAAE,aAAa,CAAC,CAIhC;AA+FD;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,SAAS,EACvC,OAAO,EAAE,2BAA2B,GACnC,aAAa,CA8Gf;AAED,8EAA8E;AAC9E,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,SAAS,EACxB,YAAY,EAAE,SAAS,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,SAAS,CAeX"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { WebAnimation } from '../../animation';
|
|
2
|
+
import { ZoomContributeCtx } from './types';
|
|
3
|
+
/** Both images ride inside the moving page, sharing its transform and clip. */
|
|
4
|
+
export declare function crossfadeZoomVisuals(ctx: ZoomContributeCtx): WebAnimation[];
|
|
5
|
+
//# sourceMappingURL=crossfade.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crossfade.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/crossfade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAYnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,+EAA+E;AAC/E,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,iBAAiB,GAAG,YAAY,EAAE,CAmF3E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,qBAAqB,EAErB,kBAAkB,EAIlB,YAAY,EAGb,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiE5E,wBAAgB,WAAW,CACzB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,SAAS,GAAG,UAAU,GAChC,YAAY,GAAG,IAAI,CAkBrB;AAED,wBAAgB,UAAU,CACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACrC,kBAAkB,CAyDpB;AA2OD,eAAO,MAAM,IAAI,GAAI,SAAS,qBAAqB,8LAoGlD,CAAC"}
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
import { ZoomAnimationConfig, ZoomAnimationInput } from './types';
|
|
2
|
+
import { MediaCornerRadii, MediaRect } from '../media-geometry';
|
|
3
|
+
type TileGeometry = {
|
|
4
|
+
contentAware: boolean;
|
|
5
|
+
enterContent: MediaRect;
|
|
6
|
+
exitContent: MediaRect;
|
|
7
|
+
startWindow: MediaRect;
|
|
8
|
+
scaleX: number;
|
|
9
|
+
scaleY: number;
|
|
10
|
+
exitCornerRadii?: MediaCornerRadii;
|
|
11
|
+
};
|
|
12
|
+
export declare function buildTileGeometry(input: ZoomAnimationInput): TileGeometry;
|
|
2
13
|
export declare function createZoomIn(input: ZoomAnimationInput): ZoomAnimationConfig;
|
|
3
14
|
export declare function createZoomOut(input: ZoomAnimationInput): ZoomAnimationConfig;
|
|
15
|
+
export {};
|
|
4
16
|
//# sourceMappingURL=zoom-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zoom-element.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/zoom-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"zoom-element.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/zoom-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvE,OAAO,EAKL,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAE3B,KAAK,YAAY,GAAG;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC;IACvB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAYF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAkDzE;AA2CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CA+C3E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CA+C5E"}
|