@zcomponent/core 2.0.0-alpha.1 → 2.0.0-alpha.3

package/lib/behaviors/TakeSnapshot.js

@@ -1,84 +1,159 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
 import { ActionBehavior } from '../actionbehavior';
-import { registerBehaviorRunAtDesignTime } from '../behavior';
 import { CanvasContext } from '../contexts/canvascontext';
 import { SnapshotContext } from '../contexts/snapshotContext';
-import { Observable } from '../observable';
-export var ImageFormat;
-(function (ImageFormat) {
-    ImageFormat["PNG"] = "png";
-    ImageFormat["JPEG"] = "jpeg";
-})(ImageFormat || (ImageFormat = {}));
+import { zBehavior, zObserve, zUI } from '../decorators';
+import { BehaviorGroups } from '../groups';
+export const ImageFormat = {
+    PNG: 'png',
+    JPEG: 'jpeg',
+};
+Object.freeze(ImageFormat);
 /**
  * Captures the canvas as an image.
  * This image can then be shared or downloaded using other behaviors.
- *
  * @zbehavior
  * @zicon photo_camera
  * @zgroup Actions
  */
-export class TakeSnapshot extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
+let TakeSnapshot = (() => {
+    let _classDecorators = [zBehavior({ icon: 'photo_camera', group: BehaviorGroups.Actions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _quality_decorators;
+    let _quality_initializers = [];
+    let _quality_extraInitializers = [];
+    let _fileName_decorators;
+    let _fileName_initializers = [];
+    let _fileName_extraInitializers = [];
+    let _text_decorators;
+    let _text_initializers = [];
+    let _text_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _preview_decorators;
+    var TakeSnapshot = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _format_decorators = [zObserve((format, instance) => {
+                    const ssctx = instance.contextManager.get(SnapshotContext);
+                    ssctx.fileType.value = format === ImageFormat.PNG ? 'image/png' : 'image/jpeg';
+                })];
+            _quality_decorators = [zObserve((quality, instance) => {
+                    const ssctx = instance.contextManager.get(SnapshotContext);
+                    ssctx.quality.value = quality;
+                })];
+            _fileName_decorators = [zObserve((fileName, instance) => {
+                    const ssctx = instance.contextManager.get(SnapshotContext);
+                    ssctx.fileName.value = fileName;
+                })];
+            _text_decorators = [zObserve((fileName, instance) => {
+                    const ssctx = instance.contextManager.get(SnapshotContext);
+                    ssctx.text.value = fileName;
+                })];
+            _title_decorators = [zObserve((fileName, instance) => {
+                    const ssctx = instance.contextManager.get(SnapshotContext);
+                    ssctx.title.value = fileName;
+                })];
+            _preview_decorators = [zUI()];
+            __esDecorate(this, null, _preview_decorators, { kind: "method", name: "preview", static: false, private: false, access: { has: obj => "preview" in obj, get: obj => obj.preview }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _format_decorators, { kind: "field", name: "format", static: false, private: false, access: { has: obj => "format" in obj, get: obj => obj.format, set: (obj, value) => { obj.format = value; } }, metadata: _metadata }, _format_initializers, _format_extraInitializers);
+            __esDecorate(null, null, _quality_decorators, { kind: "field", name: "quality", static: false, private: false, access: { has: obj => "quality" in obj, get: obj => obj.quality, set: (obj, value) => { obj.quality = value; } }, metadata: _metadata }, _quality_initializers, _quality_extraInitializers);
+            __esDecorate(null, null, _fileName_decorators, { kind: "field", name: "fileName", static: false, private: false, access: { has: obj => "fileName" in obj, get: obj => obj.fileName, set: (obj, value) => { obj.fileName = value; } }, metadata: _metadata }, _fileName_initializers, _fileName_extraInitializers);
+            __esDecorate(null, null, _text_decorators, { kind: "field", name: "text", static: false, private: false, access: { has: obj => "text" in obj, get: obj => obj.text, set: (obj, value) => { obj.text = value; } }, metadata: _metadata }, _text_initializers, _text_extraInitializers);
+            __esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            TakeSnapshot = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * @default ""
+         */
+        _dataUrl = (__runInitializers(this, _instanceExtraInitializers), '');
         /**
          * The format of the image to capture.
-         * @zprop
-         * @zdefault jpeg
+         * @default "jpeg"
          */
-        this.format = new Observable(ImageFormat.JPEG, format => {
-            const ssctx = this.contextManager.get(SnapshotContext);
-            ssctx.fileType.value = format === ImageFormat.PNG ? 'image/png' : 'image/jpeg';
-        });
+        format = __runInitializers(this, _format_initializers, ImageFormat.JPEG);
         /**
          * The quality of the image to capture.
-         * @zprop
-         * @zdefault 0.92
+         * @default 0.92
          */
-        this.quality = new Observable(0.92, quality => {
-            const ssctx = this.contextManager.get(SnapshotContext);
-            ssctx.quality.value = quality;
-        });
+        quality = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _quality_initializers, 0.92));
         /**
          * The name of the file to download.
-         * @zprop
-         * @zdefault canvas
+         * @default "canvas"
          */
-        this.fileName = new Observable('canvas', fileName => {
-            const ssctx = this.contextManager.get(SnapshotContext);
-            ssctx.fileName.value = fileName;
-        });
+        fileName = (__runInitializers(this, _quality_extraInitializers), __runInitializers(this, _fileName_initializers, 'canvas'));
         /**
          * The text to share.
-         * @zprop
-         * @zdefault ''
+         * @default ""
          */
-        this.text = new Observable('', text => {
-            const ssctx = this.contextManager.get(SnapshotContext);
-            ssctx.text.value = text;
-        });
+        text = (__runInitializers(this, _fileName_extraInitializers), __runInitializers(this, _text_initializers, ''));
         /**
          * The title to share.
-         * @zprop
-         * @zdefault ''
+         * @default ""
          */
-        this.title = new Observable('', title => {
-            const ssctx = this.contextManager.get(SnapshotContext);
-            ssctx.title.value = title;
-        });
-        this.dataUrl = '';
-        this.capture = async () => {
+        title = (__runInitializers(this, _text_extraInitializers), __runInitializers(this, _title_initializers, ''));
+        perform() {
+            this.capture();
+        }
+        capture = (__runInitializers(this, _title_extraInitializers), async () => {
             const snapshotContext = this.contextManager.get(SnapshotContext);
             const mimeType = snapshotContext.fileType.value === ImageFormat.PNG ? 'image/png' : 'image/jpeg';
             const canvasContext = this.contextManager.get(CanvasContext);
-            this.dataUrl = await canvasContext.captureToDataURL(mimeType, this.quality.value);
-            snapshotContext.canvasImage.value = this.dataUrl;
-        };
-    }
-    /** @zprop */
-    perform() {
-        this.capture();
-    }
-    preview() {
-        this.perform();
-    }
-}
-registerBehaviorRunAtDesignTime(TakeSnapshot);
+            this._dataUrl = await canvasContext.captureToDataURL(mimeType, this.quality);
+            snapshotContext.canvasImage.value = this._dataUrl;
+        });
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+    };
+    return TakeSnapshot = _classThis;
+})();
+export { TakeSnapshot };

package/lib/behaviors/ToggleLayerClips.d.ts

@@ -1,6 +1,6 @@
-import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
-import { Component } from '../component';
-import { ContextManager } from '../context';
+import { ActionBehavior } from '../actionbehavior';
+import { Easing } from '../data';
+import { ValueOf } from '../types';
 /**
  * Toggles between two layer clips.
  * @zbehavior
@@ -8,96 +8,79 @@ import { ContextManager } from '../context';
  * @zgroup Animation Actions
  */
 export declare class ToggleLayerClips extends ActionBehavior {
-    private zcomponent;
+    private readonly zcomponent;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
+     * @default true
+     */
+    isA: boolean;
+    /**
+     * @zui
      * @zvalues layerclipids
      */
-    layerClipA: string | undefined;
+    layerClipA?: string;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
+     * @zui
      * @zvalues layerids
      */
-    layerOffA: string | undefined;
+    layerOffA?: string;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
+     * @zui
      * @zvalues layerclipids
      */
-    layerClipB: string | undefined;
+    layerClipB?: string;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
+     * @zui
      * @zvalues layerids
      */
-    layerOffB: string | undefined;
+    layerOffB?: string;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
-     * @zdefault false
+     * @default false
+     * @zui
      */
-    loop?: boolean;
+    loop: boolean;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
-     * @zdefault 1
+     * @default 1
+     * @zui
      */
-    speed?: number;
+    speed: number;
     /**
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
-     * @zdefault false
+     * @default false
+     * @zui
      */
     queue: boolean;
     /**
-     * Seek the clip to the start before playing
-     *
-     * @zprop
-     * @zgroup Play Settings
-     * @zgrouppriority 20
-     * @zdefault false
+     * Seek the clip to the start before playing.
+     * @default false
+     * @zui
      */
     fromStart: boolean;
     /**
-     * @zprop
-     * @zgroup Override Fade
-     * @zgrouppriority 10
+     * @zui
      * @ztype time-milliseconds
      */
     fadeTime?: number;
     /**
-     * @zprop
-     * @zgroup Override Fade
-     * @zgrouppriority 10
-     * @zdefault 0
+     * @zui
      */
-    pin?: Pin | number;
+    pin?: PinValue | number;
     /**
-     * @zprop
-     * @zgroup Override Fade
-     * @zgrouppriority 10
-     * @zdefault 0
+     * @default "linear"
+     * @zui
      * @zvalues easings
      */
-    easing?: string;
-    isA: boolean;
-    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
-    /** @zprop */
+    easing: Easing;
+    /**
+     * @zui
+     */
     perform(): void;
-    /** @zui */
+    /**
+     * @zui
+     */
     preview(): void;
 }
-export declare enum Pin {
-    Start = 0,
-    Middle = 0.5,
-    End = 1
-}
+export declare const Pin: {
+    readonly Start: 0;
+    readonly Middle: 0.5;
+    readonly End: 1;
+};
+export type PinValue = ValueOf<typeof Pin>;