@triniwiz/nativescript-masonkit 1.0.0-alpha.9 → 1.0.0-beta.0

package/helpers.js

@@ -1,1318 +0,0 @@
-// declare const __non_webpack_require__;
-import { Length, Utils } from '@nativescript/core';
-import { style_ } from './common';
-import { parseUnit } from '@nativescript/core/css/parser';
-// if (__ANDROID__) {
-//   try {
-//     java.lang.System.loadLibrary('masonnative');
-//     __non_webpack_require__('system_lib://libmasonnativev8.so');
-//     UseV8Module = true;
-//   } catch (error) {
-//     console.warn('Failed to enable on FastAPI');
-//   }
-// }
-// if (__APPLE__) {
-//   NSCMason.alwaysEnable = true;
-//   if (!UseV8Module) {
-//     try {
-//       const installer = MasonV8Module.new();
-//       installer.install();
-//       UseV8Module = true;
-//     } catch (error) {
-//       console.warn('Failed to enable on FastAPI');
-//     }
-//   }
-// }
-function getMasonInstance(instance) {
-    const nativeView = instance?.android;
-    if (instance._isMasonChild) {
-        return org.nativescript.mason.masonkit.Mason.getShared().nodeForView(nativeView);
-    }
-    return nativeView.getNode();
-}
-function getStyleInstance(instance) {
-    const nativeView = instance?.android;
-    if (instance._isMasonChild) {
-        return org.nativescript.mason.masonkit.Mason.getShared()
-            .nodeForView(nativeView)
-            .getStyle();
-    }
-    return nativeView.getStyle();
-}
-function getNode(instance) {
-    const nativeView = instance?.ios;
-    if (instance._isMasonChild) {
-        return NSCMason.shared.nodeForView(nativeView, true);
-    }
-    return nativeView.node;
-}
-function getStyle(instance) {
-    const nativeView = instance?.ios;
-    if (instance._isMasonChild) {
-        return NSCMason.shared.nodeForView(nativeView, true).style;
-    }
-    return nativeView.style;
-}
-export function _forceStyleUpdate(instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    // if (__ANDROID__) {
-    //   const nodeOrView = getMasonInstance(instance) as org.nativescript.mason.masonkit.TextView;
-    //   nodeOrView.getStyle().updateNodeAndStyle();
-    // }
-    // if (__APPLE__) {
-    //   (instance.ios as MasonUIView).node.style.updateNativeStyle();
-    // }
-}
-export function _markDirty(instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        nodeOrView.dirty();
-    }
-    if (__APPLE__) {
-        getNode(instance).markDirty();
-    }
-}
-export function _isDirty(instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        return nodeOrView.isDirty();
-    }
-    if (__APPLE__) {
-        return getNode(instance).isDirty;
-    }
-    return false;
-}
-export function _intoType(type) {
-    switch (type) {
-        case 'auto':
-            return 0 /* MasonDimensionCompatType.Auto */;
-        case 'points':
-            return 1 /* MasonDimensionCompatType.Points */;
-        case 'percent':
-            return 2 /* MasonDimensionCompatType.Percent */;
-        default:
-            return 0 /* MasonDimensionCompatType.Auto */;
-    }
-}
-export function _parseDimension(dim) {
-    if (__APPLE__) {
-        const type = dim.type;
-        const value = dim.value;
-        switch (type) {
-            case 0 /* MasonDimensionCompatType.Auto */:
-                return 'auto';
-            case 1 /* MasonDimensionCompatType.Points */:
-                return { value: value, unit: 'px' };
-            case 2 /* MasonDimensionCompatType.Percent */:
-                return { value: value, unit: '%' };
-        }
-    }
-    const name = dim.getClass().getName();
-    switch (name) {
-        case 'org.nativescript.mason.masonkit.Dimension$Points':
-            return { value: dim.getPoints(), unit: 'px' };
-        case 'org.nativescript.mason.masonkit.Dimension$Percent':
-            return { value: dim.getPercentage(), unit: '%' };
-        case 'org.nativescript.mason.masonkit.Dimension$Auto':
-            return 'auto';
-    }
-}
-export function _parseLengthPercentage(dim) {
-    if (__APPLE__) {
-        const type = dim.type;
-        const value = dim.value;
-        switch (type) {
-            case 0 /* MasonLengthPercentageCompatType.Points */:
-                return { value: value, unit: 'px' };
-            case 1 /* MasonLengthPercentageCompatType.Percent */:
-                return { value: value, unit: '%' };
-        }
-    }
-    const name = dim.getClass().getName();
-    switch (name) {
-        case 'org.nativescript.mason.masonkit.LengthPercentage$Points':
-            return { value: dim.getPoints(), unit: 'px' };
-        case 'org.nativescript.mason.masonkit.LengthPercentage$Percent':
-            return { value: dim.getPercentage(), unit: '%' };
-        case 'org.nativescript.mason.masonkit.LengthPercentage$Auto':
-            return 'auto';
-    }
-}
-export function _parseLengthPercentageAuto(dim) {
-    if (__APPLE__) {
-        const type = dim.type;
-        const value = dim.value;
-        switch (type) {
-            case 0 /* MasonLengthPercentageAutoCompatType.Auto */:
-                return 'auto';
-            case 1 /* MasonLengthPercentageAutoCompatType.Points */:
-                return { value: value, unit: 'px' };
-            case 2 /* MasonLengthPercentageAutoCompatType.Percent */:
-                return { value: value, unit: '%' };
-        }
-    }
-    const name = dim.getClass().getName();
-    switch (name) {
-        case 'org.nativescript.mason.masonkit.LengthPercentageAuto$Points':
-            return { value: dim.getPoints(), unit: 'px' };
-        case 'org.nativescript.mason.masonkit.LengthPercentageAuto$Percent':
-            return { value: dim.getPercentage(), unit: '%' };
-        case 'org.nativescript.mason.masonkit.LengthPercentageAuto$Auto':
-            return 'auto';
-    }
-}
-export function _toMasonDimension(value) {
-    if (value === undefined || value === null) {
-        return value;
-    }
-    if (value === 'auto') {
-        return { value: 0, type: 'auto', native_type: 0 /* MasonDimensionCompatType.Auto */ };
-    }
-    let typeOf = typeof value;
-    if (typeOf === 'number') {
-        return { value: Utils.layout.toDevicePixels(value), type: 'points', native_type: 1 /* MasonDimensionCompatType.Points */ };
-    }
-    if (typeOf === 'string') {
-        value = parseUnit(value).value;
-        typeOf = 'object';
-    }
-    if (typeOf === 'object') {
-        switch (value?.unit) {
-            case '%':
-                return { value: value.value, type: 'percent', native_type: 2 /* MasonDimensionCompatType.Percent */ };
-            case 'px':
-                return { value: value.value, type: 'points', native_type: 1 /* MasonDimensionCompatType.Points */ };
-            case 'dip':
-                return { value: Utils.layout.toDevicePixels(value.value), type: 'points', native_type: 1 /* MasonDimensionCompatType.Points */ };
-        }
-    }
-    return { value: value, type: 'points', native_type: 1 /* MasonDimensionCompatType.Points */ };
-}
-export function _intoMasonDimension(value) {
-    if (value === undefined || value === null) {
-        return null;
-    }
-    if (__APPLE__) {
-        if (value === 'auto') {
-            return MasonDimensionCompat.Auto;
-        }
-        const typeOf = typeof value;
-        if (typeOf === 'object') {
-            switch (value?.unit) {
-                case '%':
-                    return MasonDimensionCompat.alloc().initWithPercent(value.value);
-                case 'px':
-                    return MasonDimensionCompat.alloc().initWithPoints(value.value);
-                case 'dip':
-                    return MasonDimensionCompat.alloc().initWithPoints(Utils.layout.toDevicePixels(value.value));
-            }
-        }
-        if (typeOf === 'number') {
-            return MasonDimensionCompat.alloc().initWithPoints(Utils.layout.toDevicePixels(value));
-        }
-        return MasonDimensionCompat.alloc().initWithPoints(Utils.layout.toDevicePixels(value));
-    }
-    if (__ANDROID__) {
-        if (value === 'auto') {
-            return org.nativescript.mason.masonkit.Dimension.Auto;
-        }
-        const typeOf = typeof value;
-        if (typeOf === 'object') {
-            switch (value?.unit) {
-                case '%':
-                    return new org.nativescript.mason.masonkit.Dimension.Percent(value.value);
-                case 'px':
-                    return new org.nativescript.mason.masonkit.Dimension.Points(value.value);
-                case 'dip':
-                    return new org.nativescript.mason.masonkit.Dimension.Points(Utils.layout.toDevicePixels(value.value));
-            }
-        }
-        if (typeOf === 'number') {
-            return new org.nativescript.mason.masonkit.Dimension.Points(Utils.layout.toDevicePixels(value));
-        }
-        return new org.nativescript.mason.masonkit.Dimension.Points(Utils.layout.toDevicePixels(value));
-    }
-    return null;
-}
-export function _toLengthPercentageAuto(value) {
-    if (value === undefined || value === null) {
-        return value;
-    }
-    if (value === 'auto') {
-        return { value: 0, type: 'auto', native_type: 0 /* MasonLengthPercentageAutoCompatType.Auto */ };
-    }
-    const typeOf = typeof value;
-    if (typeOf === 'object') {
-        switch (value?.unit) {
-            case '%':
-                return { value: value.value, type: 'percent', native_type: 2 /* MasonLengthPercentageAutoCompatType.Percent */ };
-            case 'px':
-                return { value: value.value, type: 'points', native_type: 1 /* MasonLengthPercentageAutoCompatType.Points */ };
-            case 'dip':
-                return { value: Utils.layout.toDevicePixels(value.value), type: 'points', native_type: 1 /* MasonLengthPercentageAutoCompatType.Points */ };
-        }
-    }
-    if (typeOf === 'number') {
-        return { value: Utils.layout.toDevicePixels(value), type: 'points', native_type: 1 /* MasonLengthPercentageAutoCompatType.Points */ };
-    }
-    return { value: value, type: 'points', native_type: 1 /* MasonLengthPercentageAutoCompatType.Points */ };
-}
-export function _toLengthPercentage(value) {
-    if (value === undefined || value === null) {
-        return value;
-    }
-    if (typeof value === 'string') {
-        const parsed = Length.parse(value);
-        if (parsed) {
-            value = parsed;
-        }
-    }
-    const typeOf = typeof value;
-    if (typeOf === 'object') {
-        switch (value?.unit) {
-            case '%':
-                return { value: value.value, type: 'percent', native_type: 1 /* MasonLengthPercentageCompatType.Percent */ };
-            case 'px':
-                return { value: value.value, type: 'points', native_type: 0 /* MasonLengthPercentageCompatType.Points */ };
-            case 'dip':
-                return { value: Utils.layout.toDevicePixels(value.value), type: 'points', native_type: 0 /* MasonLengthPercentageCompatType.Points */ };
-        }
-    }
-    if (typeOf === 'number') {
-        return { value: Utils.layout.toDevicePixels(value), type: 'points', native_type: 0 /* MasonLengthPercentageCompatType.Points */ };
-    }
-    return { value: value, type: 'points', native_type: 0 /* MasonLengthPercentageCompatType.Points */ };
-}
-function syncStyle(instance) {
-    // noop
-}
-export function _setDisplay(value, instance, initial = false) {
-    if (initial && value === 'block') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.display = value;
-        syncStyle(instance);
-    }
-}
-export function _getDisplay(instance) {
-    return instance._styleHelper.display;
-}
-export function _setMinWidth(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.minWidth = value;
-    syncStyle(instance);
-}
-export function _getMinWidth(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.minWidth;
-    }
-    return instance._styleHelper.minWidth;
-}
-export function _setMinHeight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.minHeight = value;
-    syncStyle(instance);
-}
-export function _getMinHeight(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.minHeight;
-    }
-    return instance._styleHelper.minHeight;
-}
-export function _setWidth(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    if (instance._styleHelper) {
-        instance._styleHelper.width = value;
-    }
-    syncStyle(instance);
-}
-export function _getWidth(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.width;
-    }
-    return instance._styleHelper.width;
-}
-export function _setHeight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.height = value;
-}
-export function _getHeight(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.height;
-    }
-    return instance._styleHelper.height;
-}
-export function _setMaxWidth(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.maxWidth = value;
-    syncStyle(instance);
-}
-export function _getMaxWidth(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.maxWidth;
-    }
-    return instance._styleHelper.maxWidth;
-}
-export function _setMaxHeight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.maxHeight = value;
-    syncStyle(instance);
-}
-export function _getMaxHeight(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.maxHeight;
-    }
-    return instance._styleHelper.maxHeight;
-}
-export function _setFlexDirection(value, instance, initial = false) {
-    if (initial && value === 'row') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.flexDirection = value;
-    }
-}
-export function _getFlexDirection(instance) {
-    return instance._styleHelper.flexDirection;
-}
-export function _getPosition(instance) {
-    return instance._styleHelper.position;
-}
-export function _setPosition(value, instance, initial = false) {
-    if (initial && value === 'relative') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.position = value;
-    }
-}
-export function _setFlexWrap(value, instance, initial = false) {
-    if (initial && value === 'no-wrap') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.flexWrap = value;
-    }
-}
-export function _getFlexWrap(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.flexWrap;
-    }
-    return instance.style.flexWrap;
-}
-export function _setAlignItems(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.alignItems = value;
-    }
-}
-export function _getAlignItems(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.alignItems;
-    }
-    return instance.style.alignItems;
-}
-export function _setAlignSelf(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.alignSelf = value;
-    }
-}
-export function _getAlignSelf(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.alignSelf;
-    }
-    return instance.style.alignSelf;
-}
-export function _setAlignContent(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        if (instance._styleHelper) {
-            instance._styleHelper.alignContent = value;
-        }
-    }
-}
-export function _getAlignContent(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.alignContent;
-    }
-    return instance.style.alignContent;
-}
-export function _setJustifyItems(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.justifyItems = value;
-    }
-}
-export function _getJustifyItems(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.justifyItems;
-    }
-    return instance.style.justifyItems;
-}
-export function _setJustifySelf(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (instance._hasNativeView) {
-        instance._styleHelper.justifySelf = value;
-    }
-}
-export function _getJustifySelf(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.justifySelf;
-    }
-    return instance.style.justifySelf;
-}
-export function _setJustifyContent(value, instance, initial = false) {
-    if (initial && value === 'normal') {
-        return;
-    }
-    if (!value)
-        value = 'normal';
-    if (instance._hasNativeView) {
-        if (instance._styleHelper) {
-            instance._styleHelper.justifyContent = value;
-        }
-    }
-}
-export function _getJustifyContent(instance) {
-    if (instance._hasNativeView) {
-        return instance._styleHelper.justifyContent;
-    }
-    return instance.style.justifyContent;
-}
-export function _setLeft(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.left = value;
-}
-export function _setRight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.right = value;
-}
-export function _setTop(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.top = value;
-}
-export function _setBottom(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.bottom = value;
-}
-export function _setMarginLeft(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.marginLeft = value;
-}
-export function _setMarginRight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.marginRight = value;
-}
-export function _setMarginTop(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.marginTop = value;
-}
-export function _setMarginBottom(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.marginBottom = value;
-}
-export function _setPaddingLeft(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.paddingLeft = value;
-}
-export function _setPaddingRight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.paddingRight = value;
-}
-export function _setPaddingTop(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.paddingTop = value;
-}
-export function _setPaddingBottom(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.paddingBottom = value;
-}
-export function _setBorderLeft(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-}
-export function _setBorderRight(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-}
-export function _setBorderTop(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-}
-export function _setBorderBottom(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-}
-export function _setFlexBasis(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.flexBasis = value;
-}
-export function _getFlexBasis(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.flexBasis;
-    }
-    return instance._styleHelper.flexBasis;
-}
-export function _setGap(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-}
-export function _getGap(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.gap;
-    }
-    return {
-        row: this._styleHelper.rowGap,
-        column: this._styleHelper.columnGap,
-    };
-}
-export function _setOverflow(value, instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.overflow = value;
-}
-export function _getOverflow(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.flexGrow;
-    }
-    return instance._styleHelper.overflow;
-}
-export function _setOverflowX(value, instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.overflowX = value;
-}
-export function _getOverflowX(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.overflowX;
-    }
-    return instance._styleHelper.overflowX;
-}
-export function _setOverflowY(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.overflowY = value;
-}
-export function _getOverflowY(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.overflowY;
-    }
-    return instance._styleHelper.overflowY;
-}
-export function _setScrollbarWidth(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.scrollBarWidth = value;
-}
-export function getScrollbarWidth(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.scrollBarWidth;
-    }
-    return instance._styleHelper.scrollBarWidth;
-}
-export function _setFlexGrow(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.flexGrow = value;
-}
-export function _getFlexGrow(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.flexGrow;
-    }
-    return instance._styleHelper.flexGrow;
-}
-export function _setFlexShrink(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.flexShrink = value;
-}
-export function _getFlexShrink(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.flexShrink;
-    }
-    return instance._styleHelper.flexShrink;
-}
-export function _setAspectRatio(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.aspectRatio = value ? value : Number.NaN;
-}
-export function _getAspectRatio(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.aspectRatio;
-    }
-    const ratio = instance._styleHelper.aspectRatio;
-    return Number.isNaN(ratio) ? null : ratio;
-}
-function _parseGridLine(value) {
-    let parsedValue = undefined;
-    let parsedType = undefined;
-    let nativeValue = undefined;
-    if (value === 'auto' || value === undefined) {
-        parsedValue = 0;
-        parsedType = 0 /* GridPlacementCompatType.Auto */;
-    }
-    if (typeof value === 'string') {
-        if (value.startsWith('span')) {
-            parsedValue = Number(value.replace('span', '').trim());
-            parsedType = 2 /* GridPlacementCompatType.Span */;
-        }
-        else {
-            parsedValue = Number(value.trim());
-            if (parsedValue < 1) {
-                parsedValue = 0;
-                parsedType = 0 /* GridPlacementCompatType.Auto */;
-            }
-            else {
-                parsedType = 1 /* GridPlacementCompatType.Line */;
-            }
-        }
-    }
-    if (typeof value === 'number') {
-        parsedValue = value;
-        if (parsedValue < 1) {
-            parsedValue = 0;
-            parsedType = 0 /* GridPlacementCompatType.Auto */;
-        }
-        else {
-            parsedType = 1 /* GridPlacementCompatType.Line */;
-        }
-    }
-    if (parsedType === 0) {
-        if (__ANDROID__) {
-            parsedType = org.nativescript.mason.masonkit.GridPlacement.Auto;
-            nativeValue = org.nativescript.mason.masonkit.GridPlacement.Auto.INSTANCE;
-        }
-        if (__APPLE__) {
-            parsedType = 0 /* GridPlacementCompatType.Auto */;
-            nativeValue = GridPlacementCompat.Auto;
-        }
-    }
-    else if (parsedType === 1) {
-        const isValid = !Number.isNaN(parsedValue);
-        if (__ANDROID__) {
-            parsedType = org.nativescript.mason.masonkit.GridPlacement.Line;
-            if (isValid) {
-                nativeValue = new org.nativescript.mason.masonkit.GridPlacement.Line(parsedValue);
-            }
-        }
-        if (__APPLE__) {
-            parsedType = 1 /* GridPlacementCompatType.Line */;
-            if (isValid) {
-                nativeValue = GridPlacementCompat.alloc().initWithLine(parsedValue);
-            }
-        }
-    }
-    else {
-        const isValid = !Number.isNaN(parsedValue);
-        if (__ANDROID__) {
-            parsedType = org.nativescript.mason.masonkit.GridPlacement.Span;
-            if (isValid) {
-                nativeValue = new org.nativescript.mason.masonkit.GridPlacement.Span(parsedValue);
-            }
-        }
-        if (__APPLE__) {
-            parsedType = 2 /* GridPlacementCompatType.Span */;
-            if (isValid) {
-                nativeValue = GridPlacementCompat.alloc().initWithSpan(parsedValue);
-            }
-        }
-    }
-    return { value: Number.isNaN(parsedValue) ? undefined : parsedValue, type: parsedType, native_value: nativeValue };
-}
-export function _setGridColumnStart(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const val = _parseGridLine(value);
-    if (val.value === undefined || val.type === undefined) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridColumnStart(nodeOrView, val.native_value);
-    }
-    if (__APPLE__) {
-        instance.ios.gridColumnStartCompat = val.native_value;
-    }
-}
-export function _setGridColumnEnd(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const val = _parseGridLine(value);
-    if (val.value === undefined || val.type === undefined) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridColumnEnd(nodeOrView, val.native_value);
-    }
-    if (__APPLE__) {
-        instance.ios.gridColumnEndCompat = val.native_value;
-    }
-}
-export function _setGridRowStart(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const val = _parseGridLine(value);
-    if (val.value === undefined || val.type === undefined) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridRowStart(nodeOrView, val.native_value);
-    }
-    if (__APPLE__) {
-        instance.ios.gridRowStartCompat = val.native_value;
-    }
-}
-export function _setGridRowEnd(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const val = _parseGridLine(value);
-    if (val.value === undefined || val.type === undefined) {
-        return;
-    }
-    if (__ANDROID__) {
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridRowEnd(nodeOrView, val.native_value);
-    }
-    if (__APPLE__) {
-        instance.ios.gridRowEndCompat = val.native_value;
-    }
-}
-export function _setRowGap(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.rowGap = value;
-}
-export function _getRowGap(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.rowGap;
-    }
-    return instance._styleHelper.rowGap;
-}
-export function _setColumnGap(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance._styleHelper.columnGap = value;
-}
-export function _getColumnGap(instance) {
-    if (!instance._hasNativeView) {
-        return instance.style.gap;
-    }
-    return instance._styleHelper.columnGap;
-}
-const Auto = 'auto';
-const None = 'none';
-const MinContent = 'min-content';
-const MaxContent = 'max-content';
-export function _parseMinMaxValue(value) {
-    if (typeof value === 'string') {
-        if (value === Auto || value === None) {
-            return {
-                min_type: 0 /* MinSizingType.Auto */,
-                min_value: 0,
-                max_type: 0 /* MaxSizingType.Auto */,
-                max_value: 0,
-            };
-        }
-        else if (value === MinContent) {
-            return {
-                min_type: 1 /* MinSizingType.MinContent */,
-                min_value: 0,
-                max_type: 1 /* MaxSizingType.MinContent */,
-                max_value: 0,
-            };
-        }
-        else if (value === MaxContent) {
-            return {
-                min_type: 2 /* MinSizingType.MaxContent */,
-                min_value: 0,
-                max_type: 2 /* MaxSizingType.MaxContent */,
-                max_value: 0,
-            };
-        }
-        else if (value.indexOf('fr') > -1) {
-            const flex = parseInt(value.replace('fr', '').trim());
-            return {
-                min_type: 0 /* MinSizingType.Auto */,
-                min_value: 0,
-                max_type: 5 /* MaxSizingType.Fraction */,
-                max_value: flex,
-            };
-        }
-        else if (value.startsWith('minmax')) {
-            // todo
-            const minMax = parseInt(value.replace('minmax(', '').replace(')', '').trim());
-        }
-        else if (value.startsWith('fit-content')) {
-            const fitContent = value.replace('fit-content(', '').replace(')', '').trim();
-            if (fitContent.indexOf('px') > -1) {
-                const px = parseInt(fitContent.replace('px', ''));
-                return {
-                    min_type: 0 /* MinSizingType.Auto */,
-                    min_value: px,
-                    max_type: 6 /* MaxSizingType.FitContent */,
-                    max_value: px,
-                };
-            }
-            if (fitContent.indexOf('px') > -1) {
-                const dip = Utils.layout.toDevicePixels(parseInt(fitContent.replace('dip', '')));
-                return {
-                    min_type: 0 /* MinSizingType.Auto */,
-                    min_value: dip,
-                    max_type: 6 /* MaxSizingType.FitContent */,
-                    max_value: dip,
-                };
-            }
-            if (fitContent.indexOf('%') > -1) {
-                const percent = parseFloat(fitContent.replace('%', ''));
-                return {
-                    min_type: 0 /* MinSizingType.Auto */,
-                    min_value: percent,
-                    max_type: 7 /* MaxSizingType.FitContentPercent */,
-                    max_value: percent,
-                };
-            }
-        }
-        else if (value.indexOf('px') > -1) {
-            const px = parseInt(value.replace('px', ''));
-            return {
-                min_type: 3 /* MinSizingType.Points */,
-                min_value: px,
-                max_type: 3 /* MaxSizingType.Points */,
-                max_value: px,
-            };
-        }
-        else if (value.indexOf('dip') > -1) {
-            const dip = Utils.layout.toDevicePixels(parseInt(value.replace('dip', '')));
-            return {
-                min_type: 3 /* MinSizingType.Points */,
-                min_value: dip,
-                max_type: 3 /* MaxSizingType.Points */,
-                max_value: dip,
-            };
-        }
-        else if (value.indexOf('%') > -1) {
-            const percent = parseFloat(value.replace('%', ''));
-            return {
-                min_type: 4 /* MinSizingType.Percent */,
-                min_value: percent,
-                max_type: 4 /* MaxSizingType.Percent */,
-                max_value: percent,
-            };
-        }
-        else {
-            const dip = Utils.layout.toDevicePixels(Number(value));
-            return {
-                min_type: 3 /* MinSizingType.Points */,
-                min_value: dip,
-                max_type: 3 /* MaxSizingType.Points */,
-                max_value: dip,
-            };
-        }
-    }
-    if (typeof value === 'number') {
-        const dip = Utils.layout.toDevicePixels(value);
-        return {
-            min_type: 3 /* MinSizingType.Points */,
-            min_value: dip,
-            max_type: 3 /* MaxSizingType.Points */,
-            max_value: dip,
-        };
-    }
-    return undefined;
-}
-const grid_templates_regex = /[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g;
-export function _parseGridTemplates(value) {
-    const array = [];
-    if (typeof value === 'string') {
-        const values = Array.from(value.matchAll(grid_templates_regex), (m) => m[0]);
-        values.forEach((item) => {
-            if (item.startsWith('repeat(')) {
-                const repeatValue = item.replace('repeat(', '').replace(')', '');
-                const trackEnd = repeatValue.indexOf(',');
-                const repetition = repeatValue.substring(0, trackEnd);
-                const tracks = repeatValue
-                    .substring(trackEnd + 1)
-                    .split(' ')
-                    .filter((a) => {
-                    return a.length || a.trim() === ',';
-                });
-                let isValid = true;
-                let repeating_type = 0;
-                let repeat_count = 0;
-                switch (repetition) {
-                    case 'repeat-fill':
-                        repeating_type = 0 /* TSCGridTrackRepetition.AutoFill */;
-                        break;
-                    case 'repeat-fit':
-                        repeating_type = 1 /* TSCGridTrackRepetition.AutoFit */;
-                        break;
-                    default:
-                        {
-                            const number = parseInt(repetition);
-                            repeating_type = 2 /* TSCGridTrackRepetition.Count */;
-                            isValid = !Number.isNaN(number);
-                            if (isValid) {
-                                repeat_count = number;
-                            }
-                        }
-                        break;
-                }
-                if (isValid) {
-                    const tracks_array = [];
-                    tracks.forEach((track) => {
-                        const minMax = _parseMinMaxValue(track.trim());
-                        tracks_array.push(minMax);
-                    });
-                    array.push({
-                        is_repeating: true,
-                        repeating_type,
-                        repeating_count: repeat_count,
-                        value: tracks_array,
-                    });
-                }
-            }
-            else {
-                const value = _parseMinMaxValue(item);
-                array.push({
-                    is_repeating: false,
-                    repeating_type: 0,
-                    value,
-                });
-            }
-        });
-    }
-    return array;
-}
-export function _setGridTemplateRows(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    if (__ANDROID__) {
-        const array = Array.create('org.nativescript.mason.masonkit.TrackSizingFunction', value.length);
-        const length = value.length;
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            if (item.is_repeating) {
-                const repeating = item.value;
-                const tracks = Array.create('org.nativescript.mason.masonkit.MinMax', repeating.length);
-                let gridTrackRepetition = null;
-                switch (item.repeating_type) {
-                    case 0 /* TSCGridTrackRepetition.AutoFill */:
-                        gridTrackRepetition = org.nativescript.mason.masonkit.GridTrackRepetition.AutoFill;
-                        break;
-                    case 1 /* TSCGridTrackRepetition.AutoFit */:
-                        gridTrackRepetition = org.nativescript.mason.masonkit.GridTrackRepetition.AutoFit;
-                        break;
-                    case 2 /* TSCGridTrackRepetition.Count */:
-                        gridTrackRepetition = new org.nativescript.mason.masonkit.GridTrackRepetition.Count(item.repeating_count);
-                        break;
-                }
-                if (gridTrackRepetition === null) {
-                    continue;
-                }
-                const repeatingLength = repeating.length;
-                for (let j = 0; j < repeatingLength; j++) {
-                    const repeat = repeating[j];
-                    tracks[j] = org.nativescript.mason.masonkit.MinMax.fromTypeValue(repeat.min_type, repeat.min_value, repeat.max_type, repeat.max_value);
-                }
-                const repeat = new org.nativescript.mason.masonkit.TrackSizingFunction.AutoRepeat(gridTrackRepetition, tracks);
-                array[i] = repeat;
-            }
-            else {
-                const single = item.value;
-                const trackSizingFunction = new org.nativescript.mason.masonkit.TrackSizingFunction.Single(org.nativescript.mason.masonkit.MinMax.fromTypeValue(single.min_type, single.min_value, single.max_type, single.max_value));
-                array[i] = trackSizingFunction;
-            }
-        }
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridTemplateRows(nodeOrView, array);
-    }
-    if (__APPLE__) {
-        const length = value.length;
-        const array = NSMutableArray.arrayWithCapacity(length);
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            if (item.is_repeating) {
-                const repeating = item.value;
-                const repeatingLength = repeating.length;
-                const tracks = NSMutableArray.arrayWithCapacity(repeatingLength);
-                let gridTrackRepetition = null;
-                switch (item.repeating_type) {
-                    case 0 /* TSCGridTrackRepetition.AutoFill */:
-                        gridTrackRepetition = 0 /* TSCGridTrackRepetition.AutoFill */;
-                        break;
-                    case 1 /* TSCGridTrackRepetition.AutoFit */:
-                        gridTrackRepetition = 1 /* TSCGridTrackRepetition.AutoFit */;
-                        break;
-                    case 2 /* TSCGridTrackRepetition.Count */:
-                        gridTrackRepetition = GridTrackRepetition.Count(item.repeating_count);
-                        break;
-                }
-                if (gridTrackRepetition === null) {
-                    continue;
-                }
-                for (let j = 0; j < repeatingLength; j++) {
-                    const repeat = repeating[j];
-                    tracks.addObject(MinMax.fromTypeValue(repeat.min_type, repeat.min_value, repeat.max_type, repeat.max_value));
-                }
-                const repeat = TrackSizingFunction.AutoRepeat(gridTrackRepetition, tracks);
-                array.addObject(repeat);
-            }
-            else {
-                const single = item.value;
-                const trackSizingFunction = TrackSizingFunction.Single(MinMax.fromTypeValue(single.min_type, single.min_value, single.max_type, single.max_value));
-                array.addObject(trackSizingFunction);
-            }
-        }
-        instance.ios.gridTemplateRows = array;
-    }
-}
-export function _setGridTemplateColumns(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    if (__ANDROID__) {
-        const array = Array.create('org.nativescript.mason.masonkit.TrackSizingFunction', value.length);
-        const length = value.length;
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            if (item.is_repeating) {
-                const repeating = item.value;
-                const tracks = Array.create('org.nativescript.mason.masonkit.MinMax', repeating.length);
-                let gridTrackRepetition = null;
-                switch (item.repeating_type) {
-                    case 0 /* TSCGridTrackRepetition.AutoFill */:
-                        gridTrackRepetition = org.nativescript.mason.masonkit.GridTrackRepetition.AutoFill.INSTANCE;
-                        break;
-                    case 1 /* TSCGridTrackRepetition.AutoFit */:
-                        gridTrackRepetition = org.nativescript.mason.masonkit.GridTrackRepetition.AutoFit.INSTANCE;
-                        break;
-                    case 2 /* TSCGridTrackRepetition.Count */:
-                        gridTrackRepetition = new org.nativescript.mason.masonkit.GridTrackRepetition.Count(item.repeating_count);
-                        break;
-                }
-                if (gridTrackRepetition === null) {
-                    continue;
-                }
-                const repeatingLength = repeating.length;
-                for (let j = 0; j < repeatingLength; j++) {
-                    const repeat = repeating[j];
-                    tracks[j] = org.nativescript.mason.masonkit.MinMax.fromTypeValue(repeat.min_type, repeat.min_value, repeat.max_type, repeat.max_value);
-                }
-                const repeat = new org.nativescript.mason.masonkit.TrackSizingFunction.AutoRepeat(gridTrackRepetition, tracks);
-                array[i] = repeat;
-            }
-            else {
-                const single = item.value;
-                const minMax = single ? org.nativescript.mason.masonkit.MinMax.fromTypeValue(single.min_type, single.min_value, single.max_type, single.max_value) : org.nativescript.mason.masonkit.MinMax.Auto.INSTANCE;
-                const trackSizingFunction = new org.nativescript.mason.masonkit.TrackSizingFunction.Single(minMax);
-                array[i] = trackSizingFunction;
-            }
-        }
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridTemplateColumns(nodeOrView, array);
-    }
-    if (__APPLE__) {
-        const length = value.length;
-        const array = NSMutableArray.new();
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            if (item.is_repeating) {
-                const repeating = item.value;
-                const repeatingLength = repeating.length;
-                const tracks = NSMutableArray.arrayWithCapacity(repeatingLength);
-                let gridTrackRepetition = null;
-                switch (item.repeating_type) {
-                    case 0 /* TSCGridTrackRepetition.AutoFill */:
-                        gridTrackRepetition = 0 /* TSCGridTrackRepetition.AutoFill */;
-                        break;
-                    case 1 /* TSCGridTrackRepetition.AutoFit */:
-                        gridTrackRepetition = 1 /* TSCGridTrackRepetition.AutoFit */;
-                        break;
-                    case 2 /* TSCGridTrackRepetition.Count */:
-                        gridTrackRepetition = GridTrackRepetition.Count(item.repeating_count);
-                        break;
-                }
-                if (gridTrackRepetition === null) {
-                    continue;
-                }
-                for (let j = 0; j < repeatingLength; j++) {
-                    const repeat = repeating[j];
-                    tracks.addObject(MinMax.fromTypeValue(repeat.min_type, repeat.min_value, repeat.max_type, repeat.max_value));
-                }
-                const repeat = TrackSizingFunction.AutoRepeat(gridTrackRepetition, tracks);
-                array.addObject(repeat);
-            }
-            else {
-                const single = item.value;
-                const trackSizingFunction = TrackSizingFunction.Single(MinMax.fromTypeValue(single.min_type, single.min_value, single.max_type, single.max_value));
-                array.addObject(trackSizingFunction);
-            }
-        }
-        instance.ios.gridTemplateColumns = array;
-        console.log('gridTemplateColumns', instance.ios.gridTemplateColumns);
-        console.log('gridTemplateColumns', instance.ios.gridTemplateColumns.count);
-        console.log(instance.ios.style);
-    }
-}
-export function _parseGridAutoRowsColumns(value) {
-    const array = [];
-    if (typeof value === 'string') {
-        const values = value.split(' ');
-        values.forEach((item) => {
-            const value = _parseMinMaxValue(item);
-            array.push({
-                is_repeating: false,
-                repeating_type: 0,
-                value,
-            });
-        });
-    }
-    return array;
-}
-export function _setGridAutoFlow(value, instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    instance.ios.gridAutoFlow = value;
-}
-export function _getGridAutoFlow(instance) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    return this._styleHelper.gridAutoFlow;
-}
-export function _setGridAutoRows(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const values = _parseGridAutoRowsColumns(value);
-    if (__ANDROID__) {
-        const array = Array.create('org.nativescript.mason.masonkit.MinMax', values.length);
-        const length = value.length;
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            const minMax = org.nativescript.mason.masonkit.MinMax.fromTypeValue(item.min_type, item.min_value, item.max_type, item.max_value);
-            array[i] = minMax;
-        }
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridAutoRows(nodeOrView, array);
-    }
-    if (__APPLE__) {
-        const length = value.length;
-        const array = NSMutableArray.arrayWithCapacity(length);
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            const minMax = MinMax.fromTypeValue(item.min_type, item.min_value, item.max_type, item.max_value);
-            array.addObject(minMax);
-        }
-        instance.ios.gridAutoRows = array;
-    }
-}
-export function _setGridAutoColumns(value, instance, initial = false) {
-    if (!instance._hasNativeView) {
-        return;
-    }
-    const values = _parseGridAutoRowsColumns(value);
-    if (__ANDROID__) {
-        const array = Array.create('org.nativescript.mason.masonkit.MinMax', values.length);
-        const length = value.length;
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            const minMax = org.nativescript.mason.masonkit.MinMax.fromTypeValue(item.min_type, item.min_value, item.max_type, item.max_value);
-            array[i] = minMax;
-        }
-        const nodeOrView = getMasonInstance(instance);
-        org.nativescript.mason.masonkit.NodeHelper.INSTANCE.setGridAutoColumns(nodeOrView, array);
-    }
-    if (__APPLE__) {
-        const length = value.length;
-        const array = NSMutableArray.arrayWithCapacity(length);
-        for (let i = 0; i < length; i++) {
-            const item = value[i];
-            const minMax = MinMax.fromTypeValue(item.min_type, item.min_value, item.max_type, item.max_value);
-            array.addObject(minMax);
-        }
-        instance.ios.gridAutoColumns = array;
-    }
-}
-//# sourceMappingURL=helpers.js.map