@descope/web-components-ui 1.0.346 → 1.0.347

package/dist/index.esm.js

@@ -3660,6 +3660,12 @@ const disableRules = [
   'html_block',
 ];
 
+const decodeHTML = (html) => {
+  const textArea = document.createElement('textarea');
+  textArea.innerHTML = html;
+  return textArea.value;
+};
+
 /* eslint-disable no-param-reassign */
 
 const componentName$C = getComponentName('enriched-text');
@@ -3788,7 +3794,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   #initProcessor() {
-    this.processor = new MarkdownIt();
+    this.processor = new MarkdownIt('commonmark', { html: true });
     this.#storeOrigRenderers();
     this.#updateProcessorRules();
     this.#customizeLinkRenderer();
@@ -3808,11 +3814,11 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
       return;
     }
 
-    let html = this.textContent;
+    let html = decodeHTML(this.innerHTML);
 
     try {
       const tokens = this.processor.parse(html, { references: undefined });
-      html = this.processor.renderer.render(tokens, { breaks: true });
+      html = this.processor.renderer.render(tokens, { html: true, breaks: true });
     } catch (e) {
       // eslint-disable-next-line no-console
       console.warn('Not parsing invalid markdown token');
@@ -3838,7 +3844,10 @@ const EnrichedTextClass = compose(
       fontSize: {},
       fontFamily: {},
       fontWeight: {},
-      fontWeightBold: { selector: () => ':host strong', property: 'font-weight' },
+      fontWeightBold: [
+        { selector: () => ':host strong', property: 'font-weight' },
+        { selector: () => ':host b', property: 'font-weight' },
+      ],
       textColor: { property: 'color' },
       textLineHeight: { property: 'line-height' },
       textAlign: {},