@ssgoi/core 7.1.0 → 7.1.1
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 +11 -11
- package/dist/index.js +1152 -977
- package/dist/transitions/hero/transition.d.ts +12 -0
- package/dist/transitions/hero/transition.d.ts.map +1 -1
- package/dist/transitions/inset-clip.d.ts +16 -0
- package/dist/transitions/inset-clip.d.ts.map +1 -0
- package/dist/transitions/media-geometry.d.ts +10 -0
- package/dist/transitions/media-geometry.d.ts.map +1 -1
- package/dist/transitions/zoom/transition.d.ts.map +1 -1
- package/dist/transitions/zoom/zoom-element.d.ts.map +1 -1
- package/dist/utils/get-client-rect.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -10,8 +10,20 @@ export type { HeroType, HeroVariant, NormalizedHeroOptions } from './types';
|
|
|
10
10
|
* cases the animated element is the one living on `to`.
|
|
11
11
|
*/
|
|
12
12
|
export declare function resolveNewStylePairs(fromNode: HTMLElement, toNode: HTMLElement): HeroPair[];
|
|
13
|
+
type HeroMorphStyle = {
|
|
14
|
+
transform: string;
|
|
15
|
+
clipPath: string;
|
|
16
|
+
};
|
|
17
|
+
type HeroMorphPlan = {
|
|
18
|
+
toContent: MediaGeometry["content"];
|
|
19
|
+
fromVisualEl: HTMLElement;
|
|
20
|
+
toVisualEl: HTMLElement;
|
|
21
|
+
resetCloneRadius: boolean;
|
|
22
|
+
styleFor: (t: number, u: number) => HeroMorphStyle;
|
|
23
|
+
};
|
|
13
24
|
export declare function normalizeHeroGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
|
|
14
25
|
export declare function shouldResetHeroCloneRadius(from: MediaGeometry, to: MediaGeometry): boolean;
|
|
26
|
+
export declare function buildHeroMorphPlan(root: HTMLElement, pair: HeroPair, maxDistance: number, fromPage: HTMLElement, toPage: HTMLElement): HeroMorphPlan | null;
|
|
15
27
|
type HeroExtras = {
|
|
16
28
|
resolved: HeroResolved;
|
|
17
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAQ/C,OAAO,EAOL,KAAK,aAAa,EAEnB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/hero/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAQ/C,OAAO,EAOL,KAAK,aAAa,EAEnB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAK,EAEV,QAAQ,EAER,YAAY,EAEZ,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;AA2FD,KAAK,UAAU,GAAG;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC;AAE7C,eAAO,MAAM,IAAI,GACf,SAAS,qBAAqB,KAC7B,gBAAgB,CAAC,UAAU,CA0E7B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MediaInsets } from './media-geometry';
|
|
2
|
+
/**
|
|
3
|
+
* Serialize against the full clipping element's border box, not the inset
|
|
4
|
+
* window. Percentages preserve the same geometry as pixel lengths, but avoid
|
|
5
|
+
* Chromium painting smaller pixel-valued inset/radius lengths while an
|
|
6
|
+
* animation is running on a high-DPI display (pausing paints them correctly).
|
|
7
|
+
* See tests/browser/rounded-clip.html for a running vs paused reproduction.
|
|
8
|
+
*/
|
|
9
|
+
export declare function insetClipPath(box: {
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
}, insets: MediaInsets, radii: readonly {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
}[]): string;
|
|
16
|
+
//# sourceMappingURL=inset-clip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inset-clip.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/inset-clip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACtC,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,SAAS;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,GACzC,MAAM,CAYR"}
|
|
@@ -12,6 +12,8 @@ export interface MediaInsets {
|
|
|
12
12
|
left: number;
|
|
13
13
|
}
|
|
14
14
|
type RadiusSource = "computed" | "legacy" | "none" | "unsupported";
|
|
15
|
+
/** Clockwise from top left. Only present when clipping removes some corners. */
|
|
16
|
+
export type MediaCornerRadii = [number, number, number, number];
|
|
15
17
|
export interface MediaGeometry {
|
|
16
18
|
bbox: MediaRect;
|
|
17
19
|
content: MediaRect;
|
|
@@ -25,8 +27,11 @@ export interface MediaGeometry {
|
|
|
25
27
|
bboxRadiusSource: RadiusSource;
|
|
26
28
|
contentAware: boolean;
|
|
27
29
|
mediaElement: HTMLElement | null;
|
|
30
|
+
cornerRadii?: MediaCornerRadii;
|
|
28
31
|
}
|
|
29
32
|
export interface ElementMediaGeometryOptions {
|
|
33
|
+
/** Ancestors inside this page can clip the shared visual. Excludes the page. */
|
|
34
|
+
clipRoot?: HTMLElement;
|
|
30
35
|
/** Compatibility fit used only when a legacy aspect-ratio hint is present. */
|
|
31
36
|
fallbackFit?: MediaFit;
|
|
32
37
|
/** @deprecated Compatibility only. Intrinsic media dimensions are inferred. */
|
|
@@ -48,6 +53,11 @@ export declare function fittedContentRect(bbox: MediaRect, aspectRatio: number,
|
|
|
48
53
|
export declare function createMediaGeometry(bbox: MediaRect, aspectRatio: number | null, fit: MediaFit | null): MediaGeometry;
|
|
49
54
|
export declare function isCompatibleMediaGeometryPair(from: MediaGeometry, to: MediaGeometry): boolean;
|
|
50
55
|
export declare function normalizeMediaGeometryPair(from: MediaGeometry, to: MediaGeometry): [MediaGeometry, MediaGeometry];
|
|
56
|
+
/**
|
|
57
|
+
* Read local clipping ancestors, including wrappers around a keyed image.
|
|
58
|
+
* The page and its shared viewport stay in place during the transition, so
|
|
59
|
+
* their clipping must not be baked into the moving visual.
|
|
60
|
+
*/
|
|
51
61
|
export declare function resolveElementMediaGeometry(keyedEl: HTMLElement, keyedBox: MediaRect, measure: (el: HTMLElement) => MediaRect, options: ElementMediaGeometryOptions): MediaGeometry;
|
|
52
62
|
/** Inverse-project `targetWindow` into `baseContent` before its transform. */
|
|
53
63
|
export declare function projectedWindowRect(baseContent: MediaRect, targetContent: MediaRect, targetWindow: MediaRect, scaleX: number, scaleY: number): MediaRect;
|
|
@@ -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,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;
|
|
1
|
+
{"version":3,"file":"media-geometry.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/media-geometry.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAe/D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAElB,UAAU,EAEV,YAAY,EAGb,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA6D5E,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,
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/zoom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAe/D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAElB,UAAU,EAEV,YAAY,EAGb,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA6D5E,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;AA+OD,eAAO,MAAM,IAAI,GACf,SAAS,qBAAqB,KAC7B,gBAAgB,CAAC,UAAU,CAsG7B,CAAC"}
|
|
@@ -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;AAyHvE,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CA+C3E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CA+C5E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-client-rect.d.ts","sourceRoot":"","sources":["../../src/lib/utils/get-client-rect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"get-client-rect.d.ts","sourceRoot":"","sources":["../../src/lib/utils/get-client-rect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,GAAG,OAAO,CAgBzE"}
|