@nativescript-community/ui-image 4.3.5 → 4.3.7

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.3.7](https://github.com/nativescript-community/ui-image/compare/v4.3.6...v4.3.7) (2023-05-23)
+
+
+### Bug Fixes
+
+* **android:** better native-api-usage ([be61cc8](https://github.com/nativescript-community/ui-image/commit/be61cc8b4963baf91c743eee465d7ddba2233e84))
+
+
+
+
+
+## [4.3.6](https://github.com/nativescript-community/ui-image/compare/v4.3.5...v4.3.6) (2022-12-01)
+
+**Note:** Version bump only for package @nativescript-community/ui-image
+
+
+
+
+
 ## [4.3.5](https://github.com/nativescript-community/ui-image/compare/v4.3.4...v4.3.5) (2022-09-29)
 
 **Note:** Version bump only for package @nativescript-community/ui-image

package/README.md

@@ -56,9 +56,15 @@
 * [Flavors](#flavors)
 * [Demos](#demos)
 * [Demos and Development](#demos-and-development)
-	* [Setup](#setup)
+	* [Repo Setup](#repo-setup)
 	* [Build](#build)
 	* [Demos](#demos-1)
+* [Contributing](#contributing)
+	* [Update repo ](#update-repo-)
+	* [Update readme ](#update-readme-)
+	* [Update doc ](#update-doc-)
+	* [Publish](#publish)
+	* [modifying submodules](#modifying-submodules)
 * [Questions](#questions)
 
 
@@ -630,18 +636,18 @@ $ ns run ios|android
 ## Demos and Development
 
 
-### Setup
-
-To run the demos, you must clone this repo **recursively**.
+### Repo Setup
 
+The repo uses submodules. If you did not clone with ` --recursive` then you need to call
 ```
-git clone https://github.com/@nativescript-community/ui-image.git --recursive
+git submodule update --init
 ```
 
-**Install Dependencies:**
-```bash
-npm i # or 'yarn install' or 'pnpm install'
-```
+The package manager used to install and link dependencies must be `pnpm` or `yarn`. `npm` wont work.
+
+To develop and test:
+if you use `yarn` then run `yarn`
+if you use `pnpm` then run `pnpm i`
 
 **Interactive Menu:**
 
@@ -650,10 +656,9 @@ To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`)
 ### Build
 
 ```bash
-npm run build
-
-npm run build.angular # or for Angular
+npm run build.all
 ```
+WARNING: it seems `yarn build.all` wont always work (not finding binaries in `node_modules/.bin`) which is why the doc explicitly uses `npm run`
 
 ### Demos
 
@@ -662,6 +667,61 @@ npm run demo.[ng|react|svelte|vue].[ios|android]
 
 npm run demo.svelte.ios # Example
 ```
+
+Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue]`
+Instead you work in `demo-snippets/[ng|react|svelte|vue]`
+You can start from the `install.ts` of each flavor to see how to register new demos 
+
+
+[](#contributing)
+
+## Contributing
+
+### Update repo 
+
+You can update the repo files quite easily
+
+First update the submodules
+
+```bash
+npm run update
+```
+
+Then commit the changes
+Then update common files
+
+```bash
+npm run sync
+```
+Then you can run `yarn|pnpm`, commit changed files if any
+
+### Update readme 
+```bash
+npm run readme
+```
+
+### Update doc 
+```bash
+npm run doc
+```
+
+### Publish
+
+The publishing is completely handled by `lerna` (you can add `-- --bump major` to force a major release)
+Simply run 
+```shell
+npm run publish
+```
+
+### modifying submodules
+
+The repo uses https:// for submodules which means you won't be able to push directly into the submodules.
+One easy solution is t modify `~/.gitconfig` and add
+```
+[url "ssh://git@github.com/"]
+	pushInsteadOf = https://github.com/
+```
+
 
 [](#questions)
 

package/index-common.js

@@ -46,6 +46,7 @@ export class EventData {
     }
 }
 export class ImageBase extends View {
+    // public static blendingModeProperty = new Property<ImageBase, string>({ name: 'blendingMode' });
     get nativeImageViewProtected() {
         return this.nativeViewProtected;
     }
@@ -98,6 +99,7 @@ export class ImageBase extends View {
                     scaleH = measureScale / nativeScale;
                 }
                 else {
+                    // No infinite dimensions.
                     switch (this.stretch) {
                         case ScaleType.FitXY:
                         case ScaleType.FocusCrop:
@@ -203,4 +205,5 @@ ImageBase.noCacheProperty.register(ImageBase);
 ImageBase.clipToBoundsProperty.register(ImageBase);
 ImageBase.animatedImageViewProperty.register(ImageBase);
 ImageBase.loadModeProperty.register(ImageBase);
+// ImageBase.blendingModeProperty.register(ImageBase);
 //# sourceMappingURL=index-common.js.map

package/index.android.js

@@ -3,36 +3,40 @@ export * from './index-common';
 import { Color, Image, ImageAsset, ImageSource, Trace, Utils, knownFolders, path } from '@nativescript/core';
 import { android as androidApp } from '@nativescript/core/application';
 import { isString } from '@nativescript/core/utils/types';
-import { RESOURCE_PREFIX, ad, isFileOrResourcePath, isFontIconURI } from '@nativescript/core/utils/utils';
 import { CLog, CLogTypes, EventData, ImageBase, ScaleType } from './index-common';
+import { layout } from '@nativescript/core/utils/layout-helper';
 let initialized = false;
 let initializeConfig;
 export function initialize(config) {
     if (!initialized) {
-        const context = ad.getApplicationContext();
+        const context = Utils.ad.getApplicationContext();
         if (!context) {
             initializeConfig = config;
             return;
         }
         let builder;
-        const useOkhttp = config === null || config === void 0 ? void 0 : config.useOkhttp;
+        const useOkhttp = config?.useOkhttp;
         if (useOkhttp) {
+            //@ts-ignore
             if (useOkhttp instanceof okhttp3.OkHttpClient) {
+                //@ts-ignore
                 builder = com.facebook.imagepipeline.backends.okhttp3.OkHttpImagePipelineConfigFactory.newBuilder(context, useOkhttp);
             }
             else {
+                //@ts-ignore
                 builder = com.facebook.imagepipeline.backends.okhttp3.OkHttpImagePipelineConfigFactory.newBuilder(context, new okhttp3.OkHttpClient());
             }
         }
         else {
             builder = com.facebook.imagepipeline.core.ImagePipelineConfig.newBuilder(context);
         }
-        if (config === null || config === void 0 ? void 0 : config.isDownsampleEnabled) {
+        if (config?.isDownsampleEnabled) {
             builder.setDownsampleEnabled(true);
         }
-        if (config === null || config === void 0 ? void 0 : config.leakTracker) {
+        if (config?.leakTracker) {
             builder.setCloseableReferenceLeakTracker(config.leakTracker);
         }
+        // builder.experiment().setNativeCodeDisabled(true);
         const imagePipelineConfig = builder.build();
         com.facebook.drawee.backends.pipeline.Fresco.initialize(context, imagePipelineConfig);
         initialized = true;
@@ -65,9 +69,9 @@ function getUri(src) {
     else {
         imagePath = src;
     }
-    if (isFileOrResourcePath(imagePath)) {
-        if (imagePath.indexOf(RESOURCE_PREFIX) === 0) {
-            const resName = imagePath.substring(RESOURCE_PREFIX.length);
+    if (Utils.isFileOrResourcePath(imagePath)) {
+        if (imagePath.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+            const resName = imagePath.substring(Utils.RESOURCE_PREFIX.length);
             const identifier = Utils.ad.resources.getDrawableId(resName);
             if (0 < identifier) {
                 uri = new android.net.Uri.Builder().scheme(com.facebook.common.util.UriUtil.LOCAL_RESOURCE_SCHEME).path(java.lang.String.valueOf(identifier)).build();
@@ -134,6 +138,7 @@ export class ImagePipeline {
                 else {
                     datasource = this._android.prefetchToBitmapCache(request, uri);
                 }
+                // initializeBaseDataSubscriber();
                 datasource.subscribe(new com.nativescript.image.BaseDataSubscriber(new com.nativescript.image.BaseDataSubscriberListener({
                     onFailure: reject,
                     onNewResult: resolve
@@ -151,6 +156,42 @@ export class ImagePipeline {
         this._android = value;
     }
     fetchImage() {
+        //         ImagePipeline imagePipeline = Fresco.getImagePipeline();
+        // ImageRequest imageRequest = ImageRequestBuilder
+        //        .newBuilderWithSource(imageUri)
+        //        .setRequestPriority(Priority.HIGH)
+        //        .setLowestPermittedRequestLevel(ImageRequest.RequestLevel.FULL_FETCH)
+        //        .build();
+        // DataSource<CloseableReference<CloseableImage>> dataSource =
+        //        imagePipeline.fetchDecodedImage(imageRequest, mContext);
+        // try {
+        //    dataSource.subscribe(new BaseBitmapDataSubscriber() {
+        //        @Override
+        //        public void onNewResultImpl(Bitmap bitmap) {
+        //            if (bitmap == null) {
+        //                Log.d(TAG, "Bitmap data source returned success, but bitmap null.");
+        //                return;
+        //            }
+        //            // The bitmap provided to this method is only guaranteed to be around
+        //            // for the lifespan of this method. The image pipeline frees the
+        //            // bitmap's memory after this method has completed.
+        //            //
+        //            // This is fine when passing the bitmap to a system process as
+        //            // Android automatically creates a copy.
+        //            //
+        //            // If you need to keep the bitmap around, look into using a
+        //            // BaseDataSubscriber instead of a BaseBitmapDataSubscriber.
+        //        }
+        //        @Override
+        //        public void onFailureImpl(DataSource dataSource) {
+        //            // No cleanup required here
+        //        }
+        //    }, CallerThreadExecutor.getInstance());
+        // } finally {
+        //    if (dataSource != null) {
+        //        dataSource.close();
+        //    }
+        // }
     }
 }
 export class ImageError {
@@ -221,6 +262,8 @@ export const needRequestImage = function (target, propertyKey, descriptor) {
     descriptor.value = function (...args) {
         if (!this._canRequestImage) {
             this._needRequestImage = true;
+            // we need to ensure a hierarchy is set or the default aspect ratio wont be set
+            // because aspectFit is the default (wanted) but then we wont go into stretchProperty.setNative
             this._needUpdateHierarchy = true;
             return;
         }
@@ -247,6 +290,7 @@ export class Img extends ImageBase {
         this._needRequestImage = false;
     }
     onResumeNativeUpdates() {
+        // {N} suspends properties update on `_suspendNativeUpdates`. So we only need to do this in onResumeNativeUpdates
         this._canRequestImage = false;
         this._canUpdateHierarchy = false;
         super.onResumeNativeUpdates();
@@ -266,6 +310,7 @@ export class Img extends ImageBase {
             initialize(initializeConfig);
         }
         const view = new com.nativescript.image.DraweeView(this._context);
+        // (view as any).setClipToBounds(false);
         return view;
     }
     updateViewSize(imageInfo) {
@@ -288,6 +333,13 @@ export class Img extends ImageBase {
             draweeView.setAspectRatio(0);
         }
     }
+    // public initNativeView(): void {
+    //     this.initDrawee();
+    //     this.updateHierarchy();
+    // }
+    // public disposeNativeView() {
+    //     this.nativeImageViewProtected.setImageURI(null, null);
+    // }
     updateImageUri() {
         const imagePipeLine = getImagePipeline();
         const src = this.src;
@@ -329,9 +381,8 @@ export class Img extends ImageBase {
         this.updateHierarchy();
     }
     [ImageBase.imageRotationProperty.setNative](value) {
-        var _u;
         const scaleType = this.nativeImageViewProtected.getHierarchy().getActualImageScaleType();
-        (_u = scaleType['setImageRotation']) === null || _u === void 0 ? void 0 : _u.call(scaleType, value);
+        scaleType['setImageRotation']?.(value);
         this.nativeImageViewProtected.invalidate();
     }
     [_k = ImageBase.roundTopRightRadiusProperty.setNative]() {
@@ -361,8 +412,23 @@ export class Img extends ImageBase {
     [_t = ImageBase.aspectRatioProperty.setNative]() {
         this.initImage();
     }
+    // [ImageBase.blendingModeProperty.setNative](value: string) {
+    //     console.log('blendingModeProperty', value);
+    //     switch (value) {
+    //         case 'multiply':
+    //             (this.nativeImageViewProtected as any).setXfermode(android.graphics.PorterDuff.Mode.MULTIPLY);
+    //             break;
+    //         case 'lighten':
+    //             (this.nativeImageViewProtected as any).setXfermode(android.graphics.PorterDuff.Mode.LIGHTEN);
+    //             break;
+    //     }
+    // }
+    // private initDrawee() {
+    //     this.initImage();
+    // }
     async initImage() {
         if (this.nativeImageViewProtected) {
+            // this.nativeImageViewProtected.setImageURI(null);
             const src = this.src;
             if (src instanceof Promise) {
                 this.src = await src;
@@ -371,15 +437,16 @@ export class Img extends ImageBase {
             if (src) {
                 let drawable;
                 if (src instanceof ImageSource) {
-                    drawable = new android.graphics.drawable.BitmapDrawable(ad.getApplicationContext().getResources(), src.android);
+                    drawable = new android.graphics.drawable.BitmapDrawable(Utils.ad.getApplicationContext().getResources(), src.android);
                     this.updateViewSize(src.android);
                 }
-                else if (isFontIconURI(src)) {
+                else if (Utils.isFontIconURI(src)) {
                     const fontIconCode = src.split('//')[1];
                     if (fontIconCode !== undefined) {
+                        // support sync mode only
                         const font = this.style.fontInternal;
                         const color = this.style.color;
-                        drawable = new android.graphics.drawable.BitmapDrawable(ad.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
+                        drawable = new android.graphics.drawable.BitmapDrawable(Utils.ad.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
                     }
                 }
                 if (drawable) {
@@ -394,12 +461,13 @@ export class Img extends ImageBase {
                 }
                 if (this.noCache) {
                     const imagePipeLine = getImagePipeline();
-                    const isInCache = imagePipeLine.isInBitmapMemoryCache(uri);
+                    const isInCache = imagePipeLine.isInBitmapMemoryCache(uri) || imagePipeLine.isInDiskCache(uri);
                     if (isInCache) {
                         imagePipeLine.evictFromCache(uri);
                     }
                 }
                 this.isLoading = true;
+                // const progressiveRenderingEnabledValue = this.progressiveRenderingEnabled !== undefined ? this.progressiveRenderingEnabled : false;
                 let requestBuilder = com.facebook.imagepipeline.request.ImageRequestBuilder.newBuilderWithSource(uri).setRotationOptions(com.facebook.imagepipeline.common.RotationOptions.autoRotate());
                 if (this.progressiveRenderingEnabled === true) {
                     requestBuilder = requestBuilder.setProgressiveRenderingEnabled(this.progressiveRenderingEnabled);
@@ -444,6 +512,7 @@ export class Img extends ImageBase {
                         }
                         const nativeView = that && that.get();
                         if (nativeView) {
+                            // const nView = nativeView.nativeViewProtected;
                             nativeView.isLoading = false;
                             const imageError = new ImageError(throwable);
                             const args = {
@@ -527,6 +596,8 @@ export class Img extends ImageBase {
                         }
                     }
                 });
+                // const async = this.loadMode === 'async';
+                // if (async) {
                 const builder = com.facebook.drawee.backends.pipeline.Fresco.newDraweeControllerBuilder();
                 builder.setImageRequest(request);
                 builder.setCallerContext(src);
@@ -553,6 +624,13 @@ export class Img extends ImageBase {
                 }
                 const controller = builder.build();
                 this.nativeImageViewProtected.setController(controller);
+                // } else {
+                // const dataSource = com.facebook.drawee.backends.pipeline.Fresco.getImagePipeline().fetchDecodedImage(request, src);
+                // const result = com.facebook.datasource.DataSources.waitForFinalResult(dataSource);
+                // const bitmap = result.get().underlyingBitmap;
+                // CloseableReference.closeSafely(result);
+                // dataSource.close();
+                // }
             }
             else {
                 this.nativeImageViewProtected.setController(null);
@@ -620,17 +698,18 @@ export class Img extends ImageBase {
     getDrawable(path) {
         let drawable;
         if (typeof path === 'string') {
-            if (isFontIconURI(path)) {
+            if (Utils.isFontIconURI(path)) {
                 const fontIconCode = path.split('//')[1];
                 if (fontIconCode !== undefined) {
+                    // support sync mode only
                     const font = this.style.fontInternal;
                     const color = this.style.color;
-                    drawable = new android.graphics.drawable.BitmapDrawable(ad.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
+                    drawable = new android.graphics.drawable.BitmapDrawable(Utils.ad.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
                 }
             }
-            else if (isFileOrResourcePath(path)) {
-                if (path.indexOf(RESOURCE_PREFIX) === 0) {
-                    return this.getDrawableFromResource(path);
+            else if (Utils.isFileOrResourcePath(path)) {
+                if (path.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+                    return this.getDrawableFromResource(path); // number!
                 }
                 else {
                     drawable = this.getDrawableFromLocalFile(path);
@@ -638,7 +717,7 @@ export class Img extends ImageBase {
             }
         }
         else {
-            drawable = new android.graphics.drawable.BitmapDrawable(ad.getApplicationContext().getResources(), path.android);
+            drawable = new android.graphics.drawable.BitmapDrawable(Utils.ad.getApplicationContext().getResources(), path.android);
         }
         return drawable;
     }
@@ -646,12 +725,13 @@ export class Img extends ImageBase {
         const img = ImageSource.fromFileSync(localFilePath);
         let drawable = null;
         if (img) {
-            drawable = new android.graphics.drawable.BitmapDrawable(ad.getApplicationContext().getResources(), img.android);
+            drawable = new android.graphics.drawable.BitmapDrawable(Utils.ad.getApplicationContext().getResources(), img.android);
         }
         return drawable;
     }
     getDrawableFromResource(resourceName) {
-        const identifier = ad.getApplication().getResources().getIdentifier(resourceName.substr(RESOURCE_PREFIX.length), 'drawable', ad.getApplication().getPackageName());
+        const identifier = Utils.ad.getApplication().getResources().getIdentifier(resourceName.substr(Utils.RESOURCE_PREFIX.length), 'drawable', Utils.ad.getApplication().getPackageName());
+        // we return the identifier to allow Fresco to handle memory / caching
         return identifier;
     }
     startAnimating() {
@@ -733,7 +813,7 @@ __decorate([
 ], Img.prototype, _t, null);
 class GenericDraweeHierarchyBuilder {
     constructor() {
-        const res = ad.getApplicationContext().getResources();
+        const res = Utils.ad.getApplicationContext().getResources();
         this.nativeBuilder = new com.facebook.drawee.generic.GenericDraweeHierarchyBuilder(res);
     }
     setPlaceholderImage(drawable, scaleType) {
@@ -831,23 +911,31 @@ function getScaleType(scaleType) {
     if (isString(scaleType)) {
         switch (scaleType) {
             case ScaleType.Center:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeCenter();
             case ScaleType.AspectFill:
             case ScaleType.CenterCrop:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeCenterCrop();
             case ScaleType.CenterInside:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeCenterInside();
             case ScaleType.FitCenter:
             case ScaleType.AspectFit:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeFitCenter();
             case ScaleType.FitEnd:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeFitEnd();
             case ScaleType.FitStart:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeFitStart();
             case ScaleType.Fill:
             case ScaleType.FitXY:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeFitXY();
             case ScaleType.FocusCrop:
+                //@ts-ignore
                 return new com.nativescript.image.ScalingUtils.ScaleTypeFocusCrop();
             default:
                 break;

package/index.ios.js

@@ -1,8 +1,8 @@
 export * from './index-common';
-import { ImageAsset, ImageSource, Screen, Trace, knownFolders, path } from '@nativescript/core';
+import { ImageAsset, ImageSource, Screen, Trace, Utils, knownFolders, path } from '@nativescript/core';
 import { isString } from '@nativescript/core/utils/types';
-import { RESOURCE_PREFIX, isFileOrResourcePath, isFontIconURI, layout } from '@nativescript/core/utils/utils';
 import { CLog, CLogTypes, EventData, ImageBase, ScaleType } from './index-common';
+import { layout } from '@nativescript/core/utils/layout-helper';
 export class ImageInfo {
     constructor(width, height) {
         this.width = width;
@@ -23,17 +23,17 @@ function getScaleType(scaleType) {
             case ScaleType.Center:
             case ScaleType.CenterCrop:
             case ScaleType.AspectFill:
-                return 2;
+                return 2 /* SDImageScaleMode.AspectFill */;
             case ScaleType.CenterInside:
             case ScaleType.FitCenter:
             case ScaleType.FitEnd:
             case ScaleType.FitStart:
             case ScaleType.AspectFit:
-                return 1;
+                return 1 /* SDImageScaleMode.AspectFit */;
             case ScaleType.FitXY:
             case ScaleType.FocusCrop:
             case ScaleType.Fill:
-                return 0;
+                return 0 /* SDImageScaleMode.Fill */;
             default:
                 break;
         }
@@ -44,24 +44,24 @@ function getUIImageScaleType(scaleType) {
     if (isString(scaleType)) {
         switch (scaleType) {
             case ScaleType.Center:
-                return 4;
+                return UIViewContentMode.Center;
             case ScaleType.FocusCrop:
             case ScaleType.CenterCrop:
             case ScaleType.AspectFill:
-                return 2;
+                return UIViewContentMode.ScaleAspectFill;
             case ScaleType.AspectFit:
             case ScaleType.CenterInside:
             case ScaleType.FitCenter:
-                return 1;
+                return UIViewContentMode.ScaleAspectFit;
             case ScaleType.FitEnd:
-                return 8;
+                return UIViewContentMode.Right;
             case ScaleType.FitStart:
-                return 7;
+                return UIViewContentMode.Left;
             case ScaleType.Fill:
             case ScaleType.FitXY:
-                return 0;
+                return UIViewContentMode.ScaleToFill;
             case ScaleType.None:
-                return 9;
+                return UIViewContentMode.TopLeft;
             default:
                 break;
         }
@@ -102,10 +102,10 @@ export class ImagePipeline {
         this._ios.clearDiskOnCompletion(null);
     }
     prefetchToDiskCache(uri) {
-        return this.prefetchToCacheType(uri, 1);
+        return this.prefetchToCacheType(uri, 1 /* SDImageCacheType.Disk */);
     }
     prefetchToMemoryCache(uri) {
-        return this.prefetchToCacheType(uri, 2);
+        return this.prefetchToCacheType(uri, 2 /* SDImageCacheType.Memory */);
     }
     prefetchToCacheType(uri, cacheType) {
         return new Promise((resolve, reject) => {
@@ -135,8 +135,8 @@ function getUri(src) {
     if (src instanceof ImageAsset) {
         return NSURL.sd_URLWithAsset(src.ios);
     }
-    if (uri.indexOf(RESOURCE_PREFIX) === 0) {
-        const resName = uri.substr(RESOURCE_PREFIX.length);
+    if (uri.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+        const resName = uri.substr(Utils.RESOURCE_PREFIX.length);
         if (screenScale === -1) {
             screenScale = Screen.mainScreen.scale;
         }
@@ -171,7 +171,7 @@ export class Img extends ImageBase {
             if (!this.nativeViewProtected) {
                 return;
             }
-            const animate = (this.alwaysFade || cacheType !== 2) && this.fadeDuration > 0;
+            const animate = (this.alwaysFade || cacheType !== 2 /* SDImageCacheType.Memory */) && this.fadeDuration > 0;
             if (image) {
                 this._setNativeImage(image, animate);
             }
@@ -207,16 +207,18 @@ export class Img extends ImageBase {
     }
     createNativeView() {
         const result = this.animatedImageView ? SDAnimatedImageView.new() : UIImageView.new();
-        result.contentMode = 1;
+        result.contentMode = UIViewContentMode.ScaleAspectFit;
         result.clipsToBounds = true;
-        result.userInteractionEnabled = true;
+        result.userInteractionEnabled = true; // needed for gestures to work
         result.tintColor = null;
         return result;
     }
     _setNativeClipToBounds() {
+        // Always set clipsToBounds for images
         this.nativeViewProtected.clipsToBounds = true;
     }
     onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        // We don't call super because we measure native view with specific size.
         const width = layout.getMeasureSpecSize(widthMeasureSpec);
         const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
         const height = layout.getMeasureSpecSize(heightMeasureSpec);
@@ -233,6 +235,7 @@ export class Img extends ImageBase {
             const nativeHeight = image ? layout.toDevicePixels(image.size.height) : 0;
             const imgRatio = nativeWidth / nativeHeight;
             const ratio = this.aspectRatio || imgRatio;
+            // const scale = this.computeScaleFactor(width, height, finiteWidth, finiteHeight, nativeWidth, nativeHeight, this.aspectRatio || imgRatio );
             if (!finiteWidth) {
                 widthMeasureSpec = layout.makeMeasureSpec(height * ratio, layout.EXACTLY);
             }
@@ -260,11 +263,28 @@ export class Img extends ImageBase {
     }
     _setNativeImage(nativeImage, animated = true) {
         if (animated) {
+            // switch (this.transition) {
+            //     case 'fade':
             this.nativeImageViewProtected.alpha = 0.0;
             this.nativeImageViewProtected.image = nativeImage;
             UIView.animateWithDurationAnimations(this.fadeDuration / 1000, () => {
                 this.nativeImageViewProtected.alpha = this.opacity;
             });
+            //     break;
+            // case 'curlUp':
+            //     UIView.transitionWithViewDurationOptionsAnimationsCompletion(
+            //        this.nativeImageViewProtected,
+            //         0.3,
+            //         UIViewAnimationOptions.TransitionCrossDissolve,
+            //         () => {
+            //             this._setNativeImage(image);
+            //         },
+            //         null
+            //     );
+            //     break;
+            // default:
+            //     this._setNativeImage(image);
+            // }
         }
         else {
             this.nativeImageViewProtected.image = nativeImage;
@@ -280,15 +300,16 @@ export class Img extends ImageBase {
         }
         let image;
         if (typeof imagePath === 'string') {
-            if (isFontIconURI(imagePath)) {
+            if (Utils.isFontIconURI(imagePath)) {
                 const fontIconCode = imagePath.split('//')[1];
                 if (fontIconCode !== undefined) {
+                    // support sync mode only
                     const font = this.style.fontInternal;
                     const color = this.style.color;
                     image = ImageSource.fromFontIconCodeSync(fontIconCode, font, color).ios;
                 }
             }
-            if (!image && isFileOrResourcePath(imagePath)) {
+            if (!image && Utils.isFileOrResourcePath(imagePath)) {
                 image = ImageSource.fromFileOrResourceSync(imagePath);
             }
         }
@@ -314,9 +335,10 @@ export class Img extends ImageBase {
                     return;
                 }
                 else if (typeof src === 'string') {
-                    if (isFontIconURI(src)) {
+                    if (Utils.isFontIconURI(src)) {
                         const fontIconCode = src.split('//')[1];
                         if (fontIconCode !== undefined) {
+                            // support sync mode only
                             const font = this.style.fontInternal;
                             const color = this.style.color;
                             this._setNativeImage(ImageSource.fromFontIconCodeSync(fontIconCode, font, color).ios, animate);
@@ -334,16 +356,17 @@ export class Img extends ImageBase {
                     }
                 }
                 this.isLoading = true;
-                let options = 2048 | 1024;
+                let options = 2048 /* SDWebImageOptions.ScaleDownLargeImages */ | 1024 /* SDWebImageOptions.AvoidAutoSetImage */;
                 if (this.alwaysFade === true) {
-                    options |= 131072;
+                    options |= 131072 /* SDWebImageOptions.ForceTransition */;
                 }
                 const context = NSMutableDictionary.dictionary();
                 const transformers = [];
                 if (this.progressiveRenderingEnabled === true) {
-                    options = options | 4;
+                    options = options | 4 /* SDWebImageOptions.ProgressiveLoad */;
                 }
                 if (this.decodeWidth && this.decodeHeight) {
+                    //@ts-ignore
                     transformers.push(NSImageDecodeSizeTransformer.transformerWithDecodeWidthDecodeHeight(this.decodeWidth, this.decodeHeight));
                 }
                 if (this.tintColor) {
@@ -353,14 +376,18 @@ export class Img extends ImageBase {
                     transformers.push(SDImageBlurTransformer.transformerWithRadius(this.blurRadius));
                 }
                 if (this.roundAsCircle === true) {
+                    //@ts-ignore
                     transformers.push(NSImageRoundAsCircleTransformer.transformer());
                 }
                 if (this.roundBottomLeftRadius || this.roundBottomRightRadius || this.roundTopLeftRadius || this.roundTopRightRadius) {
-                    transformers.push(NSImageRoundCornerTransformer.transformerWithTopLefRadiusTopRightRadiusBottomRightRadiusBottomLeftRadius(layout.toDeviceIndependentPixels(this.roundTopLeftRadius), layout.toDeviceIndependentPixels(this.roundTopRightRadius), layout.toDeviceIndependentPixels(this.roundBottomRightRadius), layout.toDeviceIndependentPixels(this.roundBottomLeftRadius)));
+                    transformers.push(
+                    //@ts-ignore
+                    NSImageRoundCornerTransformer.transformerWithTopLefRadiusTopRightRadiusBottomRightRadiusBottomLeftRadius(layout.toDeviceIndependentPixels(this.roundTopLeftRadius), layout.toDeviceIndependentPixels(this.roundTopRightRadius), layout.toDeviceIndependentPixels(this.roundBottomRightRadius), layout.toDeviceIndependentPixels(this.roundBottomLeftRadius)));
                 }
                 if (transformers.length > 0) {
                     if (this.animatedImageView) {
-                        options |= 512;
+                        // as we use SDAnimatedImageView  all images are loaded as SDAnimatedImage;
+                        options |= 512 /* SDWebImageOptions.TransformAnimatedImage */;
                     }
                     context.setValueForKey(SDImagePipelineTransformer.transformerWithTransformers(transformers), SDWebImageContextImageTransformer);
                 }
@@ -382,6 +409,7 @@ export class Img extends ImageBase {
         this.initImage();
     }
     [ImageBase.failureImageUriProperty.setNative]() {
+        // this.updateHierarchy();
     }
     [ImageBase.stretchProperty.setNative](value) {
         if (!this.nativeView) {
@@ -389,6 +417,20 @@ export class Img extends ImageBase {
         }
         this.nativeImageViewProtected.contentMode = getUIImageScaleType(value);
     }
+    // [ImageBase.blendingModeProperty.setNative](value: string) {
+    //     console.log('blendingModeProperty', value);
+    //     switch (value) {
+    //         case 'multiply':
+    //            this.nativeImageViewProtected.layer.compositingFilter = 'multiply';
+    //             break;
+    //         case 'lighten':
+    //            this.nativeImageViewProtected.layer.compositingFilter = 'lighten';
+    //             break;
+    //         case 'screen':
+    //            this.nativeImageViewProtected.layer.compositingFilter = 'screen';
+    //             break;
+    //     }
+    // }
     startAnimating() {
         this.nativeImageViewProtected.startAnimating();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-image",
-    "version": "4.3.5",
+    "version": "4.3.7",
     "description": "Advanced and efficient image display plugin which uses Fresco (Android) and SDWebImage (iOS) to implement caching, placeholders, image effects, and much more.",
     "main": "./index",
     "sideEffects": false,
@@ -44,5 +44,5 @@
     },
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
-    "gitHead": "8e01d92bb19439fe14e45f384a5238cfa4fc90e8"
+    "gitHead": "e97c94836db13b09c15553f71ddac95f6d8a38f3"
 }

package/platforms/android/native-api-usage.json

@@ -1,35 +1,36 @@
 {
     "uses": [
-        "com.facebook.drawee.drawable:ScalingUtils*",
-        "com.facebook.drawee.drawable.ScalingUtils:ScaleType*",
-        "com.facebook.drawee.generic:RoundingParams*",
-        "com.facebook.drawee.drawable:ProgressBarDrawable*",
-        "com.facebook.drawee.view:DraweeView*",
-        "com.facebook.drawee.interfaces:DraweeHierarchy*",
-        "com.facebook.drawee.interfaces:SettableDraweeHierarchy*",
-        "com.facebook.drawee.interfaces:SimpleDraweeControllerBuilder*",
-        "com.facebook.drawee.interfaces:DraweeController*",
-        "com.facebook.drawee.generic:GenericDraweeHierarchyBuilder*",
-        "com.facebook.drawee.generic:GenericDraweeHierarchy*",
-        "com.facebook.imagepipeline.request:ImageRequestBuilder*",
-        "com.facebook.imagepipeline.request:ImageRequest*",
-        "com.facebook.imagepipeline.core:ImagePipelineConfig*",
-        "com.facebook.imagepipeline.common:RotationOptions*",
-        "com.facebook.imagepipeline.common:ResizeOptions*",
-        "com.facebook.drawee.backends.pipeline:Fresco*",
-        "com.facebook.drawee.backends.pipeline:PipelineDraweeControllerBuilder*",
-        "com.facebook.drawee.backends.pipeline:PipelineDraweeController*",
-        "com.facebook.drawee.controller:AbstractDraweeControllerBuilder*",
-        "com.facebook.drawee.controller:AbstractDraweeController*",
-        "com.facebook.drawee.backends.pipeline.info:ImagePerfDataListener*",
-        "com.facebook.drawee.backends.pipeline.info:ImagePerfData*",
-        "com.facebook.drawee.controller:ControllerListener*",
-        "com.nativescript.image:DraweeView*",
-        "com.nativescript.image:ScalingBlurPostprocessor*",
+        "com.facebook.drawee.drawable:ScalingUtils",
+        "com.facebook.drawee.drawable:ScalingUtils.ScaleType",
+        "com.facebook.drawee.generic:RoundingParams",
+        "com.facebook.drawee.drawable:ProgressBarDrawable",
+        "com.facebook.drawee.view:DraweeView",
+        "com.facebook.drawee.interfaces:DraweeHierarchy",
+        "com.facebook.drawee.interfaces:SettableDraweeHierarchy",
+        "com.facebook.drawee.interfaces:SimpleDraweeControllerBuilder",
+        "com.facebook.drawee.interfaces:DraweeController",
+        "com.facebook.drawee.generic:GenericDraweeHierarchyBuilder",
+        "com.facebook.drawee.generic:GenericDraweeHierarchy",
+        "com.facebook.imagepipeline.request:ImageRequestBuilder",
+        "com.facebook.imagepipeline.request:ImageRequest",
+        "com.facebook.imagepipeline.core:ImagePipelineConfig",
+        "com.facebook.imagepipeline.core:ImagePipeline",
+        "com.facebook.imagepipeline.common:RotationOptions",
+        "com.facebook.imagepipeline.common:ResizeOptions",
+        "com.facebook.drawee.backends.pipeline:Fresco",
+        "com.facebook.drawee.backends.pipeline:PipelineDraweeControllerBuilder",
+        "com.facebook.drawee.backends.pipeline:PipelineDraweeController",
+        "com.facebook.drawee.controller:AbstractDraweeControllerBuilder",
+        "com.facebook.drawee.controller:AbstractDraweeController",
+        "com.facebook.drawee.backends.pipeline.info:ImagePerfDataListener",
+        "com.facebook.drawee.backends.pipeline.info:ImagePerfData",
+        "com.facebook.drawee.controller:ControllerListener",
+        "com.nativescript.image:DraweeView",
+        "com.nativescript.image:ScalingBlurPostprocessor",
         "android.graphics.drawable:Animatable",
-        "com.facebook.imagepipeline.image:ImageInfo*",
-        "com.facebook.common.util:UriUtil*",
-        "android.net:Uri*",
-        "android.net.Uri:Builder*"
+        "com.facebook.imagepipeline.image:ImageInfo",
+        "com.facebook.common.util:UriUtil",
+        "android.net:Uri",
+        "android.net.Uri:Builder"
     ]
 }

package/angular/directives.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ImgDirective {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImgDirective, "NSImg", never, {}, {}, never, never, false>;
-}
-export declare const NSIMG_DIRECTIVES: (typeof ImgDirective)[];

package/angular/esm2020/directives.mjs

@@ -1,15 +0,0 @@
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ImgDirective {
-    constructor() { }
-}
-ImgDirective.ɵfac = function ImgDirective_Factory(t) { return new (t || ImgDirective)(); };
-ImgDirective.ɵdir = i0.ɵɵdefineDirective({ type: ImgDirective, selectors: [["NSImg"]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
-        type: Directive,
-        args: [{
-                selector: 'NSImg'
-            }]
-    }], function () { return []; }, null); })();
-export const NSIMG_DIRECTIVES = [ImgDirective];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbWFnZS9hbmd1bGFyL2RpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLFlBQVk7SUFDckIsZ0JBQWUsQ0FBQzs7d0VBRFAsWUFBWTtpREFBWixZQUFZO3VGQUFaLFlBQVk7Y0FIeEIsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxPQUFPO2FBQ3BCOztBQUlELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsWUFBWSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdOU0ltZydcbn0pXG5leHBvcnQgY2xhc3MgSW1nRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHt9XG59XG5leHBvcnQgY29uc3QgTlNJTUdfRElSRUNUSVZFUyA9IFtJbWdEaXJlY3RpdmVdO1xuIl19

package/angular/esm2020/index.mjs

@@ -1,2 +0,0 @@
-export * from './module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvaW1hZ2UvYW5ndWxhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxjQUFjLFVBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xuIl19

package/angular/esm2020/module.mjs

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { registerElement } from '@nativescript/angular';
-import { ImgDirective, NSIMG_DIRECTIVES } from './directives';
-import { Img } from '@nativescript-community/ui-image';
-import * as i0 from "@angular/core";
-import * as i1 from "./directives";
-export { ImgDirective };
-export class TNSImageModule {
-}
-TNSImageModule.ɵfac = function TNSImageModule_Factory(t) { return new (t || TNSImageModule)(); };
-TNSImageModule.ɵmod = i0.ɵɵdefineNgModule({ type: TNSImageModule });
-TNSImageModule.ɵinj = i0.ɵɵdefineInjector({});
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [NSIMG_DIRECTIVES],
-                exports: [NSIMG_DIRECTIVES],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TNSImageModule, { declarations: [i1.ImgDirective], exports: [i1.ImgDirective] }); })();
-registerElement('NSImg', () => Img);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2ltYWdlL2FuZ3VsYXIvbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFDO0FBS3hCLE1BQU0sT0FBTyxjQUFjOzs0RUFBZCxjQUFjO2tEQUFkLGNBQWM7O3VGQUFkLGNBQWM7Y0FKMUIsUUFBUTtlQUFDO2dCQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUM5Qjs7d0ZBQ1ksY0FBYztBQUUzQixlQUFlLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgcmVnaXN0ZXJFbGVtZW50IH0gZnJvbSAnQG5hdGl2ZXNjcmlwdC9hbmd1bGFyJztcblxuaW1wb3J0IHsgSW1nRGlyZWN0aXZlLCBOU0lNR19ESVJFQ1RJVkVTIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEltZyB9IGZyb20gJ0BuYXRpdmVzY3JpcHQtY29tbXVuaXR5L3VpLWltYWdlJztcbmV4cG9ydCB7IEltZ0RpcmVjdGl2ZSB9O1xuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtOU0lNR19ESVJFQ1RJVkVTXSxcbiAgICBleHBvcnRzOiBbTlNJTUdfRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIFROU0ltYWdlTW9kdWxlIHt9XG5cbnJlZ2lzdGVyRWxlbWVudCgnTlNJbWcnLCAoKSA9PiBJbWcpO1xuIl19

package/angular/esm2020/nativescript-community-ui-image-angular.mjs

@@ -1,2 +0,0 @@
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1pbWFnZS1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2ltYWdlL2FuZ3VsYXIvbmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1pbWFnZS1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/angular/fesm2015/nativescript-community-ui-image-angular.mjs

@@ -1,39 +0,0 @@
-import * as i0 from '@angular/core';
-import { Directive, NgModule } from '@angular/core';
-import { registerElement } from '@nativescript/angular';
-import { Img } from '@nativescript-community/ui-image';
-
-class ImgDirective {
-    constructor() { }
-}
-ImgDirective.ɵfac = function ImgDirective_Factory(t) { return new (t || ImgDirective)(); };
-ImgDirective.ɵdir = i0.ɵɵdefineDirective({ type: ImgDirective, selectors: [["NSImg"]] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
-            type: Directive,
-            args: [{
-                    selector: 'NSImg'
-                }]
-        }], function () { return []; }, null);
-})();
-const NSIMG_DIRECTIVES = [ImgDirective];
-
-class TNSImageModule {
-}
-TNSImageModule.ɵfac = function TNSImageModule_Factory(t) { return new (t || TNSImageModule)(); };
-TNSImageModule.ɵmod = i0.ɵɵdefineNgModule({ type: TNSImageModule });
-TNSImageModule.ɵinj = i0.ɵɵdefineInjector({});
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
-            type: NgModule,
-            args: [{
-                    declarations: [NSIMG_DIRECTIVES],
-                    exports: [NSIMG_DIRECTIVES],
-                }]
-        }], null, null);
-})();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TNSImageModule, { declarations: [ImgDirective], exports: [ImgDirective] }); })();
-registerElement('NSImg', () => Img);
-
-export { ImgDirective, TNSImageModule };
-//# sourceMappingURL=nativescript-community-ui-image-angular.mjs.map

package/angular/fesm2020/nativescript-community-ui-image-angular.mjs

@@ -1,35 +0,0 @@
-import * as i0 from '@angular/core';
-import { Directive, NgModule } from '@angular/core';
-import { registerElement } from '@nativescript/angular';
-import { Img } from '@nativescript-community/ui-image';
-
-class ImgDirective {
-    constructor() { }
-}
-ImgDirective.ɵfac = function ImgDirective_Factory(t) { return new (t || ImgDirective)(); };
-ImgDirective.ɵdir = i0.ɵɵdefineDirective({ type: ImgDirective, selectors: [["NSImg"]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
-        type: Directive,
-        args: [{
-                selector: 'NSImg'
-            }]
-    }], function () { return []; }, null); })();
-const NSIMG_DIRECTIVES = [ImgDirective];
-
-class TNSImageModule {
-}
-TNSImageModule.ɵfac = function TNSImageModule_Factory(t) { return new (t || TNSImageModule)(); };
-TNSImageModule.ɵmod = i0.ɵɵdefineNgModule({ type: TNSImageModule });
-TNSImageModule.ɵinj = i0.ɵɵdefineInjector({});
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [NSIMG_DIRECTIVES],
-                exports: [NSIMG_DIRECTIVES],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TNSImageModule, { declarations: [ImgDirective], exports: [ImgDirective] }); })();
-registerElement('NSImg', () => Img);
-
-export { ImgDirective, TNSImageModule };
-//# sourceMappingURL=nativescript-community-ui-image-angular.mjs.map

package/angular/index.d.ts

@@ -1 +0,0 @@
-export * from './module';

package/angular/module.d.ts

@@ -1,9 +0,0 @@
-import { ImgDirective } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./directives";
-export { ImgDirective };
-export declare class TNSImageModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TNSImageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TNSImageModule, [typeof i1.ImgDirective], never, [typeof i1.ImgDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TNSImageModule>;
-}

package/angular/nativescript-community-ui-image-angular.d.ts

@@ -1,2 +0,0 @@
-/// <amd-module name="@nativescript-community/ui-image-angular" />
-export * from './index';

package/angular/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "@nativescript-community/ui-image-angular",
-  "main": "index.js",
-  "module": "fesm2015/nativescript-community-ui-image-angular.mjs",
-  "es2020": "fesm2020/nativescript-community-ui-image-angular.mjs",
-  "esm2020": "esm2020/nativescript-community-ui-image-angular.mjs",
-  "fesm2020": "fesm2020/nativescript-community-ui-image-angular.mjs",
-  "fesm2015": "fesm2015/nativescript-community-ui-image-angular.mjs",
-  "typings": "nativescript-community-ui-image-angular.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./nativescript-community-ui-image-angular.d.ts",
-      "esm2020": "./esm2020/nativescript-community-ui-image-angular.mjs",
-      "es2020": "./fesm2020/nativescript-community-ui-image-angular.mjs",
-      "es2015": "./fesm2015/nativescript-community-ui-image-angular.mjs",
-      "node": "./fesm2015/nativescript-community-ui-image-angular.mjs",
-      "default": "./fesm2020/nativescript-community-ui-image-angular.mjs"
-    }
-  },
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
-  }
-}

package/index.android.d.ts

@@ -1,85 +0,0 @@
-export * from './index-common';
-import { AnimatedImage, EventData, ImageBase, ImageError as ImageErrorBase, ImageInfo as ImageInfoBase, ImagePipelineConfigSetting } from './index-common';
-export declare function initialize(config?: ImagePipelineConfigSetting): void;
-export declare function getImagePipeline(): ImagePipeline;
-export declare function shutDown(): void;
-export declare class ImagePipeline {
-    private _android;
-    toUri(value: string | android.net.Uri): globalAndroid.net.Uri;
-    isInDiskCache(uri: string | android.net.Uri): boolean;
-    isInBitmapMemoryCache(uri: string | android.net.Uri): boolean;
-    evictFromMemoryCache(uri: string | android.net.Uri): void;
-    evictFromDiskCache(uri: string | android.net.Uri): void;
-    evictFromCache(uri: string | android.net.Uri): void;
-    clearCaches(): void;
-    clearMemoryCaches(): void;
-    clearDiskCaches(): void;
-    prefetchToDiskCache(uri: string): Promise<void>;
-    prefetchToMemoryCache(uri: string): Promise<void>;
-    private prefetchToCache;
-    get android(): any;
-    set android(value: any);
-    fetchImage(): void;
-}
-export declare class ImageError implements ImageErrorBase {
-    private _stringValue;
-    private _message;
-    private _errorType;
-    constructor(throwable: java.lang.Throwable);
-    getMessage(): string;
-    getErrorType(): string;
-    toString(): string;
-}
-export interface QualityInfo {
-    getQuality(): any;
-    isOfFullQuality(): any;
-    isOfGoodEnoughQuality(): any;
-}
-export declare class ImageInfo implements ImageInfoBase {
-    private _nativeImageInfo;
-    constructor(imageInfo: any);
-    getHeight(): number;
-    getWidth(): number;
-    getQualityInfo(): QualityInfo;
-}
-export declare class FinalEventData extends EventData {
-    private _imageInfo;
-    private _animatable;
-    get imageInfo(): ImageInfo;
-    set imageInfo(value: ImageInfo);
-    get animatable(): AnimatedImage;
-    set animatable(value: AnimatedImage);
-    get android(): AnimatedImage;
-}
-export declare class IntermediateEventData extends EventData {
-    private _imageInfo;
-    get imageInfo(): ImageInfo;
-    set imageInfo(value: ImageInfo);
-}
-export declare class FailureEventData extends EventData {
-    private _error;
-    get error(): ImageError;
-    set error(value: ImageError);
-}
-export declare const needRequestImage: (target: any, propertyKey: string | Symbol, descriptor: PropertyDescriptor) => void;
-export declare const needUpdateHierarchy: (target: any, propertyKey: string | Symbol, descriptor: PropertyDescriptor) => void;
-export declare class Img extends ImageBase {
-    nativeViewProtected: com.nativescript.image.DraweeView;
-    nativeImageViewProtected: com.nativescript.image.DraweeView;
-    isLoading: boolean;
-    _canRequestImage: boolean;
-    _canUpdateHierarchy: boolean;
-    _needUpdateHierarchy: boolean;
-    _needRequestImage: boolean;
-    onResumeNativeUpdates(): void;
-    createNativeView(): com.nativescript.image.DraweeView;
-    updateViewSize(imageInfo: any): void;
-    updateImageUri(): void;
-    private initImage;
-    private updateHierarchy;
-    private getDrawable;
-    private getDrawableFromLocalFile;
-    private getDrawableFromResource;
-    startAnimating(): void;
-    stopAnimating(): void;
-}

package/index.ios.d.ts

@@ -1,50 +0,0 @@
-export * from './index-common';
-import { EventData, ImageBase, ImageInfo as ImageInfoBase, ImagePipelineConfigSetting } from './index-common';
-export declare class ImageInfo implements ImageInfoBase {
-    private width;
-    private height;
-    constructor(width: number, height: number);
-    getHeight(): number;
-    getWidth(): number;
-}
-export interface FinalEventData extends EventData {
-    imageInfo: ImageInfo;
-    ios: UIImage;
-}
-export declare function initialize(config?: ImagePipelineConfigSetting): void;
-export declare function shutDown(): void;
-export declare class ImagePipeline {
-    private _ios;
-    constructor();
-    isInDiskCache(uri: string): boolean;
-    isInBitmapMemoryCache(uri: string): boolean;
-    evictFromMemoryCache(uri: string): void;
-    evictFromDiskCache(uri: string): void;
-    evictFromCache(uri: string): void;
-    clearCaches(): void;
-    clearMemoryCaches(): void;
-    clearDiskCaches(): void;
-    prefetchToDiskCache(uri: string): Promise<void>;
-    prefetchToMemoryCache(uri: string): Promise<void>;
-    private prefetchToCacheType;
-    get ios(): SDImageCache;
-}
-export declare function getImagePipeline(): ImagePipeline;
-export declare class Img extends ImageBase {
-    nativeViewProtected: SDAnimatedImageView | UIImageView;
-    nativeImageViewProtected: SDAnimatedImageView | UIImageView;
-    isLoading: boolean;
-    private _imageSourceAffectsLayout;
-    createNativeView(): UIImageView;
-    _setNativeClipToBounds(): void;
-    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
-    updateImageUri(): void;
-    _setNativeImage(nativeImage: UIImage, animated?: boolean): void;
-    private handleImageLoaded;
-    private onLoadProgress;
-    private getUIImage;
-    private initImage;
-    placeholderImage: UIImage;
-    startAnimating(): void;
-    stopAnimating(): void;
-}

package/vue/index.mjs

@@ -1,8 +0,0 @@
-import { Img } from '../image';
-const ImagePlugin = {
-    install(Vue) {
-        Vue.registerElement('NSImg', () => Img);
-    }
-};
-export default ImagePlugin;
-//# sourceMappingURL=index.mjs.map