@triniwiz/nativescript-masonkit 1.0.0-beta.88 → 1.0.0-beta.89

package/style.d.ts

@@ -106,6 +106,7 @@ export declare class Style {
     private clearPseudoSetMask;
     markPseudoSet(key: StateKeys): void;
     private commitState;
+    private coerceCssStringValue;
     private setPseudoCssStringValue;
     private applyWindowsCssString;
     private writeBorderSide;

package/style.js

@@ -983,6 +983,15 @@ export class Style {
             this.setOrAppendState(value);
         }
     }
+    coerceCssStringValue(value) {
+        if (typeof value === 'string') {
+            return value;
+        }
+        if (value == null) {
+            return '';
+        }
+        return String(value);
+    }
     setPseudoCssStringValue(name, value, applyAndroid, applyApple) {
         if (!this.nativeView) {
             return;
@@ -3828,6 +3837,7 @@ export class Style {
         return '';
     }
     set background(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackground(this.nativeView, value), () => (this.nativeView.style.background = value));
     }
     get backgroundImage() {
@@ -3843,6 +3853,7 @@ export class Style {
         return '';
     }
     set backgroundImage(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background-image', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundImage(this.nativeView, value), () => (this.nativeView.style.backgroundImage = value));
     }
     get backgroundRepeat() {
@@ -3858,6 +3869,7 @@ export class Style {
         return '';
     }
     set backgroundRepeat(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background-repeat', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundRepeat(this.nativeView, value), () => (this.nativeView.style.backgroundRepeat = value));
     }
     get backgroundPosition() {
@@ -3873,6 +3885,7 @@ export class Style {
         return '';
     }
     set backgroundPosition(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background-position', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundPosition(this.nativeView, value), () => (this.nativeView.style.backgroundPosition = value));
     }
     get backgroundSize() {
@@ -3888,6 +3901,7 @@ export class Style {
         return '';
     }
     set backgroundSize(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background-size', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundSize(this.nativeView, value), () => (this.nativeView.style.backgroundSize = value));
     }
     get backgroundClip() {
@@ -3903,6 +3917,7 @@ export class Style {
         return '';
     }
     set backgroundClip(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('background-clip', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackgroundClip(this.nativeView, value), () => (this.nativeView.style.backgroundClip = value));
     }
     get borderRadius() {
@@ -3918,9 +3933,11 @@ export class Style {
         return '';
     }
     set borderRadius(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-radius', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRadius(this.nativeView, value), () => (this.nativeView.style.borderRadius = value));
     }
     set textDecoration(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('text-decoration', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextDecoration(this.nativeView, value), () => this.nativeView.style.setTextDecoration(value));
     }
     get border() {
@@ -3936,6 +3953,7 @@ export class Style {
         return '';
     }
     set border(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorder(this.nativeView, value), () => (this.nativeView.style.border = value));
     }
     get paddingCss() {
@@ -3991,24 +4009,28 @@ export class Style {
         return '';
     }
     set borderLeft(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderLeft(this.nativeView, value), () => (this.nativeView.style.borderLeft = value));
     }
     get borderTop() {
         return '';
     }
     set borderTop(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-top', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderTop(this.nativeView, value), () => (this.nativeView.style.borderTop = value));
     }
     get borderRight() {
         return '';
     }
     set borderRight(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderRight(this.nativeView, value), () => (this.nativeView.style.borderRight = value));
     }
     get borderBottom() {
         return '';
     }
     set borderBottom(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-bottom', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderBottom(this.nativeView, value), () => (this.nativeView.style.borderBottom = value));
     }
     get filter() {
@@ -4024,6 +4046,7 @@ export class Style {
         return '';
     }
     set filter(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('filter', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setFilter(this.nativeView, value), () => (this.nativeView.style.filter = value));
     }
     get boxShadow() {
@@ -4045,6 +4068,7 @@ export class Style {
         return this.boxShadow;
     }
     set boxShadow(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('box-shadow', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBoxShadow(this.nativeView, value), () => (this.nativeView.style.boxShadow = value));
     }
     get transform() {
@@ -4060,6 +4084,7 @@ export class Style {
         return '';
     }
     set transform(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('transform', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTransform(this.nativeView, value), () => (this.nativeView.style.transform = value));
     }
     get verticalAlign() {
@@ -4223,6 +4248,7 @@ export class Style {
         return '';
     }
     set textShadow(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('text-shadow', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setTextShadow(this.nativeView, value), () => (this.nativeView.style.textShadow = value));
     }
     get zIndex() {
@@ -4304,6 +4330,7 @@ export class Style {
         this.commitState(StateKeys.CLEAR);
     }
     set cornerShape(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('corner-shape', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShape(this.nativeView, value), () => (this.nativeView.style.cornerShape = value));
     }
     get cornerShape() {
@@ -4330,6 +4357,7 @@ export class Style {
         return '';
     }
     set cornerShapeTopLeft(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('corner-shape-top-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeTopLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopLeft = value));
     }
     get cornerShapeTopRight() {
@@ -4344,6 +4372,7 @@ export class Style {
         return '';
     }
     set cornerShapeTopRight(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('corner-shape-top-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeTopRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeTopRight = value));
     }
     get cornerShapeBottomRight() {
@@ -4358,6 +4387,7 @@ export class Style {
         return '';
     }
     set cornerShapeBottomRight(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('corner-shape-bottom-right', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeBottomRight(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomRight = value));
     }
     get cornerShapeBottomLeft() {
@@ -4372,6 +4402,7 @@ export class Style {
         return '';
     }
     set cornerShapeBottomLeft(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('corner-shape-bottom-left', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setCornerShapeBottomLeft(this.nativeView, value), () => (this.nativeView.style.cornerShapeBottomLeft = value));
     }
     get objectPosition() {
@@ -4519,6 +4550,7 @@ export class Style {
         return '';
     }
     set borderImage(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('border-image', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBorderImage(this.nativeView, value), () => (this.nativeView.style.borderImage = value));
     }
     set 'border-image'(value) {
@@ -4565,6 +4597,7 @@ export class Style {
         return 'normal';
     }
     set fontFeatureSettings(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('font-feature-settings', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setFontFeatureSettings(this.nativeView, value), () => (this.nativeView.style.fontFeatureSettings = value));
     }
     set 'font-feature-settings'(value) {
@@ -4670,6 +4703,7 @@ export class Style {
         return '';
     }
     set backdropFilter(value) {
+        value = this.coerceCssStringValue(value);
         this.setPseudoCssStringValue('backdrop-filter', value, () => org.nativescript.mason.masonkit.NodeHelper.getShared().setBackdropFilter(this.nativeView, value), () => (this.nativeView.style.backdropFilter = value));
     }
     set 'backdrop-filter'(value) {