@nativescript/core 9.0.11-next.1 → 9.0.11

package/ui/gestures/touch-manager.js

@@ -0,0 +1,268 @@
+import { Animation } from '../animation';
+import { isObject, isFunction } from '../../utils/types';
+import { GestureEvents, GestureStateTypes, GestureTypes } from './gestures-common';
+export var TouchAnimationTypes;
+(function (TouchAnimationTypes) {
+    TouchAnimationTypes["up"] = "up";
+    TouchAnimationTypes["down"] = "down";
+})(TouchAnimationTypes || (TouchAnimationTypes = {}));
+/**
+ * Manage interactivity in your apps easily with TouchManager.
+ * Store reusable down/up animation settings for touches as well as optionally enable automatic tap (down/up) animations for your app.
+ */
+export class TouchManager {
+    /**
+     * The TouchManager uses this internally.
+     * Adds touch animations to view based upon it's touchAnimation property or TouchManager.animations.
+     * @param view NativeScript view instance
+     */
+    static addAnimations(view) {
+        const handleDown = (view?.touchAnimation && (view?.touchAnimation).down) || (TouchManager.animations && TouchManager.animations.down);
+        const handleUp = (view?.touchAnimation && (view?.touchAnimation).up) || (TouchManager.animations && TouchManager.animations.up);
+        if (__APPLE__) {
+            if (view?.ios?.addTargetActionForControlEvents) {
+                // can use UIControlEvents
+                if (!TouchManager.touchHandlers) {
+                    TouchManager.touchHandlers = [];
+                }
+                TouchManager.touchHandlers.push({
+                    view,
+                    handler: TouchControlHandler.initWithOwner(new WeakRef(view)),
+                });
+                if (handleDown) {
+                    view.ios.addTargetActionForControlEvents(TouchManager.touchHandlers[TouchManager.touchHandlers.length - 1].handler, GestureEvents.touchDown, 1 /* UIControlEvents.TouchDown */ | 16 /* UIControlEvents.TouchDragEnter */);
+                    view.on(GestureEvents.touchDown, (args) => {
+                        TouchManager.startAnimationForType(view, TouchAnimationTypes.down);
+                    });
+                }
+                if (handleUp) {
+                    view.ios.addTargetActionForControlEvents(TouchManager.touchHandlers[TouchManager.touchHandlers.length - 1].handler, GestureEvents.touchUp, 32 /* UIControlEvents.TouchDragExit */ | 256 /* UIControlEvents.TouchCancel */ | 64 /* UIControlEvents.TouchUpInside */ | 128 /* UIControlEvents.TouchUpOutside */);
+                    view.on(GestureEvents.touchUp, (args) => {
+                        TouchManager.startAnimationForType(view, TouchAnimationTypes.up);
+                    });
+                }
+            }
+            else {
+                if (handleDown || handleUp) {
+                    view.on(GestureEvents.gestureAttached, (args) => {
+                        if (args.type === GestureTypes.longPress) {
+                            args.ios.minimumPressDuration = args.object?.touchDelay || 0;
+                        }
+                    });
+                    view.on(GestureTypes[GestureTypes.longPress], (args) => {
+                        switch (args.state) {
+                            case GestureStateTypes.began:
+                                if (handleDown) {
+                                    TouchManager.startAnimationForType(args.view, TouchAnimationTypes.down);
+                                }
+                                break;
+                            case GestureStateTypes.cancelled:
+                            case GestureStateTypes.ended:
+                                if (handleUp) {
+                                    TouchManager.startAnimationForType(args.view, TouchAnimationTypes.up);
+                                }
+                                break;
+                        }
+                    });
+                }
+            }
+        }
+        else {
+            if (handleDown || handleUp) {
+                view.on(GestureTypes[GestureTypes.touch], (args) => {
+                    switch (args.action) {
+                        case 'down':
+                            if (handleDown) {
+                                view.notify({
+                                    eventName: GestureEvents.touchDown,
+                                    object: view,
+                                    data: args.android,
+                                });
+                            }
+                            break;
+                        case 'up':
+                        case 'cancel':
+                            if (handleUp) {
+                                view.notify({
+                                    eventName: GestureEvents.touchUp,
+                                    object: view,
+                                    data: args.android,
+                                });
+                            }
+                            break;
+                    }
+                });
+                if (handleDown) {
+                    view.on(GestureEvents.touchDown, (args) => {
+                        TouchManager.startAnimationForType(view, TouchAnimationTypes.down);
+                    });
+                }
+                if (handleUp) {
+                    view.on(GestureEvents.touchUp, (args) => {
+                        TouchManager.startAnimationForType(view, TouchAnimationTypes.up);
+                    });
+                }
+            }
+        }
+        view.on('disposeNativeView', (args) => {
+            const index = TouchManager.touchHandlers?.findIndex((handler) => handler.view === args.object);
+            if (index > -1) {
+                TouchManager.touchHandlers.splice(index, 1);
+            }
+            TouchManager.touchAnimationDefinitions = TouchManager.touchAnimationDefinitions?.filter((d) => d.view !== args.object);
+        });
+    }
+    static startAnimationForType(view, type) {
+        if (view) {
+            const animate = function (definition) {
+                if (definition) {
+                    if (isFunction(definition)) {
+                        definition(view);
+                    }
+                    else {
+                        if (!TouchManager.touchAnimationDefinitions) {
+                            TouchManager.touchAnimationDefinitions = [];
+                        }
+                        // reuse animations for each type
+                        let touchAnimation;
+                        // triggering animations should always cancel other animations which may be in progress
+                        for (const d of TouchManager.touchAnimationDefinitions) {
+                            if (d.view === view && d.animation) {
+                                d.animation.cancel();
+                                if (d.type === type) {
+                                    touchAnimation = d.animation;
+                                }
+                            }
+                        }
+                        if (!touchAnimation) {
+                            touchAnimation = new Animation([
+                                {
+                                    target: view,
+                                    ...definition,
+                                },
+                            ]);
+                            TouchManager.touchAnimationDefinitions.push({
+                                view,
+                                type,
+                                animation: touchAnimation,
+                            });
+                        }
+                        touchAnimation.play().catch(() => { });
+                    }
+                }
+            };
+            // always use instance defined animation over global
+            if (isObject(view.touchAnimation) && view.touchAnimation[type]) {
+                animate(view.touchAnimation[type]);
+            }
+            else if (TouchManager.animations?.[type]) {
+                // fallback to globally defined
+                animate(TouchManager.animations?.[type]);
+            }
+        }
+    }
+    /**
+     * The TouchManager uses this internally.
+     * Adds visionOS hover styles to views based upon it's visionHoverStyle property
+     * @param view NativeScript view instance
+     */
+    static addHoverStyle(view) {
+        if (__VISIONOS__ && view?.ios) {
+            if (!TouchManager.visionHoverOptions) {
+                TouchManager.visionHoverOptions = {};
+            }
+            if (!TouchManager.visionHoverOptions['default']) {
+                // Add default hoverStyle to apply everywhere (no custom hover style being defined on this view)
+                TouchManager.visionHoverOptions['default'] = {
+                    effect: 'automatic',
+                };
+            }
+            if (!TouchManager.visionHoverStyleCache) {
+                TouchManager.visionHoverStyleCache = {};
+            }
+            const createHoverStyleFromOptions = function (options) {
+                let effect;
+                switch (options.effect) {
+                    case 'automatic':
+                        effect = UIHoverAutomaticEffect.effect();
+                        break;
+                    case 'highlight':
+                        effect = UIHoverHighlightEffect.effect();
+                        break;
+                    case 'lift':
+                        effect = UIHoverLiftEffect.effect();
+                        break;
+                }
+                let shape;
+                switch (options.shape) {
+                    case 'circle':
+                        shape = UIShape.circleShape;
+                        break;
+                    case 'rect':
+                        if (options.shapeCornerRadius) {
+                            shape = UIShape.rectShapeWithCornerRadius(options.shapeCornerRadius);
+                        }
+                        else {
+                            shape = UIShape.rectShape;
+                        }
+                        break;
+                }
+                return UIHoverStyle.styleWithEffectShape(effect, shape);
+            };
+            if (!TouchManager.visionHoverStyleCache['default']) {
+                const defaultOptions = TouchManager.visionHoverOptions['default'];
+                TouchManager.visionHoverStyleCache['default'] = createHoverStyleFromOptions(defaultOptions || {
+                    effect: 'automatic',
+                });
+            }
+            if (view.visionHoverStyle) {
+                if (typeof view.visionHoverStyle === 'string') {
+                    view.ios.hoverStyle = TouchManager.visionHoverStyleCache[view.visionHoverStyle] || TouchManager.visionHoverStyleCache['default'];
+                }
+            }
+            else {
+                view.ios.hoverStyle = TouchManager.visionHoverStyleCache['default'];
+            }
+        }
+    }
+}
+export let TouchControlHandler;
+ensureTouchControlHandlers();
+function ensureTouchControlHandlers() {
+    if (__APPLE__) {
+        var TouchHandlerImpl = (function (_super) {
+            __extends(TouchHandlerImpl, _super);
+            function TouchHandlerImpl() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            TouchHandlerImpl.initWithOwner = function (owner) {
+                var handler = TouchHandlerImpl.new();
+                handler._owner = owner;
+                return handler;
+            };
+            TouchHandlerImpl.prototype.touchDown = function (args) {
+                var _a, _b, _c, _d;
+                (_b = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.deref) === null || _b === void 0 ? void 0 : _b.call(_a).notify({
+                    eventName: GestureEvents.touchDown,
+                    object: (_d = (_c = this._owner) === null || _c === void 0 ? void 0 : _c.deref) === null || _d === void 0 ? void 0 : _d.call(_c),
+                    data: args,
+                });
+            };
+            TouchHandlerImpl.prototype.touchUp = function (args) {
+                var _a, _b, _c, _d;
+                (_b = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.deref) === null || _b === void 0 ? void 0 : _b.call(_a).notify({
+                    eventName: GestureEvents.touchUp,
+                    object: (_d = (_c = this._owner) === null || _c === void 0 ? void 0 : _c.deref) === null || _d === void 0 ? void 0 : _d.call(_c),
+                    data: args,
+                });
+            };
+            TouchHandlerImpl.ObjCExposedMethods = {
+                touchDown: { returns: interop.types.void, params: [interop.types.id] },
+                touchUp: { returns: interop.types.void, params: [interop.types.id] },
+            };
+            return TouchHandlerImpl;
+        }(NSObject));
+        TouchControlHandler = TouchHandlerImpl;
+    }
+}
+//# sourceMappingURL=touch-manager.js.map

package/ui/gestures/touch-manager.js.map

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

package/ui/html-view/html-view-common.d.ts

@@ -0,0 +1,12 @@
+import { View } from '../core/view';
+import { Property } from '../core/properties';
+import { Color } from '../../color';
+import { HtmlView as HtmlViewDefinition } from '.';
+export declare class HtmlViewBase extends View implements HtmlViewDefinition {
+    html: string;
+    selectable: boolean;
+    linkColor: Color;
+}
+export declare const htmlProperty: Property<HtmlViewBase, string>;
+export declare const selectableProperty: Property<HtmlViewBase, boolean>;
+export declare const linkColorProperty: Property<HtmlViewBase, Color>;

package/ui/html-view/html-view-common.js

@@ -0,0 +1,31 @@
+import { View, CSSType } from '../core/view';
+import { booleanConverter } from '../core/view-base';
+import { Property } from '../core/properties';
+import { Color } from '../../color';
+let HtmlViewBase = class HtmlViewBase extends View {
+};
+HtmlViewBase = __decorate([
+    CSSType('HtmlView')
+], HtmlViewBase);
+export { HtmlViewBase };
+HtmlViewBase.prototype.recycleNativeView = 'auto';
+// TODO: Can we use Label.ios optimization for affectsLayout???
+export const htmlProperty = new Property({
+    name: 'html',
+    defaultValue: '',
+    affectsLayout: true,
+});
+htmlProperty.register(HtmlViewBase);
+export const selectableProperty = new Property({
+    name: 'selectable',
+    defaultValue: true,
+    valueConverter: booleanConverter,
+});
+selectableProperty.register(HtmlViewBase);
+export const linkColorProperty = new Property({
+    name: 'linkColor',
+    equalityComparer: Color.equals,
+    valueConverter: (value) => new Color(value),
+});
+linkColorProperty.register(HtmlViewBase);
+//# sourceMappingURL=html-view-common.js.map

package/ui/html-view/html-view-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-view-common.js","sourceRoot":"","sources":["../../../../../packages/core/ui/html-view/html-view-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAI7B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,IAAI;CAIrC,CAAA;AAJY,YAAY;IADxB,OAAO,CAAC,UAAU,CAAC;GACP,YAAY,CAIxB;;AAED,YAAY,CAAC,SAAS,CAAC,iBAAiB,GAAG,MAAM,CAAC;AAElD,+DAA+D;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,QAAQ,CAAuB;IAC9D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,IAAI;CACnB,CAAC,CAAC;AACH,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,QAAQ,CAAwB;IACrE,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,gBAAgB;CAChC,CAAC,CAAC;AACH,kBAAkB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAsB;IAClE,IAAI,EAAE,WAAW;IACjB,gBAAgB,EAAE,KAAK,CAAC,MAAM;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC;CAC3C,CAAC,CAAC;AACH,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/ui/html-view/index.android.d.ts

@@ -0,0 +1,27 @@
+import { Color } from '../../color';
+import { Font } from '../styling/font';
+import { colorProperty, fontSizeProperty, fontInternalProperty } from '../styling/style-properties';
+import { HtmlViewBase, htmlProperty, selectableProperty, linkColorProperty } from './html-view-common';
+export * from './html-view-common';
+export declare class HtmlView extends HtmlViewBase {
+    [htmlProperty.getDefault]: () => string;
+    [htmlProperty.setNative]: (value: string) => void;
+    [selectableProperty.getDefault]: () => boolean;
+    [selectableProperty.setNative]: (value: boolean) => void;
+    [colorProperty.getDefault]: () => android.content.res.ColorStateList;
+    [colorProperty.setNative]: (value: Color | android.content.res.ColorStateList) => void;
+    [linkColorProperty.getDefault]: () => android.content.res.ColorStateList;
+    [linkColorProperty.setNative]: (value: Color | android.content.res.ColorStateList) => void;
+    [fontInternalProperty.getDefault]: () => android.graphics.Typeface;
+    [fontInternalProperty.setNative]: (value: Font | android.graphics.Typeface) => void;
+    [fontSizeProperty.getDefault]: () => {
+        nativeSize: number;
+    };
+    [fontSizeProperty.setNative]: (value: number | {
+        nativeSize: number;
+    }) => void;
+    nativeViewProtected: android.widget.TextView;
+    createNativeView(): globalAndroid.widget.TextView;
+    initNativeView(): void;
+    resetNativeView(): void;
+}

package/ui/html-view/index.android.js

@@ -0,0 +1,90 @@
+import { Color } from '../../color';
+import { SDK_VERSION } from '../../utils/constants';
+import { Font } from '../styling/font';
+import { colorProperty, fontSizeProperty, fontInternalProperty } from '../styling/style-properties';
+import { HtmlViewBase, htmlProperty, selectableProperty, linkColorProperty } from './html-view-common';
+export * from './html-view-common';
+export class HtmlView extends HtmlViewBase {
+    createNativeView() {
+        return new android.widget.TextView(this._context);
+    }
+    initNativeView() {
+        super.initNativeView();
+        const nativeView = this.nativeViewProtected;
+        // Allow text selection
+        nativeView.setTextIsSelectable(true);
+        // This makes the html <a href...> work
+        nativeView.setLinksClickable(true);
+        nativeView.setMovementMethod(android.text.method.LinkMovementMethod.getInstance());
+    }
+    resetNativeView() {
+        super.resetNativeView();
+        this.nativeViewProtected.setAutoLinkMask(0);
+    }
+    [htmlProperty.getDefault]() {
+        return '';
+    }
+    [htmlProperty.setNative](value) {
+        // If the data.newValue actually has a <a...> in it; we need to disable autolink mask
+        // it internally disables the coloring, but then the <a> links won't work..  So to support both
+        // styles of links (html and just text based) we have to manually enable/disable the autolink mask
+        let mask = 15;
+        if (value.search(/<a\s/i) >= 0) {
+            mask = 0;
+        }
+        this.nativeViewProtected.setAutoLinkMask(mask);
+        if (SDK_VERSION >= 24) {
+            this.nativeViewProtected.setText(android.text.Html.fromHtml(value, android.text.Html.FROM_HTML_MODE_LEGACY));
+        }
+        else {
+            this.nativeViewProtected.setText(android.text.Html.fromHtml(value));
+        }
+    }
+    [selectableProperty.getDefault]() {
+        return true;
+    }
+    [selectableProperty.setNative](value) {
+        this.nativeViewProtected.setTextIsSelectable(value);
+    }
+    [colorProperty.getDefault]() {
+        return this.nativeViewProtected.getTextColors();
+    }
+    [colorProperty.setNative](value) {
+        if (value instanceof Color) {
+            this.nativeViewProtected.setTextColor(value.android);
+        }
+        else {
+            this.nativeViewProtected.setTextColor(value);
+        }
+    }
+    [linkColorProperty.getDefault]() {
+        return this.nativeViewProtected.getLinkTextColors();
+    }
+    [linkColorProperty.setNative](value) {
+        if (value instanceof Color) {
+            this.nativeViewProtected.setLinkTextColor(value.android);
+        }
+        else {
+            this.nativeViewProtected.setLinkTextColor(value);
+        }
+    }
+    [fontInternalProperty.getDefault]() {
+        return this.nativeViewProtected.getTypeface();
+    }
+    [fontInternalProperty.setNative](value) {
+        const font = value instanceof Font ? value.getAndroidTypeface() : value;
+        this.nativeViewProtected.setTypeface(font);
+    }
+    [fontSizeProperty.getDefault]() {
+        return { nativeSize: this.nativeViewProtected.getTextSize() };
+    }
+    [fontSizeProperty.setNative](value) {
+        if (typeof value === 'number') {
+            this.nativeViewProtected.setTextSize(value);
+        }
+        else {
+            this.nativeViewProtected.setTextSize(android.util.TypedValue.COMPLEX_UNIT_PX, value.nativeSize);
+        }
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/ui/html-view/index.android.js.map

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

package/ui/html-view/index.ios.d.ts

@@ -0,0 +1,22 @@
+import { Color } from '../../color';
+import { Font } from '../styling/font';
+import { colorProperty, fontInternalProperty } from '../styling/style-properties';
+import { HtmlViewBase, htmlProperty, selectableProperty, linkColorProperty } from './html-view-common';
+export * from './html-view-common';
+export declare class HtmlView extends HtmlViewBase {
+    [htmlProperty.getDefault]: () => string;
+    [htmlProperty.setNative]: (value: string) => void;
+    [selectableProperty.getDefault]: () => boolean;
+    [selectableProperty.setNative]: (value: boolean) => void;
+    [colorProperty.getDefault]: () => UIColor;
+    [colorProperty.setNative]: (value: Color | UIColor) => void;
+    [linkColorProperty.setNative]: (value: Color | UIColor) => void;
+    [fontInternalProperty.getDefault]: () => UIFont;
+    [fontInternalProperty.setNative]: (value: Font | UIFont) => void;
+    nativeViewProtected: UITextView;
+    createNativeView(): UITextView;
+    initNativeView(): void;
+    get ios(): UITextView;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    private renderWithStyles;
+}

package/ui/html-view/index.ios.js

@@ -0,0 +1,101 @@
+import { Color } from '../../color';
+import { Font } from '../styling/font';
+import { colorProperty, fontInternalProperty } from '../styling/style-properties';
+import { HtmlViewBase, htmlProperty, selectableProperty, linkColorProperty } from './html-view-common';
+import { View } from '../core/view';
+import { layout } from '../../utils';
+import { SDK_VERSION } from '../../utils/constants';
+export * from './html-view-common';
+export class HtmlView extends HtmlViewBase {
+    createNativeView() {
+        const nativeView = UITextView.new();
+        nativeView.scrollEnabled = false;
+        nativeView.editable = false;
+        nativeView.selectable = true;
+        nativeView.userInteractionEnabled = true;
+        nativeView.dataDetectorTypes = -1 /* UIDataDetectorTypes.All */;
+        return nativeView;
+    }
+    initNativeView() {
+        super.initNativeView();
+        // Remove extra padding
+        this.nativeViewProtected.textContainer.lineFragmentPadding = 0;
+        this.nativeViewProtected.textContainerInset = UIEdgeInsetsZero;
+    }
+    // @ts-ignore
+    get ios() {
+        return this.nativeViewProtected;
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView) {
+            const width = layout.getMeasureSpecSize(widthMeasureSpec);
+            const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
+            const height = layout.getMeasureSpecSize(heightMeasureSpec);
+            const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+            const desiredSize = layout.measureNativeView(nativeView, width, widthMode, height, heightMode);
+            const labelWidth = widthMode === layout.AT_MOST ? Math.min(desiredSize.width, width) : desiredSize.width;
+            const measureWidth = Math.max(labelWidth, this.effectiveMinWidth);
+            const measureHeight = Math.max(desiredSize.height, this.effectiveMinHeight);
+            const widthAndState = View.resolveSizeAndState(measureWidth, width, widthMode, 0);
+            const heightAndState = View.resolveSizeAndState(measureHeight, height, heightMode, 0);
+            this.setMeasuredDimension(widthAndState, heightAndState);
+        }
+    }
+    renderWithStyles() {
+        const bodyStyles = [];
+        let htmlContent = this.html ?? '';
+        htmlContent += '<style>';
+        bodyStyles.push(`font-size: ${this.style.fontSize}px;`);
+        if (this.style.fontFamily) {
+            bodyStyles.push(`font-family: '${this.style.fontFamily}';`);
+        }
+        if (this.style.color) {
+            bodyStyles.push(`color: ${this.style.color.hex};`);
+        }
+        htmlContent += `body {${bodyStyles.join('')}}`;
+        if (this.linkColor) {
+            htmlContent += `a, a:link, a:visited { color: ${this.linkColor.hex} !important; }`;
+        }
+        htmlContent += '</style>';
+        const htmlString = NSString.stringWithString(htmlContent);
+        const nsData = htmlString.dataUsingEncoding(NSUnicodeStringEncoding);
+        const attributes = NSDictionary.dictionaryWithObjectForKey(NSHTMLTextDocumentType, NSDocumentTypeDocumentAttribute);
+        this.nativeViewProtected.attributedText = NSAttributedString.alloc().initWithDataOptionsDocumentAttributesError(nsData, attributes, null);
+        if (!this.style.color && SDK_VERSION >= 13 && UIColor.labelColor) {
+            this.nativeViewProtected.textColor = UIColor.labelColor;
+        }
+    }
+    [htmlProperty.getDefault]() {
+        return '';
+    }
+    [htmlProperty.setNative](value) {
+        this.renderWithStyles();
+    }
+    [selectableProperty.getDefault]() {
+        return true;
+    }
+    [selectableProperty.setNative](value) {
+        this.nativeViewProtected.selectable = value;
+    }
+    [colorProperty.getDefault]() {
+        return this.nativeViewProtected.textColor;
+    }
+    [colorProperty.setNative](value) {
+        const color = value instanceof Color ? value.ios : value;
+        this.nativeViewProtected.textColor = color;
+        this.renderWithStyles();
+    }
+    [linkColorProperty.setNative](value) {
+        this.renderWithStyles();
+    }
+    [fontInternalProperty.getDefault]() {
+        return this.nativeViewProtected.font;
+    }
+    [fontInternalProperty.setNative](value) {
+        const font = value instanceof Font ? value.getUIFont(this.nativeViewProtected.font) : value;
+        this.nativeViewProtected.font = font;
+        this.renderWithStyles();
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/ui/html-view/index.ios.js.map

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

package/ui/image/image-common.d.ts

@@ -0,0 +1,45 @@
+import { Image as ImageDefinition } from '.';
+import { View } from '../core/view';
+import { CoreTypes } from '../../core-types';
+import { ImageAsset } from '../../image-asset';
+import { ImageSource, iosSymbolScaleType } from '../../image-source';
+import { Color } from '../../color';
+import { Style } from '../styling/style';
+import { Property, InheritedCssProperty } from '../core/properties';
+import { ImageSymbolEffect, ImageSymbolEffects } from './symbol-effects';
+export declare abstract class ImageBase extends View implements ImageDefinition {
+    static isLoadingChangeEvent: string;
+    imageSource: ImageSource;
+    src: string | ImageSource | ImageAsset;
+    isLoading: boolean;
+    stretch: CoreTypes.ImageStretchType;
+    loadMode: 'sync' | 'async';
+    decodeWidth: CoreTypes.LengthType;
+    decodeHeight: CoreTypes.LengthType;
+    iosSymbolScale: iosSymbolScaleType;
+    iosSymbolEffect: ImageSymbolEffect | ImageSymbolEffects;
+    get tintColor(): Color;
+    set tintColor(value: Color);
+    disposeImageSource(): void;
+    /**
+     * @internal
+     */
+    _createImageSourceFromSrc(value: string | ImageSource | ImageAsset): void;
+}
+export declare const imageSourceProperty: Property<ImageBase, ImageSource>;
+export declare const srcProperty: Property<ImageBase, string | ImageSource | ImageAsset>;
+export declare const loadModeProperty: Property<ImageBase, "sync" | "async">;
+export declare const isLoadingProperty: Property<ImageBase, boolean>;
+export declare const stretchProperty: Property<ImageBase, CoreTypes.ImageStretchType>;
+export declare const tintColorProperty: InheritedCssProperty<Style, Color>;
+export declare const decodeHeightProperty: Property<ImageBase, CoreTypes.LengthType>;
+export declare const decodeWidthProperty: Property<ImageBase, CoreTypes.LengthType>;
+/**
+ * iOS only
+ */
+export declare const iosSymbolEffectProperty: Property<ImageBase, ImageSymbolEffect | ImageSymbolEffects>;
+/**
+ * iOS only
+ */
+export declare const iosSymbolScaleProperty: Property<ImageBase, iosSymbolScaleType>;
+export { ImageSymbolEffect, ImageSymbolEffects };