@nativescript/core 9.0.0-alpha.25 → 9.0.0-alpha.26

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

@@ -0,0 +1,368 @@
+import { SplitViewBase, displayModeProperty, splitBehaviorProperty, preferredPrimaryColumnWidthFractionProperty, preferredSupplementaryColumnWidthFractionProperty, preferredInspectorColumnWidthFractionProperty } from './split-view-common';
+import { View } from '../core/view';
+import { layout } from '../../utils';
+import { SDK_VERSION } from '../../utils/constants';
+var UISplitViewControllerDelegateImpl = (function (_super) {
+    __extends(UISplitViewControllerDelegateImpl, _super);
+    function UISplitViewControllerDelegateImpl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    UISplitViewControllerDelegateImpl.initWithOwner = function (owner) {
+        var d = UISplitViewControllerDelegateImpl.new();
+        d._owner = owner;
+        return d;
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerCollapseSecondaryViewControllerOntoPrimaryViewController = function (splitViewController, secondaryViewController, primaryViewController) {
+        var owner = this._owner.deref();
+        if (owner) {
+            owner.onSecondaryViewCollapsed(secondaryViewController, primaryViewController);
+        }
+        return true;
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerDidCollapse = function (svc) {
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerDidExpand = function (svc) {
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerDidHideColumn = function (svc, column) {
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerDidShowColumn = function (svc, column) {
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerDisplayModeForExpandingToProposedDisplayMode = function (svc, proposedDisplayMode) {
+        return UISplitViewControllerDisplayMode.TwoBesideSecondary;
+    };
+    UISplitViewControllerDelegateImpl.prototype.splitViewControllerTopColumnForCollapsingToProposedTopColumn = function (svc, proposedTopColumn) {
+        return UISplitViewControllerColumn.Secondary;
+    };
+    UISplitViewControllerDelegateImpl.prototype.toggleInspector = function () {
+        var owner = this._owner.deref();
+        if (owner) {
+            if (owner.inspectorShowing) {
+                owner.hideInspector();
+            }
+            else {
+                owner.showInspector();
+            }
+        }
+    };
+    UISplitViewControllerDelegateImpl.ObjCProtocols = [UISplitViewControllerDelegate];
+    UISplitViewControllerDelegateImpl.ObjCExposedMethods = {
+        toggleInspector: { returns: interop.types.void, params: [] },
+    };
+    return UISplitViewControllerDelegateImpl;
+}(NSObject));
+export class SplitView extends SplitViewBase {
+    static getInstance() {
+        return SplitView.instance;
+    }
+    constructor() {
+        super();
+        // Keep role -> controller
+        this._controllers = new Map();
+        this._children = new Map();
+        this.inspectorShowing = false;
+        this.viewController = UISplitViewController.alloc().initWithStyle(this._getSplitStyle());
+    }
+    createNativeView() {
+        SplitView.instance = this;
+        this._delegate = UISplitViewControllerDelegateImpl.initWithOwner(new WeakRef(this));
+        this.viewController.delegate = this._delegate;
+        this.viewController.presentsWithGesture = true;
+        // Apply initial preferences
+        this._applyPreferences();
+        return this.viewController.view;
+    }
+    disposeNativeView() {
+        super.disposeNativeView();
+        this._controllers.clear();
+        this._children.clear();
+        this.viewController = null;
+        this._delegate = null;
+    }
+    _getSplitStyle() {
+        switch (SplitView.SplitStyle) {
+            case 'triple':
+                return 2 /* UISplitViewControllerStyle.TripleColumn */;
+            default:
+                // default to double always
+                return 1 /* UISplitViewControllerStyle.DoubleColumn */;
+        }
+    }
+    // Controller-backed container: intercept native tree operations
+    _addViewToNativeVisualTree(child, atIndex) {
+        const role = this._resolveRoleForChild(child, atIndex);
+        const controller = this._ensureControllerForChild(child);
+        this._children.set(role, child);
+        this._controllers.set(role, controller);
+        this._syncControllers();
+        return true;
+    }
+    _removeViewFromNativeVisualTree(child) {
+        const role = this._findRoleByChild(child);
+        if (role) {
+            this._children.delete(role);
+            this._controllers.delete(role);
+            this._syncControllers();
+        }
+        super._removeViewFromNativeVisualTree(child);
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        const width = layout.getMeasureSpecSize(widthMeasureSpec);
+        const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
+        const height = layout.getMeasureSpecSize(heightMeasureSpec);
+        const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+        const horizontal = this.effectivePaddingLeft + this.effectivePaddingRight + this.effectiveBorderLeftWidth + this.effectiveBorderRightWidth;
+        const vertical = this.effectivePaddingTop + this.effectivePaddingBottom + this.effectiveBorderTopWidth + this.effectiveBorderBottomWidth;
+        const measuredWidth = Math.max(widthMode === layout.UNSPECIFIED ? 0 : width, this.effectiveMinWidth) + (widthMode === layout.UNSPECIFIED ? horizontal : 0);
+        const measuredHeight = Math.max(heightMode === layout.UNSPECIFIED ? 0 : height, this.effectiveMinHeight) + (heightMode === layout.UNSPECIFIED ? vertical : 0);
+        const widthAndState = View.resolveSizeAndState(measuredWidth, width, widthMode, 0);
+        const heightAndState = View.resolveSizeAndState(measuredHeight, height, heightMode, 0);
+        this.setMeasuredDimension(widthAndState, heightAndState);
+    }
+    onRoleChanged(view, oldValue, newValue) {
+        // Move child mapping to new role and resync
+        const oldRole = this._findRoleByChild(view);
+        if (oldRole) {
+            const controller = this._controllers.get(oldRole);
+            this._controllers.delete(oldRole);
+            this._children.delete(oldRole);
+            if (controller) {
+                this._controllers.set(newValue, controller);
+            }
+            this._children.set(newValue, view);
+            this._syncControllers();
+        }
+    }
+    onSecondaryViewCollapsed(secondaryViewController, primaryViewController) {
+        // Default implementation: do nothing.
+        // Subclasses may override to customize behavior when secondary is collapsed onto primary.
+    }
+    showPrimary() {
+        if (!this.viewController)
+            return;
+        this.viewController.showColumn(0 /* UISplitViewControllerColumn.Primary */);
+    }
+    hidePrimary() {
+        if (!this.viewController)
+            return;
+        this.viewController.hideColumn(0 /* UISplitViewControllerColumn.Primary */);
+    }
+    showSecondary() {
+        if (!this.viewController)
+            return;
+        this.viewController.showColumn(2 /* UISplitViewControllerColumn.Secondary */);
+    }
+    hideSecondary() {
+        if (!this.viewController)
+            return;
+        this.viewController.hideColumn(2 /* UISplitViewControllerColumn.Secondary */);
+    }
+    showSupplementary() {
+        if (!this.viewController)
+            return;
+        this.viewController.showColumn(1 /* UISplitViewControllerColumn.Supplementary */);
+    }
+    showInspector() {
+        if (!this.viewController)
+            return;
+        // Guard for older OS versions by feature-detecting inspector-related API
+        if (this.viewController.preferredInspectorColumnWidthFraction !== undefined) {
+            this.viewController.showColumn(4 /* UISplitViewControllerColumn.Inspector */);
+            this.notifyInspectorChange(true);
+        }
+    }
+    hideInspector() {
+        if (!this.viewController)
+            return;
+        if (this.viewController.preferredInspectorColumnWidthFraction !== undefined) {
+            this.viewController.hideColumn(4 /* UISplitViewControllerColumn.Inspector */);
+            this.notifyInspectorChange(false);
+        }
+    }
+    notifyInspectorChange(showing) {
+        this.inspectorShowing = showing;
+        this.notify({
+            eventName: 'inspectorChange',
+            object: this,
+            data: { showing },
+        });
+    }
+    _resolveRoleForChild(child, atIndex) {
+        const explicit = SplitViewBase.getRole(child);
+        if (explicit) {
+            return explicit;
+        }
+        // Fallback by index if no explicit role set
+        return this._roleByIndex(atIndex);
+    }
+    _findRoleByChild(child) {
+        for (const [role, c] of this._children.entries()) {
+            if (c === child) {
+                return role;
+            }
+        }
+        return null;
+    }
+    _ensureControllerForChild(child) {
+        // If child is controller-backed (Page/Frame/etc.), reuse its controller
+        const vc = (child.ios instanceof UIViewController ? child.ios : child.viewController);
+        if (vc) {
+            return vc;
+        }
+        // Fallback: basic wrapper (not expected in current usage where children are Frames/Pages)
+        const wrapper = UIViewController.new();
+        if (!wrapper.view) {
+            wrapper.view = UIView.new();
+        }
+        if (child.nativeViewProtected) {
+            wrapper.view.addSubview(child.nativeViewProtected);
+        }
+        return wrapper;
+    }
+    _attachInspectorButton() {
+        const inspector = this._controllers.get('inspector');
+        if (!(inspector instanceof UINavigationController)) {
+            return;
+        }
+        const targetVC = inspector.topViewController;
+        if (!targetVC) {
+            // Subscribe to Frame event to know when the top VC is shown, then attach the button.
+            // Can only attach buttons once VC is available
+            const frameChild = this._children.get('inspector');
+            if (frameChild && frameChild.on && !frameChild._inspectorVCShownHandler) {
+                frameChild._inspectorVCShownHandler = () => {
+                    setTimeout(() => this._attachInspectorButton());
+                };
+                frameChild.on('viewControllerShown', frameChild._inspectorVCShownHandler.bind(this));
+            }
+            return;
+        }
+        // Avoid duplicates
+        if (targetVC.navigationItem.rightBarButtonItem) {
+            return;
+        }
+        // TODO: can provide properties to customize this
+        const cfg = UIImageSymbolConfiguration.configurationWithPointSizeWeightScale(18, 4 /* UIImageSymbolWeight.Regular */, 2 /* UIImageSymbolScale.Medium */);
+        const image = UIImage.systemImageNamedWithConfiguration('sidebar.trailing', cfg);
+        const item = UIBarButtonItem.alloc().initWithImageStyleTargetAction(image, 0 /* UIBarButtonItemStyle.Plain */, this._delegate, 'toggleInspector');
+        targetVC.navigationItem.rightBarButtonItem = item;
+    }
+    _syncControllers() {
+        if (!this.viewController) {
+            return;
+        }
+        // Prefer modern API if present; otherwise fall back to setting viewControllers array
+        const primary = this._controllers.get('primary');
+        const secondary = this._controllers.get('secondary');
+        const supplementary = this._controllers.get('supplementary');
+        const inspector = this._controllers.get('inspector');
+        if (primary) {
+            this.viewController.setViewControllerForColumn(primary, 0 /* UISplitViewControllerColumn.Primary */);
+        }
+        if (secondary) {
+            this.viewController.setViewControllerForColumn(secondary, 2 /* UISplitViewControllerColumn.Secondary */);
+        }
+        if (supplementary) {
+            this.viewController.setViewControllerForColumn(supplementary, 1 /* UISplitViewControllerColumn.Supplementary */);
+        }
+        if (inspector) {
+            if (this.viewController.preferredInspectorColumnWidthFraction !== undefined) {
+                this.viewController.setViewControllerForColumn(inspector, 4 /* UISplitViewControllerColumn.Inspector */);
+            }
+        }
+        this._applyPreferences();
+    }
+    _applyPreferences() {
+        if (!this.viewController) {
+            return;
+        }
+        // displayMode
+        let preferredDisplayMode = 0 /* UISplitViewControllerDisplayMode.Automatic */;
+        switch (this.displayMode) {
+            case 'secondaryOnly':
+                preferredDisplayMode = 1 /* UISplitViewControllerDisplayMode.SecondaryOnly */;
+                break;
+            case 'oneBesideSecondary':
+                preferredDisplayMode = 2 /* UISplitViewControllerDisplayMode.OneBesideSecondary */;
+                break;
+            case 'oneOverSecondary':
+                preferredDisplayMode = 3 /* UISplitViewControllerDisplayMode.OneOverSecondary */;
+                break;
+            case 'twoBesideSecondary':
+                preferredDisplayMode = 4 /* UISplitViewControllerDisplayMode.TwoBesideSecondary */;
+                break;
+            case 'twoOverSecondary':
+                preferredDisplayMode = 5 /* UISplitViewControllerDisplayMode.TwoOverSecondary */;
+                break;
+            case 'twoDisplaceSecondary':
+                preferredDisplayMode = 6 /* UISplitViewControllerDisplayMode.TwoDisplaceSecondary */;
+                break;
+        }
+        this.viewController.preferredDisplayMode = preferredDisplayMode;
+        // splitBehavior (iOS 14+)
+        const sb = this.splitBehavior;
+        let preferredSplitBehavior = 0 /* UISplitViewControllerSplitBehavior.Automatic */;
+        switch (sb) {
+            case 'tile':
+                preferredSplitBehavior = 1 /* UISplitViewControllerSplitBehavior.Tile */;
+                break;
+            case 'overlay':
+                preferredSplitBehavior = 2 /* UISplitViewControllerSplitBehavior.Overlay */ ?? 0 /* UISplitViewControllerSplitBehavior.Automatic */;
+                break;
+            case 'displace':
+                preferredSplitBehavior = 3 /* UISplitViewControllerSplitBehavior.Displace */ ?? 0 /* UISplitViewControllerSplitBehavior.Automatic */;
+                break;
+        }
+        this.viewController.preferredSplitBehavior = preferredSplitBehavior;
+        const primary = this._controllers.get('primary');
+        const secondary = this._controllers.get('secondary');
+        const supplementary = this._controllers.get('supplementary');
+        const inspector = this._controllers.get('inspector');
+        if (secondary instanceof UINavigationController && secondary.navigationItem) {
+            // TODO: can add properties to customize this
+            secondary.navigationItem.leftBarButtonItem = this.viewController.displayModeButtonItem;
+            secondary.navigationItem.leftItemsSupplementBackButton = true;
+        }
+        if (supplementary) {
+            this.showSupplementary();
+        }
+        if (inspector) {
+            this.showInspector();
+            // Ensure the inspector column gets its toggle button as soon as the first page is shown
+            this._attachInspectorButton();
+        }
+        // Width fractions
+        if (typeof this.preferredPrimaryColumnWidthFraction === 'number' && !isNaN(this.preferredPrimaryColumnWidthFraction)) {
+            this.viewController.preferredPrimaryColumnWidthFraction = this.preferredPrimaryColumnWidthFraction;
+        }
+        if (SplitView.SplitStyle === 'triple') {
+            // supplementary applies in triple style
+            if (typeof this.preferredSupplementaryColumnWidthFraction === 'number' && !isNaN(this.preferredSupplementaryColumnWidthFraction)) {
+                this.viewController.preferredSupplementaryColumnWidthFraction = this.preferredSupplementaryColumnWidthFraction;
+            }
+        }
+        if (SDK_VERSION >= 26) {
+            // Inspector width fraction
+            const inspectorWidth = this.preferredInspectorColumnWidthFraction;
+            if (typeof inspectorWidth === 'number' && !isNaN(inspectorWidth)) {
+                this.viewController.preferredInspectorColumnWidthFraction = inspectorWidth;
+            }
+        }
+    }
+    [displayModeProperty.setNative](value) {
+        this._applyPreferences();
+    }
+    [splitBehaviorProperty.setNative](value) {
+        this._applyPreferences();
+    }
+    [preferredPrimaryColumnWidthFractionProperty.setNative](value) {
+        this._applyPreferences();
+    }
+    [preferredSupplementaryColumnWidthFractionProperty.setNative](value) {
+        this._applyPreferences();
+    }
+    [preferredInspectorColumnWidthFractionProperty.setNative](value) {
+        this._applyPreferences();
+    }
+}
+//# sourceMappingURL=index.ios.js.map

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

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

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

@@ -0,0 +1,51 @@
+import { LayoutBase } from '../layouts/layout-base';
+import { View } from '../core/view';
+import { Property } from '../core/properties';
+export type SplitRole = 'primary' | 'secondary' | 'supplementary' | 'inspector';
+export type SplitStyle = 'automatic' | 'double' | 'triple';
+export type SplitDisplayMode = 'automatic' | 'secondaryOnly' | 'oneBesideSecondary' | 'oneOverSecondary' | 'twoBesideSecondary' | 'twoOverSecondary' | 'twoDisplaceSecondary';
+export type SplitBehavior = 'automatic' | 'tile' | 'overlay' | 'displace';
+export declare class SplitViewBase extends LayoutBase {
+    /**
+     * The display style for the split view controller.
+     * Must be set before bootstrapping the app.
+     */
+    static SplitStyle: SplitStyle;
+    static getInstance(): SplitViewBase | null;
+    /** Child role (primary, secondary, supplementary, inspector) */
+    splitRole: SplitRole;
+    /** Preferred display mode */
+    displayMode: SplitDisplayMode;
+    /** Preferred split behavior (iOS 14+) */
+    splitBehavior: SplitBehavior;
+    /** Primary column width fraction (0..1) */
+    preferredPrimaryColumnWidthFraction: number;
+    /** Supplementary column width fraction (0..1, iOS 14+ triple) */
+    preferredSupplementaryColumnWidthFraction: number;
+    /** Inspector column width fraction (0..1, iOS 17+/18+ when Inspector column available) */
+    preferredInspectorColumnWidthFraction: number;
+    /**
+     * Get child role (primary, secondary, supplementary, inspector)
+     */
+    static getRole(element: SplitViewBase): SplitRole;
+    /**
+     * Set child role (primary, secondary, supplementary, inspector)
+     */
+    static setRole(element: SplitViewBase, value: SplitRole): void;
+    onRoleChanged(view: View, oldValue: SplitRole, newValue: SplitRole): void;
+    showPrimary(): void;
+    hidePrimary(): void;
+    showSecondary(): void;
+    hideSecondary(): void;
+    showSupplementary(): void;
+    hideSupplementary(): void;
+    showInspector(): void;
+    hideInspector(): void;
+    protected _roleByIndex(index: number): SplitRole;
+}
+export declare const splitRoleProperty: Property<View, SplitRole>;
+export declare const displayModeProperty: Property<SplitViewBase, SplitDisplayMode>;
+export declare const splitBehaviorProperty: Property<SplitViewBase, SplitBehavior>;
+export declare const preferredPrimaryColumnWidthFractionProperty: Property<SplitViewBase, number>;
+export declare const preferredSupplementaryColumnWidthFractionProperty: Property<SplitViewBase, number>;
+export declare const preferredInspectorColumnWidthFractionProperty: Property<SplitViewBase, number>;

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

@@ -0,0 +1,111 @@
+import { LayoutBase } from '../layouts/layout-base';
+import { View, CSSType } from '../core/view';
+import { Property, makeParser, makeValidator } from '../core/properties';
+const splitRoleConverter = makeParser(makeValidator('primary', 'secondary', 'supplementary', 'inspector'));
+const splitDisplayModeConverter = makeParser(makeValidator('automatic', 'secondaryOnly', 'oneBesideSecondary', 'oneOverSecondary', 'twoBesideSecondary', 'twoOverSecondary', 'twoDisplaceSecondary'));
+const splitBehaviorConverter = makeParser(makeValidator('automatic', 'tile', 'overlay', 'displace'));
+// Default child roles (helps authoring without setting splitRole on children)
+const ROLE_ORDER = ['primary', 'secondary', 'supplementary', 'inspector'];
+let SplitViewBase = class SplitViewBase extends LayoutBase {
+    static getInstance() {
+        // Platform-specific implementations may override
+        return null;
+    }
+    /**
+     * Get child role (primary, secondary, supplementary, inspector)
+     */
+    static getRole(element) {
+        return element.splitRole;
+    }
+    /**
+     * Set child role (primary, secondary, supplementary, inspector)
+     */
+    static setRole(element, value) {
+        element.splitRole = value;
+    }
+    // Called when a child's role changes; platform impls may override
+    onRoleChanged(view, oldValue, newValue) {
+        this.requestLayout();
+    }
+    showPrimary() {
+        // Platform-specific implementations may override
+    }
+    hidePrimary() {
+        // Platform-specific implementations may override
+    }
+    showSecondary() {
+        // Platform-specific implementations may override
+    }
+    hideSecondary() {
+        // Platform-specific implementations may override
+    }
+    showSupplementary() {
+        // Platform-specific implementations may override
+    }
+    hideSupplementary() {
+        // Platform-specific implementations may override
+    }
+    showInspector() {
+        // Platform-specific implementations may override
+    }
+    hideInspector() {
+        // Platform-specific implementations may override
+    }
+    // Utility to infer a role by index when none specified
+    _roleByIndex(index) {
+        return ROLE_ORDER[Math.max(0, Math.min(index, ROLE_ORDER.length - 1))];
+    }
+};
+SplitViewBase = __decorate([
+    CSSType('SplitView')
+], SplitViewBase);
+export { SplitViewBase };
+SplitViewBase.prototype.recycleNativeView = 'auto';
+export const splitRoleProperty = new Property({
+    name: 'splitRole',
+    defaultValue: 'primary',
+    valueChanged: (target, oldValue, newValue) => {
+        const parent = target.parent;
+        if (parent instanceof SplitViewBase) {
+            parent.onRoleChanged(target, oldValue, newValue);
+        }
+    },
+    valueConverter: splitRoleConverter,
+});
+splitRoleProperty.register(View);
+export const displayModeProperty = new Property({
+    name: 'displayMode',
+    defaultValue: 'automatic',
+    affectsLayout: __APPLE__,
+    valueConverter: splitDisplayModeConverter,
+});
+displayModeProperty.register(SplitViewBase);
+export const splitBehaviorProperty = new Property({
+    name: 'splitBehavior',
+    defaultValue: 'automatic',
+    affectsLayout: __APPLE__,
+    valueConverter: splitBehaviorConverter,
+});
+splitBehaviorProperty.register(SplitViewBase);
+export const preferredPrimaryColumnWidthFractionProperty = new Property({
+    name: 'preferredPrimaryColumnWidthFraction',
+    defaultValue: 0,
+    affectsLayout: __APPLE__,
+    valueConverter: (v) => Math.max(0, Math.min(1, parseFloat(v))),
+});
+preferredPrimaryColumnWidthFractionProperty.register(SplitViewBase);
+export const preferredSupplementaryColumnWidthFractionProperty = new Property({
+    name: 'preferredSupplementaryColumnWidthFraction',
+    defaultValue: 0,
+    affectsLayout: __APPLE__,
+    valueConverter: (v) => Math.max(0, Math.min(1, parseFloat(v))),
+});
+preferredSupplementaryColumnWidthFractionProperty.register(SplitViewBase);
+export const preferredInspectorColumnWidthFractionProperty = new Property({
+    name: 'preferredInspectorColumnWidthFraction',
+    defaultValue: 0,
+    affectsLayout: __APPLE__,
+    valueConverter: (v) => Math.max(0, Math.min(1, parseFloat(v))),
+});
+preferredInspectorColumnWidthFractionProperty.register(SplitViewBase);
+//# sourceMappingURL=split-view-common.js.map

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

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

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

@@ -79,6 +79,7 @@ export declare class Style extends Observable {
     borderBottomRightRadius: CoreTypes.LengthType;
     borderBottomLeftRadius: CoreTypes.LengthType;
     boxShadow: string | ShadowCSSValues[];
+    direction: CoreTypes.LayoutDirectionType;
     fontSize: number;
     fontFamily: string;
     fontStyle: FontStyleType;

package/ui/styling/style/index.js.map

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

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

@@ -47,6 +47,7 @@ export declare const borderTopRightRadiusProperty: CssProperty<Style, CoreTypes.
 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 directionProperty: InheritedCssProperty<Style, CoreTypes.LayoutDirectionType>;
 export declare const zIndexProperty: CssProperty<Style, number>;
 export declare const opacityProperty: CssAnimationProperty<Style, number>;
 export declare const colorProperty: InheritedCssProperty<Style, Color>;

package/ui/styling/style-properties.js

@@ -964,6 +964,13 @@ export const clipPathProperty = new CssProperty({
     },
 });
 clipPathProperty.register(Style);
+export const directionProperty = new InheritedCssProperty({
+    defaultValue: null,
+    name: 'direction',
+    cssName: 'direction',
+    affectsLayout: __APPLE__,
+});
+directionProperty.register(Style);
 export const zIndexProperty = new CssProperty({
     name: 'zIndex',
     cssName: 'z-index',