@ssgoi/core 7.1.3-beta.2 → 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 +3 -3
- package/dist/index.js +1033 -911
- 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 +6 -2
- package/dist/transitions/hero/exit-layer.d.ts.map +1 -1
- package/dist/transitions/hero/in-place.d.ts +0 -4
- package/dist/transitions/hero/in-place.d.ts.map +1 -1
- package/dist/transitions/hero/index.d.ts +4 -3
- package/dist/transitions/hero/index.d.ts.map +1 -1
- package/dist/transitions/hero/transition.d.ts +6 -9
- package/dist/transitions/hero/transition.d.ts.map +1 -1
- package/dist/transitions/hero/types.d.ts +3 -3
- 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"}
|
|
@@ -3,6 +3,10 @@ import { MediaRect } from '../media-geometry';
|
|
|
3
3
|
import { HeroPair } from './types';
|
|
4
4
|
/** Endpoint roles define hero enter/exit even when browser history disagrees. */
|
|
5
5
|
export declare function usesHeroExitLayer(pair: HeroPair, direction: NavigationDirection): boolean;
|
|
6
|
-
/**
|
|
7
|
-
export declare function createHeroExitLayer(
|
|
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
|
+
};
|
|
8
12
|
//# sourceMappingURL=exit-layer.d.ts.map
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { MediaRect } from '../media-geometry';
|
|
2
2
|
/** Restore just the properties owned by this transition, including !important. */
|
|
3
3
|
export declare function preserveStyles(element: HTMLElement, properties: string[]): () => void;
|
|
4
|
-
/** A replacement layer must copy authored opacity, not a previous run's hide. */
|
|
5
|
-
export declare function heroVisualOpacity(element: HTMLElement): string;
|
|
6
|
-
/** Keep cached endpoints hidden until the last overlapping transition releases them. */
|
|
7
|
-
export declare function hideHeroVisual(element: HTMLElement): () => void;
|
|
8
4
|
/** CSS hooks are caller-owned; the engine never relaxes ancestor clipping. */
|
|
9
5
|
export declare function markHeroTransitioning(element: HTMLElement): () => void;
|
|
10
6
|
/** Keep the incoming page above the positioned outgoing page, including its media. */
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -6,12 +6,13 @@ export type { HeroOptions, HeroType, HeroVariant } from './types';
|
|
|
6
6
|
/**
|
|
7
7
|
* Hero preset configuration.
|
|
8
8
|
*
|
|
9
|
-
* - `type: "static"` (default) — morph the
|
|
9
|
+
* - `type: "static"` (default) — morph the actual destination visual in place;
|
|
10
10
|
* incoming page content appears immediately.
|
|
11
11
|
* - `type: "fade"` — fade the outgoing page and incoming non-shared content
|
|
12
|
-
* and surface colors. The
|
|
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
|
-
*
|
|
14
|
+
* Both types crossfade source and destination visuals. Enter stays in-page;
|
|
15
|
+
* exit uses a temporary layer above both pages.
|
|
15
16
|
* Ancestor overflow belongs to the application. The animated visual carries
|
|
16
17
|
* `data-hero-transitioning` until completion for optional caller-owned CSS.
|
|
17
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,25 +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
|
-
*
|
|
10
|
+
* cases the pair crossfades: in the destination parent on enter, above both
|
|
11
|
+
* pages on exit.
|
|
11
12
|
*/
|
|
12
13
|
export declare function resolveNewStylePairs(fromNode: HTMLElement, toNode: HTMLElement): HeroPair[];
|
|
13
14
|
type HeroMorphStyle = {
|
|
14
15
|
transform: string;
|
|
15
16
|
clipPath: string;
|
|
16
17
|
};
|
|
17
|
-
type HeroReference = {
|
|
18
|
-
box: MediaRect;
|
|
19
|
-
scaleX: number;
|
|
20
|
-
scaleY: number;
|
|
21
|
-
};
|
|
22
18
|
type HeroMorphPlan = {
|
|
19
|
+
fromContent: MediaGeometry["content"];
|
|
23
20
|
toContent: MediaGeometry["content"];
|
|
24
21
|
fromVisualEl: HTMLElement;
|
|
25
22
|
toVisualEl: HTMLElement;
|
|
26
23
|
resetRadius: boolean;
|
|
27
|
-
styleFor: (t: number, u: number, reference?:
|
|
24
|
+
styleFor: (t: number, u: number, reference?: VisualReference) => HeroMorphStyle;
|
|
28
25
|
};
|
|
29
26
|
export declare function normalizeHeroGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
|
|
30
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"}
|
|
@@ -2,11 +2,11 @@ import { NavigationDirection, PhysicsOptions } from '../../types/index.ts';
|
|
|
2
2
|
import { AnimationContributions } from '../animation-group';
|
|
3
3
|
import { MediaFit } from '../media-geometry';
|
|
4
4
|
/**
|
|
5
|
-
* - `static` — morph the
|
|
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
|
|
9
|
-
* Enter renders in-page; exit renders in a
|
|
8
|
+
* while both shared visuals crossfade.
|
|
9
|
+
* Enter renders in-page; exit renders in a layer above both pages.
|
|
10
10
|
*/
|
|
11
11
|
export type HeroType = "static" | "fade";
|
|
12
12
|
/**
|
|
@@ -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":"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"}
|
|
@@ -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"}
|