@descope/web-components-ui 1.105.0 → 1.107.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.105.0",
+  "version": "1.107.0",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -75,21 +75,22 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "markdown-it": "14.1.0",
     "@descope-ui/common": "0.0.16",
     "@descope-ui/descope-button": "0.0.15",
     "@descope-ui/descope-image": "0.0.8",
     "@descope-ui/descope-icon": "0.0.14",
     "@descope-ui/descope-text": "0.0.17",
     "@descope-ui/descope-avatar": "0.0.17",
-    "@descope-ui/descope-combo-box": "0.1.6",
-    "@descope-ui/descope-autocomplete-field": "0.0.19",
-    "@descope-ui/descope-address-field": "0.0.18",
-    "@descope-ui/descope-timer": "0.0.13",
-    "@descope-ui/descope-timer-button": "0.0.15",
-    "@descope-ui/descope-password-strength": "0.0.10",
-    "@descope-ui/descope-collapsible-container": "0.0.14",
-    "@descope-ui/descope-recovery-codes": "0.0.3"
+    "@descope-ui/descope-combo-box": "0.1.7",
+    "@descope-ui/descope-autocomplete-field": "0.0.20",
+    "@descope-ui/descope-address-field": "0.0.19",
+    "@descope-ui/descope-timer": "0.0.14",
+    "@descope-ui/descope-timer-button": "0.0.16",
+    "@descope-ui/descope-password-strength": "0.0.11",
+    "@descope-ui/descope-collapsible-container": "0.0.15",
+    "@descope-ui/descope-recovery-codes": "0.0.4",
+    "@descope-ui/descope-link": "0.0.1",
+    "@descope-ui/descope-enriched-text": "0.0.1"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/descope-alert/AlertClass.js

@@ -2,7 +2,7 @@ import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '
 import { compose } from '../../helpers';
 import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';
 import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { EnrichedTextClass } from '../descope-enriched-text/EnrichedTextClass';
+import { EnrichedTextClass } from '@descope-ui/descope-enriched-text/class';
 import { injectStyle, observeChildren, syncAttrs } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('alert');

package/src/components/descope-alert/index.js

@@ -1,4 +1,4 @@
-import '../descope-enriched-text';
+import '@descope-ui/descope-enriched-text';
 import { componentName, AlertClass } from './AlertClass';
 
 customElements.define(componentName, AlertClass);

package/src/components/descope-date-field/DateFieldClass.js

@@ -28,6 +28,7 @@ import {
 import { DateCounter } from './DateCounterClass';
 import { TextFieldClass } from '../descope-text-field/TextFieldClass';
 import { injectStyle } from '@descope-ui/common/components-helpers';
+import { parseDateString } from './helpers';
 
 export const componentName = getComponentName('date-field');
 
@@ -220,6 +221,11 @@ class RawDateFieldClass extends BaseInputClass {
     return this.getAttribute('disable-calendar') === 'true';
   }
 
+  get isSelectAll() {
+    const inputEle = this.inputElement.baseElement.inputElement;
+    return inputEle.value.length === inputEle.selectionStart + inputEle.selectionEnd;
+  }
+
   reportValidity() {
     this.inputElement.reportValidity();
   }
@@ -254,9 +260,10 @@ class RawDateFieldClass extends BaseInputClass {
     this.inputElement.addEventListener('focus', this.onFocus.bind(this));
     this.inputElement.addEventListener('blur', this.onBlur.bind(this));
     this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));
-    this.inputElement.addEventListener('keydown', this.handleArrowKeys.bind(this));
+    this.inputElement.addEventListener('keydown', this.handleKeyboard.bind(this));
     this.inputElement.addEventListener('beforeinput', this.handleInput.bind(this));
     this.inputElement.addEventListener('pointerdown', this.onPointerDown.bind(this));
+    this.inputElement.addEventListener('paste', this.onPaste.bind(this));
 
     forwardAttrs(this, this.inputElement, {
       includeAttrs: [
@@ -285,6 +292,8 @@ class RawDateFieldClass extends BaseInputClass {
   handleInput(e) {
     e.preventDefault();
 
+    this.handleSelectAll();
+
     if (e.data && isNumber(e.data)) {
       this.parseDigits(e.data);
       this.updateCountersDisplay();
@@ -305,6 +314,12 @@ class RawDateFieldClass extends BaseInputClass {
     });
   }
 
+  handleSelectAll() {
+    if (this.isSelectAll) {
+      this.selectFirstCounter();
+    }
+  }
+
   #popoverPosStylesheet;
 
   #popoverRenderer(root) {
@@ -475,7 +490,8 @@ class RawDateFieldClass extends BaseInputClass {
     }
 
     // On focus select the first counter
-    this.selectedCounterIdx = 0;
+    this.selectFirstCounter();
+    // set selection on first counter
     this.inputElement.setSelectionRange(0, this.sortedCounters[0].length);
   }
 
@@ -534,6 +550,10 @@ class RawDateFieldClass extends BaseInputClass {
     );
   }
 
+  selectFirstCounter() {
+    this.selectedCounterIdx = 0;
+  }
+
   selectNextCounter() {
     if (this.selectedCounterIdx < this.dateCounters.length) {
       this.selectedCounterIdx = Math.min(this.selectedCounterIdx + 1, 2);
@@ -593,7 +613,17 @@ class RawDateFieldClass extends BaseInputClass {
     });
   }
 
-  handleArrowKeys(e) {
+  handleKeyboard(e) {
+    if (e.metaKey || e.ctrlKey) {
+      if (e.key.toLowerCase() === 'x') {
+        this.onCut(e);
+      }
+
+      return;
+    }
+
+    this.handleSelectAll();
+
     if (e.key === 'ArrowUp') {
       this.activeCounter.inc();
     } else if (e.key === 'ArrowDown') {
@@ -626,6 +656,11 @@ class RawDateFieldClass extends BaseInputClass {
   }
 
   handleBackspace() {
+    if (this.isSelectAll) {
+      this.resetToInitialState();
+      return;
+    }
+
     const counter = this.activeCounter;
 
     if (counter.isEmpty) {
@@ -743,6 +778,62 @@ class RawDateFieldClass extends BaseInputClass {
 
     return ret;
   }
+
+  resetToInitialState() {
+    this.resetDateCounters();
+    this.selectFirstCounter();
+    this.resetDisplay();
+  }
+
+  onCut(e) {
+    e.preventDefault();
+
+    if (this.isSelectAll) {
+      this.#copyToClipboard(this.countersValue);
+      this.resetToInitialState();
+    } else {
+      this.#copyToClipboard(this.activeCounter.stringValue);
+      this.activeCounter.set('');
+    }
+
+    this.setInputSelectionRange();
+  }
+
+  #copyToClipboard(value) {
+    try {
+      navigator.clipboard.writeText(value);
+    } catch (err) {
+      console.error('Failed to copy date value:', err);
+    }
+  }
+
+  onPaste(e) {
+    e.preventDefault();
+
+    const clipboardData = e.clipboardData || window.clipboardData;
+    const pastedData = clipboardData.getData('Text');
+
+    // try paste entire date if valid
+    const validDate = parseDateString(pastedData, this.format);
+
+    if (validDate) {
+      this.value = validDate.getTime();
+      this.onDateCounterChange();
+
+      // select all
+      setTimeout(() => this.inputElement.setSelectionRange(0, this.inputElement.value.length));
+    } else {
+      const value = Number(pastedData);
+
+      // try paste in counter if possible
+      if (value && this.activeCounter.min <= value && this.activeCounter.max >= value) {
+        // use String to get rid of any zero padding
+        this.activeCounter.set(String(value));
+
+        setTimeout(() => this.setInputSelectionRange());
+      }
+    }
+  }
 }
 
 const textVars = TextFieldClass.cssVarList;

package/src/components/descope-date-field/helpers.js

@@ -1,3 +1,5 @@
+import { formats } from './formats';
+
 export const isValidTimestamp = (val) => !Number.isNaN(Number(val));
 
 export const isNumber = (val) => !!String(val || '').trim() && !Number.isNaN(Number(val));
@@ -47,3 +49,9 @@ export const overrideConstructedStylesheet = (ele) => {
   cs.insertRule(':host{display:block!important;}');
   ele?.shadowRoot?.adoptedStyleSheets?.push(cs);
 };
+
+export const parseDateString = (val, format) => {
+  const trimmed = val.trim?.();
+  if (!trimmed) return null;
+  return formats[format].getDate(trimmed);
+};

package/src/index.cjs.js

@@ -12,14 +12,12 @@ export { LoaderRadialClass } from './components/descope-loader-radial/LoaderRadi
 export { ContainerClass } from './components/descope-container/ContainerClass';
 export { DividerClass } from './components/descope-divider/DividerClass';
 export { EmailFieldClass } from './components/descope-email-field/EmailFieldClass';
-export { LinkClass } from './components/descope-link/LinkClass';
 export { LogoClass } from './components/descope-logo/LogoClass';
 export { TotpImageClass } from './components/descope-totp-image/TotpImageClass';
 export { NotpImageClass } from './components/descope-notp-image/NotpImageClass';
 export { NumberFieldClass } from './components/descope-number-field/NumberFieldClass';
 export { PasscodeClass } from './components/descope-passcode/PasscodeClass';
 export { PasswordClass } from './components/descope-password/PasswordClass';
-export { EnrichedTextClass } from './components/descope-enriched-text/EnrichedTextClass';
 export { TextAreaClass } from './components/descope-text-area/TextAreaClass';
 export { TextFieldClass } from './components/descope-text-field/TextFieldClass';
 export { PhoneFieldClass } from './components/phone-fields/descope-phone-field/PhoneFieldClass';

package/src/index.js

@@ -7,14 +7,12 @@ export * from './components/descope-date-field/descope-calendar';
 export * from './components/descope-date-field';
 export * from './components/descope-divider';
 export * from './components/descope-email-field';
-export * from './components/descope-link';
 export * from './components/descope-logo';
 export * from './components/descope-totp-image';
 export * from './components/descope-notp-image';
 export * from './components/descope-number-field';
 export * from './components/descope-passcode';
 export * from './components/descope-password';
-export * from './components/descope-enriched-text';
 export * from './components/descope-text-area';
 export * from './components/descope-text-field';
 export * from './components/phone-fields/descope-phone-field';

package/src/theme/components/index.js

@@ -11,8 +11,8 @@ import * as logo from './logo';
 import * as totpImage from './totpImage';
 import * as notpImage from './notpImage';
 import * as text from '@descope-ui/descope-text/theme';
-import * as enrichedText from './enrichedText';
-import * as link from './link';
+import * as enrichedText from '@descope-ui/descope-enriched-text/theme';
+import * as link from '@descope-ui/descope-link/theme';
 import * as divider from './divider';
 import * as passcode from './passcode';
 import { loaderRadial, loaderLinear } from './loader';

package/dist/umd/descope-enriched-text-index-js.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5710],{610:(e,t,r)=>{r.d(t,{M:()=>n});const n=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"]},30521:(e,t,r)=>{r.d(t,{T:()=>d,m:()=>u});var n=r(92540),o=r(79365),s=r(9696),i=r(97810),c=r(610),l=r(81365),h=r(39449),a=r(25964);const d=(0,i.xE)("enriched-text");class p extends((0,l.q)({componentName:d,baseSelector:":host > div"})){#e;#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',(0,a.fz)("\n      :host {\n        line-height: 1em;\n        word-break: break-word;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n      *, *:last-child {\n        margin: 0;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p {\n        margin-bottom: 1em;\n      }\n      a {\n        cursor: pointer;\n      }\n      blockquote {\n        padding: 0 2em;\n      }\n      u {\n        text-decoration: underline\n      }\n      s {\n        color: currentColor;\n      }\n        ",this),this.#r(),(0,i.Ge)(this,this.#n.bind(this))}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("readonly"===e&&this.onReadOnlyChange("true"===r),"link-target-blank"===e&&this.#r())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,r,n,o)=>("_"===e[t].markup&&(e[t].tag="u"),this.#t(e,t,r,n,o)),this.processor.renderer.rules.em_close=(e,t,r,n,o)=>("_"===e[t].markup&&(e[t].tag="u"),this.#t(e,t,r,n,o))}#o(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,r,n,o)=>(e[t].attrSet("target","_blank"),this.#e(e,t,r,n,o)):this.processor.renderer.rules.link_open=this.#e}#s(){this.processor&&this.processor.disable(c.M)}#i(){this.#s()}#c(){this.#e=this.processor.renderer.rules.link_open||((e,t,r,n,o)=>o.renderToken(e,t,r)),this.#t=this.processor.renderer.rules.em_open||((e,t,r,n,o)=>o.renderToken(e,t,r))}#r(){this.processor=new n.A("commonmark",{html:!0}),this.#c(),this.#i(),this.#o(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#n(){if(!this.processor)return;let e=(0,h.G)(this.innerHTML);!e?.trim()&&this.isConnected?this.setAttribute("empty","true"):this.removeAttribute("empty");try{const t=this.processor.parse(e,{references:void 0});e=this.processor.renderer.render(t,{html:!0,breaks:!0})}catch(e){console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=e}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const u=(0,s.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDisplay:{selector:()=>":host",property:"display",fallback:"inline-block"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},fontWeightBold:[{selector:()=>":host strong",property:"font-weight"},{selector:()=>":host b",property:"font-weight"}],textColor:{property:"color"},textLineHeight:{property:"line-height"},textAlign:{},linkColor:{selector:"a",property:"color"},linkTextDecoration:{selector:"a",property:"text-decoration"},linkHoverTextDecoration:{selector:"a:hover",property:"text-decoration"},minHeight:{},minWidth:{}}}),(0,o.RF)({componentNameOverride:(0,i.xE)("link")}),(0,o.RF)({componentNameOverride:(0,i.xE)("text")}),o.VO,o.tQ)(p)},39449:(e,t,r)=>{r.d(t,{G:()=>n});const n=e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value}},63196:(e,t,r)=>{r.r(t),r.d(t,{EnrichedTextClass:()=>n.m,componentName:()=>n.T});var n=r(30521);customElements.define(n.T,n.m)}}]);
-//# sourceMappingURL=descope-enriched-text-index-js.js.map

package/dist/umd/descope-enriched-text-index-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descope-enriched-text-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-enriched-text/consts.js","webpack://@descope/web-components-ui/./src/components/descope-enriched-text/EnrichedTextClass.js","webpack://@descope/web-components-ui/./src/components/descope-enriched-text/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-enriched-text/index.js"],"sourcesContent":["export const disableRules = [\n  'blockquote',\n  'list',\n  'image',\n  'table',\n  'code',\n  'hr',\n  'backticks',\n  'fence',\n  'reference',\n  'heading',\n  'lheading',\n  'html_block',\n];\n","/* eslint-disable no-param-reassign */\n\nimport MarkdownIt from 'markdown-it';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport { disableRules } from './consts';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { decodeHTML } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('enriched-text');\n\nclass EnrichedText extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  #origLinkRenderer;\n\n  #origEmRenderer;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"content\"></div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        line-height: 1em;\n        word-break: break-word;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n      *, *:last-child {\n        margin: 0;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p {\n        margin-bottom: 1em;\n      }\n      a {\n        cursor: pointer;\n      }\n      blockquote {\n        padding: 0 2em;\n      }\n      u {\n        text-decoration: underline\n      }\n      s {\n        color: currentColor;\n      }\n        `,\n      this\n    );\n\n    this.#initProcessor();\n\n    observeChildren(this, this.#parseChildren.bind(this));\n  }\n\n  static get observedAttributes() {\n    return ['readonly', 'link-target-blank'];\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'readonly') {\n        this.onReadOnlyChange(newValue === 'true');\n      }\n\n      if (attrName === 'link-target-blank') {\n        this.#initProcessor();\n      }\n    }\n  }\n\n  // We're overriding the rule for em with single underscore to perform as underline. (_underline_)\n  customUnderlineRenderer() {\n    this.processor.renderer.rules.em_open = (tokens, idx, options, env, self) => {\n      if (tokens[idx].markup === '_') tokens[idx].tag = 'u';\n      return this.#origEmRenderer(tokens, idx, options, env, self);\n    };\n    this.processor.renderer.rules.em_close = (tokens, idx, options, env, self) => {\n      if (tokens[idx].markup === '_') tokens[idx].tag = 'u';\n      return this.#origEmRenderer(tokens, idx, options, env, self);\n    };\n  }\n\n  #customizeLinkRenderer() {\n    if (this.linkTargetBlank) {\n      this.processor.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n        // Add a new `target` attribute, or replace the value of the existing one.\n        tokens[idx].attrSet('target', '_blank');\n        // Pass the token to the default renderer.\n        return this.#origLinkRenderer(tokens, idx, options, env, self);\n      };\n    } else {\n      this.processor.renderer.rules.link_open = this.#origLinkRenderer;\n    }\n  }\n\n  #disableCustomRules() {\n    if (!this.processor) {\n      return;\n    }\n    this.processor.disable(disableRules);\n  }\n\n  #updateProcessorRules() {\n    this.#disableCustomRules();\n  }\n\n  #storeOrigRenderers() {\n    const defaultLinkRenderer = (tokens, idx, options, _, self) =>\n      self.renderToken(tokens, idx, options);\n    this.#origLinkRenderer = this.processor.renderer.rules.link_open || defaultLinkRenderer;\n\n    const defaultStrongRenderer = (tokens, idx, options, _, self) =>\n      self.renderToken(tokens, idx, options);\n    this.#origEmRenderer = this.processor.renderer.rules.em_open || defaultStrongRenderer;\n  }\n\n  #initProcessor() {\n    this.processor = new MarkdownIt('commonmark', { html: true });\n    this.#storeOrigRenderers();\n    this.#updateProcessorRules();\n    this.#customizeLinkRenderer();\n    this.customUnderlineRenderer();\n  }\n\n  get linkTargetBlank() {\n    return this.getAttribute('link-target-blank') === 'true';\n  }\n\n  get contentNode() {\n    return this.shadowRoot.querySelector('.content');\n  }\n\n  #parseChildren() {\n    if (!this.processor) {\n      return;\n    }\n\n    let html = decodeHTML(this.innerHTML);\n\n    if (!html?.trim() && this.isConnected) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n\n    try {\n      const tokens = this.processor.parse(html, { references: undefined });\n      html = this.processor.renderer.render(tokens, { html: true, breaks: true });\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn('Not parsing invalid markdown token');\n    }\n\n    this.contentNode.innerHTML = html;\n  }\n\n  onReadOnlyChange(isReadOnly) {\n    if (isReadOnly) {\n      this.contentNode.setAttribute('inert', isReadOnly);\n    } else {\n      this.contentNode.removeAttribute('inert');\n    }\n  }\n}\n\nexport const EnrichedTextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDisplay: { selector: () => ':host', property: 'display', fallback: 'inline-block' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n      fontWeightBold: [\n        { selector: () => ':host strong', property: 'font-weight' },\n        { selector: () => ':host b', property: 'font-weight' },\n      ],\n      textColor: { property: 'color' },\n      textLineHeight: { property: 'line-height' },\n      textAlign: {},\n      linkColor: { selector: 'a', property: 'color' },\n      linkTextDecoration: { selector: 'a', property: 'text-decoration' },\n      linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },\n      minHeight: {},\n      minWidth: {},\n    },\n  }),\n  createStyleMixin({ componentNameOverride: getComponentName('link') }),\n  createStyleMixin({ componentNameOverride: getComponentName('text') }),\n  draggableMixin,\n  componentNameValidationMixin\n)(EnrichedText);\n","export const decodeHTML = (html) => {\n  const textArea = document.createElement('textarea');\n  textArea.innerHTML = html;\n  return textArea.value;\n};\n","import { componentName, EnrichedTextClass } from './EnrichedTextClass';\n\ncustomElements.define(componentName, EnrichedTextClass);\n\nexport { EnrichedTextClass, componentName };\n"],"names":["disableRules","componentName","EnrichedText","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","bind","observedAttributes","attributeChangedCallback","attrName","oldValue","newValue","onReadOnlyChange","customUnderlineRenderer","processor","renderer","rules","em_open","tokens","idx","options","env","self","markup","tag","em_close","linkTargetBlank","link_open","attrSet","disable","_","renderToken","html","getAttribute","contentNode","shadowRoot","querySelector","trim","isConnected","setAttribute","removeAttribute","parse","references","undefined","render","breaks","e","console","warn","isReadOnly","EnrichedTextClass","mappings","hostWidth","selector","property","hostDisplay","fallback","hostDirection","fontSize","fontFamily","fontWeight","fontWeightBold","textColor","textLineHeight","textAlign","linkColor","linkTextDecoration","linkHoverTextDecoration","minHeight","minWidth","componentNameOverride","decodeHTML","textArea","document","createElement","value","customElements","define"],"sourceRoot":""}

package/dist/umd/descope-link-index-js.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,7792],{63595:(t,e,o)=>{o.r(e),o.d(e,{TextClass:()=>n.s,componentName:()=>n.T});var n=o(66434);customElements.define(n.T,n.s)},66434:(t,e,o)=>{o.d(e,{T:()=>h,s:()=>c});var n=o(88961),s=o(63200),r=o(25964),i=o(72270);const h=(0,r.xE)("text");class l extends((0,i.qu)({componentName:h,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,r.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}const{host:p}={host:{selector:()=>":host"}},c=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),n.VO,n.tQ)(l)},83002:(t,e,o)=>{o.r(e),o.d(e,{LinkClass:()=>w,componentName:()=>p});var n=o(79365),s=o(81365),r=o(66434),i=o(9696),h=o(97810),l=o(25964);const p=(0,h.xE)("link");class c extends((0,s.q)({componentName:p,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n\t\t\t<descope-text>\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t",(0,l.fz)("\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n      ",this),(0,h.EA)(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,h.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const a={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>r.s.componentName}},{anchor:d,text:m,host:y,wrapper:x,link:u}=a,w=(0,i.Zz)((0,n.RF)({mappings:{hostWidth:{...y,property:"width"},hostDirection:{...m,property:"direction"},textAlign:x,textDecoration:{...u,property:"text-decoration",fallback:"none"},textColor:[{...d,property:"color"},{...m,property:r.s.cssVarList.textColor}],cursor:d}}),n.VO,n.tQ)(c);o(63595),customElements.define(p,w)}}]);
-//# sourceMappingURL=descope-link-index-js.js.map

package/dist/umd/descope-link-index-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descope-link-index-js.js","mappings":"qNAEAA,eAAeC,OAAO,IAAe,I,2FCW9B,MAAMC,GAAgB,QAAiB,QAE9C,MAAMC,WAAgB,QAAgB,CACpCD,gBACAE,aAAc,kBAEd,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iDAIhD,QAAY,iLASTH,KACL,CAEA,iBAAII,GACF,MAAgD,SAAzCJ,KAAKK,aAAa,kBAC3B,CAEA,IAAAC,GACEP,MAAMO,QAEN,QAAgBN,MAAM,KACpB,MAAMO,IAAgBP,KAAKQ,WAAWC,OACtCT,KAAKU,MAAMC,SAAWJ,GAAeP,KAAKI,cAAgB,OAAS,EAAE,GAEzE,EAGF,MAAM,KAAEQ,GAAS,CACfA,KAAM,CAAEC,SAAU,IAAM,UAGbC,GAAY,SACvB,QAAiB,CACfC,SAAU,CACRC,UAAW,CAAEH,SAAU,IAAM,QAASI,SAAU,SAChDC,cAAe,CAAEL,SAAU,IAAM,QAASI,SAAU,aACpDE,SAAU,CAAC,EACXC,UAAW,CACT,CAAEH,SAAU,UAEdI,eAAgB,CAAEJ,SAAU,eAC5BK,kBAAmB,CAAEL,SAAU,kBAC/BM,WAAY,CAAC,EACbC,UAAW,CAAC,EACZC,cAAe,CAAC,EAChBC,WAAY,CAAC,EACbC,UAAW,CAAC,EACZC,WAAY,CAAC,EACbC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,KAGlB,KACA,KAvBuB,CAwBvBnC,E,2ICzEK,MAAMD,GAAgB,QAAiB,QAE9C,MAAMqC,WAAgB,EAAAC,EAAA,GAAgB,CAAEtC,gBAAeE,aAAc,aACnE,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,kIAUhD,QACE,oIASAH,OAGF,QAAaA,KAAMA,KAAKkC,WAAWC,cAAc,KAAM,CACrDC,aAAc,CAAC,OAAQ,SAAU,WACjCC,SAAU,CACRC,QAAS,YAIb,QAAatC,KAAMA,KAAKkC,WAAWC,cAAc,gBAAiB,CAChEC,aAAc,CAAC,OAAQ,YAE3B,EAGF,MAAMG,EAAY,CAChB3B,KAAM,CAAEC,SAAU,IAAM,SACxB2B,KAAM,CAAE3B,SAAU,IAAM,WACxB4B,OAAQ,CAAC,EACTC,QAAS,CAAE7B,SAAU,IAAM,eAC3B8B,KAAM,CAAE9B,SAAU,IAAMC,EAAA,EAAUnB,iBAG5B8C,OAAM,OAAM,wBAAqB,GAAKF,EAEjCK,GAAY,SACvB,QAAiB,CACf7B,SAAU,CACRC,UAAW,IAAKJ,EAAMK,SAAU,SAChCC,cAAe,IAAK,EAAMD,SAAU,aACpCO,UAAWkB,EACXG,eAAgB,IAAK,EAAM5B,SAAU,kBAAmB6B,SAAU,QAClE1B,UAAW,CACT,IAAK,EAAQH,SAAU,SACvB,IAAK,EAAMA,SAAUH,EAAA,EAAUiC,WAAW3B,YAE5C4B,OAAQ,KAGZ,KACA,KAfuB,CAgBvBhB,G,SCxEFvC,eAAeC,OAAOC,EAAeiD,E","sources":["webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/components/descope-link/LinkClass.js","webpack://@descope/web-components-ui/./src/components/descope-link/index.js"],"sourcesContent":["import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('link');\n\nclass RawLink extends createBaseClass({ componentName, baseSelector: ':host a' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text>\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n      `,\n      this\n    );\n\n    forwardAttrs(this, this.shadowRoot.querySelector('a'), {\n      includeAttrs: ['href', 'target', 'tooltip'],\n      mapAttrs: {\n        tooltip: 'title',\n      },\n    });\n\n    forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n      includeAttrs: ['mode', 'variant'],\n    });\n  }\n}\n\nconst selectors = {\n  host: { selector: () => ':host' },\n  link: { selector: () => ':host a' },\n  anchor: {},\n  wrapper: { selector: () => ':host > div' },\n  text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...text, property: 'direction' },\n      textAlign: wrapper,\n      textDecoration: { ...link, property: 'text-decoration', fallback: 'none' },\n      textColor: [\n        { ...anchor, property: 'color' },\n        { ...text, property: TextClass.cssVarList.textColor },\n      ],\n      cursor: anchor,\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, componentName };\n"],"names":["customElements","define","componentName","RawText","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","hideWhenEmpty","getAttribute","init","hasChildren","childNodes","length","style","display","host","selector","TextClass","mappings","hostWidth","property","hostDirection","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textAlign","textTransform","fontFamily","fontStyle","fontWeight","borderWidth","borderStyle","borderColor","RawLink","createBaseClass","shadowRoot","querySelector","includeAttrs","mapAttrs","tooltip","selectors","link","anchor","wrapper","text","LinkClass","textDecoration","fallback","cssVarList","cursor"],"sourceRoot":""}

package/src/components/descope-enriched-text/EnrichedTextClass.js

@@ -1,209 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import MarkdownIt from 'markdown-it';
-import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
-import { compose } from '../../helpers';
-import { getComponentName, observeChildren } from '../../helpers/componentHelpers';
-import { disableRules } from './consts';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { decodeHTML } from './helpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
-
-export const componentName = getComponentName('enriched-text');
-
-class EnrichedText extends createBaseClass({ componentName, baseSelector: ':host > div' }) {
-  #origLinkRenderer;
-
-  #origEmRenderer;
-
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' }).innerHTML = `
-    <div class="content"></div>
-    `;
-
-    injectStyle(
-      `
-      :host {
-        line-height: 1em;
-        word-break: break-word;
-      }
-      :host > slot {
-        width: 100%;
-        display: inline-block;
-      }
-      *, *:last-child {
-        margin: 0;
-      }
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      p {
-        margin-bottom: 1em;
-      }
-      a {
-        cursor: pointer;
-      }
-      blockquote {
-        padding: 0 2em;
-      }
-      u {
-        text-decoration: underline
-      }
-      s {
-        color: currentColor;
-      }
-        `,
-      this
-    );
-
-    this.#initProcessor();
-
-    observeChildren(this, this.#parseChildren.bind(this));
-  }
-
-  static get observedAttributes() {
-    return ['readonly', 'link-target-blank'];
-  }
-
-  attributeChangedCallback(attrName, oldValue, newValue) {
-    super.attributeChangedCallback?.(attrName, oldValue, newValue);
-
-    if (newValue !== oldValue) {
-      if (attrName === 'readonly') {
-        this.onReadOnlyChange(newValue === 'true');
-      }
-
-      if (attrName === 'link-target-blank') {
-        this.#initProcessor();
-      }
-    }
-  }
-
-  // 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) => {
-      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) => {
-      if (tokens[idx].markup === '_') tokens[idx].tag = 'u';
-      return this.#origEmRenderer(tokens, idx, options, env, self);
-    };
-  }
-
-  #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;
-    }
-  }
-
-  #disableCustomRules() {
-    if (!this.processor) {
-      return;
-    }
-    this.processor.disable(disableRules);
-  }
-
-  #updateProcessorRules() {
-    this.#disableCustomRules();
-  }
-
-  #storeOrigRenderers() {
-    const defaultLinkRenderer = (tokens, idx, options, _, self) =>
-      self.renderToken(tokens, idx, options);
-    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;
-  }
-
-  #initProcessor() {
-    this.processor = new MarkdownIt('commonmark', { html: true });
-    this.#storeOrigRenderers();
-    this.#updateProcessorRules();
-    this.#customizeLinkRenderer();
-    this.customUnderlineRenderer();
-  }
-
-  get linkTargetBlank() {
-    return this.getAttribute('link-target-blank') === 'true';
-  }
-
-  get contentNode() {
-    return this.shadowRoot.querySelector('.content');
-  }
-
-  #parseChildren() {
-    if (!this.processor) {
-      return;
-    }
-
-    let html = decodeHTML(this.innerHTML);
-
-    if (!html?.trim() && this.isConnected) {
-      this.setAttribute('empty', 'true');
-    } else {
-      this.removeAttribute('empty');
-    }
-
-    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
-      console.warn('Not parsing invalid markdown token');
-    }
-
-    this.contentNode.innerHTML = html;
-  }
-
-  onReadOnlyChange(isReadOnly) {
-    if (isReadOnly) {
-      this.contentNode.setAttribute('inert', isReadOnly);
-    } else {
-      this.contentNode.removeAttribute('inert');
-    }
-  }
-}
-
-export const EnrichedTextClass = compose(
-  createStyleMixin({
-    mappings: {
-      hostWidth: { selector: () => ':host', property: 'width' },
-      hostDisplay: { selector: () => ':host', property: 'display', fallback: 'inline-block' },
-      hostDirection: { selector: () => ':host', property: 'direction' },
-      fontSize: {},
-      fontFamily: {},
-      fontWeight: {},
-      fontWeightBold: [
-        { selector: () => ':host strong', property: 'font-weight' },
-        { selector: () => ':host b', property: 'font-weight' },
-      ],
-      textColor: { property: 'color' },
-      textLineHeight: { property: 'line-height' },
-      textAlign: {},
-      linkColor: { selector: 'a', property: 'color' },
-      linkTextDecoration: { selector: 'a', property: 'text-decoration' },
-      linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },
-      minHeight: {},
-      minWidth: {},
-    },
-  }),
-  createStyleMixin({ componentNameOverride: getComponentName('link') }),
-  createStyleMixin({ componentNameOverride: getComponentName('text') }),
-  draggableMixin,
-  componentNameValidationMixin
-)(EnrichedText);

package/src/components/descope-enriched-text/consts.js

@@ -1,14 +0,0 @@
-export const disableRules = [
-  'blockquote',
-  'list',
-  'image',
-  'table',
-  'code',
-  'hr',
-  'backticks',
-  'fence',
-  'reference',
-  'heading',
-  'lheading',
-  'html_block',
-];

package/src/components/descope-enriched-text/helpers.js

@@ -1,5 +0,0 @@
-export const decodeHTML = (html) => {
-  const textArea = document.createElement('textarea');
-  textArea.innerHTML = html;
-  return textArea.value;
-};

package/src/components/descope-enriched-text/index.js

@@ -1,5 +0,0 @@
-import { componentName, EnrichedTextClass } from './EnrichedTextClass';
-
-customElements.define(componentName, EnrichedTextClass);
-
-export { EnrichedTextClass, componentName };