@playcanvas/web-components 0.2.12 → 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/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;