@descope/web-components-ui 3.11.1 → 3.11.2

package/dist/index.esm.js

@@ -2197,12 +2197,12 @@ const decodeHTML = (html) => {
   return textArea.value;
 };
 
-/* eslint-disable no-param-reassign */
-
-
 const componentName$1s = getComponentName$1('enriched-text');
 
-class EnrichedText extends createBaseClass$1({ componentName: componentName$1s, baseSelector: ':host > div' }) {
+class EnrichedText extends createBaseClass$1({
+  componentName: componentName$1s,
+  baseSelector: ':host > div',
+}) {
   #origLinkRenderer;
 
   #origEmRenderer;
@@ -2249,7 +2249,7 @@ class EnrichedText extends createBaseClass$1({ componentName: componentName$1s,
         color: currentColor;
       }
         `,
-      this
+      this,
     );
 
     this.#initProcessor();
@@ -2284,11 +2284,23 @@ class EnrichedText extends createBaseClass$1({ componentName: componentName$1s,
 
   // We're overriding the rule for em with single underscore to perform as underline. (_underline_)
   customUnderlineRenderer() {
-    this.processor.renderer.rules.em_open = (tokens, idx, options, env, self) => {
+    this.processor.renderer.rules.em_open = (
+      tokens,
+      idx,
+      options,
+      env,
+      self,
+    ) => {
       if (tokens[idx].markup === '_') tokens[idx].tag = 'u';
       return this.#origEmRenderer(tokens, idx, options, env, self);
     };
-    this.processor.renderer.rules.em_close = (tokens, idx, options, env, self) => {
+    this.processor.renderer.rules.em_close = (
+      tokens,
+      idx,
+      options,
+      env,
+      self,
+    ) => {
       if (tokens[idx].markup === '_') tokens[idx].tag = 'u';
       return this.#origEmRenderer(tokens, idx, options, env, self);
     };
@@ -2296,7 +2308,13 @@ class EnrichedText extends createBaseClass$1({ componentName: componentName$1s,
 
   #customizeLinkRenderer() {
     if (this.linkTargetBlank) {
-      this.processor.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+      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.
@@ -2321,11 +2339,13 @@ class EnrichedText extends createBaseClass$1({ componentName: componentName$1s,
   #storeOrigRenderers() {
     const defaultLinkRenderer = (tokens, idx, options, _, self) =>
       self.renderToken(tokens, idx, options);
-    this.#origLinkRenderer = this.processor.renderer.rules.link_open || defaultLinkRenderer;
+    this.#origLinkRenderer =
+      this.processor.renderer.rules.link_open || defaultLinkRenderer;
 
     const defaultStrongRenderer = (tokens, idx, options, _, self) =>
       self.renderToken(tokens, idx, options);
-    this.#origEmRenderer = this.processor.renderer.rules.em_open || defaultStrongRenderer;
+    this.#origEmRenderer =
+      this.processor.renderer.rules.em_open || defaultStrongRenderer;
   }
 
   #initProcessor() {
@@ -2359,9 +2379,11 @@ class EnrichedText extends createBaseClass$1({ componentName: componentName$1s,
 
     try {
       const tokens = this.processor.parse(html, { references: undefined });
-      html = this.processor.renderer.render(tokens, { html: true, breaks: true });
-    } catch (e) {
-      // eslint-disable-next-line no-console
+      html = this.processor.renderer.render(tokens, {
+        html: true,
+        breaks: true,
+      });
+    } catch {
       console.warn('Not parsing invalid markdown token');
     }
 
@@ -2382,7 +2404,11 @@ const EnrichedTextClass = compose$1(
   createStyleMixin$1({
     mappings: {
       hostWidth: { selector: () => ':host', property: 'width' },
-      hostDisplay: { selector: () => ':host', property: 'display', fallback: 'inline-block' },
+      hostDisplay: {
+        selector: () => ':host',
+        property: 'display',
+        fallback: 'inline-block',
+      },
       hostDirection: { selector: () => ':host', property: 'direction' },
       fontSize: {},
       fontFamily: {},
@@ -2396,15 +2422,19 @@ const EnrichedTextClass = compose$1(
       textAlign: {},
       linkColor: { selector: 'a', property: 'color' },
       linkTextDecoration: { selector: 'a', property: 'text-decoration' },
-      linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },
+      linkHoverTextDecoration: {
+        selector: 'a:hover',
+        property: 'text-decoration',
+      },
       minHeight: {},
       minWidth: {},
     },
   }),
   createStyleMixin$1({ componentNameOverride: getComponentName$1('link') }),
   createStyleMixin$1({ componentNameOverride: getComponentName$1('text') }),
+  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
   draggableMixin$1,
-  componentNameValidationMixin$1
+  componentNameValidationMixin$1,
 )(EnrichedText);
 
 const kebabCase = (str) =>
@@ -4805,7 +4835,8 @@ class RawText extends createBaseClass$1({
     <slot part="text-wrapper"></slot>
     `;
 
-    injectStyle(`
+    injectStyle(
+      `
       :host {
         display: inline-block;
         line-height: 1em;
@@ -4814,7 +4845,9 @@ class RawText extends createBaseClass$1({
         width: 100%;
         display: inline-block;
       }
-    `, this);
+    `,
+      this,
+    );
   }
 
   get hideWhenEmpty() {
@@ -4832,7 +4865,7 @@ class RawText extends createBaseClass$1({
 }
 
 const { host: host$y } = {
-  host: { selector: () => ':host' }
+  host: { selector: () => ':host' },
 };
 
 const TextClass = compose$1(
@@ -4841,9 +4874,7 @@ const TextClass = compose$1(
       hostWidth: { ...host$y, property: 'width' },
       hostDirection: { ...host$y, property: 'direction' },
       fontSize: {},
-      textColor: [
-        { property: 'color' }
-      ],
+      textColor: [{ property: 'color' }],
       textLineHeight: { property: 'line-height' },
       textLetterSpacing: { property: 'letter-spacing' },
       textShadow: {},
@@ -4857,6 +4888,7 @@ const TextClass = compose$1(
       borderColor: {},
     },
   }),
+  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
   draggableMixin$1,
   componentNameValidationMixin$1,
 )(RawText);
@@ -4961,6 +4993,7 @@ const LinkClass = compose$1(
       cursor: anchor,
     },
   }),
+  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
   draggableMixin$1,
   componentNameValidationMixin$1,
 )(RawLink);