@triniwiz/nativescript-masonkit 1.0.0-beta.7 → 1.0.0-beta.71

package/index.d.ts

@@ -1,8 +1,10 @@
-import { CoreTypes } from '@nativescript/core';
+import { Color, CoreTypes } from '@nativescript/core';
 
 import { TextBase, ViewBase } from './common';
 import { LengthPercentage } from '@nativescript/core/css/parser';
 
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color' | 'checkbox' | 'radio' | 'button' | 'submit' | 'reset' | 'file' | 'range';
+
 export type Length = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | CoreTypes.LengthPercentUnit | `${number}px` | `${number}%` | `${number}dip`;
 
 export type LengthAuto = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | CoreTypes.LengthPercentUnit | 'auto' | `${number}px` | `${number}%` | `${number}dip`;
@@ -41,6 +43,10 @@ export type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense' | 'de
 
 export type VerticalAlign = 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom' | Length | number;
 
+export type Float = 'left' | 'right' | 'none';
+
+export type Clear = 'left' | 'right' | 'both' | 'none';
+
 declare module '@nativescript/core/ui/styling/style' {
   interface Style {
     boxSizing: BoxSizing;
@@ -86,11 +92,34 @@ declare module '@nativescript/core/ui/styling/style' {
     gridRowEnd: string;
     gridTemplateRows: string;
     gridTemplateColumns: string;
+    gridTemplateAreas: string;
+    textOverflow: 'clip' | 'ellipsis' | string;
+    textWrap: 'nowrap' | 'wrap' | 'balance';
     overflow: Overflow | `${Overflow} ${Overflow}`;
     overflowX: Overflow;
     overflowY: Overflow;
     scrollBarWidth: Length;
     verticalAlign: VerticalAlign;
+    cornerShape: string;
+    cornerShapeTopLeft: string;
+    cornerShapeTopRight: string;
+    cornerShapeBottomRight: string;
+    cornerShapeBottomLeft: string;
+    objectPosition: string;
+    borderStyle: string;
+    borderLeftStyle: string;
+    borderRightStyle: string;
+    borderTopStyle: string;
+    borderBottomStyle: string;
+    borderImage: string;
+    fontStretch: string;
+    fontFeatureSettings: string;
+    wordSpacing: string;
+    hyphens: 'none' | 'manual' | 'auto';
+    writingMode: 'horizontal-tb' | 'horizontal-lr' | 'vertical-rl' | 'vertical-lr';
+    unicodeBidi: 'normal' | 'embed' | 'bidi-override';
+    backdropFilter: string;
+    caretColor: string | Color;
   }
 }
 
@@ -138,11 +167,34 @@ interface Style {
   gridRowEnd: string;
   gridTemplateRows: string;
   gridTemplateColumns: string;
+  gridTemplateAreas: string;
+  textOverflow: 'clip' | 'ellipsis' | string;
+  textWrap: 'nowrap' | 'wrap' | 'balance';
   overflow: Overflow | `${Overflow} ${Overflow}`;
   overflowX: Overflow;
   overflowY: Overflow;
   scrollBarWidth: Length;
   verticalAlign: VerticalAlign;
+  cornerShape: string;
+  cornerShapeTopLeft: string;
+  cornerShapeTopRight: string;
+  cornerShapeBottomRight: string;
+  cornerShapeBottomLeft: string;
+  objectPosition: string;
+  borderStyle: string;
+  borderLeftStyle: string;
+  borderRightStyle: string;
+  borderTopStyle: string;
+  borderBottomStyle: string;
+  borderImage: string;
+  fontStretch: string;
+  fontFeatureSettings: string;
+  wordSpacing: string;
+  hyphens: 'none' | 'manual' | 'auto';
+  writingMode: 'horizontal-tb' | 'horizontal-lr' | 'vertical-rl' | 'vertical-lr';
+  unicodeBidi: 'normal' | 'embed' | 'bidi-override';
+  backdropFilter: string;
+  caretColor: string | Color;
 }
 
 interface IViewBase {
@@ -188,20 +240,67 @@ interface IViewBase {
   gridRowEnd: string;
   gridTemplateRows: string;
   gridTemplateColumns: string;
+  gridTemplateAreas: string;
+  textOverflow: 'clip' | 'ellipsis' | string;
+  textWrap: 'nowrap' | 'wrap' | 'balance';
   overflow: Overflow;
   overflowX: Overflow;
   overflowY: Overflow;
   scrollBarWidth: number | CoreTypes.LengthType;
   verticalAlign: VerticalAlign;
+  cornerShape: string;
+  cornerShapeTopLeft: string;
+  cornerShapeTopRight: string;
+  cornerShapeBottomRight: string;
+  cornerShapeBottomLeft: string;
+  objectPosition: string;
+  borderStyle: string;
+  borderLeftStyle: string;
+  borderRightStyle: string;
+  borderTopStyle: string;
+  borderBottomStyle: string;
+  borderImage: string;
+  fontStretch: string;
+  fontFeatureSettings: string;
+  wordSpacing: string;
+  hyphens: 'none' | 'manual' | 'auto';
+  writingMode: 'horizontal-tb' | 'horizontal-lr' | 'vertical-rl' | 'vertical-lr';
+  unicodeBidi: 'normal' | 'embed' | 'bidi-override';
+  backdropFilter: string;
+  caretColor: string | Color;
 }
 
 class VBase extends ViewBase implements IViewBase {
   style: Style;
+
+  /**
+   * Enable or disable CSS defaults
+   * for the entire Mason tree.
+   *
+   * When `true` every element starts from a clean, browser-normalised slate:
+   *  - `box-sizing: border-box`
+   *  - `margin: 0`, `padding: 0`, `border-width: 0`
+   *  - `background: transparent`
+   *  - `list-style: none` on lists
+   *  - `display: block` on `<img>`
+   *
+   * This is a **tree-global** flag; set it **before** creating views for the
+   * cleanest result.
+   *
+   * @example
+   * ```ts
+   * import { View } from '@triniwiz/nativescript-masonkit';
+   * View.preflight = true; // enable at app startup
+   * ```
+   */
+  static preflight: boolean;
 }
 
 export class View extends VBase {}
 
-export class TextBase extends VBase {}
+export class TextBase extends VBase {
+  textContent: string;
+}
 
 export class Text extends TextBase {}
 
@@ -214,3 +313,31 @@ export class Scroll extends VBase {}
 export class Button extends TextBase {}
 
 export class Br extends TextBase {}
+
+export class InputBase extends VBase {}
+
+export class Input extends InputBase {}
+
+export class TextNode {
+  data: string;
+
+  readonly length: number;
+
+  appendData(s: string): this;
+
+  deleteData(offset: number, count: number): this;
+
+  insertData(s: string, offset: number): this;
+
+  substringData(offset: number, count: number): string;
+}
+
+export class Ul extends VBase {}
+
+export class Ol extends VBase {}
+
+export class Li extends VBase {}
+
+export class TextAreaBase extends InputBase {}
+
+export class TextArea extends TextAreaBase {}

package/index.ios.d.ts

@@ -1,6 +1,12 @@
 export { View } from './view';
 export { Img } from './img';
-export { Text, Br } from './text';
+export { Text } from './text';
 export { Scroll } from './scroll';
 export { Button } from './button';
+export { Input } from './input';
+export { Br } from './br';
+export { TextNode } from './text-node';
+export { Li } from './li';
+export { OrderedList as Ol, UnorderedList as Ul } from './list';
+export { TextArea } from './textarea';
 export * from './web';

package/index.ios.js

@@ -1,7 +1,13 @@
 export { View } from './view';
 export { Img } from './img';
-export { Text, Br } from './text';
+export { Text } from './text';
 export { Scroll } from './scroll';
 export { Button } from './button';
+export { Input } from './input';
+export { Br } from './br';
+export { TextNode } from './text-node';
+export { Li } from './li';
+export { OrderedList as Ol, UnorderedList as Ul } from './list';
+export { TextArea } from './textarea';
 export * from './web';
 //# sourceMappingURL=index.ios.js.map

package/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../packages/nativescript-masonkit/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../packages/nativescript-masonkit/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,EAAE,EAAE,aAAa,IAAI,EAAE,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,OAAO,CAAC"}

package/input/common.d.ts

@@ -0,0 +1,20 @@
+import { Property } from '@nativescript/core';
+import { ViewBase } from '../common';
+import { InputType } from '..';
+export declare const defaultValueProperty: unique symbol;
+export declare const getValueProperty: unique symbol;
+export declare const setValueProperty: unique symbol;
+export declare const pendingValue: unique symbol;
+export declare class InputBase extends ViewBase {
+    [pendingValue]: any;
+    [defaultValueProperty](): any;
+    [getValueProperty](): any;
+    [setValueProperty](value: string): void;
+    get value(): string;
+    set value(value: string);
+    initNativeView(): void;
+}
+export declare const typeProperty: Property<InputBase, InputType>;
+export declare const placeholderProperty: Property<InputBase, string>;
+export declare const multipleProperty: Property<InputBase, boolean>;
+export declare const acceptProperty: Property<InputBase, string>;

package/input/common.js

@@ -0,0 +1,65 @@
+var _a;
+import { booleanConverter, Property } from '@nativescript/core';
+import { ViewBase } from '../common';
+import { native_ } from '../symbols';
+export const defaultValueProperty = Symbol('input:default:value');
+export const getValueProperty = Symbol('input:get:value');
+export const setValueProperty = Symbol('input:set:value');
+export const pendingValue = Symbol('input:pending:value');
+export class InputBase extends ViewBase {
+    constructor() {
+        super(...arguments);
+        this[_a] = null;
+    }
+    [(_a = pendingValue, defaultValueProperty)]() {
+        return undefined;
+    }
+    [getValueProperty]() {
+        return undefined;
+    }
+    //@ts-ignore
+    [setValueProperty](value) { }
+    get value() {
+        if (!this[native_]) {
+            const defaultValue = this[defaultValueProperty];
+            return defaultValue !== undefined || defaultValue !== null ? defaultValue() : undefined;
+        }
+        return this[getValueProperty]();
+    }
+    set value(value) {
+        if (!this[native_]) {
+            this[pendingValue] = value;
+            return;
+        }
+        this[setValueProperty](value);
+    }
+    initNativeView() {
+        super.initNativeView();
+        if (this[pendingValue] !== null) {
+            this[setValueProperty](this[pendingValue]);
+            this[pendingValue] = null;
+        }
+    }
+}
+export const typeProperty = new Property({
+    name: 'type',
+    defaultValue: 'text',
+});
+typeProperty.register(InputBase);
+export const placeholderProperty = new Property({
+    name: 'placeholder',
+    defaultValue: '',
+});
+placeholderProperty.register(InputBase);
+export const multipleProperty = new Property({
+    name: 'multiple',
+    defaultValue: false,
+    valueConverter: booleanConverter,
+});
+multipleProperty.register(InputBase);
+export const acceptProperty = new Property({
+    name: 'accept',
+    defaultValue: '*/*',
+});
+acceptProperty.register(InputBase);
+//# sourceMappingURL=common.js.map

package/input/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/input/common.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAClE,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;AAE1D,MAAM,OAAO,SAAU,SAAQ,QAAQ;IAAvC;;QACE,QAAc,GAAG,IAAI,CAAC;IAqCxB,CAAC;IAnCC,OAFC,YAAY,EAEZ,oBAAoB,EAAC;QACpB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,CAAC,gBAAgB,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,YAAY;IACZ,CAAC,gBAAgB,CAAC,CAAC,KAAa,IAAG,CAAC;IAEpC,IAAI,KAAK;QACP,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACnB,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;YAChD,OAAO,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1F,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,cAAc;QACZ,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,QAAQ,CAAuB;IAC7D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,MAAM;CACrB,CAAC,CAAC;AAEH,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,QAAQ,CAAoB;IACjE,IAAI,EAAE,aAAa;IACnB,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AAEH,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,QAAQ,CAAqB;IAC/D,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,gBAAgB;CACjC,CAAC,CAAC;AAEH,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAoB;IAC5D,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC"}

package/input/index.android.d.ts

@@ -0,0 +1,20 @@
+import { defaultValueProperty, getValueProperty, InputBase, setValueProperty } from './common';
+import { style_ } from '../symbols';
+export declare class Input extends InputBase {
+    [style_]: any;
+    _inBatch: boolean;
+    constructor();
+    private _type;
+    private getType;
+    [defaultValueProperty](): string;
+    [getValueProperty](): string;
+    [setValueProperty](value: any): void;
+    set valueAsNumber(value: number);
+    get valueAsNumber(): number;
+    set valueAsDate(value: Date | null);
+    get valueAsDate(): Date | null;
+    get _view(): org.nativescript.mason.masonkit.Input;
+    get _styleHelper(): any;
+    createNativeView(): org.nativescript.mason.masonkit.Input;
+    get android(): org.nativescript.mason.masonkit.Input;
+}

package/input/index.android.js

@@ -0,0 +1,118 @@
+import { CSSType, Utils } from '@nativescript/core';
+import { defaultValueProperty, getValueProperty, InputBase, multipleProperty, setValueProperty, placeholderProperty, typeProperty } from './common';
+import { Tree } from '../tree';
+import { Style } from '../style';
+import { style_, isMasonView_, native_ } from '../symbols';
+let Input = class Input extends InputBase {
+    constructor() {
+        super();
+        this._inBatch = false;
+        this._type = 'text';
+        this[isMasonView_] = true;
+    }
+    getType() {
+        switch (this._type) {
+            case 'text':
+                return org.nativescript.mason.masonkit.Input.Type.Text;
+            case 'button':
+                return org.nativescript.mason.masonkit.Input.Type.Button;
+            case 'checkbox':
+                return org.nativescript.mason.masonkit.Input.Type.Checkbox;
+            case 'email':
+                return org.nativescript.mason.masonkit.Input.Type.Email;
+            case 'password':
+                return org.nativescript.mason.masonkit.Input.Type.Password;
+            case 'date':
+                return org.nativescript.mason.masonkit.Input.Type.Date;
+            case 'radio':
+                return org.nativescript.mason.masonkit.Input.Type.Radio;
+            case 'number':
+                return org.nativescript.mason.masonkit.Input.Type.Number;
+            case 'range':
+                return org.nativescript.mason.masonkit.Input.Type.Range;
+            case 'tel':
+                return org.nativescript.mason.masonkit.Input.Type.Tel;
+            case 'url':
+                return org.nativescript.mason.masonkit.Input.Type.Url;
+            case 'color':
+                return org.nativescript.mason.masonkit.Input.Type.Color;
+            case 'file':
+                return org.nativescript.mason.masonkit.Input.Type.File;
+            case 'submit':
+                return org.nativescript.mason.masonkit.Input.Type.Submit;
+        }
+        return org.nativescript.mason.masonkit.Input.Type.Text;
+    }
+    [multipleProperty.setNative](value) {
+        this._type = value;
+        if (this._view) {
+            //@ts-ignore
+            this._view.setMultiple(value);
+        }
+    }
+    [defaultValueProperty]() {
+        return '';
+    }
+    [getValueProperty]() {
+        return this._view.getValue();
+    }
+    [setValueProperty](value) {
+        this._view.setValue(value);
+    }
+    [typeProperty.setNative](value) {
+        this._type = value;
+        if (this._view) {
+            this._view.setType(this.getType());
+        }
+    }
+    [placeholderProperty.setNative](value) {
+        if (this._view) {
+            this._view.setPlaceholder(value);
+        }
+    }
+    set valueAsNumber(value) {
+        if (this._view) {
+            this._view.setValueAsNumber(value);
+        }
+    }
+    get valueAsNumber() {
+        return this._view ? this._view.getValueAsNumber() : NaN;
+    }
+    set valueAsDate(value) {
+        if (this._view) {
+            this._view.setValueAsDate(Utils.dataSerialize(value));
+        }
+    }
+    get valueAsDate() {
+        return this._view ? Utils.dataDeserialize(this._view.getValueAsDate()) : null;
+    }
+    get _view() {
+        if (!this[native_]) {
+            const context = Utils.android.getCurrentActivity() || Utils.android.getApplicationContext();
+            const view = Tree.instance.createInputView(context, this._type);
+            this[native_] = view;
+            return view;
+        }
+        return this[native_];
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get android() {
+        return this._view;
+    }
+};
+Input = __decorate([
+    CSSType('input'),
+    __metadata("design:paramtypes", [])
+], Input);
+export { Input };
+//# sourceMappingURL=index.android.js.map

package/input/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/input/index.android.ts"],"names":[],"mappings":"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"}

package/input/index.ios.d.ts

@@ -0,0 +1,23 @@
+import { defaultValueProperty, getValueProperty, InputBase, setValueProperty } from './common';
+import { style_ } from '../symbols';
+import { Style } from '../style';
+export declare class Input extends InputBase {
+    [style_]: any;
+    private _type;
+    private getType;
+    constructor();
+    [defaultValueProperty](): string;
+    [getValueProperty](): string;
+    [setValueProperty](value: any): void;
+    set valueAsNumber(value: number);
+    get valueAsNumber(): number;
+    set valueAsDate(value: Date | null);
+    get valueAsDate(): Date | null;
+    get _view(): MasonInput;
+    get _styleHelper(): Style;
+    _inBatch: boolean;
+    createNativeView(): MasonInput;
+    get ios(): MasonInput;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
+}

package/input/index.ios.js

@@ -0,0 +1,171 @@
+import { CSSType, Utils } from '@nativescript/core';
+import { acceptProperty, defaultValueProperty, getValueProperty, InputBase, multipleProperty, setValueProperty } from './common';
+import { style_, isMasonView_, native_ } from '../symbols';
+import { Tree } from '../tree';
+import { placeholderProperty, typeProperty } from './common';
+import { Style } from '../style';
+let Input = class Input extends InputBase {
+    getType() {
+        switch (this._type) {
+            case 'text':
+                return 0 /* MasonInputType.Text */;
+            case 'button':
+                return 1 /* MasonInputType.Button */;
+            case 'checkbox':
+                return 2 /* MasonInputType.Checkbox */;
+            case 'email':
+                return 3 /* MasonInputType.Email */;
+            case 'password':
+                return 4 /* MasonInputType.Password */;
+            case 'date':
+                return 5 /* MasonInputType.Date */;
+            case 'radio':
+                return 6 /* MasonInputType.Radio */;
+            case 'number':
+                return 7 /* MasonInputType.Number */;
+            case 'range':
+                return 8 /* MasonInputType.Range */;
+            case 'tel':
+                return 9 /* MasonInputType.Tel */;
+            case 'url':
+                return 10 /* MasonInputType.Url */;
+            case 'color':
+                return 11 /* MasonInputType.Color */;
+            case 'file':
+                return 12 /* MasonInputType.File */;
+            case 'submit':
+                return 13 /* MasonInputType.Submit */;
+        }
+        return 0 /* MasonInputType.Text */;
+    }
+    constructor() {
+        super();
+        this._type = 'text';
+        this._inBatch = false;
+        this[isMasonView_] = true;
+    }
+    [multipleProperty.setNative](value) {
+        this._type = value;
+        if (this._view) {
+            this._view.multiple = value;
+        }
+    }
+    [defaultValueProperty]() {
+        return '';
+    }
+    [getValueProperty]() {
+        return this._view.value;
+    }
+    [setValueProperty](value) {
+        this._view.value = value;
+    }
+    set valueAsNumber(value) {
+        if (this._view) {
+            this._view.valueAsNumber = value;
+        }
+    }
+    get valueAsNumber() {
+        return this._view ? this._view.valueAsNumber : NaN;
+    }
+    set valueAsDate(value) {
+        if (this._view) {
+            this._view.valueAsDate = value;
+        }
+    }
+    get valueAsDate() {
+        return this._view ? this._view.valueAsDate : null;
+    }
+    [typeProperty.setNative](value) {
+        this._type = value;
+        if (this._view) {
+            this._view.type = this.getType();
+        }
+    }
+    [placeholderProperty.setNative](value) {
+        if (this._view) {
+            this._view.placeholder = value;
+        }
+    }
+    [acceptProperty.setNative](value) {
+        if (this._view) {
+            this._view.accept = value;
+        }
+    }
+    get _view() {
+        if (!this[native_]) {
+            const view = Tree.instance.createInputView(null, this._type);
+            this[native_] = view;
+            return view;
+        }
+        return this[native_];
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get ios() {
+        return this._view;
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const nativeView = this._view;
+        if (nativeView) {
+            const specWidth = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+            const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+            const specHeight = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+            const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+            if (!this[isMasonView_]) {
+                // when operating as a root/non‑Mason parent element we need to
+                // decide between computing with an explicit size or using the
+                // content-driven fallback. previous logic always used
+                // mason_computeWithSize for auto/auto which collapses when the
+                // incoming spec is UNSPECIFIED (a common case for the root). detect
+                // that and treat it as unconstrained instead.
+                const unconstrained = widthMode === Utils.layout.UNSPECIFIED || heightMode === Utils.layout.UNSPECIFIED || (widthMode === Utils.layout.AT_MOST && specWidth === 0) || (heightMode === Utils.layout.AT_MOST && specHeight === 0);
+                if (this.width === 'auto' && this.height === 'auto' && !unconstrained) {
+                    // @ts-ignore
+                    this.ios.mason_computeWithSize(specWidth, specHeight);
+                    // @ts-ignore
+                    const layout = this.ios.mason_layout();
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.setMeasuredDimension(w, h);
+                    return;
+                }
+                else {
+                    // either we have fixed dimensions or the spec did not constrain us
+                    // – compute using max-content so the view can grow to its children.
+                    // @ts-ignore
+                    this.ios.mason_computeWithMaxContent();
+                    // @ts-ignore
+                    const layout = this.ios.node.computedLayout;
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.setMeasuredDimension(w, h);
+                }
+            }
+            else {
+                // @ts-ignore
+                const layout = this.ios.node.computedLayout;
+                const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                this.setMeasuredDimension(w, h);
+            }
+        }
+    }
+    _setNativeViewFrame(nativeView, frame) {
+        nativeView.frame = frame;
+    }
+};
+Input = __decorate([
+    CSSType('input'),
+    __metadata("design:paramtypes", [])
+], Input);
+export { Input };
+//# sourceMappingURL=index.ios.js.map