npm - @descope/web-components-ui - Versions diffs - 3.11.4 → 3.11.5 - Mend

@descope/web-components-ui 3.11.4 → 3.11.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/umd/descope-multi-line-mappings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-multi-line-mappings.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-multi-line-mappings/src/component/MultiLineMappingsClass.js","webpack://@descope/web-components-ui/../components/descope-multi-line-mappings/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n","/ eslint-disable no-use-before-define /\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n // eslint-disable-next-line class-methods-use-this\n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { MultiSelectComboBoxClass } from '@descope-ui/descope-multi-select-combo-box/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\n\nexport const componentName = getComponentName('multi-line-mappings');\nconst BaseClass = createBaseClass({ componentName });\n\nconst parseJSON = (value, fallback, source = 'unknown') => {\n if (typeof value !== 'string' \|\| !value?.trim()) {\n return fallback;\n }\n\n try {\n return JSON.parse(value);\n } catch (error) {\n console.error(\n `[descope-multi-line-mappings] Failed to parse JSON from \"${source}\"`,\n error,\n );\n return fallback;\n }\n};\n\nconst toNormalizedValue = (item) => {\n if (item === undefined \|\| item === null) {\n return '';\n }\n\n if (typeof item === 'object') {\n return String(item.value ?? item.id ?? item.label ?? '');\n }\n\n return String(item);\n};\n\nconst uniqueValues = (values) => [\n ...new Set(values.map(toNormalizedValue).filter(Boolean)),\n];\n\nconst normalizeOption = (item) => {\n const value = toNormalizedValue(item);\n\n if (typeof item === 'object' && item !== null) {\n return {\n ...item,\n value,\n label: String(item.label ?? item.displayName ?? value),\n };\n }\n\n return { value, label: value };\n};\n\nconst normalizeOptions = (options) => {\n if (!Array.isArray(options)) {\n return [];\n }\n\n const uniqueSet = new Set();\n\n return options.map(normalizeOption).filter((option) => {\n if (!option.value \|\| uniqueSet.has(option.value)) {\n return false;\n }\n\n uniqueSet.add(option.value);\n return true;\n });\n};\n\nconst createEmptyRow = () => ({ firstValues: [], secondValues: [] });\n\nconst areSameValues = (first = [], second = []) =>\n first.length === second.length && first.every((v, i) => v === second[i]);\n\nclass RawMultiLineMappingsClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'data',\n 'max-rows',\n 'size',\n 'disabled',\n 'readonly',\n 'first-value-key',\n 'second-value-key',\n 'first-label',\n 'second-label',\n 'first-placeholder',\n 'second-placeholder',\n 'full-width',\n 'merge-rows',\n ];\n }\n\n #rows = [createEmptyRow()];\n\n #rawValue = null;\n\n #firstOptions = [];\n\n #secondOptionsByFirstValue = {};\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <div class=\"rows\"></div>\n <div class=\"add-action\">\n <descope-button\n class=\"add-button\"\n variant=\"link\"\n mode=\"primary\"\n >\n <slot name=\"add-button-content\">Add line</slot>\n </descope-button>\n </div>\n </div>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .rows {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .rows > .row {\n display: flex;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n align-items: flex-end;\n }\n\n .row descope-multi-select-combo-box {\n flex: 1 1 0;\n box-sizing: border-box;\n }\n\n .row .remove-button {\n flex: 0 0 auto;\n align-self: flex-end;\n }\n\n .row:only-child .remove-button {\n display: none;\n pointer-events: none;\n }\n\n .add-action {\n display: flex;\n }\n `,\n this,\n );\n\n this.rowsElement = this.shadowRoot.querySelector('.rows');\n this.addButtonElement = this.shadowRoot.querySelector('.add-button');\n }\n\n get size() {\n return this.getAttribute('size') \|\| 'md';\n }\n\n get firstValueKey() {\n return this.getAttribute('first-value-key') \|\| 'firstValues';\n }\n\n get secondValueKey() {\n return this.getAttribute('second-value-key') \|\| 'secondValues';\n }\n\n get firstLabel() {\n return this.getAttribute('first-label') \|\| '';\n }\n\n get secondLabel() {\n return this.getAttribute('second-label') \|\| '';\n }\n\n get firstPlaceholder() {\n return this.getAttribute('first-placeholder') \|\| '';\n }\n\n get secondPlaceholder() {\n return this.getAttribute('second-placeholder') \|\| '';\n }\n\n get disabled() {\n return this.getAttribute('disabled') === 'true';\n }\n\n get readonly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get mergeRows() {\n return this.getAttribute('merge-rows') === 'true';\n }\n\n get maxRows() {\n const maxRows = Number(this.getAttribute('max-rows'));\n\n return Number.isFinite(maxRows) && maxRows > 0 ? maxRows : undefined;\n }\n\n get data() {\n return this.#secondOptionsByFirstValue;\n }\n\n get value() {\n return this.#rows\n .filter(\n (row) => row.firstValues.length > 0 \|\| row.secondValues.length > 0,\n )\n .flatMap((rowValue) => {\n const firsts = rowValue.firstValues.length\n ? rowValue.firstValues\n : [''];\n return firsts.map((firstValue) => ({\n [this.firstValueKey]: firstValue,\n [this.secondValueKey]: [...rowValue.secondValues],\n }));\n });\n }\n\n set value(value) {\n this.#rawValue = value;\n this.#rows = this.#normalizeRows(value);\n this.#dropStaleSelections();\n this.#renderRows();\n }\n\n #setData(rawValue) {\n const parsed = parseJSON(rawValue, {}, 'data attribute');\n const optionsMap =\n parsed && typeof parsed === 'object' && !Array.isArray(parsed)\n ? parsed\n : {};\n\n this.#firstOptions = Object.entries(optionsMap).map(([key, value]) => {\n const strKey = String(key);\n const isEnriched =\n value != null && typeof value === 'object' && !Array.isArray(value);\n const options = isEnriched ? (value.options ?? []) : value;\n const label =\n isEnriched && value.label != null ? String(value.label) : strKey;\n return { value: strKey, label, options: normalizeOptions(options) };\n });\n this.#secondOptionsByFirstValue = Object.fromEntries(\n this.#firstOptions.map(({ value, options }) => [value, options]),\n );\n }\n\n init() {\n super.init?.();\n this.#updateAddButtonSize();\n this.addButtonElement.addEventListener('click', () => this.#addRow());\n this.#renderRows();\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'data') {\n this.#setData(newValue);\n this.#dropStaleSelections();\n this.#renderRows();\n return;\n }\n\n if (name === 'size') {\n [...this.#getAllCombos(), ...this.#getAllRemoveButtons()].forEach((el) =>\n el.setAttribute('size', this.size),\n );\n this.#updateAddButtonSize();\n this.#updateAddButtonState();\n return;\n }\n\n if (['disabled', 'readonly'].includes(name)) {\n this.#getAllCombos().forEach((combo) => {\n combo[this.disabled ? 'setAttribute' : 'removeAttribute'](\n 'disabled',\n 'true',\n );\n combo[this.readonly ? 'setAttribute' : 'removeAttribute'](\n 'readonly',\n 'true',\n );\n });\n this.#getAllRemoveButtons().forEach((el) =>\n el[this.disabled \|\| this.readonly ? 'setAttribute' : 'removeAttribute'](\n 'disabled',\n 'true',\n ),\n );\n this.#updateAddButtonState();\n return;\n }\n\n if (['first-label', 'second-label'].includes(name)) {\n const type = name === 'first-label' ? 'first' : 'second';\n Array.from(this.rowsElement.children).forEach((rowElement) => {\n const combo = rowElement.querySelector(`.${type}-combo`);\n if (newValue) combo?.setAttribute('label', newValue);\n else combo?.removeAttribute('label');\n });\n return;\n }\n\n if (['first-placeholder', 'second-placeholder'].includes(name)) {\n const type = name === 'first-placeholder' ? 'first' : 'second';\n Array.from(this.rowsElement.children).forEach((rowElement) => {\n const combo = rowElement.querySelector(`.${type}-combo`);\n if (newValue) combo?.setAttribute('placeholder', newValue);\n else combo?.removeAttribute('placeholder');\n });\n return;\n }\n\n if (name === 'max-rows') {\n this.#updateAddButtonState();\n }\n\n if (name === 'merge-rows' && this.#rawValue !== null) {\n this.#rows = this.#normalizeRows(this.#rawValue);\n this.#dropStaleSelections();\n this.#renderRows();\n }\n }\n\n #getAllCombos() {\n return Array.from(\n this.rowsElement.querySelectorAll('descope-multi-select-combo-box'),\n );\n }\n\n #getAllRemoveButtons() {\n return Array.from(this.rowsElement.querySelectorAll('.remove-button'));\n }\n\n #addRow() {\n if (this.disabled \|\| this.readonly \|\| this.#isMaxRowsReached()) {\n return;\n }\n\n const newRow = createEmptyRow();\n this.#rows = [...this.#rows, newRow];\n this.rowsElement.append(this.#createRowElement(newRow));\n this.#updateAddButtonState();\n }\n\n #normalizeRows(value) {\n if (!Array.isArray(value) \|\| !value.length) {\n return [createEmptyRow()];\n }\n\n const rows = value.map((rowValue) => {\n const firstRaw = rowValue?.[this.firstValueKey];\n const firstValues =\n firstRaw != null && String(firstRaw) !== '' ? [String(firstRaw)] : [];\n\n return {\n firstValues,\n secondValues: uniqueValues(rowValue?.[this.secondValueKey] ?? []),\n };\n });\n\n let result = rows;\n\n if (this.mergeRows) {\n const map = new Map();\n for (const row of result) {\n const key = [...row.secondValues].sort().join('\\0');\n if (map.has(key)) {\n map.get(key).firstValues.push(...row.firstValues);\n } else {\n map.set(key, {\n firstValues: [...row.firstValues],\n secondValues: row.secondValues,\n });\n }\n }\n result = [...map.values()];\n }\n\n return result;\n }\n\n #dropStaleSelections() {\n const firstValuesSet = new Set(this.#firstOptions.map((o) => o.value));\n\n this.#rows = this.#rows.map((rowValue) => {\n const firstValues = rowValue.firstValues.filter((value) =>\n firstValuesSet.has(value),\n );\n const availableSecondOptions =\n this.#getSecondOptionsForFirstValues(firstValues);\n const availableSecondValuesSet = new Set(\n availableSecondOptions.map((item) => item.value),\n );\n\n const secondValues = rowValue.secondValues.filter((value) =>\n availableSecondValuesSet.has(value),\n );\n\n return {\n firstValues,\n secondValues,\n };\n });\n }\n\n #getSecondOptionsForFirstValues(firstValues) {\n // Get lists to intersect\n const lists = !firstValues.length\n ? Object.values(this.#secondOptionsByFirstValue).filter(\n (options) => options.length,\n )\n : firstValues\n .map((value) => this.#secondOptionsByFirstValue[value] \|\| [])\n .filter((options) => options.length);\n\n if (\n !lists.length \|\|\n (firstValues.length && lists.length !== firstValues.length)\n ) {\n return [];\n }\n\n if (lists.length === 1) {\n return lists[0];\n }\n\n // Compute intersection of all lists\n const [baseList, ...otherLists] = lists;\n const intersectionSet = new Set(baseList.map((item) => item.value));\n\n for (const options of otherLists) {\n const currentSet = new Set(options.map((item) => item.value));\n for (const value of intersectionSet) {\n if (!currentSet.has(value)) {\n intersectionSet.delete(value);\n }\n }\n }\n\n return baseList.filter((item) => intersectionSet.has(item.value));\n }\n\n #createCombo({\n getRowIndex,\n type,\n label,\n placeholder,\n options,\n selectedValues,\n }) {\n const comboElement = document.createElement(\n 'descope-multi-select-combo-box',\n );\n\n comboElement.className = `combo ${type}-combo`;\n comboElement.setAttribute('size', this.size);\n comboElement.setAttribute('bordered', 'true');\n comboElement.setAttribute('item-label-path', 'data-name');\n comboElement.setAttribute('item-value-path', 'data-id');\n\n if (label) {\n comboElement.setAttribute('label', label);\n }\n\n if (placeholder) {\n comboElement.setAttribute('placeholder', placeholder);\n }\n\n if (this.disabled) {\n comboElement.setAttribute('disabled', 'true');\n }\n\n if (this.readonly) {\n comboElement.setAttribute('readonly', 'true');\n }\n\n comboElement.data = options;\n this.#syncComboSelection(comboElement, selectedValues);\n\n comboElement.addEventListener('input', () => {\n if (comboElement.__descopeSyncingSelection) {\n return;\n }\n\n const rowIndex = getRowIndex();\n if (rowIndex === -1) return;\n\n this.#handleComboChange({\n rowIndex,\n type,\n selectedValues: uniqueValues(comboElement.value \|\| []),\n });\n });\n\n return comboElement;\n }\n\n #syncComboSelection(comboElement, selectedValues) {\n comboElement.__descopeSyncingSelection = true;\n Promise.resolve().then(() => {\n const selectedValuesSet = new Set(selectedValues \|\| []);\n comboElement.selectedItems = (comboElement.items \|\| []).filter((item) =>\n selectedValuesSet.has(\n item['data-id'] \|\| item.getAttribute?.('data-id'),\n ),\n );\n comboElement.__descopeSyncingSelection = false;\n });\n }\n\n #createRemoveButton(getRowIndex) {\n const buttonElement = document.createElement('descope-button');\n\n buttonElement.className = 'remove-button';\n buttonElement.setAttribute('variant', 'link');\n buttonElement.setAttribute('mode', 'primary');\n buttonElement.setAttribute('size', this.size);\n buttonElement.setAttribute('aria-label', 'Remove row');\n buttonElement.innerHTML = '<vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>';\n\n if (this.disabled \|\| this.readonly) {\n buttonElement.setAttribute('disabled', 'true');\n }\n\n buttonElement.addEventListener('click', () => {\n const rowIndex = getRowIndex();\n if (rowIndex !== -1) this.#removeRow(rowIndex);\n });\n\n return buttonElement;\n }\n\n #renderRows() {\n this.rowsElement.innerHTML = '';\n this.#rows.forEach((rowValue) => {\n this.rowsElement.append(this.#createRowElement(rowValue));\n });\n this.#updateAddButtonState();\n }\n\n #createRowElement(rowValue) {\n const rowElement = document.createElement('div');\n rowElement.className = 'row';\n\n const getRowIndex = () =>\n Array.from(this.rowsElement.children).indexOf(rowElement);\n\n const firstCombo = this.#createCombo({\n getRowIndex,\n type: 'first',\n label: this.firstLabel,\n placeholder: this.firstPlaceholder,\n options: this.#firstOptions.map(({ value, label }) => ({ value, label })),\n selectedValues: rowValue.firstValues,\n });\n\n const secondOptions = this.#getSecondOptionsForFirstValues(\n rowValue.firstValues,\n );\n const secondCombo = this.#createCombo({\n getRowIndex,\n type: 'second',\n label: this.secondLabel,\n placeholder: this.secondPlaceholder,\n options: secondOptions,\n selectedValues: rowValue.secondValues,\n });\n\n rowElement.append(\n firstCombo,\n secondCombo,\n this.#createRemoveButton(getRowIndex),\n );\n return rowElement;\n }\n\n #updateSecondComboForRow(rowIndex) {\n const currentRowValue = this.#rows[rowIndex];\n if (!currentRowValue) return;\n\n const rowElement = this.rowsElement.children[rowIndex];\n const secondCombo = rowElement?.querySelector('.second-combo');\n if (!secondCombo) {\n this.#renderRows();\n return;\n }\n\n const secondOptions = this.#getSecondOptionsForFirstValues(\n currentRowValue.firstValues,\n );\n secondCombo.data = secondOptions;\n this.#syncComboSelection(secondCombo, currentRowValue.secondValues);\n }\n\n #updateAddButtonSize() {\n this.addButtonElement.setAttribute('size', this.size);\n }\n\n #updateAddButtonState() {\n if (this.disabled \|\| this.readonly \|\| this.#isMaxRowsReached()) {\n this.addButtonElement.setAttribute('disabled', 'true');\n } else {\n this.addButtonElement.removeAttribute('disabled');\n }\n }\n\n #isMaxRowsReached() {\n return Number.isFinite(this.maxRows) && this.#rows.length >= this.maxRows;\n }\n\n #removeRowFromDOM(rowIndex) {\n this.rowsElement.children[rowIndex]?.remove();\n }\n\n #handleComboChange({ rowIndex, type, selectedValues }) {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n const currentRow = this.#rows[rowIndex];\n\n if (!currentRow) {\n return;\n }\n\n if (type === 'first') {\n const availableSecondOptions =\n this.#getSecondOptionsForFirstValues(selectedValues);\n const availableSecondValuesSet = new Set(\n availableSecondOptions.map((item) => item.value),\n );\n\n const nextSecondValues = currentRow.secondValues.filter((value) =>\n availableSecondValuesSet.has(value),\n );\n\n if (\n areSameValues(currentRow.firstValues, selectedValues) &&\n areSameValues(currentRow.secondValues, nextSecondValues)\n ) {\n return;\n }\n\n this.#rows[rowIndex] = {\n firstValues: selectedValues,\n secondValues: nextSecondValues,\n };\n\n this.#updateSecondComboForRow(rowIndex);\n this.#emitValueChange();\n return;\n }\n\n if (areSameValues(currentRow.secondValues, selectedValues)) {\n return;\n }\n\n this.#rows[rowIndex] = {\n ...currentRow,\n secondValues: selectedValues,\n };\n\n this.#emitValueChange();\n }\n\n #removeRow(rowIndex) {\n if (this.disabled \|\| this.readonly \|\| this.#rows.length <= 1) {\n return;\n }\n\n const removedRow = this.#rows[rowIndex];\n this.#rows = this.#rows.filter((_, index) => index !== rowIndex);\n\n this.#removeRowFromDOM(rowIndex);\n this.#updateAddButtonState();\n\n const rowHadValues =\n removedRow.firstValues.length > 0 \|\| removedRow.secondValues.length > 0;\n if (rowHadValues) {\n this.#emitValueChange();\n }\n }\n\n #emitValueChange() {\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n }\n}\n\nconst host = { selector: () => ':host' };\nconst rows = { selector: '.rows' };\nconst row = { selector: '.row' };\nconst addAction = { selector: '.add-action' };\n\nexport const MultiLineMappingsClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: MultiSelectComboBoxClass.componentName,\n property: MultiSelectComboBoxClass.cssVarList.hostDirection,\n },\n {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostDirection,\n },\n ],\n rowsGap: { ...rows, property: 'gap' },\n rowGap: { ...row, property: 'gap' },\n rowAlignItems: { ...row, property: 'align-items' },\n rowWrap: { ...row, property: 'flex-wrap' },\n addActionJustifyContent: { ...addAction, property: 'justify-content' },\n addActionMarginTop: { ...addAction, property: 'margin-top' },\n },\n }),\n draggableMixin,\n)(RawMultiLineMappingsClass);\n","import '@descope-ui/descope-button';\nimport '@descope-ui/descope-multi-select-combo-box';\n\nimport {\n componentName,\n MultiLineMappingsClass,\n} from './MultiLineMappingsClass';\n\ncustomElements.define(componentName, MultiLineMappingsClass);\n\nexport { MultiLineMappingsClass, componentName };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n / Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. /\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/\n A mixin providing common button functionality.\n \n @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n /\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /\n Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n \n @override\n * @protected\n /\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /\n By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n \n @protected\n * @override\n /\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /\n Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n \n According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n \n @param {KeyboardEvent} event\n * @protected\n * @override\n /\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey \|\| event.shiftKey \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/\n `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n \n ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n \n ### Styling\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ----------\|-------------\n * `label` \| The label (text) inside the button.\n * `prefix` \| A slot for content before the label (e.g. an icon).\n * `suffix` \| A slot for content after the label (e.g. an icon).\n \n The following attributes are available for styling:\n \n Attribute \| Description\n * -------------\|-------------\n * `active` \| Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` \| Set when the button is disabled.\n * `focus-ring` \| Set when the button is focused using the keyboard.\n * `focused` \| Set when the button is focused.\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n /\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n / Sizing /\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style /\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n / Used by notification /\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n / Set only for the internal parts so we don't affect the host vertical alignment /\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n / For interaction states /\n :host::before,\n :host::after {\n content: '';\n / We rely on the host always being relative /\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n / Hover /\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n / Active /\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n / Keyboard focus /\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n / Types (primary, tertiary, tertiary-inline /\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) /\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n / Disabled state. Keep selectors after other color variants. /\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n / Icons /\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n / Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default /\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n / Icon-only /\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n / RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","triggers","attr","value","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","BaseClass","toNormalizedValue","item","String","id","uniqueValues","values","Set","map","filter","Boolean","normalizeOption","displayName","normalizeOptions","options","Array","isArray","uniqueSet","option","has","areSameValues","first","second","length","every","v","i","row","addAction","MultiLineMappingsClass","MultiSelectComboBoxClass","rowsGap","rowGap","rowAlignItems","rowWrap","addActionJustifyContent","addActionMarginTop","firstValues","secondValues","rowsElement","shadowRoot","addButtonElement","size","firstValueKey","secondValueKey","firstLabel","secondLabel","firstPlaceholder","secondPlaceholder","disabled","readonly","mergeRows","maxRows","Number","isFinite","undefined","data","flatMap","rowValue","firstValue","rawValue","parsed","source","trim","JSON","parse","error","console","parseJSON","optionsMap","Object","entries","key","strKey","isEnriched","fromEntries","addEventListener","name","el","includes","combo","type","from","children","rowElement","removeAttribute","newRow","append","result","firstRaw","Map","sort","join","get","push","set","firstValuesSet","o","availableSecondOptions","availableSecondValuesSet","lists","baseList","otherLists","intersectionSet","currentSet","delete","getRowIndex","placeholder","selectedValues","comboElement","className","__descopeSyncingSelection","rowIndex","Promise","resolve","selectedValuesSet","selectedItems","items","buttonElement","indexOf","firstCombo","secondOptions","secondCombo","currentRowValue","currentRow","nextSecondValues","removedRow","_","index","dispatchEvent","Event","bubbles","composed","buttonStyles","ButtonMixin","superClass","properties","tabindex","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","preventDefault","moduleId","Button","is","template","_tooltipController","addController","button"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-multi-line-mappings.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-multi-line-mappings/src/component/MultiLineMappingsClass.js","webpack://@descope/web-components-ui/../components/descope-multi-line-mappings/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { MultiSelectComboBoxClass } from '@descope-ui/descope-multi-select-combo-box/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\n\nexport const componentName = getComponentName('multi-line-mappings');\nconst BaseClass = createBaseClass({ componentName });\n\nconst parseJSON = (value, fallback, source = 'unknown') => {\n if (typeof value !== 'string' \|\| !value?.trim()) {\n return fallback;\n }\n\n try {\n return JSON.parse(value);\n } catch (error) {\n console.error(\n `[descope-multi-line-mappings] Failed to parse JSON from \"${source}\"`,\n error,\n );\n return fallback;\n }\n};\n\nconst toNormalizedValue = (item) => {\n if (item === undefined \|\| item === null) {\n return '';\n }\n\n if (typeof item === 'object') {\n return String(item.value ?? item.id ?? item.label ?? '');\n }\n\n return String(item);\n};\n\nconst uniqueValues = (values) => [\n ...new Set(values.map(toNormalizedValue).filter(Boolean)),\n];\n\nconst normalizeOption = (item) => {\n const value = toNormalizedValue(item);\n\n if (typeof item === 'object' && item !== null) {\n return {\n ...item,\n value,\n label: String(item.label ?? item.displayName ?? value),\n };\n }\n\n return { value, label: value };\n};\n\nconst normalizeOptions = (options) => {\n if (!Array.isArray(options)) {\n return [];\n }\n\n const uniqueSet = new Set();\n\n return options.map(normalizeOption).filter((option) => {\n if (!option.value \|\| uniqueSet.has(option.value)) {\n return false;\n }\n\n uniqueSet.add(option.value);\n return true;\n });\n};\n\nconst createEmptyRow = () => ({ firstValues: [], secondValues: [] });\n\nconst areSameValues = (first = [], second = []) =>\n first.length === second.length && first.every((v, i) => v === second[i]);\n\nclass RawMultiLineMappingsClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'data',\n 'max-rows',\n 'size',\n 'disabled',\n 'readonly',\n 'first-value-key',\n 'second-value-key',\n 'first-label',\n 'second-label',\n 'first-placeholder',\n 'second-placeholder',\n 'full-width',\n 'merge-rows',\n ];\n }\n\n #rows = [createEmptyRow()];\n\n #rawValue = null;\n\n #firstOptions = [];\n\n #secondOptionsByFirstValue = {};\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <div class=\"rows\"></div>\n <div class=\"add-action\">\n <descope-button\n class=\"add-button\"\n variant=\"link\"\n mode=\"primary\"\n >\n <slot name=\"add-button-content\">Add line</slot>\n </descope-button>\n </div>\n </div>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .rows {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .rows > .row {\n display: flex;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n align-items: flex-end;\n }\n\n .row descope-multi-select-combo-box {\n flex: 1 1 0;\n box-sizing: border-box;\n }\n\n .row .remove-button {\n flex: 0 0 auto;\n align-self: flex-end;\n }\n\n .row:only-child .remove-button {\n display: none;\n pointer-events: none;\n }\n\n .add-action {\n display: flex;\n }\n `,\n this,\n );\n\n this.rowsElement = this.shadowRoot.querySelector('.rows');\n this.addButtonElement = this.shadowRoot.querySelector('.add-button');\n }\n\n get size() {\n return this.getAttribute('size') \|\| 'md';\n }\n\n get firstValueKey() {\n return this.getAttribute('first-value-key') \|\| 'firstValues';\n }\n\n get secondValueKey() {\n return this.getAttribute('second-value-key') \|\| 'secondValues';\n }\n\n get firstLabel() {\n return this.getAttribute('first-label') \|\| '';\n }\n\n get secondLabel() {\n return this.getAttribute('second-label') \|\| '';\n }\n\n get firstPlaceholder() {\n return this.getAttribute('first-placeholder') \|\| '';\n }\n\n get secondPlaceholder() {\n return this.getAttribute('second-placeholder') \|\| '';\n }\n\n get disabled() {\n return this.getAttribute('disabled') === 'true';\n }\n\n get readonly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get mergeRows() {\n return this.getAttribute('merge-rows') === 'true';\n }\n\n get maxRows() {\n const maxRows = Number(this.getAttribute('max-rows'));\n\n return Number.isFinite(maxRows) && maxRows > 0 ? maxRows : undefined;\n }\n\n get data() {\n return this.#secondOptionsByFirstValue;\n }\n\n get value() {\n return this.#rows\n .filter(\n (row) => row.firstValues.length > 0 \|\| row.secondValues.length > 0,\n )\n .flatMap((rowValue) => {\n const firsts = rowValue.firstValues.length\n ? rowValue.firstValues\n : [''];\n return firsts.map((firstValue) => ({\n [this.firstValueKey]: firstValue,\n [this.secondValueKey]: [...rowValue.secondValues],\n }));\n });\n }\n\n set value(value) {\n this.#rawValue = value;\n this.#rows = this.#normalizeRows(value);\n this.#dropStaleSelections();\n this.#renderRows();\n }\n\n #setData(rawValue) {\n const parsed = parseJSON(rawValue, {}, 'data attribute');\n const optionsMap =\n parsed && typeof parsed === 'object' && !Array.isArray(parsed)\n ? parsed\n : {};\n\n this.#firstOptions = Object.entries(optionsMap).map(([key, value]) => {\n const strKey = String(key);\n const isEnriched =\n value != null && typeof value === 'object' && !Array.isArray(value);\n const options = isEnriched ? (value.options ?? []) : value;\n const label =\n isEnriched && value.label != null ? String(value.label) : strKey;\n return { value: strKey, label, options: normalizeOptions(options) };\n });\n this.#secondOptionsByFirstValue = Object.fromEntries(\n this.#firstOptions.map(({ value, options }) => [value, options]),\n );\n }\n\n init() {\n super.init?.();\n this.#updateAddButtonSize();\n this.addButtonElement.addEventListener('click', () => this.#addRow());\n this.#renderRows();\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'data') {\n this.#setData(newValue);\n this.#dropStaleSelections();\n this.#renderRows();\n return;\n }\n\n if (name === 'size') {\n [...this.#getAllCombos(), ...this.#getAllRemoveButtons()].forEach((el) =>\n el.setAttribute('size', this.size),\n );\n this.#updateAddButtonSize();\n this.#updateAddButtonState();\n return;\n }\n\n if (['disabled', 'readonly'].includes(name)) {\n this.#getAllCombos().forEach((combo) => {\n combo[this.disabled ? 'setAttribute' : 'removeAttribute'](\n 'disabled',\n 'true',\n );\n combo[this.readonly ? 'setAttribute' : 'removeAttribute'](\n 'readonly',\n 'true',\n );\n });\n this.#getAllRemoveButtons().forEach((el) =>\n el[this.disabled \|\| this.readonly ? 'setAttribute' : 'removeAttribute'](\n 'disabled',\n 'true',\n ),\n );\n this.#updateAddButtonState();\n return;\n }\n\n if (['first-label', 'second-label'].includes(name)) {\n const type = name === 'first-label' ? 'first' : 'second';\n Array.from(this.rowsElement.children).forEach((rowElement) => {\n const combo = rowElement.querySelector(`.${type}-combo`);\n if (newValue) combo?.setAttribute('label', newValue);\n else combo?.removeAttribute('label');\n });\n return;\n }\n\n if (['first-placeholder', 'second-placeholder'].includes(name)) {\n const type = name === 'first-placeholder' ? 'first' : 'second';\n Array.from(this.rowsElement.children).forEach((rowElement) => {\n const combo = rowElement.querySelector(`.${type}-combo`);\n if (newValue) combo?.setAttribute('placeholder', newValue);\n else combo?.removeAttribute('placeholder');\n });\n return;\n }\n\n if (name === 'max-rows') {\n this.#updateAddButtonState();\n }\n\n if (name === 'merge-rows' && this.#rawValue !== null) {\n this.#rows = this.#normalizeRows(this.#rawValue);\n this.#dropStaleSelections();\n this.#renderRows();\n }\n }\n\n #getAllCombos() {\n return Array.from(\n this.rowsElement.querySelectorAll('descope-multi-select-combo-box'),\n );\n }\n\n #getAllRemoveButtons() {\n return Array.from(this.rowsElement.querySelectorAll('.remove-button'));\n }\n\n #addRow() {\n if (this.disabled \|\| this.readonly \|\| this.#isMaxRowsReached()) {\n return;\n }\n\n const newRow = createEmptyRow();\n this.#rows = [...this.#rows, newRow];\n this.rowsElement.append(this.#createRowElement(newRow));\n this.#updateAddButtonState();\n }\n\n #normalizeRows(value) {\n if (!Array.isArray(value) \|\| !value.length) {\n return [createEmptyRow()];\n }\n\n const rows = value.map((rowValue) => {\n const firstRaw = rowValue?.[this.firstValueKey];\n const firstValues =\n firstRaw != null && String(firstRaw) !== '' ? [String(firstRaw)] : [];\n\n return {\n firstValues,\n secondValues: uniqueValues(rowValue?.[this.secondValueKey] ?? []),\n };\n });\n\n let result = rows;\n\n if (this.mergeRows) {\n const map = new Map();\n for (const row of result) {\n const key = [...row.secondValues].sort().join('\\0');\n if (map.has(key)) {\n map.get(key).firstValues.push(...row.firstValues);\n } else {\n map.set(key, {\n firstValues: [...row.firstValues],\n secondValues: row.secondValues,\n });\n }\n }\n result = [...map.values()];\n }\n\n return result;\n }\n\n #dropStaleSelections() {\n const firstValuesSet = new Set(this.#firstOptions.map((o) => o.value));\n\n this.#rows = this.#rows.map((rowValue) => {\n const firstValues = rowValue.firstValues.filter((value) =>\n firstValuesSet.has(value),\n );\n const availableSecondOptions =\n this.#getSecondOptionsForFirstValues(firstValues);\n const availableSecondValuesSet = new Set(\n availableSecondOptions.map((item) => item.value),\n );\n\n const secondValues = rowValue.secondValues.filter((value) =>\n availableSecondValuesSet.has(value),\n );\n\n return {\n firstValues,\n secondValues,\n };\n });\n }\n\n #getSecondOptionsForFirstValues(firstValues) {\n // Get lists to intersect\n const lists = !firstValues.length\n ? Object.values(this.#secondOptionsByFirstValue).filter(\n (options) => options.length,\n )\n : firstValues\n .map((value) => this.#secondOptionsByFirstValue[value] \|\| [])\n .filter((options) => options.length);\n\n if (\n !lists.length \|\|\n (firstValues.length && lists.length !== firstValues.length)\n ) {\n return [];\n }\n\n if (lists.length === 1) {\n return lists[0];\n }\n\n // Compute intersection of all lists\n const [baseList, ...otherLists] = lists;\n const intersectionSet = new Set(baseList.map((item) => item.value));\n\n for (const options of otherLists) {\n const currentSet = new Set(options.map((item) => item.value));\n for (const value of intersectionSet) {\n if (!currentSet.has(value)) {\n intersectionSet.delete(value);\n }\n }\n }\n\n return baseList.filter((item) => intersectionSet.has(item.value));\n }\n\n #createCombo({\n getRowIndex,\n type,\n label,\n placeholder,\n options,\n selectedValues,\n }) {\n const comboElement = document.createElement(\n 'descope-multi-select-combo-box',\n );\n\n comboElement.className = `combo ${type}-combo`;\n comboElement.setAttribute('size', this.size);\n comboElement.setAttribute('bordered', 'true');\n comboElement.setAttribute('item-label-path', 'data-name');\n comboElement.setAttribute('item-value-path', 'data-id');\n\n if (label) {\n comboElement.setAttribute('label', label);\n }\n\n if (placeholder) {\n comboElement.setAttribute('placeholder', placeholder);\n }\n\n if (this.disabled) {\n comboElement.setAttribute('disabled', 'true');\n }\n\n if (this.readonly) {\n comboElement.setAttribute('readonly', 'true');\n }\n\n comboElement.data = options;\n this.#syncComboSelection(comboElement, selectedValues);\n\n comboElement.addEventListener('input', () => {\n if (comboElement.__descopeSyncingSelection) {\n return;\n }\n\n const rowIndex = getRowIndex();\n if (rowIndex === -1) return;\n\n this.#handleComboChange({\n rowIndex,\n type,\n selectedValues: uniqueValues(comboElement.value \|\| []),\n });\n });\n\n return comboElement;\n }\n\n #syncComboSelection(comboElement, selectedValues) {\n comboElement.__descopeSyncingSelection = true;\n Promise.resolve().then(() => {\n const selectedValuesSet = new Set(selectedValues \|\| []);\n comboElement.selectedItems = (comboElement.items \|\| []).filter((item) =>\n selectedValuesSet.has(\n item['data-id'] \|\| item.getAttribute?.('data-id'),\n ),\n );\n comboElement.__descopeSyncingSelection = false;\n });\n }\n\n #createRemoveButton(getRowIndex) {\n const buttonElement = document.createElement('descope-button');\n\n buttonElement.className = 'remove-button';\n buttonElement.setAttribute('variant', 'link');\n buttonElement.setAttribute('mode', 'primary');\n buttonElement.setAttribute('size', this.size);\n buttonElement.setAttribute('aria-label', 'Remove row');\n buttonElement.innerHTML = '<vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>';\n\n if (this.disabled \|\| this.readonly) {\n buttonElement.setAttribute('disabled', 'true');\n }\n\n buttonElement.addEventListener('click', () => {\n const rowIndex = getRowIndex();\n if (rowIndex !== -1) this.#removeRow(rowIndex);\n });\n\n return buttonElement;\n }\n\n #renderRows() {\n this.rowsElement.innerHTML = '';\n this.#rows.forEach((rowValue) => {\n this.rowsElement.append(this.#createRowElement(rowValue));\n });\n this.#updateAddButtonState();\n }\n\n #createRowElement(rowValue) {\n const rowElement = document.createElement('div');\n rowElement.className = 'row';\n\n const getRowIndex = () =>\n Array.from(this.rowsElement.children).indexOf(rowElement);\n\n const firstCombo = this.#createCombo({\n getRowIndex,\n type: 'first',\n label: this.firstLabel,\n placeholder: this.firstPlaceholder,\n options: this.#firstOptions.map(({ value, label }) => ({ value, label })),\n selectedValues: rowValue.firstValues,\n });\n\n const secondOptions = this.#getSecondOptionsForFirstValues(\n rowValue.firstValues,\n );\n const secondCombo = this.#createCombo({\n getRowIndex,\n type: 'second',\n label: this.secondLabel,\n placeholder: this.secondPlaceholder,\n options: secondOptions,\n selectedValues: rowValue.secondValues,\n });\n\n rowElement.append(\n firstCombo,\n secondCombo,\n this.#createRemoveButton(getRowIndex),\n );\n return rowElement;\n }\n\n #updateSecondComboForRow(rowIndex) {\n const currentRowValue = this.#rows[rowIndex];\n if (!currentRowValue) return;\n\n const rowElement = this.rowsElement.children[rowIndex];\n const secondCombo = rowElement?.querySelector('.second-combo');\n if (!secondCombo) {\n this.#renderRows();\n return;\n }\n\n const secondOptions = this.#getSecondOptionsForFirstValues(\n currentRowValue.firstValues,\n );\n secondCombo.data = secondOptions;\n this.#syncComboSelection(secondCombo, currentRowValue.secondValues);\n }\n\n #updateAddButtonSize() {\n this.addButtonElement.setAttribute('size', this.size);\n }\n\n #updateAddButtonState() {\n if (this.disabled \|\| this.readonly \|\| this.#isMaxRowsReached()) {\n this.addButtonElement.setAttribute('disabled', 'true');\n } else {\n this.addButtonElement.removeAttribute('disabled');\n }\n }\n\n #isMaxRowsReached() {\n return Number.isFinite(this.maxRows) && this.#rows.length >= this.maxRows;\n }\n\n #removeRowFromDOM(rowIndex) {\n this.rowsElement.children[rowIndex]?.remove();\n }\n\n #handleComboChange({ rowIndex, type, selectedValues }) {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n const currentRow = this.#rows[rowIndex];\n\n if (!currentRow) {\n return;\n }\n\n if (type === 'first') {\n const availableSecondOptions =\n this.#getSecondOptionsForFirstValues(selectedValues);\n const availableSecondValuesSet = new Set(\n availableSecondOptions.map((item) => item.value),\n );\n\n const nextSecondValues = currentRow.secondValues.filter((value) =>\n availableSecondValuesSet.has(value),\n );\n\n if (\n areSameValues(currentRow.firstValues, selectedValues) &&\n areSameValues(currentRow.secondValues, nextSecondValues)\n ) {\n return;\n }\n\n this.#rows[rowIndex] = {\n firstValues: selectedValues,\n secondValues: nextSecondValues,\n };\n\n this.#updateSecondComboForRow(rowIndex);\n this.#emitValueChange();\n return;\n }\n\n if (areSameValues(currentRow.secondValues, selectedValues)) {\n return;\n }\n\n this.#rows[rowIndex] = {\n ...currentRow,\n secondValues: selectedValues,\n };\n\n this.#emitValueChange();\n }\n\n #removeRow(rowIndex) {\n if (this.disabled \|\| this.readonly \|\| this.#rows.length <= 1) {\n return;\n }\n\n const removedRow = this.#rows[rowIndex];\n this.#rows = this.#rows.filter((_, index) => index !== rowIndex);\n\n this.#removeRowFromDOM(rowIndex);\n this.#updateAddButtonState();\n\n const rowHadValues =\n removedRow.firstValues.length > 0 \|\| removedRow.secondValues.length > 0;\n if (rowHadValues) {\n this.#emitValueChange();\n }\n }\n\n #emitValueChange() {\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n }\n}\n\nconst host = { selector: () => ':host' };\nconst rows = { selector: '.rows' };\nconst row = { selector: '.row' };\nconst addAction = { selector: '.add-action' };\n\nexport const MultiLineMappingsClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: MultiSelectComboBoxClass.componentName,\n property: MultiSelectComboBoxClass.cssVarList.hostDirection,\n },\n {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostDirection,\n },\n ],\n rowsGap: { ...rows, property: 'gap' },\n rowGap: { ...row, property: 'gap' },\n rowAlignItems: { ...row, property: 'align-items' },\n rowWrap: { ...row, property: 'flex-wrap' },\n addActionJustifyContent: { ...addAction, property: 'justify-content' },\n addActionMarginTop: { ...addAction, property: 'margin-top' },\n },\n }),\n draggableMixin,\n)(RawMultiLineMappingsClass);\n","import '@descope-ui/descope-button';\nimport '@descope-ui/descope-multi-select-combo-box';\n\nimport {\n componentName,\n MultiLineMappingsClass,\n} from './MultiLineMappingsClass';\n\ncustomElements.define(componentName, MultiLineMappingsClass);\n\nexport { MultiLineMappingsClass, componentName };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n / Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. /\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/\n A mixin providing common button functionality.\n \n @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n /\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /\n Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n \n @override\n * @protected\n /\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /\n By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n \n @protected\n * @override\n /\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /\n Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n \n According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n \n @param {KeyboardEvent} event\n * @protected\n * @override\n /\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey \|\| event.shiftKey \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/\n `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n \n ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n \n ### Styling\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ----------\|-------------\n * `label` \| The label (text) inside the button.\n * `prefix` \| A slot for content before the label (e.g. an icon).\n * `suffix` \| A slot for content after the label (e.g. an icon).\n \n The following attributes are available for styling:\n \n Attribute \| Description\n * -------------\|-------------\n * `active` \| Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` \| Set when the button is disabled.\n * `focus-ring` \| Set when the button is focused using the keyboard.\n * `focused` \| Set when the button is focused.\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n /\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n / Sizing /\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style /\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n / Used by notification /\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n / Set only for the internal parts so we don't affect the host vertical alignment /\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n / For interaction states /\n :host::before,\n :host::after {\n content: '';\n / We rely on the host always being relative /\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n / Hover /\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n / Active /\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n / Keyboard focus /\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n / Types (primary, tertiary, tertiary-inline /\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) /\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n / Disabled state. Keep selectors after other color variants. /\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n / Icons /\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n / Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default /\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n / Icon-only /\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n / RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","triggers","attr","value","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","height","width","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","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","BaseClass","toNormalizedValue","item","String","id","uniqueValues","values","Set","map","filter","Boolean","normalizeOption","displayName","normalizeOptions","options","Array","isArray","uniqueSet","option","has","areSameValues","first","second","length","every","v","i","row","addAction","MultiLineMappingsClass","MultiSelectComboBoxClass","rowsGap","rowGap","rowAlignItems","rowWrap","addActionJustifyContent","addActionMarginTop","firstValues","secondValues","rowsElement","shadowRoot","addButtonElement","size","firstValueKey","secondValueKey","firstLabel","secondLabel","firstPlaceholder","secondPlaceholder","disabled","readonly","mergeRows","maxRows","Number","isFinite","undefined","data","flatMap","rowValue","firstValue","rawValue","parsed","source","trim","JSON","parse","error","console","parseJSON","optionsMap","Object","entries","key","strKey","isEnriched","fromEntries","addEventListener","name","el","includes","combo","type","from","children","rowElement","removeAttribute","newRow","append","result","firstRaw","Map","sort","join","get","push","set","firstValuesSet","o","availableSecondOptions","availableSecondValuesSet","lists","baseList","otherLists","intersectionSet","currentSet","delete","getRowIndex","placeholder","selectedValues","comboElement","className","__descopeSyncingSelection","rowIndex","Promise","resolve","selectedValuesSet","selectedItems","items","buttonElement","indexOf","firstCombo","secondOptions","secondCombo","currentRowValue","currentRow","nextSecondValues","removedRow","_","index","dispatchEvent","Event","bubbles","composed","buttonStyles","ButtonMixin","superClass","properties","tabindex","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","preventDefault","moduleId","Button","is","template","_tooltipController","addController","button"],"sourceRoot":""}

package/dist/umd/descope-outbound-app-button.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*! For license information please see descope-outbound-app-button.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,5087,6724,8634],{19624(t,e,o){o.d(e,{J:()=>p,T:()=>l});var r=o(63200),n=o(25964),i=o(88961),a=o(98538),s=o(10767);const l=(0,n.xE)("button"),{host:c,label:d,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,r.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},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:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,i.VO,i.tQ)((0,i.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:m,fontSize:b}=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(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\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){o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var r=o(88961),n=o(25964),i=o(8512),a=o(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),r.VO,r.tQ)((0,r.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){o.r(e),o.d(e,{IconClass:()=>r.S,componentName:()=>r.T}),o(53455);var r=o(98538);customElements.define(r.T,r.S)},8512(t,e,o){o.d(e,{T:()=>l,q:()=>h});var r=o(88961),n=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${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,i.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(d)},18782(t,e,o){o.d(e,{m:()=>i});var r=o(25414);const n=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let 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),r=await e.text();o=n(r)}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){o.r(e),o.d(e,{ImageClass:()=>r.q,componentName:()=>r.T});var r=o(8512);customElements.define(r.T,r.q)},81422(t,e,o){o.r(e),o.d(e,{OutboundAppButtonClass:()=>d,componentName:()=>l});var r=o(88961),n=o(25964),i=o(63200),a=o(72270),s=o(19624);const l=(0,n.xE)("outbound-app-button");class c extends((0,a.qu)({componentName:l,baseSelector:":host > descope-button"})){static get observedAttributes(){return["label","icon-src","icon-fill-current-color"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-button>\n        <descope-icon class="icon"></descope-icon>\n        <span class="label"></span>\n      </descope-button>\n    ',(0,n.fz)("\n      :host {\n        display: inline-block;\n      }\n      .hidden {\n        display: none;\n      }\n    ",this),this.button=this.shadowRoot.querySelector("descope-button"),this.icon=this.shadowRoot.querySelector(".icon"),this.label=this.shadowRoot.querySelector(".label")}init(){super.init?.(),(0,n.EA)(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(t=""){this.label.textContent=t,this.label.classList.toggle("hidden",!t)}updateIcon(t=""){this.icon.setAttribute("src",t),this.icon.classList.toggle("hidden",!t)}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("label"===t?this.updateLabel(o):"icon-src"===t&&this.updateIcon(o))}}const d=(0,i.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:s.J.cssVarList.iconColor}}}),r.VO,r.tQ)(c);o(30576),o(56737),customElements.define(l,d)},89389(t,e,o){o.d(e,{$:()=>m});var r=o(13256),n=o(55774),i=o(82901),a=o(72562),s=o(81488),l=o(87550);const c=o(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,5087,6724,8634],{19624(t,e,o){o.d(e,{J:()=>p,T:()=>l});var r=o(63200),n=o(25964),i=o(88961),a=o(98538),s=o(10767);const l=(0,n.xE)("button"),{host:c,label:d,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,r.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},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:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,i.VO,i.tQ)((0,i.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:m,fontSize:b}=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(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\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){o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var r=o(88961),n=o(25964),i=o(8512),a=o(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},56737(t,e,o){o.r(e),o.d(e,{IconClass:()=>r.S,componentName:()=>r.T}),o(53455);var r=o(98538);customElements.define(r.T,r.S)},8512(t,e,o){o.d(e,{T:()=>l,q:()=>h});var r=o(88961),n=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${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,i.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(d)},18782(t,e,o){o.d(e,{m:()=>i});var r=o(25414);const n=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let 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),r=await e.text();o=n(r)}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){o.r(e),o.d(e,{ImageClass:()=>r.q,componentName:()=>r.T});var r=o(8512);customElements.define(r.T,r.q)},81422(t,e,o){o.r(e),o.d(e,{OutboundAppButtonClass:()=>d,componentName:()=>l});var r=o(88961),n=o(25964),i=o(63200),a=o(72270),s=o(19624);const l=(0,n.xE)("outbound-app-button");class c extends((0,a.qu)({componentName:l,baseSelector:":host > descope-button"})){static get observedAttributes(){return["label","icon-src","icon-fill-current-color"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-button>\n        <descope-icon class="icon"></descope-icon>\n        <span class="label"></span>\n      </descope-button>\n    ',(0,n.fz)("\n      :host {\n        display: inline-block;\n      }\n      .hidden {\n        display: none;\n      }\n    ",this),this.button=this.shadowRoot.querySelector("descope-button"),this.icon=this.shadowRoot.querySelector(".icon"),this.label=this.shadowRoot.querySelector(".label")}init(){super.init?.(),(0,n.EA)(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(t=""){this.label.textContent=t,this.label.classList.toggle("hidden",!t)}updateIcon(t=""){this.icon.setAttribute("src",t),this.icon.classList.toggle("hidden",!t)}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("label"===t?this.updateLabel(o):"icon-src"===t&&this.updateIcon(o))}}const d=(0,i.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:s.J.cssVarList.iconColor}}}),r.VO,r.tQ)(c);o(30576),o(56737),customElements.define(l,d)},89389(t,e,o){o.d(e,{$:()=>m});var r=o(13256),n=o(55774),i=o(82901),a=o(72562),s=o(81488),l=o(87550);const c=o(51450).AH`
   :host {
     display: inline-block;
     position: relative;