js: add onAnimationEnd for image

doric-js/bundle/doric-lib.es5.js

@@ -2360,6 +2360,10 @@ var Image = /** @class */ (function (_super) {
         Property,
         __metadata$b("design:type", Object)
     ], Image.prototype, "stretchInset", void 0);
+    __decorate$b([
+        Property,
+        __metadata$b("design:type", Function)
+    ], Image.prototype, "onAnimationEnd", void 0);
     return Image;
 }(View));
 function image(config) {

doric-js/bundle/doric-lib.js

@@ -1778,6 +1778,10 @@ __decorate$b([
     Property,
     __metadata$b("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
+__decorate$b([
+    Property,
+    __metadata$b("design:type", Function)
+], Image.prototype, "onAnimationEnd", void 0);
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();

doric-js/bundle/doric-vm.js

@@ -3306,6 +3306,10 @@ __decorate$b([
     Property,
     __metadata$b("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
+__decorate$b([
+    Property,
+    __metadata$b("design:type", Function)
+], Image.prototype, "onAnimationEnd", void 0);
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();

doric-js/index.d.ts

@@ -690,6 +690,10 @@ declare module 'doric/lib/src/widget/image' {
                     right: number;
                     bottom: number;
             };
+            /**
+                * Called if loaded image is animated and played end.
+                */
+            onAnimationEnd?: () => void;
             isAnimating(context: BridgeContext): Promise<boolean>;
             startAnimating(context: BridgeContext): Promise<any>;
             stopAnimating(context: BridgeContext): Promise<any>;

doric-js/lib/src/widget/image.d.ts

@@ -74,6 +74,10 @@ export declare class Image extends View {
         right: number;
         bottom: number;
     };
+    /**
+     * Called if loaded image is animated and played end.
+     */
+    onAnimationEnd?: () => void;
     isAnimating(context: BridgeContext): Promise<boolean>;
     startAnimating(context: BridgeContext): Promise<any>;
     stopAnimating(context: BridgeContext): Promise<any>;

doric-js/lib/src/widget/image.js

@@ -116,6 +116,10 @@ __decorate([
     Property,
     __metadata("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
+__decorate([
+    Property,
+    __metadata("design:type", Function)
+], Image.prototype, "onAnimationEnd", void 0);
 export function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();

doric-js/src/widget/image.ts

@@ -115,6 +115,12 @@ export class Image extends View {
         bottom: number
     }
 
+    /**
+     * Called if loaded image is animated and played end.
+     */
+    @Property
+    onAnimationEnd?: () => void
+
     isAnimating(context: BridgeContext) {
         return this.nativeChannel(context, "isAnimating")() as Promise<boolean>
     }

doric-web/dist/index.js

@@ -3380,6 +3380,10 @@ __decorate$b([
     Property,
     __metadata$b("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
+__decorate$b([
+    Property,
+    __metadata$b("design:type", Function)
+], Image.prototype, "onAnimationEnd", void 0);
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();