@playcanvas/web-components 0.2.4 → 0.2.6

package/dist/pwc.mjs

@@ -50,22 +50,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') {
-            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((resolve) => {
                 WasmModule.getInstance(name, () => resolve());
             });
@@ -1239,6 +1232,7 @@ class AssetElement extends HTMLElement {
             });
         }
         else {
+            // @ts-ignore
             this.asset = new Asset(id, type, { url: src });
         }
         this.asset.preload = !this._lazy;
@@ -2350,6 +2344,7 @@ class LightComponentElement extends ComponentElement {
         this._shadowType = 'pcf3-32f';
         this._type = 'directional';
         this._vsmBias = 0.01;
+        this._vsmBlurSize = 11;
     }
     getInitialComponentData() {
         return {
@@ -2366,7 +2361,8 @@ class LightComponentElement extends ComponentElement {
             shadowResolution: this._shadowResolution,
             shadowType: shadowTypes.get(this._shadowType),
             type: this._type,
-            vsmBias: this._vsmBias
+            vsmBias: this._vsmBias,
+            vsmBlurSize: this._vsmBlurSize
         };
     }
     /**
@@ -2629,6 +2625,23 @@ class LightComponentElement extends ComponentElement {
     get vsmBias() {
         return this._vsmBias;
     }
+    /**
+     * Sets the VSM blur size of the light. Minimum is 1, maximum is 25. Default is 11.
+     * @param value - The VSM blur size.
+     */
+    set vsmBlurSize(value) {
+        this._vsmBlurSize = value;
+        if (this.component) {
+            this.component.vsmBlurSize = value;
+        }
+    }
+    /**
+     * Gets the VSM blur size of the light.
+     * @returns The VSM blur size.
+     */
+    get vsmBlurSize() {
+        return this._vsmBlurSize;
+    }
     static get observedAttributes() {
         return [
             ...super.observedAttributes,
@@ -2645,7 +2658,8 @@ class LightComponentElement extends ComponentElement {
             'shadow-resolution',
             'shadow-type',
             'type',
-            'vsm-bias'
+            'vsm-bias',
+            'vsm-blur-size'
         ];
     }
     attributeChangedCallback(name, _oldValue, newValue) {
@@ -2693,6 +2707,9 @@ class LightComponentElement extends ComponentElement {
             case 'vsm-bias':
                 this.vsmBias = Number(newValue);
                 break;
+            case 'vsm-blur-size':
+                this.vsmBlurSize = Number(newValue);
+                break;
         }
     }
 }
@@ -4149,10 +4166,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
         };
     }
     /**
@@ -4180,8 +4199,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);
@@ -4189,6 +4229,9 @@ class SplatComponentElement extends ComponentElement {
             case 'asset':
                 this.asset = newValue;
                 break;
+            case 'cast-shadows':
+                this.castShadows = this.hasAttribute('cast-shadows');
+                break;
         }
     }
 }