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

package/lib/behaviors/PlayLayerClip.js

@@ -1,65 +1,219 @@
+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';
+const playSettingsGroup = {
+    name: 'Play Settings',
+    priority: 20,
+};
+const overrideFadeGroup = {
+    name: 'Override Fade',
+    priority: 10,
+};
 /**
  * Behavior to play a specified layer clip animation.
  * @zbehavior
  * @zicon play_circle
  * @zgroup Animation Actions
  */
-export class PlayLayerClip extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
-        this.zcomponent = this.getZComponentInstance();
+let PlayLayerClip = (() => {
+    let _classDecorators = [zBehavior({ runAtDesignTime: true, icon: 'play_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 _loop_decorators;
+    let _loop_initializers = [];
+    let _loop_extraInitializers = [];
+    let _speed_decorators;
+    let _speed_initializers = [];
+    let _speed_extraInitializers = [];
+    let _queue_decorators;
+    let _queue_initializers = [];
+    let _queue_extraInitializers = [];
+    let _fromStart_decorators;
+    let _fromStart_initializers = [];
+    let _fromStart_extraInitializers = [];
+    let _fadeTime_decorators;
+    let _fadeTime_initializers = [];
+    let _fadeTime_extraInitializers = [];
+    let _pin_decorators;
+    let _pin_initializers = [];
+    let _pin_extraInitializers = [];
+    let _easing_decorators;
+    let _easing_initializers = [];
+    let _easing_extraInitializers = [];
+    let _preview_decorators;
+    var PlayLayerClip = 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({ group: playSettingsGroup, values: 'layerclipids' })];
+            _loop_decorators = [zUI({ group: playSettingsGroup })];
+            _speed_decorators = [zUI({ group: playSettingsGroup })];
+            _queue_decorators = [zUI({ group: playSettingsGroup })];
+            _fromStart_decorators = [zUI({ group: playSettingsGroup })];
+            _fadeTime_decorators = [zUI({ group: overrideFadeGroup, type: 'time-milliseconds' })];
+            _pin_decorators = [zUI({ group: overrideFadeGroup })];
+            _easing_decorators = [zUI({ group: overrideFadeGroup, values: 'easings' })];
+            _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, null, _loop_decorators, { kind: "field", name: "loop", static: false, private: false, access: { has: obj => "loop" in obj, get: obj => obj.loop, set: (obj, value) => { obj.loop = value; } }, metadata: _metadata }, _loop_initializers, _loop_extraInitializers);
+            __esDecorate(null, null, _speed_decorators, { kind: "field", name: "speed", static: false, private: false, access: { has: obj => "speed" in obj, get: obj => obj.speed, set: (obj, value) => { obj.speed = value; } }, metadata: _metadata }, _speed_initializers, _speed_extraInitializers);
+            __esDecorate(null, null, _queue_decorators, { kind: "field", name: "queue", static: false, private: false, access: { has: obj => "queue" in obj, get: obj => obj.queue, set: (obj, value) => { obj.queue = value; } }, metadata: _metadata }, _queue_initializers, _queue_extraInitializers);
+            __esDecorate(null, null, _fromStart_decorators, { kind: "field", name: "fromStart", static: false, private: false, access: { has: obj => "fromStart" in obj, get: obj => obj.fromStart, set: (obj, value) => { obj.fromStart = value; } }, metadata: _metadata }, _fromStart_initializers, _fromStart_extraInitializers);
+            __esDecorate(null, null, _fadeTime_decorators, { kind: "field", name: "fadeTime", static: false, private: false, access: { has: obj => "fadeTime" in obj, get: obj => obj.fadeTime, set: (obj, value) => { obj.fadeTime = value; } }, metadata: _metadata }, _fadeTime_initializers, _fadeTime_extraInitializers);
+            __esDecorate(null, null, _pin_decorators, { kind: "field", name: "pin", static: false, private: false, access: { has: obj => "pin" in obj, get: obj => obj.pin, set: (obj, value) => { obj.pin = value; } }, metadata: _metadata }, _pin_initializers, _pin_extraInitializers);
+            __esDecorate(null, null, _easing_decorators, { kind: "field", name: "easing", static: false, private: false, access: { has: obj => "easing" in obj, get: obj => obj.easing, set: (obj, value) => { obj.easing = value; } }, metadata: _metadata }, _easing_initializers, _easing_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PlayLayerClip = _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 played.
+         * @zui
+         * @zgroup Play Settings
+         * @zgrouppriority 20
+         * @zvalues layerclipids
+         */
+        layerClip = __runInitializers(this, _layerClip_initializers, void 0);
+        /**
+         * Whether the layer clip should loop.
+         *
+         * @default false
+         * @default false
+         * @zui
+         * @zgroup Play Settings
+         * @zgrouppriority 20
+         */
+        loop = (__runInitializers(this, _layerClip_extraInitializers), __runInitializers(this, _loop_initializers, false));
+        /**
+         * The playback speed of the layer clip.
+         *
+         * @default 1
+         * @default 1
+         * @zui
+         * @zgroup Play Settings
+         * @zgrouppriority 20
+         */
+        speed = (__runInitializers(this, _loop_extraInitializers), __runInitializers(this, _speed_initializers, 1));
         /**
          * Whether to queue the layer clip in the animation sequence.
-         * @zprop
+         * @default false
+         * @zui
          * @zgroup Play Settings
          * @zgrouppriority 20
-         * @zdefault false
          */
-        this.queue = false;
+        queue = (__runInitializers(this, _speed_extraInitializers), __runInitializers(this, _queue_initializers, false));
         /**
          * Whether to seek the layer clip to the start before playing.
-         *
-         * @zprop
+         * @default false
+         * @zui
          * @zgroup Play Settings
          * @zgrouppriority 20
-         * @zdefault false
          */
-        this.fromStart = false;
-    }
-    /** @zprop */
-    perform() {
-        if (!this.layerClip)
-            return;
-        const layerclip = this.zcomponent.animation.layerClipByID.get(this.layerClip);
-        if (!layerclip)
-            return;
-        const opts = {
-            loop: this.loop,
-            speed: this.speed,
-            fade: {
-                time: this.fadeTime,
-                pin: this.pin,
-                easing: this.easing,
-            },
-        };
-        if (this.fromStart ?? false)
-            layerclip.seek(0, { dontActivateLayer: true });
-        if (this.queue ?? false)
-            layerclip.queue(opts);
-        else
-            layerclip.play(opts);
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
-export var Pin;
-(function (Pin) {
-    Pin[Pin["Start"] = 0] = "Start";
-    Pin[Pin["Middle"] = 0.5] = "Middle";
-    Pin[Pin["End"] = 1] = "End";
-})(Pin || (Pin = {}));
-registerBehaviorRunAtDesignTime(PlayLayerClip);
+        fromStart = (__runInitializers(this, _queue_extraInitializers), __runInitializers(this, _fromStart_initializers, false));
+        /**
+         * Override time for the fade transition.
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         * @ztype time-milliseconds
+         */
+        fadeTime = (__runInitializers(this, _fromStart_extraInitializers), __runInitializers(this, _fadeTime_initializers, void 0));
+        /**
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         */
+        pin = (__runInitializers(this, _fadeTime_extraInitializers), __runInitializers(this, _pin_initializers, void 0));
+        /**
+         * @default "linear"
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         * @zvalues easings
+         */
+        easing = (__runInitializers(this, _pin_extraInitializers), __runInitializers(this, _easing_initializers, 'linear'));
+        perform() {
+            if (!this.layerClip)
+                return;
+            const layerclip = this.zcomponent.animation.layerClipByID.get(this.layerClip);
+            if (!layerclip)
+                return;
+            const opts = {
+                loop: this.loop,
+                speed: this.speed,
+                fade: {
+                    time: this.fadeTime,
+                    pin: this.pin,
+                    easing: this.easing,
+                },
+            };
+            if (this.fromStart ?? false)
+                layerclip.seek(0, { dontActivateLayer: true });
+            if (this.queue ?? false)
+                layerclip.queue(opts);
+            else
+                layerclip.play(opts);
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _easing_extraInitializers);
+        }
+    };
+    return PlayLayerClip = _classThis;
+})();
+export { PlayLayerClip };
+export const Pin = {
+    Start: 0,
+    Middle: 0.5,
+    End: 1,
+};
+Object.freeze(Pin);

package/lib/behaviors/PlaySound.d.ts

@@ -1,52 +1,46 @@
 import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
 import { Component } from '../component';
+import { AudioConstructorProps } from '../components/Audio';
 import { ContextManager } from '../context';
-import { Observable } from '../observable';
-export interface PlaySoundProps extends ActionBehaviorConstructorProps {
-    /** @zprop
-     * @zvalues files *.+(mp3|wav)
-     */
-    source: string;
-    /**
-     * @zprop
-     * @zdefault default
-     */
-    audioLayer?: string;
+export interface PlaySoundProps extends Omit<AudioConstructorProps, 'autoplay'>, ActionBehaviorConstructorProps {
 }
 /**
  * Plays a sound
- *
  * @zbehavior
  * @zicon volume_up
  * @zgroup Actions
  */
 export declare class PlaySound extends ActionBehavior<PlaySoundProps> {
-    /** @zprop
-     * @zdefault false
+    private readonly _component;
+    /**
+     * Whether the sound should loop
+     * @default false
+     * @zui
      * @zgroup Audio
      * @zgrouppriority 20
      */
-    muted: Observable<boolean>;
+    muted: boolean;
     /**
-     * @zprop
-     * @ztype proportion
+     * The audio layer to play the sound on
+     * @default 1
+     * @zui
      * @zgroup Audio
      * @zgrouppriority 20
-     * @zdefault 1
      */
-    volume: Observable<number>;
+    volume: number;
     /**
-     * @zprop
+     * The speed of the sound
+     * @default 1
+     * @zui
      * @zgroup Audio
      * @zgrouppriority 20
-     * @zdefault 1
      */
-    speed: Observable<number, never>;
-    private _component;
+    speed: number;
     constructor(contextManager: ContextManager, instance: Component, props: PlaySoundProps);
-    /** @zprop */
     perform(): void;
-    /** @zui */
+    /**
+     * @zui
+     */
     preview(): void;
     dispose(): never;
 }

package/lib/behaviors/PlaySound.js

@@ -1,40 +1,134 @@
+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 { Audio } from '../components/Audio';
-import { Observable } from '../observable';
+import { zBehavior, zObserve, zUI } from '../decorators';
+import { BehaviorGroups } from '../groups';
+const audioGroup = {
+    name: 'Audio',
+    priority: 20,
+};
 /**
  * Plays a sound
- *
  * @zbehavior
  * @zicon volume_up
  * @zgroup Actions
  */
-export class PlaySound extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
+let PlaySound = (() => {
+    let _classDecorators = [zBehavior({ icon: 'volume_up', group: BehaviorGroups.Actions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _muted_decorators;
+    let _muted_initializers = [];
+    let _muted_extraInitializers = [];
+    let _volume_decorators;
+    let _volume_initializers = [];
+    let _volume_extraInitializers = [];
+    let _speed_decorators;
+    let _speed_initializers = [];
+    let _speed_extraInitializers = [];
+    let _preview_decorators;
+    var PlaySound = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _muted_decorators = [zUI({ group: audioGroup }), zObserve((v, instance) => {
+                    instance._component.muted = v;
+                })];
+            _volume_decorators = [zUI({ group: audioGroup }), zObserve((v, instance) => {
+                    instance._component.volume = v;
+                })];
+            _speed_decorators = [zUI({ group: audioGroup })];
+            _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, _muted_decorators, { kind: "field", name: "muted", static: false, private: false, access: { has: obj => "muted" in obj, get: obj => obj.muted, set: (obj, value) => { obj.muted = value; } }, metadata: _metadata }, _muted_initializers, _muted_extraInitializers);
+            __esDecorate(null, null, _volume_decorators, { kind: "field", name: "volume", static: false, private: false, access: { has: obj => "volume" in obj, get: obj => obj.volume, set: (obj, value) => { obj.volume = value; } }, metadata: _metadata }, _volume_initializers, _volume_extraInitializers);
+            __esDecorate(null, null, _speed_decorators, { kind: "field", name: "speed", static: false, private: false, access: { has: obj => "speed" in obj, get: obj => obj.speed, set: (obj, value) => { obj.speed = value; } }, metadata: _metadata }, _speed_initializers, _speed_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PlaySound = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        _component = __runInitializers(this, _instanceExtraInitializers);
         /**
-         * @zprop
+         * Whether the sound should loop
+         * @default false
+         * @zui
          * @zgroup Audio
          * @zgrouppriority 20
-         * @zdefault 1
          */
-        this.speed = new Observable(1);
-        this._component = new Audio(contextManager, props);
-        this.muted = this._component.muted;
-        this.volume = this._component.volume;
-    }
-    /** @zprop */
-    perform() {
-        this._component.seek(0);
-        this._component.play({ speed: this.speed.value });
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-    dispose() {
-        this._component.dispose();
-        return super.dispose();
-    }
-}
-registerBehaviorRunAtDesignTime(PlaySound);
+        muted = __runInitializers(this, _muted_initializers, false);
+        /**
+         * The audio layer to play the sound on
+         * @default 1
+         * @zui
+         * @zgroup Audio
+         * @zgrouppriority 20
+         */
+        volume = (__runInitializers(this, _muted_extraInitializers), __runInitializers(this, _volume_initializers, 1));
+        /**
+         * The speed of the sound
+         * @default 1
+         * @zui
+         * @zgroup Audio
+         * @zgrouppriority 20
+         */
+        speed = (__runInitializers(this, _volume_extraInitializers), __runInitializers(this, _speed_initializers, 1));
+        constructor(contextManager, instance, props) {
+            super(contextManager, instance, props);
+            __runInitializers(this, _speed_extraInitializers);
+            this._component = new Audio(contextManager, props);
+        }
+        perform() {
+            this._component.seek(0);
+            this._component.play({ speed: this.speed });
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        dispose() {
+            this._component.dispose();
+            return super.dispose();
+        }
+    };
+    return PlaySound = _classThis;
+})();
+export { PlaySound };

package/lib/behaviors/SetLayerOff.d.ts

@@ -1,6 +1,4 @@
-import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
-import { Component } from '../component';
-import { ContextManager } from '../context';
+import { ActionBehavior } from '../actionbehavior';
 /**
  * Deactivates a layer
  * @zbehavior
@@ -8,15 +6,15 @@ import { ContextManager } from '../context';
  * @zgroup Animation Actions
  */
 export declare class SetLayerOff extends ActionBehavior {
-    private zcomponent;
+    private readonly zcomponent;
     /**
-     * @zprop
+     * @zui
      * @zvalues layerids
      */
-    layer: string | undefined;
-    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
-    /** @zprop */
+    layer?: string;
     perform(): void;
-    /** @zui */
+    /**
+     * @zui
+     */
     preview(): void;
 }

package/lib/behaviors/SetLayerOff.js

@@ -1,28 +1,95 @@
+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';
 /**
  * Deactivates a layer
  * @zbehavior
  * @zicon toggle_off
  * @zgroup Animation Actions
  */
-export class SetLayerOff extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
-        this.zcomponent = this.getZComponentInstance();
-    }
-    /** @zprop */
-    perform() {
-        if (!this.layer)
-            return;
-        const layer = this.zcomponent.animation.layerByID.get(this.layer);
-        if (!layer)
-            return;
-        layer.active = null;
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
-registerBehaviorRunAtDesignTime(SetLayerOff);
+let SetLayerOff = (() => {
+    let _classDecorators = [zBehavior({ icon: 'toggle_off', group: BehaviorGroups.AnimationActions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _layer_decorators;
+    let _layer_initializers = [];
+    let _layer_extraInitializers = [];
+    let _preview_decorators;
+    var SetLayerOff = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _layer_decorators = [zUI({ values: 'layerids' })];
+            _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, _layer_decorators, { kind: "field", name: "layer", static: false, private: false, access: { has: obj => "layer" in obj, get: obj => obj.layer, set: (obj, value) => { obj.layer = value; } }, metadata: _metadata }, _layer_initializers, _layer_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SetLayerOff = _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());
+        /**
+         * @zui
+         * @zvalues layerids
+         */
+        layer = __runInitializers(this, _layer_initializers, void 0);
+        perform() {
+            if (!this.layer)
+                return;
+            const layer = this.zcomponent.animation.layerByID.get(this.layer);
+            if (!layer)
+                return;
+            layer.active = null;
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _layer_extraInitializers);
+        }
+    };
+    return SetLayerOff = _classThis;
+})();
+export { SetLayerOff };