@zcomponent/core 1.19.1 → 1.19.2-beta

package/lib/behavior.d.ts

@@ -22,6 +22,7 @@ export type ConstructorPropsOfBehavior<BehaviorType> = BehaviorType extends Beha
 export type BehaviorConstructorProps = {
     [id: string]: unknown;
 };
+export type ConstructorForBehavior<BehaviorType extends Behavior = Behavior> = new (contextManager: ContextManager, instance: BehaviorType extends Behavior<infer InstanceType> ? InstanceType : never) => BehaviorType;
 /**
  * Base class for all behaviors.
  *

package/lib/components/DefaultLoader.js

@@ -1,4 +1,4 @@
-import { Component, useCanvas, Observable, isDesignTime, useIsLoaded, useLoadPercent } from '..';
+import { Component, useCanvas, Observable, isDesignTime, useIsLoaded, useLoadPercent, isStarted } from '..';
 /**
  * The DefaultLoader shows a customizable loading bar while the assets of your experience are being downloaded and parsed by the browser.
  *
@@ -28,7 +28,7 @@ export class DefaultLoader extends Component {
         };
         this._updateVisibility = () => {
             let shouldBeAttached = false;
-            if (!isDesignTime(this.contextManager) && !useIsLoaded(this.contextManager).value)
+            if (!isDesignTime(this.contextManager) && !useIsLoaded(this.contextManager).value && !isStarted(this.contextManager))
                 shouldBeAttached = true;
             if (isDesignTime(this.contextManager) && this.preview.value)
                 shouldBeAttached = true;

package/lib/components/SnapshotUI.d.ts

@@ -3,6 +3,13 @@ import { ImageFormat } from '../behaviors/TakeSnapshot';
 import { Component, ConstructorProps } from '../component';
 import { ContextManager } from '../context';
 import { Event } from '../event';
+export interface SnapshotUIConstructorProps extends ConstructorProps {
+    /**
+     * @zprop
+     * @zdefault true
+     */
+    allowShare: boolean;
+}
 /**
  * Provides a user interface for capturing, downloading, and sharing snapshots of a canvas element.
  *
@@ -61,6 +68,6 @@ export declare class SnapshotUI extends Component {
      * @param contextManager - The current ContextManager
      * @param props - The constructor properties.
      */
-    constructor(contextManager: ContextManager, props: ConstructorProps);
+    constructor(contextManager: ContextManager, props: SnapshotUIConstructorProps);
     dispose(): never;
 }

package/lib/components/SnapshotUI.js

@@ -88,14 +88,17 @@ export class SnapshotUI extends Component {
             const ssctx = this.contextManager.get(SnapshotContext);
             ssctx.title.value = title;
         });
-        this.socialShareBehaviours = new SocialShareBehaviors(contextManager, this);
+        const showSupported = this.contextManager.get(SnapshotContext).shareAPISupported.value;
+        const showShare = (props.allowShare ?? true) && showSupported;
+        this.socialShareBehaviours = new SocialShareBehaviors(contextManager, this, {
+            allowShare: showShare,
+        });
         this.socialShareBehaviours.onSave.addListener(() => {
             this.onSave.emit();
         });
-        this.socialShareBehaviours.onShare.addListener(() => {
+        this.socialShareBehaviours.onShare?.addListener(() => {
             this.onShare.emit();
         });
-        const showShare = this.contextManager.get(SnapshotContext).shareAPISupported.value;
         this.shareDiv = new ShareDivElement(showShare, async () => {
             try {
                 this.socialShareBehaviours.share();
@@ -134,19 +137,21 @@ class SocialShareBehaviors {
      * @param contextManager - The current ContextManager
      * @param parent - The parent component.
      */
-    constructor(contextManager, parent) {
+    constructor(contextManager, parent, props) {
         this.capture_b = new TakeSnapshot(contextManager, parent, { event: 'social-share', runAtEditTime: false });
         this.download_b = new DownloadSnapshot(contextManager, parent, { event: 'social-share', runAtEditTime: false });
-        this.share_b = new ShareSnapshot(contextManager, parent, { event: 'social-share', runAtEditTime: false });
-        parent.addBehavior(this.capture_b);
         parent.addBehavior(this.download_b);
-        parent.addBehavior(this.share_b);
+        if (props.allowShare) {
+            this.share_b = new ShareSnapshot(contextManager, parent, { event: 'social-share', runAtEditTime: false });
+            parent.addBehavior(this.share_b);
+        }
+        parent.addBehavior(this.capture_b);
     }
     get onSave() {
         return this.download_b.onSave;
     }
     get onShare() {
-        return this.share_b.onShare;
+        return this.share_b?.onShare;
     }
     capture() {
         this.capture_b.perform();
@@ -155,12 +160,12 @@ class SocialShareBehaviors {
         this.download_b.perform();
     }
     share() {
-        this.share_b.perform();
+        this.share_b?.perform();
     }
     dispose() {
         this.capture_b.dispose();
         this.download_b.dispose();
-        this.share_b.dispose();
+        this.share_b?.dispose();
     }
 }
 class CaptureButtonElement {

package/lib/contexts/canvascontext.js

@@ -37,6 +37,8 @@ export class CanvasContext extends Context {
             this.canvas.style.width = '100%';
             this.canvas.style.height = '100%';
             this.canvas.style.touchAction = 'none';
+            this.canvas.style.webkitUserSelect = 'none';
+            this.canvas.style.userSelect = 'none';
             document.body.append(this.canvas);
         }
         else {

package/lib/types.d.ts

@@ -183,7 +183,8 @@ export declare enum ValuesType {
     'layerclipids' = "layerclipids",
     'easings' = "easings",
     'layerids' = "layerids",
-    'streamids' = "streamids"
+    'streamids' = "streamids",
+    'behaviorids' = "behaviorids"
 }
 /**
  * Interface representing a values definition.

package/lib/types.js

@@ -63,6 +63,7 @@ export var ValuesType;
     ValuesType["easings"] = "easings";
     ValuesType["layerids"] = "layerids";
     ValuesType["streamids"] = "streamids";
+    ValuesType["behaviorids"] = "behaviorids";
 })(ValuesType || (ValuesType = {}));
 /**
  * Checks if values in two objects are compatible.

package/lib/zcomponent.d.ts

@@ -1,4 +1,5 @@
 import { Animation, Stream } from './animation/index';
+import { Behavior, ConstructorForBehavior } from './behavior';
 import { Component, ComponentChildren, ConstructorForComponent, ConstructorProps } from './component';
 import { ContextManager, Context } from './context';
 import { Entity } from './entity';
@@ -104,6 +105,11 @@ export declare class ZComponent<RootType = any> extends Component<RootType> {
      * is an instance of that component, or return undefined if it is not.
      */
     resolveNodeID<T extends Component = Component>(id: string, type?: ConstructorForComponent<T>): T | undefined;
+    /**
+     * This function returns the behavior with the given ID. If the behavior is not found, it will return undefined.
+     * This function is used to get a behavior from a behavior ID, which is a string representation of a behavior.
+     */
+    resolveBehaviorID<T extends Behavior = Behavior>(id: string, type?: ConstructorForBehavior<T>): T | undefined;
     /**
      * Resolves an entity ID to an entity instance.
      *

package/lib/zcomponent.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-this-alias */
 import { Animation } from './animation/index';
-import { shouldBehaviorRunAtDesignTime } from './behavior';
+import { Behavior, shouldBehaviorRunAtDesignTime } from './behavior';
 import { Component } from './component';
 import { Context } from './context';
 import { useOnBeforeRender } from './contexts/canvascontext';
@@ -289,6 +289,22 @@ export class ZComponent extends Component {
             return entity;
         return undefined;
     }
+    /**
+     * This function returns the behavior with the given ID. If the behavior is not found, it will return undefined.
+     * This function is used to get a behavior from a behavior ID, which is a string representation of a behavior.
+     */
+    resolveBehaviorID(id, type) {
+        const entity = this.entityByID.get(id);
+        if (!entity)
+            return this.getZComponentInstance()?.resolveBehaviorID(id, type);
+        if (!(entity instanceof Behavior))
+            return undefined;
+        if (!type)
+            return entity;
+        if (entity instanceof type)
+            return entity;
+        return undefined;
+    }
     /**
      * Resolves an entity ID to an entity instance.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zcomponent/core",
-  "version": "1.19.1",
+  "version": "1.19.2-beta",
   "description": "The core component model and built-in functionality for Mattercraft.",
   "main": "index.js",
   "types": "index.d.ts",