@descope/web-components-ui 1.0.305 → 1.0.306

package/dist/index.esm.js

@@ -3348,7 +3348,7 @@ const textRuleSet = {
 const componentName$z = getComponentName('enriched-text');
 
 let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$z, baseSelector: ':host > div' }) {
-  #origImageRenderer;
+  #origLinkRenderer;
 
   constructor() {
     super();
@@ -3397,7 +3397,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   static get observedAttributes() {
-    return ['readonly'];
+    return ['readonly', 'link-target-blank'];
   }
 
   attributeChangedCallback(attrName, oldValue, newValue) {
@@ -3407,6 +3407,23 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
       if (attrName === 'readonly') {
         this.onReadOnlyChange(newValue === 'true');
       }
+
+      if (attrName === 'link-target-blank') {
+        this.#initProcessor();
+      }
+    }
+  }
+
+  #customizeLinkRenderer() {
+    if (this.linkTargetBlank) {
+      this.processor.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+        // Add a new `target` attribute, or replace the value of the existing one.
+        tokens[idx].attrSet('target', '_blank');
+        // Pass the token to the default renderer.
+        return this.#origLinkRenderer(tokens, idx, options, env, self);
+      };
+    } else {
+      this.processor.renderer.rules.link_open = this.#origLinkRenderer;
     }
   }
 
@@ -3417,19 +3434,27 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
 
     const customRuleSet = textRuleSet;
     this.processor.configure(customRuleSet || {});
-
-    if (customRuleSet?.custom?.includes('image')) {
-      this.processor.renderer.rules.image = this.#origImageRenderer;
-    }
   }
 
   #updateProcessorRules() {
     this.#enableCustomRules();
   }
 
+  #storeOrigRenderers() {
+    const defaultLinkRenderer = (tokens, idx, options, _, self) =>
+      self.renderToken(tokens, idx, options);
+    this.#origLinkRenderer = this.processor.renderer.rules.link_open || defaultLinkRenderer;
+  }
+
   #initProcessor() {
     this.processor = new MarkdownIt();
+    this.#storeOrigRenderers();
     this.#updateProcessorRules();
+    this.#customizeLinkRenderer();
+  }
+
+  get linkTargetBlank() {
+    return this.getAttribute('link-target-blank') === 'true';
   }
 
   get contentNode() {