@playcanvas/web-components 0.2.5 → 0.2.6

package/README.md

@@ -5,7 +5,7 @@
 [![License](https://img.shields.io/npm/l/@playcanvas/web-components.svg)](https://github.com/playcanvas/web-components/blob/main/LICENSE)
 [![GitHub Actions Build Status](https://github.com/playcanvas/web-components/actions/workflows/deploy.yml/badge.svg)](https://github.com/playcanvas/web-components/actions/workflows/deploy.yml)
 
-| [User Guide](https://developer.playcanvas.com/user-manual/engine/web-components) | [API Reference](https://api.playcanvas.com/modules/EngineWebComponents.html) | [Examples](https://playcanvas.github.io/web-components/examples) | [Blog](https://blog.playcanvas.com/) | [Forum](https://forum.playcanvas.com/) | [Discord](https://discord.gg/RSaMRzg) |
+| [User Guide](https://developer.playcanvas.com/user-manual/engine/web-components) | [API Reference](https://api.playcanvas.com/web-components/) | [Examples](https://playcanvas.github.io/web-components/examples) | [Blog](https://blog.playcanvas.com/) | [Forum](https://forum.playcanvas.com/) | [Discord](https://discord.gg/RSaMRzg) |
 
 PlayCanvas Web Components are a set of custom HTML elements for building 3D interactive web apps. Using the declarative nature of HTML makes it both easy and fun to incorporate 3D into your website. Check out this simple example:
 

package/dist/components/camera-component.d.ts

@@ -39,7 +39,7 @@ declare class CameraComponentElement extends ComponentElement {
         flipFaces: boolean;
         fov: number;
         frustumCulling: boolean;
-        gammaCorrection: number;
+        gammaCorrection: 0 | 1;
         horizontalFov: boolean;
         nearClip: number;
         orthographic: boolean;
@@ -47,7 +47,7 @@ declare class CameraComponentElement extends ComponentElement {
         priority: number;
         rect: Vec4;
         scissorRect: Vec4;
-        toneMapping: number | undefined;
+        toneMapping: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
     };
     get xrAvailable(): boolean | null | undefined;
     /**

package/dist/components/light-component.d.ts

@@ -38,7 +38,7 @@ declare class LightComponentElement extends ComponentElement {
         shadowDistance: number;
         shadowIntensity: number;
         shadowResolution: number;
-        shadowType: number | undefined;
+        shadowType: 0 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
         type: string;
         vsmBias: number;
         vsmBlurSize: number;

package/dist/components/screen-component.d.ts

@@ -22,7 +22,7 @@ declare class ScreenComponentElement extends ComponentElement {
         referenceResolution: Vec2;
         resolution: Vec2;
         scaleBlend: number;
-        scaleMode: string;
+        scaleMode: "none" | "blend";
         screenSpace: boolean;
     };
     /**

package/dist/components/splat-component.d.ts

@@ -10,10 +10,12 @@ import { ComponentElement } from './component';
  */
 declare class SplatComponentElement extends ComponentElement {
     private _asset;
+    private _castShadows;
     /** @ignore */
     constructor();
     getInitialComponentData(): {
         asset: import("playcanvas").Asset | null | undefined;
+        castShadows: boolean;
     };
     /**
      * Gets the underlying PlayCanvas splat component.
@@ -30,6 +32,16 @@ declare class SplatComponentElement extends ComponentElement {
      * @returns The asset ID.
      */
     get asset(): string;
+    /**
+     * Sets whether the splat casts shadows.
+     * @param value - Whether the splat casts shadows.
+     */
+    set castShadows(value: boolean);
+    /**
+     * Gets whether the splat casts shadows.
+     * @returns Whether the splat casts shadows.
+     */
+    get castShadows(): boolean;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
 }

package/dist/pwc.cjs

@@ -52,22 +52,15 @@ class ModuleElement extends HTMLElement {
     }
     async loadModule() {
         const name = this.getAttribute('name');
-        const glue = this.getAttribute('glue');
-        const wasm = this.getAttribute('wasm');
-        const fallback = this.getAttribute('fallback');
+        const glueUrl = this.getAttribute('glue');
+        const wasmUrl = this.getAttribute('wasm');
+        const fallbackUrl = this.getAttribute('fallback');
+        const config = { glueUrl, wasmUrl, fallbackUrl };
         if (name === 'Basis') {
-            playcanvas.basisInitialize({
-                glueUrl: glue,
-                wasmUrl: wasm,
-                fallbackUrl: fallback
-            });
+            playcanvas.basisInitialize(config);
         }
         else {
-            playcanvas.WasmModule.setConfig(name, {
-                glueUrl: glue,
-                wasmUrl: wasm,
-                fallbackUrl: fallback
-            });
+            playcanvas.WasmModule.setConfig(name, config);
             await new Promise((resolve) => {
                 playcanvas.WasmModule.getInstance(name, () => resolve());
             });
@@ -1241,6 +1234,7 @@ class AssetElement extends HTMLElement {
             });
         }
         else {
+            // @ts-ignore
             this.asset = new playcanvas.Asset(id, type, { url: src });
         }
         this.asset.preload = !this._lazy;
@@ -4174,10 +4168,12 @@ class SplatComponentElement extends ComponentElement {
     constructor() {
         super('gsplat');
         this._asset = '';
+        this._castShadows = false;
     }
     getInitialComponentData() {
         return {
-            asset: AssetElement.get(this._asset)
+            asset: AssetElement.get(this._asset),
+            castShadows: this._castShadows
         };
     }
     /**
@@ -4205,8 +4201,29 @@ class SplatComponentElement extends ComponentElement {
     get asset() {
         return this._asset;
     }
+    /**
+     * Sets whether the splat casts shadows.
+     * @param value - Whether the splat casts shadows.
+     */
+    set castShadows(value) {
+        this._castShadows = value;
+        if (this.component) {
+            this.component.castShadows = value;
+        }
+    }
+    /**
+     * Gets whether the splat casts shadows.
+     * @returns Whether the splat casts shadows.
+     */
+    get castShadows() {
+        return this._castShadows;
+    }
     static get observedAttributes() {
-        return [...super.observedAttributes, 'asset'];
+        return [
+            ...super.observedAttributes,
+            'asset',
+            'cast-shadows'
+        ];
     }
     attributeChangedCallback(name, _oldValue, newValue) {
         super.attributeChangedCallback(name, _oldValue, newValue);
@@ -4214,6 +4231,9 @@ class SplatComponentElement extends ComponentElement {
             case 'asset':
                 this.asset = newValue;
                 break;
+            case 'cast-shadows':
+                this.castShadows = this.hasAttribute('cast-shadows');
+                break;
         }
     }
 }