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