@nativescript/core 9.0.11-next.2 → 9.0.11

package/ui/image/image-common.js

@@ -0,0 +1,195 @@
+import { View, CSSType } from '../core/view';
+import { booleanConverter } from '../core/view-base';
+import { ImageAsset } from '../../image-asset';
+import { ImageSource } from '../../image-source';
+import { isDataURI, isFontIconURI, isFileOrResourcePath, RESOURCE_PREFIX, SYSTEM_PREFIX } from '../../utils';
+import { Color } from '../../color';
+import { Style } from '../styling/style';
+import { Length } from '../styling/length-shared';
+import { Property, InheritedCssProperty } from '../core/properties';
+import { Trace } from '../../trace';
+import { ImageSymbolEffect, ImageSymbolEffects } from './symbol-effects';
+let ImageBase = class ImageBase extends View {
+    get tintColor() {
+        return this.style.tintColor;
+    }
+    set tintColor(value) {
+        this.style.tintColor = value;
+    }
+    disposeImageSource() {
+        // override in subclass
+    }
+    /**
+     * @internal
+     */
+    _createImageSourceFromSrc(value) {
+        this.disposeImageSource();
+        const originalValue = value;
+        const sync = this.loadMode === 'sync';
+        if (typeof value === 'string' || value instanceof String) {
+            value = value.trim();
+            this.imageSource = null;
+            this['_url'] = value;
+            this.isLoading = true;
+            const imageLoaded = (source) => {
+                const currentValue = this.src;
+                if (currentValue !== originalValue) {
+                    return;
+                }
+                this.imageSource = source;
+                this.isLoading = false;
+            };
+            if (isFontIconURI(value)) {
+                const fontIconCode = value.split('//')[1];
+                if (fontIconCode !== undefined) {
+                    // support sync mode only
+                    const font = this.style.fontInternal;
+                    const color = this.style.color;
+                    imageLoaded(ImageSource.fromFontIconCodeSync(fontIconCode, font, color));
+                }
+            }
+            else if (isDataURI(value)) {
+                const base64Data = value.split(',')[1];
+                if (base64Data !== undefined) {
+                    if (sync) {
+                        imageLoaded(ImageSource.fromBase64Sync(base64Data));
+                    }
+                    else {
+                        ImageSource.fromBase64(base64Data).then(imageLoaded);
+                    }
+                }
+            }
+            else if (isFileOrResourcePath(value)) {
+                if (value.indexOf(RESOURCE_PREFIX) === 0) {
+                    const resPath = value.slice(RESOURCE_PREFIX.length);
+                    if (sync) {
+                        imageLoaded(ImageSource.fromResourceSync(resPath));
+                    }
+                    else {
+                        this.imageSource = null;
+                        ImageSource.fromResource(resPath).then(imageLoaded);
+                    }
+                }
+                else if (value.indexOf(SYSTEM_PREFIX) === 0) {
+                    const sysPath = value.slice(SYSTEM_PREFIX.length);
+                    if (sync) {
+                        imageLoaded(ImageSource.fromSystemImageSync(sysPath, this));
+                    }
+                    else {
+                        this.imageSource = null;
+                        ImageSource.fromSystemImage(sysPath, this).then(imageLoaded);
+                    }
+                }
+                else {
+                    if (sync) {
+                        imageLoaded(ImageSource.fromFileSync(value));
+                    }
+                    else {
+                        this.imageSource = null;
+                        ImageSource.fromFile(value).then(imageLoaded);
+                    }
+                }
+            }
+            else {
+                this.imageSource = null;
+                ImageSource.fromUrl(value).then((r) => {
+                    if (this['_url'] === value) {
+                        this.imageSource = r;
+                        this.isLoading = false;
+                    }
+                }, (err) => {
+                    // catch: Response content may not be converted to an Image
+                    this.isLoading = false;
+                    if (Trace.isEnabled()) {
+                        if (typeof err === 'object' && err.message) {
+                            err = err.message;
+                        }
+                        Trace.write(err, Trace.categories.Debug);
+                    }
+                });
+            }
+        }
+        else if (value instanceof ImageSource) {
+            // Support binding the imageSource trough the src property
+            // This will help avoid cleanup on the actual provided image source in case view gets disposed
+            this.imageSource = new ImageSource(value.getNativeSource());
+            this.isLoading = false;
+        }
+        else if (value instanceof ImageAsset) {
+            ImageSource.fromAsset(value).then((result) => {
+                this.imageSource = result;
+                this.isLoading = false;
+            });
+        }
+        else {
+            this.imageSource = new ImageSource(value);
+            this.isLoading = false;
+        }
+    }
+};
+ImageBase.isLoadingChangeEvent = 'isLoadingChange';
+ImageBase = __decorate([
+    CSSType('Image')
+], ImageBase);
+export { ImageBase };
+ImageBase.prototype.recycleNativeView = 'auto';
+export const imageSourceProperty = new Property({
+    name: 'imageSource',
+});
+imageSourceProperty.register(ImageBase);
+export const srcProperty = new Property({ name: 'src' });
+srcProperty.register(ImageBase);
+export const loadModeProperty = new Property({
+    name: 'loadMode',
+    defaultValue: 'sync',
+});
+loadModeProperty.register(ImageBase);
+export const isLoadingProperty = new Property({
+    name: 'isLoading',
+    defaultValue: false,
+    valueConverter: booleanConverter,
+});
+isLoadingProperty.register(ImageBase);
+export const stretchProperty = new Property({
+    name: 'stretch',
+    defaultValue: 'aspectFit',
+    affectsLayout: __APPLE__,
+});
+stretchProperty.register(ImageBase);
+export const tintColorProperty = new InheritedCssProperty({
+    name: 'tintColor',
+    cssName: 'tint-color',
+    equalityComparer: Color.equals,
+    valueConverter: (value) => new Color(value),
+});
+tintColorProperty.register(Style);
+export const decodeHeightProperty = new Property({
+    name: 'decodeHeight',
+    defaultValue: { value: 0, unit: 'dip' },
+    equalityComparer: Length.equals,
+    valueConverter: Length.parse,
+});
+decodeHeightProperty.register(ImageBase);
+export const decodeWidthProperty = new Property({
+    name: 'decodeWidth',
+    defaultValue: { value: 0, unit: 'dip' },
+    equalityComparer: Length.equals,
+    valueConverter: Length.parse,
+});
+decodeWidthProperty.register(ImageBase);
+/**
+ * iOS only
+ */
+export const iosSymbolEffectProperty = new Property({
+    name: 'iosSymbolEffect',
+});
+iosSymbolEffectProperty.register(ImageBase);
+/**
+ * iOS only
+ */
+export const iosSymbolScaleProperty = new Property({
+    name: 'iosSymbolScale',
+});
+iosSymbolScaleProperty.register(ImageBase);
+export { ImageSymbolEffect, ImageSymbolEffects };
+//# sourceMappingURL=image-common.js.map

package/ui/image/image-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-common.js","sourceRoot":"","sources":["../../../../../packages/core/ui/image/image-common.ts"],"names":[],"mappings":"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"}

package/ui/image/index.android.d.ts

@@ -0,0 +1,23 @@
+import { ImageBase, stretchProperty, imageSourceProperty, srcProperty, tintColorProperty } from './image-common';
+import { Color } from '../../color';
+import { ImageSource } from '../../image-source';
+import { ImageAsset } from '../../image-asset';
+export * from './image-common';
+export declare class Image extends ImageBase {
+    [stretchProperty.getDefault]: () => "aspectFit";
+    [stretchProperty.setNative]: (value: "none" | "aspectFill" | "aspectFit" | "fill") => void;
+    [tintColorProperty.getDefault]: () => Color;
+    [tintColorProperty.setNative]: (value: Color) => void;
+    [imageSourceProperty.getDefault]: () => ImageSource;
+    [imageSourceProperty.setNative]: (value: ImageSource) => void;
+    [srcProperty.getDefault]: () => any;
+    [srcProperty.setNative]: (value: string | ImageSource | ImageAsset) => void;
+    nativeViewProtected: org.nativescript.widgets.ImageView;
+    useCache: boolean;
+    createNativeView(): org.nativescript.widgets.ImageView;
+    initNativeView(): void;
+    disposeNativeView(): void;
+    resetNativeView(): void;
+    _createImageSourceFromSrc(value: string | ImageSource | ImageAsset): void;
+    private _calculateKeepAspectRatio;
+}

package/ui/image/index.android.js

@@ -0,0 +1,171 @@
+import { ImageBase, stretchProperty, imageSourceProperty, srcProperty, tintColorProperty } from './image-common';
+import { isDataURI, isFontIconURI, isFileOrResourcePath, RESOURCE_PREFIX } from '../../utils';
+import { ImageAsset } from '../../image-asset';
+import { Length } from '../styling/length-shared';
+import { knownFolders } from '../../file-system';
+import { Screen } from '../../platform';
+export * from './image-common';
+const FILE_PREFIX = 'file:///';
+const ASYNC = 'async';
+let AndroidImageView;
+let ImageLoadedListener;
+function initializeImageLoadedListener() {
+    if (ImageLoadedListener) {
+        return;
+    }
+    var ImageLoadedListenerImpl = (function (_super) {
+        __extends(ImageLoadedListenerImpl, _super);
+        function ImageLoadedListenerImpl(owner) {
+            var _this = _super.call(this) || this;
+            _this.owner = owner;
+            return global.__native(_this);
+        }
+        ImageLoadedListenerImpl.prototype.onImageLoaded = function (success) {
+            var owner = this.owner;
+            if (owner) {
+                owner.isLoading = false;
+            }
+        };
+        ImageLoadedListenerImpl = __decorate([
+            Interfaces([org.nativescript.widgets.image.Worker.OnImageLoadedListener])
+        ], ImageLoadedListenerImpl);
+        return ImageLoadedListenerImpl;
+    }(java.lang.Object));
+    ImageLoadedListener = ImageLoadedListenerImpl;
+}
+export class Image extends ImageBase {
+    constructor() {
+        super(...arguments);
+        this.useCache = true;
+    }
+    createNativeView() {
+        if (!AndroidImageView) {
+            AndroidImageView = org.nativescript.widgets.ImageView;
+        }
+        return new AndroidImageView(this._context);
+    }
+    initNativeView() {
+        super.initNativeView();
+        initializeImageLoadedListener();
+        const nativeView = this.nativeViewProtected;
+        const listener = new ImageLoadedListener(this);
+        nativeView.setImageLoadedListener(listener);
+        nativeView.listener = listener;
+    }
+    disposeNativeView() {
+        if (this.nativeViewProtected?.listener) {
+            this.nativeViewProtected.listener.owner = null;
+        }
+        super.disposeNativeView();
+    }
+    resetNativeView() {
+        super.resetNativeView();
+        this.nativeViewProtected.setImageMatrix(new android.graphics.Matrix());
+    }
+    _createImageSourceFromSrc(value) {
+        const imageView = this.nativeViewProtected;
+        if (!imageView) {
+            return;
+        }
+        if (!value) {
+            imageView.setUri(null, 0, 0, false, false, true);
+            return;
+        }
+        let decodeWidth = Math.min(Length.toDevicePixels(this.decodeWidth, 0), Screen.mainScreen.widthPixels);
+        let decodeHeight = Math.min(Length.toDevicePixels(this.decodeHeight, 0), Screen.mainScreen.heightPixels);
+        let keepAspectRatio = this._calculateKeepAspectRatio();
+        if (value instanceof ImageAsset) {
+            if (value.options) {
+                decodeWidth = value.options.width || decodeWidth;
+                decodeHeight = value.options.height || decodeHeight;
+                keepAspectRatio = !!value.options.keepAspectRatio;
+            }
+            // handle assets as file paths natively
+            value = value.android;
+        }
+        const async = this.loadMode === ASYNC;
+        if (typeof value === 'string' || value instanceof String) {
+            value = value.trim();
+            this.isLoading = true;
+            if (isFontIconURI(value) || isDataURI(value)) {
+                // TODO: Check with runtime what should we do in case of base64 string.
+                super._createImageSourceFromSrc(value);
+            }
+            else if (isFileOrResourcePath(value)) {
+                if (value.indexOf(RESOURCE_PREFIX) === 0) {
+                    imageView.setUri(value, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, async);
+                }
+                else {
+                    let fileName = value;
+                    if (fileName.indexOf('~/') === 0) {
+                        fileName = knownFolders.currentApp().path + '/' + fileName.replace('~/', '');
+                    }
+                    imageView.setUri(FILE_PREFIX + fileName, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, async);
+                }
+            }
+            else {
+                // For backwards compatibility http always use async loading.
+                imageView.setUri(value, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, true);
+            }
+        }
+        else {
+            super._createImageSourceFromSrc(value);
+        }
+    }
+    _calculateKeepAspectRatio() {
+        return this.stretch === 'fill' ? false : true;
+    }
+    [stretchProperty.getDefault]() {
+        return 'aspectFit';
+    }
+    [stretchProperty.setNative](value) {
+        switch (value) {
+            case 'aspectFit':
+                this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.FIT_CENTER);
+                break;
+            case 'aspectFill':
+                this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.CENTER_CROP);
+                break;
+            case 'fill':
+                this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.FIT_XY);
+                break;
+            case 'none':
+            default:
+                this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.MATRIX);
+                break;
+        }
+    }
+    [tintColorProperty.getDefault]() {
+        return undefined;
+    }
+    [tintColorProperty.setNative](value) {
+        if (value) {
+            this.nativeViewProtected.setColorFilter(value.android);
+        }
+        else {
+            this.nativeViewProtected.clearColorFilter();
+        }
+    }
+    [imageSourceProperty.getDefault]() {
+        return undefined;
+    }
+    [imageSourceProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        if (value && value.android) {
+            const rotation = value.rotationAngle ? value.rotationAngle : 0;
+            nativeView.setRotationAngle(rotation);
+            nativeView.setImageBitmap(value.android);
+        }
+        else {
+            nativeView.setRotationAngle(0);
+            nativeView.setImageBitmap(null);
+        }
+    }
+    [srcProperty.getDefault]() {
+        return undefined;
+    }
+    [srcProperty.setNative](value) {
+        this._createImageSourceFromSrc(value);
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/ui/image/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../../packages/core/ui/image/index.android.ts"],"names":[],"mappings":"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"}

package/ui/image/index.ios.d.ts

@@ -0,0 +1,26 @@
+import { ImageBase, stretchProperty, imageSourceProperty, tintColorProperty, srcProperty, iosSymbolEffectProperty, ImageSymbolEffect, ImageSymbolEffects, iosSymbolScaleProperty } from './image-common';
+import { ImageSource } from '../../image-source';
+import { ImageAsset } from '../../image-asset';
+import { Color } from '../../color';
+export * from './image-common';
+export declare class Image extends ImageBase {
+    [stretchProperty.setNative]: (value: "none" | "aspectFill" | "aspectFit" | "fill") => void;
+    [tintColorProperty.setNative]: (value: Color) => void;
+    [imageSourceProperty.setNative]: (value: ImageSource) => void;
+    [srcProperty.setNative]: (value: string | ImageSource | ImageAsset) => void;
+    [iosSymbolEffectProperty.setNative]: (value: ImageSymbolEffect | ImageSymbolEffects) => void;
+    [iosSymbolScaleProperty.setNative]: (value: string) => void;
+    nativeViewProtected: UIImageView;
+    private _imageSourceAffectsLayout;
+    private _templateImageWasCreated;
+    createNativeView(): UIImageView;
+    initNativeView(): void;
+    disposeImageSource(): void;
+    disposeNativeView(): void;
+    private setTintColor;
+    _setNativeImage(nativeImage: UIImage): void;
+    _setNativeClipToBounds(): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    private static computeScaleFactor;
+    private _setSrc;
+}

package/ui/image/index.ios.js

@@ -0,0 +1,186 @@
+import { ImageBase, stretchProperty, imageSourceProperty, tintColorProperty, srcProperty, iosSymbolEffectProperty, ImageSymbolEffect, iosSymbolScaleProperty } from './image-common';
+import { Trace } from '../../trace';
+import { layout, queueGC } from '../../utils';
+import { SDK_VERSION } from '../../utils/constants';
+export * from './image-common';
+export class Image extends ImageBase {
+    constructor() {
+        super(...arguments);
+        this._imageSourceAffectsLayout = true;
+    }
+    createNativeView() {
+        const imageView = UIImageView.new();
+        imageView.contentMode = 1 /* UIViewContentMode.ScaleAspectFit */;
+        imageView.userInteractionEnabled = true;
+        return imageView;
+    }
+    initNativeView() {
+        super.initNativeView();
+        this._setNativeClipToBounds();
+    }
+    disposeImageSource() {
+        if (this.nativeViewProtected?.image === this.imageSource?.ios) {
+            this.nativeViewProtected.image = null;
+        }
+        if (this.imageSource?.ios) {
+            this.imageSource.ios = null;
+        }
+        this.imageSource = null;
+        queueGC();
+    }
+    disposeNativeView() {
+        if (this.nativeViewProtected?.image) {
+            this.nativeViewProtected.image = null;
+        }
+        this.disposeImageSource();
+        super.disposeNativeView();
+    }
+    setTintColor(value) {
+        if (this.nativeViewProtected) {
+            if (value && this.nativeViewProtected.image && !this._templateImageWasCreated) {
+                this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(2 /* UIImageRenderingMode.AlwaysTemplate */);
+                this._templateImageWasCreated = true;
+                queueGC();
+            }
+            else if (!value && this.nativeViewProtected.image && this._templateImageWasCreated) {
+                this._templateImageWasCreated = false;
+                this.nativeViewProtected.image = this.nativeViewProtected.image.imageWithRenderingMode(0 /* UIImageRenderingMode.Automatic */);
+                queueGC();
+            }
+            this.nativeViewProtected.tintColor = value ? value.ios : null;
+        }
+    }
+    _setNativeImage(nativeImage) {
+        if (this.nativeViewProtected?.image) {
+            this.nativeViewProtected.image = null;
+            queueGC();
+        }
+        if (this.nativeViewProtected) {
+            this.nativeViewProtected.image = nativeImage;
+        }
+        this._templateImageWasCreated = false;
+        this.setTintColor(this.style?.tintColor);
+        if (this._imageSourceAffectsLayout) {
+            this.requestLayout();
+        }
+    }
+    _setNativeClipToBounds() {
+        if (this.nativeViewProtected) {
+            // 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);
+        const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+        const nativeWidth = this.imageSource ? layout.toDevicePixels(this.imageSource.width) : 0;
+        const nativeHeight = this.imageSource ? layout.toDevicePixels(this.imageSource.height) : 0;
+        let measureWidth = Math.max(nativeWidth, this.effectiveMinWidth);
+        let measureHeight = Math.max(nativeHeight, this.effectiveMinHeight);
+        const finiteWidth = widthMode !== layout.UNSPECIFIED;
+        const finiteHeight = heightMode !== layout.UNSPECIFIED;
+        this._imageSourceAffectsLayout = widthMode !== layout.EXACTLY || heightMode !== layout.EXACTLY;
+        if (nativeWidth !== 0 && nativeHeight !== 0 && (finiteWidth || finiteHeight)) {
+            const scale = Image.computeScaleFactor(width, height, finiteWidth, finiteHeight, nativeWidth, nativeHeight, this.stretch);
+            const resultW = Math.round(nativeWidth * scale.width);
+            const resultH = Math.round(nativeHeight * scale.height);
+            measureWidth = finiteWidth ? Math.min(resultW, width) : resultW;
+            measureHeight = finiteHeight ? Math.min(resultH, height) : resultH;
+            if (Trace.isEnabled()) {
+                Trace.write('Image stretch: ' + this.stretch + ', nativeWidth: ' + nativeWidth + ', nativeHeight: ' + nativeHeight, Trace.categories.Layout);
+            }
+        }
+        const widthAndState = Image.resolveSizeAndState(measureWidth, width, widthMode, 0);
+        const heightAndState = Image.resolveSizeAndState(measureHeight, height, heightMode, 0);
+        this.setMeasuredDimension(widthAndState, heightAndState);
+    }
+    static computeScaleFactor(measureWidth, measureHeight, widthIsFinite, heightIsFinite, nativeWidth, nativeHeight, imageStretch) {
+        let scaleW = 1;
+        let scaleH = 1;
+        if ((imageStretch === 'aspectFill' || imageStretch === 'aspectFit' || imageStretch === 'fill') && (widthIsFinite || heightIsFinite)) {
+            scaleW = nativeWidth > 0 ? measureWidth / nativeWidth : 0;
+            scaleH = nativeHeight > 0 ? measureHeight / nativeHeight : 0;
+            if (!widthIsFinite) {
+                scaleW = scaleH;
+            }
+            else if (!heightIsFinite) {
+                scaleH = scaleW;
+            }
+            else {
+                // No infinite dimensions.
+                switch (imageStretch) {
+                    case 'aspectFit':
+                        scaleH = scaleW < scaleH ? scaleW : scaleH;
+                        scaleW = scaleH;
+                        break;
+                    case 'aspectFill':
+                        scaleH = scaleW > scaleH ? scaleW : scaleH;
+                        scaleW = scaleH;
+                        break;
+                }
+            }
+        }
+        return { width: scaleW, height: scaleH };
+    }
+    [stretchProperty.setNative](value) {
+        if (this.nativeViewProtected) {
+            switch (value) {
+                case 'aspectFit':
+                    this.nativeViewProtected.contentMode = 1 /* UIViewContentMode.ScaleAspectFit */;
+                    break;
+                case 'aspectFill':
+                    this.nativeViewProtected.contentMode = 2 /* UIViewContentMode.ScaleAspectFill */;
+                    break;
+                case 'fill':
+                    this.nativeViewProtected.contentMode = 0 /* UIViewContentMode.ScaleToFill */;
+                    break;
+                case 'none':
+                default:
+                    this.nativeViewProtected.contentMode = 9 /* UIViewContentMode.TopLeft */;
+                    break;
+            }
+        }
+    }
+    [tintColorProperty.setNative](value) {
+        this.setTintColor(value);
+    }
+    [imageSourceProperty.setNative](value) {
+        if (value !== this.imageSource) {
+            this.disposeImageSource();
+        }
+        this._setNativeImage(value ? value.ios : null);
+    }
+    _setSrc(value) {
+        this._createImageSourceFromSrc(value);
+        if (this.iosSymbolScale) {
+            // when applying symbol scale, contentMode must be center
+            // https://stackoverflow.com/a/65787627
+            this.nativeViewProtected.contentMode = 4 /* UIViewContentMode.Center */;
+        }
+    }
+    [srcProperty.setNative](value) {
+        this._setSrc(value);
+    }
+    [iosSymbolEffectProperty.setNative](value) {
+        if (SDK_VERSION < 17) {
+            return;
+        }
+        const symbol = typeof value === 'string' ? ImageSymbolEffect.fromSymbol(value) : value;
+        if (symbol?.effect) {
+            // Note: https://developer.apple.com/documentation/symbols/symboleffectoptions/4197883-repeating
+            // Will want to move to https://developer.apple.com/documentation/symbols/nssymboleffectoptionsrepeatbehavior?language=objc as fallback once optionsWithRepeating is removed
+            this.nativeViewProtected.addSymbolEffectOptionsAnimatedCompletion(symbol.effect, symbol.options || NSSymbolEffectOptions.optionsWithRepeating(), true, symbol.completion || null);
+        }
+        else {
+            this.nativeViewProtected.removeAllSymbolEffects();
+        }
+    }
+    [iosSymbolScaleProperty.setNative](value) {
+        // reset src to configure scale
+        this._setSrc(this.src);
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/ui/image/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../../packages/core/ui/image/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,uBAAuB,EAAE,iBAAiB,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAIzM,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,cAAc,gBAAgB,CAAC;AAE/B,MAAM,OAAO,KAAM,SAAQ,SAAS;IAApC;;QAES,8BAAyB,GAAG,IAAI,CAAC;IAqN1C,CAAC;IAlNO,gBAAgB;QACtB,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QACpC,SAAS,CAAC,WAAW,2CAAmC,CAAC;QACzD,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;QAExC,OAAO,SAAS,CAAC;IAClB,CAAC;IAEM,cAAc;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAC/B,CAAC;IAEM,kBAAkB;QACxB,IAAI,IAAI,CAAC,mBAAmB,EAAE,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;YAC/D,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,IAAI,CAAC;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,OAAO,EAAE,CAAC;IACX,CAAC;IAEM,iBAAiB;QACvB,IAAI,IAAI,CAAC,mBAAmB,EAAE,KAAK,EAAE,CAAC;YACrC,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,IAAI,CAAC;QACvC,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEO,YAAY,CAAC,KAAY;QAChC,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,IAAI,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAC/E,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,sBAAsB,6CAAqC,CAAC;gBAC5H,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;gBACrC,OAAO,EAAE,CAAC;YACX,CAAC;iBAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBACtF,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;gBACtC,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,sBAAsB,wCAAgC,CAAC;gBACvH,OAAO,EAAE,CAAC;YACX,CAAC;YACD,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,CAAC;IACF,CAAC;IAEM,eAAe,CAAC,WAAoB;QAC1C,IAAI,IAAI,CAAC,mBAAmB,EAAE,KAAK,EAAE,CAAC;YACrC,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,IAAI,CAAC;YAEtC,OAAO,EAAE,CAAC;QACX,CAAC;QAED,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,IAAI,CAAC,mBAAmB,CAAC,KAAK,GAAG,WAAW,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAEzC,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACtB,CAAC;IACF,CAAC;IAED,sBAAsB;QACrB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,sCAAsC;YACtC,IAAI,CAAC,mBAAmB,CAAC,aAAa,GAAG,IAAI,CAAC;QAC/C,CAAC;IACF,CAAC;IAEM,SAAS,CAAC,gBAAwB,EAAE,iBAAyB;QACnE,yEAAyE;QACzE,MAAM,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAE9D,MAAM,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QAEhE,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzF,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3F,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACjE,IAAI,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEpE,MAAM,WAAW,GAAY,SAAS,KAAK,MAAM,CAAC,WAAW,CAAC;QAC9D,MAAM,YAAY,GAAY,UAAU,KAAK,MAAM,CAAC,WAAW,CAAC;QAEhE,IAAI,CAAC,yBAAyB,GAAG,SAAS,KAAK,MAAM,CAAC,OAAO,IAAI,UAAU,KAAK,MAAM,CAAC,OAAO,CAAC;QAE/F,IAAI,WAAW,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,EAAE,CAAC;YAC9E,MAAM,KAAK,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAC1H,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YACtD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YAExD,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAChE,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAEnE,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACvB,KAAK,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,GAAG,iBAAiB,GAAG,WAAW,GAAG,kBAAkB,GAAG,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9I,CAAC;QACF,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACnF,MAAM,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;QAEvF,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,kBAAkB,CAAC,YAAoB,EAAE,aAAqB,EAAE,aAAsB,EAAE,cAAuB,EAAE,WAAmB,EAAE,YAAoB,EAAE,YAAoB;QAC9L,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,MAAM,GAAG,CAAC,CAAC;QAEf,IAAI,CAAC,YAAY,KAAK,YAAY,IAAI,YAAY,KAAK,WAAW,IAAI,YAAY,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,IAAI,cAAc,CAAC,EAAE,CAAC;YACrI,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1D,MAAM,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YAE7D,IAAI,CAAC,aAAa,EAAE,CAAC;gBACpB,MAAM,GAAG,MAAM,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC5B,MAAM,GAAG,MAAM,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACP,0BAA0B;gBAC1B,QAAQ,YAAY,EAAE,CAAC;oBACtB,KAAK,WAAW;wBACf,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;wBAC3C,MAAM,GAAG,MAAM,CAAC;wBAChB,MAAM;oBACP,KAAK,YAAY;wBAChB,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;wBAC3C,MAAM,GAAG,MAAM,CAAC;wBAChB,MAAM;gBACR,CAAC;YACF,CAAC;QACF,CAAC;QAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAC1C,CAAC;IAED,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,KAAmD;QAC9E,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,QAAQ,KAAK,EAAE,CAAC;gBACf,KAAK,WAAW;oBACf,IAAI,CAAC,mBAAmB,CAAC,WAAW,2CAAmC,CAAC;oBACxE,MAAM;gBAEP,KAAK,YAAY;oBAChB,IAAI,CAAC,mBAAmB,CAAC,WAAW,4CAAoC,CAAC;oBACzE,MAAM;gBAEP,KAAK,MAAM;oBACV,IAAI,CAAC,mBAAmB,CAAC,WAAW,wCAAgC,CAAC;oBACrE,MAAM;gBAEP,KAAK,MAAM,CAAC;gBACZ;oBACC,IAAI,CAAC,mBAAmB,CAAC,WAAW,oCAA4B,CAAC;oBACjE,MAAM;YACR,CAAC;QACF,CAAC;IACF,CAAC;IAED,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,KAAY;QACzC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAkB;QACjD,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YAChC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAEO,OAAO,CAAC,KAAwC;QACvD,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,yDAAyD;YACzD,uCAAuC;YACvC,IAAI,CAAC,mBAAmB,CAAC,WAAW,mCAA2B,CAAC;QACjE,CAAC;IACF,CAAC;IAED,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAwC;QAC/D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAED,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,KAA6C;QAChF,IAAI,WAAW,GAAG,EAAE,EAAE,CAAC;YACtB,OAAO;QACR,CAAC;QACD,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACvF,IAAI,MAAM,EAAE,MAAM,EAAE,CAAC;YACpB,gGAAgG;YAChG,4KAA4K;YAC5K,IAAI,CAAC,mBAAmB,CAAC,wCAAwC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,IAAI,qBAAqB,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;QACnL,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,CAAC;QACnD,CAAC;IACF,CAAC;IAED,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,KAAa;QAC/C,+BAA+B;QAC/B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;CACD"}