@playcanvas/web-components 0.1.10 → 0.1.11

package/dist/pwc.js

@@ -17,11 +17,11 @@
         }
         get closestApp() {
             var _a;
-            return (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.closest('pc-app');
+            return (_a = this.parentElement) === null || _a === undefined ? undefined : _a.closest('pc-app');
         }
         get closestEntity() {
             var _a;
-            return (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.closest('pc-entity');
+            return (_a = this.parentElement) === null || _a === undefined ? undefined : _a.closest('pc-entity');
         }
         /**
          * Called when the element is fully initialized and ready.
@@ -744,7 +744,7 @@
             if (!this.entity)
                 return;
             const closestEntity = this.closestEntity;
-            if (closestEntity === null || closestEntity === void 0 ? void 0 : closestEntity.entity) {
+            if (closestEntity === null || closestEntity === undefined ? undefined : closestEntity.entity) {
                 closestEntity.entity.addChild(this.entity);
             }
             else {
@@ -966,7 +966,7 @@
         }
         hasListeners(type) {
             var _a;
-            return Boolean((_a = this._listeners[type]) === null || _a === void 0 ? void 0 : _a.length);
+            return Boolean((_a = this._listeners[type]) === null || _a === undefined ? undefined : _a.length);
         }
     }
     customElements.define('pc-entity', EntityElement);
@@ -1015,7 +1015,7 @@
             // If no type is specified, try to infer it from the file extension.
             if (!type) {
                 const ext = src.split('.').pop();
-                type = (_a = extToType.get(ext || '')) !== null && _a !== void 0 ? _a : null;
+                type = (_a = extToType.get(ext || '')) !== null && _a !== undefined ? _a : null;
             }
             if (!type) {
                 console.warn(`Unsupported asset type: ${src}`);
@@ -1049,7 +1049,7 @@
         }
         static get(id) {
             const assetElement = document.querySelector(`pc-asset[id="${id}"]`);
-            return assetElement === null || assetElement === void 0 ? void 0 : assetElement.asset;
+            return assetElement === null || assetElement === undefined ? undefined : assetElement.asset;
         }
         static get observedAttributes() {
             return ['preload'];
@@ -1096,7 +1096,7 @@
         initComponent() { }
         async connectedCallback() {
             var _a;
-            await ((_a = this.closestApp) === null || _a === void 0 ? void 0 : _a.ready());
+            await ((_a = this.closestApp) === null || _a === undefined ? undefined : _a.ready());
             await this.addComponent();
             this.initComponent();
             this._onReady();
@@ -1192,6 +1192,7 @@
             this._fov = 45;
             this._frustumCulling = true;
             this._gamma = 'srgb';
+            this._horizontalFov = false;
             this._nearClip = 0.1;
             this._orthographic = false;
             this._orthoHeight = 10;
@@ -1212,6 +1213,7 @@
                 fov: this._fov,
                 frustumCulling: this._frustumCulling,
                 gammaCorrection: this._gamma === 'srgb' ? playcanvas.GAMMA_SRGB : playcanvas.GAMMA_NONE,
+                horizontalFov: this._horizontalFov,
                 nearClip: this._nearClip,
                 orthographic: this._orthographic,
                 orthoHeight: this._orthoHeight,
@@ -1223,7 +1225,7 @@
         }
         get xrAvailable() {
             var _a;
-            const xrManager = (_a = this.component) === null || _a === void 0 ? void 0 : _a.system.app.xr;
+            const xrManager = (_a = this.component) === null || _a === undefined ? undefined : _a.system.app.xr;
             return xrManager && xrManager.supported && xrManager.isAvailable(playcanvas.XRTYPE_VR);
         }
         startXr(type, space) {
@@ -1418,6 +1420,24 @@
         get gamma() {
             return this._gamma;
         }
+        /**
+         * Sets whether the camera's field of view (fov) is horizontal or vertical. Defaults to false
+         * (meaning it is vertical be default).
+         * @param value - Whether the camera's field of view is horizontal.
+         */
+        set horizontalFov(value) {
+            this._horizontalFov = value;
+            if (this.component) {
+                this.component.horizontalFov = value;
+            }
+        }
+        /**
+         * Gets whether the camera's field of view (fov) is horizontal or vertical.
+         * @returns Whether the camera's field of view is horizontal.
+         */
+        get horizontalFov() {
+            return this._horizontalFov;
+        }
         /**
          * Sets the near clip distance of the camera.
          * @param value - The near clip distance.
@@ -1528,7 +1548,7 @@
             var _a;
             this._tonemap = value;
             if (this.component) {
-                this.component.toneMapping = (_a = tonemaps.get(value)) !== null && _a !== void 0 ? _a : playcanvas.TONEMAP_NONE;
+                this.component.toneMapping = (_a = tonemaps.get(value)) !== null && _a !== undefined ? _a : playcanvas.TONEMAP_NONE;
             }
         }
         /**
@@ -1551,6 +1571,7 @@
                 'fov',
                 'frustum-culling',
                 'gamma',
+                'horizontal-fov',
                 'near-clip',
                 'orthographic',
                 'ortho-height',
@@ -1593,6 +1614,9 @@
                 case 'gamma':
                     this.gamma = newValue;
                     break;
+                case 'horizontal-fov':
+                    this.horizontalFov = this.hasAttribute('horizontal-fov');
+                    break;
                 case 'near-clip':
                     this.nearClip = parseFloat(newValue);
                     break;
@@ -2294,7 +2318,7 @@
             var _a;
             this._shadowType = value;
             if (this.component) {
-                this.component.shadowType = (_a = shadowTypes.get(value)) !== null && _a !== void 0 ? _a : playcanvas.SHADOW_PCF3_32F;
+                this.component.shadowType = (_a = shadowTypes.get(value)) !== null && _a !== undefined ? _a : playcanvas.SHADOW_PCF3_32F;
             }
         }
         /**
@@ -2500,7 +2524,7 @@
         }
         static get(id) {
             const materialElement = document.querySelector(`pc-material[id="${id}"]`);
-            return materialElement === null || materialElement === void 0 ? void 0 : materialElement.material;
+            return materialElement === null || materialElement === undefined ? undefined : materialElement.material;
         }
         static get observedAttributes() {
             return ['diffuse', 'diffuse-map', 'metalness-map', 'normal-map', 'roughness-map'];
@@ -3112,7 +3136,7 @@
         disconnectedCallback() {
             var _a;
             this.observer.disconnect();
-            (_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+            (_a = super.disconnectedCallback) === null || _a === undefined ? undefined : _a.call(this);
         }
         /**
          * Gets the script component.
@@ -3426,7 +3450,7 @@
         }
         async connectedCallback() {
             var _a;
-            await ((_a = this.soundElement) === null || _a === void 0 ? void 0 : _a.ready());
+            await ((_a = this.soundElement) === null || _a === undefined ? undefined : _a.ready());
             const options = {
                 autoPlay: this._autoPlay,
                 loop: this._loop,
@@ -3462,7 +3486,7 @@
             var _a;
             this._asset = value;
             if (this.soundSlot) {
-                const id = (_a = AssetElement.get(value)) === null || _a === void 0 ? void 0 : _a.id;
+                const id = (_a = AssetElement.get(value)) === null || _a === undefined ? undefined : _a.id;
                 if (id) {
                     this.soundSlot.asset = id;
                 }
@@ -3689,8 +3713,8 @@
         async _loadModel() {
             var _a;
             this._unloadModel();
-            const appElement = await ((_a = this.closestApp) === null || _a === void 0 ? void 0 : _a.ready());
-            const app = appElement === null || appElement === void 0 ? void 0 : appElement.app;
+            const appElement = await ((_a = this.closestApp) === null || _a === undefined ? undefined : _a.ready());
+            const app = appElement === null || appElement === undefined ? undefined : appElement.app;
             const asset = AssetElement.get(this._asset);
             if (!asset) {
                 return;
@@ -3707,7 +3731,7 @@
         }
         _unloadModel() {
             var _a;
-            (_a = this._entity) === null || _a === void 0 ? void 0 : _a.destroy();
+            (_a = this._entity) === null || _a === undefined ? undefined : _a.destroy();
             this._entity = null;
         }
         /**
@@ -3775,7 +3799,7 @@
         }
         async connectedCallback() {
             var _a;
-            await ((_a = this.closestApp) === null || _a === void 0 ? void 0 : _a.ready());
+            await ((_a = this.closestApp) === null || _a === undefined ? undefined : _a.ready());
             this.scene = this.closestApp.app.scene;
             this.updateSceneSettings();
             this._onReady();
@@ -3949,8 +3973,8 @@
         }
         async _loadSkybox() {
             var _a;
-            const appElement = await ((_a = this.closestApp) === null || _a === void 0 ? void 0 : _a.ready());
-            const app = appElement === null || appElement === void 0 ? void 0 : appElement.app;
+            const appElement = await ((_a = this.closestApp) === null || _a === undefined ? undefined : _a.ready());
+            const app = appElement === null || appElement === undefined ? undefined : appElement.app;
             if (!app) {
                 return;
             }
@@ -3973,10 +3997,10 @@
             var _a, _b;
             if (!this._scene)
                 return;
-            (_a = this._scene.skybox) === null || _a === void 0 ? void 0 : _a.destroy();
+            (_a = this._scene.skybox) === null || _a === undefined ? undefined : _a.destroy();
             // @ts-ignore
             this._scene.skybox = null;
-            (_b = this._scene.envAtlas) === null || _b === void 0 ? void 0 : _b.destroy();
+            (_b = this._scene.envAtlas) === null || _b === undefined ? undefined : _b.destroy();
             // @ts-ignore
             this._scene.envAtlas = null;
             this._scene = null;