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