@playcanvas/web-components 0.2.11 → 0.3.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2011-2025 PlayCanvas
+Copyright (c) 2011-2026 PlayCanvas Ltd.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/components/element-component.d.ts

@@ -13,6 +13,7 @@ declare class ElementComponentElement extends ComponentElement {
     private _asset;
     private _autoWidth;
     private _color;
+    private _enableMarkup;
     private _fontSize;
     private _lineHeight;
     private _pivot;
@@ -27,6 +28,7 @@ declare class ElementComponentElement extends ComponentElement {
         anchor: Vec4;
         autoWidth: boolean;
         color: Color;
+        enableMarkup: boolean;
         fontAsset: number;
         fontSize: number;
         lineHeight: number;
@@ -81,6 +83,16 @@ declare class ElementComponentElement extends ComponentElement {
      * @returns The color.
      */
     get color(): Color;
+    /**
+     * Sets whether the element component should use markup.
+     * @param value - Whether to enable markup.
+     */
+    set enableMarkup(value: boolean);
+    /**
+     * Gets whether the element component should use markup.
+     * @returns Whether markup is enabled.
+     */
+    get enableMarkup(): boolean;
     /**
      * Sets the font size of the element component.
      * @param value - The font size.

package/dist/components/splat-component.d.ts

@@ -11,11 +11,13 @@ import { ComponentElement } from './component';
 declare class SplatComponentElement extends ComponentElement {
     private _asset;
     private _castShadows;
+    private _unified;
     /** @ignore */
     constructor();
     getInitialComponentData(): {
         asset: import("playcanvas").Asset | null | undefined;
         castShadows: boolean;
+        unified: boolean;
     };
     /**
      * Gets the underlying PlayCanvas splat component.
@@ -42,6 +44,17 @@ declare class SplatComponentElement extends ComponentElement {
      * @returns Whether the splat casts shadows.
      */
     get castShadows(): boolean;
+    /**
+     * 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: boolean);
+    /**
+     * Gets whether the splat supports global sorting and LOD streaming.
+     * @returns Whether the splat supports global sorting and LOD streaming.
+     */
+    get unified(): boolean;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
 }

package/dist/pwc.cjs

@@ -2118,6 +2118,7 @@ class ElementComponentElement extends ComponentElement {
         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);
@@ -2134,6 +2135,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,
@@ -2220,6 +2222,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.
@@ -2346,6 +2365,7 @@ class ElementComponentElement extends ComponentElement {
             'asset',
             'auto-width',
             'color',
+            'enable-markup',
             'font-size',
             'line-height',
             'pivot',
@@ -2370,6 +2390,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;
@@ -4259,11 +4282,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
         };
     }
     /**
@@ -4308,11 +4333,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) {
@@ -4324,6 +4372,9 @@ class SplatComponentElement extends ComponentElement {
             case 'cast-shadows':
                 this.castShadows = this.hasAttribute('cast-shadows');
                 break;
+            case 'unified':
+                this.unified = this.hasAttribute('unified');
+                break;
         }
     }
 }