@nativescript/core 8.5.0-alpha.0 → 8.5.0-alpha.1

package/ui/transition/page-transition.ios.js

@@ -0,0 +1,202 @@
+import { Transition, iosMatchLayerProperties, iosSnapshotView, iosPrintRect } from '.';
+import { Screen } from '../../platform';
+import { SharedTransition, SharedTransitionAnimationType, DEFAULT_DURATION } from './shared-transition';
+export class PageTransition extends Transition {
+    animateIOSTransition(transitionContext, fromViewCtrl, toViewCtrl, operation) {
+        console.log('--- PageTransitionController animateTransition');
+        console.log('toViewCtrl:', toViewCtrl);
+        console.log('fromViewCtrl:', fromViewCtrl);
+        // console.log('owner.id:', owner.id);
+        const state = SharedTransition.getState(this.id);
+        if (!state) {
+            return;
+        }
+        console.log('state.activeType:', state.activeType);
+        console.log('operation:', operation);
+        // switch (state.activeType) {
+        switch (operation) {
+            case 1 /* UINavigationControllerOperation.Push */: {
+                this.presented = toViewCtrl;
+                console.log('-- Transition present --', this.presented);
+                // transitionContext.containerView.addSubview(this.presented.view);
+                transitionContext.containerView.insertSubviewAboveSubview(this.presented.view, fromViewCtrl.view);
+                this.presented.view.layoutIfNeeded();
+                const { sharedElements, presented } = SharedTransition.getSharedElements(state.page, state.toPage);
+                console.log('  ');
+                console.log(`1. Found sharedTransitionTags to animate:`, sharedElements.map((v) => v.sharedTransitionTag));
+                console.log(`2. Take snapshots of shared elements and position them based on presenting view:`);
+                for (const presentingView of sharedElements) {
+                    if (!this.sharedElements) {
+                        this.sharedElements = {
+                            presented: [],
+                            presenting: [],
+                        };
+                    }
+                    const presentingSharedElement = presentingView.ios;
+                    // console.log('fromTarget instanceof UIImageView:', fromTarget instanceof UIImageView)
+                    // TODO: discuss whether we should check if UIImage/UIImageView type to always snapshot images or if other view types could be duped/added vs. snapshotted
+                    // Note: snapshot may be most efficient/simple
+                    // console.log('---> ', presentingView.sharedTransitionTag, ': ', presentingSharedElement)
+                    const presentedView = presented.find((v) => v.sharedTransitionTag === presentingView.sharedTransitionTag);
+                    const presentedSharedElement = presentedView.ios;
+                    const sharedElementSnapshot = UIImageView.alloc().init(); // WithImage(snapshotView(presentedSharedElement));
+                    // treat images differently...
+                    if (presentedSharedElement instanceof UIImageView) {
+                        // in case the image is loaded async, we need to update the snapshot when it changes
+                        // todo: remove listener on transition end
+                        presentedView.on('imageSourceChange', () => {
+                            sharedElementSnapshot.image = iosSnapshotView(presentedSharedElement);
+                            sharedElementSnapshot.tintColor = presentedSharedElement.tintColor;
+                        });
+                        sharedElementSnapshot.tintColor = presentedSharedElement.tintColor;
+                        sharedElementSnapshot.contentMode = presentedSharedElement.contentMode;
+                    }
+                    iosMatchLayerProperties(sharedElementSnapshot, presentingSharedElement);
+                    sharedElementSnapshot.clipsToBounds = true;
+                    // console.log('---> snapshot: ', sharedElementSnapshot);
+                    const startFrame = presentingSharedElement.convertRectToView(presentingSharedElement.bounds, transitionContext.containerView);
+                    const endFrame = presentedSharedElement.convertRectToView(presentedSharedElement.bounds, transitionContext.containerView);
+                    sharedElementSnapshot.frame = startFrame;
+                    console.log('---> ', presentingView.sharedTransitionTag, ' frame:', iosPrintRect(sharedElementSnapshot.frame));
+                    this.sharedElements.presenting.push({
+                        view: presentingView,
+                        startFrame,
+                        endFrame,
+                        snapshot: sharedElementSnapshot,
+                        startOpacity: presentingView.opacity,
+                        endOpacity: presentedView.opacity,
+                    });
+                    this.sharedElements.presented.push({
+                        view: presentedView,
+                        startFrame: endFrame,
+                        endFrame: startFrame,
+                        startOpacity: presentedView.opacity,
+                        endOpacity: presentingView.opacity,
+                    });
+                    // set initial opacity to match the source view opacity
+                    sharedElementSnapshot.alpha = presentingView.opacity;
+                    // hide both while animating within the transition context
+                    presentingView.opacity = 0;
+                    presentedView.opacity = 0;
+                    // add snapshot to animate
+                    // transitionContext.containerView.addSubview(sharedElementSnapshot);
+                    transitionContext.containerView.insertSubviewAboveSubview(sharedElementSnapshot, this.presented.view);
+                }
+                const cleanupPresent = () => {
+                    for (const presented of this.sharedElements.presented) {
+                        presented.view.opacity = presented.startOpacity;
+                    }
+                    // TODO: Discuss with Igor whether this is necessary
+                    // potential this could help smooth some shared element transitions
+                    UIView.animateWithDurationAnimationsCompletion(0, // Igor: disabled for now, we'll talk about this and decide
+                    () => {
+                        for (const presenting of this.sharedElements.presenting) {
+                            presenting.snapshot.alpha = presenting.endOpacity;
+                        }
+                    }, () => {
+                        for (const presenting of this.sharedElements.presenting) {
+                            presenting.snapshot.removeFromSuperview();
+                        }
+                        SharedTransition.updateState({
+                            id: this.id,
+                            activeType: SharedTransitionAnimationType.dismiss,
+                        });
+                        transitionContext.completeTransition(true);
+                    });
+                };
+                const updateFramePresent = () => {
+                    // https://stackoverflow.com/a/27997678/1418981
+                    // In order to have proper layout. Seems mostly needed when presenting.
+                    // For instance during presentation, destination view doesn't account navigation bar height.
+                    // Not sure if best to leave all the time?
+                    // owner.presented.view.setNeedsLayout();
+                    // owner.presented.view.layoutIfNeeded();
+                    console.log('3. Animating shared elements:');
+                    for (const presented of this.sharedElements.presented) {
+                        const presentingMatch = this.sharedElements.presenting.find((v) => v.view.sharedTransitionTag === presented.view.sharedTransitionTag);
+                        // Workaround wrong origin due ongoing layout process.
+                        const updatedEndFrame = presented.view.ios.convertRectToView(presented.view.ios.bounds, transitionContext.containerView);
+                        const correctedEndFrame = CGRectMake(updatedEndFrame.origin.x, updatedEndFrame.origin.y, presentingMatch.endFrame.size.width, presentingMatch.endFrame.size.height);
+                        presentingMatch.snapshot.frame = correctedEndFrame;
+                        // apply view and layer properties to the snapshot view to match the source/presented view
+                        iosMatchLayerProperties(presentingMatch.snapshot, presented.view.ios);
+                        // create a snapshot of the presented view
+                        presentingMatch.snapshot.image = iosSnapshotView(presented.view.ios);
+                        // apply correct alpha
+                        presentingMatch.snapshot.alpha = presentingMatch.endOpacity;
+                        console.log(`---> ${presentingMatch.view.sharedTransitionTag} animate to: `, iosPrintRect(correctedEndFrame));
+                    }
+                    console.log('  ');
+                };
+                // starting page properties
+                this.presented.view.alpha = typeof state.toPageStart?.opacity === 'number' ? state.toPageStart?.opacity : 0;
+                const startX = typeof state.toPageStart?.x === 'number' ? state.toPageStart?.x : Screen.mainScreen.widthDIPs;
+                const startY = typeof state.toPageStart?.y === 'number' ? state.toPageStart?.y : 0;
+                const startWidth = typeof state.toPageStart?.width === 'number' ? state.toPageStart?.width : Screen.mainScreen.widthDIPs;
+                const startHeight = typeof state.toPageStart?.height === 'number' ? state.toPageStart?.height : Screen.mainScreen.heightDIPs;
+                this.presented.view.frame = CGRectMake(startX, startY, startWidth, startHeight);
+                UIView.animateWithDurationDelayUsingSpringWithDampingInitialSpringVelocityOptionsAnimationsCompletion(typeof state.toPageStart?.duration === 'number' ? state.toPageStart?.duration / 1000 : DEFAULT_DURATION, 0, 0.5, 3, 0 /* UIViewAnimationOptions.CurveEaseInOut */, () => {
+                    // animate page properties to the following:
+                    this.presented.view.alpha = typeof state.toPageEnd?.opacity === 'number' ? state.toPageEnd?.opacity : 1;
+                    const endX = typeof state.toPageEnd?.x === 'number' ? state.toPageEnd?.x : 0;
+                    const endY = typeof state.toPageEnd?.y === 'number' ? state.toPageEnd?.y : 0;
+                    const endWidth = typeof state.toPageEnd?.width === 'number' ? state.toPageEnd?.width : Screen.mainScreen.widthDIPs;
+                    const endHeight = typeof state.toPageEnd?.height === 'number' ? state.toPageEnd?.height : Screen.mainScreen.heightDIPs;
+                    this.presented.view.frame = CGRectMake(endX, endY, endWidth, endHeight);
+                    updateFramePresent();
+                }, () => {
+                    cleanupPresent();
+                });
+                break;
+            }
+            case 2 /* UINavigationControllerOperation.Pop */: {
+                // this.presented = fromViewCtrl;
+                console.log('-- Transition dismiss --', this.presented);
+                transitionContext.containerView.insertSubviewBelowSubview(toViewCtrl.view, fromViewCtrl.view);
+                // console.log('transitionContext.containerView.subviews.count:', transitionContext.containerView.subviews.count);
+                console.log('  ');
+                console.log(`1. Dismiss sharedTransitionTags to animate:`, this.sharedElements.presented.map((p) => p.view.sharedTransitionTag));
+                console.log(`2. Add back previously stored sharedElements to dismiss:`);
+                for (const p of this.sharedElements.presented) {
+                    p.view.opacity = 0;
+                }
+                for (const p of this.sharedElements.presenting) {
+                    p.snapshot.alpha = p.endOpacity;
+                    transitionContext.containerView.addSubview(p.snapshot);
+                    // transitionContext.containerView.insertSubviewBelowSubview(p.snapshot, fromViewCtrl.view);
+                }
+                const cleanupDismiss = () => {
+                    for (const presenting of this.sharedElements.presenting) {
+                        presenting.view.opacity = presenting.startOpacity;
+                        presenting.snapshot.removeFromSuperview();
+                    }
+                    SharedTransition.finishState(this.id);
+                    transitionContext.completeTransition(true);
+                };
+                const updateFrameDismiss = () => {
+                    console.log('3. Dismissing shared elements:');
+                    for (const presenting of this.sharedElements.presenting) {
+                        iosMatchLayerProperties(presenting.snapshot, presenting.view.ios);
+                        presenting.snapshot.frame = presenting.startFrame;
+                        presenting.snapshot.alpha = presenting.startOpacity;
+                        console.log(`---> ${presenting.view.sharedTransitionTag} animate to: `, iosPrintRect(presenting.startFrame));
+                    }
+                    console.log('  ');
+                };
+                UIView.animateWithDurationDelayUsingSpringWithDampingInitialSpringVelocityOptionsAnimationsCompletion(typeof state.fromPageEnd?.duration === 'number' ? state.fromPageEnd?.duration / 1000 : DEFAULT_DURATION, 0, 0.5, 3, 0 /* UIViewAnimationOptions.CurveEaseInOut */, () => {
+                    this.presented.view.alpha = typeof state.fromPageEnd?.opacity === 'number' ? state.fromPageEnd?.opacity : 0;
+                    const endX = typeof state.fromPageEnd?.x === 'number' ? state.fromPageEnd?.x : Screen.mainScreen.widthDIPs;
+                    const endY = typeof state.fromPageEnd?.y === 'number' ? state.fromPageEnd?.y : 0;
+                    const endWidth = typeof state.fromPageEnd?.width === 'number' ? state.fromPageEnd?.width : Screen.mainScreen.widthDIPs;
+                    const endHeight = typeof state.fromPageEnd?.height === 'number' ? state.fromPageEnd?.height : Screen.mainScreen.heightDIPs;
+                    this.presented.view.frame = CGRectMake(endX, endY, endWidth, endHeight);
+                    updateFrameDismiss();
+                }, () => {
+                    cleanupDismiss();
+                });
+                break;
+            }
+        }
+    }
+}
+//# sourceMappingURL=page-transition.ios.js.map

package/ui/transition/page-transition.ios.js.map

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

package/ui/transition/shared-transition.d.ts

@@ -0,0 +1,66 @@
+import type { Transition } from '.';
+import type { View } from '../core/view';
+import type { Page } from '../page';
+export declare const DEFAULT_DURATION = 0.35;
+export declare enum SharedTransitionAnimationType {
+    present = 0,
+    dismiss = 1
+}
+export interface SharedTransitionConfig {
+    /**
+     * Page which will start the transition
+     */
+    page?: Page;
+    /**
+     * Preconfigured transition or your own custom configured one
+     */
+    instance?: Transition;
+    /**
+     * View settings to start your transition.
+     */
+    toPageStart?: SharedTransitionPageProperties;
+    /**
+     * View settings to end your transition.
+     */
+    toPageEnd?: SharedTransitionPageProperties;
+    /**
+     * View settings to end your transition for the 'from' (aka outgoing or dismissed) page.
+     */
+    fromPageEnd?: SharedTransitionPageProperties;
+}
+export interface SharedTransitionState extends SharedTransitionConfig {
+    id?: number;
+    activeType?: SharedTransitionAnimationType;
+    toPage?: Page;
+}
+type SharedTransitionPageProperties = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    opacity?: number;
+    /**
+     * Duration in milliseconds
+     */
+    duration?: number;
+};
+/**
+ * Shared Element Transition (experimental)
+ *
+ * no
+ * Note: some APIs may change in subsequent releases
+ */
+export declare class SharedTransition {
+    static configure(options: SharedTransitionConfig): Transition;
+    static currentStack: Array<SharedTransitionState>;
+    static updateState(state: SharedTransitionState): void;
+    static addPageToTop(page: Page): void;
+    static getState(id: number): SharedTransitionState;
+    static finishState(id: number): void;
+    static getSharedElements(fromPage: Page, toPage: Page): {
+        sharedElements: Array<View>;
+        presented: Array<View>;
+        presenting: Array<View>;
+    };
+}
+export {};

package/ui/transition/shared-transition.js

@@ -0,0 +1,76 @@
+import { querySelectorAll } from '../core/view-base';
+export const DEFAULT_DURATION = 0.35;
+// always increment when adding new transitions to be able to track their state
+export var SharedTransitionAnimationType;
+(function (SharedTransitionAnimationType) {
+    SharedTransitionAnimationType[SharedTransitionAnimationType["present"] = 0] = "present";
+    SharedTransitionAnimationType[SharedTransitionAnimationType["dismiss"] = 1] = "dismiss";
+})(SharedTransitionAnimationType || (SharedTransitionAnimationType = {}));
+/**
+ * Shared Element Transition (experimental)
+ *
+ * no
+ * Note: some APIs may change in subsequent releases
+ */
+export class SharedTransition {
+    static configure(options) {
+        SharedTransition.updateState({
+            ...options,
+            id: options.instance.id,
+            activeType: SharedTransitionAnimationType.present,
+        });
+        return options.instance;
+    }
+    static updateState(state) {
+        if (!SharedTransition.currentStack) {
+            SharedTransition.currentStack = [];
+        }
+        const existingTransition = SharedTransition.getState(state.id);
+        if (existingTransition) {
+            // updating existing
+            for (const key in state) {
+                existingTransition[key] = state[key];
+                // console.log(' ... updating state: ', key, state[key])
+            }
+        }
+        else {
+            SharedTransition.currentStack.push(state);
+        }
+    }
+    static addPageToTop(page) {
+        if (SharedTransition.currentStack?.length) {
+            const top = SharedTransition.currentStack.slice(-1)[0];
+            if (top) {
+                SharedTransition.updateState({
+                    id: top.id,
+                    toPage: page,
+                });
+            }
+        }
+    }
+    static getState(id) {
+        return SharedTransition.currentStack.find((t) => t.id === id);
+    }
+    static finishState(id) {
+        const index = SharedTransition.currentStack.findIndex((t) => t.id === id);
+        if (index > -1) {
+            SharedTransition.currentStack.splice(index, 1);
+        }
+    }
+    static getSharedElements(fromPage, toPage) {
+        // 1. Presented view: gather all sharedTransitionTag views
+        const presentedSharedElements = querySelectorAll(toPage, 'sharedTransitionTag');
+        // console.log('presented sharedTransitionTag total:', presentedSharedElements.length);
+        // 2. Presenting view: gather all sharedTransitionTag views
+        const presentingSharedElements = querySelectorAll(fromPage, 'sharedTransitionTag');
+        // console.log('presenting sharedTransitionTag total:', presentingSharedElements.length);
+        // 3. only handle sharedTransitionTag on presenting which match presented
+        const presentedTags = presentedSharedElements.map((v) => v.sharedTransitionTag);
+        return {
+            sharedElements: presentingSharedElements.filter((v) => presentedTags.includes(v.sharedTransitionTag)),
+            presented: presentedSharedElements,
+            presenting: presentingSharedElements,
+        };
+    }
+}
+//# sourceMappingURL=shared-transition.js.map

package/ui/transition/shared-transition.js.map

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

package/ui/web-view/index.d.ts

@@ -92,17 +92,17 @@ export class WebView extends View {
 	 * @param callback - Callback function which will be executed when event is raised.
 	 * @param thisArg - An optional parameter which will be used as `this` context for callback execution.
 	 */
-	on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
+	on(eventNames: string, callback: (data: EventData) => void, thisArg?: any): void;
 
 	/**
 	 * Raised when a loadFinished event occurs.
 	 */
-	on(event: 'loadFinished', callback: (args: LoadEventData) => void, thisArg?: any);
+	on(event: 'loadFinished', callback: (args: LoadEventData) => void, thisArg?: any): void;
 
 	/**
 	 * Raised when a loadStarted event occurs.
 	 */
-	on(event: 'loadStarted', callback: (args: LoadEventData) => void, thisArg?: any);
+	on(event: 'loadStarted', callback: (args: LoadEventData) => void, thisArg?: any): void;
 }
 
 /**

package/ui/web-view/web-view-interfaces.d.ts

@@ -1,6 +1,6 @@
 import { WebView } from '.';
 import { EventData } from '../../data/observable';
-export declare type WebViewNavigationType = 'linkClicked' | 'formSubmitted' | 'backForward' | 'reload' | 'formResubmitted' | 'other' | undefined;
+export type WebViewNavigationType = 'linkClicked' | 'formSubmitted' | 'backForward' | 'reload' | 'formResubmitted' | 'other' | undefined;
 export interface LoadEventData extends EventData {
     url: string;
     navigationType: WebViewNavigationType;

package/utils/index.d.ts

@@ -21,88 +21,6 @@ interface Owned {
 }
 //@endprivate
 
-/**
- * Module with android specific utilities.
- */
-export namespace ad {
-	/**
-	 * Gets the native Android application instance.
-	 */
-	export function getApplication(): any; /* android.app.Application */
-
-	/**
-	 * Gets the Android application context.
-	 */
-	export function getApplicationContext(): any; /* android.content.Context */
-
-	/**
-	 * Gets the native Android input method manager.
-	 */
-	export function getInputMethodManager(): any; /* android.view.inputmethod.InputMethodManager */
-
-	/**
-	 * Hides the soft input method, usually a soft keyboard.
-	 */
-	export function dismissSoftInput(nativeView?: any /* android.view.View */): void;
-
-	/**
-	 * Shows the soft input method, usually a soft keyboard.
-	 */
-	export function showSoftInput(nativeView: any /* android.view.View */): void;
-
-	/**
-	 * Utility module dealing with some android collections.
-	 */
-	namespace collections {
-		/**
-		 * Converts string array into a String [hash set](http://developer.android.com/reference/java/util/HashSet.html).
-		 * @param str - An array of strings to convert.
-		 */
-		export function stringArrayToStringSet(str: string[]): any;
-
-		/**
-		 * Converts string hash set into array of strings.
-		 * @param stringSet - A string hash set to convert.
-		 */
-		export function stringSetToStringArray(stringSet: any): string[];
-	}
-
-	/**
-	 * Utility module related to android resources.
-	 */
-	export namespace resources {
-		/**
-		 * Gets the drawable id from a given name.
-		 * @param name - Name of the resource.
-		 */
-		export function getDrawableId(name);
-
-		/**
-		 * Gets the string id from a given name.
-		 * @param name - Name of the resource.
-		 */
-		export function getStringId(name);
-
-		/**
-		 * Gets the id from a given name.
-		 * @param name - Name of the resource.
-		 */
-		export function getId(name: string): number;
-
-		/**
-		 * [Obsolete - please use getPaletteColor] Gets a color from current theme.
-		 * @param name - Name of the color
-		 */
-		export function getPalleteColor();
-
-		/**
-		 * Gets a color from the current theme.
-		 * @param name - Name of the color resource.
-		 */
-		export function getPaletteColor(name: string, context: any /* android.content.Context */): number;
-	}
-}
-
 /**
  * An utility function that invokes garbage collection on the JavaScript side.
  */

package/utils/typescript-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Makes the specified properties in a type optional.
+ * @example type NotifyData = Optional<EventData, "object">
+ * // returns: { eventName: string; object?: Observable }
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & { [P in K]?: T[P] };

package/xhr/index.js

@@ -11,16 +11,6 @@ var XMLHttpRequestResponseType;
     XMLHttpRequestResponseType.arraybuffer = 'arraybuffer';
 })(XMLHttpRequestResponseType || (XMLHttpRequestResponseType = {}));
 export class XMLHttpRequest {
-    constructor() {
-        this.UNSENT = 0;
-        this.OPENED = 1;
-        this.HEADERS_RECEIVED = 2;
-        this.LOADING = 3;
-        this.DONE = 4;
-        this._responseType = '';
-        this._listeners = new Map();
-        this._readyState = this.UNSENT;
-    }
     get upload() {
         return this;
     }
@@ -74,6 +64,16 @@ export class XMLHttpRequest {
         }
         return statuses[this._status];
     }
+    constructor() {
+        this.UNSENT = 0;
+        this.OPENED = 1;
+        this.HEADERS_RECEIVED = 2;
+        this.LOADING = 3;
+        this.DONE = 4;
+        this._responseType = '';
+        this._listeners = new Map();
+        this._readyState = this.UNSENT;
+    }
     _loadResponse(r) {
         this._status = r.statusCode;
         this._headers = r.headers;
@@ -303,6 +303,12 @@ export class FormData {
     }
 }
 export class Blob {
+    get size() {
+        return this._size;
+    }
+    get type() {
+        return this._type;
+    }
     constructor(chunks = [], opts = {}) {
         this[_a] = 'Blob';
         const dataChunks = [];
@@ -343,12 +349,6 @@ export class Blob {
             this._type = this._type.toLowerCase();
         }
     }
-    get size() {
-        return this._size;
-    }
-    get type() {
-        return this._type;
-    }
     arrayBuffer() {
         return Promise.resolve(this._buffer);
     }
@@ -375,24 +375,30 @@ Blob.InternalAccessor = class {
     }
 };
 export class File extends Blob {
-    constructor(chunks, name, opts = {}) {
-        super(chunks, opts);
-        this[_b] = 'File';
-        this._name = name.replace(/\//g, ':');
-        this._lastModified = opts.lastModified ? new Date(opts.lastModified).valueOf() : Date.now();
-    }
     get name() {
         return this._name;
     }
     get lastModified() {
         return this._lastModified;
     }
+    constructor(chunks, name, opts = {}) {
+        super(chunks, opts);
+        this[_b] = 'File';
+        this._name = name.replace(/\//g, ':');
+        this._lastModified = opts.lastModified ? new Date(opts.lastModified).valueOf() : Date.now();
+    }
     toString() {
         return '[object File]';
     }
 }
 _b = Symbol.toStringTag;
 export class FileReader {
+    get readyState() {
+        return this._readyState;
+    }
+    get result() {
+        return this._result;
+    }
     constructor() {
         this.EMPTY = 0;
         this.LOADING = 1;
@@ -401,12 +407,6 @@ export class FileReader {
         this[_c] = 'FileReader';
         //
     }
-    get readyState() {
-        return this._readyState;
-    }
-    get result() {
-        return this._result;
-    }
     _array2base64(input) {
         const byteToCharMap = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
         const output = [];