@descope/web-components-ui 3.20.3 → 3.21.0

package/dist/umd/descope-user-attribute-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-user-attribute-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-attribute/check.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/copy.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.svg","webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/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","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import {\n  componentNameValidationMixin,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\n  static get observedAttributes() {\n    return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this,\n    );\n  }\n\n  get shrinkToIndicatorThreshold() {\n    return this.getAttribute('shrink-to-indicator-threshold') || 65;\n  }\n\n  #handleShrinkToIndicator(value) {\n    this.toggleAttribute(\n      'shrink-to-indicator',\n      parseFloat(value) < this.shrinkToIndicatorThreshold,\n    );\n  }\n\n  attributeChangedCallback(name, oldVal, newVal) {\n    super.attributeChangedCallback?.(name, oldVal, newVal);\n    if (name === 'data-attachment-size' && oldVal !== newVal) {\n      this.#handleShrinkToIndicator(newVal);\n    }\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostHeight: [{ selector: () => ':host', property: 'height' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      lineHeight: {},\n      textTransform: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n      boxShadow: {},\n      textIndent: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, 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","import { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport copyIcon from './copy.svg';\nimport checkIcon from './check.svg';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"secondary\" class=\"label\"></descope-text>\n        <div class=\"content-wrapper\">\n          <descope-text st-text-align=\"auto\" data-id=\"value-text\" variant=\"body1\" mode=\"primary\" class=\"value\"></descope-text>\n          <div class=\"btn-wrapper\">\n            <descope-badge mode=\"default\" bordered=\"true\" size=\"xs\"></descope-badge>\n            <descope-button size=\"sm\" data-id=\"copy-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"copy-icon\"></slot>\n              <descope-icon class=\"check-icon\" src=\"${checkIcon}\" src-dark=\"${checkIcon}\"></descope-icon>\n            </descope-button>\n            <descope-button size=\"sm\" data-id=\"delete-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"delete-icon\"></slot>\n            </descope-button>\n            <descope-button size=\"sm\" data-id=\"edit-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"edit-icon\"></slot>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\n\t\t\t\t}\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        ::slotted(*) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        @container (max-width: 529px) {\n          .root {\n            flex-wrap: wrap;\n          }\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n          flex-shrink: 0;\n        }\n\n        slot[name=\"edit-icon\"],\n        slot[name=\"delete-icon\"],\n        slot[name=\"copy-icon\"] {\n          display: inline-flex;\n          flex-shrink: 0;\n          align-items: center;\n        }\n\n        descope-button[data-id=\"copy-btn\"].hidden {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"] .check-icon {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"].copied slot[name=\"copy-icon\"] {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"].copied .check-icon {\n          display: inline-flex;\n        }\n\n        .content-wrapper {\n          display: flex;\n          flex-grow: 1;\n          align-items: center;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n          max-width: 100%;\n          min-width: 0;\n        }\n\n        .label {\n          flex-grow: 1;\n          width: 100%;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n          width: 0;\n        }\n\n        descope-text[data-id=\"label-text\"].required:after {\n          content: '*';\n          color: var(${TextClass.cssVarList.textColor});\n        }\n\n        :host([readonly=\"true\"]) descope-button:not([data-id=\"copy-btn\"]) {\n          visibility: hidden;\n          width: 0;\n        }\n          `,\n      this\n    );\n\n    this.copyButton = this.shadowRoot.querySelector('descope-button[data-id=\"copy-btn\"]');\n    this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n    this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n    this.badge = this.shadowRoot.querySelector('descope-badge');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n    this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onValueOrPlaceholderChange() {\n    const text = this.value || this.placeholder;\n    const mode = this.value ? 'primary' : 'secondary';\n\n    this.valueText.innerText = text;\n    this.valueText.setAttribute('title', text);\n    this.valueText.setAttribute('mode', mode);\n  }\n\n  onBadgeLabelChange() {\n    if (!this.badgeLabel) {\n      this.badge.style.display = 'none';\n    } else {\n      this.badge.innerText = this.badgeLabel;\n      this.badge.style.display = '';\n    }\n  }\n\n  onBadgeTooltipTextChange() {\n    this.badge.setAttribute('title', this.badgeTooltipText || this.badgeLabel);\n  }\n\n  updateButtonLabel(btnRef, label) {\n    let textSpanEle = btnRef.querySelector('span.btn-label');\n\n    if (label) {\n      if (!textSpanEle) {\n        textSpanEle = document.createElement('span');\n        textSpanEle.classList.add('btn-label');\n        btnRef.appendChild(textSpanEle);\n      }\n      textSpanEle.innerText = label;\n    } else {\n      textSpanEle?.remove();\n    }\n  }\n\n  onIsRequiredChange() {\n    this.labelText.classList.toggle('required', this.isRequired);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  get placeholder() {\n    return this.getAttribute('placeholder') || '';\n  }\n\n  get isRequired() {\n    return this.getAttribute('required') === 'true';\n  }\n\n  get badgeLabel() {\n    return this.getAttribute('badge-label') || '';\n  }\n\n  get badgeTooltipText() {\n    return this.getAttribute('badge-tooltip-text') || '';\n  }\n\n  get editButtonLabel() {\n    return this.getAttribute('edit-button-label') || '';\n  }\n\n  get deleteButtonLabel() {\n    return this.getAttribute('delete-button-label') || '';\n  }\n\n  get isDeleteHidden() {\n    return this.getAttribute('hide-delete') === 'true';\n  }\n\n  get isCopyEnabled() {\n    return this.getAttribute('show-copy') === 'true';\n  }\n\n  get copyButtonLabel() {\n    return this.getAttribute('copy-button-label') || '';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onValueOrPlaceholderChange();\n    this.onIsRequiredChange();\n    this.onBadgeLabelChange();\n    this.onBadgeTooltipTextChange();\n    this.updateButtonLabel(this.editButton, this.editButtonLabel);\n    this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n    this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n    this.handleDeleteButtonVisibility();\n    this.handleCopyButtonState();\n\n    this.deleteButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.editButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.copyButton.addEventListener('click', () => this.#handleCopyClick());\n\n    this.setDefaultChildren();\n  }\n\n  #handleCopyClick() {\n    // isDraggable is true only inside the page editor (craftjs sets draggable=\"true\"\n    // for drag-and-drop); there the copy action must not run.\n    if (!this.value || this.isDraggable || !navigator.clipboard) return;\n\n    navigator.clipboard\n      .writeText(this.value)\n      .then(() => {\n        this.copyButton.classList.add('copied');\n        setTimeout(() => this.copyButton.classList.remove('copied'), 2000);\n      })\n      .catch(() => {});\n  }\n\n  handleCopyButtonState() {\n    this.copyButton.classList.toggle('hidden', !this.isCopyEnabled);\n\n    if (this.value) {\n      this.copyButton.removeAttribute('disabled');\n    } else {\n      this.copyButton.setAttribute('disabled', 'true');\n    }\n  }\n\n  #addIcon(src, slotName) {\n    const icon = document.createElement('descope-icon');\n    icon.setAttribute('src', src);\n    icon.setAttribute('src-dark', src);\n    icon.setAttribute('slot', slotName);\n    this.appendChild(icon);\n  }\n\n  setDefaultChildren() {\n    if (!this.querySelector('[slot=\"delete-icon\"]')) {\n      this.#addIcon(deleteIcon, 'delete-icon');\n    }\n    if (!this.querySelector('[slot=\"edit-icon\"]')) {\n      this.#addIcon(editIcon, 'edit-icon');\n    }\n    this.setDefaultCopyIcon();\n  }\n\n  setDefaultCopyIcon() {\n    if (this.isCopyEnabled && !this.querySelector('[slot=\"copy-icon\"]')) {\n      this.#addIcon(copyIcon, 'copy-icon');\n    }\n  }\n\n  static get observedAttributes() {\n    return [\n      'label',\n      'value',\n      'placeholder',\n      'required',\n      'badge-label',\n      'badge-tooltip-text',\n      'edit-button-label',\n      'delete-button-label',\n      'copy-button-label',\n      'hide-delete',\n      'show-copy',\n    ].concat(super.observedAttributes);\n  }\n\n  handleDeleteButtonVisibility() {\n    this.deleteButton.classList.toggle(\n      'hidden',\n      this.isRequired || !this.value || this.isDeleteHidden\n    );\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'value' || name === 'placeholder') {\n      this.onValueOrPlaceholderChange();\n    } else if (name === 'required') {\n      this.onIsRequiredChange();\n    } else if (name === 'badge-label') {\n      this.onBadgeLabelChange();\n    } else if (name === 'badge-tooltip-text') {\n      this.onBadgeTooltipTextChange();\n    } else if (name === 'edit-button-label') {\n      this.updateButtonLabel(this.editButton, this.editButtonLabel);\n    } else if (name === 'delete-button-label') {\n      this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n    } else if (name === 'copy-button-label') {\n      this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n    } else if (name === 'show-copy') {\n      this.setDefaultCopyIcon();\n    }\n\n    if (name === 'value' || name === 'required' || name === 'hide-delete') {\n      this.handleDeleteButtonVisibility();\n    }\n\n    if (name === 'value' || name === 'show-copy') {\n      this.handleCopyButtonState();\n    }\n  }\n}\n\nconst { host, textFields, buttons, badge, labelText, contentWrapper } = {\n  host: { selector: () => ':host' },\n  textFields: { selector: 'descope-text' },\n  labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  contentWrapper: { selector: ' .content-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textFields, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelMinWidth: { ...labelText, property: 'min-width' },\n      contentMinWidth: { ...contentWrapper, property: 'min-width' },\n      badgeMaxWidth: { ...badge, property: 'max-width' },\n      itemsGap: [{ property: 'gap' }, { ...contentWrapper, property: 'gap' }],\n      iconColor: [\n        { selector: () => '::slotted(*)', property: IconClass.cssVarList.fill },\n        // the copied check-icon lives in the shadow DOM (not slotted), so it\n        // needs its own mapping to follow the same icon color\n        { selector: () => '.check-icon', property: IconClass.cssVarList.fill },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAttribute","createBaseClass","check_default","componentsHelpers","copyButton","shadowRoot","deleteButton","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","placeholder","onBadgeLabelChange","badgeLabel","onBadgeTooltipTextChange","badgeTooltipText","updateButtonLabel","btnRef","textSpanEle","onIsRequiredChange","toggle","isRequired","editButtonLabel","deleteButtonLabel","isDeleteHidden","isCopyEnabled","copyButtonLabel","handleDeleteButtonVisibility","handleCopyButtonState","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","handleCopyClick","setDefaultChildren","isDraggable","navigator","clipboard","writeText","setTimeout","catch","removeAttribute","addIcon","slotName","icon","delete_default","edit_default","setDefaultCopyIcon","copy_default","concat","textFields","buttons","contentWrapper","UserAttributeClass","helpers","mixins","hostMinWidth","labelMinWidth","contentMinWidth","badgeMaxWidth","itemsGap","buttonStyles","AH","ButtonMixin","superClass","active_mixin","tabindex_mixin","l","focus_mixin","y","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","vaadin_themable_mixin","SF","moduleId","Button","element_mixin","cp","controller_mixin","w","polymer_element","Pu","is","template","qy","_tooltipController","tooltip_controller","I","addController","src_define","X","button","_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_5__"],"sourceRoot":""}
+{"version":3,"file":"descope-user-attribute-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-attribute/check.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/copy.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.svg","webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/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","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import {\n  componentNameValidationMixin,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\n  static get observedAttributes() {\n    return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this,\n    );\n  }\n\n  get shrinkToIndicatorThreshold() {\n    return this.getAttribute('shrink-to-indicator-threshold') || 65;\n  }\n\n  #handleShrinkToIndicator(value) {\n    this.toggleAttribute(\n      'shrink-to-indicator',\n      parseFloat(value) < this.shrinkToIndicatorThreshold,\n    );\n  }\n\n  attributeChangedCallback(name, oldVal, newVal) {\n    super.attributeChangedCallback?.(name, oldVal, newVal);\n    if (name === 'data-attachment-size' && oldVal !== newVal) {\n      this.#handleShrinkToIndicator(newVal);\n    }\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostHeight: [{ selector: () => ':host', property: 'height' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      lineHeight: {},\n      textTransform: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n      boxShadow: {},\n      textIndent: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, 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","import { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport copyIcon from './copy.svg';\nimport checkIcon from './check.svg';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"secondary\" class=\"label\"></descope-text>\n        <div class=\"content-wrapper\">\n          <descope-text st-text-align=\"auto\" data-id=\"value-text\" variant=\"body1\" mode=\"primary\" class=\"value\"></descope-text>\n          <div class=\"btn-wrapper\">\n            <descope-badge mode=\"default\" bordered=\"true\" size=\"xs\"></descope-badge>\n            <descope-button size=\"sm\" data-id=\"copy-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"copy-icon\"></slot>\n              <descope-icon class=\"check-icon\" src=\"${checkIcon}\" src-dark=\"${checkIcon}\"></descope-icon>\n            </descope-button>\n            <descope-button size=\"sm\" data-id=\"delete-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"delete-icon\"></slot>\n            </descope-button>\n            <descope-button size=\"sm\" data-id=\"edit-btn\" variant=\"link\" mode=\"primary\">\n              <slot name=\"edit-icon\"></slot>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\n\t\t\t\t}\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        ::slotted(*) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        @container (max-width: 529px) {\n          .root {\n            flex-wrap: wrap;\n          }\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n          flex-shrink: 0;\n        }\n\n        slot[name=\"edit-icon\"],\n        slot[name=\"delete-icon\"],\n        slot[name=\"copy-icon\"] {\n          display: inline-flex;\n          flex-shrink: 0;\n          align-items: center;\n        }\n\n        descope-button[data-id=\"copy-btn\"].hidden {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"] .check-icon {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"].copied slot[name=\"copy-icon\"] {\n          display: none;\n        }\n\n        descope-button[data-id=\"copy-btn\"].copied .check-icon {\n          display: inline-flex;\n        }\n\n        .content-wrapper {\n          display: flex;\n          flex-grow: 1;\n          align-items: center;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n          max-width: 100%;\n          min-width: 0;\n        }\n\n        .label {\n          flex-grow: 1;\n          width: 100%;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n          width: 0;\n        }\n\n        descope-text[data-id=\"label-text\"].required:after {\n          content: '*';\n          color: var(${TextClass.cssVarList.textColor});\n        }\n\n        :host([readonly=\"true\"]) descope-button:not([data-id=\"copy-btn\"]) {\n          visibility: hidden;\n          width: 0;\n        }\n          `,\n      this\n    );\n\n    this.copyButton = this.shadowRoot.querySelector('descope-button[data-id=\"copy-btn\"]');\n    this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n    this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n    this.badge = this.shadowRoot.querySelector('descope-badge');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n    this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onValueOrPlaceholderChange() {\n    const text = this.value || this.placeholder;\n    const mode = this.value ? 'primary' : 'secondary';\n\n    this.valueText.innerText = text;\n    this.valueText.setAttribute('title', text);\n    this.valueText.setAttribute('mode', mode);\n  }\n\n  onBadgeLabelChange() {\n    if (!this.badgeLabel) {\n      this.badge.style.display = 'none';\n    } else {\n      this.badge.innerText = this.badgeLabel;\n      this.badge.style.display = '';\n    }\n  }\n\n  onBadgeTooltipTextChange() {\n    this.badge.setAttribute('title', this.badgeTooltipText || this.badgeLabel);\n  }\n\n  updateButtonLabel(btnRef, label) {\n    let textSpanEle = btnRef.querySelector('span.btn-label');\n\n    if (label) {\n      if (!textSpanEle) {\n        textSpanEle = document.createElement('span');\n        textSpanEle.classList.add('btn-label');\n        btnRef.appendChild(textSpanEle);\n      }\n      textSpanEle.innerText = label;\n    } else {\n      textSpanEle?.remove();\n    }\n  }\n\n  onIsRequiredChange() {\n    this.labelText.classList.toggle('required', this.isRequired);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  get placeholder() {\n    return this.getAttribute('placeholder') || '';\n  }\n\n  get isRequired() {\n    return this.getAttribute('required') === 'true';\n  }\n\n  get badgeLabel() {\n    return this.getAttribute('badge-label') || '';\n  }\n\n  get badgeTooltipText() {\n    return this.getAttribute('badge-tooltip-text') || '';\n  }\n\n  get editButtonLabel() {\n    return this.getAttribute('edit-button-label') || '';\n  }\n\n  get deleteButtonLabel() {\n    return this.getAttribute('delete-button-label') || '';\n  }\n\n  get isDeleteHidden() {\n    return this.getAttribute('hide-delete') === 'true';\n  }\n\n  get isCopyEnabled() {\n    return this.getAttribute('show-copy') === 'true';\n  }\n\n  get copyButtonLabel() {\n    return this.getAttribute('copy-button-label') || '';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onValueOrPlaceholderChange();\n    this.onIsRequiredChange();\n    this.onBadgeLabelChange();\n    this.onBadgeTooltipTextChange();\n    this.updateButtonLabel(this.editButton, this.editButtonLabel);\n    this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n    this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n    this.handleDeleteButtonVisibility();\n    this.handleCopyButtonState();\n\n    this.deleteButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.editButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.copyButton.addEventListener('click', () => this.#handleCopyClick());\n\n    this.setDefaultChildren();\n  }\n\n  #handleCopyClick() {\n    // isDraggable is true only inside the page editor (craftjs sets draggable=\"true\"\n    // for drag-and-drop); there the copy action must not run.\n    if (!this.value || this.isDraggable || !navigator.clipboard) return;\n\n    navigator.clipboard\n      .writeText(this.value)\n      .then(() => {\n        this.copyButton.classList.add('copied');\n        setTimeout(() => this.copyButton.classList.remove('copied'), 2000);\n      })\n      .catch(() => {});\n  }\n\n  handleCopyButtonState() {\n    this.copyButton.classList.toggle('hidden', !this.isCopyEnabled);\n\n    if (this.value) {\n      this.copyButton.removeAttribute('disabled');\n    } else {\n      this.copyButton.setAttribute('disabled', 'true');\n    }\n  }\n\n  #addIcon(src, slotName) {\n    const icon = document.createElement('descope-icon');\n    icon.setAttribute('src', src);\n    icon.setAttribute('src-dark', src);\n    icon.setAttribute('slot', slotName);\n    this.appendChild(icon);\n  }\n\n  setDefaultChildren() {\n    if (!this.querySelector('[slot=\"delete-icon\"]')) {\n      this.#addIcon(deleteIcon, 'delete-icon');\n    }\n    if (!this.querySelector('[slot=\"edit-icon\"]')) {\n      this.#addIcon(editIcon, 'edit-icon');\n    }\n    this.setDefaultCopyIcon();\n  }\n\n  setDefaultCopyIcon() {\n    if (this.isCopyEnabled && !this.querySelector('[slot=\"copy-icon\"]')) {\n      this.#addIcon(copyIcon, 'copy-icon');\n    }\n  }\n\n  static get observedAttributes() {\n    return [\n      'label',\n      'value',\n      'placeholder',\n      'required',\n      'badge-label',\n      'badge-tooltip-text',\n      'edit-button-label',\n      'delete-button-label',\n      'copy-button-label',\n      'hide-delete',\n      'show-copy',\n    ].concat(super.observedAttributes);\n  }\n\n  handleDeleteButtonVisibility() {\n    this.deleteButton.classList.toggle(\n      'hidden',\n      this.isRequired || !this.value || this.isDeleteHidden\n    );\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'value' || name === 'placeholder') {\n      this.onValueOrPlaceholderChange();\n    } else if (name === 'required') {\n      this.onIsRequiredChange();\n    } else if (name === 'badge-label') {\n      this.onBadgeLabelChange();\n    } else if (name === 'badge-tooltip-text') {\n      this.onBadgeTooltipTextChange();\n    } else if (name === 'edit-button-label') {\n      this.updateButtonLabel(this.editButton, this.editButtonLabel);\n    } else if (name === 'delete-button-label') {\n      this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n    } else if (name === 'copy-button-label') {\n      this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n    } else if (name === 'show-copy') {\n      this.setDefaultCopyIcon();\n    }\n\n    if (name === 'value' || name === 'required' || name === 'hide-delete') {\n      this.handleDeleteButtonVisibility();\n    }\n\n    if (name === 'value' || name === 'show-copy') {\n      this.handleCopyButtonState();\n    }\n  }\n}\n\nconst { host, textFields, buttons, badge, labelText, contentWrapper } = {\n  host: { selector: () => ':host' },\n  textFields: { selector: 'descope-text' },\n  labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  contentWrapper: { selector: ' .content-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textFields, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelMinWidth: { ...labelText, property: 'min-width' },\n      contentMinWidth: { ...contentWrapper, property: 'min-width' },\n      badgeMaxWidth: { ...badge, property: 'max-width' },\n      itemsGap: [{ property: 'gap' }, { ...contentWrapper, property: 'gap' }],\n      iconColor: [\n        { selector: () => '::slotted(*)', property: IconClass.cssVarList.fill },\n        // the copied check-icon lives in the shadow DOM (not slotted), so it\n        // needs its own mapping to follow the same icon color\n        { selector: () => '.check-icon', property: IconClass.cssVarList.fill },\n      ],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAttribute","createBaseClass","check_default","componentsHelpers","copyButton","shadowRoot","deleteButton","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","placeholder","onBadgeLabelChange","badgeLabel","onBadgeTooltipTextChange","badgeTooltipText","updateButtonLabel","btnRef","textSpanEle","onIsRequiredChange","toggle","isRequired","editButtonLabel","deleteButtonLabel","isDeleteHidden","isCopyEnabled","copyButtonLabel","handleDeleteButtonVisibility","handleCopyButtonState","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","handleCopyClick","setDefaultChildren","isDraggable","navigator","clipboard","writeText","setTimeout","catch","removeAttribute","addIcon","slotName","icon","delete_default","edit_default","setDefaultCopyIcon","copy_default","concat","textFields","buttons","contentWrapper","UserAttributeClass","helpers","mixins","hostMinWidth","labelMinWidth","contentMinWidth","badgeMaxWidth","itemsGap"],"sourceRoot":""}