@descope/web-components-ui 2.2.24 → 2.2.26

package/dist/umd/descope-outbound-apps.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-outbound-apps.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/AvatarClass.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/OutboundAppsClass.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\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","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 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 { 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\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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\t\tselector: () => `::slotted(*)`,\n\t\tproperty: IconClass.cssVarList.fill\n\t  },\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","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('avatar');\nclass RawAvatar extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <vaadin-avatar></vaadin-avatar>\n        <div class=\"editableBadge\">\n          <vaadin-icon icon=\"vaadin:pencil\"></vaadin-icon>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(`\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    `, this);\n\n    this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');\n\n    forwardAttrs(this, this.avatarComponent, {\n      includeAttrs: ['display-name', 'img', 'abbr'],\n      mapAttrs: { 'display-name': 'name' },\n    });\n\n    const editableIcon = this.shadowRoot.querySelector('.editableBadge');\n\n    observeAttributes(\n      this,\n      () => {\n        editableIcon.style.display = this.isEditable ? '' : 'none';\n      },\n      { includeAttrs: ['editable'] },\n    );\n  }\n\n  get isEditable() {\n    return this.getAttribute('editable') === 'true';\n  }\n}\n\nconst { host, editableBadge, avatar } = {\n  host: { selector: () => ':host' },\n  editableBadge: { selector: '> .editableBadge' },\n  avatar: { selector: 'vaadin-avatar' },\n};\n\nexport const AvatarClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [\n        { ...host, property: 'width' },\n        { ...host, property: 'min-width' },\n      ],\n      hostHeight: { ...host, property: 'height' },\n      cursor: [avatar, host],\n      hostDirection: { ...host, property: 'direction' },\n      avatarTextColor: { ...avatar, property: 'color' },\n      avatarBackgroundColor: { ...avatar, property: 'background-color' },\n      editableIconColor: { ...editableBadge, property: 'color' },\n      editableBorderColor: { ...editableBadge, property: 'border-color' },\n      editableBackgroundColor: {\n        ...editableBadge,\n        property: 'background-color',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAvatar);\n","import { componentName, AvatarClass } from './AvatarClass';\nimport '@vaadin/avatar';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\n\ncustomElements.define(componentName, AvatarClass);\n\nexport { AvatarClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n  limitAbbreviation,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('outbound-apps');\n\nconst itemRenderer = (\n  { name, description, logo, appId, isConnected },\n  _,\n  ref,\n) => {\n  const action = isConnected ? 'disconnect' : 'connect';\n  return `\n  <descope-list-item>\n    <descope-avatar\n      ${logo ? `img=\"${logo}\"` : ''}\n      ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n      size=${ref.size}\n      ${logo ? 'st-avatar-background-color=\"none\"' : ''}\n      class=\"app-logo\"\n    ></descope-avatar>\n\n      <div class=\"content\">\n        <descope-text\n          class=\"app-title\"\n          variant=\"subtitle1\"\n          mode=\"primary\"\n        >${name}</descope-text>\n      ${\n        description\n          ? `\n          <descope-text\n            class=\"app-description\"\n            variant=\"body2\"\n            mode=\"primary\"\n          >${description}</descope-text>\n      `\n          : ''\n      }\n    </div>\n    <div class=\"controls\">\n      <descope-button variant=\"link\" mode=\"primary\" size=${ref.size} data-action=\"${action}\" data-outbound-app-id=\"${appId}\" data-id=\"${action}\">\n        ${isConnected ? ref.disconnectButtonLabel : ref.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`;\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'descope-list',\n});\n\nclass RawOutboundAppsClass extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-list>\n        <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n      </descope-list>\n    `;\n\n    this.appsList = this.shadowRoot.querySelector('descope-list');\n\n    injectStyle(\n      `\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.appsList.itemRenderer = itemRenderer;\n\n    this.appsList.addEventListener('click', this.onAppsListClick.bind(this));\n  }\n\n  get readonly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  onAppsListClick(e) {\n    if (!this.readonly) {\n      const id = e.srcElement.getAttribute('data-outbound-app-id');\n      const action = e.srcElement.getAttribute('data-action');\n      if (id && action) {\n        this.dispatchEvent(\n          new CustomEvent(`${action}-clicked`, {\n            bubbles: true,\n            detail: { id, action },\n          }),\n        );\n      }\n    }\n  }\n\n  get size() {\n    return this.getAttribute('size') || 'sm';\n  }\n\n  get connectButtonLabel() {\n    return this.getAttribute('connect-button-label') || 'Connect';\n  }\n\n  get disconnectButtonLabel() {\n    return this.getAttribute('disconnect-button-label') || 'Disconnect';\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const OutboundAppsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          selector: 'descope-list',\n          property: 'direction',\n        },\n        {\n          selector: 'descope-list-item',\n          property: 'direction',\n        },\n      ],\n      iconColor: {\n        selector: () => ' descope-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      errorIconColor: {\n        selector: () => ' descope-icon.error-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      fontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      appLogoGap: {\n        selector: () => ' .app-logo',\n        property: 'margin-inline-end',\n      },\n      contentGap: {\n        selector: () => ' .content',\n        property: 'gap',\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemCursor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.cursor,\n      },\n      itemOutline: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.outline,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColor,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      listBorderWidth: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.borderWidth,\n      },\n      listBoxShadow: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.boxShadow,\n      },\n      listPadding: [\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.verticalPadding,\n        },\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.horizontalPadding,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'connect-button-label',\n      'disconnect-button-label',\n    ],\n  }),\n  componentNameValidationMixin,\n)(RawOutboundAppsClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-button';\nimport { componentName, OutboundAppsClass } from './OutboundAppsClass';\n\ncustomElements.define(componentName, OutboundAppsClass);\n\nexport { OutboundAppsClass, componentName };\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...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","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\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      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n"],"names":["componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","srcAttrs","RawImage","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","ele","ImageClass","cssVarList","fill","then","res","appendChild","shouldRender","src","srcVal","attrName","height","width","clickableMixin","superclass","isLoading","click","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","style","setProperty","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","hostHeight","fontSize","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","customElements","define","RawAvatar","avatarComponent","includeAttrs","mapAttrs","editableIcon","display","isEditable","editableBadge","avatar","AvatarClass","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","itemRenderer","description","logo","appId","isConnected","_","ref","action","size","disconnectButtonLabel","connectButtonLabel","BaseClass","OutboundAppsClass","IconClass","errorIconColor","TextClass","appLogoGap","contentGap","itemsTextAlign","itemCursor","ListItemClass","itemOutline","outline","itemBorderColor","itemBackgroundColor","listBorderWidth","listBoxShadow","listPadding","rerenderAttrsList","appsList","addEventListener","onAppsListClick","bind","readonly","e","id","srcElement","dispatchEvent","CustomEvent","bubbles","detail","RawText","hideWhenEmpty","hasChildren","childNodes","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","value","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","template","_tooltipController","addController","button","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}
+{"version":3,"file":"descope-outbound-apps.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/AvatarClass.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/OutboundAppsClass.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\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","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 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 { 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\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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\t\tselector: () => `::slotted(*)`,\n\t\tproperty: IconClass.cssVarList.fill\n\t  },\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","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('avatar');\nclass RawAvatar extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <vaadin-avatar></vaadin-avatar>\n        <div class=\"editableBadge\">\n          <vaadin-icon icon=\"vaadin:pencil\"></vaadin-icon>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(`\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    `, this);\n\n    this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');\n\n    forwardAttrs(this, this.avatarComponent, {\n      includeAttrs: ['display-name', 'img', 'abbr'],\n      mapAttrs: { 'display-name': 'name' },\n    });\n\n    const editableIcon = this.shadowRoot.querySelector('.editableBadge');\n\n    observeAttributes(\n      this,\n      () => {\n        editableIcon.style.display = this.isEditable ? '' : 'none';\n      },\n      { includeAttrs: ['editable'] },\n    );\n  }\n\n  get isEditable() {\n    return this.getAttribute('editable') === 'true';\n  }\n}\n\nconst { host, editableBadge, avatar } = {\n  host: { selector: () => ':host' },\n  editableBadge: { selector: '> .editableBadge' },\n  avatar: { selector: 'vaadin-avatar' },\n};\n\nexport const AvatarClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [\n        { ...host, property: 'width' },\n        { ...host, property: 'min-width' },\n      ],\n      hostHeight: { ...host, property: 'height' },\n      cursor: [avatar, host],\n      hostDirection: { ...host, property: 'direction' },\n      avatarTextColor: { ...avatar, property: 'color' },\n      avatarBackgroundColor: { ...avatar, property: 'background-color' },\n      editableIconColor: { ...editableBadge, property: 'color' },\n      editableBorderColor: { ...editableBadge, property: 'border-color' },\n      editableBackgroundColor: {\n        ...editableBadge,\n        property: 'background-color',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAvatar);\n","import { componentName, AvatarClass } from './AvatarClass';\nimport '@vaadin/avatar';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\n\ncustomElements.define(componentName, AvatarClass);\n\nexport { AvatarClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n  limitAbbreviation,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('outbound-apps');\n\nconst itemRenderer = (\n  { name, description, logo, appId, isConnected },\n  _,\n  ref,\n) => {\n  const action = isConnected ? 'disconnect' : 'connect';\n  return `\n  <descope-list-item>\n    <descope-avatar\n      ${logo ? `img=\"${logo}\"` : ''}\n      ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n      size=${ref.size}\n      ${logo ? 'st-avatar-background-color=\"none\"' : ''}\n      class=\"app-logo\"\n    ></descope-avatar>\n\n      <div class=\"content\">\n        <descope-text\n          class=\"app-title\"\n          variant=\"subtitle1\"\n          mode=\"primary\"\n        >${name}</descope-text>\n      ${\n        description\n          ? `\n          <descope-text\n            class=\"app-description\"\n            variant=\"body2\"\n            mode=\"primary\"\n          >${description}</descope-text>\n      `\n          : ''\n      }\n    </div>\n    <div class=\"controls\">\n      <descope-button variant=\"link\" mode=\"primary\" size=${ref.size} data-action=\"${action}\" data-outbound-app-id=\"${appId}\" data-id=\"${action}\">\n        ${isConnected ? ref.disconnectButtonLabel : ref.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`;\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'descope-list',\n});\n\nclass RawOutboundAppsClass extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-list>\n        <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n      </descope-list>\n    `;\n\n    this.appsList = this.shadowRoot.querySelector('descope-list');\n\n    injectStyle(\n      `\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.appsList.itemRenderer = itemRenderer;\n\n    this.appsList.addEventListener('click', this.onAppsListClick.bind(this));\n  }\n\n  get readonly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  onAppsListClick(e) {\n    if (!this.readonly) {\n      const id = e.srcElement.getAttribute('data-outbound-app-id');\n      const action = e.srcElement.getAttribute('data-action');\n      if (id && action) {\n        this.dispatchEvent(\n          new CustomEvent(`${action}-clicked`, {\n            bubbles: true,\n            detail: { id, action },\n          }),\n        );\n      }\n    }\n  }\n\n  get size() {\n    return this.getAttribute('size') || 'sm';\n  }\n\n  get connectButtonLabel() {\n    return this.getAttribute('connect-button-label') || 'Connect';\n  }\n\n  get disconnectButtonLabel() {\n    return this.getAttribute('disconnect-button-label') || 'Disconnect';\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const OutboundAppsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          selector: 'descope-list',\n          property: 'direction',\n        },\n        {\n          selector: 'descope-list-item',\n          property: 'direction',\n        },\n      ],\n      iconColor: {\n        selector: () => ' descope-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      errorIconColor: {\n        selector: () => ' descope-icon.error-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      fontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      appLogoGap: {\n        selector: () => ' .app-logo',\n        property: 'margin-inline-end',\n      },\n      contentGap: {\n        selector: () => ' .content',\n        property: 'gap',\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemCursor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.cursor,\n      },\n      itemOutline: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.outline,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColor,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      listBorderWidth: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.borderWidth,\n      },\n      listBoxShadow: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.boxShadow,\n      },\n      listPadding: [\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.verticalPadding,\n        },\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.horizontalPadding,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'connect-button-label',\n      'disconnect-button-label',\n    ],\n  }),\n  componentNameValidationMixin,\n)(RawOutboundAppsClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-button';\nimport { componentName, OutboundAppsClass } from './OutboundAppsClass';\n\ncustomElements.define(componentName, OutboundAppsClass);\n\nexport { OutboundAppsClass, componentName };\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...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 {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\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"],"names":["componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","srcAttrs","RawImage","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","ele","ImageClass","cssVarList","fill","then","res","appendChild","shouldRender","src","srcVal","attrName","height","width","clickableMixin","superclass","isLoading","click","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","style","setProperty","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","hostHeight","fontSize","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","customElements","define","RawAvatar","avatarComponent","includeAttrs","mapAttrs","editableIcon","display","isEditable","editableBadge","avatar","AvatarClass","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","itemRenderer","description","logo","appId","isConnected","_","ref","action","size","disconnectButtonLabel","connectButtonLabel","BaseClass","OutboundAppsClass","IconClass","errorIconColor","TextClass","appLogoGap","contentGap","itemsTextAlign","itemCursor","ListItemClass","itemOutline","outline","itemBorderColor","itemBackgroundColor","listBorderWidth","listBoxShadow","listPadding","rerenderAttrsList","appsList","addEventListener","onAppsListClick","bind","readonly","e","id","srcElement","dispatchEvent","CustomEvent","bubbles","detail","RawText","hideWhenEmpty","hasChildren","childNodes","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}

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

@@ -1,5 +1,5 @@
 /*! For license information please see descope-passcode-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3359,4838,5166,7163,8884],{3393:(t,e,r)=>{r.d(e,{y:()=>a});var i=r(9696),n=r(79365),o=r(81365);const a=(...t)=>(0,i.Zz)(n.XX,n._$,n.yF,n.jd)((0,o.q)(...t))},6424:(t,e,r)=>{r.d(e,{A:()=>v});const{host:i,label:n,placeholder:o,requiredIndicator:a,inputField:s,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:g,externalInput:y,externalInputDisabled:b,externalPlaceholder:m,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},v={fontSize:[{},i],fontFamily:[n,s,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...a,property:"color"},{...n,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...s,property:"color"},{...h,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...s,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},11284:(t,e,r)=>{r(52733),r(27136)},18280:(t,e,r)=>{r.d(e,{Z:()=>l,_B:()=>i,n6:()=>n,pW:()=>a,vz:()=>o,zj:()=>s});const i="--descope-input-mask-content",n="--descope-input-mask-display",o="--descope-input-mask-fallback",a=t=>{t?.focus(),t?.setSelectionRange?.(1,1)},s=t=>t.replace(/\D/g,"")||"",l=(t,e)=>{e?(t.style.setProperty(i,`"${e}"`),t.style.setProperty(n,"flex")):(t.style.removeProperty(i),t.style.removeProperty(n))}},18330:(t,e,r)=>{r.d(e,{f:()=>n});var i=r(44099);class n extends i.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),r(11284),r(37182),r(95260);var i=r(79275);customElements.define(i.T,i.w)},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var i=r(13256),n=r(82901),o=r(90676),a=r(81488),s=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",s.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,o.q)(i.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return i.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3359,4838,5166,7163,8884],{3393:(t,e,r)=>{r.d(e,{y:()=>a});var i=r(9696),n=r(79365),o=r(81365);const a=(...t)=>(0,i.Zz)(n.XX,n._$,n.yF,n.jd)((0,o.q)(...t))},6424:(t,e,r)=>{r.d(e,{A:()=>v});const{host:i,label:n,placeholder:o,requiredIndicator:a,inputField:s,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:g,externalInput:y,externalInputDisabled:b,externalPlaceholder:m,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},v={fontSize:[{},i],fontFamily:[n,s,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...a,property:"color"},{...n,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...s,property:"color"},{...h,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...s,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},11284:(t,e,r)=>{r(52733),r(27136)},18280:(t,e,r)=>{r.d(e,{Z:()=>l,_B:()=>i,n6:()=>n,pW:()=>a,vz:()=>o,zj:()=>s});const i="--descope-input-mask-content",n="--descope-input-mask-display",o="--descope-input-mask-fallback",a=t=>{t?.focus(),t?.setSelectionRange?.(1,1)},s=t=>t.replace(/\D/g,"")||"",l=(t,e)=>{e?(t.style.setProperty(i,`"${e}"`),t.style.setProperty(n,"flex")):(t.style.removeProperty(i),t.style.removeProperty(n))}},18330:(t,e,r)=>{r.d(e,{f:()=>n});var i=r(44099);class n extends i.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),r(11284),r(37182),r(95260);var i=r(79275);customElements.define(i.T,i.w)},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var i=r(13256),n=r(82901),o=r(72562),a=r(81488),s=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",s.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,o.q)(i.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return i.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;

package/dist/umd/descope-security-questions-verify-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-security-questions-verify-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4838,5166,9446],{6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:o,label:i,placeholder:s,requiredIndicator:n,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:b,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...n,property:"color"},{...i,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...n,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...b,property:"color"},{...s,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...b,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(e,t,r)=>{r(52733),r(27136)},18330:(e,t,r)=>{r.d(t,{f:()=>i});var o=r(44099);class i extends o.r{constructor(e,t){super(e,"input","input",{initializer:(e,r)=>{r.value&&(e.value=r.value),r.type&&e.setAttribute("type",r.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},21374:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(79275);customElements.define(o.T,o.w)},27136:(e,t,r)=>{r.d(t,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),s=r(90676),n=r(81488),a=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=e=>class extends((0,d.a)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,s.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4838,5166,9446],{6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:o,label:i,placeholder:s,requiredIndicator:n,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:b,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...n,property:"color"},{...i,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...n,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...b,property:"color"},{...s,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...b,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(e,t,r)=>{r(52733),r(27136)},18330:(e,t,r)=>{r.d(t,{f:()=>i});var o=r(44099);class i extends o.r{constructor(e,t){super(e,"input","input",{initializer:(e,r)=>{r.value&&(e.value=r.value),r.type&&e.setAttribute("type",r.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},21374:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(79275);customElements.define(o.T,o.w)},27136:(e,t,r)=>{r.d(t,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),s=r(72562),n=r(81488),a=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=e=>class extends((0,d.a)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,s.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;

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

@@ -1,5 +1,5 @@
 /*! For license information please see descope-text-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5166],{6424:(t,e,r)=>{r.d(e,{A:()=>v});const{host:o,label:i,placeholder:n,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:b,externalPlaceholder:f,externalDisabledPlaceholder:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},v={fontSize:[{},o],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(t,e,r)=>{r(52733),r(27136)},18330:(t,e,r)=>{r.d(e,{f:()=>i});var o=r(44099);class i extends o.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(79275);customElements.define(o.T,o.w)},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),n=r(90676),l=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),c=r(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,p.cp)((0,n.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5166],{6424:(t,e,r)=>{r.d(e,{A:()=>v});const{host:o,label:i,placeholder:n,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:b,externalPlaceholder:f,externalDisabledPlaceholder:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},v={fontSize:[{},o],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(t,e,r)=>{r(52733),r(27136)},18330:(t,e,r)=>{r.d(e,{f:()=>i});var o=r(44099);class i extends o.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(79275);customElements.define(o.T,o.w)},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),n=r(72562),l=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),c=r(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,p.cp)((0,n.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;

package/dist/umd/descope-third-party-app-logo-index-js.js

@@ -1,2 +1,2 @@
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[230,1202,1239,6724],{6107:(t,e,n)=>{"use strict";n.r(e),n.d(e,{ThirdPartyAppLogoClass:()=>y});var s=n(25964),r=n(81365),i=n(9696),o=n(97810),a=n(79365),l=n(98538),c=n(59410),p=n(45447),d=n.n(p);const h=(0,o.xE)("third-party-app-logo");class g extends((0,r.q)({componentName:h,baseSelector:".wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<div class="wrapper">\n        <div class="third-party-app-logo-wrapper">\n          <div class="third-party-app-logo"></div>\n        </div>\n        <div class="arrows">\n          <descope-icon src="${d()}"></descope-icon>\n        </div>\n        <div class="company-logo-wrapper">\n            <descope-logo st-height="100%"></descope-logo>\n        </div>\n      </div>\n\t\t\t`,(0,s.fz)('\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          min-width: max-content;\n        }\n\n\t\t\t\t.third-party-app-logo {\n          flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n        .company-logo-wrapper, .third-party-app-logo-wrapper {\n          flex-shrink: 0;\n          display: inline-flex;\n        }\n\n        .company-logo-wrapper {\n          justify-content: flex-end;\n        }\n\n        .third-party-app-logo-wrapper {\n          justify-content: flex-start;\n        }\n\n        .arrows {\n          flex-shrink: 0;\n          display: flex;\n        }\n          ',this)}}const m=">.company-logo-wrapper",u=">.third-party-app-logo-wrapper",y=(0,i.Zz)((0,a.RF)({mappings:{logoMaxHeight:[{selector:m,property:"height"},{selector:u,property:"height"}],logoMaxWidth:[{selector:m,property:"max-width"},{selector:u,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:c.m.componentName,property:c.m.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:l.S.componentName,property:l.S.cssVarList.fill}}}),a.VO,a.tQ)(g);n(56737),n(86947),customElements.define(h,y)},8512:(t,e,n)=>{"use strict";n.d(e,{T:()=>l,q:()=>d});var s=n(88961),r=n(72270),i=n(63200),o=n(25964),a=n(18782);const l=(0,o.xE)("image"),c=["src","src-dark"];class p extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\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      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const d=(0,i.Zz)((0,s.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),s.VO,s.tQ)(p)},18782:(t,e,n)=>{"use strict";n.d(e,{m:()=>i});var s=n(25414);const r=t=>{const e=s.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),s=await e.text();n=r(s)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},45447:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPiA8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g"},51491:(t,e,n)=>{"use strict";n.d(e,{I:()=>a});var s=n(25964),r=n(9696),i=n(79365),o=n(81365);const a=({componentName:t,varName:e,fallbackVarName:n})=>{let a;class l extends((0,o.q)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",(0,s.fz)(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${a}\n\t\t\t\t}\n        `,this)}}const c=(0,r.Zz)((0,i.RF)({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[n]:{property:"content"}}}),i.VO,i.tQ)(l);return a=`content: var(${c.cssVarList[e]}, var(${c.cssVarList[n]}));`,c}},53455:(t,e,n)=>{"use strict";n.r(e),n.d(e,{ImageClass:()=>s.q,componentName:()=>s.T});var s=n(8512);customElements.define(s.T,s.q)},56737:(t,e,n)=>{"use strict";n.r(e),n.d(e,{IconClass:()=>s.S,componentName:()=>s.T}),n(53455);var s=n(98538);customElements.define(s.T,s.S)},59410:(t,e,n)=>{"use strict";n.d(e,{T:()=>i,m:()=>o});var s=n(97810),r=n(51491);const i=(0,s.xE)("logo"),o=(0,r.I)({componentName:i,varName:"url",fallbackVarName:"fallbackUrl"})},86947:(t,e,n)=>{"use strict";n.r(e),n.d(e,{LogoClass:()=>s.m,componentName:()=>s.T});var s=n(59410);customElements.define(s.T,s.m)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>l,T:()=>a});var s=n(88961),r=n(25964),i=n(8512),o=n(63200);const a=(0,r.xE)("icon"),l=(0,o.Zz)((0,s.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),s.VO,s.tQ)((0,s.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:a}))}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[230,1202,1239,6724],{6107:(t,e,n)=>{"use strict";n.r(e),n.d(e,{ThirdPartyAppLogoClass:()=>y});var s=n(25964),r=n(81365),i=n(9696),a=n(97810),o=n(79365),l=n(98538),c=n(59410),p=n(45447),d=n.n(p);const h=(0,a.xE)("third-party-app-logo");class g extends((0,r.q)({componentName:h,baseSelector:".wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<div class="wrapper">\n        <div class="third-party-app-logo-wrapper">\n          <div class="third-party-app-logo"></div>\n        </div>\n        <div class="arrows">\n          <descope-icon src="${d()}"></descope-icon>\n        </div>\n        <div class="company-logo-wrapper">\n            <descope-logo st-height="100%"></descope-logo>\n        </div>\n      </div>\n\t\t\t`,(0,s.fz)('\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          min-width: max-content;\n        }\n\n\t\t\t\t.third-party-app-logo {\n          flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n        .company-logo-wrapper, .third-party-app-logo-wrapper {\n          flex-shrink: 0;\n          display: inline-flex;\n        }\n\n        .company-logo-wrapper {\n          justify-content: flex-end;\n        }\n\n        .third-party-app-logo-wrapper {\n          justify-content: flex-start;\n        }\n\n        .arrows {\n          flex-shrink: 0;\n          display: flex;\n        }\n          ',this)}}const m=">.company-logo-wrapper",u=">.third-party-app-logo-wrapper",y=(0,i.Zz)((0,o.RF)({mappings:{logoMaxHeight:[{selector:m,property:"height"},{selector:u,property:"height"}],logoMaxWidth:[{selector:m,property:"max-width"},{selector:u,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:c.m.componentName,property:c.m.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:l.S.componentName,property:l.S.cssVarList.fill}}}),o.VO,o.tQ)(g);n(56737),n(86947),customElements.define(h,y)},8512:(t,e,n)=>{"use strict";n.d(e,{T:()=>l,q:()=>d});var s=n(88961),r=n(72270),i=n(63200),a=n(25964),o=n(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class p extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\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      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,o.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const d=(0,i.Zz)((0,s.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),s.VO,s.tQ)(p)},18782:(t,e,n)=>{"use strict";n.d(e,{m:()=>i});var s=n(25414);const r=t=>{const e=s.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),s=await e.text();n=r(s)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},45447:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPiA8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g"},51491:(t,e,n)=>{"use strict";n.d(e,{I:()=>o});var s=n(25964),r=n(9696),i=n(79365),a=n(81365);const o=({componentName:t,varName:e,fallbackVarName:n})=>{let o;class l extends((0,a.q)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",(0,s.fz)(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n        `,this)}}const c=(0,r.Zz)((0,i.RF)({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[n]:{property:"content"}}}),i.VO,i.tQ)(l);return o=`content: var(${c.cssVarList[e]}, var(${c.cssVarList[n]}));`,c}},53455:(t,e,n)=>{"use strict";n.r(e),n.d(e,{ImageClass:()=>s.q,componentName:()=>s.T});var s=n(8512);customElements.define(s.T,s.q)},56737:(t,e,n)=>{"use strict";n.r(e),n.d(e,{IconClass:()=>s.S,componentName:()=>s.T}),n(53455);var s=n(98538);customElements.define(s.T,s.S)},59410:(t,e,n)=>{"use strict";n.d(e,{T:()=>i,m:()=>a});var s=n(97810),r=n(51491);const i=(0,s.xE)("logo"),a=(0,r.I)({componentName:i,varName:"url",fallbackVarName:"fallbackUrl"})},86947:(t,e,n)=>{"use strict";n.r(e),n.d(e,{LogoClass:()=>s.m,componentName:()=>s.T});var s=n(59410);customElements.define(s.T,s.m)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>l,T:()=>o});var s=n(88961),r=n(25964),i=n(8512),a=n(63200);const o=(0,r.xE)("icon"),l=(0,a.Zz)((0,s.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),s.VO,s.tQ)((0,s.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:o}))}}]);
 //# sourceMappingURL=descope-third-party-app-logo-index-js.js.map

package/dist/umd/descope-third-party-app-logo-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-third-party-app-logo-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/ThirdPartyAppLogoClass.js","webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/arrows.svg","webpack://@descope/web-components-ui/./src/baseClasses/createCssVarImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-logo/LogoClass.js","webpack://@descope/web-components-ui/./src/components/descope-logo/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { LogoClass } from '../descope-logo/LogoClass';\nimport arrowsImg from './arrows.svg';\n\nexport const componentName = getComponentName('third-party-app-logo');\nclass RawThirdPartyAppLogoClass extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t\t<div class=\"wrapper\">\n        <div class=\"third-party-app-logo-wrapper\">\n          <div class=\"third-party-app-logo\"></div>\n        </div>\n        <div class=\"arrows\">\n          <descope-icon src=\"${arrowsImg}\"></descope-icon>\n        </div>\n        <div class=\"company-logo-wrapper\">\n            <descope-logo st-height=\"100%\"></descope-logo>\n        </div>\n      </div>\n\t\t\t`;\n\n    injectStyle(\n      `\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable=\"true\"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          min-width: max-content;\n        }\n\n\t\t\t\t.third-party-app-logo {\n          flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n        .company-logo-wrapper, .third-party-app-logo-wrapper {\n          flex-shrink: 0;\n          display: inline-flex;\n        }\n\n        .company-logo-wrapper {\n          justify-content: flex-end;\n        }\n\n        .third-party-app-logo-wrapper {\n          justify-content: flex-start;\n        }\n\n        .arrows {\n          flex-shrink: 0;\n          display: flex;\n        }\n          `,\n      this\n    );\n  }\n}\n\nconst companyLogoWrapper = '>.company-logo-wrapper';\nconst thirdPartyAppLogoWrapper = '>.third-party-app-logo-wrapper';\n\nexport const ThirdPartyAppLogoClass = compose(\n  createStyleMixin({\n    mappings: {\n      logoMaxHeight: [\n        { selector: companyLogoWrapper, property: 'height' },\n        { selector: thirdPartyAppLogoWrapper, property: 'height' },\n      ],\n      logoMaxWidth: [\n        { selector: companyLogoWrapper, property: 'max-width' },\n        { selector: thirdPartyAppLogoWrapper, property: 'max-width' },\n      ],\n      thirdPartyAppLogo: {\n        selector: () => '.third-party-app-logo',\n        property: 'content',\n        fallback: {},\n      },\n      companyLogoFallback: {\n        selector: LogoClass.componentName,\n        property: LogoClass.cssVarList.fallbackUrl,\n      },\n      gap: {},\n      arrowsColor: { selector: IconClass.componentName, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawThirdPartyAppLogoClass);\n","import { componentName, ThirdPartyAppLogoClass } from './ThirdPartyAppLogoClass';\nimport '@descope-ui/descope-icon';\nimport '../descope-logo';\n\ncustomElements.define(componentName, ThirdPartyAppLogoClass);\n\nexport { ThirdPartyAppLogoClass };\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","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPiA8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { compose } from '../helpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {\n  let style;\n  const getContent = () => style;\n\n  class RawCssVarImageClass extends createBaseClass({\n    componentName,\n    baseSelector: ':host > div',\n  }) {\n    constructor() {\n      super();\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t\t<div></div>\n\t\t\t`;\n\n      injectStyle(\n        `\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable=\"true\"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${getContent()}\n\t\t\t\t}\n        `,\n        this\n      );\n    }\n  }\n\n  const CssVarImageClass = compose(\n    createStyleMixin({\n      mappings: {\n        height: { selector: () => ':host > div' },\n        width: { selector: () => ':host > div' },\n        [varName]: { property: 'content' },\n        [fallbackVarName]: { property: 'content' },\n      },\n    }),\n    draggableMixin,\n    componentNameValidationMixin\n  )(RawCssVarImageClass);\n\n  style = `content: var(${CssVarImageClass.cssVarList[varName]}, var(${CssVarImageClass.cssVarList[fallbackVarName]}));`;\n\n  return CssVarImageClass;\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","import { getComponentName } from '../../helpers/componentHelpers';\nimport { createCssVarImageClass } from '../../baseClasses/createCssVarImageClass';\n\nexport const componentName = getComponentName('logo');\n\nexport const LogoClass = createCssVarImageClass({\n  componentName,\n  varName: 'url',\n  fallbackVarName: 'fallbackUrl',\n});\n","import { componentName, LogoClass } from './LogoClass';\n\ncustomElements.define(componentName, LogoClass);\n\nexport { LogoClass, 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      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n"],"names":["componentName","RawThirdPartyAppLogoClass","createBaseClass","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","companyLogoWrapper","thirdPartyAppLogoWrapper","ThirdPartyAppLogoClass","mappings","logoMaxHeight","selector","property","logoMaxWidth","thirdPartyAppLogo","fallback","companyLogoFallback","LogoClass","cssVarList","fallbackUrl","gap","arrowsColor","IconClass","fill","customElements","define","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","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","style","setProperty","module","exports","createCssVarImageClass","varName","fallbackVarName","RawCssVarImageClass","CssVarImageClass","slots","wrappedEleName","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"descope-third-party-app-logo-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/ThirdPartyAppLogoClass.js","webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-third-party-app-logo/arrows.svg","webpack://@descope/web-components-ui/./src/baseClasses/createCssVarImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-logo/LogoClass.js","webpack://@descope/web-components-ui/./src/components/descope-logo/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { LogoClass } from '../descope-logo/LogoClass';\nimport arrowsImg from './arrows.svg';\n\nexport const componentName = getComponentName('third-party-app-logo');\nclass RawThirdPartyAppLogoClass extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t\t<div class=\"wrapper\">\n        <div class=\"third-party-app-logo-wrapper\">\n          <div class=\"third-party-app-logo\"></div>\n        </div>\n        <div class=\"arrows\">\n          <descope-icon src=\"${arrowsImg}\"></descope-icon>\n        </div>\n        <div class=\"company-logo-wrapper\">\n            <descope-logo st-height=\"100%\"></descope-logo>\n        </div>\n      </div>\n\t\t\t`;\n\n    injectStyle(\n      `\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable=\"true\"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n        .wrapper {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          min-width: max-content;\n        }\n\n\t\t\t\t.third-party-app-logo {\n          flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n        .company-logo-wrapper, .third-party-app-logo-wrapper {\n          flex-shrink: 0;\n          display: inline-flex;\n        }\n\n        .company-logo-wrapper {\n          justify-content: flex-end;\n        }\n\n        .third-party-app-logo-wrapper {\n          justify-content: flex-start;\n        }\n\n        .arrows {\n          flex-shrink: 0;\n          display: flex;\n        }\n          `,\n      this\n    );\n  }\n}\n\nconst companyLogoWrapper = '>.company-logo-wrapper';\nconst thirdPartyAppLogoWrapper = '>.third-party-app-logo-wrapper';\n\nexport const ThirdPartyAppLogoClass = compose(\n  createStyleMixin({\n    mappings: {\n      logoMaxHeight: [\n        { selector: companyLogoWrapper, property: 'height' },\n        { selector: thirdPartyAppLogoWrapper, property: 'height' },\n      ],\n      logoMaxWidth: [\n        { selector: companyLogoWrapper, property: 'max-width' },\n        { selector: thirdPartyAppLogoWrapper, property: 'max-width' },\n      ],\n      thirdPartyAppLogo: {\n        selector: () => '.third-party-app-logo',\n        property: 'content',\n        fallback: {},\n      },\n      companyLogoFallback: {\n        selector: LogoClass.componentName,\n        property: LogoClass.cssVarList.fallbackUrl,\n      },\n      gap: {},\n      arrowsColor: { selector: IconClass.componentName, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawThirdPartyAppLogoClass);\n","import { componentName, ThirdPartyAppLogoClass } from './ThirdPartyAppLogoClass';\nimport '@descope-ui/descope-icon';\nimport '../descope-logo';\n\ncustomElements.define(componentName, ThirdPartyAppLogoClass);\n\nexport { ThirdPartyAppLogoClass };\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","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPiA8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { compose } from '../helpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {\n  let style;\n  const getContent = () => style;\n\n  class RawCssVarImageClass extends createBaseClass({\n    componentName,\n    baseSelector: ':host > div',\n  }) {\n    constructor() {\n      super();\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t\t<div></div>\n\t\t\t`;\n\n      injectStyle(\n        `\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable=\"true\"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${getContent()}\n\t\t\t\t}\n        `,\n        this\n      );\n    }\n  }\n\n  const CssVarImageClass = compose(\n    createStyleMixin({\n      mappings: {\n        height: { selector: () => ':host > div' },\n        width: { selector: () => ':host > div' },\n        [varName]: { property: 'content' },\n        [fallbackVarName]: { property: 'content' },\n      },\n    }),\n    draggableMixin,\n    componentNameValidationMixin\n  )(RawCssVarImageClass);\n\n  style = `content: var(${CssVarImageClass.cssVarList[varName]}, var(${CssVarImageClass.cssVarList[fallbackVarName]}));`;\n\n  return CssVarImageClass;\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","import { getComponentName } from '../../helpers/componentHelpers';\nimport { createCssVarImageClass } from '../../baseClasses/createCssVarImageClass';\n\nexport const componentName = getComponentName('logo');\n\nexport const LogoClass = createCssVarImageClass({\n  componentName,\n  varName: 'url',\n  fallbackVarName: 'fallbackUrl',\n});\n","import { componentName, LogoClass } from './LogoClass';\n\ncustomElements.define(componentName, LogoClass);\n\nexport { LogoClass, 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"],"names":["componentName","RawThirdPartyAppLogoClass","createBaseClass","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","companyLogoWrapper","thirdPartyAppLogoWrapper","ThirdPartyAppLogoClass","mappings","logoMaxHeight","selector","property","logoMaxWidth","thirdPartyAppLogo","fallback","companyLogoFallback","LogoClass","cssVarList","fallbackUrl","gap","arrowsColor","IconClass","fill","customElements","define","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","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","style","setProperty","module","exports","createCssVarImageClass","varName","fallbackVarName","RawCssVarImageClass","CssVarImageClass","slots","wrappedEleName","excludeAttrsSync"],"sourceRoot":""}