@playcanvas/web-components 0.2.4 → 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;
             }
         }
     }