@playcanvas/web-components 0.2.12 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playcanvas/web-components",
-  "version": "0.2.12",
+  "version": "0.3.0",
   "author": "PlayCanvas <support@playcanvas.com>",
   "homepage": "https://playcanvas.com",
   "description": "Web Components for the PlayCanvas Engine",
@@ -32,6 +32,7 @@
     "lint": "eslint examples/js examples/assets/scripts src",
     "serve": "serve",
     "test": "echo \"Error: no test specified\" && exit 1",
+    "publint": "publint",
     "type-check": "tsc --noEmit",
     "type-check:watch": "npm run type-check -- --watch",
     "watch": "rollup -c -w"
@@ -44,20 +45,21 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.3.0",
     "@tweenjs/tween.js": "25.0.0",
-    "@typescript-eslint/eslint-plugin": "8.49.0",
-    "@typescript-eslint/parser": "8.49.0",
+    "@typescript-eslint/eslint-plugin": "8.52.0",
+    "@typescript-eslint/parser": "8.52.0",
     "concurrently": "9.2.1",
     "earcut": "3.0.2",
     "eslint": "9.39.2",
     "eslint-import-resolver-typescript": "4.4.4",
-    "globals": "16.5.0",
-    "mediabunny": "1.26.0",
+    "globals": "17.0.0",
+    "mediabunny": "1.27.4",
     "opentype.js": "1.3.4",
-    "playcanvas": "2.14.3",
-    "rollup": "4.53.3",
+    "playcanvas": "2.15.0",
+    "publint": "0.3.16",
+    "rollup": "4.55.1",
     "serve": "14.2.5",
     "tslib": "2.8.1",
-    "typedoc": "0.28.15",
+    "typedoc": "0.28.16",
     "typedoc-plugin-mdn-links": "5.0.10",
     "typescript": "5.9.3"
   }

package/src/components/element-component.ts

@@ -21,6 +21,8 @@ class ElementComponentElement extends ComponentElement {
 
     private _color: Color = new Color(1, 1, 1, 1);
 
+    private _enableMarkup: boolean = false;
+
     private _fontSize: number = 32;
 
     private _lineHeight: number = 32;
@@ -49,6 +51,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,
@@ -145,6 +148,25 @@ class ElementComponentElement extends ComponentElement {
         return this._color;
     }
 
+    /**
+     * Sets whether the element component should use markup.
+     * @param value - Whether to enable markup.
+     */
+    set enableMarkup(value: boolean) {
+        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.
@@ -285,6 +307,7 @@ class ElementComponentElement extends ComponentElement {
             'asset',
             'auto-width',
             'color',
+            'enable-markup',
             'font-size',
             'line-height',
             'pivot',
@@ -311,6 +334,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;

package/src/components/rigidbody-component.ts

@@ -175,7 +175,7 @@ class RigidBodyComponentElement extends ComponentElement {
     set type(value: string) {
         this._type = value;
         if (this.component) {
-            this.component.type = value;
+            this.component.type = value as 'static' | 'dynamic' | 'kinematic';
         }
     }