@descope/web-components-ui 1.0.303 → 1.0.305

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 var merge = require('lodash.merge');
 var Color = require('color');
-var remarkable = require('remarkable');
+var MarkdownIt = require('markdown-it');
 
 const DESCOPE_PREFIX = 'descope';
 const CSS_SELECTOR_SPECIFIER_MULTIPLY = 3;
@@ -4565,79 +4565,18 @@ var text$3 = /*#__PURE__*/Object.freeze({
   vars: vars$r
 });
 
-const ruleSet = {
-  custom: ['image'],
-  core: [
-    'block',
-    'inline',
-    'abbr', // Parse abbreviation definitions, i.e. `*[abbr]: description`
-    'abbr2', // Enclose abbreviations in <abbr> tags
-    'references',
-    'footnote_tail',
-    'replacements', // Simple typographical replacements
-    'smartquotes', // Convert straight quotation marks to typographic ones
-  ],
-  inline: [
-    'text',
-    'newline', // Proceess '\n'
-    'backticks', // Parse backticks
-    'del', // Process ~~deleted text~~
-    'emphasis', // Process *this* and _that_
-    'sub', // Process ~subscript~
-    'sup', // Process ^superscript^
-    'links', // Process [links](<to> "stuff")
-    'escape', // Proceess escaped chars and hardbreaks
-    'ins', // Process ++inserted text++
-    'mark', // Process ==highlighted text==
-    'footnote_inline', // Process inline footnotes (^[...])
-    'footnote_ref', // Process footnote references ([^...])
-    'autolink', // Process autolinks '<protocol:...>'
-    'htmltag', // Process html tags
-    'entity', // Process html entity - &#123;, &#xAF;, &quot;, ...
-  ],
-  block: [
-    'code', // Code block (4 spaces padded)
-    'fences', // fences (``` lang, ~~~ lang)
-    'blockquote', // Block quotes
-    'list',
-    'heading', // heading (#, ##, ...)
-    'paragraph',
-    'hr', // Horizontal rule
-    'footnote', // Process footnote reference list
-    'lheading', // lheading (---, ===)
-    'htmlblock', // HTML block
-    'table', // GFM table, non-standard
-    'deflist', // Definition lists
-  ],
-};
-
 const textRuleSet = {
-  core: ['block', 'inline'],
-  inline: [
-    'text',
-    'newline', // Proceess '\n'
-    'backticks', // Parse backticks
-    'del', // Process ~~deleted text~~
-    'emphasis', // Process *this* and _that_
-    'sub', // Process ~subscript~
-    'sup', // Process ^superscript^
-    'links', // Process [links](<to> "stuff")
-    'escape', // Proceess escaped chars and hardbreaks
-    'ins', // Process ++inserted text++
-    'footnote_inline', // Process inline footnotes (^[...])
-    'footnote_ref', // Process footnote references ([^...])
-    'autolink', // Process autolinks '<protocol:...>'
-  ],
-  block: [
-    'code', // Code block (4 spaces padded)
-    'fences', // fences (``` lang, ~~~ lang)
-    'blockquote', // Block quotes
-    'list',
-    'heading', // heading (#, ##, ...)
-    'paragraph',
-    'footnote', // Process footnote reference list
-    'htmlblock', // HTML block
-  ],
+  components: {
+    core: {
+      rules: ['block', 'inline'],
+    },
+    block: {
+      rules: ['blockquote', 'code', 'heading', 'list', 'paragraph', 'list'],
+    },
+    inline: {
+      rules: ['backticks', 'strikethrough', 'link', 'emphasis', 'strikethrough', 'newline', 'text'],
+    },
+  },
 };
 
 const componentName$z = getComponentName('enriched-text');
@@ -4705,30 +4644,13 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
     }
   }
 
-  #disableAllRules() {
-    if (!this.processor) {
-      return;
-    }
-
-    ruleSet?.core && this.processor.core.ruler.disable(ruleSet.core);
-    ruleSet?.inline && this.processor.inline.ruler.disable(ruleSet.inline);
-    ruleSet?.block && this.processor.block.ruler.disable(ruleSet.block);
-
-    this.processor.renderer.rules.image = () => {
-      return '';
-    };
-  }
-
   #enableCustomRules() {
     if (!this.processor) {
       return;
     }
 
     const customRuleSet = textRuleSet;
-
-    customRuleSet?.core && this.processor?.core.ruler.enable(customRuleSet?.core);
-    customRuleSet?.inline && this.processor?.inline.ruler.enable(customRuleSet?.inline);
-    customRuleSet?.block && this.processor?.block.ruler.enable(customRuleSet?.block);
+    this.processor.configure(customRuleSet || {});
 
     if (customRuleSet?.custom?.includes('image')) {
       this.processor.renderer.rules.image = this.#origImageRenderer;
@@ -4736,13 +4658,11 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   #updateProcessorRules() {
-    this.#disableAllRules();
     this.#enableCustomRules();
   }
 
   #initProcessor() {
-    this.processor = new remarkable.Remarkable();
-    this.#origImageRenderer = this.processor.renderer.rules.image;
+    this.processor = new MarkdownIt();
     this.#updateProcessorRules();
   }
 
@@ -4758,7 +4678,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
     let html = this.textContent;
 
     try {
-      const tokens = this.processor.parse(this.textContent);
+      const tokens = this.processor.parse(this.textContent, { references: undefined });
       html = this.processor.renderer.render(tokens, { breaks: true });
     } catch (e) {
       // eslint-disable-next-line no-console