@nativescript-community/ui-image 4.3.10 → 4.3.12

package/index-common.d.ts

@@ -53,6 +53,36 @@ export declare class EventData implements IEventData {
     set object(value: any);
 }
 export declare type Stretch = 'none' | 'fill' | 'aspectFill' | 'aspectFit';
+export declare const srcProperty: Property<ImageBase, string | ImageSource | ImageAsset>;
+export declare const lowerResSrcProperty: Property<ImageBase, string>;
+export declare const placeholderImageUriProperty: Property<ImageBase, string>;
+export declare const failureImageUriProperty: Property<ImageBase, string>;
+export declare const stretchProperty: Property<ImageBase, string>;
+export declare const backgroundUriProperty: Property<ImageBase, string>;
+export declare const progressiveRenderingEnabledProperty: Property<ImageBase, boolean>;
+export declare const localThumbnailPreviewsEnabledProperty: Property<ImageBase, boolean>;
+export declare const showProgressBarProperty: Property<ImageBase, boolean>;
+export declare const progressBarColorProperty: Property<ImageBase, string>;
+export declare const roundAsCircleProperty: Property<ImageBase, boolean>;
+export declare const blurRadiusProperty: Property<ImageBase, number>;
+export declare const blurDownSamplingProperty: Property<ImageBase, number>;
+export declare const imageRotationProperty: Property<ImageBase, number>;
+export declare const autoPlayAnimationsProperty: Property<ImageBase, boolean>;
+export declare const tapToRetryEnabledProperty: Property<ImageBase, boolean>;
+export declare const aspectRatioProperty: Property<ImageBase, number>;
+export declare const decodeWidthProperty: Property<ImageBase, number>;
+export declare const decodeHeightProperty: Property<ImageBase, number>;
+export declare const tintColorProperty: Property<ImageBase, Color>;
+export declare const alwaysFadeProperty: Property<ImageBase, boolean>;
+export declare const fadeDurationProperty: Property<ImageBase, number>;
+export declare const noCacheProperty: Property<ImageBase, boolean>;
+export declare const roundTopLeftRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
+export declare const roundTopRightRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
+export declare const roundBottomLeftRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
+export declare const roundBottomRightRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
+export declare const loadModeProperty: Property<ImageBase, "sync" | "async">;
+export declare const clipToBoundsProperty: Property<ImageBase, boolean>;
+export declare const animatedImageViewProperty: Property<ImageBase, boolean>;
 export declare class ImageBase extends View {
     static finalImageSetEvent: string;
     static failureEvent: string;
@@ -90,36 +120,6 @@ export declare class ImageBase extends View {
     noCache: boolean;
     tintColor: Color;
     readonly isLoading: boolean;
-    static srcProperty: Property<ImageBase, string | ImageSource | ImageAsset>;
-    static lowerResSrcProperty: Property<ImageBase, string>;
-    static placeholderImageUriProperty: Property<ImageBase, string>;
-    static failureImageUriProperty: Property<ImageBase, string>;
-    static stretchProperty: Property<ImageBase, string>;
-    static backgroundUriProperty: Property<ImageBase, string>;
-    static progressiveRenderingEnabledProperty: Property<ImageBase, boolean>;
-    static localThumbnailPreviewsEnabledProperty: Property<ImageBase, boolean>;
-    static showProgressBarProperty: Property<ImageBase, boolean>;
-    static progressBarColorProperty: Property<ImageBase, string>;
-    static roundAsCircleProperty: Property<ImageBase, boolean>;
-    static blurRadiusProperty: Property<ImageBase, number>;
-    static blurDownSamplingProperty: Property<ImageBase, number>;
-    static imageRotationProperty: Property<ImageBase, number>;
-    static autoPlayAnimationsProperty: Property<ImageBase, boolean>;
-    static tapToRetryEnabledProperty: Property<ImageBase, boolean>;
-    static aspectRatioProperty: Property<ImageBase, number>;
-    static decodeWidthProperty: Property<ImageBase, number>;
-    static decodeHeightProperty: Property<ImageBase, number>;
-    static tintColorProperty: Property<ImageBase, Color>;
-    static alwaysFadeProperty: Property<ImageBase, boolean>;
-    static fadeDurationProperty: Property<ImageBase, number>;
-    static noCacheProperty: Property<ImageBase, boolean>;
-    static roundTopLeftRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
-    static roundTopRightRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
-    static roundBottomLeftRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
-    static roundBottomRightRadiusProperty: Property<ImageBase, CoreTypes.LengthType>;
-    static loadModeProperty: Property<ImageBase, "sync" | "async">;
-    static clipToBoundsProperty: Property<ImageBase, boolean>;
-    static animatedImageViewProperty: Property<ImageBase, boolean>;
     get nativeImageViewProtected(): any;
     protected handleImageProgress(value: number, totalSize?: number): void;
     private static needsSizeAdjustment;

package/index-common.js

@@ -5,6 +5,51 @@ import { isAndroid } from '@nativescript/core/platform';
 function isNonNegativeFiniteNumber(value) {
     return isFinite(value) && !isNaN(value) && value >= 0;
 }
+function parseThickness(value) {
+    if (typeof value === 'string') {
+        const arr = value.split(/[ ,]+/);
+        let top;
+        let right;
+        let bottom;
+        let left;
+        if (arr.length === 1) {
+            top = arr[0];
+            right = arr[0];
+            bottom = arr[0];
+            left = arr[0];
+        }
+        else if (arr.length === 2) {
+            top = arr[0];
+            bottom = arr[0];
+            right = arr[1];
+            left = arr[1];
+        }
+        else if (arr.length === 3) {
+            top = arr[0];
+            right = arr[1];
+            left = arr[1];
+            bottom = arr[2];
+        }
+        else if (arr.length === 4) {
+            top = arr[0];
+            right = arr[1];
+            bottom = arr[2];
+            left = arr[3];
+        }
+        else {
+            throw new Error('Expected 1, 2, 3 or 4 parameters. Actual: ' + value);
+        }
+        return {
+            top,
+            right,
+            bottom,
+            left
+        };
+    }
+    else {
+        return value;
+    }
+}
 export var CLogTypes;
 (function (CLogTypes) {
     CLogTypes[CLogTypes["log"] = Trace.messageType.log] = "log";
@@ -45,6 +90,90 @@ export class EventData {
         this._object = value;
     }
 }
+export const srcProperty = new Property({ name: 'src' });
+export const lowerResSrcProperty = new Property({ name: 'lowerResSrc' });
+export const placeholderImageUriProperty = new Property({ name: 'placeholderImageUri' });
+export const failureImageUriProperty = new Property({ name: 'failureImageUri' });
+export const stretchProperty = new Property({ name: 'stretch', defaultValue: 'aspectFill' });
+export const backgroundUriProperty = new Property({ name: 'backgroundUri' });
+export const progressiveRenderingEnabledProperty = new Property({ name: 'progressiveRenderingEnabled', valueConverter: booleanConverter });
+export const localThumbnailPreviewsEnabledProperty = new Property({ name: 'localThumbnailPreviewsEnabled', valueConverter: booleanConverter });
+export const showProgressBarProperty = new Property({ name: 'showProgressBar', valueConverter: booleanConverter });
+export const progressBarColorProperty = new Property({ name: 'progressBarColor', defaultValue: undefined });
+export const roundAsCircleProperty = new Property({ name: 'roundAsCircle', valueConverter: booleanConverter, affectsLayout: isAndroid });
+export const blurRadiusProperty = new Property({ name: 'blurRadius', valueConverter: (v) => parseFloat(v) });
+export const blurDownSamplingProperty = new Property({ name: 'blurDownSampling', valueConverter: (v) => parseFloat(v) });
+export const imageRotationProperty = new Property({ name: 'imageRotation', valueConverter: (v) => parseFloat(v) });
+export const autoPlayAnimationsProperty = new Property({ name: 'autoPlayAnimations', valueConverter: booleanConverter });
+export const tapToRetryEnabledProperty = new Property({ name: 'tapToRetryEnabled', valueConverter: booleanConverter });
+export const aspectRatioProperty = new Property({ name: 'aspectRatio', affectsLayout: true, valueConverter: (v) => parseFloat(v) });
+export const decodeWidthProperty = new Property({ name: 'decodeWidth', valueConverter: (v) => parseFloat(v) });
+export const decodeHeightProperty = new Property({ name: 'decodeHeight', valueConverter: (v) => parseFloat(v) });
+export const tintColorProperty = new Property({ name: 'tintColor' });
+export const alwaysFadeProperty = new Property({ name: 'alwaysFade', valueConverter: booleanConverter, defaultValue: false });
+export const fadeDurationProperty = new Property({ name: 'fadeDuration', valueConverter: (v) => parseFloat(v) });
+export const noCacheProperty = new Property({ name: 'noCache', defaultValue: false, valueConverter: booleanConverter });
+export const roundTopLeftRadiusProperty = new Property({
+    name: 'roundTopLeftRadius',
+    defaultValue: 0,
+    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
+});
+export const roundTopRightRadiusProperty = new Property({
+    name: 'roundTopRightRadius',
+    defaultValue: 0,
+    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
+});
+export const roundBottomLeftRadiusProperty = new Property({
+    name: 'roundBottomLeftRadius',
+    defaultValue: 0,
+    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
+});
+export const roundBottomRightRadiusProperty = new Property({
+    name: 'roundBottomRightRadius',
+    defaultValue: 0,
+    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
+});
+// export const roundRadiusProperty = new ShorthandProperty<any, string | CoreTypes.LengthType>({
+//     name: 'borderRadius',
+//     cssName: 'border-radius',
+//     getter(this) {
+//         if (
+//             Length.equals(this.borderTopLeftRadius, this.borderTopRightRadius) &&
+//             Length.equals(this.borderTopLeftRadius, this.borderBottomRightRadius) &&
+//             Length.equals(this.borderTopLeftRadius, this.borderBottomLeftRadius)
+//         ) {
+//             return this.borderTopLeftRadius;
+//         }
+//         return `${Length.convertToString(this.borderTopLeftRadius)} ${Length.convertToString(this.borderTopRightRadius)} ${Length.convertToString(
+//             this.borderBottomRightRadius
+//         )} ${Length.convertToString(this.borderBottomLeftRadius)}`;
+//     },
+//     //@ts-ignore
+//     converter(value) {
+//         if (typeof value === 'string') {
+//             const borderRadius = parseThickness(value);
+//             return [
+//                 [roundTopLeftRadiusProperty, borderRadius.top],
+//                 [roundTopRightRadiusProperty, borderRadius.right],
+//                 [roundBottomRightRadiusProperty, borderRadius.bottom],
+//                 [roundBottomLeftRadiusProperty, borderRadius.left]
+//             ];
+//         } else {
+//             return [
+//                 [roundTopLeftRadiusProperty, value],
+//                 [roundTopRightRadiusProperty, value],
+//                 [roundBottomRightRadiusProperty, value],
+//                 [roundBottomLeftRadiusProperty, value]
+//             ];
+//         }
+//     }
+// });
+export const loadModeProperty = new Property({
+    name: 'loadMode',
+    defaultValue: 'sync'
+});
+export const clipToBoundsProperty = new Property({ name: 'clipToBounds', defaultValue: true, valueConverter: booleanConverter });
+export const animatedImageViewProperty = new Property({ name: 'animatedImageView', defaultValue: false, valueConverter: booleanConverter });
 export class ImageBase extends View {
     // public static blendingModeProperty = new Property<ImageBase, string>({ name: 'blendingMode' });
     get nativeImageViewProtected() {
@@ -127,83 +256,35 @@ ImageBase.intermediateImageFailedEvent = 'intermediateImageFailed';
 ImageBase.intermediateImageSetEvent = 'intermediateImageSet';
 ImageBase.releaseEvent = 'release';
 ImageBase.submitEvent = 'submit';
-ImageBase.srcProperty = new Property({ name: 'src' });
-ImageBase.lowerResSrcProperty = new Property({ name: 'lowerResSrc' });
-ImageBase.placeholderImageUriProperty = new Property({ name: 'placeholderImageUri' });
-ImageBase.failureImageUriProperty = new Property({ name: 'failureImageUri' });
-ImageBase.stretchProperty = new Property({ name: 'stretch', defaultValue: 'aspectFit' });
-ImageBase.backgroundUriProperty = new Property({ name: 'backgroundUri' });
-ImageBase.progressiveRenderingEnabledProperty = new Property({ name: 'progressiveRenderingEnabled', valueConverter: booleanConverter });
-ImageBase.localThumbnailPreviewsEnabledProperty = new Property({ name: 'localThumbnailPreviewsEnabled', valueConverter: booleanConverter });
-ImageBase.showProgressBarProperty = new Property({ name: 'showProgressBar', valueConverter: booleanConverter });
-ImageBase.progressBarColorProperty = new Property({ name: 'progressBarColor', defaultValue: undefined });
-ImageBase.roundAsCircleProperty = new Property({ name: 'roundAsCircle', valueConverter: booleanConverter, affectsLayout: isAndroid });
-ImageBase.blurRadiusProperty = new Property({ name: 'blurRadius', valueConverter: (v) => parseFloat(v) });
-ImageBase.blurDownSamplingProperty = new Property({ name: 'blurDownSampling', valueConverter: (v) => parseFloat(v) });
-ImageBase.imageRotationProperty = new Property({ name: 'imageRotation', valueConverter: (v) => parseFloat(v) });
-ImageBase.autoPlayAnimationsProperty = new Property({ name: 'autoPlayAnimations', valueConverter: booleanConverter });
-ImageBase.tapToRetryEnabledProperty = new Property({ name: 'tapToRetryEnabled', valueConverter: booleanConverter });
-ImageBase.aspectRatioProperty = new Property({ name: 'aspectRatio', affectsLayout: true, valueConverter: (v) => parseFloat(v) });
-ImageBase.decodeWidthProperty = new Property({ name: 'decodeWidth', valueConverter: (v) => parseFloat(v) });
-ImageBase.decodeHeightProperty = new Property({ name: 'decodeHeight', valueConverter: (v) => parseFloat(v) });
-ImageBase.tintColorProperty = new Property({ name: 'tintColor' });
-ImageBase.alwaysFadeProperty = new Property({ name: 'alwaysFade', valueConverter: booleanConverter, defaultValue: false });
-ImageBase.fadeDurationProperty = new Property({ name: 'fadeDuration', valueConverter: (v) => parseFloat(v) });
-ImageBase.noCacheProperty = new Property({ name: 'noCache', defaultValue: false, valueConverter: booleanConverter });
-ImageBase.roundTopLeftRadiusProperty = new Property({
-    name: 'roundTopLeftRadius',
-    defaultValue: 0,
-    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
-});
-ImageBase.roundTopRightRadiusProperty = new Property({
-    name: 'roundTopRightRadius',
-    defaultValue: 0,
-    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
-});
-ImageBase.roundBottomLeftRadiusProperty = new Property({
-    name: 'roundBottomLeftRadius',
-    defaultValue: 0,
-    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
-});
-ImageBase.roundBottomRightRadiusProperty = new Property({
-    name: 'roundBottomRightRadius',
-    defaultValue: 0,
-    valueConverter: (v) => Length.toDevicePixels(Length.parse(v))
-});
-ImageBase.loadModeProperty = new Property({
-    name: 'loadMode',
-    defaultValue: 'sync'
-});
-ImageBase.clipToBoundsProperty = new Property({ name: 'clipToBounds', defaultValue: true, valueConverter: booleanConverter });
-ImageBase.animatedImageViewProperty = new Property({ name: 'animatedImageView', defaultValue: false, valueConverter: booleanConverter });
-ImageBase.srcProperty.register(ImageBase);
-ImageBase.lowerResSrcProperty.register(ImageBase);
-ImageBase.placeholderImageUriProperty.register(ImageBase);
-ImageBase.failureImageUriProperty.register(ImageBase);
-ImageBase.stretchProperty.register(ImageBase);
-ImageBase.fadeDurationProperty.register(ImageBase);
-ImageBase.backgroundUriProperty.register(ImageBase);
-ImageBase.progressiveRenderingEnabledProperty.register(ImageBase);
-ImageBase.localThumbnailPreviewsEnabledProperty.register(ImageBase);
-ImageBase.showProgressBarProperty.register(ImageBase);
-ImageBase.progressBarColorProperty.register(ImageBase);
-ImageBase.roundAsCircleProperty.register(ImageBase);
-ImageBase.roundTopLeftRadiusProperty.register(ImageBase);
-ImageBase.roundTopRightRadiusProperty.register(ImageBase);
-ImageBase.roundBottomLeftRadiusProperty.register(ImageBase);
-ImageBase.roundBottomRightRadiusProperty.register(ImageBase);
-ImageBase.blurRadiusProperty.register(ImageBase);
-ImageBase.blurDownSamplingProperty.register(ImageBase);
-ImageBase.imageRotationProperty.register(ImageBase);
-ImageBase.autoPlayAnimationsProperty.register(ImageBase);
-ImageBase.tapToRetryEnabledProperty.register(ImageBase);
-ImageBase.aspectRatioProperty.register(ImageBase);
-ImageBase.decodeWidthProperty.register(ImageBase);
-ImageBase.decodeHeightProperty.register(ImageBase);
-ImageBase.alwaysFadeProperty.register(ImageBase);
-ImageBase.noCacheProperty.register(ImageBase);
-ImageBase.clipToBoundsProperty.register(ImageBase);
-ImageBase.animatedImageViewProperty.register(ImageBase);
-ImageBase.loadModeProperty.register(ImageBase);
+srcProperty.register(ImageBase);
+lowerResSrcProperty.register(ImageBase);
+placeholderImageUriProperty.register(ImageBase);
+failureImageUriProperty.register(ImageBase);
+stretchProperty.register(ImageBase);
+fadeDurationProperty.register(ImageBase);
+backgroundUriProperty.register(ImageBase);
+progressiveRenderingEnabledProperty.register(ImageBase);
+localThumbnailPreviewsEnabledProperty.register(ImageBase);
+showProgressBarProperty.register(ImageBase);
+progressBarColorProperty.register(ImageBase);
+roundAsCircleProperty.register(ImageBase);
+roundTopLeftRadiusProperty.register(ImageBase);
+roundTopRightRadiusProperty.register(ImageBase);
+roundBottomLeftRadiusProperty.register(ImageBase);
+roundBottomRightRadiusProperty.register(ImageBase);
+blurRadiusProperty.register(ImageBase);
+blurDownSamplingProperty.register(ImageBase);
+imageRotationProperty.register(ImageBase);
+autoPlayAnimationsProperty.register(ImageBase);
+tapToRetryEnabledProperty.register(ImageBase);
+aspectRatioProperty.register(ImageBase);
+decodeWidthProperty.register(ImageBase);
+decodeHeightProperty.register(ImageBase);
+alwaysFadeProperty.register(ImageBase);
+noCacheProperty.register(ImageBase);
+clipToBoundsProperty.register(ImageBase);
+animatedImageViewProperty.register(ImageBase);
+loadModeProperty.register(ImageBase);
+// roundRadiusProperty.register(ImageBase as any);
 // ImageBase.blendingModeProperty.register(ImageBase);
 //# sourceMappingURL=index-common.js.map

package/index.android.d.ts

@@ -74,7 +74,9 @@ export declare class Img extends ImageBase {
     onResumeNativeUpdates(): void;
     createNativeView(): com.nativescript.image.DraweeView;
     updateViewSize(imageInfo: any): void;
+    disposeNativeView(): void;
     updateImageUri(): void;
+    controllerListener: com.facebook.drawee.controller.ControllerListener<com.facebook.imagepipeline.image.ImageInfo>;
     private initImage;
     private updateHierarchy;
     private getDrawable;