@playcanvas/web-components 0.2.11 → 0.3.0

package/dist/pwc.js

@@ -2120,6 +2120,7 @@
             this._asset = '';
             this._autoWidth = true;
             this._color = new playcanvas.Color(1, 1, 1, 1);
+            this._enableMarkup = false;
             this._fontSize = 32;
             this._lineHeight = 32;
             this._pivot = new playcanvas.Vec2(0.5, 0.5);
@@ -2136,6 +2137,7 @@
                 anchor: this._anchor,
                 autoWidth: this._autoWidth,
                 color: this._color,
+                enableMarkup: this._enableMarkup,
                 fontAsset: AssetElement.get(this._asset).id,
                 fontSize: this._fontSize,
                 lineHeight: this._lineHeight,
@@ -2222,6 +2224,23 @@
         get color() {
             return this._color;
         }
+        /**
+         * Sets whether the element component should use markup.
+         * @param value - Whether to enable markup.
+         */
+        set enableMarkup(value) {
+            this._enableMarkup = value;
+            if (this.component) {
+                this.component.enableMarkup = value;
+            }
+        }
+        /**
+         * Gets whether the element component should use markup.
+         * @returns Whether markup is enabled.
+         */
+        get enableMarkup() {
+            return this._enableMarkup;
+        }
         /**
          * Sets the font size of the element component.
          * @param value - The font size.
@@ -2348,6 +2367,7 @@
                 'asset',
                 'auto-width',
                 'color',
+                'enable-markup',
                 'font-size',
                 'line-height',
                 'pivot',
@@ -2372,6 +2392,9 @@
                 case 'color':
                     this.color = parseColor(newValue);
                     break;
+                case 'enable-markup':
+                    this.enableMarkup = this.hasAttribute(name);
+                    break;
                 case 'font-size':
                     this.fontSize = Number(newValue);
                     break;
@@ -4261,11 +4284,13 @@
             super('gsplat');
             this._asset = '';
             this._castShadows = false;
+            this._unified = false;
         }
         getInitialComponentData() {
             return {
                 asset: AssetElement.get(this._asset),
-                castShadows: this._castShadows
+                castShadows: this._castShadows,
+                unified: this._unified
             };
         }
         /**
@@ -4310,11 +4335,34 @@
         get castShadows() {
             return this._castShadows;
         }
+        /**
+         * Sets whether the splat supports global sorting and LOD streaming. This property can only be
+         * changed when the component is disabled.
+         * @param value - Whether the splat supports global sorting and LOD streaming.
+         */
+        set unified(value) {
+            if (this.component && this.component.enabled) {
+                console.warn('The "unified" property can only be changed when the component is disabled.');
+                return;
+            }
+            this._unified = value;
+            if (this.component) {
+                this.component.unified = value;
+            }
+        }
+        /**
+         * Gets whether the splat supports global sorting and LOD streaming.
+         * @returns Whether the splat supports global sorting and LOD streaming.
+         */
+        get unified() {
+            return this._unified;
+        }
         static get observedAttributes() {
             return [
                 ...super.observedAttributes,
                 'asset',
-                'cast-shadows'
+                'cast-shadows',
+                'unified'
             ];
         }
         attributeChangedCallback(name, _oldValue, newValue) {
@@ -4326,6 +4374,9 @@
                 case 'cast-shadows':
                     this.castShadows = this.hasAttribute('cast-shadows');
                     break;
+                case 'unified':
+                    this.unified = this.hasAttribute('unified');
+                    break;
             }
         }
     }