@descope/web-components-ui 3.22.1 → 3.22.3

package/dist/umd/descope-collapsible-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-collapsible-container.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/chevron.svg","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/CollapsibleContainerClass.js","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+IDwvc3ZnPiA=\"","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport chevronIcon from './chevron.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('collapsible-container');\n\nclass RawCollapsibleContainer extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return ['collapsed', 'collapsible', 'text'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-text st-host-direction=\"ltr\">\n        <div class=\"header\">\n          <div class=\"title\">\n            <div class=\"icon\">\n              <descope-icon st-fill=\"currentcolor\" src=${chevronIcon}></descope-icon>\n            </div>\n            <span></span>\n          </div>\n        </div>\n      </descope-text>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n      div.content {\n        transition-property: max-height;\n        overflow: auto;\n        height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n      slot:focus-visible {\n        outline: none;\n      }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      .header {\n          user-select: none;\n          display: flex;\n          align-items: baseline;\n      }\n      .title {\n        display: contents;\n      }\n      :host([attach-icon=\"true\"]) .header {\n        display: block;\n      }\n      :host([attach-icon=\"true\"]) .title {\n        display: inline-flex;\n        align-items: baseline;\n      }\n      .icon {\n          flex-shrink: 0;\n          height: var(${TextClass.cssVarList.textLineHeight});\n          min-height: 24px;\n          display: flex;\n          align-items: center;\n      }\n      descope-icon {\n          transition-property: transform;\n      }\n      .rotate {\n          transform: rotate(-180deg);\n      }\n      descope-text {\n        width: 100%;\n        display: flex;\n      }\n      span {\n        align-self: center;\n        word-break: break-word;\n      }\n      span:empty {\n        display: none;\n      }\n      .wrapper {\n        overflow: hidden;\n        display: inline-flex;\n        width: 100%;\n        flex-direction: column;\n      }\n  `,\n      this,\n    );\n\n    this.header = this.shadowRoot.querySelector('.header');\n    this.content = this.shadowRoot.querySelector('div.content');\n    this.icon = this.header.querySelector('descope-icon');\n    this.headerText = this.header.querySelector('span');\n    this.textComponent = this.shadowRoot.querySelector('descope-text');\n  }\n\n  get isCollapsible() {\n    return this.getAttribute('collapsible') === 'true';\n  }\n\n  calcContentHeight() {\n    return this.content.offsetHeight || this.content.scrollHeight;\n  }\n\n  get isCollapsed() {\n    return this.getAttribute('collapsed') === 'true';\n  }\n\n  toggle() {\n    this.setAttribute('collapsed', this.isCollapsed ? 'false' : 'true');\n  }\n\n  collapse(animated = false) {\n    const final = () => {\n      this.content.style.maxHeight = '0px';\n    };\n    this.icon.classList.add('rotate');\n    if (!animated) return final();\n\n    this.content.style.maxHeight = this.calcContentHeight() + 'px';\n    setTimeout(final);\n  }\n\n  expand(animated = false) {\n    const final = () => {\n      this.content.style.maxHeight = '';\n    };\n    this.icon.classList.remove('rotate');\n    if (!animated) return final();\n\n    this.content.addEventListener('transitionend', final, { once: true });\n    this.content.style.maxHeight = this.calcContentHeight() + 'px';\n  }\n\n  #isComponentMounted = false;\n\n  init() {\n    super.init?.();\n    // we want to animate the collapse/expand only after the first time the component is connected\n    // so when setting a default value for the collapsed attribute, it will not animate\n    this.#isComponentMounted = true;\n\n    this.header.addEventListener('click', () => {\n      if (!this.isCollapsible) return;\n      this.toggle();\n    });\n    forwardAttrs(this, this.textComponent, {\n      includeAttrs: ['text-align', 'text-variant', 'text-mode'],\n      mapAttrs: { 'text-mode': 'mode', 'text-variant': 'variant' },\n    });\n  }\n\n  updateHeaderText() {\n    const text = this.getAttribute('text') || '';\n    this.headerText.innerText = text;\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (name === 'text') {\n      this.updateHeaderText();\n      return;\n    }\n    const collapsed = this.isCollapsed && this.isCollapsible;\n    if (collapsed) {\n      this.collapse(this.#isComponentMounted);\n    } else {\n      this.expand(this.#isComponentMounted);\n    }\n  }\n}\n\nconst selectors = {\n  host: () => ':host',\n  icon: () => 'descope-icon',\n  iconWrapper: () => '.icon',\n  header: () => '.header',\n  iconAndText: () => '.header, .title',\n  text: () => 'span',\n  wrapper: () => '.wrapper',\n  content: () => 'div.content',\n};\n\nexport const CollapsibleContainerClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: selectors.host, property: 'width' },\n      hostDirection: { selector: selectors.host, property: 'direction' },\n      verticalPadding: [\n        { selector: selectors.wrapper, property: 'padding-top' },\n        { selector: selectors.wrapper, property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { selector: selectors.wrapper, property: 'padding-left' },\n        { selector: selectors.wrapper, property: 'padding-right' },\n      ],\n\n      flexDirection: {},\n      justifyContent: {},\n      alignItems: {},\n      gap: [{}, { property: 'margin-top' }],\n\n      backgroundColor: { selector: selectors.wrapper },\n      backgroundImage: { selector: selectors.wrapper },\n      backgroundPositionX: { selector: selectors.wrapper },\n      backgroundPositionY: { selector: selectors.wrapper },\n      backgroundSize: { selector: selectors.wrapper },\n      backgroundRepeat: { selector: selectors.wrapper },\n\n      borderRadius: { selector: selectors.wrapper },\n      borderColor: { selector: selectors.wrapper },\n      borderStyle: { selector: selectors.wrapper },\n      borderWidth: { selector: selectors.wrapper },\n\n      boxShadow: { selector: selectors.wrapper },\n\n      headerIconOrder: { selector: selectors.iconWrapper, property: 'order' },\n      headerCursor: { selector: selectors.header, property: 'cursor' },\n      headerGap: { selector: selectors.iconAndText, property: 'gap' },\n      textGrow: { selector: selectors.text, property: 'flex-grow' },\n      textDirection: { selector: selectors.text, property: 'direction' },\n      iconAnimationDuration: {\n        selector: selectors.icon,\n        property: 'transition-duration',\n      },\n      contentAnimationDuration: {\n        selector: selectors.content,\n        property: 'transition-duration',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawCollapsibleContainer);\n","import '@descope-ui/descope-text'\nimport '@descope-ui/descope-icon'\nimport { componentName, CollapsibleContainerClass } from './CollapsibleContainerClass';\n\ncustomElements.define(componentName, CollapsibleContainerClass);\n\nexport { CollapsibleContainerClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return srcAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.getSrc);\n  }\n\n  onThemeChange() {\n    this.renderImage();\n  }\n\n  toggleVisibility(isVisible) {\n    if (isVisible) {\n      this.classList.remove('hidden');\n    } else {\n      this.classList.add('hidden');\n    }\n  }\n\n  get altText() {\n    return this.getAttribute('alt') || '';\n  }\n\n  get legacySrc() {\n    return this.getAttribute('src');\n  }\n\n  get themeSrc() {\n    return this.getAttribute(`src-${this.currentThemeName}`);\n  }\n\n  get getSrc() {\n    return this.themeSrc || this.legacySrc;\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n   \n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n      );\n    });\n  }\n\n  renderImage() {\n    this.toggleVisibility(this.getSrc);\n\n    createImage(this.getSrc, this.altText).then((res) => {\n      this.innerHTML = '';\n      if (res) {\n        this.updateFillColor(res);\n        this.appendChild(res);\n      }\n    });\n  }\n\n  // render only when src attribute matches current theme\n  shouldRender(src) {\n    const srcVal = this.getAttribute(src);\n    return this.getSrc === srcVal;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (this.shouldRender(attrName)) {\n      this.renderImage();\n    }\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  ele.setAttribute('alt', altText);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // allow image to render\n    ADD_TAGS: ['image'],\n    // forbid interactiviy via `use` tags (which are sanitized by default)\n    FORBID_TAGS: ['defs']\n  });\n\n  const parser = new DOMParser();\n  const ele = parser\n    .parseFromString(clean, 'image/svg+xml')\n    .querySelector('svg');\n  return ele;\n};\n\nexport const createImage = async (src, altText) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src, altText);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\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      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\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: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\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  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["module","exports","componentName","componentsHelpers","xE","RawCollapsibleContainer","baseClasses","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","chevron_default","fz","TextClass","s","cssVarList","textLineHeight","header","shadowRoot","querySelector","content","icon","headerText","textComponent","isCollapsible","getAttribute","calcContentHeight","offsetHeight","scrollHeight","isCollapsed","toggle","setAttribute","collapse","animated","final","style","maxHeight","classList","add","setTimeout","expand","remove","addEventListener","once","isComponentMounted","init","EA","includeAttrs","mapAttrs","updateHeaderText","text","innerText","attributeChangedCallback","name","oldValue","newValue","selectors","host","iconWrapper","iconAndText","wrapper","CollapsibleContainerClass","utils","Zz","componentsMixins","RF","mappings","hostWidth","selector","property","hostDirection","verticalPadding","horizontalPadding","flexDirection","justifyContent","alignItems","gap","backgroundColor","backgroundImage","backgroundPositionX","backgroundPositionY","backgroundSize","backgroundRepeat","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","headerIconOrder","headerCursor","headerGap","textGrow","textDirection","iconAnimationDuration","contentAnimationDuration","VO","tQ","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","fill","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","tz","slots","wrappedEleName","excludeAttrsSync","_IconClass__WEBPACK_IMPORTED_MODULE_1__","T","S","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","fontSize","textColor","textLetterSpacing","textShadow","textAlign","textTransform","fontFamily","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}
+{"version":3,"file":"descope-collapsible-container.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/chevron.svg","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/CollapsibleContainerClass.js","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik02Ljc4MDcgMTQuNzI3MkM2LjM0MTYgMTUuMTIwOSA1LjY2NjYgMTUuMDg0MSA1LjI3MjggMTQuNjQ1MUM0Ljg3OTEgMTQuMjA2IDQuOTE1OSAxMy41MzA5IDUuMzU0OSAxMy4xMzcyQzUuMzU0OSAxMy4xMzcyIDEwLjk1NDMgNy45OTc4IDExLjM2IDcuNjM0QzExLjc2NTcgNy4yNzAyIDEyLjIzOTIgNy4yNzAyIDEyLjY0NDggNy42MzRMMTguNjQ1MSAxMy4xMzcyQzE5LjA4NDEgMTMuNTMwOSAxOS4xMjA5IDE0LjIwNiAxOC43MjcyIDE0LjY0NTFDMTguMzMzNCAxNS4wODQxIDE3LjY1ODQgMTUuMTIwOSAxNy4yMTkzIDE0LjcyNzJMMTIgOS44NjMyTDYuNzgwNyAxNC43MjcyWiIvPiA8L3N2Zz4g\"","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport chevronIcon from './chevron.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('collapsible-container');\n\nclass RawCollapsibleContainer extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return ['collapsed', 'collapsible', 'text'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n      <descope-text st-host-direction=\"ltr\">\n        <div class=\"header\">\n          <div class=\"title\">\n            <div class=\"icon\">\n              <descope-icon st-fill=\"currentcolor\" src=${chevronIcon}></descope-icon>\n            </div>\n            <span></span>\n          </div>\n        </div>\n      </descope-text>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n      div.content {\n        transition-property: max-height;\n        overflow: auto;\n        height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n      slot:focus-visible {\n        outline: none;\n      }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      .header {\n          user-select: none;\n          display: flex;\n          align-items: baseline;\n      }\n      .title {\n        display: contents;\n      }\n      :host([attach-icon=\"true\"]) .header {\n        display: block;\n      }\n      :host([attach-icon=\"true\"]) .title {\n        display: inline-flex;\n        align-items: baseline;\n      }\n      .icon {\n          flex-shrink: 0;\n          height: var(${TextClass.cssVarList.textLineHeight});\n          min-height: 24px;\n          display: flex;\n          align-items: center;\n      }\n      descope-icon {\n          transition-property: transform;\n      }\n      descope-text {\n        width: 100%;\n        display: flex;\n      }\n      span {\n        align-self: center;\n        word-break: break-word;\n      }\n      span:empty {\n        display: none;\n      }\n      .wrapper {\n        overflow: hidden;\n        display: inline-flex;\n        width: 100%;\n        flex-direction: column;\n      }\n  `,\n      this,\n    );\n\n    this.header = this.shadowRoot.querySelector('.header');\n    this.content = this.shadowRoot.querySelector('div.content');\n    this.icon = this.header.querySelector('descope-icon');\n    this.headerText = this.header.querySelector('span');\n    this.textComponent = this.shadowRoot.querySelector('descope-text');\n  }\n\n  get isCollapsible() {\n    return this.getAttribute('collapsible') === 'true';\n  }\n\n  calcContentHeight() {\n    return this.content.offsetHeight || this.content.scrollHeight;\n  }\n\n  get isCollapsed() {\n    return this.getAttribute('collapsed') === 'true';\n  }\n\n  toggle() {\n    this.setAttribute('collapsed', this.isCollapsed ? 'false' : 'true');\n  }\n\n  collapse(animated = false) {\n    const final = () => {\n      this.content.style.maxHeight = '0px';\n    };\n    this.icon.classList.add('rotate');\n    if (!animated) return final();\n\n    this.content.style.maxHeight = this.calcContentHeight() + 'px';\n    setTimeout(final);\n  }\n\n  expand(animated = false) {\n    const final = () => {\n      this.content.style.maxHeight = '';\n    };\n    this.icon.classList.remove('rotate');\n    if (!animated) return final();\n\n    this.content.addEventListener('transitionend', final, { once: true });\n    this.content.style.maxHeight = this.calcContentHeight() + 'px';\n  }\n\n  #isComponentMounted = false;\n\n  init() {\n    super.init?.();\n    // we want to animate the collapse/expand only after the first time the component is connected\n    // so when setting a default value for the collapsed attribute, it will not animate\n    this.#isComponentMounted = true;\n\n    this.header.addEventListener('click', () => {\n      if (!this.isCollapsible) return;\n      this.toggle();\n    });\n    forwardAttrs(this, this.textComponent, {\n      includeAttrs: ['text-align', 'text-variant', 'text-mode'],\n      mapAttrs: { 'text-mode': 'mode', 'text-variant': 'variant' },\n    });\n  }\n\n  updateHeaderText() {\n    const text = this.getAttribute('text') || '';\n    this.headerText.innerText = text;\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (name === 'text') {\n      this.updateHeaderText();\n      return;\n    }\n    const collapsed = this.isCollapsed && this.isCollapsible;\n    if (collapsed) {\n      this.collapse(this.#isComponentMounted);\n    } else {\n      this.expand(this.#isComponentMounted);\n    }\n  }\n}\n\nconst selectors = {\n  host: () => ':host',\n  icon: () => 'descope-icon',\n  collapsedIcon: () => 'descope-icon.rotate',\n  iconWrapper: () => '.icon',\n  header: () => '.header',\n  iconAndText: () => '.header, .title',\n  text: () => 'span',\n  wrapper: () => '.wrapper',\n  content: () => 'div.content',\n};\n\nexport const CollapsibleContainerClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: selectors.host, property: 'width' },\n      hostDirection: { selector: selectors.host, property: 'direction' },\n      verticalPadding: [\n        { selector: selectors.wrapper, property: 'padding-top' },\n        { selector: selectors.wrapper, property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { selector: selectors.wrapper, property: 'padding-left' },\n        { selector: selectors.wrapper, property: 'padding-right' },\n      ],\n\n      flexDirection: {},\n      justifyContent: {},\n      alignItems: {},\n      gap: [{}, { property: 'margin-top' }],\n\n      backgroundColor: { selector: selectors.wrapper },\n      backgroundImage: { selector: selectors.wrapper },\n      backgroundPositionX: { selector: selectors.wrapper },\n      backgroundPositionY: { selector: selectors.wrapper },\n      backgroundSize: { selector: selectors.wrapper },\n      backgroundRepeat: { selector: selectors.wrapper },\n\n      borderRadius: { selector: selectors.wrapper },\n      borderColor: { selector: selectors.wrapper },\n      borderStyle: { selector: selectors.wrapper },\n      borderWidth: { selector: selectors.wrapper },\n\n      boxShadow: { selector: selectors.wrapper },\n\n      headerIconOrder: { selector: selectors.iconWrapper, property: 'order' },\n      headerCursor: { selector: selectors.header, property: 'cursor' },\n      headerGap: { selector: selectors.iconAndText, property: 'gap' },\n      textGrow: { selector: selectors.text, property: 'flex-grow' },\n      textDirection: { selector: selectors.text, property: 'direction' },\n      iconAnimationDuration: {\n        selector: selectors.icon,\n        property: 'transition-duration',\n      },\n      contentAnimationDuration: {\n        selector: selectors.content,\n        property: 'transition-duration',\n      },\n      chevronRotation: {\n        selector: selectors.collapsedIcon,\n        property: 'transform',\n        fallback: 'rotate(180deg)',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawCollapsibleContainer);\n","import '@descope-ui/descope-text'\nimport '@descope-ui/descope-icon'\nimport { componentName, CollapsibleContainerClass } from './CollapsibleContainerClass';\n\ncustomElements.define(componentName, CollapsibleContainerClass);\n\nexport { CollapsibleContainerClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return srcAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.getSrc);\n  }\n\n  onThemeChange() {\n    this.renderImage();\n  }\n\n  toggleVisibility(isVisible) {\n    if (isVisible) {\n      this.classList.remove('hidden');\n    } else {\n      this.classList.add('hidden');\n    }\n  }\n\n  get altText() {\n    return this.getAttribute('alt') || '';\n  }\n\n  get legacySrc() {\n    return this.getAttribute('src');\n  }\n\n  get themeSrc() {\n    return this.getAttribute(`src-${this.currentThemeName}`);\n  }\n\n  get getSrc() {\n    return this.themeSrc || this.legacySrc;\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n   \n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n      );\n    });\n  }\n\n  renderImage() {\n    this.toggleVisibility(this.getSrc);\n\n    createImage(this.getSrc, this.altText).then((res) => {\n      this.innerHTML = '';\n      if (res) {\n        this.updateFillColor(res);\n        this.appendChild(res);\n      }\n    });\n  }\n\n  // render only when src attribute matches current theme\n  shouldRender(src) {\n    const srcVal = this.getAttribute(src);\n    return this.getSrc === srcVal;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (this.shouldRender(attrName)) {\n      this.renderImage();\n    }\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  ele.setAttribute('alt', altText);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // allow image to render\n    ADD_TAGS: ['image'],\n    // forbid interactiviy via `use` tags (which are sanitized by default)\n    FORBID_TAGS: ['defs']\n  });\n\n  const parser = new DOMParser();\n  const ele = parser\n    .parseFromString(clean, 'image/svg+xml')\n    .querySelector('svg');\n  return ele;\n};\n\nexport const createImage = async (src, altText) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src, altText);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\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      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\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: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\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  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["module","exports","componentName","componentsHelpers","xE","RawCollapsibleContainer","baseClasses","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","chevron_default","fz","TextClass","s","cssVarList","textLineHeight","header","shadowRoot","querySelector","content","icon","headerText","textComponent","isCollapsible","getAttribute","calcContentHeight","offsetHeight","scrollHeight","isCollapsed","toggle","setAttribute","collapse","animated","final","style","maxHeight","classList","add","setTimeout","expand","remove","addEventListener","once","isComponentMounted","init","EA","includeAttrs","mapAttrs","updateHeaderText","text","innerText","attributeChangedCallback","name","oldValue","newValue","selectors","host","collapsedIcon","iconWrapper","iconAndText","wrapper","CollapsibleContainerClass","utils","Zz","componentsMixins","RF","mappings","hostWidth","selector","property","hostDirection","verticalPadding","horizontalPadding","flexDirection","justifyContent","alignItems","gap","backgroundColor","backgroundImage","backgroundPositionX","backgroundPositionY","backgroundSize","backgroundRepeat","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","headerIconOrder","headerCursor","headerGap","textGrow","textDirection","iconAnimationDuration","contentAnimationDuration","chevronRotation","fallback","VO","tQ","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","fill","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","tz","slots","wrappedEleName","excludeAttrsSync","_IconClass__WEBPACK_IMPORTED_MODULE_1__","T","S","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","fontSize","textColor","textLetterSpacing","textShadow","textAlign","textTransform","fontFamily","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}

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

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4159,9261],{76231(e,t,r){r.d(t,{T:()=>c,m:()=>p});var n=r(92540),o=r(88961),s=r(63200),i=r(36976),l=r(72270),a=r(54847),h=r(25964);const c=(0,h.xE)("enriched-text");class d extends((0,l.qu)({componentName:c,baseSelector:":host > div"})){#e;#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',(0,h.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,h.Ge)(this,this.#n.bind(this)),this.contentNode?.addEventListener("click",e=>{e.target instanceof HTMLAnchorElement&&e.stopPropagation()})}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(i.M)}#i(){this.#s()}#l(){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.#l(),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,a.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{console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=e,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const p=(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,h.xE)("link")}),(0,o.RF)({componentNameOverride:(0,h.xE)("text")}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(d)},36976(e,t,r){r.d(t,{M:()=>n});const n=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"]},54847(e,t,r){r.d(t,{G:()=>n});const n=e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value}},55838(e,t,r){r.r(t),r.d(t,{EnrichedTextClass:()=>n.m,componentName:()=>n.T}),r(90512);var n=r(76231);customElements.define(n.T,n.m)},75464(e,t,r){r.d(t,{J:()=>b,T:()=>a});var n=r(88961),o=r(63200),s=r(25964),i=r(72270),l=r(66434);const a=(0,s.xE)("link"),h=["href","readonly"];class c extends((0,i.qu)({componentName:a,baseSelector:":host a"})){static get observedAttributes(){return h.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\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,s.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\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,s.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,s.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",e=>{this.readOnly&&e.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const d={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>l.s.componentName}},{anchor:p,text:u,host:m,wrapper:g,link:k}=d,b=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:g,textDecoration:{...k,property:"text-decoration",fallback:"none"},textColor:[{...p,property:"color"},{...u,property:l.s.cssVarList.textColor}],cursor:p}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(c)},90512(e,t,r){r.r(t),r.d(t,{LinkClass:()=>n.J,componentName:()=>n.T});var n=r(75464);r(63595),customElements.define(n.T,n.J)},66434(e,t,r){r.d(t,{T:()=>l,s:()=>c});var n=r(88961),o=r(63200),s=r(25964),i=r(72270);const l=(0,s.xE)("text");class a extends((0,i.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:h}={host:{selector:()=>":host"}},c=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...h,property:"width"},hostDirection:{...h,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(a)},63595(e,t,r){r.r(t),r.d(t,{TextClass:()=>n.s,componentName:()=>n.T});var n=r(66434);customElements.define(n.T,n.s)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4159,9261],{76231(e,t,r){r.d(t,{T:()=>c,m:()=>p});var n=r(92540),o=r(88961),s=r(63200),i=r(36976),l=r(72270),a=r(54847),h=r(25964);const c=(0,h.xE)("enriched-text");class d extends((0,l.qu)({componentName:c,baseSelector:":host > div"})){#e;#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',(0,h.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,h.Ge)(this,this.#n.bind(this)),this.contentNode?.addEventListener("click",e=>{e.target instanceof HTMLAnchorElement&&e.stopPropagation()}),this.contentNode?.addEventListener("keydown",e=>{"Enter"===e.key&&e.target instanceof HTMLAnchorElement&&e.stopPropagation()})}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(i.M)}#i(){this.#s()}#l(){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.#l(),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,a.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{console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=e,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const p=(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,h.xE)("link")}),(0,o.RF)({componentNameOverride:(0,h.xE)("text")}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(d)},36976(e,t,r){r.d(t,{M:()=>n});const n=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"]},54847(e,t,r){r.d(t,{G:()=>n});const n=e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value}},55838(e,t,r){r.r(t),r.d(t,{EnrichedTextClass:()=>n.m,componentName:()=>n.T}),r(90512);var n=r(76231);customElements.define(n.T,n.m)},75464(e,t,r){r.d(t,{J:()=>b,T:()=>a});var n=r(88961),o=r(63200),s=r(25964),i=r(72270),l=r(66434);const a=(0,s.xE)("link"),h=["href","readonly"];class c extends((0,i.qu)({componentName:a,baseSelector:":host a"})){static get observedAttributes(){return h.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\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,s.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\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,s.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,s.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",e=>{this.readOnly&&e.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const d={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>l.s.componentName}},{anchor:p,text:u,host:m,wrapper:g,link:k}=d,b=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:g,textDecoration:{...k,property:"text-decoration",fallback:"none"},textColor:[{...p,property:"color"},{...u,property:l.s.cssVarList.textColor}],cursor:p}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(c)},90512(e,t,r){r.r(t),r.d(t,{LinkClass:()=>n.J,componentName:()=>n.T});var n=r(75464);r(63595),customElements.define(n.T,n.J)},66434(e,t,r){r.d(t,{T:()=>l,s:()=>c});var n=r(88961),o=r(63200),s=r(25964),i=r(72270);const l=(0,s.xE)("text");class a extends((0,i.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:h}={host:{selector:()=>":host"}},c=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...h,property:"width"},hostDirection:{...h,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(a)},63595(e,t,r){r.r(t),r.d(t,{TextClass:()=>n.s,componentName:()=>n.T});var n=r(66434);customElements.define(n.T,n.s)}}]);
 //# sourceMappingURL=descope-enriched-text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-enriched-text.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/EnrichedTextClass.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/consts.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import MarkdownIt from 'markdown-it';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { disableRules } from './consts';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { decodeHTML } from './helpers';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('enriched-text');\n\nclass EnrichedText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\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    // Stop propagation on link clicks to prevent parent handlers from firing\n    this.contentNode?.addEventListener('click', (e) => {\n      if (e.target instanceof HTMLAnchorElement) {\n        e.stopPropagation();\n      }\n    });\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 = (\n      tokens,\n      idx,\n      options,\n      env,\n      self,\n    ) => {\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 = (\n      tokens,\n      idx,\n      options,\n      env,\n      self,\n    ) => {\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 = (\n        tokens,\n        idx,\n        options,\n        env,\n        self,\n      ) => {\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 =\n      this.processor.renderer.rules.link_open || defaultLinkRenderer;\n\n    const defaultStrongRenderer = (tokens, idx, options, _, self) =>\n      self.renderToken(tokens, idx, options);\n    this.#origEmRenderer =\n      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, {\n        html: true,\n        breaks: true,\n      });\n    } catch {\n      console.warn('Not parsing invalid markdown token');\n    }\n\n    this.contentNode.innerHTML = html;\n    this.contentNode.firstChild?.setAttribute('part', 'content');\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: {\n        selector: () => ':host',\n        property: 'display',\n        fallback: 'inline-block',\n      },\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: {\n        selector: 'a:hover',\n        property: 'text-decoration',\n      },\n      minHeight: {},\n      minWidth: {},\n    },\n  }),\n  createStyleMixin({ componentNameOverride: getComponentName('link') }),\n  createStyleMixin({ componentNameOverride: getComponentName('text') }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(EnrichedText);\n","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","export const decodeHTML = (html) => {\n  const textArea = document.createElement('textarea');\n  textArea.innerHTML = html;\n  return textArea.value;\n};\n","import '@descope-ui/descope-link';\n\nimport { componentName, EnrichedTextClass } from './EnrichedTextClass';\n\ncustomElements.define(componentName, EnrichedTextClass);\n\nexport { EnrichedTextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n  componentName,\n  baseSelector: ':host a',\n}) {\n  static get observedAttributes() {\n    return observedAttrs.concat(super.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\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    :host([ellipsis=\"true\"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      `,\n      this,\n    );\n\n    this.anchor = this.shadowRoot.querySelector('a');\n\n    forwardAttrs(this, this.anchor, {\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    this.anchor.addEventListener('click', (e) => {\n      if (this.readOnly) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  get readOnly() {\n    return this.getAttribute('readonly') === 'true';\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: {\n        ...link,\n        property: 'text-decoration',\n        fallback: 'none',\n      },\n      textColor: [\n        { ...anchor, property: 'color' },\n        { ...text, property: TextClass.cssVarList.textColor },\n      ],\n      cursor: anchor,\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\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","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\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      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\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: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\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  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_6__","xE","EnrichedText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","qu","baseSelector","origLinkRenderer","origEmRenderer","constructor","super","this","attachShadow","mode","innerHTML","fz","initProcessor","Ge","parseChildren","bind","contentNode","addEventListener","e","target","HTMLAnchorElement","stopPropagation","observedAttributes","attributeChangedCallback","attrName","oldValue","newValue","onReadOnlyChange","customUnderlineRenderer","processor","renderer","rules","em_open","tokens","idx","options","env","self","markup","tag","em_close","customizeLinkRenderer","linkTargetBlank","link_open","attrSet","disableCustomRules","disable","_consts__WEBPACK_IMPORTED_MODULE_3__","M","updateProcessorRules","storeOrigRenderers","_","renderToken","markdown_it__WEBPACK_IMPORTED_MODULE_0__","A","html","getAttribute","shadowRoot","querySelector","_helpers__WEBPACK_IMPORTED_MODULE_5__","G","trim","isConnected","setAttribute","removeAttribute","parse","references","undefined","render","breaks","console","warn","firstChild","isReadOnly","EnrichedTextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_1__","RF","mappings","hostWidth","selector","property","hostDisplay","fallback","hostDirection","fontSize","fontFamily","fontWeight","fontWeightBold","textColor","textLineHeight","textAlign","linkColor","linkTextDecoration","linkHoverTextDecoration","minHeight","minWidth","componentNameOverride","DM","triggers","attr","value","VO","tQ","disableRules","decodeHTML","textArea","document","createElement","customElements","define","_EnrichedTextClass__WEBPACK_IMPORTED_MODULE_1__","T","m","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","observedAttrs","RawLink","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","concat","anchor","EA","includeAttrs","mapAttrs","tooltip","readOnly","preventDefault","selectors","host","link","wrapper","text","_descope_ui_descope_text_class__WEBPACK_IMPORTED_MODULE_4__","s","LinkClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","textDecoration","cssVarList","cursor","_LinkClass__WEBPACK_IMPORTED_MODULE_0__","J","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","style","display","TextClass","textLetterSpacing","textShadow","textTransform","fontStyle","borderWidth","borderStyle","borderColor","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}
+{"version":3,"file":"descope-enriched-text.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/EnrichedTextClass.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/consts.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-enriched-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import MarkdownIt from 'markdown-it';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { disableRules } from './consts';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { decodeHTML } from './helpers';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('enriched-text');\n\nclass EnrichedText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\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    // Stop propagation on link clicks to prevent parent handlers from firing\n    this.contentNode?.addEventListener('click', (e) => {\n      if (e.target instanceof HTMLAnchorElement) {\n        e.stopPropagation();\n      }\n    });\n\n    // The SDK submits the form (and prevents link activation) on any Enter that reaches the flow root\n    this.contentNode?.addEventListener('keydown', (e) => {\n      if (e.key === 'Enter' && e.target instanceof HTMLAnchorElement) {\n        e.stopPropagation();\n      }\n    });\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 = (\n      tokens,\n      idx,\n      options,\n      env,\n      self,\n    ) => {\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 = (\n      tokens,\n      idx,\n      options,\n      env,\n      self,\n    ) => {\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 = (\n        tokens,\n        idx,\n        options,\n        env,\n        self,\n      ) => {\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 =\n      this.processor.renderer.rules.link_open || defaultLinkRenderer;\n\n    const defaultStrongRenderer = (tokens, idx, options, _, self) =>\n      self.renderToken(tokens, idx, options);\n    this.#origEmRenderer =\n      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, {\n        html: true,\n        breaks: true,\n      });\n    } catch {\n      console.warn('Not parsing invalid markdown token');\n    }\n\n    this.contentNode.innerHTML = html;\n    this.contentNode.firstChild?.setAttribute('part', 'content');\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: {\n        selector: () => ':host',\n        property: 'display',\n        fallback: 'inline-block',\n      },\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: {\n        selector: 'a:hover',\n        property: 'text-decoration',\n      },\n      minHeight: {},\n      minWidth: {},\n    },\n  }),\n  createStyleMixin({ componentNameOverride: getComponentName('link') }),\n  createStyleMixin({ componentNameOverride: getComponentName('text') }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(EnrichedText);\n","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","export const decodeHTML = (html) => {\n  const textArea = document.createElement('textarea');\n  textArea.innerHTML = html;\n  return textArea.value;\n};\n","import '@descope-ui/descope-link';\n\nimport { componentName, EnrichedTextClass } from './EnrichedTextClass';\n\ncustomElements.define(componentName, EnrichedTextClass);\n\nexport { EnrichedTextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n  componentName,\n  baseSelector: ':host a',\n}) {\n  static get observedAttributes() {\n    return observedAttrs.concat(super.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\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    :host([ellipsis=\"true\"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      `,\n      this,\n    );\n\n    this.anchor = this.shadowRoot.querySelector('a');\n\n    forwardAttrs(this, this.anchor, {\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    this.anchor.addEventListener('click', (e) => {\n      if (this.readOnly) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  get readOnly() {\n    return this.getAttribute('readonly') === 'true';\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: {\n        ...link,\n        property: 'text-decoration',\n        fallback: 'none',\n      },\n      textColor: [\n        { ...anchor, property: 'color' },\n        { ...text, property: TextClass.cssVarList.textColor },\n      ],\n      cursor: anchor,\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\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","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\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      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\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: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\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  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_6__","xE","EnrichedText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","qu","baseSelector","origLinkRenderer","origEmRenderer","constructor","super","this","attachShadow","mode","innerHTML","fz","initProcessor","Ge","parseChildren","bind","contentNode","addEventListener","e","target","HTMLAnchorElement","stopPropagation","key","observedAttributes","attributeChangedCallback","attrName","oldValue","newValue","onReadOnlyChange","customUnderlineRenderer","processor","renderer","rules","em_open","tokens","idx","options","env","self","markup","tag","em_close","customizeLinkRenderer","linkTargetBlank","link_open","attrSet","disableCustomRules","disable","_consts__WEBPACK_IMPORTED_MODULE_3__","M","updateProcessorRules","storeOrigRenderers","_","renderToken","markdown_it__WEBPACK_IMPORTED_MODULE_0__","A","html","getAttribute","shadowRoot","querySelector","_helpers__WEBPACK_IMPORTED_MODULE_5__","G","trim","isConnected","setAttribute","removeAttribute","parse","references","undefined","render","breaks","console","warn","firstChild","isReadOnly","EnrichedTextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_1__","RF","mappings","hostWidth","selector","property","hostDisplay","fallback","hostDirection","fontSize","fontFamily","fontWeight","fontWeightBold","textColor","textLineHeight","textAlign","linkColor","linkTextDecoration","linkHoverTextDecoration","minHeight","minWidth","componentNameOverride","DM","triggers","attr","value","VO","tQ","disableRules","decodeHTML","textArea","document","createElement","customElements","define","_EnrichedTextClass__WEBPACK_IMPORTED_MODULE_1__","T","m","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","observedAttrs","RawLink","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","concat","anchor","EA","includeAttrs","mapAttrs","tooltip","readOnly","preventDefault","selectors","host","link","wrapper","text","_descope_ui_descope_text_class__WEBPACK_IMPORTED_MODULE_4__","s","LinkClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","textDecoration","cssVarList","cursor","_LinkClass__WEBPACK_IMPORTED_MODULE_0__","J","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","style","display","TextClass","textLetterSpacing","textShadow","textTransform","fontStyle","borderWidth","borderStyle","borderColor","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}

package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8603],{3393(t,e,i){i.d(e,{y:()=>n});var r=i(9696),s=i(79365),o=i(81365);const n=(...t)=>(0,r.Zz)(s.XX,s._$,s.yF,s.jd)((0,o.q)(...t))},87455(t,e,i){i.d(e,{M:()=>m,T:()=>d});var r=i(97810),s=i(9696),o=i(79365),n=i(8877),a=i(5810),l=i(73551),p=i(10777);const d=(0,r.xE)("new-password"),c=p.w.cssVarList,{host:h,label:u,internalInputsWrapper:g,errorMessage:b,helperText:y,passwordInput:w,policyPreview:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},m=(0,s.Zz)((0,o.RF)({mappings:{fontSize:[h,{},{selector:a.M.componentName,property:a.M.cssVarList.fontSize}],fontFamily:[u,b,y],labelFontSize:{...u,property:"font-size"},labelFontWeight:{...u,property:"font-weight"},inputValueFontWeight:{...w,property:a.M.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...w,property:a.M.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{...y,property:"font-weight"},errorMessageFontWeight:{...b,property:"font-weight"},labelTextColor:{...u,property:"color"},errorMessageTextColor:{...b,property:"color"},errorMessageIcon:{...b,property:"background-image"},errorMessageIconSize:{...b,property:"background-size"},errorMessageIconPadding:{...b,property:"padding-inline-start"},errorMessageIconRepeat:{...b,property:"background-repeat"},errorMessageIconPosition:{...b,property:"background-position"},errorMessageFontSize:{...b,property:"font-size"},hostWidth:{...h,property:"width"},hostMinWidth:{...h,property:"min-width"},hostDirection:[{...h,property:"direction"},{...w,property:a.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...h,property:"content"},spaceBetweenInputs:{...g,property:"gap"},policyPreviewBackgroundColor:{...v,property:c.backgroundColor},policyPreviewPadding:{...v,property:c.padding},valueInputHeight:{...w,property:a.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...w,property:a.M.cssVarList.valueInputMarginBottom}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${n.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n        external-input="${e}"\n\t\t\t>\n      </${n.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),r=document.createElement("slot"),s=i.getAttribute("slot");r.setAttribute("name",e),r.setAttribute("slot",s),t.appendChild(r),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})((0,o.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${(0,l.cy)(a.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    .hidden {\n      display: none;\n    }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:d}))},8877(t,e,i){i.d(e,{T:()=>r});const r=(0,i(97810).xE)("new-password-internal")},78844(t,e,i){var r=i(25964),s=i(3393),o=i(97810),n=i(87455),a=i(8877);const l=/^password-/,p=/^confirm-/,d=(t,e)=>t.replace(e,""),c=["password-label","password-placeholder"],h=["confirm-label","confirm-placeholder"],u=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","manual-visibility-toggle"],g=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],b=[].concat(g,c,h,u),y=(0,s.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends y{static get observedAttributes(){return[].concat(y.observedAttributes||[],b)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.classList.toggle("hidden",!t)}onHasValidationChange(t){this.policyPanel.classList.toggle("hidden",!t)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n      <div class="password-input-container">\n        <descope-password\n          autocomplete="new-password"\n          manual-visibility-toggle="true"\n          data-id="password"\n          external-input="${t}"\n        ></descope-password>\n        <descope-policy-validation></descope-policy-validation>\n      </div>\n      <descope-password\n        autocomplete="new-password"\n        manual-visibility-toggle="true"\n        external-input="${t}"\n        data-id="confirm"\n      ></descope-password>\n    `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",t=>{this.passwordStrength?.addEventListener("score-changed",({detail:t})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",t)},{once:!0}),this.passwordStrength?.setAttribute("value",t.target.value),this.policyPanel.setAttribute("value",t.target.value)}),(0,o.EA)(this,this.policyPanel,{includeAttrs:u,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${n.M.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,t)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(t=>{t&&(0,o.mx)(t,e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.all([i.e(8961),i.e(3241)]).then(i.bind(i,13241)),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):g.includes(t)?this.inputs.forEach(e=>this.toggleBooleanAttribute(e,t,i)):c.includes(t)?this.toggleBooleanAttribute(this.passwordInput,d(t,l),i):h.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,d(t,p),i),"active-policies"===t&&this.togglePasswordStrength())}})},5810(t,e,i){i.d(e,{M:()=>m,T:()=>l});var r=i(79365),s=i(9696),o=i(97810),n=i(16616),a=i(73551);const l=(0,o.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:h,revealButtonContainer:u,revealButtonIcon:g,label:b,requiredIndicator:y,errorMessage:w,helperText:v}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},m=(0,s.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[b,d,w,v],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...b,property:"font-size"},labelFontWeight:{...b,property:"font-weight"},inputValueFontWeight:[{...c,property:"font-weight"},{selector:()=>":host ::slotted(input)",property:"font-weight"}],inputPlaceholderFontWeight:[{...h,property:"font-weight"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"font-weight"}],helperTextFontWeight:{...v,property:"font-weight"},errorMessageFontWeight:{...w,property:"font-weight"},labelTextColor:[{...b,property:"color"},{...b,property:"-webkit-text-fill-color"},{...y,property:"color"},{...y,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...y,property:"content"},errorMessageTextColor:{...w,property:"color"},errorMessageIcon:{...w,property:"background-image"},errorMessageIconSize:{...w,property:"background-size"},errorMessageIconPadding:{...w,property:"padding-inline-start"},errorMessageIconRepeat:{...w,property:"background-repeat"},errorMessageIconPosition:{...w,property:"background-position"},errorMessageFontSize:{...w,property:"font-size"},inputPlaceholderTextColor:[{...h,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],revealButtonSize:{...u,property:"font-size"},revealButtonColor:{...g,property:"color"},labelPosition:{...b,property:"position"},labelTopPosition:{...b,property:"top"},labelHorizontalPosition:[{...b,property:"left"},{...b,property:"right"}],inputTransformY:{...b,property:"transform"},inputTransition:{...b,property:"transition"},marginInlineStart:{...b,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),r.VO,(0,r.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,n.A,t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}})((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n        box-sizing: border-box;\n        position: relative;\n\t\t\t}\n\t\t\t${(0,a.cy)(m.cssVarList)}\n\t\t\t${(0,a.I4)("vaadin-password-field")}\n      ${(0,a.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n        -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n        opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n      :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n      }\n      :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${m.cssVarList.inputOutlineColor});\n\t\t\t}\n\n      ${(0,a.Kl)()}\n\n      ::part(reveal-button) {\n        align-self: center;\n      }\n\n      vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},16616(t,e,i){i.d(e,{A:()=>r});const r=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,r=i.getAttribute("type");i.setAttribute("type","text"),setTimeout(()=>{i.focus()});const s=e=>{i.setAttribute("type",r),t.removeAttribute("inert"),this.removeEventListener("mouseup",s),this.removeEventListener("dragend",s)};this.addEventListener("dragend",s,{once:!0}),this.addEventListener("mouseup",s,{once:!0})}})}}},10777(t,e,i){i.d(e,{T:()=>p,w:()=>v});var r=i(25964),s=i(79365),o=i(81365),n=i(9696),a=i(97810),l=i(88191);const p=(0,a.xE)("policy-validation"),d=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email"],c=["label","value",...d];class h extends((0,o.q)({componentName:p,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',(0,r.fz)("\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),d.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}if("data-password-policy-value-passwordstrength"===t){const t=parseInt(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,expected:t}})}if("data-password-policy-actual-passwordstrength"===t){const t=Number(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,actual:t}})}if("data-password-policy-value-disallowedchars"===t)if(i)this.#i={...this.#i,disallowedchars:{...this.#i?.disallowedchars,value:i}};else if(this.#i?.disallowedchars){const{disallowedchars:t,...e}=this.#i;this.#i=e}if("data-password-policy-value-email"===t)if(i)this.#i={...this.#i,disallowemail:{...this.#i?.disallowemail,expected:i}};else if(this.#i?.disallowemail){const{disallowemail:t,...e}=this.#i;this.#i=e}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(t,e,i){switch(t.toUpperCase()){case"GTE":return i>=e;case"GT":return i>e;case"LTE":return i<=e;case"LT":return i<e;case"EQ":return i===e;case"NEQ":return i!==e;default:throw new Error(`Invalid comparison type: ${t}`)}}validate(){let t=this.#t;return this.#i&&(t=this.#t.map(t=>{const e=this.#i[t.id];return e?{...t,data:e}:t})),this.#e.reduce((e,i)=>{const r=t.find(t=>t.id===i);if(!r)return e;const{pattern:s,message:o,data:n,compare:a}=r,p="string"==typeof a?a.toUpperCase():a;if(!s&&!a||!o)return e;const d={message:(0,l.z)(o,n),id:i};if(s){const t=new RegExp((0,l.z)(s,n));d.valid=t.test(this.value)}else if("STR_NEQ_CI"===p){const t=(n?.expected??"").toLowerCase(),e=(this.value??"").toLowerCase();if(t&&e){const i=t.indexOf("@"),r=i>0?t.slice(0,i):t;d.valid=e!==t&&e!==r}else d.valid=!0}else a&&(d.valid=this.compareValues(p,n?.expected??-1,n?.actual??-1));return e.push(d),e},[])}get isValid(){return!this.validate().some(({valid:t})=>!1===t)}buildValidationItem({valid:t,message:e}){const i=this.value?t:"none",r=document.createElement("li");r.className="item",r.dataset.valid=i;const s=document.createElement("span");return s.className="message",s.textContent=e??"",r.appendChild(s),r}renderItems(t,e){t&&e.length&&this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:u,item:g,symbolDefault:b,symbolSuccess:y,symbolError:w}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},v=(0,n.Zz)((0,s.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,s.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...u,property:"border-width"},borderStyle:{...u,property:"border-style"},borderColor:{...u,property:"border-color"},borderRadius:{...u,property:"border-radius"},backgroundColor:{...u,property:"background-color"},textColor:{property:"color"},labelMargin:{...u,property:"gap"},itemsSpacing:{...g,property:"line-height"},itemSymbolSuccessColor:{...y,property:"color"},itemSymbolErrorColor:{...w,property:"color"},itemSymbolDefault:{...b,property:"content"},itemSymbolSuccess:{...y,property:"content"},itemSymbolError:{...w,property:"content"}}}),s.VO,s.tQ)(h)},88191(t,e,i){i.d(e,{z:()=>r});const r=(t,e)=>t.replace(/{{(\w+)+}}/g,(t,i)=>e?.[i]||t)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8603],{3393(t,e,i){i.d(e,{y:()=>n});var r=i(9696),s=i(79365),o=i(81365);const n=(...t)=>(0,r.Zz)(s.XX,s._$,s.yF,s.jd)((0,o.q)(...t))},87455(t,e,i){i.d(e,{M:()=>m,T:()=>d});var r=i(97810),s=i(9696),o=i(79365),n=i(8877),a=i(5810),l=i(73551),p=i(10777);const d=(0,r.xE)("new-password"),c=p.w.cssVarList,{host:h,label:u,internalInputsWrapper:g,errorMessage:b,helperText:y,passwordInput:w,policyPreview:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},m=(0,s.Zz)((0,o.RF)({mappings:{fontSize:[h,{},{selector:a.M.componentName,property:a.M.cssVarList.fontSize}],fontFamily:[u,b,y],labelFontSize:{...u,property:"font-size"},labelFontWeight:{...u,property:"font-weight"},inputValueFontWeight:{...w,property:a.M.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...w,property:a.M.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{...y,property:"font-weight"},errorMessageFontWeight:{...b,property:"font-weight"},labelTextColor:{...u,property:"color"},errorMessageTextColor:{...b,property:"color"},errorMessageIcon:{...b,property:"background-image"},errorMessageIconSize:{...b,property:"background-size"},errorMessageIconPadding:{...b,property:"padding-inline-start"},errorMessageIconRepeat:{...b,property:"background-repeat"},errorMessageIconPosition:{...b,property:"background-position"},errorMessageFontSize:{...b,property:"font-size"},hostWidth:{...h,property:"width"},hostMinWidth:{...h,property:"min-width"},hostDirection:[{...h,property:"direction"},{...w,property:a.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...h,property:"content"},spaceBetweenInputs:{...g,property:"gap"},policyPreviewBackgroundColor:{...v,property:c.backgroundColor},policyPreviewPadding:{...v,property:c.padding},valueInputHeight:{...w,property:a.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...w,property:a.M.cssVarList.valueInputMarginBottom}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${n.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n        external-input="${e}"\n\t\t\t>\n      </${n.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),r=document.createElement("slot"),s=i.getAttribute("slot");r.setAttribute("name",e),r.setAttribute("slot",s),t.appendChild(r),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})((0,o.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${(0,l.cy)(a.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n      -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    .hidden {\n      display: none;\n    }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:d}))},8877(t,e,i){i.d(e,{T:()=>r});const r=(0,i(97810).xE)("new-password-internal")},78844(t,e,i){var r=i(25964),s=i(3393),o=i(97810),n=i(87455),a=i(8877);const l=/^password-/,p=/^confirm-/,d=(t,e)=>t.replace(e,""),c=["password-label","password-placeholder"],h=["confirm-label","confirm-placeholder"],u=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","manual-visibility-toggle"],g=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],b=[].concat(g,c,h,u),y=(0,s.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends y{static get observedAttributes(){return[].concat(y.observedAttributes||[],b)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.classList.toggle("hidden",!t)}onHasValidationChange(t){this.policyPanel.classList.toggle("hidden",!t)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n      <div class="password-input-container">\n        <descope-password\n          autocomplete="new-password"\n          manual-visibility-toggle="true"\n          data-id="password"\n          external-input="${t}"\n        ></descope-password>\n        <descope-policy-validation></descope-policy-validation>\n      </div>\n      <descope-password\n        autocomplete="new-password"\n        manual-visibility-toggle="true"\n        external-input="${t}"\n        data-id="confirm"\n      ></descope-password>\n    `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",t=>{this.passwordStrength?.addEventListener("score-changed",({detail:t})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",t)},{once:!0}),this.passwordStrength?.setAttribute("value",t.target.value),this.policyPanel.setAttribute("value",t.target.value)}),(0,o.EA)(this,this.policyPanel,{includeAttrs:u,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${n.M.cssVarList.inputsRequiredIndicator});\n          width: 1em;\n          text-align: center;\n\t\t\t\t}\n        :host ::part(required-indicator) {\n          display: inline-flex;\n        }\n\t\t\t\t`,t)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(t=>{t&&(0,o.mx)(t,e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.all([i.e(8961),i.e(3241)]).then(i.bind(i,13241)),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):g.includes(t)?this.inputs.forEach(e=>this.toggleBooleanAttribute(e,t,i)):c.includes(t)?this.toggleBooleanAttribute(this.passwordInput,d(t,l),i):h.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,d(t,p),i),"active-policies"===t&&this.togglePasswordStrength())}})},5810(t,e,i){i.d(e,{M:()=>m,T:()=>l});var r=i(79365),s=i(9696),o=i(97810),n=i(16616),a=i(73551);const l=(0,o.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:h,revealButtonContainer:u,revealButtonIcon:g,label:b,requiredIndicator:y,errorMessage:w,helperText:v}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},m=(0,s.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[b,d,w,v],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...b,property:"font-size"},labelFontWeight:{...b,property:"font-weight"},inputValueFontWeight:[{...c,property:"font-weight"},{selector:()=>":host ::slotted(input)",property:"font-weight"}],inputPlaceholderFontWeight:[{...h,property:"font-weight"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"font-weight"}],helperTextFontWeight:{...v,property:"font-weight"},errorMessageFontWeight:{...w,property:"font-weight"},labelTextColor:[{...b,property:"color"},{...b,property:"-webkit-text-fill-color"},{...y,property:"color"},{...y,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...y,property:"content"},errorMessageTextColor:{...w,property:"color"},errorMessageIcon:{...w,property:"background-image"},errorMessageIconSize:{...w,property:"background-size"},errorMessageIconPadding:{...w,property:"padding-inline-start"},errorMessageIconRepeat:{...w,property:"background-repeat"},errorMessageIconPosition:{...w,property:"background-position"},errorMessageFontSize:{...w,property:"font-size"},inputPlaceholderTextColor:[{...h,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],revealButtonSize:{...u,property:"font-size"},revealButtonColor:{...g,property:"color"},labelPosition:{...b,property:"position"},labelTopPosition:{...b,property:"top"},labelHorizontalPosition:[{...b,property:"left"},{...b,property:"right"}],inputTransformY:{...b,property:"transform"},inputTransition:{...b,property:"transition"},marginInlineStart:{...b,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),r.VO,(0,r.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,n.A,t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput(),this.stopRevealButtonEnterPropagation()}stopRevealButtonEnterPropagation(){this.revealButton.addEventListener("keydown",t=>{"Enter"===t.key&&t.stopPropagation()})}get revealButton(){return this.baseElement.querySelector("vaadin-password-field-button")}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.revealButton.removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}})((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n        box-sizing: border-box;\n        position: relative;\n\t\t\t}\n\t\t\t${(0,a.cy)(m.cssVarList)}\n\t\t\t${(0,a.I4)("vaadin-password-field")}\n      ${(0,a.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n        -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n        opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n      :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n      }\n      :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${m.cssVarList.inputOutlineColor});\n\t\t\t}\n\n      ${(0,a.Kl)()}\n\n      ::part(reveal-button) {\n        align-self: center;\n      }\n\n      vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},16616(t,e,i){i.d(e,{A:()=>r});const r=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,r=i.getAttribute("type");i.setAttribute("type","text"),setTimeout(()=>{i.focus()});const s=e=>{i.setAttribute("type",r),t.removeAttribute("inert"),this.removeEventListener("mouseup",s),this.removeEventListener("dragend",s)};this.addEventListener("dragend",s,{once:!0}),this.addEventListener("mouseup",s,{once:!0})}})}}},10777(t,e,i){i.d(e,{T:()=>p,w:()=>v});var r=i(25964),s=i(79365),o=i(81365),n=i(9696),a=i(97810),l=i(88191);const p=(0,a.xE)("policy-validation"),d=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email"],c=["label","value",...d];class h extends((0,o.q)({componentName:p,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',(0,r.fz)("\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),d.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}if("data-password-policy-value-passwordstrength"===t){const t=parseInt(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,expected:t}})}if("data-password-policy-actual-passwordstrength"===t){const t=Number(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,actual:t}})}if("data-password-policy-value-disallowedchars"===t)if(i)this.#i={...this.#i,disallowedchars:{...this.#i?.disallowedchars,value:i}};else if(this.#i?.disallowedchars){const{disallowedchars:t,...e}=this.#i;this.#i=e}if("data-password-policy-value-email"===t)if(i)this.#i={...this.#i,disallowemail:{...this.#i?.disallowemail,expected:i}};else if(this.#i?.disallowemail){const{disallowemail:t,...e}=this.#i;this.#i=e}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(t,e,i){switch(t.toUpperCase()){case"GTE":return i>=e;case"GT":return i>e;case"LTE":return i<=e;case"LT":return i<e;case"EQ":return i===e;case"NEQ":return i!==e;default:throw new Error(`Invalid comparison type: ${t}`)}}validate(){let t=this.#t;return this.#i&&(t=this.#t.map(t=>{const e=this.#i[t.id];return e?{...t,data:e}:t})),this.#e.reduce((e,i)=>{const r=t.find(t=>t.id===i);if(!r)return e;const{pattern:s,message:o,data:n,compare:a}=r,p="string"==typeof a?a.toUpperCase():a;if(!s&&!a||!o)return e;const d={message:(0,l.z)(o,n),id:i};if(s){const t=new RegExp((0,l.z)(s,n));d.valid=t.test(this.value)}else if("STR_NEQ_CI"===p){const t=(n?.expected??"").toLowerCase(),e=(this.value??"").toLowerCase();if(t&&e){const i=t.indexOf("@"),r=i>0?t.slice(0,i):t;d.valid=e!==t&&e!==r}else d.valid=!0}else a&&(d.valid=this.compareValues(p,n?.expected??-1,n?.actual??-1));return e.push(d),e},[])}get isValid(){return!this.validate().some(({valid:t})=>!1===t)}buildValidationItem({valid:t,message:e}){const i=this.value?t:"none",r=document.createElement("li");r.className="item",r.dataset.valid=i;const s=document.createElement("span");return s.className="message",s.textContent=e??"",r.appendChild(s),r}renderItems(t,e){t&&e.length&&this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:u,item:g,symbolDefault:b,symbolSuccess:y,symbolError:w}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},v=(0,n.Zz)((0,s.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,s.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...u,property:"border-width"},borderStyle:{...u,property:"border-style"},borderColor:{...u,property:"border-color"},borderRadius:{...u,property:"border-radius"},backgroundColor:{...u,property:"background-color"},textColor:{property:"color"},labelMargin:{...u,property:"gap"},itemsSpacing:{...g,property:"line-height"},itemSymbolSuccessColor:{...y,property:"color"},itemSymbolErrorColor:{...w,property:"color"},itemSymbolDefault:{...b,property:"content"},itemSymbolSuccess:{...y,property:"content"},itemSymbolError:{...w,property:"content"}}}),s.VO,s.tQ)(h)},88191(t,e,i){i.d(e,{z:()=>r});const r=(t,e)=>t.replace(/{{(\w+)+}}/g,(t,i)=>e?.[i]||t)}}]);
 //# sourceMappingURL=descope-new-password-descope-new-password-internal-index-js.js.map