@salesforcedevs/dx-components 1.3.37-alpha06 → 1.3.37-alpha09

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.37-alpha06",
+    "version": "1.3.37-alpha09",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/searchResults/searchResults.ts

@@ -1,4 +1,4 @@
-import { LightningElement, api, track } from "lwc";
+import { createElement, LightningElement, api, track } from "lwc";
 import type * as CoveoSDK from "coveo-search-ui";
 
 interface CoveoSearch {
@@ -176,7 +176,8 @@ export default class SearchResults extends LightningElement {
 
         Coveo.TemplateHelpers.registerTemplateHelper(
             "badge",
-            (value: string) => `<div class="type-badge-shell ${value}"></div>`
+            (value: string) =>
+                `<dx-type-badge variant="${value}"></dx-type-badge>`
         );
 
         Coveo.init(this.root);
@@ -186,9 +187,12 @@ export default class SearchResults extends LightningElement {
         this.template.querySelectorAll(".type-badge-shell")?.forEach((el) => {
             el.classList.remove("type-badge-shell");
             el.classList.forEach((cl) => {
-                const typeBadge = document.createElement("dx-type-badge");
-                typeBadge.setAttribute("variant", cl);
-                el.appendChild(typeBadge);
+                const component = createElement("dx-type-badge", {
+                    is: LightningElement
+                });
+                Object.assign(component, { variant: cl });
+                document.body.appendChild(component as unknown as Node);
+                el.appendChild(component);
             });
         });
     };