@descope/web-components-ui 3.1.12 → 3.2.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.
@@ -1 +1 @@
1
- {"version":3,"file":"descope-trusted-devices.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-light.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-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-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/TrustedDevicesClass.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA=\"","import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\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 width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\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 },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","/* eslint-disable no-use-before-define */\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n // eslint-disable-next-line class-methods-use-this\n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n forwardAttrs,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nclass RawLink extends createBaseClass({ componentName, baseSelector: ':host a' }) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis=\"true\"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this\n );\n\n forwardAttrs(this, this.shadowRoot.querySelector('a'), {\n includeAttrs: ['href', 'target', 'tooltip'],\n mapAttrs: {\n tooltip: 'title',\n },\n });\n\n forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n includeAttrs: ['mode', 'variant'],\n });\n }\n}\n\nconst selectors = {\n host: { selector: () => ':host' },\n link: { selector: () => ':host a' },\n anchor: {},\n wrapper: { selector: () => ':host > div' },\n text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...text, property: 'direction' },\n textAlign: wrapper,\n textDecoration: { ...link, property: 'text-decoration', fallback: 'none' },\n textColor: [\n { ...anchor, property: 'color' },\n { ...text, property: TextClass.cssVarList.textColor },\n ],\n cursor: anchor,\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this,\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n componentName,\n baseSelector: '.wrapper',\n}) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') || 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem?.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'max-width',\n },\n minItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'min-width',\n },\n maxRowItems: {\n property: 'max-row-items',\n },\n itemsHorizontalAlign: {\n selector: () => '::slotted(*)',\n property: 'justify-self',\n },\n emptyStateTextColor: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'color',\n },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(`\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `, this);\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [\n { property: 'color' }\n ],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import desktopDeviceIconLight from './icons/desktop-device-light.svg';\nimport mobileDeviceIconLight from './icons/mobile-device-light.svg';\nimport tabletDeviceIconLight from './icons/tablet-device-light.svg';\nimport unknownDeviceIconLight from './icons/unknown-device-light.svg';\nimport desktopDeviceIconDark from './icons/desktop-device-dark.svg';\nimport mobileDeviceIconDark from './icons/mobile-device-dark.svg';\nimport tabletDeviceIconDark from './icons/tablet-device-dark.svg';\nimport unknownDeviceIconDark from './icons/unknown-device-dark.svg';\n\nconst ensureDate = (loginDate) => {\n const numVal = parseInt(loginDate, 10);\n if (Number.isNaN(numVal)) return 0;\n return numVal;\n}\n\nexport const sortFn = (a, b) =>\n ensureDate(b.lastLoginDate) - ensureDate(a.lastLoginDate);\n\nexport const parseDate = (epoch, format) => {\n if (Number.isNaN(parseInt(epoch, 10))) return '';\n\n const date = new Date(epoch);\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n const time = date.toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n });\n\n const formatMap = {\n 'DD-MM-YYYY': `${day}/${month}/${year}`,\n 'YYYY-MM-DD': `${year}/${month}/${day}`,\n 'MM-DD-YYYY': `${month}/${day}/${year}`,\n };\n\n const dateStr = formatMap[format] || formatMap['MM/DD/YYYY'];\n return `${dateStr} ${time}`;\n};\n\nexport const deviceIconMap = {\n desktop: {\n light: desktopDeviceIconLight,\n dark: desktopDeviceIconDark,\n },\n mobile: {\n light: mobileDeviceIconLight,\n dark: mobileDeviceIconDark,\n },\n tablet: {\n light: tabletDeviceIconLight,\n dark: tabletDeviceIconDark,\n },\n unknown: {\n light: unknownDeviceIconLight,\n dark: unknownDeviceIconDark,\n },\n};\n\nexport const getDeviceIcon = (deviceType) => {\n const icon = deviceIconMap[deviceType] || deviceIconMap.unknown;\n return {\n iconSrc: icon.light,\n iconSrcDark: icon.dark,\n };\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { getDeviceIcon, parseDate, sortFn } from './helpers';\n\nexport const componentName = getComponentName('trusted-devices');\n\nconst itemRenderer = (\n { id, name, lastLoginDate, deviceType, isCurrent },\n _,\n ref,\n) => {\n const itemClassName = isCurrent ? 'class=\"current-device\"' : '';\n\n const { iconSrc, iconSrcDark } = getDeviceIcon(deviceType);\n\n const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';\n\n const loginDate = parseDate(lastLoginDate, ref.format);\n\n const badge = isCurrent\n ? `<descope-badge\n bordered=\"true\"\n size=\"xs\"\n mode=\"primary\"\n st-host-direction=\"${ref.direction}\"\n >\n ${ref.currentDeviceLabel}\n </descope-badge>`\n : '';\n\n const removeDeviceLink =\n !ref.hideActions && !isCurrent\n ? `<descope-link\n class=\"remove-device\"\n variant=\"body1\"\n mode=\"primary\"\n data-action=\"remove-device\"\n data-device-id=\"${id}\"\n st-host-direction=\"${ref.direction}\"\n ellipsis=\"true\"\n >\n ${ref.removeDeviceLabel}\n </descope-link>`\n : '';\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item ${itemClassName}>\n <div class=\"content\">\n <div class=\"main\">\n <span class=\"device\">\n <descope-icon\n class=\"device-icon\"\n src=\"${iconSrc}\"\n src-dark=\"${iconSrcDark}\">\n </descope-icon>\n <descope-text\n class=\"device-name\"\n variant=\"body1\"\n mode=\"primary\">\n </descope-text>\n </span>\n <span class=\"panel\">\n ${badge}\n ${removeDeviceLink}\n </span>\n </div>\n <div class=\"meta\">\n <descope-text\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginLabel}\n </descope-text>\n <descope-text\n class=\"login-date\"\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginDate}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `;\n\n // we return a template instead of returning a string so we can avoid XSS on device name\n template.content.querySelector('.device-name').textContent = name;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: ListClass.componentName,\n});\n\nclass RawTrustedDevicesClass extends BaseClass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-list>\n <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n </descope-list>\n `;\n\n this.appsList = this.shadowRoot.querySelector('descope-list');\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n\n this.appsList.itemRenderer = itemRenderer;\n\n this.appsList.addEventListener('click', this.onRemoveClick.bind(this));\n }\n\n onRemoveClick(e) {\n if (this.readOnly) return;\n\n const target = e.target.closest('[data-device-id]');\n const deviceId = target?.getAttribute('data-device-id');\n\n if (deviceId) {\n this.dispatchEvent(\n new CustomEvent('remove-device-clicked', {\n bubbles: true,\n detail: { id: deviceId, action: 'remove-device' },\n }),\n );\n }\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get hideActions() {\n return this.getAttribute('hide-actions') === 'true';\n }\n\n get format() {\n return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';\n }\n\n get removeDeviceLabel() {\n return this.getAttribute('remove-device-label') || 'Sign out';\n }\n\n get currentDeviceLabel() {\n return this.getAttribute('current-device-label') || 'Current device';\n }\n\n get lastLoginLabel() {\n return this.getAttribute('last-login-label') || 'Last login:';\n }\n\n get direction() {\n return this.getAttribute('st-host-direction');\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TrustedDevicesClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\n },\n listBorderWidth: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderWidth,\n },\n listBoxShadow: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.boxShadow,\n },\n listPadding: [\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.verticalPadding,\n },\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.horizontalPadding,\n },\n ],\n\n itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\n },\n itemCursor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.cursor,\n },\n itemOutline: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.outline,\n },\n itemBorderColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderColor,\n },\n itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n\n badgeBorderColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n devicePanelGap: {\n selector: () => '.main',\n property: 'gap',\n },\n deviceIconGap: {\n selector: () => '.device',\n property: 'gap',\n },\n deviceIconSize: [\n {\n selector: () => '.device-icon',\n property: 'width',\n },\n {\n selector: () => '.device-icon',\n property: 'height',\n },\n ],\n\n lastLoginLabelGap: {\n selector: ' .meta',\n property: 'gap',\n },\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n itemRenderer,\n sortFn,\n rerenderAttrsList: [\n 'remove-device-label',\n 'current-device-label',\n 'last-login-label',\n 'format',\n 'hide-actions',\n ],\n }),\n componentNameValidationMixin,\n)(RawTrustedDevicesClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-link';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\nimport { componentName, TrustedDevicesClass } from './TrustedDevicesClass';\n\ncustomElements.define(componentName, TrustedDevicesClass);\n\nexport { TrustedDevicesClass, componentName };\n"],"names":["module","exports","componentName","RawBadge","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","BadgeClass","mappings","hostWidth","selector","property","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","customElements","define","IconClass","fill","cssVarList","slots","wrappedEleName","style","excludeAttrsSync","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawLink","shadowRoot","includeAttrs","mapAttrs","tooltip","selectors","host","link","anchor","wrapper","TextClass","LinkClass","textDecoration","fallback","cursor","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","superclass","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","name","ListClass","maxHeight","minHeight","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","ensureDate","loginDate","numVal","parseInt","Number","isNaN","deviceIconMap","desktop","light","dark","mobile","tablet","unknown","itemRenderer","id","lastLoginDate","deviceType","isCurrent","_","ref","itemClassName","iconSrc","iconSrcDark","icon","getDeviceIcon","loginLabel","lastLoginLabel","epoch","format","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","time","toLocaleTimeString","hour12","hour","minute","formatMap","parseDate","badge","direction","currentDeviceLabel","removeDeviceLink","hideActions","removeDeviceLabel","template","content","textContent","BaseClass","TrustedDevicesClass","hostMinWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","itemContentGap","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","devicePanelGap","deviceIconGap","deviceIconSize","lastLoginLabelGap","sortFn","a","b","rerenderAttrsList","appsList","addEventListener","onRemoveClick","bind","e","readOnly","target","closest","deviceId","dispatchEvent","CustomEvent","bubbles","detail","action","toUpperCase"],"sourceRoot":""}
1
+ {"version":3,"file":"descope-trusted-devices.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-light.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-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-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/TrustedDevicesClass.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA=\"","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 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\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 {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","/* eslint-disable no-use-before-define */\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n // eslint-disable-next-line class-methods-use-this\n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n forwardAttrs,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nclass RawLink extends createBaseClass({ componentName, baseSelector: ':host a' }) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis=\"true\"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this\n );\n\n forwardAttrs(this, this.shadowRoot.querySelector('a'), {\n includeAttrs: ['href', 'target', 'tooltip'],\n mapAttrs: {\n tooltip: 'title',\n },\n });\n\n forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n includeAttrs: ['mode', 'variant'],\n });\n }\n}\n\nconst selectors = {\n host: { selector: () => ':host' },\n link: { selector: () => ':host a' },\n anchor: {},\n wrapper: { selector: () => ':host > div' },\n text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...text, property: 'direction' },\n textAlign: wrapper,\n textDecoration: { ...link, property: 'text-decoration', fallback: 'none' },\n textColor: [\n { ...anchor, property: 'color' },\n { ...text, property: TextClass.cssVarList.textColor },\n ],\n cursor: anchor,\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this,\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n componentName,\n baseSelector: '.wrapper',\n}) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') || 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem?.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'max-width',\n },\n minItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'min-width',\n },\n maxRowItems: {\n property: 'max-row-items',\n },\n itemsHorizontalAlign: {\n selector: () => '::slotted(*)',\n property: 'justify-self',\n },\n emptyStateTextColor: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'color',\n },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(`\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `, this);\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [\n { property: 'color' }\n ],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import desktopDeviceIconLight from './icons/desktop-device-light.svg';\nimport mobileDeviceIconLight from './icons/mobile-device-light.svg';\nimport tabletDeviceIconLight from './icons/tablet-device-light.svg';\nimport unknownDeviceIconLight from './icons/unknown-device-light.svg';\nimport desktopDeviceIconDark from './icons/desktop-device-dark.svg';\nimport mobileDeviceIconDark from './icons/mobile-device-dark.svg';\nimport tabletDeviceIconDark from './icons/tablet-device-dark.svg';\nimport unknownDeviceIconDark from './icons/unknown-device-dark.svg';\n\nconst ensureDate = (loginDate) => {\n const numVal = parseInt(loginDate, 10);\n if (Number.isNaN(numVal)) return 0;\n return numVal;\n}\n\nexport const sortFn = (a, b) =>\n ensureDate(b.lastLoginDate) - ensureDate(a.lastLoginDate);\n\nexport const parseDate = (epoch, format) => {\n if (Number.isNaN(parseInt(epoch, 10))) return '';\n\n const date = new Date(epoch);\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n const time = date.toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n });\n\n const formatMap = {\n 'DD-MM-YYYY': `${day}/${month}/${year}`,\n 'YYYY-MM-DD': `${year}/${month}/${day}`,\n 'MM-DD-YYYY': `${month}/${day}/${year}`,\n };\n\n const dateStr = formatMap[format] || formatMap['MM/DD/YYYY'];\n return `${dateStr} ${time}`;\n};\n\nexport const deviceIconMap = {\n desktop: {\n light: desktopDeviceIconLight,\n dark: desktopDeviceIconDark,\n },\n mobile: {\n light: mobileDeviceIconLight,\n dark: mobileDeviceIconDark,\n },\n tablet: {\n light: tabletDeviceIconLight,\n dark: tabletDeviceIconDark,\n },\n unknown: {\n light: unknownDeviceIconLight,\n dark: unknownDeviceIconDark,\n },\n};\n\nexport const getDeviceIcon = (deviceType) => {\n const icon = deviceIconMap[deviceType] || deviceIconMap.unknown;\n return {\n iconSrc: icon.light,\n iconSrcDark: icon.dark,\n };\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { getDeviceIcon, parseDate, sortFn } from './helpers';\n\nexport const componentName = getComponentName('trusted-devices');\n\nconst itemRenderer = (\n { id, name, lastLoginDate, deviceType, isCurrent },\n _,\n ref,\n) => {\n const itemClassName = isCurrent ? 'class=\"current-device\"' : '';\n\n const { iconSrc, iconSrcDark } = getDeviceIcon(deviceType);\n\n const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';\n\n const loginDate = parseDate(lastLoginDate, ref.format);\n\n const badge = isCurrent\n ? `<descope-badge\n bordered=\"true\"\n size=\"xs\"\n mode=\"primary\"\n st-host-direction=\"${ref.direction}\"\n >\n ${ref.currentDeviceLabel}\n </descope-badge>`\n : '';\n\n const removeDeviceLink =\n !ref.hideActions && !isCurrent\n ? `<descope-link\n class=\"remove-device\"\n variant=\"body1\"\n mode=\"primary\"\n data-action=\"remove-device\"\n data-device-id=\"${id}\"\n st-host-direction=\"${ref.direction}\"\n ellipsis=\"true\"\n >\n ${ref.removeDeviceLabel}\n </descope-link>`\n : '';\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item ${itemClassName}>\n <div class=\"content\">\n <div class=\"main\">\n <span class=\"device\">\n <descope-icon\n class=\"device-icon\"\n src=\"${iconSrc}\"\n src-dark=\"${iconSrcDark}\">\n </descope-icon>\n <descope-text\n class=\"device-name\"\n variant=\"body1\"\n mode=\"primary\">\n </descope-text>\n </span>\n <span class=\"panel\">\n ${badge}\n ${removeDeviceLink}\n </span>\n </div>\n <div class=\"meta\">\n <descope-text\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginLabel}\n </descope-text>\n <descope-text\n class=\"login-date\"\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginDate}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `;\n\n // we return a template instead of returning a string so we can avoid XSS on device name\n template.content.querySelector('.device-name').textContent = name;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: ListClass.componentName,\n});\n\nclass RawTrustedDevicesClass extends BaseClass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-list>\n <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n </descope-list>\n `;\n\n this.appsList = this.shadowRoot.querySelector('descope-list');\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n\n this.appsList.itemRenderer = itemRenderer;\n\n this.appsList.addEventListener('click', this.onRemoveClick.bind(this));\n }\n\n onRemoveClick(e) {\n if (this.readOnly) return;\n\n const target = e.target.closest('[data-device-id]');\n const deviceId = target?.getAttribute('data-device-id');\n\n if (deviceId) {\n this.dispatchEvent(\n new CustomEvent('remove-device-clicked', {\n bubbles: true,\n detail: { id: deviceId, action: 'remove-device' },\n }),\n );\n }\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get hideActions() {\n return this.getAttribute('hide-actions') === 'true';\n }\n\n get format() {\n return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';\n }\n\n get removeDeviceLabel() {\n return this.getAttribute('remove-device-label') || 'Sign out';\n }\n\n get currentDeviceLabel() {\n return this.getAttribute('current-device-label') || 'Current device';\n }\n\n get lastLoginLabel() {\n return this.getAttribute('last-login-label') || 'Last login:';\n }\n\n get direction() {\n return this.getAttribute('st-host-direction');\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TrustedDevicesClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\n },\n listBorderWidth: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderWidth,\n },\n listBoxShadow: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.boxShadow,\n },\n listPadding: [\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.verticalPadding,\n },\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.horizontalPadding,\n },\n ],\n\n itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\n },\n itemCursor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.cursor,\n },\n itemOutline: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.outline,\n },\n itemBorderColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderColor,\n },\n itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n\n badgeBorderColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n devicePanelGap: {\n selector: () => '.main',\n property: 'gap',\n },\n deviceIconGap: {\n selector: () => '.device',\n property: 'gap',\n },\n deviceIconSize: [\n {\n selector: () => '.device-icon',\n property: 'width',\n },\n {\n selector: () => '.device-icon',\n property: 'height',\n },\n ],\n\n lastLoginLabelGap: {\n selector: ' .meta',\n property: 'gap',\n },\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n itemRenderer,\n sortFn,\n rerenderAttrsList: [\n 'remove-device-label',\n 'current-device-label',\n 'last-login-label',\n 'format',\n 'hide-actions',\n ],\n }),\n componentNameValidationMixin,\n)(RawTrustedDevicesClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-link';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\nimport { componentName, TrustedDevicesClass } from './TrustedDevicesClass';\n\ncustomElements.define(componentName, TrustedDevicesClass);\n\nexport { TrustedDevicesClass, componentName };\n"],"names":["module","exports","componentName","RawBadge","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","BadgeClass","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","customElements","define","IconClass","fill","cssVarList","slots","wrappedEleName","style","excludeAttrsSync","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawLink","shadowRoot","includeAttrs","mapAttrs","tooltip","selectors","host","link","anchor","wrapper","TextClass","LinkClass","textDecoration","fallback","cursor","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","superclass","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","name","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","ensureDate","loginDate","numVal","parseInt","Number","isNaN","deviceIconMap","desktop","light","dark","mobile","tablet","unknown","itemRenderer","id","lastLoginDate","deviceType","isCurrent","_","ref","itemClassName","iconSrc","iconSrcDark","icon","getDeviceIcon","loginLabel","lastLoginLabel","epoch","format","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","time","toLocaleTimeString","hour12","hour","minute","formatMap","parseDate","badge","direction","currentDeviceLabel","removeDeviceLink","hideActions","removeDeviceLabel","template","content","textContent","BaseClass","TrustedDevicesClass","hostMinWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","itemContentGap","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","devicePanelGap","deviceIconGap","deviceIconSize","lastLoginLabelGap","sortFn","a","b","rerenderAttrsList","appsList","addEventListener","onRemoveClick","bind","e","readOnly","target","closest","deviceId","dispatchEvent","CustomEvent","bubbles","detail","action","toUpperCase"],"sourceRoot":""}
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see descope-user-attribute-index-js.js.LICENSE.txt */
2
- (self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,1578,2294,4188,5087,6724],{76368(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4="},65725(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},77888(t,e,i){"use strict";i.d(e,{T:()=>s,e:()=>d});var o=i(88961),n=i(72270),r=i(25964),a=i(63200);const s=(0,r.xE)("badge");class l extends((0,n.qu)({componentName:s,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",(0,r.fz)("\n :host {\n display: inline-flex;\n }\n :host > div {\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ",this)}}const d=(0,a.Zz)((0,o.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),o.VO,o.tQ)(l)},11065(t,e,i){"use strict";i.r(e),i.d(e,{BadgeClass:()=>o.e,componentName:()=>o.T});var o=i(77888);customElements.define(o.T,o.e)},19624(t,e,i){"use strict";i.d(e,{J:()=>p,T:()=>l});var o=i(63200),n=i(25964),r=i(88961),a=i(98538),s=i(10767);const l=(0,n.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,r.VO,r.tQ)((0,r.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width="true"]) {\n width: var(${p.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:g}=p.cssVarList;u=`\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(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\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`},10767(t,e,i){"use strict";i.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,i){"use strict";i.r(e),i.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=i(19624);i(83799),customElements.define(o.T,o.J)},98538(t,e,i){"use strict";i.d(e,{S:()=>l,T:()=>s});var o=i(88961),n=i(25964),r=i(8512),a=i(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,o.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}]}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style"],componentName:s}))},56737(t,e,i){"use strict";i.r(e),i.d(e,{IconClass:()=>o.S,componentName:()=>o.T}),i(53455);var o=i(98538);customElements.define(o.T,o.S)},8512(t,e,i){"use strict";i.d(e,{T:()=>l,q:()=>h});var o=i(88961),n=i(72270),r=i(63200),a=i(25964),s=i(18782);const l=(0,a.xE)("image"),d=["src","src-dark"];class c extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&this.shouldRender(t)&&this.renderImage()}}const h=(0,r.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,i){"use strict";i.d(e,{m:()=>r});var o=i(25414);const n=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let i;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));i=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();i=n(o)}else i=((t,e)=>{const i=document.createElement("img");return i.setAttribute("src",t),i.setAttribute("alt",e),i})(t,e);return i.style.setProperty("max-width","100%"),i.style.setProperty("max-height","100%"),i}catch{return null}}},53455(t,e,i){"use strict";i.r(e),i.d(e,{ImageClass:()=>o.q,componentName:()=>o.T});var o=i(8512);customElements.define(o.T,o.q)},66434(t,e,i){"use strict";i.d(e,{T:()=>s,s:()=>c});var o=i(88961),n=i(63200),r=i(25964),a=i(72270);const s=(0,r.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,r.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,n.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),o.VO,o.tQ)(l)},63595(t,e,i){"use strict";i.r(e),i.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=i(66434);customElements.define(o.T,o.s)},45554(t,e,i){"use strict";i.r(e),i.d(e,{UserAttributeClass:()=>T,componentName:()=>g});var o=i(66434),n=i(19624),r=i(77888),a=i(25964),s=i(79365),l=i(81365),d=i(9696),c=i(97810),h=i(76368),u=i.n(h),p=i(65725),b=i.n(p);const g=(0,c.xE)("user-attribute");class m extends((0,l.q)({componentName:g,baseSelector:":host > .root"})){constructor(){super(),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="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n <slot name="edit-icon"></slot>\n </descope-button>\n <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n <slot name="delete-icon"></slot>\n </descope-button>\n </div>\n </div>\n </div>\n\t\t',(0,a.fz)(`\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 }\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 }\n\n descope-text[data-id="label-text"].required:after {\n content: '*';\n color: var(${o.s.cssVarList.textColor});\n }\n\n :host([readonly="true"]) descope-button {\n visibility: hidden;\n }\n `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.setDefaultChildren()}#t(t,e){const i=document.createElement("descope-icon");i.setAttribute("src",t),i.setAttribute("src-dark",t),i.setAttribute("slot",e),this.appendChild(i)}setDefaultChildren(){this.children.length||(this.#t(u(),"delete-icon"),this.#t(b(),"edit-icon"))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t&&this.onBadgeTooltipTextChange(),"value"!==t&&"required"!==t||this.handleDeleteButtonVisibility())}}const{host:y,textFields:x,buttons:v,badge:f,labelText:M,contentWrapper:w}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},T=(0,d.Zz)((0,s.RF)({mappings:{hostWidth:{...y,property:"width"},hostMinWidth:{...y,property:"min-width"},hostMaxWidth:{...y,property:"max-width"},hostDirection:[{...y,property:"direction"},{...x,property:o.s.cssVarList.hostDirection},{...v,property:n.J.cssVarList.hostDirection},{...f,property:r.e.cssVarList.hostDirection}],labelMinWidth:{...M,property:"min-width"},contentMinWidth:{...w,property:"min-width"},badgeMaxWidth:{...f,property:"max-width"},itemsGap:[{property:"gap"},{...w,property:"gap"}]}}),s.VO,s.tQ)(m);i(63595),i(30576),i(11065),i(56737),customElements.define(g,T)},89389(t,e,i){"use strict";i.d(e,{$:()=>b});var o=i(13256),n=i(55774),r=i(82901),a=i(72562),s=i(81488),l=i(87550);const d=i(51450).AH`
2
+ (self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,1578,2294,4188,5087,6724],{76368(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4="},65725(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},77888(t,e,o){"use strict";o.d(e,{T:()=>s,e:()=>d});var i=o(88961),n=o(72270),r=o(25964),a=o(63200);const s=(0,r.xE)("badge");class l extends((0,n.qu)({componentName:s,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",(0,r.fz)("\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 ",this)}}const d=(0,a.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),i.VO,i.tQ)(l)},11065(t,e,o){"use strict";o.r(e),o.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=o(77888);customElements.define(i.T,i.e)},19624(t,e,o){"use strict";o.d(e,{J:()=>p,T:()=>l});var i=o(63200),n=o(25964),r=o(88961),a=o(98538),s=o(10767);const l=(0,n.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,i.Zz)((0,r.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,r.VO,r.tQ)((0,r.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\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\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width="true"]) {\n width: var(${p.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:g}=p.cssVarList;u=`\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(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\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`},10767(t,e,o){"use strict";o.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){"use strict";o.r(e),o.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=o(19624);o(83799),customElements.define(i.T,i.J)},98538(t,e,o){"use strict";o.d(e,{S:()=>l,T:()=>s});var i=o(88961),n=o(25964),r=o(8512),a=o(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,i.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}]}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style"],componentName:s}))},56737(t,e,o){"use strict";o.r(e),o.d(e,{IconClass:()=>i.S,componentName:()=>i.T}),o(53455);var i=o(98538);customElements.define(i.T,i.S)},8512(t,e,o){"use strict";o.d(e,{T:()=>l,q:()=>h});var i=o(88961),n=o(72270),r=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),d=["src","src-dark"];class c extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const h=(0,r.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(c)},18782(t,e,o){"use strict";o.d(e,{m:()=>r});var i=o(25414);const n=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();o=n(i)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},53455(t,e,o){"use strict";o.r(e),o.d(e,{ImageClass:()=>i.q,componentName:()=>i.T});var i=o(8512);customElements.define(i.T,i.q)},66434(t,e,o){"use strict";o.d(e,{T:()=>s,s:()=>c});var i=o(88961),n=o(63200),r=o(25964),a=o(72270);const s=(0,r.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,r.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),i.VO,i.tQ)(l)},63595(t,e,o){"use strict";o.r(e),o.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=o(66434);customElements.define(i.T,i.s)},45554(t,e,o){"use strict";o.r(e),o.d(e,{UserAttributeClass:()=>T,componentName:()=>g});var i=o(66434),n=o(19624),r=o(77888),a=o(25964),s=o(79365),l=o(81365),d=o(9696),c=o(97810),h=o(76368),u=o.n(h),p=o(65725),b=o.n(p);const g=(0,c.xE)("user-attribute");class m extends((0,l.q)({componentName:g,baseSelector:":host > .root"})){constructor(){super(),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="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n <slot name="edit-icon"></slot>\n </descope-button>\n <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n <slot name="delete-icon"></slot>\n </descope-button>\n </div>\n </div>\n </div>\n\t\t',(0,a.fz)(`\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 }\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 }\n\n descope-text[data-id="label-text"].required:after {\n content: '*';\n color: var(${i.s.cssVarList.textColor});\n }\n\n :host([readonly="true"]) descope-button {\n visibility: hidden;\n }\n `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.setDefaultChildren()}#t(t,e){const o=document.createElement("descope-icon");o.setAttribute("src",t),o.setAttribute("src-dark",t),o.setAttribute("slot",e),this.appendChild(o)}setDefaultChildren(){this.children.length||(this.#t(u(),"delete-icon"),this.#t(b(),"edit-icon"))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t&&this.onBadgeTooltipTextChange(),"value"!==t&&"required"!==t||this.handleDeleteButtonVisibility())}}const{host:y,textFields:x,buttons:v,badge:f,labelText:M,contentWrapper:w}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},T=(0,d.Zz)((0,s.RF)({mappings:{hostWidth:{...y,property:"width"},hostMinWidth:{...y,property:"min-width"},hostMaxWidth:{...y,property:"max-width"},hostDirection:[{...y,property:"direction"},{...x,property:i.s.cssVarList.hostDirection},{...v,property:n.J.cssVarList.hostDirection},{...f,property:r.e.cssVarList.hostDirection}],labelMinWidth:{...M,property:"min-width"},contentMinWidth:{...w,property:"min-width"},badgeMaxWidth:{...f,property:"max-width"},itemsGap:[{property:"gap"},{...w,property:"gap"}]}}),s.VO,s.tQ)(m);o(63595),o(30576),o(11065),o(56737),customElements.define(g,T)},89389(t,e,o){"use strict";o.d(e,{$:()=>b});var i=o(13256),n=o(55774),r=o(82901),a=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
3
3
  :host {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -59,7 +59,7 @@
59
59
  outline-color: GrayText;
60
60
  }
61
61
  }
62
- `;var c=i(84467),h=i(53149),u=i(36176);const p=t=>class extends((0,c.e)((0,u.l)((0,h.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(p((0,a.q)((0,l.cp)((0,n.w)(o.Pu))))){static get is(){return"vaadin-button"}static get template(){return o.qy`
62
+ `;var c=o(84467),h=o(53149),u=o(36176);const p=t=>class extends((0,c.e)((0,u.l)((0,h.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(p((0,a.q)((0,l.cp)((0,n.w)(i.Pu))))){static get is(){return"vaadin-button"}static get template(){return i.qy`
63
63
  <div class="vaadin-button-container">
64
64
  <span part="prefix" aria-hidden="true">
65
65
  <slot name="prefix"></slot>
@@ -72,7 +72,7 @@
72
72
  </span>
73
73
  </div>
74
74
  <slot name="tooltip"></slot>
75
- `}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,r.X)(b)},93555(t,e,i){"use strict";i.d(e,{x:()=>n}),i(64511),i(42068),i(9433),i(3241),i(83315);var o=i(87550);const n=o.AH`
75
+ `}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,r.X)(b)},93555(t,e,o){"use strict";o.d(e,{x:()=>n}),o(64511),o(42068),o(9433),o(3241),o(83315);var i=o(87550);const n=i.AH`
76
76
  :host {
77
77
  /* Sizing */
78
78
  --lumo-button-size: var(--lumo-size-m);
@@ -335,5 +335,5 @@
335
335
  margin-left: 0;
336
336
  margin-right: 0;
337
337
  }
338
- `;(0,o.SF)("vaadin-button",n,{moduleId:"lumo-button"})},83799(t,e,i){"use strict";i(93555),i(89389)}}]);
338
+ `;(0,i.SF)("vaadin-button",n,{moduleId:"lumo-button"})},83799(t,e,o){"use strict";o(93555),o(89389)}}]);
339
339
  //# sourceMappingURL=descope-user-attribute-index-js.js.map