@zcomponent/core 1.29.0 → 2.0.0-alpha.2

package/lib/animation/tracks/streamtrack.js

@@ -9,17 +9,43 @@ import { resolveClipTimeLoops, Track } from './track';
  * @param _property The property or array of properties targeted by the stream.
  */
 export class StreamTrack extends Track {
+    animation;
+    _entity;
+    _property;
+    _stream;
+    /**
+     * @default []
+     */
+    _entities = [];
+    /**
+     * @default {}
+     */
+    _entitiesById = {};
+    /**
+     * @default false
+     */
+    _entitiesDirty = false;
+    /**
+     * @default []
+     */
+    _weights = [];
+    /**
+     * @default {}
+     */
+    _weightsById = {};
+    /**
+     * @default false
+     */
+    _weightsDirty = false;
+    _lastTick;
+    _lastLoopNumber;
+    _lastState;
+    _lastRate;
     constructor(animation, _entity, _property) {
         super(animation);
         this.animation = animation;
         this._entity = _entity;
         this._property = _property;
-        this._entities = [];
-        this._entitiesById = {};
-        this._entitiesDirty = false;
-        this._weights = [];
-        this._weightsById = {};
-        this._weightsDirty = false;
     }
     /**
      * Getter for the list of paths influenced by the track.

package/lib/animation/tracks/track.d.ts

@@ -54,7 +54,10 @@ export declare function resolveKeyframeValue(t: number, before: Keyframe, after:
  * @param t The time for which to find the keyframes.
  * @returns A tuple containing the keyframes before and after the given time.
  */
-export declare function resolveKeyframes(keyframes: Keyframe[], t: number): [before: Keyframe | undefined, after: Keyframe | undefined];
+export declare function resolveKeyframes(keyframes: Keyframe[], t: number): [
+    before: Keyframe | undefined,
+    after: Keyframe | undefined
+];
 /**
  * Resolves the clip time and loop number for a given time within a clip.
  *
@@ -67,4 +70,7 @@ export declare function resolveKeyframes(keyframes: Keyframe[], t: number): [bef
  * @param t1 Optional end time of the clip.
  * @returns A tuple containing the resolved clip time and loop number.
  */
-export declare function resolveClipTimeLoops(t: number, t0: number, s0: number, rate: number, length: number, timeBackwards: boolean, t1?: number): [ct: number, loop: number];
+export declare function resolveClipTimeLoops(t: number, t0: number, s0: number, rate: number, length: number, timeBackwards: boolean, t1?: number): [
+    ct: number,
+    loop: number
+];

package/lib/animation/tracks/track.js

@@ -9,10 +9,11 @@ import { interpolate } from '../interpolate';
  * @param id Optional unique identifier for the track.
  */
 export class Track {
+    id;
+    /** @internal */
+    influencedPathsDirty = new Observable(false);
     constructor(anim, id) {
         this.id = id;
-        /** @internal */
-        this.influencedPathsDirty = new Observable(false);
         if (id)
             anim.trackByID.set(id, this);
     }

package/lib/behavior.js

@@ -1,4 +1,5 @@
 import { Entity } from './entity';
+import { notify } from './observe';
 /**
  * Base class for all behaviors.
  *
@@ -9,6 +10,7 @@ import { Entity } from './entity';
  * @link [custom-behaviors](https://docs.zap.works/mattercraft/scripting/custom-behaviors/)
  */
 export class Behavior extends Entity {
+    instance;
     /**
      * Constructs this behavior
      *
@@ -18,18 +20,19 @@ export class Behavior extends Entity {
     constructor(contextManager, instance) {
         super(contextManager);
         this.instance = instance;
-        this._updateEnabledResolved = () => {
-            let newValue = this.enabled.value;
-            if (this.instance.enabledResolved?.value === false)
-                newValue = false;
-            if (newValue !== this.enabledResolved.value) {
-                this.enabledResolved.value = newValue;
-            }
-        };
         instance.addBehavior(this);
-        this.register(this.enabled, this._updateEnabledResolved, { bindWhenDisabled: true });
-        this.register(instance.enabledResolved, this._updateEnabledResolved, { bindWhenDisabled: true });
+        this.observe(this, 'enabled', this._updateEnabledResolved, { bindWhenDisabled: true });
+        this.observe(instance, 'enabledResolved', this._updateEnabledResolved, { bindWhenDisabled: true });
     }
+    _updateEnabledResolved = () => {
+        let newValue = this.enabled;
+        if (this.instance.enabledResolved === false)
+            newValue = false;
+        if (newValue !== this.enabledResolved) {
+            this._enabledResolved = newValue;
+            notify(this, 'enabledResolved');
+        }
+    };
     dispose() {
         this.instance.removeBehavior(this);
         return super.dispose();

package/lib/behaviors/ActivateState.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 activate a specific animation state.
  * @zbehavior
@@ -8,50 +8,48 @@ import { ContextManager } from '../context';
  * @zgroup Animation Actions
  */
 export declare class ActivateState extends ActionBehavior {
-    private zcomponent;
+    private readonly zcomponent;
     /**
      * The ID of the animation state to be activated.
-     * @zprop
-     * @zgroup Activate State Settings
-     * @zgrouppriority 20
+     * @zui
      * @zvalues layerclipids
      */
-    state: string | undefined;
+    state?: string;
     /**
      * Override time for the fade transition.
-     * @zprop
+     * @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;
     /**
      * Easing function for the fade transition.
-     * @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;
 }
 /**
- * Enum for specifying the pin point of the animation.
+ * Object for specifying the pin point of the animation.
  */
-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>;

package/lib/behaviors/ActivateState.js

@@ -1,44 +1,154 @@
+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 overrideFadeGroup = {
+    name: 'Override Fade',
+    priority: 10,
+};
 /**
  * Behavior to activate a specific animation state.
  * @zbehavior
  * @zicon play_circle
  * @zgroup Animation Actions
  */
-export class ActivateState extends ActionBehavior {
-    constructor(contextManager, instance, props) {
-        super(contextManager, instance, props);
-        this.zcomponent = this.getZComponentInstance();
-    }
-    /** @zprop */
-    perform() {
-        if (!this.state)
-            return;
-        const layerclip = this.zcomponent.animation.layerClipByID.get(this.state);
-        if (!layerclip)
-            return;
-        const opts = {
-            fade: {
-                time: this.fadeTime,
-                pin: this.pin,
-                easing: this.easing,
-            },
-        };
-        layerclip.play(opts);
-    }
-    /** @zui */
-    preview() {
-        this.perform();
-    }
-}
+let ActivateState = (() => {
+    let _classDecorators = [zBehavior({ runAtDesignTime: true, icon: 'play_circle', group: BehaviorGroups.AnimationActions })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _state_decorators;
+    let _state_initializers = [];
+    let _state_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 ActivateState = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _state_decorators = [zUI({ values: 'layerclipids' })];
+            _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, _state_decorators, { kind: "field", name: "state", static: false, private: false, access: { has: obj => "state" in obj, get: obj => obj.state, set: (obj, value) => { obj.state = value; } }, metadata: _metadata }, _state_initializers, _state_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);
+            ActivateState = _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 animation state to be activated.
+         * @zui
+         * @zvalues layerclipids
+         */
+        state = __runInitializers(this, _state_initializers, void 0);
+        /**
+         * Override time for the fade transition.
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         * @ztype time-milliseconds
+         */
+        fadeTime = (__runInitializers(this, _state_extraInitializers), __runInitializers(this, _fadeTime_initializers, void 0));
+        /**
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         */
+        pin = (__runInitializers(this, _fadeTime_extraInitializers), __runInitializers(this, _pin_initializers, void 0));
+        /**
+         * Easing function for the fade transition.
+         * @default "linear"
+         * @zui
+         * @zgroup Override Fade
+         * @zgrouppriority 10
+         * @zvalues easings
+         */
+        easing = (__runInitializers(this, _pin_extraInitializers), __runInitializers(this, _easing_initializers, 'linear'));
+        perform() {
+            if (!this.state)
+                return;
+            const layerclip = this.zcomponent.animation.layerClipByID.get(this.state);
+            if (!layerclip)
+                return;
+            const opts = {
+                fade: {
+                    time: this.fadeTime,
+                    pin: this.pin,
+                    easing: this.easing,
+                },
+            };
+            layerclip.play(opts);
+        }
+        /**
+         * @zui
+         */
+        preview() {
+            this.perform();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _easing_extraInitializers);
+        }
+    };
+    return ActivateState = _classThis;
+})();
+export { ActivateState };
 /**
- * Enum for specifying the pin point of the animation.
+ * Object for specifying the pin point of the animation.
  */
-export var Pin;
-(function (Pin) {
-    Pin[Pin["Start"] = 0] = "Start";
-    Pin[Pin["Middle"] = 0.5] = "Middle";
-    Pin[Pin["End"] = 1] = "End";
-})(Pin || (Pin = {}));
-registerBehaviorRunAtDesignTime(ActivateState);
+export const Pin = {
+    Start: 0,
+    Middle: 0.5,
+    End: 1,
+};
+Object.freeze(Pin);

package/lib/behaviors/CallFunction.d.ts

@@ -1,7 +1,6 @@
 import { ActionBehavior } from '../actionbehavior';
 /**
  * Calls an exposed function on a context
- *
  * @zbehavior
  * @zicon function
  * @zgroup Actions
@@ -9,11 +8,10 @@ import { ActionBehavior } from '../actionbehavior';
 export declare class CallFunction extends ActionBehavior {
     /**
      * The function and arguments to call
-     * @zprop
      */
     function: () => any;
-    /** @zui
-     * @zprop
+    /**
+     * @zui
      */
     perform(): void;
 }

package/lib/behaviors/CallFunction.js

@@ -1,18 +1,76 @@
+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';
 /**
  * Calls an exposed function on a context
- *
  * @zbehavior
  * @zicon function
  * @zgroup Actions
  */
-export class CallFunction extends ActionBehavior {
-    /** @zui
-     * @zprop
-     */
-    perform() {
-        this.function();
-    }
-}
-registerBehaviorRunAtDesignTime(CallFunction);
+let CallFunction = (() => {
+    let _classDecorators = [zBehavior({ icon: 'function', group: BehaviorGroups.Actions, runAtDesignTime: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _perform_decorators;
+    var CallFunction = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            CallFunction = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * The function and arguments to call
+         */
+        function = __runInitializers(this, _instanceExtraInitializers);
+        /**
+         * @zui
+         */
+        perform() {
+            this.function();
+        }
+    };
+    return CallFunction = _classThis;
+})();
+export { CallFunction };

package/lib/behaviors/ChangeRootScene.d.ts

@@ -0,0 +1,35 @@
+import { ActionBehavior } from '../actionbehavior';
+import { ConstructorForComponent } from '../component';
+/**
+ * Changes the root scene of the experience to a different scene/zcomp.
+ * @zbehavior
+ * @zicon airline_stops
+ * @zgroup Actions
+ */
+export declare class ChangeRootScene extends ActionBehavior {
+    /**
+     * @zui
+     * @zgroup ChangeRootScene
+     * @zgrouppriority 100
+     * @zvalues components zcomponent
+     */
+    newScene: ConstructorForComponent<any>;
+    /**
+     * An amount of time to delay any changes to loading state. Use this to give time for a loader to appear before changing the content.
+     * @default 0
+     * @zui
+     * @zgroup ChangeRootScene
+     * @zgrouppriority 100
+     * @ztype time-milliseconds
+     */
+    delayForLoader: number;
+    /**
+     * @default false
+     */
+    private _isDelaying;
+    /**
+     * @zui
+     */
+    perform(): void;
+    private _changeRoot;
+}

package/lib/behaviors/ChangeRootScene.js

@@ -0,0 +1,123 @@
+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 { registerLoadable } from '../contexts/loadcontext';
+import { RootComponentsContext } from '../contexts/rootcomponentscontext';
+import { zBehavior, zUI } from '../decorators';
+/**
+ * Changes the root scene of the experience to a different scene/zcomp.
+ * @zbehavior
+ * @zicon airline_stops
+ * @zgroup Actions
+ */
+let ChangeRootScene = (() => {
+    let _classDecorators = [zBehavior({
+            icon: 'airline_stops',
+            group: 'Actions',
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = ActionBehavior;
+    let _instanceExtraInitializers = [];
+    let _newScene_decorators;
+    let _newScene_initializers = [];
+    let _newScene_extraInitializers = [];
+    let _delayForLoader_decorators;
+    let _delayForLoader_initializers = [];
+    let _delayForLoader_extraInitializers = [];
+    let _perform_decorators;
+    var ChangeRootScene = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _newScene_decorators = [zUI({ group: { name: 'ChangeRootScene', priority: 100 }, values: ['components', 'zcomponent'] })];
+            _delayForLoader_decorators = [zUI({ group: { name: 'ChangeRootScene', priority: 100 }, type: 'time-milliseconds' })];
+            _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, _newScene_decorators, { kind: "field", name: "newScene", static: false, private: false, access: { has: obj => "newScene" in obj, get: obj => obj.newScene, set: (obj, value) => { obj.newScene = value; } }, metadata: _metadata }, _newScene_initializers, _newScene_extraInitializers);
+            __esDecorate(null, null, _delayForLoader_decorators, { kind: "field", name: "delayForLoader", static: false, private: false, access: { has: obj => "delayForLoader" in obj, get: obj => obj.delayForLoader, set: (obj, value) => { obj.delayForLoader = value; } }, metadata: _metadata }, _delayForLoader_initializers, _delayForLoader_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ChangeRootScene = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * @zui
+         * @zgroup ChangeRootScene
+         * @zgrouppriority 100
+         * @zvalues components zcomponent
+         */
+        newScene = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _newScene_initializers, void 0));
+        /**
+         * An amount of time to delay any changes to loading state. Use this to give time for a loader to appear before changing the content.
+         * @default 0
+         * @zui
+         * @zgroup ChangeRootScene
+         * @zgrouppriority 100
+         * @ztype time-milliseconds
+         */
+        delayForLoader = (__runInitializers(this, _newScene_extraInitializers), __runInitializers(this, _delayForLoader_initializers, 0));
+        /**
+         * @default false
+         */
+        _isDelaying = (__runInitializers(this, _delayForLoader_extraInitializers), false);
+        /**
+         * @zui
+         */
+        perform() {
+            if (this.delayForLoader === 0)
+                return this._changeRoot();
+            if (this._isDelaying)
+                return; // prevent multiple calls
+            this._isDelaying = true;
+            registerLoadable(this, (async () => {
+                await delay(this.delayForLoader);
+                this._isDelaying = false;
+                this._changeRoot();
+            })());
+        }
+        _changeRoot() {
+            if (!this.newScene)
+                return;
+            this.contextManager.get(RootComponentsContext).constructAndReplaceRootComponent(this.newScene, {});
+        }
+    };
+    return ChangeRootScene = _classThis;
+})();
+export { ChangeRootScene };
+function delay(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}