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

package/lib/behaviors/ShareSnapshot.d.ts

@@ -1,22 +1,18 @@
-import { ActionBehaviorConstructorProps, ActionBehavior } from '../actionbehavior';
-import { Component } from '../component';
-import { ContextManager } from '../context';
+import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
 import { Event } from '../event';
 export type ShareCanvasProps = ActionBehaviorConstructorProps;
 /**
  * Shares the captured canvas using the Web Share API.
- *
  * @zbehavior
  * @zicon share
  * @zgroup Actions
  */
 export declare class ShareSnapshot extends ActionBehavior<ShareCanvasProps> {
-    /** @zui */
-    onShare: Event<[]>;
-    constructor(contextManager: ContextManager, instance: Component, props: ShareCanvasProps);
-    /** @zprop */
+    readonly onShare: Event<[]>;
     perform(): void;
     private share;
-    /** @zui */
+    /**
+     * @zui
+     */
     preview(): void;
 }

package/lib/behaviors/ShareSnapshot.js

@@ -1,19 +1,72 @@
+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 { SnapshotContext } from '../contexts/snapshotContext';
+import { zBehavior, zUI } from '../decorators';
 import { Event } from '../event';
+import { BehaviorGroups } from '../groups';
 /**
  * Shares the captured canvas using the Web Share API.
- *
  * @zbehavior
  * @zicon share
  * @zgroup Actions
  */
-export class ShareSnapshot extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
-        /** @zui */
-        this.onShare = new Event();
-        this.share = async () => {
+let ShareSnapshot = (() => {
+    let _classDecorators = [zBehavior({ icon: 'share', group: BehaviorGroups.Actions })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _preview_decorators;
+    var ShareSnapshot = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ShareSnapshot = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        onShare = (__runInitializers(this, _instanceExtraInitializers), new Event());
+        perform() {
+            this.share();
+        }
+        share = async () => {
             const sctx = this.contextManager.get(SnapshotContext);
             const snapshotContext = this.contextManager.get(SnapshotContext);
             if (sctx.shareAPISupported.value === false) {
@@ -32,13 +85,13 @@ export class ShareSnapshot extends ActionBehavior {
                 console.error('Error - Sharing', err);
             }
         };
-    }
-    /** @zprop */
-    perform() {
-        this.share();
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+    };
+    return ShareSnapshot = _classThis;
+})();
+export { ShareSnapshot };

package/lib/behaviors/ShowTextAlert.d.ts

@@ -1,8 +1,6 @@
 import { ActionBehavior } from '../actionbehavior';
-import { Observable } from '../observable';
 /**
  * Displays a pop-up text alert on screen.
- *
  * @zbehavior
  * @zicon sms
  * @zgroup Actions
@@ -10,56 +8,45 @@ import { Observable } from '../observable';
 export declare class ShowTextAlert extends ActionBehavior {
     /**
      * The text to show in the alert
-     * @zprop
-     * @zgroup ShowTextAlert
-     * @zgrouppriority 20
+     * @default ""
      */
-    text: Observable<string, never>;
+    text: string;
     /**
      * The time (in milliseconds) that the text alert should remain on screen
-     *
-     * @zprop
-     * @zgroup Appearance
-     * @zgrouppriority 10
-     * @zdefault 3000
+     * @default 3000
+     * @zui
      * @ztype time-milliseconds
      */
-    timeout: Observable<number, never>;
+    timeout: number;
     /**
      * The color of the background of the text alert
-     *
-     * @zprop
+     * @default "#000000"
+     * @zui
      * @zgroup Appearance
      * @zgrouppriority 10
-     * @zdefault black
      * @ztype color-hex
      */
-    backgroundColor: Observable<string, never>;
+    backgroundColor: string;
     /**
      * The color of the text of the text alert
-     *
-     * @zprop
+     * @default "#ffffff"
+     * @zui
      * @zgroup Appearance
      * @zgrouppriority 10
-     * @zdefault #ffffff
      * @ztype color-hex
      */
-    textColor: Observable<string, never>;
+    textColor: string;
     /**
      * Additional CSS class names to add to the alert DOM element
-     *
-     * @zprop
+     * @default []
+     * @zui
      * @zgroup Appearance
      * @zgrouppriority 10
-     * @zdefault []
      */
-    classNames: Observable<string[], never>;
+    classNames: string[];
+    perform(): void;
     /**
-     * How long the alert will apear on the screen
-     *
-     * @zprop
+     * @zui
      */
-    perform(): void;
-    /** @zui */
     preview(): void;
 }

package/lib/behaviors/ShowTextAlert.js

@@ -1,80 +1,148 @@
+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 { showTextAlert } from '../contexts/textalertcontext';
-import { Observable } from '../observable';
+import { zBehavior, zUI } from '../decorators';
+import { BehaviorGroups, PropGroups } from '../groups';
 /**
  * Displays a pop-up text alert on screen.
- *
  * @zbehavior
  * @zicon sms
  * @zgroup Actions
  */
-export class ShowTextAlert extends ActionBehavior {
-    constructor() {
-        super(...arguments);
+let ShowTextAlert = (() => {
+    let _classDecorators = [zBehavior({ icon: 'sms', group: BehaviorGroups.Actions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _text_decorators;
+    let _text_initializers = [];
+    let _text_extraInitializers = [];
+    let _timeout_decorators;
+    let _timeout_initializers = [];
+    let _timeout_extraInitializers = [];
+    let _backgroundColor_decorators;
+    let _backgroundColor_initializers = [];
+    let _backgroundColor_extraInitializers = [];
+    let _textColor_decorators;
+    let _textColor_initializers = [];
+    let _textColor_extraInitializers = [];
+    let _classNames_decorators;
+    let _classNames_initializers = [];
+    let _classNames_extraInitializers = [];
+    let _preview_decorators;
+    var ShowTextAlert = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _text_decorators = [zUI()];
+            _timeout_decorators = [zUI({ type: 'time-milliseconds' })];
+            _backgroundColor_decorators = [zUI({ group: PropGroups.Appearance, type: 'color-hex' })];
+            _textColor_decorators = [zUI({ group: PropGroups.Appearance, type: 'color-hex' })];
+            _classNames_decorators = [zUI({ group: PropGroups.Appearance })];
+            _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, _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, _timeout_decorators, { kind: "field", name: "timeout", static: false, private: false, access: { has: obj => "timeout" in obj, get: obj => obj.timeout, set: (obj, value) => { obj.timeout = value; } }, metadata: _metadata }, _timeout_initializers, _timeout_extraInitializers);
+            __esDecorate(null, null, _backgroundColor_decorators, { kind: "field", name: "backgroundColor", static: false, private: false, access: { has: obj => "backgroundColor" in obj, get: obj => obj.backgroundColor, set: (obj, value) => { obj.backgroundColor = value; } }, metadata: _metadata }, _backgroundColor_initializers, _backgroundColor_extraInitializers);
+            __esDecorate(null, null, _textColor_decorators, { kind: "field", name: "textColor", static: false, private: false, access: { has: obj => "textColor" in obj, get: obj => obj.textColor, set: (obj, value) => { obj.textColor = value; } }, metadata: _metadata }, _textColor_initializers, _textColor_extraInitializers);
+            __esDecorate(null, null, _classNames_decorators, { kind: "field", name: "classNames", static: false, private: false, access: { has: obj => "classNames" in obj, get: obj => obj.classNames, set: (obj, value) => { obj.classNames = value; } }, metadata: _metadata }, _classNames_initializers, _classNames_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ShowTextAlert = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         /**
          * The text to show in the alert
-         * @zprop
-         * @zgroup ShowTextAlert
-         * @zgrouppriority 20
+         * @default ""
          */
-        this.text = new Observable('');
+        text = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _text_initializers, ''));
         /**
          * The time (in milliseconds) that the text alert should remain on screen
-         *
-         * @zprop
-         * @zgroup Appearance
-         * @zgrouppriority 10
-         * @zdefault 3000
+         * @default 3000
+         * @zui
          * @ztype time-milliseconds
          */
-        this.timeout = new Observable(3000);
+        timeout = (__runInitializers(this, _text_extraInitializers), __runInitializers(this, _timeout_initializers, 3000));
         /**
          * The color of the background of the text alert
-         *
-         * @zprop
+         * @default "#000000"
+         * @zui
          * @zgroup Appearance
          * @zgrouppriority 10
-         * @zdefault black
          * @ztype color-hex
          */
-        this.backgroundColor = new Observable('#000000');
+        backgroundColor = (__runInitializers(this, _timeout_extraInitializers), __runInitializers(this, _backgroundColor_initializers, '#000000'));
         /**
          * The color of the text of the text alert
-         *
-         * @zprop
+         * @default "#ffffff"
+         * @zui
          * @zgroup Appearance
          * @zgrouppriority 10
-         * @zdefault #ffffff
          * @ztype color-hex
          */
-        this.textColor = new Observable('#ffffff');
+        textColor = (__runInitializers(this, _backgroundColor_extraInitializers), __runInitializers(this, _textColor_initializers, '#ffffff'));
         /**
          * Additional CSS class names to add to the alert DOM element
-         *
-         * @zprop
+         * @default []
+         * @zui
          * @zgroup Appearance
          * @zgrouppriority 10
-         * @zdefault []
          */
-        this.classNames = new Observable([]);
-    }
-    /**
-     * How long the alert will apear on the screen
-     *
-     * @zprop
-     */
-    perform() {
-        showTextAlert(this.contextManager, this.text.value, {
-            backgroundColor: this.backgroundColor.value,
-            textColor: this.textColor.value,
-            classNames: this.classNames.value,
-            timeout: this.timeout.value,
-        });
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
-registerBehaviorRunAtDesignTime(ShowTextAlert);
+        classNames = (__runInitializers(this, _textColor_extraInitializers), __runInitializers(this, _classNames_initializers, []));
+        perform() {
+            showTextAlert(this.contextManager, this.text, {
+                backgroundColor: this.backgroundColor,
+                textColor: this.textColor,
+                classNames: this.classNames,
+                timeout: this.timeout,
+            });
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _classNames_extraInitializers);
+        }
+    };
+    return ShowTextAlert = _classThis;
+})();
+export { ShowTextAlert };

package/lib/behaviors/TakeSnapshot.d.ts

@@ -1,54 +1,50 @@
 import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
-import { Component } from '../component';
-import { ContextManager } from '../context';
-import { Observable } from '../observable';
-export declare enum ImageFormat {
-    PNG = "png",
-    JPEG = "jpeg"
-}
+import { ValueOf } from '../types';
+export declare const ImageFormat: {
+    readonly PNG: "png";
+    readonly JPEG: "jpeg";
+};
 /**
  * Captures the canvas as an image.
  * This image can then be shared or downloaded using other behaviors.
- *
  * @zbehavior
  * @zicon photo_camera
  * @zgroup Actions
  */
 export declare class TakeSnapshot extends ActionBehavior<ActionBehaviorConstructorProps> {
-    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
+    /**
+     * @default ""
+     */
+    private _dataUrl;
     /**
      * The format of the image to capture.
-     * @zprop
-     * @zdefault jpeg
+     * @default "jpeg"
      */
-    format: Observable<ImageFormat, never>;
+    format: ValueOf<typeof ImageFormat>;
     /**
      * The quality of the image to capture.
-     * @zprop
-     * @zdefault 0.92
+     * @default 0.92
      */
-    quality: Observable<number, never>;
+    quality: number;
     /**
      * The name of the file to download.
-     * @zprop
-     * @zdefault canvas
+     * @default "canvas"
      */
-    fileName: Observable<string, never>;
+    fileName: string;
     /**
      * The text to share.
-     * @zprop
-     * @zdefault ''
+     * @default ""
      */
-    text: Observable<string, never>;
+    text: string;
     /**
      * The title to share.
-     * @zprop
-     * @zdefault ''
+     * @default ""
      */
-    title: Observable<string, never>;
-    private dataUrl;
-    /** @zprop */
+    title: string;
     perform(): void;
     private capture;
+    /**
+     * @zui
+     */
     preview(): void;
 }