@nativescript/core 9.0.11-next.1 → 9.0.11

package/ui/layouts/absolute-layout/index.android.js

@@ -0,0 +1,26 @@
+import { AbsoluteLayoutBase, leftProperty, topProperty } from './absolute-layout-common';
+import { View } from '../../core/view';
+import { Length } from '../../styling/length-shared';
+export * from './absolute-layout-common';
+function makeNativeSetter(setter) {
+    return function (value) {
+        const nativeView = this.nativeViewProtected;
+        const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
+        if (lp instanceof org.nativescript.widgets.CommonLayoutParams) {
+            setter.call(this, lp, value);
+            nativeView.setLayoutParams(lp);
+        }
+    };
+}
+View.prototype[topProperty.setNative] = makeNativeSetter(function (lp, value) {
+    lp.top = Length.toDevicePixels(value, 0);
+});
+View.prototype[leftProperty.setNative] = makeNativeSetter(function (lp, value) {
+    lp.left = Length.toDevicePixels(value, 0);
+});
+export class AbsoluteLayout extends AbsoluteLayoutBase {
+    createNativeView() {
+        return new org.nativescript.widgets.AbsoluteLayout(this._context);
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/ui/layouts/absolute-layout/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../../../packages/core/ui/layouts/absolute-layout/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,cAAc,0BAA0B,CAAC;AAEzC,SAAS,gBAAgB,CAAI,MAAuF;IACnH,OAAO,UAAsB,KAAQ;QACpC,MAAM,UAAU,GAAsB,IAAI,CAAC,mBAAmB,CAAC;QAC/D,MAAM,EAAE,GAAG,UAAU,CAAC,eAAe,EAAE,IAAI,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC7F,IAAI,EAAE,YAAY,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;YAC/D,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC7B,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;IACF,CAAC,CAAC;AACH,CAAC;AAED,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAAS,UAAsB,EAAE,EAAE,KAAK;IAC/F,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAAS,UAAsB,EAAE,EAAE,KAAK;IAChG,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC,CAAC;AAEH,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAG9C,gBAAgB;QACtB,OAAO,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC;CACD"}

package/ui/layouts/absolute-layout/index.ios.d.ts

@@ -0,0 +1,10 @@
+import { AbsoluteLayoutBase } from './absolute-layout-common';
+import { CoreTypes } from '../../../core-types';
+import { View } from '../../core/view';
+export * from './absolute-layout-common';
+export declare class AbsoluteLayout extends AbsoluteLayoutBase {
+    onLeftChanged(view: View, oldValue: CoreTypes.LengthType, newValue: CoreTypes.LengthType): void;
+    onTopChanged(view: View, oldValue: CoreTypes.LengthType, newValue: CoreTypes.LengthType): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+}

package/ui/layouts/absolute-layout/index.ios.js

@@ -0,0 +1,48 @@
+import { AbsoluteLayoutBase } from './absolute-layout-common';
+import { View } from '../../core/view';
+import { layout } from '../../../utils';
+export * from './absolute-layout-common';
+export class AbsoluteLayout extends AbsoluteLayoutBase {
+    onLeftChanged(view, oldValue, newValue) {
+        this.requestLayout();
+    }
+    onTopChanged(view, oldValue, newValue) {
+        this.requestLayout();
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        let measureWidth = 0;
+        let measureHeight = 0;
+        const width = layout.getMeasureSpecSize(widthMeasureSpec);
+        const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
+        const height = layout.getMeasureSpecSize(heightMeasureSpec);
+        const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+        const childMeasureSpec = layout.makeMeasureSpec(0, layout.UNSPECIFIED);
+        this.eachLayoutChild((child, last) => {
+            const childSize = View.measureChild(this, child, childMeasureSpec, childMeasureSpec);
+            measureWidth = Math.max(measureWidth, child.effectiveLeft + childSize.measuredWidth);
+            measureHeight = Math.max(measureHeight, child.effectiveTop + childSize.measuredHeight);
+        });
+        measureWidth += this.effectiveBorderLeftWidth + this.effectivePaddingLeft + this.effectivePaddingRight + this.effectiveBorderRightWidth;
+        measureHeight += this.effectiveBorderTopWidth + this.effectivePaddingTop + this.effectivePaddingBottom + this.effectiveBorderBottomWidth;
+        measureWidth = Math.max(measureWidth, this.effectiveMinWidth);
+        measureHeight = Math.max(measureHeight, this.effectiveMinHeight);
+        const widthAndState = View.resolveSizeAndState(measureWidth, width, widthMode, 0);
+        const heightAndState = View.resolveSizeAndState(measureHeight, height, heightMode, 0);
+        this.setMeasuredDimension(widthAndState, heightAndState);
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        const insets = this.getSafeAreaInsets();
+        this.eachLayoutChild((child, last) => {
+            const childWidth = child.getMeasuredWidth();
+            const childHeight = child.getMeasuredHeight();
+            const childLeft = this.effectiveBorderLeftWidth + this.effectivePaddingLeft + child.effectiveLeft + insets.left;
+            const childTop = this.effectiveBorderTopWidth + this.effectivePaddingTop + child.effectiveTop + insets.top;
+            const childRight = childLeft + childWidth + child.effectiveMarginLeft + child.effectiveMarginRight;
+            const childBottom = childTop + childHeight + child.effectiveMarginTop + child.effectiveMarginBottom;
+            View.layoutChild(this, child, childLeft, childTop, childRight, childBottom);
+        });
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/ui/layouts/absolute-layout/index.ios.js.map

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

package/ui/layouts/dock-layout/dock-layout-common.d.ts

@@ -0,0 +1,14 @@
+import { DockLayout as DockLayoutDefinition } from '.';
+import { CoreTypes } from '../../../core-types';
+import { LayoutBase } from '../layout-base';
+import { View } from '../../core/view';
+import { Property } from '../../core/properties';
+export * from '../layout-base';
+export declare class DockLayoutBase extends LayoutBase implements DockLayoutDefinition {
+    static getDock(element: View): CoreTypes.DockType;
+    static setDock(element: View, value: CoreTypes.DockType): void;
+    stretchLastChild: boolean;
+    onDockChanged(view: View, oldValue: CoreTypes.DockType, newValue: CoreTypes.DockType): void;
+}
+export declare const dockProperty: Property<View, CoreTypes.DockType>;
+export declare const stretchLastChildProperty: Property<DockLayoutBase, boolean>;

package/ui/layouts/dock-layout/dock-layout-common.js

@@ -0,0 +1,51 @@
+import { CoreTypes } from '../../../core-types';
+import { LayoutBase } from '../layout-base';
+import { View, CSSType } from '../../core/view';
+import { Property, makeValidator, makeParser } from '../../core/properties';
+import { booleanConverter } from '../../core/view-base';
+function validateArgs(element) {
+    if (!element) {
+        throw new Error('element cannot be null or undefinied.');
+    }
+    return element;
+}
+export * from '../layout-base';
+let DockLayoutBase = class DockLayoutBase extends LayoutBase {
+    static getDock(element) {
+        return validateArgs(element).dock;
+    }
+    static setDock(element, value) {
+        validateArgs(element).dock = value;
+    }
+    onDockChanged(view, oldValue, newValue) {
+        //
+    }
+};
+DockLayoutBase = __decorate([
+    CSSType('DockLayout')
+], DockLayoutBase);
+export { DockLayoutBase };
+DockLayoutBase.prototype.recycleNativeView = 'auto';
+const dockConverter = makeParser(makeValidator(CoreTypes.Dock.left, CoreTypes.Dock.top, CoreTypes.Dock.right, CoreTypes.Dock.bottom));
+export const dockProperty = new Property({
+    name: 'dock',
+    defaultValue: 'left',
+    valueChanged: (target, oldValue, newValue) => {
+        if (target instanceof View) {
+            const layout = target.parent;
+            if (layout instanceof DockLayoutBase) {
+                layout.onDockChanged(target, oldValue, newValue);
+            }
+        }
+    },
+    valueConverter: dockConverter,
+});
+dockProperty.register(View);
+export const stretchLastChildProperty = new Property({
+    name: 'stretchLastChild',
+    defaultValue: true,
+    affectsLayout: __APPLE__,
+    valueConverter: booleanConverter,
+});
+stretchLastChildProperty.register(DockLayoutBase);
+//# sourceMappingURL=dock-layout-common.js.map

package/ui/layouts/dock-layout/dock-layout-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-layout-common.js","sourceRoot":"","sources":["../../../../../../packages/core/ui/layouts/dock-layout/dock-layout-common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,SAAS,YAAY,CAAC,OAAa;IAClC,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,cAAc,gBAAgB,CAAC;AAGxB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IACtC,MAAM,CAAC,OAAO,CAAC,OAAa;QAClC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;IACnC,CAAC;IAEM,MAAM,CAAC,OAAO,CAAC,OAAa,EAAE,KAAyB;QAC7D,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC;IACpC,CAAC;IAIM,aAAa,CAAC,IAAU,EAAE,QAA4B,EAAE,QAA4B;QAC1F,EAAE;IACH,CAAC;CACD,CAAA;AAdY,cAAc;IAD1B,OAAO,CAAC,YAAY,CAAC;GACT,cAAc,CAc1B;;AAED,cAAc,CAAC,SAAS,CAAC,iBAAiB,GAAG,MAAM,CAAC;AAEpD,MAAM,aAAa,GAAG,UAAU,CAAqB,aAAa,CAAqB,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9K,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,QAAQ,CAA2B;IAClE,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;QAC5C,IAAI,MAAM,YAAY,IAAI,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;YAC7B,IAAI,MAAM,YAAY,cAAc,EAAE,CAAC;gBACtC,MAAM,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAClD,CAAC;QACF,CAAC;IACF,CAAC;IACD,cAAc,EAAE,aAAa;CAC7B,CAAC,CAAC;AACH,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,QAAQ,CAA0B;IAC7E,IAAI,EAAE,kBAAkB;IACxB,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,gBAAgB;CAChC,CAAC,CAAC;AACH,wBAAwB,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/ui/layouts/dock-layout/index.android.d.ts

@@ -0,0 +1,8 @@
+import { DockLayoutBase, stretchLastChildProperty } from './dock-layout-common';
+export * from './dock-layout-common';
+export declare class DockLayout extends DockLayoutBase {
+    [stretchLastChildProperty.getDefault]: () => boolean;
+    [stretchLastChildProperty.setNative]: (value: boolean) => void;
+    nativeViewProtected: org.nativescript.widgets.DockLayout;
+    createNativeView(): org.nativescript.widgets.DockLayout;
+}

package/ui/layouts/dock-layout/index.android.js

@@ -0,0 +1,38 @@
+import { DockLayoutBase, dockProperty, stretchLastChildProperty } from './dock-layout-common';
+import { View } from '../../core/view';
+export * from './dock-layout-common';
+View.prototype[dockProperty.setNative] = function (value) {
+    const nativeView = this.nativeViewProtected;
+    const lp = nativeView.getLayoutParams() || new org.nativescript.widgets.CommonLayoutParams();
+    if (lp instanceof org.nativescript.widgets.CommonLayoutParams) {
+        switch (value) {
+            case 'left':
+                lp.dock = org.nativescript.widgets.Dock.left;
+                break;
+            case 'top':
+                lp.dock = org.nativescript.widgets.Dock.top;
+                break;
+            case 'right':
+                lp.dock = org.nativescript.widgets.Dock.right;
+                break;
+            case 'bottom':
+                lp.dock = org.nativescript.widgets.Dock.bottom;
+                break;
+            default:
+                throw new Error(`Invalid value for dock property: ${value}`);
+        }
+        nativeView.setLayoutParams(lp);
+    }
+};
+export class DockLayout extends DockLayoutBase {
+    createNativeView() {
+        return new org.nativescript.widgets.DockLayout(this._context);
+    }
+    [stretchLastChildProperty.getDefault]() {
+        return true;
+    }
+    [stretchLastChildProperty.setNative](value) {
+        this.nativeViewProtected.setStretchLastChild(value);
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/ui/layouts/dock-layout/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../../../packages/core/ui/layouts/dock-layout/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AAErC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,UAAsB,KAA0C;IACxG,MAAM,UAAU,GAAsB,IAAI,CAAC,mBAAmB,CAAC;IAC/D,MAAM,EAAE,GAAG,UAAU,CAAC,eAAe,EAAE,IAAI,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAC7F,IAAI,EAAE,YAAY,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC/D,QAAQ,KAAK,EAAE,CAAC;YACf,KAAK,MAAM;gBACV,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC7C,MAAM;YAEP,KAAK,KAAK;gBACT,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC5C,MAAM;YAEP,KAAK,OAAO;gBACX,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC9C,MAAM;YAEP,KAAK,QAAQ;gBACZ,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC/C,MAAM;YAEP;gBACC,MAAM,IAAI,KAAK,CAAC,oCAAoC,KAAK,EAAE,CAAC,CAAC;QAC/D,CAAC;QAED,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,cAAc;IAGtC,gBAAgB;QACtB,OAAO,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,CAAC,wBAAwB,CAAC,UAAU,CAAC;QACpC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,KAAc;QAClD,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;CACD"}

package/ui/layouts/dock-layout/index.ios.d.ts

@@ -0,0 +1,8 @@
+import { DockLayoutBase } from './dock-layout-common';
+import { View } from '../../core/view';
+export * from './dock-layout-common';
+export declare class DockLayout extends DockLayoutBase {
+    onDockChanged(view: View, oldValue: 'left' | 'top' | 'right' | 'bottom', newValue: 'left' | 'top' | 'right' | 'bottom'): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+}

package/ui/layouts/dock-layout/index.ios.js

@@ -0,0 +1,115 @@
+import { DockLayoutBase } from './dock-layout-common';
+import { View } from '../../core/view';
+import { layout } from '../../../utils';
+export * from './dock-layout-common';
+export class DockLayout extends DockLayoutBase {
+    onDockChanged(view, oldValue, newValue) {
+        this.requestLayout();
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        let measureWidth = 0;
+        let measureHeight = 0;
+        const width = layout.getMeasureSpecSize(widthMeasureSpec);
+        const widthMode = layout.getMeasureSpecMode(widthMeasureSpec);
+        const height = layout.getMeasureSpecSize(heightMeasureSpec);
+        const heightMode = layout.getMeasureSpecMode(heightMeasureSpec);
+        const horizontalPaddingsAndMargins = this.effectivePaddingLeft + this.effectivePaddingRight + this.effectiveBorderLeftWidth + this.effectiveBorderRightWidth;
+        const verticalPaddingsAndMargins = this.effectivePaddingTop + this.effectivePaddingBottom + this.effectiveBorderTopWidth + this.effectiveBorderBottomWidth;
+        let remainingWidth = widthMode === layout.UNSPECIFIED ? Number.MAX_VALUE : width - horizontalPaddingsAndMargins;
+        let remainingHeight = heightMode === layout.UNSPECIFIED ? Number.MAX_VALUE : height - verticalPaddingsAndMargins;
+        let tempHeight = 0;
+        let tempWidth = 0;
+        let childWidthMeasureSpec;
+        let childHeightMeasureSpec;
+        this.eachLayoutChild((child, last) => {
+            if (this.stretchLastChild && last) {
+                childWidthMeasureSpec = layout.makeMeasureSpec(remainingWidth, widthMode);
+                childHeightMeasureSpec = layout.makeMeasureSpec(remainingHeight, heightMode);
+            }
+            else {
+                // Measure children with AT_MOST even if our mode is EXACT
+                childWidthMeasureSpec = layout.makeMeasureSpec(remainingWidth, widthMode === layout.EXACTLY ? layout.AT_MOST : widthMode);
+                childHeightMeasureSpec = layout.makeMeasureSpec(remainingHeight, heightMode === layout.EXACTLY ? layout.AT_MOST : heightMode);
+            }
+            const childSize = View.measureChild(this, child, childWidthMeasureSpec, childHeightMeasureSpec);
+            switch (child.dock) {
+                case 'top':
+                case 'bottom':
+                    remainingHeight = Math.max(0, remainingHeight - childSize.measuredHeight);
+                    tempHeight += childSize.measuredHeight;
+                    measureWidth = Math.max(measureWidth, tempWidth + childSize.measuredWidth);
+                    measureHeight = Math.max(measureHeight, tempHeight);
+                    break;
+                case 'left':
+                case 'right':
+                default:
+                    remainingWidth = Math.max(0, remainingWidth - childSize.measuredWidth);
+                    tempWidth += childSize.measuredWidth;
+                    measureWidth = Math.max(measureWidth, tempWidth);
+                    measureHeight = Math.max(measureHeight, tempHeight + childSize.measuredHeight);
+                    break;
+            }
+        });
+        measureWidth += horizontalPaddingsAndMargins;
+        measureHeight += verticalPaddingsAndMargins;
+        measureWidth = Math.max(measureWidth, this.effectiveMinWidth);
+        measureHeight = Math.max(measureHeight, this.effectiveMinHeight);
+        const widthAndState = View.resolveSizeAndState(measureWidth, width, widthMode, 0);
+        const heightAndState = View.resolveSizeAndState(measureHeight, height, heightMode, 0);
+        this.setMeasuredDimension(widthAndState, heightAndState);
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        const insets = this.getSafeAreaInsets();
+        const horizontalPaddingsAndMargins = this.effectivePaddingLeft + this.effectivePaddingRight + this.effectiveBorderLeftWidth + this.effectiveBorderRightWidth + insets.left + insets.right;
+        const verticalPaddingsAndMargins = this.effectivePaddingTop + this.effectivePaddingBottom + this.effectiveBorderTopWidth + this.effectiveBorderBottomWidth + insets.top + insets.bottom;
+        let childLeft = this.effectiveBorderLeftWidth + this.effectivePaddingLeft + insets.left;
+        let childTop = this.effectiveBorderTopWidth + this.effectivePaddingTop + insets.top;
+        let x = childLeft;
+        let y = childTop;
+        let remainingWidth = Math.max(0, right - left - horizontalPaddingsAndMargins);
+        let remainingHeight = Math.max(0, bottom - top - verticalPaddingsAndMargins);
+        this.eachLayoutChild((child, last) => {
+            let childWidth = child.getMeasuredWidth() + child.effectiveMarginLeft + child.effectiveMarginRight;
+            let childHeight = child.getMeasuredHeight() + child.effectiveMarginTop + child.effectiveMarginBottom;
+            if (last && this.stretchLastChild) {
+                // Last child with stretch - give it all the space and return;
+                View.layoutChild(this, child, x, y, x + remainingWidth, y + remainingHeight);
+                return;
+            }
+            const dock = DockLayout.getDock(child);
+            switch (dock) {
+                case 'top':
+                    childLeft = x;
+                    childTop = y;
+                    childWidth = remainingWidth;
+                    y += childHeight;
+                    remainingHeight = Math.max(0, remainingHeight - childHeight);
+                    break;
+                case 'bottom':
+                    childLeft = x;
+                    childTop = y + remainingHeight - childHeight;
+                    childWidth = remainingWidth;
+                    remainingHeight = Math.max(0, remainingHeight - childHeight);
+                    break;
+                case 'right':
+                    childLeft = x + remainingWidth - childWidth;
+                    childTop = y;
+                    childHeight = remainingHeight;
+                    remainingWidth = Math.max(0, remainingWidth - childWidth);
+                    break;
+                case 'left':
+                default:
+                    childLeft = x;
+                    childTop = y;
+                    childHeight = remainingHeight;
+                    x += childWidth;
+                    remainingWidth = Math.max(0, remainingWidth - childWidth);
+                    break;
+            }
+            View.layoutChild(this, child, childLeft, childTop, childLeft + childWidth, childTop + childHeight);
+        });
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/ui/layouts/dock-layout/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../../../packages/core/ui/layouts/dock-layout/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,cAAc,sBAAsB,CAAC;AAErC,MAAM,OAAO,UAAW,SAAQ,cAAc;IACtC,aAAa,CAAC,IAAU,EAAE,QAA6C,EAAE,QAA6C;QAC5H,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAEM,SAAS,CAAC,gBAAwB,EAAE,iBAAyB;QACnE,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;QAErD,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,IAAI,aAAa,GAAG,CAAC,CAAC;QAEtB,MAAM,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAE9D,MAAM,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QAEhE,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,yBAAyB,CAAC;QAC7J,MAAM,0BAA0B,GAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,0BAA0B,CAAC;QAE3J,IAAI,cAAc,GAAG,SAAS,KAAK,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,4BAA4B,CAAC;QAChH,IAAI,eAAe,GAAG,UAAU,KAAK,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,0BAA0B,CAAC;QAEjH,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,IAAI,qBAA6B,CAAC;QAClC,IAAI,sBAA8B,CAAC;QAEnC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACpC,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC;gBACnC,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;gBAC1E,sBAAsB,GAAG,MAAM,CAAC,eAAe,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;YAC9E,CAAC;iBAAM,CAAC;gBACP,0DAA0D;gBAC1D,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAC1H,sBAAsB,GAAG,MAAM,CAAC,eAAe,CAAC,eAAe,EAAE,UAAU,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YAC/H,CAAC;YAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;YAEhG,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACpB,KAAK,KAAK,CAAC;gBACX,KAAK,QAAQ;oBACZ,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;oBAC1E,UAAU,IAAI,SAAS,CAAC,cAAc,CAAC;oBACvC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;oBAC3E,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;oBACpD,MAAM;gBAEP,KAAK,MAAM,CAAC;gBACZ,KAAK,OAAO,CAAC;gBACb;oBACC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;oBACvE,SAAS,IAAI,SAAS,CAAC,aAAa,CAAC;oBACrC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;oBACjD,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;oBAC/E,MAAM;YACR,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,YAAY,IAAI,4BAA4B,CAAC;QAC7C,aAAa,IAAI,0BAA0B,CAAC;QAE5C,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC9D,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEjE,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QAClF,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;QAEtF,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAC1D,CAAC;IAEM,QAAQ,CAAC,IAAY,EAAE,GAAW,EAAE,KAAa,EAAE,MAAc;QACvE,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAEzC,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACxC,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,yBAAyB,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1L,MAAM,0BAA0B,GAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,0BAA0B,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC;QAExL,IAAI,SAAS,GAAG,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC;QACxF,IAAI,QAAQ,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC;QAEpF,IAAI,CAAC,GAAG,SAAS,CAAC;QAClB,IAAI,CAAC,GAAG,QAAQ,CAAC;QAEjB,IAAI,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,4BAA4B,CAAC,CAAC;QAC9E,IAAI,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,0BAA0B,CAAC,CAAC;QAE7E,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACpC,IAAI,UAAU,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,KAAK,CAAC,mBAAmB,GAAG,KAAK,CAAC,oBAAoB,CAAC;YACnG,IAAI,WAAW,GAAG,KAAK,CAAC,iBAAiB,EAAE,GAAG,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC;YAErG,IAAI,IAAI,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACnC,8DAA8D;gBAC9D,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC;gBAE7E,OAAO;YACR,CAAC;YAED,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACvC,QAAQ,IAAI,EAAE,CAAC;gBACd,KAAK,KAAK;oBACT,SAAS,GAAG,CAAC,CAAC;oBACd,QAAQ,GAAG,CAAC,CAAC;oBACb,UAAU,GAAG,cAAc,CAAC;oBAC5B,CAAC,IAAI,WAAW,CAAC;oBACjB,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,WAAW,CAAC,CAAC;oBAC7D,MAAM;gBAEP,KAAK,QAAQ;oBACZ,SAAS,GAAG,CAAC,CAAC;oBACd,QAAQ,GAAG,CAAC,GAAG,eAAe,GAAG,WAAW,CAAC;oBAC7C,UAAU,GAAG,cAAc,CAAC;oBAC5B,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,GAAG,WAAW,CAAC,CAAC;oBAC7D,MAAM;gBAEP,KAAK,OAAO;oBACX,SAAS,GAAG,CAAC,GAAG,cAAc,GAAG,UAAU,CAAC;oBAC5C,QAAQ,GAAG,CAAC,CAAC;oBACb,WAAW,GAAG,eAAe,CAAC;oBAC9B,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;oBAC1D,MAAM;gBAEP,KAAK,MAAM,CAAC;gBACZ;oBACC,SAAS,GAAG,CAAC,CAAC;oBACd,QAAQ,GAAG,CAAC,CAAC;oBACb,WAAW,GAAG,eAAe,CAAC;oBAC9B,CAAC,IAAI,UAAU,CAAC;oBAChB,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;oBAC1D,MAAM;YACR,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAG,UAAU,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;QACpG,CAAC,CAAC,CAAC;IACJ,CAAC;CACD"}

package/ui/layouts/flexbox-layout/flexbox-layout-common.d.ts

@@ -0,0 +1,126 @@
+import { LayoutBase } from '../layout-base';
+import { View } from '../../core/view';
+import { CssProperty } from '../../core/properties';
+import { Style } from '../../styling/style';
+export type Basis = 'auto' | number;
+export declare const ORDER_DEFAULT = 1;
+export declare const FLEX_GROW_DEFAULT = 0;
+export declare const FLEX_SHRINK_DEFAULT = 1;
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export declare namespace FlexDirection {
+    const ROW = "row";
+    const ROW_REVERSE = "row-reverse";
+    const COLUMN = "column";
+    const COLUMN_REVERSE = "column-reverse";
+    const isValid: (value: any) => value is FlexDirection;
+    const parse: (value: any) => FlexDirection;
+}
+export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export declare namespace FlexWrap {
+    const NOWRAP = "nowrap";
+    const WRAP = "wrap";
+    const WRAP_REVERSE = "wrap-reverse";
+    const isValid: (value: any) => value is FlexWrap;
+    const parse: (value: any) => FlexWrap;
+}
+export type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+export declare namespace JustifyContent {
+    const FLEX_START: "flex-start";
+    const FLEX_END: "flex-end";
+    const CENTER: "center";
+    const SPACE_BETWEEN = "space-between";
+    const SPACE_AROUND = "space-around";
+    const isValid: (value: any) => value is JustifyContent;
+    const parse: (value: any) => JustifyContent;
+}
+export type FlexBasisPercent = number;
+export declare namespace FlexBasisPercent {
+    const DEFAULT = -1;
+}
+export type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+export declare namespace AlignItems {
+    const FLEX_START = "flex-start";
+    const FLEX_END = "flex-end";
+    const CENTER = "center";
+    const BASELINE = "baseline";
+    const STRETCH = "stretch";
+    const isValid: (value: any) => value is AlignItems;
+    const parse: (value: any) => AlignItems;
+}
+export type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+export declare namespace AlignContent {
+    const FLEX_START = "flex-start";
+    const FLEX_END = "flex-end";
+    const CENTER = "center";
+    const SPACE_BETWEEN = "space-between";
+    const SPACE_AROUND = "space-around";
+    const STRETCH = "stretch";
+    const isValid: (value: any) => value is AlignContent;
+    const parse: (value: any) => AlignContent;
+}
+export type Order = number;
+export declare namespace Order {
+    function isValid(value: any): boolean;
+    const parse: typeof parseInt;
+}
+export type FlexGrow = number;
+export declare namespace FlexGrow {
+    function isValid(value: any): boolean;
+    const parse: typeof parseFloat;
+}
+export type FlexShrink = number;
+export declare namespace FlexShrink {
+    function isValid(value: any): boolean;
+    const parse: typeof parseFloat;
+}
+export type FlexWrapBefore = boolean;
+export declare namespace FlexWrapBefore {
+    function isValid(value: any): boolean;
+    function parse(value: string): FlexWrapBefore;
+}
+export type AlignSelf = 'auto' | AlignItems;
+export declare namespace AlignSelf {
+    const AUTO = "auto";
+    const FLEX_START = "flex-start";
+    const FLEX_END = "flex-end";
+    const CENTER = "center";
+    const BASELINE = "baseline";
+    const STRETCH = "stretch";
+    const isValid: (value: any) => value is AlignSelf;
+    const parse: (value: any) => AlignSelf;
+}
+/**
+ * A common base class for all cross platform flexbox layout implementations.
+ */
+export declare abstract class FlexboxLayoutBase extends LayoutBase {
+    get flexDirection(): FlexDirection;
+    set flexDirection(value: FlexDirection);
+    get flexWrap(): FlexWrap;
+    set flexWrap(value: FlexWrap);
+    get justifyContent(): JustifyContent;
+    set justifyContent(value: JustifyContent);
+    get alignItems(): AlignItems;
+    set alignItems(value: AlignItems);
+    get alignContent(): AlignContent;
+    set alignContent(value: AlignContent);
+    static setOrder(view: View, order: number): void;
+    static getOrder(view: View): number;
+    static setFlexGrow(view: View, grow: number): void;
+    static getFlexGrow(view: View): number;
+    static setFlexShrink(view: View, shrink: number): void;
+    static getFlexShrink(view: View): number;
+    static setAlignSelf(view: View, align: AlignSelf): void;
+    static getAlignSelf(view: View): AlignSelf;
+    static setFlexWrapBefore(view: View, wrap: boolean): void;
+    static getFlexWrapBefore(view: View): boolean;
+}
+export declare const flexDirectionProperty: CssProperty<Style, FlexDirection>;
+export declare const flexWrapProperty: CssProperty<Style, FlexWrap>;
+export declare const justifyContentProperty: CssProperty<Style, JustifyContent>;
+export declare const alignItemsProperty: CssProperty<Style, AlignItems>;
+export declare const alignContentProperty: CssProperty<Style, AlignContent>;
+export declare const orderProperty: CssProperty<Style, number>;
+export declare const flexGrowProperty: CssProperty<Style, number>;
+export declare const flexShrinkProperty: CssProperty<Style, number>;
+export declare const flexWrapBeforeProperty: CssProperty<Style, boolean>;
+export declare const alignSelfProperty: CssProperty<Style, AlignSelf>;