@descope/web-components-ui 3.16.4 → 3.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/cjs/index.cjs.js +2998 -1114
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +3294 -1405
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/1408.js +8 -8
  6. package/dist/umd/1408.js.map +1 -1
  7. package/dist/umd/5260.js +1 -1
  8. package/dist/umd/5260.js.map +1 -1
  9. package/dist/umd/6618.js +1 -1
  10. package/dist/umd/6618.js.map +1 -1
  11. package/dist/umd/67.js +2 -0
  12. package/dist/umd/67.js.map +1 -0
  13. package/dist/umd/7092.js +1 -1
  14. package/dist/umd/7092.js.map +1 -1
  15. package/dist/umd/7939.js +1 -1
  16. package/dist/umd/7939.js.map +1 -1
  17. package/dist/umd/8350.js +1 -1
  18. package/dist/umd/8350.js.map +1 -1
  19. package/dist/umd/9439.js +2 -0
  20. package/dist/umd/9439.js.map +1 -0
  21. package/dist/umd/DescopeDev.js +1 -1
  22. package/dist/umd/DescopeDev.js.map +1 -1
  23. package/dist/umd/descope-attachment.js +1 -1
  24. package/dist/umd/descope-attachment.js.map +1 -1
  25. package/dist/umd/descope-badge.js +1 -1
  26. package/dist/umd/descope-badge.js.map +1 -1
  27. package/dist/umd/descope-date-field-descope-calendar-index-js.js +10 -10
  28. package/dist/umd/descope-date-field-descope-calendar-index-js.js.map +1 -1
  29. package/dist/umd/descope-date-field-index-js.js +1 -1
  30. package/dist/umd/descope-date-field-index-js.js.map +1 -1
  31. package/dist/umd/descope-filter.js +2 -0
  32. package/dist/umd/descope-filter.js.map +1 -0
  33. package/dist/umd/descope-month-day-field.js +1 -1
  34. package/dist/umd/descope-month-day-field.js.map +1 -1
  35. package/dist/umd/descope-multi-line-mappings.js +4 -4
  36. package/dist/umd/descope-multi-line-mappings.js.LICENSE.txt +6 -0
  37. package/dist/umd/descope-multi-line-mappings.js.map +1 -1
  38. package/dist/umd/descope-multi-select-combo-box.js +2 -1
  39. package/dist/umd/descope-multi-select-combo-box.js.LICENSE.txt +5 -0
  40. package/dist/umd/descope-multi-select-combo-box.js.map +1 -1
  41. package/dist/umd/descope-multi-sso.js +1 -1
  42. package/dist/umd/descope-multi-sso.js.map +1 -1
  43. package/dist/umd/descope-new-password-index-js.js +1 -1
  44. package/dist/umd/descope-new-password-index-js.js.map +1 -1
  45. package/dist/umd/descope-passcode-index-js.js +1 -1
  46. package/dist/umd/descope-passcode-index-js.js.map +1 -1
  47. package/dist/umd/descope-security-questions-setup-index-js.js +1 -1
  48. package/dist/umd/descope-security-questions-setup-index-js.js.map +1 -1
  49. package/dist/umd/descope-security-questions-verify-index-js.js +1 -1
  50. package/dist/umd/descope-security-questions-verify-index-js.js.map +1 -1
  51. package/dist/umd/descope-text-field.js +1 -1
  52. package/dist/umd/descope-text-field.js.map +1 -1
  53. package/dist/umd/descope-trusted-devices.js +1 -1
  54. package/dist/umd/descope-trusted-devices.js.map +1 -1
  55. package/dist/umd/descope-user-attribute-index-js.js +2 -2
  56. package/dist/umd/descope-user-attribute-index-js.js.map +1 -1
  57. package/dist/umd/descope-user-auth-method-index-js.js +1 -1
  58. package/dist/umd/descope-user-auth-method-index-js.js.map +1 -1
  59. package/dist/umd/index.js +1 -1
  60. package/dist/umd/index.js.map +1 -1
  61. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
  62. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.map +1 -1
  63. package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
  64. package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js.map +1 -1
  65. package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
  66. package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js.map +1 -1
  67. package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
  68. package/dist/umd/phone-fields-descope-phone-field-index-js.js.map +1 -1
  69. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
  70. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.map +1 -1
  71. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  72. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js.map +1 -1
  73. package/package.json +42 -41
  74. package/src/components/descope-user-attribute/UserAttributeClass.js +91 -6
  75. package/src/components/descope-user-attribute/check.svg +3 -0
  76. package/src/components/descope-user-attribute/copy.svg +3 -0
  77. package/src/theme/components/index.js +2 -0
  78. package/stories/descope-user-attribute.stories.js +12 -0
@@ -1 +1 @@
1
- {"version":3,"file":"descope-multi-sso.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/MultiSsoClass.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../../../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"],"sourcesContent":["import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') || 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted(*)`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading || super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n 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 { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, 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 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 // allow overriding empty state height and padding from parent list components:\n emptyStateVerticalPadding: [\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-top',\n },\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-bottom',\n },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n cloneSlottedNodes,\n forwardAttrs,\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 { ButtonClass } from '@descope-ui/descope-button/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('multi-sso');\n\nconst resolveAuthType = (authType) => {\n if (!authType || authType === 'none')\n return { label: 'Not Configured', configured: false };\n return { label: authType.toUpperCase(), configured: true };\n};\n\nconst itemRenderer = ({ id, name, isDefault, link, authType }, _, ref) => {\n const deleteAction =\n !isDefault && ref?.allowDelete\n ? `<span\n class=\"delete-btn delete-icon\"\n data-action=\"delete\"\n role=\"button\"\n tabindex=\"0\"\n title=\"${ref.deleteTooltipLabel}\"\n ></span>`\n : '';\n\n const externalLinkAction =\n link && ref?.allowConfigure\n ? `<a\n class=\"external-link external-link-icon\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"${ref.configureTooltipLabel}\"\n ></a>`\n : '';\n\n const { label: authTypeLabel, configured } = resolveAuthType(authType);\n const authTypeRow = configured\n ? `<div class=\"auth-type-row\">\n <descope-badge class=\"auth-type-badge\" size=\"xs\"></descope-badge>\n </div>`\n : `<div class=\"auth-type-row\">\n <descope-text\n not-configured\n variant=\"body2\"\n mode=\"secondary\"\n >${ref?.notConfiguredLabel}</descope-text>\n </div>`;\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item>\n <div class=\"content\">\n <div class=\"top-row\">\n <descope-text\n class=\"config-name\"\n variant=\"body1\"\n mode=\"primary\"\n ></descope-text>\n <span class=\"action\">\n ${deleteAction}\n ${externalLinkAction}\n </span>\n </div>\n ${authTypeRow}\n </div>\n </descope-list-item>\n `;\n\n template.content.querySelector('.config-name').textContent = name;\n\n const deleteBtn = template.content.querySelector('.delete-btn');\n if (deleteBtn) {\n deleteBtn.dataset.id = id;\n deleteBtn.dataset.name = name;\n deleteBtn.setAttribute('aria-label', ref.deleteTooltipLabel);\n const deleteIcon = cloneSlottedNodes(ref, 'delete-icon');\n if (deleteIcon) deleteBtn.append(deleteIcon);\n }\n\n const linkBtn = template.content.querySelector('.external-link');\n if (linkBtn) {\n linkBtn.setAttribute('aria-label', ref.configureTooltipLabel);\n if (link) linkBtn.setAttribute('href', link);\n const linkIcon = cloneSlottedNodes(ref, 'external-link-icon');\n if (linkIcon) linkBtn.append(linkIcon);\n }\n\n const authTypeBadge = template.content.querySelector('.auth-type-badge');\n if (authTypeBadge) authTypeBadge.textContent = authTypeLabel;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: 'span.wrapper',\n});\n\nclass RawMultiSsoClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'label',\n 'create-button-label',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n 'empty',\n ].concat(super.observedAttributes);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <span class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"title-icon\"></slot>\n <descope-text class=\"title\" variant=\"body1\" mode=\"primary\"></descope-text>\n <descope-button\n class=\"create-button\"\n size=\"sm\"\n variant=\"link\"\n mode=\"primary\"\n data-action=\"create\"\n >\n <slot name=\"create-button-icon\" slot=\"prefix\"></slot>\n <span class=\"create-button-label\"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name=\"delete-icon\" class=\"hidden\"></slot>\n <slot name=\"external-link-icon\" class=\"hidden\"></slot>\n </span>\n `;\n\n this.listEl = this.shadowRoot.querySelector('descope-list');\n this.deleteIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"delete-icon\"]',\n );\n this.externalLinkIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"external-link-icon\"]',\n );\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create=\"true\"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name=\"title-icon\"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n `,\n this,\n );\n }\n\n get deleteTooltipLabel() {\n return this.getAttribute('delete-tooltip-label') ?? '';\n }\n\n get configureTooltipLabel() {\n return this.getAttribute('configure-tooltip-label') ?? '';\n }\n\n init() {\n super.init?.();\n\n this.shadowRoot.querySelector('.title').textContent = this.label;\n this.shadowRoot.querySelector('.create-button-label').textContent =\n this.createButtonLabel;\n\n this.listEl.itemRenderer = (item, index) => itemRenderer(item, index, this);\n\n this.shadowRoot\n .querySelector('[data-action=\"create\"]')\n .addEventListener('click', this.onCreateClick.bind(this));\n this.listEl.addEventListener('click', this.onItemClick.bind(this));\n\n forwardAttrs(this.listEl, this, { includeAttrs: ['empty'] });\n\n const rerender = () => {\n if (this.data) this.data = [...this.data];\n };\n this.deleteIconSlot.addEventListener('slotchange', rerender);\n this.externalLinkIconSlot.addEventListener('slotchange', rerender);\n }\n\n onCreateClick() {\n this.dispatchEvent(\n new CustomEvent('create-clicked', { bubbles: true, detail: {} }),\n );\n }\n\n onItemClick(e) {\n const target = e.target.closest('[data-action=\"delete\"]');\n if (!target) return;\n\n const id = target.getAttribute('data-id');\n const name = target.getAttribute('data-name');\n if (id) {\n this.dispatchEvent(\n new CustomEvent('delete-clicked', {\n bubbles: true,\n detail: { id, name },\n }),\n );\n }\n }\n\n get allowCreate() {\n return this.getAttribute('allow-create') === 'true';\n }\n\n get allowDelete() {\n return this.getAttribute('allow-delete') === 'true';\n }\n\n get allowConfigure() {\n return this.getAttribute('allow-configure') === 'true';\n }\n\n get label() {\n return this.getAttribute('label');\n }\n\n get createButtonLabel() {\n return this.getAttribute('create-button-label');\n }\n\n get notConfiguredLabel() {\n return this.getAttribute('not-configured-label') || 'Not Configured';\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'label') {\n const el = this.shadowRoot?.querySelector('.title');\n if (el) el.textContent = this.label;\n } else if (name === 'create-button-label') {\n const el = this.shadowRoot?.querySelector('.create-button-label');\n if (el) el.textContent = this.createButtonLabel;\n } else if (name === 'empty') {\n this.listEl.classList.toggle('hidden', newValue === 'true');\n }\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const MultiSsoClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n headerGap: {\n selector: () => '.header',\n property: 'gap',\n },\n headerListGap: {\n selector: () => 'descope-list',\n property: 'margin-top',\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n actionGap: {\n selector: () => '.action',\n property: 'gap',\n },\n unconfiguredAuthTypeTextColor: {\n selector: () => '[not-configured]',\n property: TextClass.cssVarList.textColor,\n },\n unconfiguredAuthTypeTextFontStyle: {\n selector: () => '[not-configured]',\n property: 'font-style',\n },\n\n buttonMaxWidth: {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostMaxWidth,\n },\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\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 itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\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 itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n badgeBorderColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n titleIconSize: [\n { selector: () => '::slotted([slot=\"title-icon\"])', property: 'width' },\n {\n selector: () => '::slotted([slot=\"title-icon\"])',\n property: 'height',\n },\n ],\n createButtonIconSize: [\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'width',\n },\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'height',\n },\n ],\n actionIconSize: [\n { selector: () => '.delete-icon', property: 'width' },\n { selector: () => '.delete-icon', property: 'height' },\n { selector: () => '.external-link-icon', property: 'width' },\n { selector: () => '.external-link-icon', property: 'height' },\n ],\n actionIconColor: [\n { selector: () => '.delete-icon', property: IconClass.cssVarList.fill },\n {\n selector: () => '.external-link-icon',\n property: IconClass.cssVarList.fill,\n },\n ],\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n targetSelector: 'descope-list',\n itemRenderer,\n rerenderAttrsList: [\n 'allow-delete',\n 'allow-configure',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n ],\n }),\n componentNameValidationMixin,\n)(RawMultiSsoClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-icon';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\n\nimport { componentName, MultiSsoClass } from './MultiSsoClass';\n\ncustomElements.define(componentName, MultiSsoClass);\n\nexport { MultiSsoClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n /* Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /**\n * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n *\n * @override\n * @protected\n */\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /**\n * By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n *\n * @protected\n * @override\n */\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /**\n * Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n *\n * According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n *\n * @param {KeyboardEvent} event\n * @protected\n * @override\n */\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label` | The label (text) inside the button.\n * `prefix` | A slot for content before the label (e.g. an icon).\n * `suffix` | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute | Description\n * -------------|-------------\n * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused` | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n /* Sizing */\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style */\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n /* Used by notification */\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n /* Set only for the internal parts so we don't affect the host vertical alignment */\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n /* For interaction states */\n :host::before,\n :host::after {\n content: '';\n /* We rely on the host always being relative */\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n /* Hover */\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n /* Active */\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n /* Keyboard focus */\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n /* Types (primary, tertiary, tertiary-inline */\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) * 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) */\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n /* Disabled state. Keep selectors after other color variants. */\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n /* Icons */\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n /* Icon-only */\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["componentName","RawBadge","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","shrinkToIndicatorThreshold","getAttribute","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","IconClass","height","width","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","RawList","items","shadowRoot","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","itemRenderer","id","isDefault","link","authType","_","ref","deleteAction","allowDelete","deleteTooltipLabel","externalLinkAction","allowConfigure","configureTooltipLabel","authTypeLabel","configured","toUpperCase","resolveAuthType","authTypeRow","notConfiguredLabel","template","content","textContent","deleteBtn","dataset","deleteIcon","append","linkBtn","linkIcon","authTypeBadge","BaseClass","MultiSsoClass","hostMinWidth","headerGap","headerListGap","itemContentGap","actionGap","unconfiguredAuthTypeTextColor","TextClass","unconfiguredAuthTypeTextFontStyle","buttonMaxWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","titleIconSize","createButtonIconSize","actionIconSize","actionIconColor","targetSelector","rerenderAttrsList","concat","listEl","deleteIconSlot","externalLinkIconSlot","createButtonLabel","index","addEventListener","onCreateClick","bind","onItemClick","includeAttrs","rerender","data","dispatchEvent","CustomEvent","bubbles","detail","e","target","closest","allowCreate","el","toggle","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","_tooltipController","addController","button"],"sourceRoot":""}
1
+ {"version":3,"file":"descope-multi-sso.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/MultiSsoClass.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../../../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"],"sourcesContent":["import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') || 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted(*)`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading || super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n 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 { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, 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 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 // allow overriding empty state height and padding from parent list components:\n emptyStateVerticalPadding: [\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-top',\n },\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-bottom',\n },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n cloneSlottedNodes,\n forwardAttrs,\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 { ButtonClass } from '@descope-ui/descope-button/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('multi-sso');\n\nconst resolveAuthType = (authType) => {\n if (!authType || authType === 'none')\n return { label: 'Not Configured', configured: false };\n return { label: authType.toUpperCase(), configured: true };\n};\n\nconst itemRenderer = ({ id, name, isDefault, link, authType }, _, ref) => {\n const deleteAction =\n !isDefault && ref?.allowDelete\n ? `<span\n class=\"delete-btn delete-icon\"\n data-action=\"delete\"\n role=\"button\"\n tabindex=\"0\"\n title=\"${ref.deleteTooltipLabel}\"\n ></span>`\n : '';\n\n const externalLinkAction =\n link && ref?.allowConfigure\n ? `<a\n class=\"external-link external-link-icon\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"${ref.configureTooltipLabel}\"\n ></a>`\n : '';\n\n const { label: authTypeLabel, configured } = resolveAuthType(authType);\n const authTypeRow = configured\n ? `<div class=\"auth-type-row\">\n <descope-badge class=\"auth-type-badge\" size=\"xs\"></descope-badge>\n </div>`\n : `<div class=\"auth-type-row\">\n <descope-text\n not-configured\n variant=\"body2\"\n mode=\"secondary\"\n >${ref?.notConfiguredLabel}</descope-text>\n </div>`;\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item>\n <div class=\"content\">\n <div class=\"top-row\">\n <descope-text\n class=\"config-name\"\n variant=\"body1\"\n mode=\"primary\"\n ></descope-text>\n <span class=\"action\">\n ${deleteAction}\n ${externalLinkAction}\n </span>\n </div>\n ${authTypeRow}\n </div>\n </descope-list-item>\n `;\n\n template.content.querySelector('.config-name').textContent = name;\n\n const deleteBtn = template.content.querySelector('.delete-btn');\n if (deleteBtn) {\n deleteBtn.dataset.id = id;\n deleteBtn.dataset.name = name;\n deleteBtn.setAttribute('aria-label', ref.deleteTooltipLabel);\n const deleteIcon = cloneSlottedNodes(ref, 'delete-icon');\n if (deleteIcon) deleteBtn.append(deleteIcon);\n }\n\n const linkBtn = template.content.querySelector('.external-link');\n if (linkBtn) {\n linkBtn.setAttribute('aria-label', ref.configureTooltipLabel);\n if (link) linkBtn.setAttribute('href', link);\n const linkIcon = cloneSlottedNodes(ref, 'external-link-icon');\n if (linkIcon) linkBtn.append(linkIcon);\n }\n\n const authTypeBadge = template.content.querySelector('.auth-type-badge');\n if (authTypeBadge) authTypeBadge.textContent = authTypeLabel;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: 'span.wrapper',\n});\n\nclass RawMultiSsoClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'label',\n 'create-button-label',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n 'empty',\n ].concat(super.observedAttributes);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <span class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"title-icon\"></slot>\n <descope-text class=\"title\" variant=\"body1\" mode=\"primary\"></descope-text>\n <descope-button\n class=\"create-button\"\n size=\"sm\"\n variant=\"link\"\n mode=\"primary\"\n data-action=\"create\"\n >\n <slot name=\"create-button-icon\" slot=\"prefix\"></slot>\n <span class=\"create-button-label\"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name=\"delete-icon\" class=\"hidden\"></slot>\n <slot name=\"external-link-icon\" class=\"hidden\"></slot>\n </span>\n `;\n\n this.listEl = this.shadowRoot.querySelector('descope-list');\n this.deleteIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"delete-icon\"]',\n );\n this.externalLinkIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"external-link-icon\"]',\n );\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create=\"true\"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name=\"title-icon\"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n `,\n this,\n );\n }\n\n get deleteTooltipLabel() {\n return this.getAttribute('delete-tooltip-label') ?? '';\n }\n\n get configureTooltipLabel() {\n return this.getAttribute('configure-tooltip-label') ?? '';\n }\n\n init() {\n super.init?.();\n\n this.shadowRoot.querySelector('.title').textContent = this.label;\n this.shadowRoot.querySelector('.create-button-label').textContent =\n this.createButtonLabel;\n\n this.listEl.itemRenderer = (item, index) => itemRenderer(item, index, this);\n\n this.shadowRoot\n .querySelector('[data-action=\"create\"]')\n .addEventListener('click', this.onCreateClick.bind(this));\n this.listEl.addEventListener('click', this.onItemClick.bind(this));\n\n forwardAttrs(this.listEl, this, { includeAttrs: ['empty'] });\n\n const rerender = () => {\n if (this.data) this.data = [...this.data];\n };\n this.deleteIconSlot.addEventListener('slotchange', rerender);\n this.externalLinkIconSlot.addEventListener('slotchange', rerender);\n }\n\n onCreateClick() {\n this.dispatchEvent(\n new CustomEvent('create-clicked', { bubbles: true, detail: {} }),\n );\n }\n\n onItemClick(e) {\n const target = e.target.closest('[data-action=\"delete\"]');\n if (!target) return;\n\n const id = target.getAttribute('data-id');\n const name = target.getAttribute('data-name');\n if (id) {\n this.dispatchEvent(\n new CustomEvent('delete-clicked', {\n bubbles: true,\n detail: { id, name },\n }),\n );\n }\n }\n\n get allowCreate() {\n return this.getAttribute('allow-create') === 'true';\n }\n\n get allowDelete() {\n return this.getAttribute('allow-delete') === 'true';\n }\n\n get allowConfigure() {\n return this.getAttribute('allow-configure') === 'true';\n }\n\n get label() {\n return this.getAttribute('label');\n }\n\n get createButtonLabel() {\n return this.getAttribute('create-button-label');\n }\n\n get notConfiguredLabel() {\n return this.getAttribute('not-configured-label') || 'Not Configured';\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'label') {\n const el = this.shadowRoot?.querySelector('.title');\n if (el) el.textContent = this.label;\n } else if (name === 'create-button-label') {\n const el = this.shadowRoot?.querySelector('.create-button-label');\n if (el) el.textContent = this.createButtonLabel;\n } else if (name === 'empty') {\n this.listEl.classList.toggle('hidden', newValue === 'true');\n }\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const MultiSsoClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n headerGap: {\n selector: () => '.header',\n property: 'gap',\n },\n headerListGap: {\n selector: () => 'descope-list',\n property: 'margin-top',\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n actionGap: {\n selector: () => '.action',\n property: 'gap',\n },\n unconfiguredAuthTypeTextColor: {\n selector: () => '[not-configured]',\n property: TextClass.cssVarList.textColor,\n },\n unconfiguredAuthTypeTextFontStyle: {\n selector: () => '[not-configured]',\n property: 'font-style',\n },\n\n buttonMaxWidth: {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostMaxWidth,\n },\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\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 itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\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 itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n badgeBorderColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n titleIconSize: [\n { selector: () => '::slotted([slot=\"title-icon\"])', property: 'width' },\n {\n selector: () => '::slotted([slot=\"title-icon\"])',\n property: 'height',\n },\n ],\n createButtonIconSize: [\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'width',\n },\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'height',\n },\n ],\n actionIconSize: [\n { selector: () => '.delete-icon', property: 'width' },\n { selector: () => '.delete-icon', property: 'height' },\n { selector: () => '.external-link-icon', property: 'width' },\n { selector: () => '.external-link-icon', property: 'height' },\n ],\n actionIconColor: [\n { selector: () => '.delete-icon', property: IconClass.cssVarList.fill },\n {\n selector: () => '.external-link-icon',\n property: IconClass.cssVarList.fill,\n },\n ],\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n targetSelector: 'descope-list',\n itemRenderer,\n rerenderAttrsList: [\n 'allow-delete',\n 'allow-configure',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n ],\n }),\n componentNameValidationMixin,\n)(RawMultiSsoClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-icon';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\n\nimport { componentName, MultiSsoClass } from './MultiSsoClass';\n\ncustomElements.define(componentName, MultiSsoClass);\n\nexport { MultiSsoClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n /* Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /**\n * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n *\n * @override\n * @protected\n */\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /**\n * By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n *\n * @protected\n * @override\n */\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /**\n * Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n *\n * According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n *\n * @param {KeyboardEvent} event\n * @protected\n * @override\n */\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label` | The label (text) inside the button.\n * `prefix` | A slot for content before the label (e.g. an icon).\n * `suffix` | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute | Description\n * -------------|-------------\n * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused` | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n /* Sizing */\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style */\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n /* Used by notification */\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n /* Set only for the internal parts so we don't affect the host vertical alignment */\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n /* For interaction states */\n :host::before,\n :host::after {\n content: '';\n /* We rely on the host always being relative */\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n /* Hover */\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n /* Active */\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n /* Keyboard focus */\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n /* Types (primary, tertiary, tertiary-inline */\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) * 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) */\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n /* Disabled state. Keep selectors after other color variants. */\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n /* Icons */\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n /* Icon-only */\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["componentName","RawBadge","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","shrinkToIndicatorThreshold","getAttribute","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","customElements","define","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","IconClass","height","width","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","RawList","items","shadowRoot","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","itemRenderer","id","isDefault","link","authType","_","ref","deleteAction","allowDelete","deleteTooltipLabel","externalLinkAction","allowConfigure","configureTooltipLabel","authTypeLabel","configured","toUpperCase","resolveAuthType","authTypeRow","notConfiguredLabel","template","content","textContent","deleteBtn","dataset","deleteIcon","append","linkBtn","linkIcon","authTypeBadge","BaseClass","MultiSsoClass","hostMinWidth","headerGap","headerListGap","itemContentGap","actionGap","unconfiguredAuthTypeTextColor","TextClass","unconfiguredAuthTypeTextFontStyle","buttonMaxWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","titleIconSize","createButtonIconSize","actionIconSize","actionIconColor","targetSelector","rerenderAttrsList","concat","listEl","deleteIconSlot","externalLinkIconSlot","createButtonLabel","index","addEventListener","onCreateClick","bind","onItemClick","includeAttrs","rerender","data","dispatchEvent","CustomEvent","bubbles","detail","e","target","closest","allowCreate","el","toggle","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","_tooltipController","addController","button"],"sourceRoot":""}
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2996,4364,6969,8603],{28027(t,e,i){i.d(e,{T:()=>l,w:()=>d});var r=i(88961),o=i(63200),s=i(25964),n=i(79673),a=i(47656);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:a.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),r.tQ,t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,i){super.attributeChangeCallback?.(t,e,i),"type"===t&&this.baseElement._setType(i),e!==i&&("label-type"===t?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===i))}})((0,r.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${(0,n.$J)("vaadin-text-field")}\n\t\t\t${(0,n.cy)(d.cssVarList)}\n\t\t\t${(0,n.LJ)("vaadin-text-field",d.cssVarList)}\n ${(0,n.Kl)()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},64014(t,e,i){i.r(e),i.d(e,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(28027);customElements.define(r.T,r.w)},47656(t,e,i){i.d(e,{A:()=>v});const{host:r,label:o,placeholder:s,requiredIndicator:n,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:g,externalInput:y,externalInputDisabled:b,externalPlaceholder:w,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:[{},r],fontFamily:[o,a,d,c],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},inputValueFontWeight:[{...l,property:"font-weight"},{...y,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...w,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...c,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...n,property:"color"},{...o,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,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"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,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"},{...y,property:"padding-left"},{...y,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"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...w,property:"color"},{...s,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...w,property:"opacity"}],inputVerticalAlignment:[{...a,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"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...y,property:"-webkit-text-security"},{...y,property:"text-security"}]}},3393(t,e,i){i.d(e,{y:()=>n});var r=i(9696),o=i(79365),s=i(81365);const n=(...t)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,s.q)(...t))},87455(t,e,i){i.d(e,{M:()=>v,T:()=>d});var r=i(97810),o=i(9696),s=i(79365),n=i(8877),a=i(5810),l=i(73551),p=i(10777);const d=(0,r.xE)("new-password"),c=p.w.cssVarList,{host:u,label:h,internalInputsWrapper:g,errorMessage:y,helperText:b,passwordInput:w,policyPreview:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},v=(0,o.Zz)((0,s.RF)({mappings:{fontSize:[u,{},{selector:a.M.componentName,property:a.M.cssVarList.fontSize}],fontFamily:[h,y,b],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},inputValueFontWeight:{...w,property:a.M.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...w,property:a.M.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{...b,property:"font-weight"},errorMessageFontWeight:{...y,property:"font-weight"},labelTextColor:{...h,property:"color"},errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},errorMessageFontSize:{...y,property:"font-size"},hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:[{...u,property:"direction"},{...w,property:a.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...u,property:"content"},spaceBetweenInputs:{...g,property:"gap"},policyPreviewBackgroundColor:{...m,property:c.backgroundColor},policyPreviewPadding:{...m,property:c.padding},valueInputHeight:{...w,property:a.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...w,property:a.M.cssVarList.valueInputMarginBottom}}}),s.VO,(0,s.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${n.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n external-input="${e}"\n\t\t\t>\n </${n.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),r=document.createElement("slot"),o=i.getAttribute("slot");r.setAttribute("name",e),r.setAttribute("slot",o),t.appendChild(r),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})((0,s.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n :host ::part(error-message) {\n direction: ltr;\n }\n\t\t${(0,l.cy)(a.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n descope-policy-validation {\n margin-top: 8px;\n display: flex;\n }\n .hidden {\n display: none;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:d}))},8877(t,e,i){i.d(e,{T:()=>r});const r=(0,i(97810).xE)("new-password-internal")},78844(t,e,i){var r=i(25964),o=i(3393),s=i(97810),n=i(87455),a=i(8877);const l=/^password-/,p=/^confirm-/,d=(t,e)=>t.replace(e,""),c=["password-label","password-placeholder"],u=["confirm-label","confirm-placeholder"],h=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","manual-visibility-toggle"],g=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],y=[].concat(g,c,u,h),b=(0,o.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends b{static get observedAttributes(){return[].concat(b.observedAttributes||[],y)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.classList.toggle("hidden",!t)}onHasValidationChange(t){this.policyPanel.classList.toggle("hidden",!t)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n <div class="password-input-container">\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n data-id="password"\n external-input="${t}"\n ></descope-password>\n <descope-policy-validation></descope-policy-validation>\n </div>\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n external-input="${t}"\n data-id="confirm"\n ></descope-password>\n `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",t=>{this.passwordStrength?.addEventListener("score-changed",({detail:t})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",t)},{once:!0}),this.passwordStrength?.setAttribute("value",t.target.value),this.policyPanel.setAttribute("value",t.target.value)}),(0,s.EA)(this,this.policyPanel,{includeAttrs:h,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${n.M.cssVarList.inputsRequiredIndicator});\n width: 1em;\n text-align: center;\n\t\t\t\t}\n :host ::part(required-indicator) {\n display: inline-flex;\n }\n\t\t\t\t`,t)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(t=>{t&&(0,s.mx)(t,e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.all([i.e(8961),i.e(3241)]).then(i.bind(i,13241)),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):g.includes(t)?this.inputs.forEach(e=>this.toggleBooleanAttribute(e,t,i)):c.includes(t)?this.toggleBooleanAttribute(this.passwordInput,d(t,l),i):u.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,d(t,p),i),"active-policies"===t&&this.togglePasswordStrength())}})},72788(t,e,i){i.r(e),i.d(e,{NewPasswordClass:()=>r.M,componentName:()=>r.T});var r=i(87455);i(64014),i(19169),i(26782),i(78844),customElements.define(r.T,r.M)},5810(t,e,i){i.d(e,{M:()=>v,T:()=>l});var r=i(79365),o=i(9696),s=i(97810),n=i(16616),a=i(73551);const l=(0,s.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:u,revealButtonContainer:h,revealButtonIcon:g,label:y,requiredIndicator:b,errorMessage:w,helperText:m}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[y,d,w,m],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...y,property:"font-size"},labelFontWeight:{...y,property:"font-weight"},inputValueFontWeight:[{...c,property:"font-weight"},{selector:()=>":host ::slotted(input)",property:"font-weight"}],inputPlaceholderFontWeight:[{...u,property:"font-weight"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"font-weight"}],helperTextFontWeight:{...m,property:"font-weight"},errorMessageFontWeight:{...w,property:"font-weight"},labelTextColor:[{...y,property:"color"},{...y,property:"-webkit-text-fill-color"},{...b,property:"color"},{...b,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...b,property:"content"},errorMessageTextColor:{...w,property:"color"},errorMessageIcon:{...w,property:"background-image"},errorMessageIconSize:{...w,property:"background-size"},errorMessageIconPadding:{...w,property:"padding-inline-start"},errorMessageIconRepeat:{...w,property:"background-repeat"},errorMessageIconPosition:{...w,property:"background-position"},errorMessageFontSize:{...w,property:"font-size"},inputPlaceholderTextColor:[{...u,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...h,property:"margin-right"},{...h,property:"margin-left"}],revealButtonSize:{...h,property:"font-size"},revealButtonColor:{...g,property:"color"},labelPosition:{...y,property:"position"},labelTopPosition:{...y,property:"top"},labelHorizontalPosition:[{...y,property:"left"},{...y,property:"right"}],inputTransformY:{...y,property:"transform"},inputTransition:{...y,property:"transition"},marginInlineStart:{...y,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),r.VO,(0,r.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,n.A,t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}})((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${(0,a.cy)(v.cssVarList)}\n\t\t\t${(0,a.I4)("vaadin-password-field")}\n ${(0,a.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${v.cssVarList.inputOutlineColor});\n\t\t\t}\n\n ${(0,a.Kl)()}\n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},19169(t,e,i){i.r(e),i.d(e,{PasswordClass:()=>r.M,componentName:()=>r.T}),i(51899);var r=i(5810);customElements.define(r.T,r.M)},16616(t,e,i){i.d(e,{A:()=>r});const r=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,r=i.getAttribute("type");i.setAttribute("type","text"),setTimeout(()=>{i.focus()});const o=e=>{i.setAttribute("type",r),t.removeAttribute("inert"),this.removeEventListener("mouseup",o),this.removeEventListener("dragend",o)};this.addEventListener("dragend",o,{once:!0}),this.addEventListener("mouseup",o,{once:!0})}})}}},10777(t,e,i){i.d(e,{T:()=>p,w:()=>m});var r=i(25964),o=i(79365),s=i(81365),n=i(9696),a=i(97810),l=i(88191);const p=(0,a.xE)("policy-validation"),d=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email"],c=["label","value",...d];class u extends((0,s.q)({componentName:p,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="label"></div>\n <ul></ul>\n </div>\n\t\t',(0,r.fz)("\n :host > div {\n width: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n .label {\n max-width: 100%;\n text-wrap: wrap;\n overflow-wrap: break-word;\n }\n .hide-label .label {\n display: none;\n }\n ul {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n }\n ul, li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li::before {\n display: inline-block;\n width: 1em;\n text-align: center;\n }\n ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),d.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}if("data-password-policy-value-passwordstrength"===t){const t=parseInt(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,expected:t}})}if("data-password-policy-actual-passwordstrength"===t){const t=Number(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,actual:t}})}if("data-password-policy-value-disallowedchars"===t)if(i)this.#i={...this.#i,disallowedchars:{...this.#i?.disallowedchars,value:i}};else if(this.#i?.disallowedchars){const{disallowedchars:t,...e}=this.#i;this.#i=e}if("data-password-policy-value-email"===t)if(i)this.#i={...this.#i,disallowemail:{...this.#i?.disallowemail,expected:i}};else if(this.#i?.disallowemail){const{disallowemail:t,...e}=this.#i;this.#i=e}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(t,e,i){switch(t.toUpperCase()){case"GTE":return i>=e;case"GT":return i>e;case"LTE":return i<=e;case"LT":return i<e;case"EQ":return i===e;case"NEQ":return i!==e;default:throw new Error(`Invalid comparison type: ${t}`)}}validate(){let t=this.#t;return this.#i&&(t=this.#t.map(t=>{const e=this.#i[t.id];return e?{...t,data:e}:t})),this.#e.reduce((e,i)=>{const r=t.find(t=>t.id===i);if(!r)return e;const{pattern:o,message:s,data:n,compare:a}=r,p="string"==typeof a?a.toUpperCase():a;if(!o&&!a||!s)return e;const d={message:(0,l.z)(s,n),id:i};if(o){const t=new RegExp((0,l.z)(o,n));d.valid=t.test(this.value)}else if("STR_NEQ_CI"===p){const t=(n?.expected??"").toLowerCase(),e=(this.value??"").toLowerCase();if(t&&e){const i=t.indexOf("@"),r=i>0?t.slice(0,i):t;d.valid=e!==t&&e!==r}else d.valid=!0}else a&&(d.valid=this.compareValues(p,n?.expected??-1,n?.actual??-1));return e.push(d),e},[])}get isValid(){return!this.validate().some(({valid:t})=>!1===t)}buildValidationItem({valid:t,message:e}){const i=this.value?t:"none",r=document.createElement("li");r.className="item",r.dataset.valid=i;const o=document.createElement("span");return o.className="message",o.textContent=e??"",r.appendChild(o),r}renderItems(t,e){t&&e.length&&this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:h,item:g,symbolDefault:y,symbolSuccess:b,symbolError:w}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},m=(0,n.Zz)((0,o.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,o.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...h,property:"border-width"},borderStyle:{...h,property:"border-style"},borderColor:{...h,property:"border-color"},borderRadius:{...h,property:"border-radius"},backgroundColor:{...h,property:"background-color"},textColor:{property:"color"},labelMargin:{...h,property:"gap"},itemsSpacing:{...g,property:"line-height"},itemSymbolSuccessColor:{...b,property:"color"},itemSymbolErrorColor:{...w,property:"color"},itemSymbolDefault:{...y,property:"content"},itemSymbolSuccess:{...b,property:"content"},itemSymbolError:{...w,property:"content"}}}),o.VO,o.tQ)(u)},88191(t,e,i){i.d(e,{z:()=>r});const r=(t,e)=>t.replace(/{{(\w+)+}}/g,(t,i)=>e?.[i]||t)},26782(t,e,i){i.r(e),i.d(e,{PolicyValidationClass:()=>r.w,componentName:()=>r.T});var r=i(10777);customElements.define(r.T,r.w)},11284(t,e,i){i(52733),i(27136)}}]);
1
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2996,4364,6969,8603],{28027(t,e,i){i.d(e,{T:()=>l,w:()=>d});var r=i(88961),o=i(63200),s=i(25964),n=i(79673),a=i(47656);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:a.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),r.tQ,t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.(),(0,s.EA)(this,this.baseElement,{includeAttrs:["placeholder"]})}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,i){super.attributeChangeCallback?.(t,e,i),"type"===t&&this.baseElement._setType(i),e!==i&&("label-type"===t?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===i))}})((0,r.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${(0,n.$J)("vaadin-text-field")}\n\t\t\t${(0,n.cy)(d.cssVarList)}\n\t\t\t${(0,n.LJ)("vaadin-text-field",d.cssVarList)}\n ${(0,n.Kl)()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,excludeAttrsSync:["tabindex","style","placeholder"],componentName:l}))},64014(t,e,i){i.r(e),i.d(e,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(28027);customElements.define(r.T,r.w)},47656(t,e,i){i.d(e,{A:()=>v});const{host:r,label:o,placeholder:s,requiredIndicator:n,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:g,externalInput:y,externalInputDisabled:b,externalPlaceholder:w,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:[{},r],fontFamily:[o,a,d,c],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},inputValueFontWeight:[{...l,property:"font-weight"},{...y,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...w,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...c,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...n,property:"color"},{...o,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,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"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,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"},{...y,property:"padding-left"},{...y,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"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...w,property:"color"},{...s,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...w,property:"opacity"}],inputVerticalAlignment:[{...a,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"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...y,property:"-webkit-text-security"},{...y,property:"text-security"}]}},3393(t,e,i){i.d(e,{y:()=>n});var r=i(9696),o=i(79365),s=i(81365);const n=(...t)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,s.q)(...t))},87455(t,e,i){i.d(e,{M:()=>v,T:()=>d});var r=i(97810),o=i(9696),s=i(79365),n=i(8877),a=i(5810),l=i(73551),p=i(10777);const d=(0,r.xE)("new-password"),c=p.w.cssVarList,{host:u,label:h,internalInputsWrapper:g,errorMessage:y,helperText:b,passwordInput:w,policyPreview:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},v=(0,o.Zz)((0,s.RF)({mappings:{fontSize:[u,{},{selector:a.M.componentName,property:a.M.cssVarList.fontSize}],fontFamily:[h,y,b],labelFontSize:{...h,property:"font-size"},labelFontWeight:{...h,property:"font-weight"},inputValueFontWeight:{...w,property:a.M.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{...w,property:a.M.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{...b,property:"font-weight"},errorMessageFontWeight:{...y,property:"font-weight"},labelTextColor:{...h,property:"color"},errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},errorMessageFontSize:{...y,property:"font-size"},hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:[{...u,property:"direction"},{...w,property:a.M.cssVarList.hostDirection}],inputsRequiredIndicator:{...u,property:"content"},spaceBetweenInputs:{...g,property:"gap"},policyPreviewBackgroundColor:{...m,property:c.backgroundColor},policyPreviewPadding:{...m,property:c.padding},valueInputHeight:{...w,property:a.M.cssVarList.valueInputHeight},valueInputMarginBottom:{...w,property:a.M.cssVarList.valueInputMarginBottom}}}),s.VO,(0,s.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{init(){super.init?.();const t=document.createElement("template"),e=this.getAttribute("external-input");t.innerHTML=`\n\t\t\t<${n.T}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n external-input="${e}"\n\t\t\t>\n </${n.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),"true"===this.getAttribute("external-input")&&this.initExternalInput(),(0,r.EA)(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(t,e){const i=t.querySelector("input"),r=document.createElement("slot"),o=i.getAttribute("slot");r.setAttribute("name",e),r.setAttribute("slot",o),t.appendChild(r),i.setAttribute("slot",e),i.setAttribute("name",this.getAttribute("name")),i.setAttribute("data-hidden-input","true"),this.appendChild(i)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})((0,s.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n :host ::part(error-message) {\n direction: ltr;\n }\n\t\t${(0,l.cy)(a.M.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n descope-policy-validation {\n margin-top: 8px;\n display: flex;\n }\n .hidden {\n display: none;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:d}))},8877(t,e,i){i.d(e,{T:()=>r});const r=(0,i(97810).xE)("new-password-internal")},78844(t,e,i){var r=i(25964),o=i(3393),s=i(97810),n=i(87455),a=i(8877);const l=/^password-/,p=/^confirm-/,d=(t,e)=>t.replace(e,""),c=["password-label","password-placeholder"],u=["confirm-label","confirm-placeholder"],h=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email","manual-visibility-toggle"],g=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],y=[].concat(g,c,u,h),b=(0,o.y)({componentName:a.T,baseSelector:"div"});customElements.define(a.T,class extends b{static get observedAttributes(){return[].concat(b.observedAttributes||[],y)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(t){t!==this.value&&(this.passwordInput.value=t)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(t){this.confirmInput.classList.toggle("hidden",!t)}onHasValidationChange(t){this.policyPanel.classList.toggle("hidden",!t)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const t=this.getAttribute("minlength"),e=parseInt(t,10)||0;return this.value.length>=e?{}:{tooShort:!0}}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const t="true"===this.getAttribute("external-input"),e=`\n <div class="password-input-container">\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n data-id="password"\n external-input="${t}"\n ></descope-password>\n <descope-policy-validation></descope-policy-validation>\n </div>\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n external-input="${t}"\n data-id="confirm"\n ></descope-password>\n `;this.wrapperEle.innerHTML=e,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",t=>{this.passwordStrength?.addEventListener("score-changed",({detail:t})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",t)},{once:!0}),this.passwordStrength?.setAttribute("value",t.target.value),this.policyPanel.setAttribute("value",t.target.value)}),(0,s.EA)(this,this.policyPanel,{includeAttrs:h,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(t=>{(0,r.fz)(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${n.M.cssVarList.inputsRequiredIndicator});\n width: 1em;\n text-align: center;\n\t\t\t\t}\n :host ::part(required-indicator) {\n display: inline-flex;\n }\n\t\t\t\t`,t)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(t=>{t&&(0,s.mx)(t,e=>{if(e.includes("invalid")){const e=t.getAttribute("invalid"),i=this.getAttribute("invalid");this.isInvalid&&i!==e&&t.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.all([i.e(8961),i.e(3241)]).then(i.bind(i,13241)),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(t,e,i){null===i?t?.removeAttribute(e):t?.setAttribute(e,i)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("has-validation"===t?this.onHasValidationChange("true"===i):"has-confirm"===t?this.onHasConfirmChange("true"===i):g.includes(t)?this.inputs.forEach(e=>this.toggleBooleanAttribute(e,t,i)):c.includes(t)?this.toggleBooleanAttribute(this.passwordInput,d(t,l),i):u.includes(t)&&this.toggleBooleanAttribute(this.confirmInput,d(t,p),i),"active-policies"===t&&this.togglePasswordStrength())}})},72788(t,e,i){i.r(e),i.d(e,{NewPasswordClass:()=>r.M,componentName:()=>r.T});var r=i(87455);i(64014),i(19169),i(26782),i(78844),customElements.define(r.T,r.M)},5810(t,e,i){i.d(e,{M:()=>v,T:()=>l});var r=i(79365),o=i(9696),s=i(97810),n=i(16616),a=i(73551);const l=(0,s.xE)("password"),{host:p,inputField:d,inputElement:c,inputElementPlaceholder:u,revealButtonContainer:h,revealButtonIcon:g,label:y,requiredIndicator:b,errorMessage:w,helperText:m}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[y,d,w,m],inputHeight:{...d,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...d,property:"background-color"},inputBorderStyle:{...d,property:"border-style"},inputBorderWidth:{...d,property:"border-width"},inputBorderColor:{...d,property:"border-color"},inputBorderRadius:{...d,property:"border-radius"},inputOutlineColor:{...d,property:"outline-color"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputOutlineWidth:{...d,property:"outline-width"},labelFontSize:{...y,property:"font-size"},labelFontWeight:{...y,property:"font-weight"},inputValueFontWeight:[{...c,property:"font-weight"},{selector:()=>":host ::slotted(input)",property:"font-weight"}],inputPlaceholderFontWeight:[{...u,property:"font-weight"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"font-weight"}],helperTextFontWeight:{...m,property:"font-weight"},errorMessageFontWeight:{...w,property:"font-weight"},labelTextColor:[{...y,property:"color"},{...y,property:"-webkit-text-fill-color"},{...b,property:"color"},{...b,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...b,property:"content"},errorMessageTextColor:{...w,property:"color"},errorMessageIcon:{...w,property:"background-image"},errorMessageIconSize:{...w,property:"background-size"},errorMessageIconPadding:{...w,property:"padding-inline-start"},errorMessageIconRepeat:{...w,property:"background-repeat"},errorMessageIconPosition:{...w,property:"background-position"},errorMessageFontSize:{...w,property:"font-size"},inputPlaceholderTextColor:[{...u,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...h,property:"margin-right"},{...h,property:"margin-left"}],revealButtonSize:{...h,property:"font-size"},revealButtonColor:{...g,property:"color"},labelPosition:{...y,property:"position"},labelTopPosition:{...y,property:"top"},labelHorizontalPosition:[{...y,property:"left"},{...y,property:"right"}],inputTransformY:{...y,property:"transform"},inputTransition:{...y,property:"transition"},marginInlineStart:{...y,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...c,property:"opacity"}],inputVerticalAlignment:{...d,property:"align-items"},valueInputHeight:{...c,property:"height"}}}),r.VO,(0,r.RV)({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,n.A,t=>class extends t{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const t=this.createExternalInput();t&&this.handlePasswordVisibility(t)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const t=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(t(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(t){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,t),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)}}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}})((0,r.tz)({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${(0,a.cy)(v.cssVarList)}\n\t\t\t${(0,a.I4)("vaadin-password-field")}\n ${(0,a.$J)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${v.cssVarList.inputOutlineColor});\n\t\t\t}\n\n ${(0,a.Kl)()}\n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},19169(t,e,i){i.r(e),i.d(e,{PasswordClass:()=>r.M,componentName:()=>r.T}),i(51899);var r=i(5810);customElements.define(r.T,r.M)},16616(t,e,i){i.d(e,{A:()=>r});const r=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const i=e.target,r=i.getAttribute("type");i.setAttribute("type","text"),setTimeout(()=>{i.focus()});const o=e=>{i.setAttribute("type",r),t.removeAttribute("inert"),this.removeEventListener("mouseup",o),this.removeEventListener("dragend",o)};this.addEventListener("dragend",o,{once:!0}),this.addEventListener("mouseup",o,{once:!0})}})}}},10777(t,e,i){i.d(e,{T:()=>p,w:()=>m});var r=i(25964),o=i(79365),s=i(81365),n=i(9696),a=i(97810),l=i(88191);const p=(0,a.xE)("policy-validation"),d=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength","data-password-policy-value-disallowedchars","data-password-policy-value-email"],c=["label","value",...d];class u extends((0,s.q)({componentName:p,baseSelector:":host > div"})){#t;#e=[];#i;static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="label"></div>\n <ul></ul>\n </div>\n\t\t',(0,r.fz)("\n :host > div {\n width: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n .label {\n max-width: 100%;\n text-wrap: wrap;\n overflow-wrap: break-word;\n }\n .hide-label .label {\n display: none;\n }\n ul {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n }\n ul, li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li::before {\n display: inline-block;\n width: 1em;\n text-align: center;\n }\n ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback?.(t,e,i),e!==i){if("label"===t&&this.updateLabel(i),d.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(i)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#e=(i||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(i);!Number.isNaN(t)&&t>0&&(this.#i={...this.#i,minlength:{value:`${t}`}})}if("data-password-policy-value-passwordstrength"===t){const t=parseInt(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,expected:t}})}if("data-password-policy-actual-passwordstrength"===t){const t=Number(i);!Number.isNaN(t)&&t>=0&&(this.#i={...this.#i,passwordstrength:{...this.#i?.passwordstrength,actual:t}})}if("data-password-policy-value-disallowedchars"===t)if(i)this.#i={...this.#i,disallowedchars:{...this.#i?.disallowedchars,value:i}};else if(this.#i?.disallowedchars){const{disallowedchars:t,...e}=this.#i;this.#i=e}if("data-password-policy-value-email"===t)if(i)this.#i={...this.#i,disallowemail:{...this.#i?.disallowemail,expected:i}};else if(this.#i?.disallowemail){const{disallowemail:t,...e}=this.#i;this.#i=e}}this.renderItems(this.#t,this.#e,this.#i)}}get availablePolicies(){return this.#t||[]}set availablePolicies(t){this.#t=t}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(t,e,i){switch(t.toUpperCase()){case"GTE":return i>=e;case"GT":return i>e;case"LTE":return i<=e;case"LT":return i<e;case"EQ":return i===e;case"NEQ":return i!==e;default:throw new Error(`Invalid comparison type: ${t}`)}}validate(){let t=this.#t;return this.#i&&(t=this.#t.map(t=>{const e=this.#i[t.id];return e?{...t,data:e}:t})),this.#e.reduce((e,i)=>{const r=t.find(t=>t.id===i);if(!r)return e;const{pattern:o,message:s,data:n,compare:a}=r,p="string"==typeof a?a.toUpperCase():a;if(!o&&!a||!s)return e;const d={message:(0,l.z)(s,n),id:i};if(o){const t=new RegExp((0,l.z)(o,n));d.valid=t.test(this.value)}else if("STR_NEQ_CI"===p){const t=(n?.expected??"").toLowerCase(),e=(this.value??"").toLowerCase();if(t&&e){const i=t.indexOf("@"),r=i>0?t.slice(0,i):t;d.valid=e!==t&&e!==r}else d.valid=!0}else a&&(d.valid=this.compareValues(p,n?.expected??-1,n?.actual??-1));return e.push(d),e},[])}get isValid(){return!this.validate().some(({valid:t})=>!1===t)}buildValidationItem({valid:t,message:e}){const i=this.value?t:"none",r=document.createElement("li");r.className="item",r.dataset.valid=i;const o=document.createElement("span");return o.className="message",o.textContent=e??"",r.appendChild(o),r}renderItems(t,e){t&&e.length&&this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)))}updateLabel(t){t?(this.label.textContent=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:h,item:g,symbolDefault:y,symbolSuccess:b,symbolError:w}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},m=(0,n.Zz)((0,o.RF)({componentNameOverride:(0,a.xE)("input-wrapper")}),(0,o.RF)({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...h,property:"border-width"},borderStyle:{...h,property:"border-style"},borderColor:{...h,property:"border-color"},borderRadius:{...h,property:"border-radius"},backgroundColor:{...h,property:"background-color"},textColor:{property:"color"},labelMargin:{...h,property:"gap"},itemsSpacing:{...g,property:"line-height"},itemSymbolSuccessColor:{...b,property:"color"},itemSymbolErrorColor:{...w,property:"color"},itemSymbolDefault:{...y,property:"content"},itemSymbolSuccess:{...b,property:"content"},itemSymbolError:{...w,property:"content"}}}),o.VO,o.tQ)(u)},88191(t,e,i){i.d(e,{z:()=>r});const r=(t,e)=>t.replace(/{{(\w+)+}}/g,(t,i)=>e?.[i]||t)},26782(t,e,i){i.r(e),i.d(e,{PolicyValidationClass:()=>r.w,componentName:()=>r.T});var r=i(10777);customElements.define(r.T,r.w)},11284(t,e,i){i(52733),i(27136)}}]);
2
2
  //# sourceMappingURL=descope-new-password-index-js.js.map