@nativescript/core 9.0.0-next-07-26-2025-16544379102 → 9.0.0-preview.1

package/ui/styling/length-shared.js

@@ -0,0 +1,173 @@
+// Shared Length, FixedLength, and PercentLength helpers for styling modules.
+// Only put platform-agnostic logic here.
+import { layout } from '../../utils/layout-helper';
+import { isCssWideKeyword } from '../core/properties/property-shared';
+function equalsCommon(a, b) {
+    if (a == 'auto' || isCssWideKeyword(a)) {
+        return b == 'auto' || isCssWideKeyword(b);
+    }
+    if (b == 'auto' || isCssWideKeyword(b)) {
+        return false;
+    }
+    if (typeof a === 'number') {
+        if (typeof b === 'number') {
+            return a == b;
+        }
+        if (!b) {
+            return false;
+        }
+        return b.unit == 'dip' && a == b.value;
+    }
+    if (typeof b === 'number') {
+        return a ? a.unit == 'dip' && a.value == b : false;
+    }
+    if (!a || !b) {
+        return false;
+    }
+    return a.value == b.value && a.unit == b.unit;
+}
+function convertToStringCommon(length) {
+    if (length == 'auto' || isCssWideKeyword(length)) {
+        return 'auto';
+    }
+    if (typeof length === 'number') {
+        return length.toString();
+    }
+    let val = length.value;
+    if (length.unit === '%') {
+        val *= 100;
+    }
+    return val + length.unit;
+}
+function toDevicePixelsCommon(length, auto = Number.NaN, parentAvailableWidth = Number.NaN) {
+    if (length == 'auto' || isCssWideKeyword(length)) {
+        return auto;
+    }
+    if (typeof length === 'number') {
+        return layout.round(layout.toDevicePixels(length));
+    }
+    if (!length) {
+        return auto;
+    }
+    // @ts-ignore
+    switch (length.unit) {
+        case 'px':
+            // @ts-ignore
+            return layout.round(length.value);
+        case '%':
+            // @ts-ignore
+            return layout.round(parentAvailableWidth * length.value);
+        case 'dip':
+        default:
+            // @ts-ignore
+            return layout.round(layout.toDevicePixels(length.value));
+    }
+}
+export var PercentLength;
+(function (PercentLength) {
+    function parse(fromValue) {
+        if (fromValue == 'auto') {
+            return 'auto';
+        }
+        if (typeof fromValue === 'string') {
+            let stringValue = fromValue.trim();
+            const percentIndex = stringValue.indexOf('%');
+            if (percentIndex !== -1) {
+                let value;
+                // if only % or % is not last we treat it as invalid value.
+                if (percentIndex !== stringValue.length - 1 || percentIndex === 0) {
+                    value = Number.NaN;
+                }
+                else {
+                    // Normalize result to values between -1 and 1
+                    value = parseFloat(stringValue.substring(0, stringValue.length - 1).trim()) / 100;
+                }
+                if (isNaN(value) || !isFinite(value)) {
+                    throw new Error(`Invalid value: ${fromValue}`);
+                }
+                return { unit: '%', value };
+            }
+            else if (stringValue.indexOf('px') !== -1) {
+                stringValue = stringValue.replace('px', '').trim();
+                const value = parseFloat(stringValue);
+                if (isNaN(value) || !isFinite(value)) {
+                    throw new Error(`Invalid value: ${fromValue}`);
+                }
+                return { unit: 'px', value };
+            }
+            else {
+                const value = parseFloat(stringValue);
+                if (isNaN(value) || !isFinite(value)) {
+                    throw new Error(`Invalid value: ${fromValue}`);
+                }
+                return value;
+            }
+        }
+        else {
+            return fromValue;
+        }
+    }
+    PercentLength.parse = parse;
+    PercentLength.equals = equalsCommon;
+    /**
+     * Converts PercentLengthType unit to device pixels.
+     * @param length The PercentLengthType to convert.
+     * @param auto Value to use for conversion of "auto". By default is Math.NaN.
+     * @param parentAvailableWidth Value to use as base when converting percent unit. By default is Math.NaN.
+     */
+    PercentLength.toDevicePixels = toDevicePixelsCommon;
+    PercentLength.convertToString = convertToStringCommon;
+})(PercentLength || (PercentLength = {}));
+export var FixedLength;
+(function (FixedLength) {
+    function parse(fromValue) {
+        if (typeof fromValue === 'string') {
+            let stringValue = fromValue.trim();
+            if (stringValue.indexOf('px') !== -1) {
+                stringValue = stringValue.replace('px', '').trim();
+                const value = parseFloat(stringValue);
+                if (isNaN(value) || !isFinite(value)) {
+                    throw new Error(`Invalid value: ${stringValue}`);
+                }
+                return { unit: 'px', value };
+            }
+            else {
+                const value = parseFloat(stringValue);
+                if (isNaN(value) || !isFinite(value)) {
+                    throw new Error(`Invalid value: ${stringValue}`);
+                }
+                return value;
+            }
+        }
+        else {
+            return fromValue;
+        }
+    }
+    FixedLength.parse = parse;
+    FixedLength.equals = equalsCommon;
+    /**
+     * Converts FixedLengthType unit to device pixels.
+     * @param length The FixedLengthType to convert.
+     */
+    FixedLength.toDevicePixels = toDevicePixelsCommon;
+    FixedLength.convertToString = convertToStringCommon;
+})(FixedLength || (FixedLength = {}));
+export var Length;
+(function (Length) {
+    function parse(fromValue) {
+        if (fromValue == 'auto') {
+            return 'auto';
+        }
+        return FixedLength.parse(fromValue);
+    }
+    Length.parse = parse;
+    Length.equals = equalsCommon;
+    /**
+     * Converts LengthType unit to device pixels.
+     * @param length The LengthType to convert.
+     * @param auto Value to use for conversion of "auto". By default is Math.NaN.
+     */
+    Length.toDevicePixels = toDevicePixelsCommon;
+    Length.convertToString = convertToStringCommon;
+})(Length || (Length = {}));
+//# sourceMappingURL=length-shared.js.map

package/ui/styling/length-shared.js.map

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

package/ui/styling/style/index.d.ts

@@ -6,7 +6,7 @@ import { LinearGradient } from '../../styling/linear-gradient';
 import { Observable } from '../../../data/observable';
 import { FlexDirection, FlexWrap, JustifyContent, AlignItems, AlignContent, Order, FlexGrow, FlexShrink, FlexWrapBefore, AlignSelf, FlexFlow, Flex } from '../../layouts/flexbox-layout';
 import { CoreTypes } from '../../../core-types';
-import { AccessibilityLiveRegion, AccessibilityRole, AccessibilityState } from '../../../accessibility/accessibility-types';
+import { AccessibilityLiveRegion, AccessibilityRole, AccessibilityState } from '../../../accessibility';
 import { ShadowCSSValues } from '../css-shadow';
 import { StrokeCSSValues } from '../css-stroke';
 import { ClipPathFunction } from '../clip-path-function';

package/ui/styling/style-properties.d.ts

@@ -1,116 +1,62 @@
-import { CoreTypes } from '../../core-types';
-import { Color } from '../../color';
-import { CssProperty, CssAnimationProperty, ShorthandProperty, InheritedCssProperty } from '../core/properties';
+import { CssProperty, CssAnimationProperty, InheritedCssProperty } from '../core/properties';
 import { Style } from './style';
+import { Color } from '../../color';
 import { Font, FontStyleType, FontWeightType, FontVariationSettingsType } from './font';
 import { Background } from './background';
-import { ClipPathFunction } from './clip-path-function';
+import { CoreTypes } from '../../core-types';
 import { LinearGradient } from './linear-gradient';
-
-export namespace FixedLength {
-	export function parse(text: string): CoreTypes.FixedLengthType;
-	export function equals(a: CoreTypes.FixedLengthType, b: CoreTypes.FixedLengthType): boolean;
-	/**
-	 * Converts FixedLengthType unit to device pixels.
-	 * @param length The FixedLengthType to convert.
-	 */
-	export function toDevicePixels(length: CoreTypes.FixedLengthType): number;
-	export function convertToString(length: CoreTypes.FixedLengthType): string;
-}
-
-export namespace Length {
-	export function parse(text: string): CoreTypes.LengthType;
-	export function equals(a: CoreTypes.LengthType, b: CoreTypes.LengthType): boolean;
-	/**
-	 * Converts LengthType unit to device pixels.
-	 * @param length The LengthType to convert.
-	 * @param auto Value to use for conversion of "auto". By default is Math.NaN.
-	 */
-	export function toDevicePixels(length: CoreTypes.LengthType, auto?: number): number;
-	export function convertToString(length: CoreTypes.LengthType): string;
-}
-
-export namespace PercentLength {
-	export function parse(text: string): CoreTypes.PercentLengthType;
-	export function equals(a: CoreTypes.PercentLengthType, b: CoreTypes.PercentLengthType): boolean;
-	/**
-	 * Converts PercentLengthType unit to device pixels.
-	 * @param length The PercentLengthType to convert.
-	 * @param auto Value to use for conversion of "auto". By default is Math.NaN.
-	 * @param parentAvailableWidth Value to use as base when converting percent unit. By default is Math.NaN.
-	 */
-	export function toDevicePixels(length: CoreTypes.PercentLengthType, auto?: number, parentAvailableWidth?: CoreTypes.px): number;
-	export function convertToString(length: CoreTypes.PercentLengthType): string;
-}
-
-export const zeroLength: CoreTypes.LengthType;
-
-export const rotateProperty: CssAnimationProperty<Style, number>;
-export const scaleXProperty: CssAnimationProperty<Style, number>;
-export const scaleYProperty: CssAnimationProperty<Style, number>;
-export const translateXProperty: CssAnimationProperty<Style, CoreTypes.dip>;
-export const translateYProperty: CssAnimationProperty<Style, CoreTypes.dip>;
-
-export const clipPathProperty: CssProperty<Style, string | ClipPathFunction>;
-export const colorProperty: InheritedCssProperty<Style, Color>;
-
-export const backgroundProperty: ShorthandProperty<Style, string>;
-export const backgroundColorProperty: CssAnimationProperty<Style, Color>;
-export const backgroundImageProperty: CssProperty<Style, string | LinearGradient>;
-export const backgroundRepeatProperty: CssProperty<Style, CoreTypes.BackgroundRepeatType>;
-export const backgroundSizeProperty: CssProperty<Style, string>;
-export const backgroundPositionProperty: CssProperty<Style, string>;
-
-export const borderColorProperty: ShorthandProperty<Style, string | Color>;
-export const borderTopColorProperty: CssProperty<Style, Color>;
-export const borderRightColorProperty: CssProperty<Style, Color>;
-export const borderBottomColorProperty: CssProperty<Style, Color>;
-export const borderLeftColorProperty: CssProperty<Style, Color>;
-
-export const borderWidthProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
-export const borderTopWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderRightWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderBottomWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderLeftWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-
-export const borderRadiusProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
-export const borderTopLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderTopRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderBottomRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const borderBottomLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-
-export const zIndexProperty: CssProperty<Style, number>;
-export const visibilityProperty: CssProperty<Style, CoreTypes.VisibilityType>;
-export const opacityProperty: CssAnimationProperty<Style, number>;
-
-export const minWidthProperty: CssProperty<Style, CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit>;
-export const minHeightProperty: CssProperty<Style, CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit>;
-export const widthProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
-export const heightProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
-export const marginProperty: ShorthandProperty<Style, string | CoreTypes.PercentLengthType>;
-export const marginLeftProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export const marginRightProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export const marginTopProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export const marginBottomProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-
-export const paddingProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
-export const paddingLeftProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const paddingRightProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const paddingTopProperty: CssProperty<Style, CoreTypes.LengthType>;
-export const paddingBottomProperty: CssProperty<Style, CoreTypes.LengthType>;
-
-export const horizontalAlignmentProperty: CssProperty<Style, CoreTypes.HorizontalAlignmentType>;
-export const verticalAlignmentProperty: CssProperty<Style, CoreTypes.VerticalAlignmentType>;
-
-export const fontSizeProperty: InheritedCssProperty<Style, number>;
-export const fontFamilyProperty: InheritedCssProperty<Style, string>;
-export const fontStyleProperty: InheritedCssProperty<Style, FontStyleType>;
-export const fontWeightProperty: InheritedCssProperty<Style, FontWeightType>;
-
-export const backgroundInternalProperty: CssProperty<Style, Background>;
-export const fontInternalProperty: InheritedCssProperty<Style, Font>;
-export const fontScaleInternalProperty: InheritedCssProperty<Style, number>;
-export const fontVariationSettingsProperty: InheritedCssProperty<Style, FontVariationSettingsType[]>;
-
-export const androidElevationProperty: CssProperty<Style, number>;
-export const androidDynamicElevationOffsetProperty: CssProperty<Style, number>;
+import { ClipPathFunction } from './clip-path-function';
+export declare const minWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const minHeightProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const widthProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
+export declare const heightProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
+export declare const marginLeftProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export declare const marginRightProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export declare const marginTopProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export declare const marginBottomProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export declare const paddingLeftProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const paddingRightProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const paddingTopProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const paddingBottomProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const horizontalAlignmentProperty: CssProperty<Style, CoreTypes.HorizontalAlignmentType>;
+export declare const verticalAlignmentProperty: CssProperty<Style, CoreTypes.VerticalAlignmentTextType>;
+export declare const rotateProperty: CssAnimationProperty<Style, number>;
+export declare const rotateXProperty: CssAnimationProperty<Style, number>;
+export declare const rotateYProperty: CssAnimationProperty<Style, number>;
+export declare const perspectiveProperty: CssAnimationProperty<Style, number>;
+export declare const scaleXProperty: CssAnimationProperty<Style, number>;
+export declare const scaleYProperty: CssAnimationProperty<Style, number>;
+export declare const translateXProperty: CssAnimationProperty<Style, CoreTypes.FixedLengthType>;
+export declare const translateYProperty: CssAnimationProperty<Style, CoreTypes.FixedLengthType>;
+export declare const backgroundInternalProperty: CssProperty<Style, Background>;
+export declare const backgroundImageProperty: CssProperty<Style, string | LinearGradient>;
+export declare const backgroundColorProperty: CssAnimationProperty<Style, Color>;
+export declare const backgroundRepeatProperty: CssProperty<Style, CoreTypes.BackgroundRepeatType>;
+export declare const backgroundSizeProperty: CssProperty<Style, string>;
+export declare const backgroundPositionProperty: CssProperty<Style, string>;
+export declare const borderTopColorProperty: CssProperty<Style, Color>;
+export declare const borderRightColorProperty: CssProperty<Style, Color>;
+export declare const borderBottomColorProperty: CssProperty<Style, Color>;
+export declare const borderLeftColorProperty: CssProperty<Style, Color>;
+export declare const borderTopWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderRightWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderBottomWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderLeftWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderTopLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderTopRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderBottomRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const borderBottomLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export declare const clipPathProperty: CssProperty<Style, string | ClipPathFunction>;
+export declare const zIndexProperty: CssProperty<Style, number>;
+export declare const opacityProperty: CssAnimationProperty<Style, number>;
+export declare const colorProperty: InheritedCssProperty<Style, Color>;
+export declare const fontInternalProperty: CssProperty<Style, Font>;
+export declare const fontFamilyProperty: InheritedCssProperty<Style, string>;
+export declare const fontScaleInternalProperty: InheritedCssProperty<Style, number>;
+export declare const fontSizeProperty: InheritedCssProperty<Style, number>;
+export declare const fontStyleProperty: InheritedCssProperty<Style, FontStyleType>;
+export declare const fontWeightProperty: InheritedCssProperty<Style, FontWeightType>;
+export declare const fontVariationSettingsProperty: InheritedCssProperty<Style, FontVariationSettingsType[]>;
+export declare const visibilityProperty: CssProperty<Style, CoreTypes.VisibilityType>;
+export declare const androidElevationProperty: CssProperty<Style, number>;
+export declare const androidDynamicElevationOffsetProperty: CssProperty<Style, number>;

package/ui/styling/style-properties.js

@@ -1,4 +1,5 @@
-import { unsetValue, CssProperty, CssAnimationProperty, ShorthandProperty, InheritedCssProperty, isCssWideKeyword } from '../core/properties';
+import { CssProperty, CssAnimationProperty, ShorthandProperty, InheritedCssProperty } from '../core/properties';
+import { unsetValue, isCssWideKeyword } from '../core/properties/property-shared';
 import { Style } from './style';
 import { Color } from '../../color';
 import { Font, parseFont, FontStyle, FontWeight, FontVariationSettings } from './font';
@@ -6,6 +7,7 @@ import { Background } from './background';
 import { layout } from '../../utils';
 import { Trace } from '../../trace';
 import { CoreTypes } from '../../core-types';
+import { Length, FixedLength, PercentLength } from './length-shared';
 import { parseBackground } from '../../css/parser';
 import { LinearGradient } from './linear-gradient';
 import { parseCSSShadow } from './css-shadow';
@@ -58,108 +60,20 @@ function toDevicePixelsCommon(length, auto = Number.NaN, parentAvailableWidth =
     if (!length) {
         return auto;
     }
+    // @ts-ignore
     switch (length.unit) {
         case 'px':
+            // @ts-ignore
             return layout.round(length.value);
         case '%':
+            // @ts-ignore
             return layout.round(parentAvailableWidth * length.value);
         case 'dip':
         default:
+            // @ts-ignore
             return layout.round(layout.toDevicePixels(length.value));
     }
 }
-export var PercentLength;
-(function (PercentLength) {
-    function parse(fromValue) {
-        if (fromValue == 'auto') {
-            return 'auto';
-        }
-        if (typeof fromValue === 'string') {
-            let stringValue = fromValue.trim();
-            const percentIndex = stringValue.indexOf('%');
-            if (percentIndex !== -1) {
-                let value;
-                // if only % or % is not last we treat it as invalid value.
-                if (percentIndex !== stringValue.length - 1 || percentIndex === 0) {
-                    value = Number.NaN;
-                }
-                else {
-                    // Normalize result to values between -1 and 1
-                    value = parseFloat(stringValue.substring(0, stringValue.length - 1).trim()) / 100;
-                }
-                if (isNaN(value) || !isFinite(value)) {
-                    throw new Error(`Invalid value: ${fromValue}`);
-                }
-                return { unit: '%', value };
-            }
-            else if (stringValue.indexOf('px') !== -1) {
-                stringValue = stringValue.replace('px', '').trim();
-                const value = parseFloat(stringValue);
-                if (isNaN(value) || !isFinite(value)) {
-                    throw new Error(`Invalid value: ${fromValue}`);
-                }
-                return { unit: 'px', value };
-            }
-            else {
-                const value = parseFloat(stringValue);
-                if (isNaN(value) || !isFinite(value)) {
-                    throw new Error(`Invalid value: ${fromValue}`);
-                }
-                return value;
-            }
-        }
-        else {
-            return fromValue;
-        }
-    }
-    PercentLength.parse = parse;
-    PercentLength.equals = equalsCommon;
-    PercentLength.toDevicePixels = toDevicePixelsCommon;
-    PercentLength.convertToString = convertToStringCommon;
-})(PercentLength || (PercentLength = {}));
-export var FixedLength;
-(function (FixedLength) {
-    function parse(fromValue) {
-        if (typeof fromValue === 'string') {
-            let stringValue = fromValue.trim();
-            if (stringValue.indexOf('px') !== -1) {
-                stringValue = stringValue.replace('px', '').trim();
-                const value = parseFloat(stringValue);
-                if (isNaN(value) || !isFinite(value)) {
-                    throw new Error(`Invalid value: ${stringValue}`);
-                }
-                return { unit: 'px', value };
-            }
-            else {
-                const value = parseFloat(stringValue);
-                if (isNaN(value) || !isFinite(value)) {
-                    throw new Error(`Invalid value: ${stringValue}`);
-                }
-                return value;
-            }
-        }
-        else {
-            return fromValue;
-        }
-    }
-    FixedLength.parse = parse;
-    FixedLength.equals = equalsCommon;
-    FixedLength.toDevicePixels = toDevicePixelsCommon;
-    FixedLength.convertToString = convertToStringCommon;
-})(FixedLength || (FixedLength = {}));
-export var Length;
-(function (Length) {
-    function parse(fromValue) {
-        if (fromValue == 'auto') {
-            return 'auto';
-        }
-        return FixedLength.parse(fromValue);
-    }
-    Length.parse = parse;
-    Length.equals = equalsCommon;
-    Length.toDevicePixels = toDevicePixelsCommon;
-    Length.convertToString = convertToStringCommon;
-})(Length || (Length = {}));
 function isNonNegativeFiniteNumber(value) {
     return isFinite(value) && !isNaN(value) && value >= 0;
 }