@playcanvas/web-components 0.2.5 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playcanvas/web-components",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "author": "PlayCanvas <support@playcanvas.com>",
   "homepage": "https://playcanvas.com",
   "description": "Web Components for the PlayCanvas Engine",
@@ -44,21 +44,21 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.1.2",
     "@tweenjs/tween.js": "25.0.0",
-    "@typescript-eslint/eslint-plugin": "8.28.0",
-    "@typescript-eslint/parser": "8.28.0",
+    "@typescript-eslint/eslint-plugin": "8.31.0",
+    "@typescript-eslint/parser": "8.31.0",
     "concurrently": "9.1.2",
     "earcut": "3.0.1",
-    "eslint": "9.23.0",
-    "eslint-import-resolver-typescript": "4.2.2",
+    "eslint": "9.25.1",
+    "eslint-import-resolver-typescript": "4.3.4",
     "globals": "16.0.0",
-    "mp4-muxer": "5.2.0",
+    "mp4-muxer": "5.2.1",
     "opentype.js": "1.3.4",
-    "playcanvas": "2.6.0",
-    "rollup": "4.37.0",
+    "playcanvas": "2.7.1",
+    "rollup": "4.40.0",
     "serve": "14.2.4",
     "tslib": "2.8.1",
-    "typedoc": "0.28.1",
+    "typedoc": "0.28.3",
     "typedoc-plugin-mdn-links": "5.0.1",
-    "typescript": "5.8.2"
+    "typescript": "5.8.3"
   }
 }

package/src/asset.ts

@@ -103,6 +103,7 @@ class AssetElement extends HTMLElement {
                 }
             });
         } else {
+            // @ts-ignore
             this.asset = new Asset(id, type, { url: src });
         }
 

package/src/components/splat-component.ts

@@ -12,7 +12,9 @@ import { AssetElement } from '../asset';
  * @category Components
  */
 class SplatComponentElement extends ComponentElement {
-    private _asset: string = '';
+    private _asset = '';
+
+    private _castShadows = false;
 
     /** @ignore */
     constructor() {
@@ -21,7 +23,8 @@ class SplatComponentElement extends ComponentElement {
 
     getInitialComponentData() {
         return {
-            asset: AssetElement.get(this._asset)
+            asset: AssetElement.get(this._asset),
+            castShadows: this._castShadows
         };
     }
 
@@ -53,8 +56,31 @@ class SplatComponentElement extends ComponentElement {
         return this._asset;
     }
 
+    /**
+     * Sets whether the splat casts shadows.
+     * @param value - Whether the splat casts shadows.
+     */
+    set castShadows(value: boolean) {
+        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: string, _oldValue: string, newValue: string) {
@@ -64,6 +90,9 @@ class SplatComponentElement extends ComponentElement {
             case 'asset':
                 this.asset = newValue;
                 break;
+            case 'cast-shadows':
+                this.castShadows = this.hasAttribute('cast-shadows');
+                break;
         }
     }
 }

package/src/module.ts

@@ -17,22 +17,15 @@ class ModuleElement extends HTMLElement {
 
     private async loadModule(): Promise<void> {
         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') {
-            basisInitialize({
-                glueUrl: glue,
-                wasmUrl: wasm,
-                fallbackUrl: fallback
-            });
+            basisInitialize(config);
         } else {
-            WasmModule.setConfig(name, {
-                glueUrl: glue,
-                wasmUrl: wasm,
-                fallbackUrl: fallback
-            });
+            WasmModule.setConfig(name, config);
 
             await new Promise<void>((resolve) => {
                 WasmModule.getInstance(name, () => resolve());