@nativescript/canvas 2.0.0-alpha.2 → 2.0.0-alpha.21

package/Dom/shapes/Line.js

@@ -0,0 +1,37 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+export const p1Property = new Property({
+    name: 'p1',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export const p2Property = new Property({
+    name: 'p2',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export class Line extends Paint {
+    draw() {
+        if (this.p1 === undefined || this.p2 === undefined) {
+            return;
+        }
+        const override_color = this.parent._overrideColor;
+        const context = this._canvas.getContext('2d');
+        const line = new Path2D();
+        line.lineTo(this.p1, this.p2);
+        const style = this.paintStyle;
+        if (style === 'fill') {
+            context.fillStyle = this.color.hex;
+            context.fill(line);
+        }
+        else if (style === 'stroke') {
+            context.strokeStyle = this.color.hex;
+            context.stroke(line);
+        }
+    }
+}
+p1Property.register(Line);
+p2Property.register(Line);
+//# sourceMappingURL=Line.js.map

package/Dom/shapes/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/Line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAoB,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAe;IACpD,IAAI,EAAE,IAAI;IACV,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAe;IACpD,IAAI,EAAE,IAAI;IACV,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,IAAK,SAAQ,KAAK;IAI9B,IAAI;QACH,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE;YACnD,OAAO;SACP;QACD,MAAM,cAAc,GAAI,IAAI,CAAC,MAAc,CAAC,cAAc,CAAC;QAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAoC,CAAC;QACjF,MAAM,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;QAC9B,IAAI,KAAK,KAAK,MAAM,EAAE;YACrB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACnB;aAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;YAC9B,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACrC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACrB;IACF,CAAC;CACD;AAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/Dom/shapes/Path.d.ts

@@ -0,0 +1,8 @@
+import { Paint } from '../Paint';
+import { Path2D } from '../../Canvas2D';
+export declare const pathProperty: any;
+export declare class Path extends Paint {
+    _path: Path2D;
+    path: string;
+    draw(): void;
+}

package/Dom/shapes/Path.js

@@ -0,0 +1,31 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+import { Path2D } from '../../Canvas2D';
+export const pathProperty = new Property({
+    name: 'path',
+});
+export class Path extends Paint {
+    [pathProperty.setNative](value) {
+        if (value) {
+            this._path = new Path2D(value);
+        }
+    }
+    draw() {
+        if (this._path === undefined) {
+            return;
+        }
+        const override_color = this.parent._overrideColor;
+        const context = this._canvas.getContext('2d');
+        const style = this.paintStyle;
+        if (style === 'fill') {
+            context.fillStyle = this.color.hex;
+            context.fill(this._path);
+        }
+        else if (style === 'stroke') {
+            context.strokeStyle = this.color.hex;
+            context.stroke(this._path);
+        }
+    }
+}
+pathProperty.register(Path);
+//# sourceMappingURL=Path.js.map

package/Dom/shapes/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/Path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,QAAQ,CAAe;IACtD,IAAI,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,OAAO,IAAK,SAAQ,KAAK;IAI9B,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,KAAK;QAC7B,IAAI,KAAK,EAAE;YACV,IAAI,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;SAC/B;IACF,CAAC;IAED,IAAI;QACH,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO;SACP;QACD,MAAM,cAAc,GAAI,IAAI,CAAC,MAAc,CAAC,cAAc,CAAC;QAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAoC,CAAC;QAEjF,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;QAC9B,IAAI,KAAK,KAAK,MAAM,EAAE;YACrB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAY,CAAC,CAAC;SAChC;aAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;YAC9B,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACrC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAY,CAAC,CAAC;SAClC;IACF,CAAC;CACD;AAED,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/Dom/shapes/Points.d.ts

@@ -0,0 +1,15 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+export declare const pointsProperty: Property<Points, {
+    x: number;
+    y: number;
+}[]>;
+export declare const modeProperty: Property<Points, "points" | "lines" | "polygon">;
+export declare class Points extends Paint {
+    points: {
+        x: number;
+        y: number;
+    }[];
+    mode: 'points' | 'lines' | 'polygon';
+    draw(): void;
+}

package/Dom/shapes/Points.js

@@ -0,0 +1,20 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+export const pointsProperty = new Property({
+    name: 'points',
+});
+export const modeProperty = new Property({
+    name: 'mode',
+    defaultValue: 'points',
+});
+export class Points extends Paint {
+    draw() {
+        const override_color = this.parent._overrideColor;
+        const context = this._canvas.getContext('2d');
+        context.strokeStyle = this.color.hex;
+        context.drawPoints(this.mode ?? 'points', this.points);
+    }
+}
+pointsProperty.register(Points);
+modeProperty.register(Points);
+//# sourceMappingURL=Points.js.map

package/Dom/shapes/Points.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Points.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/Points.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAoB,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAqC;IAC9E,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,QAAQ,CAAyC;IAChF,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,QAAQ;CACtB,CAAC,CAAC;AAEH,MAAM,OAAO,MAAO,SAAQ,KAAK;IAIhC,IAAI;QACH,MAAM,cAAc,GAAI,IAAI,CAAC,MAAc,CAAC,cAAc,CAAC;QAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAoC,CAAC;QACjF,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,OAAe,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC;CACD;AAED,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAChC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC"}

package/Dom/shapes/Rect.d.ts

@@ -0,0 +1,15 @@
+import { Property, ViewBase } from '@nativescript/core';
+import { Paint } from '../Paint';
+export declare const xProperty: Property<Rect, number>;
+export declare const yProperty: Property<Rect, number>;
+export declare const widthProperty: Property<Rect, number>;
+export declare const heightProperty: Property<Rect, number>;
+export declare class Rect extends Paint {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    _children: Paint[];
+    draw(): void;
+    _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean;
+}

package/Dom/shapes/Rect.js

@@ -0,0 +1,63 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+export const xProperty = new Property({
+    name: 'x',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export const yProperty = new Property({
+    name: 'y',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export const widthProperty = new Property({
+    name: 'width',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export const heightProperty = new Property({
+    name: 'height',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export class Rect extends Paint {
+    constructor() {
+        super(...arguments);
+        this._children = [];
+    }
+    draw() {
+        const context = this._canvas.getContext('2d');
+        context.rect(this.x, this.y, this.width, this.height);
+        if (this._children.length > 0) {
+            this._children.forEach((child) => {
+                switch (child.paintStyle) {
+                    case 'fill':
+                        context.fillStyle = child.color.hex;
+                        context.fill();
+                        break;
+                    case 'stroke':
+                        context.strokeStyle = child.color.hex;
+                        context.lineWidth = child.strokeWidth;
+                        context.stroke();
+                        break;
+                }
+            });
+        }
+        else {
+            super.draw();
+        }
+    }
+    _addViewToNativeVisualTree(view, atIndex) {
+        if (view instanceof Paint) {
+            this._children.push(view);
+        }
+        return false;
+    }
+}
+xProperty.register(Rect);
+yProperty.register(Rect);
+//# sourceMappingURL=Rect.js.map

package/Dom/shapes/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/Rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAA8B,MAAM,oBAAoB,CAAC;AAEzF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,QAAQ,CAAe;IACnD,IAAI,EAAE,GAAG;IACT,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,QAAQ,CAAe;IACnD,IAAI,EAAE,GAAG;IACT,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,QAAQ,CAAe;IACvD,IAAI,EAAE,OAAO;IACb,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAe;IACxD,IAAI,EAAE,QAAQ;IACd,cAAc,CAAC,KAAK;QACnB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,IAAK,SAAQ,KAAK;IAA/B;;QAMC,cAAS,GAAY,EAAE,CAAC;IA+BzB,CAAC;IA7BA,IAAI;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAoC,CAAC;QACjF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAEtD,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAChC,QAAQ,KAAK,CAAC,UAAU,EAAE;oBACzB,KAAK,MAAM;wBACV,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACpC,OAAO,CAAC,IAAI,EAAE,CAAC;wBACf,MAAM;oBACP,KAAK,QAAQ;wBACZ,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;wBACtC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;wBACtC,OAAO,CAAC,MAAM,EAAE,CAAC;wBACjB,MAAM;iBACP;YACF,CAAC,CAAC,CAAC;SACH;aAAM;YACN,KAAK,CAAC,IAAI,EAAE,CAAC;SACb;IACF,CAAC;IAED,0BAA0B,CAAC,IAAc,EAAE,OAAgB;QAC1D,IAAI,IAAI,YAAY,KAAK,EAAE;YAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC1B;QACD,OAAO,KAAK,CAAC;IACd,CAAC;CACD;AAED,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACzB,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/Dom/shapes/RoundedRect.d.ts

@@ -0,0 +1,12 @@
+import { ViewBase } from '@nativescript/core';
+import { Paint } from '../Paint';
+export declare class RoundedRect extends Paint {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    r: number;
+    _children: Paint[];
+    draw(): void;
+    _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean;
+}

package/Dom/shapes/RoundedRect.js

@@ -0,0 +1,96 @@
+import { Property, Screen } from '@nativescript/core';
+import { Paint } from '../Paint';
+import { Shadow } from '../Shadow';
+const xProperty = new Property({
+    name: 'x',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+const yProperty = new Property({
+    name: 'y',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+const rProperty = new Property({
+    name: 'r',
+    valueConverter(value) {
+        return parseFloat(value);
+    },
+});
+export class RoundedRect extends Paint {
+    constructor() {
+        super(...arguments);
+        this._children = [];
+    }
+    draw() {
+        const scale = Screen.mainScreen.scale;
+        const context = this._canvas.getContext('2d');
+        const color = this._getColor();
+        context.roundRect(this.x * scale, this.y * scale, this.width * scale, this.height * scale, this.r * scale);
+        if (this._children.length > 0) {
+            this._children.forEach((child) => {
+                const child_color = child._getColor();
+                switch (child.paintStyle) {
+                    case 'fill':
+                        context.fillStyle = color;
+                        if (child instanceof Shadow) {
+                            const dx = context.shadowOffsetX;
+                            const dy = context.shadowOffsetY;
+                            const blur = context.shadowBlur;
+                            const shadowColor = context.shadowColor;
+                            context.shadowOffsetX = child.dx * scale;
+                            context.shadowOffsetY = child.dy * scale;
+                            context.shadowBlur = child.blur * scale;
+                            context.shadowColor = child_color;
+                            context.fill();
+                            context.shadowOffsetX = dx;
+                            context.shadowOffsetY = dy;
+                            context.shadowBlur = blur;
+                            context.shadowColor = shadowColor;
+                        }
+                        else {
+                            context.fill();
+                        }
+                        break;
+                    case 'stroke':
+                        context.strokeStyle = color;
+                        context.lineWidth = child.strokeWidth;
+                        if (child instanceof Shadow) {
+                            const dx = context.shadowOffsetX;
+                            const dy = context.shadowOffsetY;
+                            const blur = context.shadowBlur;
+                            const shadowColor = context.shadowColor;
+                            context.shadowOffsetX = child.dx * scale;
+                            context.shadowOffsetY = child.dy * scale;
+                            context.shadowBlur = child.blur * scale;
+                            context.shadowColor = child_color;
+                            context.stroke();
+                            context.shadowOffsetX = dx;
+                            context.shadowOffsetY = dy;
+                            context.shadowBlur = blur;
+                            context.shadowColor = shadowColor;
+                        }
+                        else {
+                            context.stroke();
+                        }
+                        break;
+                }
+            });
+        }
+        else {
+            super.draw();
+        }
+    }
+    _addViewToNativeVisualTree(view, atIndex) {
+        if (view instanceof Paint) {
+            this._children.push(view);
+        }
+        return false;
+    }
+}
+xProperty.register(RoundedRect);
+yProperty.register(RoundedRect);
+rProperty.register(RoundedRect);
+//# sourceMappingURL=RoundedRect.js.map

package/Dom/shapes/RoundedRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedRect.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/RoundedRect.ts"],"names":[],"mappings":"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"}

package/Dom/shapes/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Rect';
+export * from './Path';
+export * from './Circle';
+export * from './RoundedRect';
+export * from './Line';
+export * from './Points';

package/Dom/shapes/index.js

@@ -0,0 +1,7 @@
+export * from './Rect';
+export * from './Path';
+export * from './Circle';
+export * from './RoundedRect';
+export * from './Line';
+export * from './Points';
+//# sourceMappingURL=index.js.map

package/Dom/shapes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/ImageAsset/index.d.ts

@@ -1,2 +1,28 @@
-export * from './common';
-export * from './ImageAsset';
+export declare class ImageAsset {
+    _native: any;
+    get native(): any;
+    constructor(native?: any);
+    get width(): any;
+    get height(): any;
+    get error(): string;
+    fromUrlSync(url: string): boolean;
+    private _incrementStrongRef;
+    private _decrementStrongRefAndRemove;
+    fromUrl(url: string): Promise<unknown>;
+    fromFileSync(path: string): boolean;
+    fromFile(path: string): Promise<unknown>;
+    loadFromBytesSync(bytes: Uint8Array | Uint8ClampedArray): any;
+    loadFromBytes(bytes: Uint8Array | Uint8ClampedArray): Promise<unknown>;
+    scale(x: number, y: number): void;
+    saveSync(path: string, format: ImageAssetSaveFormat): boolean;
+    save(path: string, format: ImageAssetSaveFormat): Promise<boolean>;
+    flipX(): void;
+    flipY(): void;
+}
+export declare enum ImageAssetSaveFormat {
+    JPG = 0,
+    PNG = 1,
+    ICO = 2,
+    BMP = 3,
+    TIFF = 4
+}

package/ImageAsset/index.js

@@ -1,3 +1,155 @@
-export * from './common';
-export * from './ImageAsset';
+import { knownFolders, path as filePath } from '@nativescript/core';
+import { Helpers } from '../helpers';
+let ctor;
+// store ref if loading
+const loaders = new Map();
+export class ImageAsset {
+    constructor(native) {
+        this._native = native || new global.CanvasModule.ImageAsset();
+    }
+    get native() {
+        return this._native;
+    }
+    get width() {
+        return this.native.width;
+    }
+    get height() {
+        return this.native.height;
+    }
+    get error() {
+        return this.native.error;
+    }
+    fromUrlSync(url) {
+        return this.native.fromUrlSync(url);
+    }
+    _incrementStrongRef() {
+        let count = 0;
+        if (loaders.has(this)) {
+            count = loaders.get(this);
+        }
+        count++;
+        loaders.set(this, count);
+    }
+    _decrementStrongRefAndRemove() {
+        const count = loaders.get(this) - 1;
+        if (count <= 0) {
+            loaders.delete(this);
+        }
+    }
+    fromUrl(url) {
+        return new Promise((resolve, reject) => {
+            this._incrementStrongRef();
+            this.native.fromUrlCb(url, (success, error) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(success);
+                }
+                this._decrementStrongRefAndRemove();
+            });
+        });
+    }
+    fromFileSync(path) {
+        let realPath = path;
+        if (typeof realPath === 'string') {
+            if (realPath.startsWith('~/')) {
+                realPath = filePath.join(knownFolders.currentApp().path, realPath.replace('~/', ''));
+            }
+        }
+        return this.native.fromFileSync(realPath);
+    }
+    fromFile(path) {
+        return new Promise((resolve, reject) => {
+            if (typeof path === 'string') {
+                if (path.startsWith('~/')) {
+                    path = filePath.join(knownFolders.currentApp().path, path.replace('~/', ''));
+                }
+            }
+            this._incrementStrongRef();
+            this.native.fromFileCb(path, (success, error) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(success);
+                }
+                this._decrementStrongRefAndRemove();
+            });
+        });
+    }
+    /*
+
+    loadFromNative(image: any): boolean {
+        return this.native.loadImageFromImage(image);
+    }
+
+    loadFromNative(image: any) {
+        return new Promise((resolve, reject) => {
+            this.native.loadImageFromImage(
+                image,
+                new org.nativescript.canvas.TNSImageAsset.Callback({
+                    onError(error) {
+                        reject(error);
+                    },
+                    onSuccess(success) {
+                        resolve(success);
+                    },
+                })
+            );
+        });
+    }
+
+    */
+    loadFromBytesSync(bytes) {
+        return this.native.fromBytesSync(bytes);
+    }
+    loadFromBytes(bytes) {
+        return new Promise((resolve, reject) => {
+            this._incrementStrongRef();
+            this.native.fromBytesCb(bytes, (success, error) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(success);
+                }
+                this._decrementStrongRefAndRemove();
+            });
+        });
+    }
+    scale(x, y) {
+        this.native.scale(x, y);
+    }
+    saveSync(path, format) {
+        return this.native.saveSync(path, format);
+    }
+    save(path, format) {
+        return new Promise((resolve, reject) => {
+            this._incrementStrongRef();
+            this.native.saveCb(path, format, (success, error) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(success);
+                }
+                this._decrementStrongRefAndRemove();
+            });
+        });
+    }
+    flipX() { }
+    flipY() { }
+}
+(() => {
+    Helpers.initialize();
+})();
+export var ImageAssetSaveFormat;
+(function (ImageAssetSaveFormat) {
+    ImageAssetSaveFormat[ImageAssetSaveFormat["JPG"] = 0] = "JPG";
+    ImageAssetSaveFormat[ImageAssetSaveFormat["PNG"] = 1] = "PNG";
+    ImageAssetSaveFormat[ImageAssetSaveFormat["ICO"] = 2] = "ICO";
+    ImageAssetSaveFormat[ImageAssetSaveFormat["BMP"] = 3] = "BMP";
+    ImageAssetSaveFormat[ImageAssetSaveFormat["TIFF"] = 4] = "TIFF";
+})(ImageAssetSaveFormat || (ImageAssetSaveFormat = {}));
 //# sourceMappingURL=index.js.map

package/ImageAsset/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/canvas/ImageAsset/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/canvas/ImageAsset/index.ts"],"names":[],"mappings":"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"}

package/ImageBitmap/{index.ios.d.ts → index.d.ts}

@@ -1,12 +1,11 @@
-import { ImageBitmapBase } from './common';
-export declare class ImageBitmap extends ImageBitmapBase {
-    #private;
+export declare class ImageBitmap {
+    _native: any;
+    get native(): any;
     private constructor();
     get width(): number;
     get height(): number;
     close(): void;
     static fromNative(value: any): ImageBitmap;
-    private static handleOptions;
     static createFrom(source: any, options: any): Promise<unknown>;
     static createFromRect(source: any, sx: number, sy: number, sWidth: number, sHeight: number, options: any): Promise<unknown>;
 }