@playcanvas/web-components 0.8.1 → 0.9.0

package/src/components/screen-component.ts

@@ -1,7 +1,7 @@
 import { SCALEMODE_BLEND, SCALEMODE_NONE, ScreenComponent, Vec2 } from 'playcanvas';
 
 import { ComponentElement } from './component';
-import { parseVec2 } from '../utils';
+import { parseBool, parseNumber, parseVec2 } from '../utils';
 
 /**
  * The ScreenComponentElement interface provides properties and methods for manipulating
@@ -44,8 +44,8 @@ class ScreenComponentElement extends ComponentElement {
      * Gets the underlying PlayCanvas screen component.
      * @returns The screen component.
      */
-    get component(): ScreenComponent | null {
-        return super.component as ScreenComponent | null;
+    get component(): ScreenComponent {
+        return super.component as ScreenComponent;
     }
 
     set priority(value: number) {
@@ -131,22 +131,22 @@ class ScreenComponentElement extends ComponentElement {
 
         switch (name) {
             case 'priority':
-                this.priority = parseInt(newValue, 10);
+                this.priority = parseNumber(newValue, 0, name);
                 break;
             case 'reference-resolution':
-                this.referenceResolution = parseVec2(newValue);
+                this.referenceResolution = parseVec2(newValue, new Vec2(640, 320), name);
                 break;
             case 'resolution':
-                this.resolution = parseVec2(newValue);
+                this.resolution = parseVec2(newValue, new Vec2(640, 320), name);
                 break;
             case 'scale-blend':
-                this.scaleBlend = parseFloat(newValue);
+                this.scaleBlend = parseNumber(newValue, 0.5, name);
                 break;
             case 'blend':
-                this.blend = this.hasAttribute('blend');
+                this.blend = parseBool(newValue, false);
                 break;
             case 'screen-space':
-                this.screenSpace = this.hasAttribute('screen-space');
+                this.screenSpace = parseBool(newValue, false);
                 break;
         }
     }
@@ -154,4 +154,10 @@ class ScreenComponentElement extends ComponentElement {
 
 customElements.define('pc-screen', ScreenComponentElement);
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'pc-screen': ScreenComponentElement;
+    }
+}
+
 export { ScreenComponentElement };