@playcanvas/web-components 0.2.3 → 0.2.5

package/dist/pwc.js

@@ -2354,6 +2354,7 @@
             this._shadowType = 'pcf3-32f';
             this._type = 'directional';
             this._vsmBias = 0.01;
+            this._vsmBlurSize = 11;
         }
         getInitialComponentData() {
             return {
@@ -2370,7 +2371,8 @@
                 shadowResolution: this._shadowResolution,
                 shadowType: shadowTypes.get(this._shadowType),
                 type: this._type,
-                vsmBias: this._vsmBias
+                vsmBias: this._vsmBias,
+                vsmBlurSize: this._vsmBlurSize
             };
         }
         /**
@@ -2633,6 +2635,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 +2668,8 @@
                 'shadow-resolution',
                 'shadow-type',
                 'type',
-                'vsm-bias'
+                'vsm-bias',
+                'vsm-blur-size'
             ];
         }
         attributeChangedCallback(name, _oldValue, newValue) {
@@ -2697,6 +2717,9 @@
                 case 'vsm-bias':
                     this.vsmBias = Number(newValue);
                     break;
+                case 'vsm-blur-size':
+                    this.vsmBlurSize = Number(newValue);
+                    break;
             }
         }
     }
@@ -3933,7 +3956,6 @@
             }
             this.soundSlot = this.soundElement.component.addSlot(this._name, options);
             this.asset = this._asset;
-            this.soundSlot.play();
             this._onReady();
         }
         disconnectedCallback() {
@@ -4105,13 +4127,16 @@
             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;
@@ -4127,7 +4152,7 @@
                 case 'pitch':
                     this.pitch = parseFloat(newValue);
                     break;
-                case 'startTime':
+                case 'start-time':
                     this.startTime = parseFloat(newValue);
                     break;
                 case 'volume':
@@ -4525,6 +4550,7 @@
             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;