@descope/web-components-ui 3.3.5 → 3.5.0

package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping-fields-descope-saml-group-mappings-index-js.js","mappings":"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","sources":["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-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.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/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/MappingItem.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/SamlGroupMappingsInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/SamlGroupMappingsClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/index.js"],"sourcesContent":["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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: '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    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n","/* eslint-disable no-use-before-define */\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  // eslint-disable-next-line class-methods-use-this\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 {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mapping-item');\n\nconst inputAttrs = [\n  'size',\n  'bordered',\n  'readonly',\n  'full-width',\n  'disabled',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingItem extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], inputAttrs, [\n      'separator',\n      'options',\n      'invalid',\n      'disabled',\n    ]);\n  }\n\n  get separator() {\n    return this.getAttribute('separator') || 'map to';\n  }\n\n  get value() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (attributeValue && inputValue) {\n      return { [attributeValue]: inputValue };\n    }\n    return null;\n  }\n\n  set value(mapping) {\n    if (Object.entries(mapping).length !== 1) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'descope-mapping item expected expects only one key-value pair in the value but received: ',\n        mapping\n      );\n      return;\n    }\n    const [attribute, value] = Object.entries(mapping)[0];\n    this.valueInput.value = value;\n    this.attributeInput.value = attribute;\n    // The event needs to be dispatched to trigger the validation if setting the value externally\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\" part=\"wrapper\">\n        <descope-text-field required=\"true\"></descope-text-field>\n        <div class=\"separator\" part=\"separator\">${this.separator}</div>\n        <descope-combo-box\n          item-label-path=\"data-name\"\n          item-value-path=\"data-id\"\n          required=\"true\"\n        >\n        </descope-combo-box>\n        <descope-button variant=\"link\" mode=\"primary\">\n          <vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`;\n\n    injectStyle(\n      `\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    `,\n      this\n    );\n\n    this.valueInput = this.shadowRoot.querySelector('descope-text-field');\n    this.attributeInput = this.shadowRoot.querySelector('descope-combo-box');\n    this.inputs = [this.valueInput, this.attributeInput];\n    this.removeButton = this.shadowRoot.querySelector('descope-button');\n\n    forwardAttrs(this, this.valueInput, {\n      includeAttrs: inputAttrs,\n    });\n    forwardAttrs(this, this.attributeInput, {\n      includeAttrs: [...inputAttrs, 'options'],\n      mapAttrs: { options: 'data' },\n    });\n    forwardAttrs(this, this.removeButton, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  initRemoveButton() {\n    this.removeButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('mapping-item-removed', { bubbles: true, composed: true }))\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.initRemoveButton();\n  }\n\n  getValidity() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (!attributeValue || !inputValue) {\n      return { badInput: true };\n    }\n    return {};\n  }\n\n  reportValidity() {\n    this.inputs.forEach((input) => input.reportValidity());\n  }\n\n  focus() {\n    const focusedElement =\n      this.checkValidity() || !this.valueInput.checkValidity()\n        ? this.valueInput\n        : this.attributeInput;\n    focusedElement.focus();\n  }\n\n  handleSeparatorChange() {\n    this.shadowRoot.querySelector('.separator').textContent = this.separator;\n  }\n\n  #handleInvalidMapping(invalid) {\n    if (invalid === 'true') {\n      const inputValue = this.valueInput.value;\n      if (!inputValue) {\n        this.valueInput.setAttribute('invalid', 'true');\n        this.valueInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n\n      const attributeValue = this.attributeInput.value;\n      if (!attributeValue) {\n        this.attributeInput.setAttribute('invalid', 'true');\n        this.attributeInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (attrName === 'separator') {\n      this.handleSeparatorChange();\n    }\n\n    if (attrName === 'invalid') {\n      this.#handleInvalidMapping(newValue);\n    }\n  }\n}\n\nexport default MappingItem;\n","import MappingItem, { componentName } from './MappingItem';\n\ncustomElements.define(componentName, MappingItem);\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeChildren,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mappings-field-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingsFieldInternal extends BaseInputClass {\n  #errorItem;\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], [\n      'label-value',\n      'label-attr',\n      'button-label',\n      'invalid',\n      'readonly',\n      'disabled',\n      'st-error-message-icon',\n      'st-error-message-icon-size',\n      'st-error-message-icon-padding',\n    ]);\n  }\n\n  isValidDataType(data) {\n    try {\n      return data.every(\n        (obj) =>\n          typeof obj === 'object' &&\n          !Array.isArray(obj) &&\n          Object.getOwnPropertyNames(obj).length === 1 &&\n          typeof obj[Object.keys(obj)[0]] === 'string' &&\n          obj[Object.keys(obj)[0]].trim() !== ''\n      );\n    } catch (e) {\n      return false;\n    }\n  }\n\n  get labelValue() {\n    return this.getAttribute('label-value') || 'Value';\n  }\n\n  get labelAttr() {\n    return this.getAttribute('label-attr') || 'Attribute';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || 'Add mapping';\n  }\n\n  get options() {\n    return this.getAttribute('options') || [];\n  }\n\n  addNewMappingItem(focusNewItem) {\n    const newMappingItem = document.createElement('descope-mapping-item');\n    newMappingItem.setAttribute('bordered', 'true');\n    this.mappingsContainerEle.appendChild(newMappingItem);\n    forwardAttrs(this, newMappingItem, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'separator',\n        'options',\n        'disabled',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n    // This needs to be done with the timeout, otherwise the validation is performed\n    // before the new item is added and thus returns a wrong result\n    setTimeout(() => {\n      this.setCustomValidity('');\n      newMappingItem.addEventListener('mapping-item-removed', () => {\n        // If the removed item was the one that was invalid, we need to reset the invalid indication for the internal\n        if (newMappingItem === this.#errorItem) {\n          this.resetInvalidIndication();\n          this.#errorItem = undefined;\n        }\n        newMappingItem.remove();\n        this.setCustomValidity('');\n      });\n      this.dispatchEvent(new CustomEvent('mapping-item-added', { bubbles: true, composed: true }));\n      if (focusNewItem) {\n        newMappingItem.focus();\n      }\n    }, 0);\n    return newMappingItem;\n  }\n\n  get items() {\n    return Array.from(this.mappingsContainerEle.querySelectorAll('descope-mapping-item'));\n  }\n\n  get value() {\n    return this.items.reduce((acc, item) => {\n      if (!item.value) {\n        return acc;\n      }\n\n      return [...acc, item.value];\n    }, []);\n  }\n\n  set value(mappings) {\n    if (!this.isValidDataType(mappings)) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'received invalid value to set - should be an array of objects with one key-value pair'\n      );\n      return;\n    }\n\n    const currentItems = this.items;\n\n    // Remove extra mapping items we don't need\n    if (currentItems.length > mappings.length) {\n      for (let i = mappings.length; i < currentItems.length; i++) {\n        this.mappingsContainerEle.removeChild(currentItems[i]);\n      }\n    }\n\n    // Add or update items\n    mappings.forEach((mapping, index) => {\n      const mappingItem = currentItems[index];\n      if (mappingItem) {\n        // Set existing item value\n        mappingItem.value = mapping;\n      } else {\n        // Add new item\n        const newMappingItem = this.addNewMappingItem(false);\n        // Setting the new item value needs to be done with the timeout,\n        // otherwise the value is not set correctly\n        setTimeout(() => {\n          newMappingItem.value = mapping;\n        }, 0);\n      }\n    });\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"labels-container\" part=\"labels\"></div>\n      <div class=\"mappings-container\"></div>\n      <div class=\"button-container\"></div>\n    `;\n\n    this.labelsEle = this.querySelector('.labels-container');\n    this.mappingsContainerEle = this.querySelector('.mappings-container');\n    this.buttonContainer = this.querySelector('.button-container');\n  }\n\n  initLabels() {\n    this.labelsEle.innerHTML = `\n      <descope-text variant=\"body2\" part=\"value-label\">${this.labelValue}</descope-text>\n      <descope-text variant=\"body2\" part=\"attr-label\">${this.labelAttr}</descope-text>\n    `;\n  }\n\n  initAddButton() {\n    this.buttonContainer.innerHTML = `\n      <descope-button variant=\"link\" mode=\"primary\" disabled=\"${this.isDisabled}\">\n        <vaadin-icon icon=\"vaadin:plus\"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;\n    const button = this.querySelector('descope-button');\n    button.onclick = () => {\n      this.addNewMappingItem(true);\n    };\n    forwardAttrs(this, button, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  #onMappingsContainerChildrenChange() {\n    this.labelsEle.style.display = this.items.length ? 'grid' : 'none';\n  }\n\n  init() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement =\n          this.#errorItem || this.items[0] || this.querySelector('descope-button');\n        focusedElement.focus();\n      }\n    });\n\n    super.init?.();\n    this.initLabels();\n    this.initAddButton();\n\n    // This event listener is responsible for removing the invalid attribute\n    // from the internal once the invalid item turns valid\n    this.addEventListener('input', () => {\n      const isErrorItemMounted = this.mappingsContainerEle.contains(this.#errorItem);\n      if (isErrorItemMounted && this.#errorItem?.checkValidity()) {\n        // Item has changed, it was invalid before and now it's valid\n        this.resetInvalidIndication();\n        this.#errorItem.removeAttribute('invalid');\n        this.#errorItem = undefined;\n      }\n    });\n\n    observeChildren(this.mappingsContainerEle, this.#onMappingsContainerChildrenChange.bind(this));\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  getValidity() {\n    const errorItem = this.items.find((item) => !item.checkValidity());\n    if (errorItem) {\n      return errorItem.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidMappings(isInvalid) {\n    if (isInvalid) {\n      this.#errorItem = this.items.find((item) => !item.checkValidity());\n      this.#errorItem?.reportValidity();\n      this.#errorItem?.setAttribute('invalid', 'true');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'label-value' || attrName === 'label-attr') {\n      this.initLabels();\n    }\n    if (attrName === 'button-label') {\n      this.initAddButton();\n    }\n    if (attrName === 'invalid') {\n      this.#handleInvalidMappings(newValue === 'true');\n    }\n    if (attrName === 'readonly') {\n      this.toggleAttribute('inert', newValue === 'true');\n    }\n  }\n}\n\nexport default MappingsFieldInternal;\n","import MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { TextClass } from '@descope-ui/descope-text/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-mappings-field-internal/MappingsFieldInternal';\n\nexport const componentName = getComponentName('mappings-field');\n\nconst customMixin = (superclass) =>\n  class MappingsFieldMixinClass extends superclass {\n    get defaultValues() {\n      const defaultValuesAttr = this.getAttribute('default-values');\n      if (defaultValuesAttr) {\n        try {\n          return JSON.parse(defaultValuesAttr);\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"default-values\" -', e.message);\n        }\n      }\n      return [];\n    }\n\n    setDefaultValues() {\n      const initialDefaultValues = this.defaultValues;\n      if (Object.keys(initialDefaultValues).length > 0) {\n        this.inputElement.value = initialDefaultValues;\n      }\n    }\n\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'default-values',\n          'invalid',\n          'readonly',\n          'disabled',\n          'st-error-message-icon',\n          'st-error-message-icon-size',\n          'st-error-message-icon-padding',\n        ],\n      });\n\n      // This is required since when we remove the invalid attribute from the internal mappings field,\n      // we want to reflect the change in the parent component\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n\n      this.setDefaultValues();\n    }\n  };\n\nconst {\n  host,\n  helperText,\n  errorMessage,\n  mappingItem,\n  labels,\n  labelsText,\n  valueLabel,\n  attrLabel,\n  separator,\n  labelsContainer,\n} = {\n  host: { selector: () => ':host' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  mappingItem: { selector: 'descope-mapping-item::part(wrapper)' },\n  labels: { selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text' },\n  labelsText: {\n    selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text::part(text-wrapper)',\n  },\n  valueLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"]' },\n  attrLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"]' },\n  separator: { selector: 'descope-mapping-item::part(separator)' },\n  labelsContainer: { selector: 'descope-mappings-field-internal [part=\"labels\"]' },\n};\n\nexport const MappingsFieldClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      // we apply font-size also on the host so we can set its width with em\n      fontSize: [{}, host, { ...separator, property: 'margin-top' }],\n      fontFamily: [helperText, errorMessage, labels],\n      separatorFontSize: { ...separator, property: 'font-size' },\n      labelsFontSize: { ...labelsText, property: 'font-size' },\n      labelsLineHeight: [\n        { ...labelsText, property: 'line-height' },\n        { ...labels, property: 'line-height' },\n      ],\n      labelTextColor: [\n        { ...labels, property: TextClass.cssVarList.textColor },\n        { ...separator, property: 'color' },\n      ],\n      itemMarginBottom: { ...mappingItem, property: 'margin-bottom' },\n      valueLabelMinWidth: { ...valueLabel, property: 'min-width' },\n      attrLabelMinWidth: { ...attrLabel, property: 'min-width' },\n      labelsMarginBottom: { ...labelsContainer, property: 'margin-bottom' },\n      separatorWidth: {},\n      removeButtonWidth: {},\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] {\n        display: none;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"],\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        ${TextClass.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default MappingsFieldClass;\n","import '@vaadin/custom-field';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\nimport { componentName, MappingsFieldClass } from './MappingsFieldClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../../descope-text-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-mappings-field-internal';\nimport './descope-mapping-item';\n\ncustomElements.define(componentName, MappingsFieldClass);\n\nexport { MappingsFieldClass, componentName };\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeAttributes,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('saml-group-mappings-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: '' });\n\nclass SamlGroupMappingsInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return ['invalid'].concat(BaseInputClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <descope-text-field variant=\"body2\" bordered=\"true\"></descope-text-field>\n      <descope-mappings-field></descope-mappings-field>\n    `;\n\n    this.groupInputElement = this.querySelector('descope-text-field');\n    this.mappingsElement = this.querySelector('descope-mappings-field');\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  handleMappingsInvalidChange(changedAttributes) {\n    if (changedAttributes.includes('invalid')) {\n      if (!this.mappingsElement.hasAttribute('invalid')) {\n        this.resetInvalidIndication();\n      }\n    }\n  }\n\n  initFocusHandler() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement = this.mappingsElement.checkValidity()\n          ? this.groupInputElement\n          : this.mappingsElement;\n        focusedElement.focus();\n      }\n    });\n  }\n\n  init() {\n    // This needs to be placed before the super.init() call to work\n    this.initFocusHandler();\n\n    super.init?.();\n\n    forwardAttrs(this, this.groupInputElement, {\n      mapAttrs: { 'label-group': 'label' },\n      includeAttrs: ['size', 'label-group', 'readonly', 'disabled'],\n    });\n\n    forwardAttrs(this, this.mappingsElement, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'label-value',\n        'label-attr',\n        'button-label',\n        'separator',\n        'options',\n        'readonly',\n        'disabled',\n        'data-errormessage-pattern-mismatch',\n      ],\n    });\n\n    // Observing the invalid attribute of the mappings field to reset the invalid state for this component.\n    // When an invalid item turns valid, the mappings field will remove the invalid attribute, and at this component\n    // level, we need to remove the invalid attribute as well to be able to mark the component as invalid the next time\n    observeAttributes(this.mappingsElement, this.handleMappingsInvalidChange.bind(this), {\n      includeAttrs: ['invalid'],\n    });\n  }\n\n  get value() {\n    return {\n      group: this.groupInputElement.value,\n      mappings: this.mappingsElement.value,\n    };\n  }\n\n  set value(value) {\n    if (value?.group && typeof value.group === 'string') {\n      this.groupInputElement.value = value.group;\n    }\n    if (Array.isArray(value?.mappings)) {\n      this.mappingsElement.value = value.mappings;\n    }\n  }\n\n  getValidity() {\n    if (!this.groupInputElement.checkValidity()) {\n      return this.groupInputElement.validity;\n    }\n    if (!this.mappingsElement.checkValidity()) {\n      return this.mappingsElement.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidState(isInvalid) {\n    if (isInvalid) {\n      if (!this.groupInputElement.checkValidity()) {\n        this.groupInputElement.setAttribute('invalid', 'true');\n        return;\n      }\n\n      if (!this.mappingsElement.checkValidity()) {\n        this.mappingsElement.setAttribute('invalid', 'true');\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'invalid') {\n      this.#handleInvalidState(newValue === 'true');\n    }\n  }\n}\n\nexport default SamlGroupMappingsInternal;\n","import SamlGroupMappingsInternal, { componentName } from './SamlGroupMappingsInternal';\n\ncustomElements.define(componentName, SamlGroupMappingsInternal);\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-saml-group-mappings-internal/SamlGroupMappingsInternal';\n\nexport const componentName = getComponentName('saml-group-mappings');\n\nconst customMixin = (superclass) =>\n  class SamlGroupMappingsMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-group',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'readonly',\n          'disabled',\n        ],\n      });\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n    }\n  };\n\nconst { host, groupInput, errorMessage } = {\n  host: { selector: () => ':host' },\n  groupInput: { selector: 'descope-text-field' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const SamlGroupMappingsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      groupNameInputMarginBottom: { ...groupInput, property: 'margin-bottom' },\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    triggerValidationEvents: ['mapping-item-added', 'mapping-item-removed'],\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-text-field {\n        width: auto;\n      }\n\n      descope-mappings-field {\n        display: block;\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-group',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'separator',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default SamlGroupMappingsClass;\n","import '@vaadin/custom-field';\n\nimport { componentName, SamlGroupMappingsClass } from './SamlGroupMappingsClass';\nimport '../../descope-text-field';\nimport '../descope-mappings-field';\nimport './descope-saml-group-mappings-internal';\n\ncustomElements.define(componentName, SamlGroupMappingsClass);\n\nexport { SamlGroupMappingsClass, componentName };\n"],"names":["componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","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","RawText","hideWhenEmpty","hasChildren","childNodes","length","display","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","createBaseInputClass","args","observedAttrs","TextFieldClass","proxyProps","useProxyTargets","concat","icon","renderCopyToClipboard","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","baseElement","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineWidth","inputOutlineOffset","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","inputAttrs","BaseInputClass","separator","attributeValue","attributeInput","inputValue","valueInput","mapping","entries","console","error","attribute","dispatchEvent","InputEvent","bubbles","composed","shadowRoot","inputs","removeButton","includeAttrs","mapAttrs","options","initRemoveButton","CustomEvent","getValidity","badInput","reportValidity","checkValidity","handleSeparatorChange","textContent","invalid","defaultErrorMsgValueMissing","isValidDataType","data","every","obj","Array","isArray","getOwnPropertyNames","keys","trim","e","labelValue","labelAttr","buttonLabel","addNewMappingItem","focusNewItem","newMappingItem","mappingsContainerEle","setCustomValidity","resetInvalidIndication","undefined","items","from","reduce","acc","item","currentItems","i","removeChild","index","mappingItem","labelsEle","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","isTrusted","contains","removeAttribute","bind","errorItem","find","validity","isInvalid","toggleAttribute","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","content","cloneNode","groupInputElement","mappingsElement","handleMappingsInvalidChange","changedAttributes","includes","hasAttribute","initFocusHandler","group","groupInput","SamlGroupMappingsClass","groupNameInputMarginBottom","triggerValidationEvents"],"sourceRoot":""}
+{"version":3,"file":"mapping-fields-descope-saml-group-mappings-index-js.js","mappings":"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","sources":["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-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.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/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/MappingItem.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/SamlGroupMappingsInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/SamlGroupMappingsClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-saml-group-mappings/index.js"],"sourcesContent":["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} 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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: '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    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n","/* eslint-disable no-use-before-define */\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  // eslint-disable-next-line class-methods-use-this\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 {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    { selector: () => ':host input:placeholder-shown', property: 'font-weight' },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mapping-item');\n\nconst inputAttrs = [\n  'size',\n  'bordered',\n  'readonly',\n  'full-width',\n  'disabled',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingItem extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], inputAttrs, [\n      'separator',\n      'options',\n      'invalid',\n      'disabled',\n    ]);\n  }\n\n  get separator() {\n    return this.getAttribute('separator') || 'map to';\n  }\n\n  get value() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (attributeValue && inputValue) {\n      return { [attributeValue]: inputValue };\n    }\n    return null;\n  }\n\n  set value(mapping) {\n    if (Object.entries(mapping).length !== 1) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'descope-mapping item expected expects only one key-value pair in the value but received: ',\n        mapping\n      );\n      return;\n    }\n    const [attribute, value] = Object.entries(mapping)[0];\n    this.valueInput.value = value;\n    this.attributeInput.value = attribute;\n    // The event needs to be dispatched to trigger the validation if setting the value externally\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\" part=\"wrapper\">\n        <descope-text-field required=\"true\"></descope-text-field>\n        <div class=\"separator\" part=\"separator\">${this.separator}</div>\n        <descope-combo-box\n          item-label-path=\"data-name\"\n          item-value-path=\"data-id\"\n          required=\"true\"\n        >\n        </descope-combo-box>\n        <descope-button variant=\"link\" mode=\"primary\">\n          <vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`;\n\n    injectStyle(\n      `\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    `,\n      this\n    );\n\n    this.valueInput = this.shadowRoot.querySelector('descope-text-field');\n    this.attributeInput = this.shadowRoot.querySelector('descope-combo-box');\n    this.inputs = [this.valueInput, this.attributeInput];\n    this.removeButton = this.shadowRoot.querySelector('descope-button');\n\n    forwardAttrs(this, this.valueInput, {\n      includeAttrs: inputAttrs,\n    });\n    forwardAttrs(this, this.attributeInput, {\n      includeAttrs: [...inputAttrs, 'options'],\n      mapAttrs: { options: 'data' },\n    });\n    forwardAttrs(this, this.removeButton, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  initRemoveButton() {\n    this.removeButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('mapping-item-removed', { bubbles: true, composed: true }))\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.initRemoveButton();\n  }\n\n  getValidity() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (!attributeValue || !inputValue) {\n      return { badInput: true };\n    }\n    return {};\n  }\n\n  reportValidity() {\n    this.inputs.forEach((input) => input.reportValidity());\n  }\n\n  focus() {\n    const focusedElement =\n      this.checkValidity() || !this.valueInput.checkValidity()\n        ? this.valueInput\n        : this.attributeInput;\n    focusedElement.focus();\n  }\n\n  handleSeparatorChange() {\n    this.shadowRoot.querySelector('.separator').textContent = this.separator;\n  }\n\n  #handleInvalidMapping(invalid) {\n    if (invalid === 'true') {\n      const inputValue = this.valueInput.value;\n      if (!inputValue) {\n        this.valueInput.setAttribute('invalid', 'true');\n        this.valueInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n\n      const attributeValue = this.attributeInput.value;\n      if (!attributeValue) {\n        this.attributeInput.setAttribute('invalid', 'true');\n        this.attributeInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (attrName === 'separator') {\n      this.handleSeparatorChange();\n    }\n\n    if (attrName === 'invalid') {\n      this.#handleInvalidMapping(newValue);\n    }\n  }\n}\n\nexport default MappingItem;\n","import MappingItem, { componentName } from './MappingItem';\n\ncustomElements.define(componentName, MappingItem);\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeChildren,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mappings-field-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingsFieldInternal extends BaseInputClass {\n  #errorItem;\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], [\n      'label-value',\n      'label-attr',\n      'button-label',\n      'invalid',\n      'readonly',\n      'disabled',\n      'st-error-message-icon',\n      'st-error-message-icon-size',\n      'st-error-message-icon-padding',\n    ]);\n  }\n\n  isValidDataType(data) {\n    try {\n      return data.every(\n        (obj) =>\n          typeof obj === 'object' &&\n          !Array.isArray(obj) &&\n          Object.getOwnPropertyNames(obj).length === 1 &&\n          typeof obj[Object.keys(obj)[0]] === 'string' &&\n          obj[Object.keys(obj)[0]].trim() !== ''\n      );\n    } catch (e) {\n      return false;\n    }\n  }\n\n  get labelValue() {\n    return this.getAttribute('label-value') || 'Value';\n  }\n\n  get labelAttr() {\n    return this.getAttribute('label-attr') || 'Attribute';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || 'Add mapping';\n  }\n\n  get options() {\n    return this.getAttribute('options') || [];\n  }\n\n  addNewMappingItem(focusNewItem) {\n    const newMappingItem = document.createElement('descope-mapping-item');\n    newMappingItem.setAttribute('bordered', 'true');\n    this.mappingsContainerEle.appendChild(newMappingItem);\n    forwardAttrs(this, newMappingItem, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'separator',\n        'options',\n        'disabled',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n    // This needs to be done with the timeout, otherwise the validation is performed\n    // before the new item is added and thus returns a wrong result\n    setTimeout(() => {\n      this.setCustomValidity('');\n      newMappingItem.addEventListener('mapping-item-removed', () => {\n        // If the removed item was the one that was invalid, we need to reset the invalid indication for the internal\n        if (newMappingItem === this.#errorItem) {\n          this.resetInvalidIndication();\n          this.#errorItem = undefined;\n        }\n        newMappingItem.remove();\n        this.setCustomValidity('');\n      });\n      this.dispatchEvent(new CustomEvent('mapping-item-added', { bubbles: true, composed: true }));\n      if (focusNewItem) {\n        newMappingItem.focus();\n      }\n    }, 0);\n    return newMappingItem;\n  }\n\n  get items() {\n    return Array.from(this.mappingsContainerEle.querySelectorAll('descope-mapping-item'));\n  }\n\n  get value() {\n    return this.items.reduce((acc, item) => {\n      if (!item.value) {\n        return acc;\n      }\n\n      return [...acc, item.value];\n    }, []);\n  }\n\n  set value(mappings) {\n    if (!this.isValidDataType(mappings)) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'received invalid value to set - should be an array of objects with one key-value pair'\n      );\n      return;\n    }\n\n    const currentItems = this.items;\n\n    // Remove extra mapping items we don't need\n    if (currentItems.length > mappings.length) {\n      for (let i = mappings.length; i < currentItems.length; i++) {\n        this.mappingsContainerEle.removeChild(currentItems[i]);\n      }\n    }\n\n    // Add or update items\n    mappings.forEach((mapping, index) => {\n      const mappingItem = currentItems[index];\n      if (mappingItem) {\n        // Set existing item value\n        mappingItem.value = mapping;\n      } else {\n        // Add new item\n        const newMappingItem = this.addNewMappingItem(false);\n        // Setting the new item value needs to be done with the timeout,\n        // otherwise the value is not set correctly\n        setTimeout(() => {\n          newMappingItem.value = mapping;\n        }, 0);\n      }\n    });\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"labels-container\" part=\"labels\"></div>\n      <div class=\"mappings-container\"></div>\n      <div class=\"button-container\"></div>\n    `;\n\n    this.labelsEle = this.querySelector('.labels-container');\n    this.mappingsContainerEle = this.querySelector('.mappings-container');\n    this.buttonContainer = this.querySelector('.button-container');\n  }\n\n  initLabels() {\n    this.labelsEle.innerHTML = `\n      <descope-text variant=\"body2\" part=\"value-label\">${this.labelValue}</descope-text>\n      <descope-text variant=\"body2\" part=\"attr-label\">${this.labelAttr}</descope-text>\n    `;\n  }\n\n  initAddButton() {\n    this.buttonContainer.innerHTML = `\n      <descope-button variant=\"link\" mode=\"primary\" disabled=\"${this.isDisabled}\">\n        <vaadin-icon icon=\"vaadin:plus\"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;\n    const button = this.querySelector('descope-button');\n    button.onclick = () => {\n      this.addNewMappingItem(true);\n    };\n    forwardAttrs(this, button, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  #onMappingsContainerChildrenChange() {\n    this.labelsEle.style.display = this.items.length ? 'grid' : 'none';\n  }\n\n  init() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement =\n          this.#errorItem || this.items[0] || this.querySelector('descope-button');\n        focusedElement.focus();\n      }\n    });\n\n    super.init?.();\n    this.initLabels();\n    this.initAddButton();\n\n    // This event listener is responsible for removing the invalid attribute\n    // from the internal once the invalid item turns valid\n    this.addEventListener('input', () => {\n      const isErrorItemMounted = this.mappingsContainerEle.contains(this.#errorItem);\n      if (isErrorItemMounted && this.#errorItem?.checkValidity()) {\n        // Item has changed, it was invalid before and now it's valid\n        this.resetInvalidIndication();\n        this.#errorItem.removeAttribute('invalid');\n        this.#errorItem = undefined;\n      }\n    });\n\n    observeChildren(this.mappingsContainerEle, this.#onMappingsContainerChildrenChange.bind(this));\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  getValidity() {\n    const errorItem = this.items.find((item) => !item.checkValidity());\n    if (errorItem) {\n      return errorItem.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidMappings(isInvalid) {\n    if (isInvalid) {\n      this.#errorItem = this.items.find((item) => !item.checkValidity());\n      this.#errorItem?.reportValidity();\n      this.#errorItem?.setAttribute('invalid', 'true');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'label-value' || attrName === 'label-attr') {\n      this.initLabels();\n    }\n    if (attrName === 'button-label') {\n      this.initAddButton();\n    }\n    if (attrName === 'invalid') {\n      this.#handleInvalidMappings(newValue === 'true');\n    }\n    if (attrName === 'readonly') {\n      this.toggleAttribute('inert', newValue === 'true');\n    }\n  }\n}\n\nexport default MappingsFieldInternal;\n","import MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { TextClass } from '@descope-ui/descope-text/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-mappings-field-internal/MappingsFieldInternal';\n\nexport const componentName = getComponentName('mappings-field');\n\nconst customMixin = (superclass) =>\n  class MappingsFieldMixinClass extends superclass {\n    get defaultValues() {\n      const defaultValuesAttr = this.getAttribute('default-values');\n      if (defaultValuesAttr) {\n        try {\n          return JSON.parse(defaultValuesAttr);\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"default-values\" -', e.message);\n        }\n      }\n      return [];\n    }\n\n    setDefaultValues() {\n      const initialDefaultValues = this.defaultValues;\n      if (Object.keys(initialDefaultValues).length > 0) {\n        this.inputElement.value = initialDefaultValues;\n      }\n    }\n\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'default-values',\n          'invalid',\n          'readonly',\n          'disabled',\n          'st-error-message-icon',\n          'st-error-message-icon-size',\n          'st-error-message-icon-padding',\n        ],\n      });\n\n      // This is required since when we remove the invalid attribute from the internal mappings field,\n      // we want to reflect the change in the parent component\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n\n      this.setDefaultValues();\n    }\n  };\n\nconst {\n  host,\n  helperText,\n  errorMessage,\n  mappingItem,\n  labels,\n  labelsText,\n  valueLabel,\n  attrLabel,\n  separator,\n  labelsContainer,\n} = {\n  host: { selector: () => ':host' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  mappingItem: { selector: 'descope-mapping-item::part(wrapper)' },\n  labels: { selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text' },\n  labelsText: {\n    selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text::part(text-wrapper)',\n  },\n  valueLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"]' },\n  attrLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"]' },\n  separator: { selector: 'descope-mapping-item::part(separator)' },\n  labelsContainer: { selector: 'descope-mappings-field-internal [part=\"labels\"]' },\n};\n\nexport const MappingsFieldClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      // we apply font-size also on the host so we can set its width with em\n      fontSize: [{}, host, { ...separator, property: 'margin-top' }],\n      fontFamily: [helperText, errorMessage, labels],\n      separatorFontSize: { ...separator, property: 'font-size' },\n      labelsFontSize: { ...labelsText, property: 'font-size' },\n      labelsLineHeight: [\n        { ...labelsText, property: 'line-height' },\n        { ...labels, property: 'line-height' },\n      ],\n      labelTextColor: [\n        { ...labels, property: TextClass.cssVarList.textColor },\n        { ...separator, property: 'color' },\n      ],\n      itemMarginBottom: { ...mappingItem, property: 'margin-bottom' },\n      valueLabelMinWidth: { ...valueLabel, property: 'min-width' },\n      attrLabelMinWidth: { ...attrLabel, property: 'min-width' },\n      labelsMarginBottom: { ...labelsContainer, property: 'margin-bottom' },\n      separatorWidth: {},\n      removeButtonWidth: {},\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] {\n        display: none;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"],\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        ${TextClass.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default MappingsFieldClass;\n","import '@vaadin/custom-field';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\nimport { componentName, MappingsFieldClass } from './MappingsFieldClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../../descope-text-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-mappings-field-internal';\nimport './descope-mapping-item';\n\ncustomElements.define(componentName, MappingsFieldClass);\n\nexport { MappingsFieldClass, componentName };\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeAttributes,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('saml-group-mappings-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: '' });\n\nclass SamlGroupMappingsInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return ['invalid'].concat(BaseInputClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <descope-text-field variant=\"body2\" bordered=\"true\"></descope-text-field>\n      <descope-mappings-field></descope-mappings-field>\n    `;\n\n    this.groupInputElement = this.querySelector('descope-text-field');\n    this.mappingsElement = this.querySelector('descope-mappings-field');\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  handleMappingsInvalidChange(changedAttributes) {\n    if (changedAttributes.includes('invalid')) {\n      if (!this.mappingsElement.hasAttribute('invalid')) {\n        this.resetInvalidIndication();\n      }\n    }\n  }\n\n  initFocusHandler() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement = this.mappingsElement.checkValidity()\n          ? this.groupInputElement\n          : this.mappingsElement;\n        focusedElement.focus();\n      }\n    });\n  }\n\n  init() {\n    // This needs to be placed before the super.init() call to work\n    this.initFocusHandler();\n\n    super.init?.();\n\n    forwardAttrs(this, this.groupInputElement, {\n      mapAttrs: { 'label-group': 'label' },\n      includeAttrs: ['size', 'label-group', 'readonly', 'disabled'],\n    });\n\n    forwardAttrs(this, this.mappingsElement, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'label-value',\n        'label-attr',\n        'button-label',\n        'separator',\n        'options',\n        'readonly',\n        'disabled',\n        'data-errormessage-pattern-mismatch',\n      ],\n    });\n\n    // Observing the invalid attribute of the mappings field to reset the invalid state for this component.\n    // When an invalid item turns valid, the mappings field will remove the invalid attribute, and at this component\n    // level, we need to remove the invalid attribute as well to be able to mark the component as invalid the next time\n    observeAttributes(this.mappingsElement, this.handleMappingsInvalidChange.bind(this), {\n      includeAttrs: ['invalid'],\n    });\n  }\n\n  get value() {\n    return {\n      group: this.groupInputElement.value,\n      mappings: this.mappingsElement.value,\n    };\n  }\n\n  set value(value) {\n    if (value?.group && typeof value.group === 'string') {\n      this.groupInputElement.value = value.group;\n    }\n    if (Array.isArray(value?.mappings)) {\n      this.mappingsElement.value = value.mappings;\n    }\n  }\n\n  getValidity() {\n    if (!this.groupInputElement.checkValidity()) {\n      return this.groupInputElement.validity;\n    }\n    if (!this.mappingsElement.checkValidity()) {\n      return this.mappingsElement.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidState(isInvalid) {\n    if (isInvalid) {\n      if (!this.groupInputElement.checkValidity()) {\n        this.groupInputElement.setAttribute('invalid', 'true');\n        return;\n      }\n\n      if (!this.mappingsElement.checkValidity()) {\n        this.mappingsElement.setAttribute('invalid', 'true');\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'invalid') {\n      this.#handleInvalidState(newValue === 'true');\n    }\n  }\n}\n\nexport default SamlGroupMappingsInternal;\n","import SamlGroupMappingsInternal, { componentName } from './SamlGroupMappingsInternal';\n\ncustomElements.define(componentName, SamlGroupMappingsInternal);\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-saml-group-mappings-internal/SamlGroupMappingsInternal';\n\nexport const componentName = getComponentName('saml-group-mappings');\n\nconst customMixin = (superclass) =>\n  class SamlGroupMappingsMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-group',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'readonly',\n          'disabled',\n        ],\n      });\n\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n    }\n  };\n\nconst { host, groupInput, errorMessage } = {\n  host: { selector: () => ':host' },\n  groupInput: { selector: 'descope-text-field' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const SamlGroupMappingsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      groupNameInputMarginBottom: { ...groupInput, property: 'margin-bottom' },\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    triggerValidationEvents: ['mapping-item-added', 'mapping-item-removed'],\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-text-field {\n        width: auto;\n      }\n\n      descope-mappings-field {\n        display: block;\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-group',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'separator',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default SamlGroupMappingsClass;\n","import '@vaadin/custom-field';\n\nimport { componentName, SamlGroupMappingsClass } from './SamlGroupMappingsClass';\nimport '../../descope-text-field';\nimport '../descope-mappings-field';\nimport './descope-saml-group-mappings-internal';\n\ncustomElements.define(componentName, SamlGroupMappingsClass);\n\nexport { SamlGroupMappingsClass, componentName };\n"],"names":["componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","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","RawText","hideWhenEmpty","hasChildren","childNodes","length","display","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","createBaseInputClass","args","observedAttrs","TextFieldClass","proxyProps","useProxyTargets","concat","icon","renderCopyToClipboard","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","baseElement","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineWidth","inputOutlineOffset","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","inputAttrs","BaseInputClass","separator","attributeValue","attributeInput","inputValue","valueInput","mapping","entries","console","error","attribute","dispatchEvent","InputEvent","bubbles","composed","shadowRoot","inputs","removeButton","includeAttrs","mapAttrs","options","initRemoveButton","CustomEvent","getValidity","badInput","reportValidity","checkValidity","handleSeparatorChange","textContent","invalid","defaultErrorMsgValueMissing","isValidDataType","data","every","obj","Array","isArray","getOwnPropertyNames","keys","trim","e","labelValue","labelAttr","buttonLabel","addNewMappingItem","focusNewItem","newMappingItem","mappingsContainerEle","setCustomValidity","resetInvalidIndication","undefined","items","from","reduce","acc","item","currentItems","i","removeChild","index","mappingItem","labelsEle","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","isTrusted","contains","removeAttribute","bind","errorItem","find","validity","isInvalid","toggleAttribute","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","content","cloneNode","groupInputElement","mappingsElement","handleMappingsInvalidChange","changedAttributes","includes","hasAttribute","initFocusHandler","group","groupInput","SamlGroupMappingsClass","groupNameInputMarginBottom","triggerValidationEvents"],"sourceRoot":""}

package/dist/umd/phone-fields-descope-phone-field-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2878,9894],{79275(t,e,n){n.d(e,{T:()=>a,w:()=>p});var i=n(79365),o=n(6424),r=n(9696),s=n(97810),l=n(73551);const a=(0,s.xE)("text-field"),d=["type","label-type","copy-to-clipboard"],p=(0,r.Zz)((0,i.RF)({mappings:o.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),i.tQ,t=>class extends t{static get observedAttributes(){return d.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},n={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,n),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}})((0,i.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${p.cssVarList.inputOutlineWidth}) + var(${p.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,l.$J)("vaadin-text-field")}\n\t\t\t${(0,l.cy)(p.cssVarList)}\n\t\t\t${(0,l.LJ)("vaadin-text-field",p.cssVarList)}\n      ${(0,l.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:a}))},21374(t,e,n){n.r(e),n.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),n(11284),n(37182),n(95260);var i=n(79275);customElements.define(i.T,i.w)},81808(t,e,n){n.d(e,{NF:()=>I,TQ:()=>h});var i=n(86365),o=n(84015),r=n(97810),s=n(9696),l=n(79365),a=n(79275),d=n(51680),p=n(73551);const u=a.w.cssVarList,c=i.C.cssVarList,h=(0,r.xE)("phone-field"),{host:b,label:y,requiredIndicator:m,inputField:f,internalAfter:g,countryCodeInput:x,phoneInput:v,separator:C,errorMessage:A,helperText:w}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},internalAfter:{selector:"descope-phone-field-internal::after"},phoneInput:{selector:()=>"descope-text-field"},countryCodeInput:{selector:()=>"descope-combo-box"},separator:{selector:"descope-phone-field-internal .separator"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},I=(0,s.Zz)((0,l.RF)({mappings:{fontSize:[b,f,{selector:a.w.componentName,property:a.w.cssVarList.fontSize},{selector:i.C.componentName,property:i.C.cssVarList.fontSize}],fontFamily:[y,A,w,{...x,property:i.C.cssVarList.overlay.fontFamily}],hostWidth:[{...b,property:"width"},{...v,property:"width"},{...x,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...b,property:"direction"},inputBorderStyle:[{...g,property:"border-style"},{...C,property:"border-left-style"}],inputBorderWidth:[{...g,property:"border-width"},{...C,property:"border-left-width"}],inputBorderColor:[{...g,property:"border-color"},{...C,property:"border-left-color"}],inputBorderRadius:[{...f,property:"border-radius"},{...g,property:"border-radius"}],countryCodeInputWidth:{...x,property:c.hostWidth},countryCodeDropdownWidth:{...x,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...v,property:"width"},horizontalPadding:[{...v,property:"padding-left"},{...v,property:"padding-right"},{...x,property:"padding-left"},{...x,property:"padding-right"}],labelTextColor:[{...y,property:"color"},{...y,property:"-webkit-text-fill-color"},{...m,property:"color"}],labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...A,property:"color"},errorMessageIcon:{...A,property:"background-image"},errorMessageIconSize:{...A,property:"background-size"},errorMessageIconPadding:{...A,property:"padding-inline-start"},errorMessageIconRepeat:{...A,property:"background-repeat"},errorMessageIconPosition:{...A,property:"background-position"},errorMessageFontSize:{...A,property:"font-size"},inputValueTextColor:[{...v,property:u.inputValueTextColor},{...x,property:c.inputValueTextColor}],inputPlaceholderTextColor:{...v,property:u.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:c.overlayItemBackgroundColor},inputOutlineStyle:{...f,property:"outline-style"},inputOutlineColor:{...f,property:"outline-color"},inputOutlineWidth:{...f,property:"outline-width"},inputOutlineOffset:{...f,property:"outline-offset"},valueInputHeight:[{...x,property:c.valueInputHeight}],valueInputMarginBottom:[{...v,property:u.valueInputMarginBottom}],marginInlineStart:[{...v,property:u.marginInlineStart},{...x,property:c.marginInlineStart}]}}),l.VO,l.Yg,(0,l.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{static get CountryCodes(){return d.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n      \t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),(0,r.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation","phone-input-type"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(t=>t.getAttribute("data-country-code"))}})((0,l.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 15em;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t${(0,p.cy)(I.cssVarList)}\n\t\t\t${(0,p.I4)("vaadin-text-field")}\n\t\t\t${(0,p.kG)("vaadin-text-field")}\n\t\t\t${(0,p.X6)()}\n\n\t\t\tdiv {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\tvaadin-text-field {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-text-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\t\t\tvaadin-text-field::part(label) {\n        margin-left: 0;\n        margin-right: 0;\n      }\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tpadding: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\tdescope-phone-field-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        direction: ltr;\n        position: relative;\n\t\t\t}\n      descope-phone-field-internal::after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        box-sizing: border-box;\n        outline-offset: calc(var(${I.cssVarList.inputBorderWidth}) * -1);\n        pointer-events: none;\n      }\n\t\t\tdescope-phone-field-internal > div {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t\tdescope-phone-field-internal .separator {\n\t\t\t\tflex: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\n\t\t\tdescope-combo-box {\n\t\t\t\tflex-shrink: 0;\n        min-width: 5.75em;\n\t\t\t\t${c.inputOutlineWidth}: 0;\n\t\t\t\t${c.inputOutlineOffset}: 0;\n\t\t\t\t${c.inputBorderWidth}: 0;\n\t\t\t\t${c.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${u.inputOutlineWidth}: 0;\n\t\t\t\t${u.inputOutlineOffset}: 0;\n\t\t\t\t${u.inputBorderWidth}: 0;\n\t\t\t\t${u.inputBorderRadius}: 0;\n      }\n\n      :host([label-type="floating"]) vaadin-text-field::part(label) {\n        display: none;\n      }\n      descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      descope-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n\t\t\tvaadin-text-field::part(input-field)::after {\n\t\t\t\tborder: none;\n\t\t\t}\n      ${(0,p.$J)("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:h}))},84015(t,e,n){n.d(e,{A:()=>f,T:()=>d});var i=n(10473),o=n(23530),r=n(3393),s=n(97810),l=n(51680),a=n(49157);const d=(0,s.xE)("phone-field-internal"),p=["disabled","size","bordered","readonly"],u=["country-input-placeholder","default-code","restrict-countries"],c=["phone-input-placeholder","maxlength","autocomplete","name","phone-input-type"],h=["label-type","country-input-label","label"],b={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder","phone-input-type":"type"},y=[].concat(p,u,c,h),m=(0,r.y)({componentName:d,baseSelector:"div"}),f=class extends m{static get observedAttributes(){return[].concat(m.observedAttributes||[],y)}#t;constructor(){super(),this.innerHTML=`\n    <div class="wrapper">\n      <descope-combo-box\n        item-label-path="data-name"\n        item-value-path="data-id"\n      >\n      ${l.A.map(t=>(0,a.$B)(t)).join("")}\n      </descope-combo-box>\n      <div class="separator"></div>\n      <descope-text-field type="tel"></descope-text-field>\n    </div>\n    `,this.comboBox=this.querySelector("descope-combo-box"),this.textField=this.querySelector("descope-text-field"),this.inputs=[this.comboBox,this.textField],(0,s.EA)(this,this.comboBox,{includeAttrs:["label-type"]}),(0,s.EA)(this,this.textField,{includeAttrs:["label-type","required","phone-input-type"],mapAttrs:{"phone-input-type":"type"}}),this.comboBox.customValueTransformFn=t=>{const[,e]=t?.split?.(" ")||[];return e}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const t=this.getAttribute("restrict-countries");return t?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){return this.comboBox.value&&this.textField.value?this.allowAlphanumericInput?`${this.comboBox.value}-${this.textField.value}`:`${this.comboBox.value}-${this.textField.value.replace(/\D+/g,"")}`:""}#e(){this.comboBox.selectedItem=void 0,this.textField.value=""}set value(t){if(!t||!/\d/.test(t))return void this.#e();t.startsWith("+")||(t=`+${t}`);let e="",n="";if(t.includes("-")){const i=t.indexOf("-");e=t.slice(0,i),n=t.slice(i+1).replace(/\D+/g,"")}else{const o=(0,i.l)(t);o?.countryCallingCode&&(e=`+${o.countryCallingCode}`,n=t.slice(e.length).replace(/\D+/g,""))}if(!/\d/.test(e))return void this.#e();const o=l.A.filter(t=>t.dialCode===e).map(t=>t.code),r=this.selectedCountryCode;if(!o.includes(r)){const t=this.comboBox.items?.find(t=>o.includes(t.getAttribute("data-country-code")));t&&(this.comboBox.selectedItem=t)}this.isFormatValue?this.textField.value=this.#n(n):this.textField.value=n}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#i()}getValidity(){const t=this.comboBox.value,e=this.textField.value,n=!t||!e,i=e&&e.length>=this.minLength;if(this.isRequired&&n)return{valueMissing:!0};if(this.value){if(!i)return{tooShort:!0};if(this.isStrictValidation&&!this.#o())return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e!==n){if("default-code"===t&&n&&!this.selectedCountryCode)this.#r(n);else if(y.includes(t)){const e=b[t]||t;p.includes(t)?n?this.inputs.forEach(t=>t.setAttribute(e,n)):this.inputs.forEach(t=>t.removeAttribute(e)):u.includes(t)?this.comboBox.setAttribute(e,n):c.includes(t)&&this.textField.setAttribute(e,n)}h.includes(t)&&this.#s(t,n),"restrict-countries"===t&&this.#l(this.restrictCountries)}}#i(){this.textField.addEventListener("input",t=>{if(!this.allowAlphanumericInput){const e=/^\d$/,n=t.target.value.split("").filter(t=>e.test(t)).join("");t.target.value=n}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#n(t=""){return this.#t&&this.#t.country===this.selectedCountryCode||(this.#t=new o.Q(this.selectedCountryCode)),this.#t.reset(),this.#t.input(t)||t}#o(){const t=(0,i.l)(this.value);return!!(t&&t.isValid?.()&&t.country&&this.#a(t.country))}#a(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#d(t){return this.comboBox.items?.find(e=>e.getAttribute("data-country-code")===t)}#l(t){const e=t.length?l.A.filter(e=>t.includes(e.code)):l.A;this.querySelector("descope-combo-box").innerHTML=e.map(t=>(0,a.$B)(t)).join("")}#r(t){if(!this.comboBox.value){const e=this.#d(t);e&&setTimeout(()=>{this.comboBox.selectedItem=e})}}#s(t,e){const n=b[t]||t;"label-type"===t?this.#p(e):"floating"===this.getAttribute("label-type")&&("country-input-label"===t?this.comboBox.setAttribute(n,e):"label"===t&&this.textField.setAttribute(n,e))}#p(t){"floating"===t?(this.comboBox.setAttribute("label",this.getAttribute("country-input-label")||""),this.comboBox.setAttribute("placeholder",this.getAttribute("country-input-placeholder")||""),this.textField.setAttribute("label",this.getAttribute("label")||""),this.textField.setAttribute("placeholder",this.getAttribute("phone-input-placeholder")||"")):this.inputs.forEach(t=>t.removeAttribute("label"))}}},92132(t,e,n){n.r(e),n(27092),n(21374);var i=n(84015);customElements.define(i.T,i.A)},49157(t,e,n){n.d(e,{$B:()=>i});const i=({code:t,dialCode:e,name:n})=>`\n\t<div\n\t\tdata-id="${e}"\n\t\tdata-name="${t} ${e} ${n}"\n\t\tdata-country-code="${t}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(t=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${t.toLowerCase()}.svg`)(t)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${n}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${t}</span>\n\t\t\t<span>${e}</span>\n\t\t</div>\n\t</div>\n`},98136(t,e,n){n.r(e),n.d(e,{PhoneFieldClass:()=>i.NF,componentName:()=>i.TQ}),n(92132),n(27092),n(21374);var i=n(81808);customElements.define(i.TQ,i.NF)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2878,9894],{79275(t,e,n){n.d(e,{T:()=>s,w:()=>p});var i=n(79365),o=n(6424),r=n(9696),l=n(97810),a=n(73551);const s=(0,l.xE)("text-field"),d=["type","label-type","copy-to-clipboard"],p=(0,r.Zz)((0,i.RF)({mappings:o.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),i.tQ,t=>class extends t{static get observedAttributes(){return d.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},n={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,n),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}})((0,i.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${p.cssVarList.inputOutlineWidth}) + var(${p.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(p.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",p.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:s}))},21374(t,e,n){n.r(e),n.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),n(11284),n(37182),n(95260);var i=n(79275);customElements.define(i.T,i.w)},81808(t,e,n){n.d(e,{NF:()=>I,TQ:()=>h});var i=n(86365),o=n(84015),r=n(97810),l=n(9696),a=n(79365),s=n(79275),d=n(51680),p=n(73551);const u=s.w.cssVarList,c=i.C.cssVarList,h=(0,r.xE)("phone-field"),{host:b,label:y,requiredIndicator:g,inputField:m,internalAfter:f,countryCodeInput:x,phoneInput:v,separator:C,errorMessage:w,helperText:A}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},internalAfter:{selector:"descope-phone-field-internal::after"},phoneInput:{selector:()=>"descope-text-field"},countryCodeInput:{selector:()=>"descope-combo-box"},separator:{selector:"descope-phone-field-internal .separator"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},I=(0,l.Zz)((0,a.RF)({mappings:{fontSize:[b,m,{selector:s.w.componentName,property:s.w.cssVarList.fontSize},{selector:i.C.componentName,property:i.C.cssVarList.fontSize}],fontFamily:[y,w,A,{...x,property:i.C.cssVarList.overlay.fontFamily}],hostWidth:[{...b,property:"width"},{...v,property:"width"},{...x,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...b,property:"direction"},inputBorderStyle:[{...f,property:"border-style"},{...C,property:"border-left-style"}],inputBorderWidth:[{...f,property:"border-width"},{...C,property:"border-left-width"}],inputBorderColor:[{...f,property:"border-color"},{...C,property:"border-left-color"}],inputBorderRadius:[{...m,property:"border-radius"},{...f,property:"border-radius"}],countryCodeInputWidth:{...x,property:c.hostWidth},countryCodeDropdownWidth:{...x,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...v,property:"width"},horizontalPadding:[{...v,property:"padding-left"},{...v,property:"padding-right"},{...x,property:"padding-left"},{...x,property:"padding-right"}],labelFontSize:{...y,property:"font-size"},labelFontWeight:{...y,property:"font-weight"},inputValueFontWeight:[{...v,property:u.inputValueFontWeight},{...x,property:c.inputValueFontWeight}],inputPlaceholderFontWeight:{...v,property:u.inputPlaceholderFontWeight},helperTextFontWeight:{...A,property:"font-weight"},errorMessageFontWeight:{...w,property:"font-weight"},labelTextColor:[{...y,property:"color"},{...y,property:"-webkit-text-fill-color"},{...g,property:"color"}],labelRequiredIndicator:{...g,property:"content"},errorMessageTextColor:{...w,property:"color"},errorMessageIcon:{...w,property:"background-image"},errorMessageIconSize:{...w,property:"background-size"},errorMessageIconPadding:{...w,property:"padding-inline-start"},errorMessageIconRepeat:{...w,property:"background-repeat"},errorMessageIconPosition:{...w,property:"background-position"},errorMessageFontSize:{...w,property:"font-size"},inputValueTextColor:[{...v,property:u.inputValueTextColor},{...x,property:c.inputValueTextColor}],inputPlaceholderTextColor:{...v,property:u.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:c.overlayItemBackgroundColor},inputOutlineStyle:{...m,property:"outline-style"},inputOutlineColor:{...m,property:"outline-color"},inputOutlineWidth:{...m,property:"outline-width"},inputOutlineOffset:{...m,property:"outline-offset"},valueInputHeight:[{...x,property:c.valueInputHeight}],valueInputMarginBottom:[{...v,property:u.valueInputMarginBottom}],marginInlineStart:[{...v,property:u.marginInlineStart},{...x,property:c.marginInlineStart}]}}),a.VO,a.Yg,(0,a.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{static get CountryCodes(){return d.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n      \t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),(0,r.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation","phone-input-type"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(t=>t.getAttribute("data-country-code"))}})((0,a.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 15em;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t${(0,p.cy)(I.cssVarList)}\n\t\t\t${(0,p.I4)("vaadin-text-field")}\n\t\t\t${(0,p.kG)("vaadin-text-field")}\n\t\t\t${(0,p.X6)()}\n\n\t\t\tdiv {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\tvaadin-text-field {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-text-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\t\t\tvaadin-text-field::part(label) {\n        margin-left: 0;\n        margin-right: 0;\n      }\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tpadding: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\tdescope-phone-field-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        direction: ltr;\n        position: relative;\n\t\t\t}\n      descope-phone-field-internal::after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        box-sizing: border-box;\n        outline-offset: calc(var(${I.cssVarList.inputBorderWidth}) * -1);\n        pointer-events: none;\n      }\n\t\t\tdescope-phone-field-internal > div {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t\tdescope-phone-field-internal .separator {\n\t\t\t\tflex: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\n\t\t\tdescope-combo-box {\n\t\t\t\tflex-shrink: 0;\n        min-width: 5.75em;\n\t\t\t\t${c.inputOutlineWidth}: 0;\n\t\t\t\t${c.inputOutlineOffset}: 0;\n\t\t\t\t${c.inputBorderWidth}: 0;\n\t\t\t\t${c.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${u.inputOutlineWidth}: 0;\n\t\t\t\t${u.inputOutlineOffset}: 0;\n\t\t\t\t${u.inputBorderWidth}: 0;\n\t\t\t\t${u.inputBorderRadius}: 0;\n      }\n\n      :host([label-type="floating"]) vaadin-text-field::part(label) {\n        display: none;\n      }\n      descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      descope-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n\t\t\tvaadin-text-field::part(input-field)::after {\n\t\t\t\tborder: none;\n\t\t\t}\n      ${(0,p.$J)("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:h}))},84015(t,e,n){n.d(e,{A:()=>m,T:()=>d});var i=n(10473),o=n(23530),r=n(3393),l=n(97810),a=n(51680),s=n(49157);const d=(0,l.xE)("phone-field-internal"),p=["disabled","size","bordered","readonly"],u=["country-input-placeholder","default-code","restrict-countries"],c=["phone-input-placeholder","maxlength","autocomplete","name","phone-input-type"],h=["label-type","country-input-label","label"],b={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder","phone-input-type":"type"},y=[].concat(p,u,c,h),g=(0,r.y)({componentName:d,baseSelector:"div"}),m=class extends g{static get observedAttributes(){return[].concat(g.observedAttributes||[],y)}#t;constructor(){super(),this.innerHTML=`\n    <div class="wrapper">\n      <descope-combo-box\n        item-label-path="data-name"\n        item-value-path="data-id"\n      >\n      ${a.A.map(t=>(0,s.$B)(t)).join("")}\n      </descope-combo-box>\n      <div class="separator"></div>\n      <descope-text-field type="tel"></descope-text-field>\n    </div>\n    `,this.comboBox=this.querySelector("descope-combo-box"),this.textField=this.querySelector("descope-text-field"),this.inputs=[this.comboBox,this.textField],(0,l.EA)(this,this.comboBox,{includeAttrs:["label-type"]}),(0,l.EA)(this,this.textField,{includeAttrs:["label-type","required","phone-input-type"],mapAttrs:{"phone-input-type":"type"}}),this.comboBox.customValueTransformFn=t=>{const[,e]=t?.split?.(" ")||[];return e}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const t=this.getAttribute("restrict-countries");return t?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){return this.comboBox.value&&this.textField.value?this.allowAlphanumericInput?`${this.comboBox.value}-${this.textField.value}`:`${this.comboBox.value}-${this.textField.value.replace(/\D+/g,"")}`:""}#e(){this.comboBox.selectedItem=void 0,this.textField.value=""}set value(t){if(!t||!/\d/.test(t))return void this.#e();t.startsWith("+")||(t=`+${t}`);let e="",n="";if(t.includes("-")){const i=t.indexOf("-");e=t.slice(0,i),n=t.slice(i+1).replace(/\D+/g,"")}else{const o=(0,i.l)(t);o?.countryCallingCode&&(e=`+${o.countryCallingCode}`,n=t.slice(e.length).replace(/\D+/g,""))}if(!/\d/.test(e))return void this.#e();const o=a.A.filter(t=>t.dialCode===e).map(t=>t.code),r=this.selectedCountryCode;if(!o.includes(r)){const t=this.comboBox.items?.find(t=>o.includes(t.getAttribute("data-country-code")));t&&(this.comboBox.selectedItem=t)}this.isFormatValue?this.textField.value=this.#n(n):this.textField.value=n}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#i()}getValidity(){const t=this.comboBox.value,e=this.textField.value,n=!t||!e,i=e&&e.length>=this.minLength;if(this.isRequired&&n)return{valueMissing:!0};if(this.value){if(!i)return{tooShort:!0};if(this.isStrictValidation&&!this.#o())return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e!==n){if("default-code"===t&&n&&!this.selectedCountryCode)this.#r(n);else if(y.includes(t)){const e=b[t]||t;p.includes(t)?n?this.inputs.forEach(t=>t.setAttribute(e,n)):this.inputs.forEach(t=>t.removeAttribute(e)):u.includes(t)?this.comboBox.setAttribute(e,n):c.includes(t)&&this.textField.setAttribute(e,n)}h.includes(t)&&this.#l(t,n),"restrict-countries"===t&&this.#a(this.restrictCountries)}}#i(){this.textField.addEventListener("input",t=>{if(!this.allowAlphanumericInput){const e=/^\d$/,n=t.target.value.split("").filter(t=>e.test(t)).join("");t.target.value=n}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#n(t=""){return this.#t&&this.#t.country===this.selectedCountryCode||(this.#t=new o.Q(this.selectedCountryCode)),this.#t.reset(),this.#t.input(t)||t}#o(){const t=(0,i.l)(this.value);return!!(t&&t.isValid?.()&&t.country&&this.#s(t.country))}#s(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#d(t){return this.comboBox.items?.find(e=>e.getAttribute("data-country-code")===t)}#a(t){const e=t.length?a.A.filter(e=>t.includes(e.code)):a.A;this.querySelector("descope-combo-box").innerHTML=e.map(t=>(0,s.$B)(t)).join("")}#r(t){if(!this.comboBox.value){const e=this.#d(t);e&&setTimeout(()=>{this.comboBox.selectedItem=e})}}#l(t,e){const n=b[t]||t;"label-type"===t?this.#p(e):"floating"===this.getAttribute("label-type")&&("country-input-label"===t?this.comboBox.setAttribute(n,e):"label"===t&&this.textField.setAttribute(n,e))}#p(t){"floating"===t?(this.comboBox.setAttribute("label",this.getAttribute("country-input-label")||""),this.comboBox.setAttribute("placeholder",this.getAttribute("country-input-placeholder")||""),this.textField.setAttribute("label",this.getAttribute("label")||""),this.textField.setAttribute("placeholder",this.getAttribute("phone-input-placeholder")||"")):this.inputs.forEach(t=>t.removeAttribute("label"))}}},92132(t,e,n){n.r(e),n(27092),n(21374);var i=n(84015);customElements.define(i.T,i.A)},49157(t,e,n){n.d(e,{$B:()=>i});const i=({code:t,dialCode:e,name:n})=>`\n\t<div\n\t\tdata-id="${e}"\n\t\tdata-name="${t} ${e} ${n}"\n\t\tdata-country-code="${t}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(t=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${t.toLowerCase()}.svg`)(t)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${n}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${t}</span>\n\t\t\t<span>${e}</span>\n\t\t</div>\n\t</div>\n`},98136(t,e,n){n.r(e),n.d(e,{PhoneFieldClass:()=>i.NF,componentName:()=>i.TQ}),n(92132),n(27092),n(21374);var i=n(81808);customElements.define(i.TQ,i.NF)}}]);
 //# sourceMappingURL=phone-fields-descope-phone-field-index-js.js.map