@playcanvas/web-components 0.2.3 → 0.2.5

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

@@ -23,6 +23,7 @@ declare class LightComponentElement extends ComponentElement {
     private _shadowType;
     private _type;
     private _vsmBias;
+    private _vsmBlurSize;
     /** @ignore */
     constructor();
     getInitialComponentData(): {
@@ -40,6 +41,7 @@ declare class LightComponentElement extends ComponentElement {
         shadowType: number | undefined;
         type: string;
         vsmBias: number;
+        vsmBlurSize: number;
     };
     /**
      * Gets the underlying PlayCanvas light component.
@@ -196,6 +198,16 @@ declare class LightComponentElement extends ComponentElement {
      * @returns The VSM bias.
      */
     get vsmBias(): number;
+    /**
+     * 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);
+    /**
+     * Gets the VSM blur size of the light.
+     * @returns The VSM blur size.
+     */
+    get vsmBlurSize(): number;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
 }

package/dist/pwc.cjs

@@ -2352,6 +2352,7 @@ class LightComponentElement extends ComponentElement {
         this._shadowType = 'pcf3-32f';
         this._type = 'directional';
         this._vsmBias = 0.01;
+        this._vsmBlurSize = 11;
     }
     getInitialComponentData() {
         return {
@@ -2368,7 +2369,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
         };
     }
     /**
@@ -2631,6 +2633,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,
@@ -2647,7 +2666,8 @@ class LightComponentElement extends ComponentElement {
             'shadow-resolution',
             'shadow-type',
             'type',
-            'vsm-bias'
+            'vsm-bias',
+            'vsm-blur-size'
         ];
     }
     attributeChangedCallback(name, _oldValue, newValue) {
@@ -2695,6 +2715,9 @@ class LightComponentElement extends ComponentElement {
             case 'vsm-bias':
                 this.vsmBias = Number(newValue);
                 break;
+            case 'vsm-blur-size':
+                this.vsmBlurSize = Number(newValue);
+                break;
         }
     }
 }
@@ -3931,7 +3954,6 @@ class SoundSlotElement extends AsyncElement {
         }
         this.soundSlot = this.soundElement.component.addSlot(this._name, options);
         this.asset = this._asset;
-        this.soundSlot.play();
         this._onReady();
     }
     disconnectedCallback() {
@@ -4103,13 +4125,16 @@ class SoundSlotElement extends AsyncElement {
         return this._volume;
     }
     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, _oldValue, newValue) {
         switch (name) {
             case 'asset':
                 this.asset = newValue;
                 break;
+            case 'auto-play':
+                this.autoPlay = this.hasAttribute('auto-play');
+                break;
             case 'duration':
                 this.duration = parseFloat(newValue);
                 break;
@@ -4125,7 +4150,7 @@ class SoundSlotElement extends AsyncElement {
             case 'pitch':
                 this.pitch = parseFloat(newValue);
                 break;
-            case 'startTime':
+            case 'start-time':
                 this.startTime = parseFloat(newValue);
                 break;
             case 'volume':
@@ -4523,6 +4548,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;
     }
     async _loadSkybox() {
         var _a;