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

package/lib/behaviors/LaunchURL.js

@@ -1,19 +1,101 @@
+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 { zBehavior, zUI } from '../decorators';
+import { BehaviorGroups } from '../groups';
 /**
  * Navigates the user to the provided URL.
  *
  * **Important Note**: Safari on iOS will not open URLs in new tabs for pointer events except `onPointerUp`.
- *
  * @zbehavior
  * @zicon open_in_new
  * @zgroup Actions
  */
-export class LaunchURL extends ActionBehavior {
-    /** @zprop */
-    perform() {
-        if (this.openInNew ?? true)
-            window.open(this.url, '_blank', 'noopener noreferrer');
-        else
-            window.location.href = this.url;
-    }
-}
+let LaunchURL = (() => {
+    let _classDecorators = [zBehavior({ icon: 'open_in_new', group: BehaviorGroups.Actions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _url_decorators;
+    let _url_initializers = [];
+    let _url_extraInitializers = [];
+    let _openInNew_decorators;
+    let _openInNew_initializers = [];
+    let _openInNew_extraInitializers = [];
+    let _perform_decorators;
+    var LaunchURL = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _url_decorators = [zUI()];
+            _openInNew_decorators = [zUI()];
+            _perform_decorators = [zUI()];
+            __esDecorate(this, null, _perform_decorators, { kind: "method", name: "perform", static: false, private: false, access: { has: obj => "perform" in obj, get: obj => obj.perform }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _url_decorators, { kind: "field", name: "url", static: false, private: false, access: { has: obj => "url" in obj, get: obj => obj.url, set: (obj, value) => { obj.url = value; } }, metadata: _metadata }, _url_initializers, _url_extraInitializers);
+            __esDecorate(null, null, _openInNew_decorators, { kind: "field", name: "openInNew", static: false, private: false, access: { has: obj => "openInNew" in obj, get: obj => obj.openInNew, set: (obj, value) => { obj.openInNew = value; } }, metadata: _metadata }, _openInNew_initializers, _openInNew_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            LaunchURL = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * The URL to open
+         * @default "https://www.example.com/"
+         */
+        url = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _url_initializers, 'https://www.example.com/'));
+        /**
+         * If true, the URL will be opened in a new tab (using target '_blank')
+         * @default true
+         */
+        openInNew = (__runInitializers(this, _url_extraInitializers), __runInitializers(this, _openInNew_initializers, true));
+        /**
+         * @zui
+         */
+        perform() {
+            if (this.openInNew ?? true)
+                window.open(this.url, '_blank', 'noopener noreferrer');
+            else
+                window.location.href = this.url;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _openInNew_extraInitializers);
+        }
+    };
+    return LaunchURL = _classThis;
+})();
+export { LaunchURL };

package/lib/behaviors/LogAnalyticsEvent.d.ts

@@ -3,16 +3,22 @@ import { ActionBehavior } from '../actionbehavior';
  * Logs an event through the currently configured analytics provider(s).
  *
  * Note: you must have added an analytics provider to the Hierarchy in one of your components for this behavior to have any effect.
- *
  * @zbehavior
  * @zicon analytics
  * @zgroup Actions
  */
 export declare class LogAnalyticsEvent extends ActionBehavior {
-    /** @zprop */
+    /**
+     * The name of the event to log
+     * @default ""
+     */
     name: string;
-    /** @zprop */
+    /**
+     * The parameters to log with the event
+     */
     params: any;
-    /** @zprop */
+    /**
+     * @zui
+     */
     perform(): void;
 }

package/lib/behaviors/LogAnalyticsEvent.js

@@ -1,17 +1,98 @@
+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 { logEvent } from '../contexts/analyticscontext';
+import { zBehavior, zUI } from '../decorators';
+import { BehaviorGroups } from '../groups';
 /**
  * Logs an event through the currently configured analytics provider(s).
  *
  * Note: you must have added an analytics provider to the Hierarchy in one of your components for this behavior to have any effect.
- *
  * @zbehavior
  * @zicon analytics
  * @zgroup Actions
  */
-export class LogAnalyticsEvent extends ActionBehavior {
-    /** @zprop */
-    perform() {
-        logEvent(this.contextManager, this.name, this.params);
-    }
-}
+let LogAnalyticsEvent = (() => {
+    let _classDecorators = [zBehavior({ icon: 'analytics', group: BehaviorGroups.Actions })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _params_decorators;
+    let _params_initializers = [];
+    let _params_extraInitializers = [];
+    let _perform_decorators;
+    var LogAnalyticsEvent = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _name_decorators = [zUI()];
+            _params_decorators = [zUI()];
+            _perform_decorators = [zUI()];
+            __esDecorate(this, null, _perform_decorators, { kind: "method", name: "perform", static: false, private: false, access: { has: obj => "perform" in obj, get: obj => obj.perform }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(null, null, _params_decorators, { kind: "field", name: "params", static: false, private: false, access: { has: obj => "params" in obj, get: obj => obj.params, set: (obj, value) => { obj.params = value; } }, metadata: _metadata }, _params_initializers, _params_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            LogAnalyticsEvent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * The name of the event to log
+         * @default ""
+         */
+        name = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ''));
+        /**
+         * The parameters to log with the event
+         */
+        params = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _params_initializers, void 0));
+        /**
+         * @zui
+         */
+        perform() {
+            logEvent(this.contextManager, this.name, this.params);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _params_extraInitializers);
+        }
+    };
+    return LogAnalyticsEvent = _classThis;
+})();
+export { LogAnalyticsEvent };

package/lib/behaviors/PauseLayerClip.d.ts

@@ -1,6 +1,4 @@
-import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
-import { Component } from '../component';
-import { ContextManager } from '../context';
+import { ActionBehavior } from '../actionbehavior';
 /**
  * Behavior to pause a specific layer clip animation.
  * @zbehavior
@@ -8,16 +6,16 @@ import { ContextManager } from '../context';
  * @zgroup Animation Actions
  */
 export declare class PauseLayerClip extends ActionBehavior {
-    private zcomponent;
+    private readonly zcomponent;
     /**
      * The ID of the layer clip to be paused.
-     * @zprop
+     * @zui
      * @zvalues layerclipids
      */
-    layerClip: string | undefined;
-    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
-    /** @zprop */
+    layerClip?: string;
     perform(): void;
-    /** @zui */
+    /**
+     * @zui
+     */
     preview(): void;
 }

package/lib/behaviors/PauseLayerClip.js

@@ -1,28 +1,96 @@
+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 { zBehavior, zUI } from '../decorators';
+import { BehaviorGroups } from '../groups';
 /**
  * Behavior to pause a specific layer clip animation.
  * @zbehavior
  * @zicon pause_circle
  * @zgroup Animation Actions
  */
-export class PauseLayerClip extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
-        this.zcomponent = this.getZComponentInstance();
-    }
-    /** @zprop */
-    perform() {
-        if (!this.layerClip)
-            return;
-        const layerclip = this.zcomponent.animation.layerClipByID.get(this.layerClip);
-        if (!layerclip)
-            return;
-        layerclip.pause();
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
-registerBehaviorRunAtDesignTime(PauseLayerClip);
+let PauseLayerClip = (() => {
+    let _classDecorators = [zBehavior({ runAtDesignTime: true, icon: 'pause_circle', group: BehaviorGroups.AnimationActions })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _layerClip_decorators;
+    let _layerClip_initializers = [];
+    let _layerClip_extraInitializers = [];
+    let _preview_decorators;
+    var PauseLayerClip = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _layerClip_decorators = [zUI({ values: 'layerclipids' })];
+            _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, _layerClip_decorators, { kind: "field", name: "layerClip", static: false, private: false, access: { has: obj => "layerClip" in obj, get: obj => obj.layerClip, set: (obj, value) => { obj.layerClip = value; } }, metadata: _metadata }, _layerClip_initializers, _layerClip_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PauseLayerClip = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        zcomponent = (__runInitializers(this, _instanceExtraInitializers), this.getZComponentInstance());
+        /**
+         * The ID of the layer clip to be paused.
+         * @zui
+         * @zvalues layerclipids
+         */
+        layerClip = __runInitializers(this, _layerClip_initializers, void 0);
+        perform() {
+            if (!this.layerClip)
+                return;
+            const layerclip = this.zcomponent.animation.layerClipByID.get(this.layerClip);
+            if (!layerclip)
+                return;
+            layerclip.pause();
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _layerClip_extraInitializers);
+        }
+    };
+    return PauseLayerClip = _classThis;
+})();
+export { PauseLayerClip };

package/lib/behaviors/PlayLayerClip.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';
 /**
  * Behavior to play a specified layer clip animation.
  * @zbehavior
@@ -8,10 +8,10 @@ import { ContextManager } from '../context';
  * @zgroup Animation Actions
  */
 export declare class PlayLayerClip extends ActionBehavior {
-    private zcomponent;
+    private readonly zcomponent;
     /**
      * The ID of the layer clip to be played.
-     * @zprop
+     * @zui
      * @zgroup Play Settings
      * @zgrouppriority 20
      * @zvalues layerclipids
@@ -19,68 +19,71 @@ export declare class PlayLayerClip extends ActionBehavior {
     layerClip: string | undefined;
     /**
      * Whether the layer clip should loop.
-     * @zprop
+     *
+     * @default false
+     * @default false
+     * @zui
      * @zgroup Play Settings
      * @zgrouppriority 20
-     * @zdefault false
      */
-    loop?: boolean;
+    loop: boolean;
     /**
      * The playback speed of the layer clip.
-     * @zprop
+     *
+     * @default 1
+     * @default 1
+     * @zui
      * @zgroup Play Settings
      * @zgrouppriority 20
-     * @zdefault 1
      */
-    speed?: number;
+    speed: number;
     /**
      * Whether to queue the layer clip in the animation sequence.
-     * @zprop
+     * @default false
+     * @zui
      * @zgroup Play Settings
      * @zgrouppriority 20
-     * @zdefault false
      */
     queue: boolean;
     /**
      * Whether to seek the layer clip to the start before playing.
-     *
-     * @zprop
+     * @default false
+     * @zui
      * @zgroup Play Settings
      * @zgrouppriority 20
-     * @zdefault false
      */
     fromStart: boolean;
     /**
-     *  Override time for the fade transition.
-     * @zprop
+     * Override time for the fade transition.
+     * @zui
      * @zgroup Override Fade
      * @zgrouppriority 10
      * @ztype time-milliseconds
      */
     fadeTime?: number;
     /**
-     * @zprop
+     * @zui
      * @zgroup Override Fade
      * @zgrouppriority 10
-     * @zdefault 0
      */
-    pin?: Pin | number;
+    pin?: PinValue | number;
     /**
-     * @zprop
+     * @default "linear"
+     * @zui
      * @zgroup Override Fade
      * @zgrouppriority 10
-     * @zdefault 0
      * @zvalues easings
      */
-    easing?: string;
-    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
-    /** @zprop */
+    easing: Easing;
     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>;