@playcanvas/web-components 0.2.11 → 0.3.0

package/dist/pwc.mjs

@@ -2116,6 +2116,7 @@ class ElementComponentElement extends ComponentElement {
         this._asset = '';
         this._autoWidth = true;
         this._color = new Color(1, 1, 1, 1);
+        this._enableMarkup = false;
         this._fontSize = 32;
         this._lineHeight = 32;
         this._pivot = new Vec2(0.5, 0.5);
@@ -2132,6 +2133,7 @@ class ElementComponentElement extends ComponentElement {
             anchor: this._anchor,
             autoWidth: this._autoWidth,
             color: this._color,
+            enableMarkup: this._enableMarkup,
             fontAsset: AssetElement.get(this._asset).id,
             fontSize: this._fontSize,
             lineHeight: this._lineHeight,
@@ -2218,6 +2220,23 @@ class ElementComponentElement extends ComponentElement {
     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.
@@ -2344,6 +2363,7 @@ class ElementComponentElement extends ComponentElement {
             'asset',
             'auto-width',
             'color',
+            'enable-markup',
             'font-size',
             'line-height',
             'pivot',
@@ -2368,6 +2388,9 @@ class ElementComponentElement extends ComponentElement {
             case 'color':
                 this.color = parseColor(newValue);
                 break;
+            case 'enable-markup':
+                this.enableMarkup = this.hasAttribute(name);
+                break;
             case 'font-size':
                 this.fontSize = Number(newValue);
                 break;
@@ -4257,11 +4280,13 @@ class SplatComponentElement extends ComponentElement {
         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
         };
     }
     /**
@@ -4306,11 +4331,34 @@ class SplatComponentElement extends ComponentElement {
     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) {
@@ -4322,6 +4370,9 @@ class SplatComponentElement extends ComponentElement {
             case 'cast-shadows':
                 this.castShadows = this.hasAttribute('cast-shadows');
                 break;
+            case 'unified':
+                this.unified = this.hasAttribute('unified');
+                break;
         }
     }
 }