@nativescript-community/ui-image 5.0.17 → 5.1.0

package/shared-transition.android.js

@@ -0,0 +1,46 @@
+import { SharedTransition } from '@nativescript/core';
+/**
+ * Shared element transitions with the @akylas/nativescript fork: the fork lets plugins register how to animate their own views.
+ * On main NativeScript `registerElementHandler` does not exist and nothing is registered.
+ *
+ * A MatrixImageView applies its scale type itself: the platform transitions (ChangeBounds + ChangeImageTransform)
+ * only resize it, and the image is drawn with the scale type of the start (eg a cropped thumbnail stretched in a fullscreen bounds)
+ * until the end of the transition.
+ * Here we start with the scale type of the view we leave and morph it to the scale type of the view we enter,
+ * following the size of the view while the transition resizes it.
+ */
+export function registerSharedTransitionHandler(ImgClass) {
+    const register = SharedTransition?.registerElementHandler;
+    if (typeof register !== 'function') {
+        return;
+    }
+    register.call(SharedTransition, {
+        handle({ from, onEnd, progress, skipImageTransform, to }) {
+            if (!(from instanceof ImgClass) || !(to instanceof ImgClass)) {
+                return false;
+            }
+            const fromView = from.nativeViewProtected;
+            const toView = to.nativeViewProtected;
+            const fromType = fromView?.getAppliedScaleType();
+            const toType = toView?.getAppliedScaleType();
+            if (!fromType || !toType || fromType.toString() === toType.toString()) {
+                return false;
+            }
+            // the image matrix is computed by the view, we update it ourselves while the view is resized
+            skipImageTransform();
+            toView.setScaleTypeBlend(fromType, toType, new com.nativescript.image.MatrixImageView.BlendProgressProvider({
+                getProgress: (width, height) => progress(width, height)
+            }));
+            // the view sets its own outline provider (for its border radius) at each size change,
+            // which would replace the one which animates the corner radius
+            const wasUsingOutlineProvider = toView.isUsingOutlineProvider;
+            toView.isUsingOutlineProvider = false;
+            onEnd(() => {
+                toView.isUsingOutlineProvider = wasUsingOutlineProvider;
+                toView.setScaleTypeBlend(null, null, null);
+            });
+            return true;
+        }
+    });
+}
+//# sourceMappingURL=shared-transition.android.js.map

package/shared-transition.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-transition.android.js","sourceRoot":"","sources":["../../src/image/shared-transition.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD;;;;;;;;;GASG;AACH,MAAM,UAAU,+BAA+B,CAAC,QAAoB;IAChE,MAAM,QAAQ,GAAI,gBAAwB,EAAE,sBAAsB,CAAC;IACnE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACjC,OAAO;IACX,CAAC;IACD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE;QAC5B,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE;YACpD,IAAI,CAAC,CAAC,IAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,YAAY,QAAQ,CAAC,EAAE,CAAC;gBAC3D,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAC1C,MAAM,MAAM,GAAG,EAAE,CAAC,mBAAmB,CAAC;YACtC,MAAM,QAAQ,GAAG,QAAQ,EAAE,mBAAmB,EAAE,CAAC;YACjD,MAAM,MAAM,GAAG,MAAM,EAAE,mBAAmB,EAAE,CAAC;YAC7C,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,QAAQ,EAAE,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;gBACpE,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,6FAA6F;YAC7F,kBAAkB,EAAE,CAAC;YACrB,MAAM,CAAC,iBAAiB,CACpB,QAAQ,EACR,MAAM,EACN,IAAI,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CAAC;gBAC7D,WAAW,EAAE,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;aAC1E,CAAC,CACL,CAAC;YAEF,sFAAsF;YACtF,+DAA+D;YAC/D,MAAM,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;YAC9D,MAAM,CAAC,sBAAsB,GAAG,KAAK,CAAC;YAEtC,KAAK,CAAC,GAAG,EAAE;gBACP,MAAM,CAAC,sBAAsB,GAAG,uBAAuB,CAAC;gBACxD,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QAChB,CAAC;KACJ,CAAC,CAAC;AACP,CAAC"}

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../../src/image/index-common.ts","../../src/image/index.android.ts","../../src/image/index.d.ts","../../src/image/index.ios.ts","../../src/image/references.d.ts","../../src/image/typings/android.d.ts","../../src/image/typings/glide.android.d.ts","../../src/image/typings/glide.okhttp.android.d.ts","../../src/image/typings/glide.transform.android.d.ts","../../src/image/typings/ios.d.ts","../../src/image/typings/objc!SDWebImage.d.ts","../../src/image/typings/objc!SDWebImagePhotosPlugin.d.ts","../../src/image/typings/ui_image.android.d.ts","../../src/image/vue/index.ts","../../references.d.ts","../../tools/references.d.ts"],"version":"5.8.3"}
+{"root":["../../src/image/index-common.ts","../../src/image/index.android.ts","../../src/image/index.d.ts","../../src/image/index.ios.ts","../../src/image/references.d.ts","../../src/image/shared-transition.android.ts","../../src/image/typings/android.d.ts","../../src/image/typings/glide.android.d.ts","../../src/image/typings/glide.okhttp.android.d.ts","../../src/image/typings/glide.transform.android.d.ts","../../src/image/typings/ios.d.ts","../../src/image/typings/objc!sdwebimage.d.ts","../../src/image/typings/objc!sdwebimagephotosplugin.d.ts","../../src/image/typings/ui_image.android.d.ts","../../src/image/vue/index.ts","../../references.d.ts","../../tools/references.d.ts"],"version":"5.8.3"}

package/typings/ui_image.android.d.ts

@@ -49,6 +49,8 @@ declare namespace com {
                 setMemoryCacheScreens(memoryCacheScreens: number);
                 getMemoryCacheSize(): number;
                 setMemoryCacheSize(memoryCacheSize: number);
+                setOkHttpClient(client: any);
+                getOkHttpClient(): any;
 				static getInstance():GlideConfiguration;
 			}
 			export class CacheKeyStore {
@@ -455,6 +457,8 @@ declare namespace com {
 				public mBaseMatrix: globalAndroid.graphics.Matrix;
 				public mExtraMatrix: globalAndroid.graphics.Matrix;
 				public isUsingOutlineProvider: boolean;
+				public getAppliedScaleType(): globalAndroid.widget.ImageView.ScaleType;
+				public setScaleTypeBlend(from: globalAndroid.widget.ImageView.ScaleType, to: globalAndroid.widget.ImageView.ScaleType, provider: com.nativescript.image.MatrixImageView.BlendProgressProvider): void;
 				public constructor(context: globalAndroid.content.Context);
 				public cancelRotationAnimation(): void;
 				public setImageRotation(degrees: number): void;
@@ -484,6 +488,13 @@ declare namespace com {
 				public onAttachedToWindow(): void;
 				public onDraw(saveCount: globalAndroid.graphics.Canvas): void;
 			}
+			export namespace MatrixImageView {
+				export class BlendProgressProvider {
+					public static class: java.lang.Class<com.nativescript.image.MatrixImageView.BlendProgressProvider>;
+					public constructor(implementation: { getProgress(viewWidth: number, viewHeight: number): number });
+					public getProgress(viewWidth: number, viewHeight: number): number;
+				}
+			}
 			export class ProgressInterceptor {
 				public static class: java.lang.Class<com.nativescript.image.ProgressInterceptor>;
 				public intercept(chain: okhttp3.Interceptor.Chain): okhttp3.Response;