@descope/web-components-ui 1.0.303 → 1.0.305

package/dist/index.esm.js

@@ -5,7 +5,7 @@ import '@vaadin/text-field';
 import '@vaadin/email-field';
 import '@vaadin/number-field';
 import '@vaadin/password-field';
-import { Remarkable } from 'remarkable';
+import MarkdownIt from 'markdown-it';
 import '@vaadin/text-area';
 import '@vaadin/combo-box';
 import '@vaadin/grid';
@@ -3331,79 +3331,18 @@ const PasswordClass = compose(
 
 customElements.define(componentName$A, PasswordClass);
 
-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');
@@ -3471,30 +3410,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;
@@ -3502,13 +3424,11 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   #updateProcessorRules() {
-    this.#disableAllRules();
     this.#enableCustomRules();
   }
 
   #initProcessor() {
-    this.processor = new Remarkable();
-    this.#origImageRenderer = this.processor.renderer.rules.image;
+    this.processor = new MarkdownIt();
     this.#updateProcessorRules();
   }
 
@@ -3524,7 +3444,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
@@ -5387,7 +5307,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
     } else {
       this.countryCodeInput.selectedItem = undefined;
     }
-    this.phoneNumberInput.value = phoneNumber;
+    this.phoneNumberInput.value = this.phoneNumberInput.value || phoneNumber;
   }
 
   get phoneNumberValue() {