@playcanvas/web-components 0.2.3 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playcanvas/web-components",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "author": "PlayCanvas <support@playcanvas.com>",
   "homepage": "https://playcanvas.com",
   "description": "Web Components for the PlayCanvas Engine",
@@ -40,24 +40,24 @@
     "@mediapipe/tasks-vision": "0.10.21",
     "@playcanvas/eslint-config": "2.0.9",
     "@rollup/plugin-commonjs": "28.0.3",
-    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-node-resolve": "16.0.1",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.1.2",
     "@tweenjs/tween.js": "25.0.0",
-    "@typescript-eslint/eslint-plugin": "8.26.1",
-    "@typescript-eslint/parser": "8.26.1",
+    "@typescript-eslint/eslint-plugin": "8.28.0",
+    "@typescript-eslint/parser": "8.28.0",
     "concurrently": "9.1.2",
     "earcut": "3.0.1",
-    "eslint": "9.22.0",
-    "eslint-import-resolver-typescript": "3.8.4",
+    "eslint": "9.23.0",
+    "eslint-import-resolver-typescript": "4.2.2",
     "globals": "16.0.0",
     "mp4-muxer": "5.2.0",
     "opentype.js": "1.3.4",
-    "playcanvas": "2.5.1",
-    "rollup": "4.35.0",
+    "playcanvas": "2.6.0",
+    "rollup": "4.37.0",
     "serve": "14.2.4",
     "tslib": "2.8.1",
-    "typedoc": "0.27.9",
+    "typedoc": "0.28.1",
     "typedoc-plugin-mdn-links": "5.0.1",
     "typescript": "5.8.2"
   }

package/src/asset.ts

@@ -28,7 +28,7 @@ const extToType = new Map([
 const processBufferView = (
     gltfBuffer: any,
     buffers: Array<any>,
-    continuation: (err: string, result: any) => void
+    continuation: (err: string | null, result: any) => void
 ) => {
     if (gltfBuffer.extensions && gltfBuffer.extensions.EXT_meshopt_compression) {
         const extensionDef = gltfBuffer.extensions.EXT_meshopt_compression;

package/src/components/light-component.ts

@@ -52,6 +52,8 @@ class LightComponentElement extends ComponentElement {
 
     private _vsmBias = 0.01;
 
+    private _vsmBlurSize = 11;
+
     /** @ignore */
     constructor() {
         super('light');
@@ -72,7 +74,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
         };
     }
 
@@ -365,6 +368,25 @@ class LightComponentElement extends ComponentElement {
         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: number) {
+        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,
@@ -381,7 +403,8 @@ class LightComponentElement extends ComponentElement {
             'shadow-resolution',
             'shadow-type',
             'type',
-            'vsm-bias'
+            'vsm-bias',
+            'vsm-blur-size'
         ];
     }
 
@@ -431,6 +454,9 @@ class LightComponentElement extends ComponentElement {
             case 'vsm-bias':
                 this.vsmBias = Number(newValue);
                 break;
+            case 'vsm-blur-size':
+                this.vsmBlurSize = Number(newValue);
+                break;
         }
     }
 }

package/src/components/sound-slot.ts

@@ -50,7 +50,6 @@ class SoundSlotElement extends AsyncElement {
 
         this.soundSlot = this.soundElement!.component!.addSlot(this._name, options);
         this.asset = this._asset;
-        this.soundSlot!.play();
 
         this._onReady();
     }
@@ -245,7 +244,7 @@ class SoundSlotElement extends AsyncElement {
     }
 
     static get observedAttributes() {
-        return ['asset', 'autoPlay', 'duration', 'loop', 'name', 'overlap', 'pitch', 'startTime', 'volume'];
+        return ['asset', 'auto-play', 'duration', 'loop', 'name', 'overlap', 'pitch', 'start-time', 'volume'];
     }
 
     attributeChangedCallback(name: string, _oldValue: string, newValue: string) {
@@ -253,6 +252,9 @@ class SoundSlotElement extends AsyncElement {
             case 'asset':
                 this.asset = newValue;
                 break;
+            case 'auto-play':
+                this.autoPlay = this.hasAttribute('auto-play');
+                break;
             case 'duration':
                 this.duration = parseFloat(newValue);
                 break;
@@ -268,7 +270,7 @@ class SoundSlotElement extends AsyncElement {
             case 'pitch':
                 this.pitch = parseFloat(newValue);
                 break;
-            case 'startTime':
+            case 'start-time':
                 this.startTime = parseFloat(newValue);
                 break;
             case 'volume':

package/src/sky.ts

@@ -61,6 +61,7 @@ class SkyElement extends AsyncElement {
         this._scene.sky.node.setLocalScale(this._scale);
         this._scene.sky.center = this._center;
         this._scene.skyboxIntensity = this._intensity;
+        this._scene.skyboxMip = this._level;
     }
 
     private async _loadSkybox() {