@playcanvas/web-components 0.2.4 → 0.2.6

package/dist/pwc.js

@@ -54,22 +54,15 @@
         }
         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());
                 });
@@ -1243,6 +1236,7 @@
                 });
             }
             else {
+                // @ts-ignore
                 this.asset = new playcanvas.Asset(id, type, { url: src });
             }
             this.asset.preload = !this._lazy;
@@ -2354,6 +2348,7 @@
             this._shadowType = 'pcf3-32f';
             this._type = 'directional';
             this._vsmBias = 0.01;
+            this._vsmBlurSize = 11;
         }
         getInitialComponentData() {
             return {
@@ -2370,7 +2365,8 @@
                 shadowResolution: this._shadowResolution,
                 shadowType: shadowTypes.get(this._shadowType),
                 type: this._type,
-                vsmBias: this._vsmBias
+                vsmBias: this._vsmBias,
+                vsmBlurSize: this._vsmBlurSize
             };
         }
         /**
@@ -2633,6 +2629,23 @@
         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,
@@ -2649,7 +2662,8 @@
                 'shadow-resolution',
                 'shadow-type',
                 'type',
-                'vsm-bias'
+                'vsm-bias',
+                'vsm-blur-size'
             ];
         }
         attributeChangedCallback(name, _oldValue, newValue) {
@@ -2697,6 +2711,9 @@
                 case 'vsm-bias':
                     this.vsmBias = Number(newValue);
                     break;
+                case 'vsm-blur-size':
+                    this.vsmBlurSize = Number(newValue);
+                    break;
             }
         }
     }
@@ -4153,10 +4170,12 @@
         constructor() {
             super('gsplat');
             this._asset = '';
+            this._castShadows = false;
         }
         getInitialComponentData() {
             return {
-                asset: AssetElement.get(this._asset)
+                asset: AssetElement.get(this._asset),
+                castShadows: this._castShadows
             };
         }
         /**
@@ -4184,8 +4203,29 @@
         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);
@@ -4193,6 +4233,9 @@
                 case 'asset':
                     this.asset = newValue;
                     break;
+                case 'cast-shadows':
+                    this.castShadows = this.hasAttribute('cast-shadows');
+                    break;
             }
         }
     }