@descope/web-components-ui 3.27.3 → 3.27.4

package/dist/umd/mapping-fields-descope-mappings-field-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2230,2294,7095,9439,9522],{19624(t,e,r){r.d(e,{J:()=>h,T:()=>l});var i=r(63200),n=r(25964),o=r(88961),s=r(98538),a=r(10767);const l=(0,n.xE)("button"),{host:p,label:d,slottedIcon:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const h=(0,i.Zz)((0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,o.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...p,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...p,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:s.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),a.G,o.VO,o.tQ)((0,o.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(${h.cssVarList.outlineWidth}) + var(${h.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${h.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${h.cssVarList.hostHeight}) - var(${h.cssVarList.outlineWidth}) - var(${h.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${h.cssVarList.hostWidth}) - var(${h.cssVarList.outlineWidth}) - var(${h.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:g}=h.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,r){r.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,r){r.r(e),r.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=r(19624);r(83799),customElements.define(i.T,i.J)},98538(t,e,r){r.d(e,{S:()=>l,T:()=>a});var i=r(88961),n=r(25964),o=r(8512),s=r(63200);const a=(0,n.xE)("icon"),l=(0,s.Zz)((0,i.RF)({mappings:{fill:[{},{property:o.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.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:a}))},8512(t,e,r){r.d(e,{T:()=>l,q:()=>c});var i=r(88961),n=r(72270),o=r(63200),s=r(25964),a=r(18782);const l=(0,s.xE)("image"),p=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return p}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&this.shouldRender(t)&&this.renderImage()}}const c=(0,o.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(d)},18782(t,e,r){r.d(e,{m:()=>o});var i=r(25414);const n=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},o=async(t,e)=>{try{let r;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));r=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();r=n(i)}else r=((t,e)=>{const r=document.createElement("img");return r.setAttribute("src",t),r.setAttribute("alt",e),r})(t,e);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}}},28027(t,e,r){r.d(e,{T:()=>l,w:()=>d});var i=r(88961),n=r(63200),o=r(25964),s=r(79673),a=r(47656);const l=(0,o.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,n.Zz)((0,i.RF)({mappings:a.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),i.tQ,t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.(),(0,o.EA)(this,this.baseElement,{includeAttrs:["placeholder"]})}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r),e!==r&&("label-type"===t?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===r))}})((0,i.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(d.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style","placeholder"],componentName:l}))},64014(t,e,r){r.r(e),r.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),r(11284),r(37182),r(95260);var i=r(28027);customElements.define(i.T,i.w)},47656(t,e,r){r.d(e,{A:()=>f});const{host:i,label:n,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:g,externalInputDisabled:m,externalPlaceholder:y,externalDisabledPlaceholder:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},i],fontFamily:[n,a,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},inputValueFontWeight:[{...l,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...y,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...c,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...s,property:"color"},{...n,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...y,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...v,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...y,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},66434(t,e,r){r.d(e,{T:()=>a,s:()=>d});var i=r(88961),n=r(63200),o=r(25964),s=r(72270);const a=(0,o.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,o.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,o.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:p}={host:{selector:()=>":host"}},d=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(l)},63595(t,e,r){r.r(e),r.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=r(66434);customElements.define(i.T,i.s)},3393(t,e,r){r.d(e,{y:()=>s});var i=r(9696),n=r(79365),o=r(81365);const s=(...t)=>(0,i.Zz)(n.XX,n._$,n.yF,n.jd)((0,o.q)(...t))},29172(t,e,r){var i=r(25964),n=r(3393),o=r(97810);const s=(0,o.xE)("mapping-item"),a=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],l=(0,n.y)({componentName:s,baseSelector:"div"});customElements.define(s,class extends l{static get observedAttributes(){return[].concat(l.observedAttributes||[],a,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const t=this.attributeInput.value,e=this.valueInput.value;return t&&e?{[t]:e}:null}set value(t){if(1!==Object.entries(t).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",t);const[e,r]=Object.entries(t)[0];this.valueInput.value=r,this.attributeInput.value=e,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper" part="wrapper">\n        <descope-text-field required="true"></descope-text-field>\n        <div class="separator" part="separator">${this.separator}</div>\n        <descope-combo-box\n          item-label-path="data-name"\n          item-value-path="data-id"\n          required="true"\n        >\n        </descope-combo-box>\n        <descope-button variant="link" mode="primary">\n          <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`,(0,i.fz)("\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    ",this),this.valueInput=this.shadowRoot.querySelector("descope-text-field"),this.attributeInput=this.shadowRoot.querySelector("descope-combo-box"),this.inputs=[this.valueInput,this.attributeInput],this.removeButton=this.shadowRoot.querySelector("descope-button"),(0,o.EA)(this,this.valueInput,{includeAttrs:a}),(0,o.EA)(this,this.attributeInput,{includeAttrs:[...a,"options"],mapAttrs:{options:"data"}}),(0,o.EA)(this,this.removeButton,{includeAttrs:["disabled"]})}initRemoveButton(){this.removeButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("mapping-item-removed",{bubbles:!0,composed:!0})))}init(){super.init?.(),this.initRemoveButton()}getValidity(){const t=this.attributeInput.value,e=this.valueInput.value;return t&&e?{}:{badInput:!0}}reportValidity(){this.inputs.forEach(t=>t.reportValidity())}focus(){(this.checkValidity()||!this.valueInput.checkValidity()?this.valueInput:this.attributeInput).focus()}handleSeparatorChange(){this.shadowRoot.querySelector(".separator").textContent=this.separator}#t(t){"true"===t&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"separator"===t&&this.handleSeparatorChange(),"invalid"===t&&this.#t(r)}})},1428(t,e,r){r.d(e,{A:()=>a,T:()=>o});var i=r(3393),n=r(97810);const o=(0,n.xE)("mappings-field-internal"),s=(0,i.y)({componentName:o,baseSelector:"div"}),a=class extends s{#e;static get observedAttributes(){return[].concat(s.observedAttributes||[],["label-value","label-attr","button-label","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"])}isValidDataType(t){try{return t.every(t=>"object"==typeof t&&!Array.isArray(t)&&1===Object.getOwnPropertyNames(t).length&&"string"==typeof t[Object.keys(t)[0]]&&""!==t[Object.keys(t)[0]].trim())}catch(t){return!1}}get labelValue(){return this.getAttribute("label-value")||"Value"}get labelAttr(){return this.getAttribute("label-attr")||"Attribute"}get buttonLabel(){return this.getAttribute("button-label")||"Add mapping"}get options(){return this.getAttribute("options")||[]}addNewMappingItem(t){const e=document.createElement("descope-mapping-item");return e.setAttribute("bordered","true"),this.mappingsContainerEle.appendChild(e),(0,n.EA)(this,e,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),e.addEventListener("mapping-item-removed",()=>{e===this.#e&&(this.resetInvalidIndication(),this.#e=void 0),e.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),t&&e.focus()},0),e}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((t,e)=>e.value?[...t,e.value]:t,[])}set value(t){if(!this.isValidDataType(t))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const e=this.items;if(e.length>t.length)for(let r=t.length;r<e.length;r++)this.mappingsContainerEle.removeChild(e[r]);t.forEach((t,r)=>{const i=e[r];if(i)i.value=t;else{const e=this.addNewMappingItem(!1);setTimeout(()=>{e.value=t},0)}})}constructor(){super(),this.innerHTML='\n      <div class="labels-container" part="labels"></div>\n      <div class="mappings-container"></div>\n      <div class="button-container"></div>\n    ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n      <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n      <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n    `}initAddButton(){this.buttonContainer.innerHTML=`\n      <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n        <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;const t=this.querySelector("descope-button");t.onclick=()=>{this.addNewMappingItem(!0)},(0,n.EA)(this,t,{includeAttrs:["disabled"]})}#r(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",t=>{t.isTrusted&&(this.#e||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#e)&&this.#e?.checkValidity()&&(this.resetInvalidIndication(),this.#e.removeAttribute("invalid"),this.#e=void 0)}),(0,n.Ge)(this.mappingsContainerEle,this.#r.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const t=this.items.find(t=>!t.checkValidity());return t?t.validity:{}}#i(t){t&&(this.#e=this.items.find(t=>!t.checkValidity()),this.#e?.reportValidity(),this.#e?.setAttribute("invalid","true"))}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"label-value"!==t&&"label-attr"!==t||this.initLabels(),"button-label"===t&&this.initAddButton(),"invalid"===t&&this.#i("true"===r),"readonly"===t&&this.toggleAttribute("inert","true"===r)}}},34884(t,e,r){r.r(e);var i=r(1428);customElements.define(i.T,i.A)},84719(t,e,r){r.r(e),r.d(e,{MappingsFieldClass:()=>f,componentName:()=>l}),r(25003),r(95260),r(37182);var i=r(66434),n=r(79365),o=r(9696),s=r(97810),a=r(1428);const l=(0,s.xE)("mappings-field"),{host:p,helperText:d,errorMessage:c,mappingItem:u,labels:h,labelsText:b,valueLabel:g,attrLabel:m,separator:y,labelsContainer:v}={host:{selector:()=>":host"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},mappingItem:{selector:"descope-mapping-item::part(wrapper)"},labels:{selector:'descope-mappings-field-internal [part="labels"] descope-text'},labelsText:{selector:'descope-mappings-field-internal [part="labels"] descope-text::part(text-wrapper)'},valueLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="value-label"]'},attrLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="attr-label"]'},separator:{selector:"descope-mapping-item::part(separator)"},labelsContainer:{selector:'descope-mappings-field-internal [part="labels"]'}},f=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:[{},p,{...y,property:"margin-top"}],fontFamily:[d,c,h],separatorFontSize:{...y,property:"font-size"},labelsFontSize:{...b,property:"font-size"},labelsLineHeight:[{...b,property:"line-height"},{...h,property:"line-height"}],labelTextColor:[{...h,property:i.s.cssVarList.textColor},{...y,property:"color"}],itemMarginBottom:{...u,property:"margin-bottom"},valueLabelMinWidth:{...g,property:"min-width"},attrLabelMinWidth:{...m,property:"min-width"},labelsMarginBottom:{...v,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),n.tQ,t=>class extends t{get defaultValues(){const t=this.getAttribute("default-values");if(t)try{return JSON.parse(t)}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}setDefaultValues(){const t=this.defaultValues;Object.keys(t).length>0&&(this.inputElement.value=t)}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${a.T}\n        tabindex="-1"\n      ></${a.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a.T),(0,s.EA)(this,this.inputElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","default-values","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,s.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})((0,n.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part="labels"] {\n        display: none;\n        grid-template-columns: 1fr var(${f.cssVarList.separatorWidth}) 1fr var(${f.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="value-label"],\n      descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n        ${i.s.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="value-label"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${f.cssVarList.separatorWidth}) 1fr var(${f.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:l}));r(63595),r(30576),r(64014),r(27092),r(34884),r(29172),customElements.define(l,f)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2230,2294,7095,9439,9522],{19624(t,e,r){r.d(e,{J:()=>h,T:()=>l});var i=r(63200),n=r(25964),o=r(88961),s=r(98538),a=r(10767);const l=(0,n.xE)("button"),{host:p,label:d,slottedIcon:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const h=(0,i.Zz)((0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,o.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...p,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...p,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:s.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),a.G,o.VO,o.tQ)((0,o.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(${h.cssVarList.outlineWidth}) + var(${h.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${h.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${h.cssVarList.hostHeight}) - var(${h.cssVarList.outlineWidth}) - var(${h.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${h.cssVarList.hostWidth}) - var(${h.cssVarList.outlineWidth}) - var(${h.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style","role"],componentName:l})),{color:b,fontSize:g}=h.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,r){r.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,r){r.r(e),r.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=r(19624);r(83799),customElements.define(i.T,i.J)},98538(t,e,r){r.d(e,{S:()=>l,T:()=>a});var i=r(88961),n=r(25964),o=r(8512),s=r(63200);const a=(0,n.xE)("icon"),l=(0,s.Zz)((0,i.RF)({mappings:{fill:[{},{property:o.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.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:a}))},8512(t,e,r){r.d(e,{T:()=>l,q:()=>c});var i=r(88961),n=r(72270),o=r(63200),s=r(25964),a=r(18782);const l=(0,s.xE)("image"),p=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return p}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&this.shouldRender(t)&&this.renderImage()}}const c=(0,o.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(d)},18782(t,e,r){r.d(e,{m:()=>o});var i=r(25414);const n=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},o=async(t,e)=>{try{let r;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));r=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();r=n(i)}else r=((t,e)=>{const r=document.createElement("img");return r.setAttribute("src",t),r.setAttribute("alt",e),r})(t,e);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}}},28027(t,e,r){r.d(e,{T:()=>l,w:()=>d});var i=r(88961),n=r(63200),o=r(25964),s=r(79673),a=r(47656);const l=(0,o.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,n.Zz)((0,i.RF)({mappings:a.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),i.tQ,t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.(),(0,o.EA)(this,this.baseElement,{includeAttrs:["placeholder"]})}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...e}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,e)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r),e!==r&&("label-type"===t?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===r))}})((0,i.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(d.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style","placeholder"],componentName:l}))},64014(t,e,r){r.r(e),r.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),r(11284),r(37182),r(95260);var i=r(28027);customElements.define(i.T,i.w)},47656(t,e,r){r.d(e,{A:()=>f});const{host:i,label:n,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:g,externalInputDisabled:m,externalPlaceholder:y,externalDisabledPlaceholder:v}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},i],fontFamily:[n,a,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},inputValueFontWeight:[{...l,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...y,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...c,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...s,property:"color"},{...n,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...y,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...v,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...y,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},66434(t,e,r){r.d(e,{T:()=>a,s:()=>d});var i=r(88961),n=r(63200),o=r(25964),s=r(72270);const a=(0,o.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,o.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,o.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:p}={host:{selector:()=>":host"}},d=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(l)},63595(t,e,r){r.r(e),r.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=r(66434);customElements.define(i.T,i.s)},3393(t,e,r){r.d(e,{y:()=>s});var i=r(9696),n=r(79365),o=r(81365);const s=(...t)=>(0,i.Zz)(n.XX,n._$,n.yF,n.jd)((0,o.q)(...t))},29172(t,e,r){var i=r(25964),n=r(3393),o=r(97810);const s=(0,o.xE)("mapping-item"),a=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],l=(0,n.y)({componentName:s,baseSelector:"div"});customElements.define(s,class extends l{static get observedAttributes(){return[].concat(l.observedAttributes||[],a,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const t=this.attributeInput.value,e=this.valueInput.value;return t&&e?{[t]:e}:null}set value(t){if(1!==Object.entries(t).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",t);const[e,r]=Object.entries(t)[0];this.valueInput.value=r,this.attributeInput.value=e,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper" part="wrapper">\n        <descope-text-field required="true"></descope-text-field>\n        <div class="separator" part="separator">${this.separator}</div>\n        <descope-combo-box\n          item-label-path="data-name"\n          item-value-path="data-id"\n          required="true"\n        >\n        </descope-combo-box>\n        <descope-button variant="link" mode="primary">\n          <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`,(0,i.fz)("\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    ",this),this.valueInput=this.shadowRoot.querySelector("descope-text-field"),this.attributeInput=this.shadowRoot.querySelector("descope-combo-box"),this.inputs=[this.valueInput,this.attributeInput],this.removeButton=this.shadowRoot.querySelector("descope-button"),(0,o.EA)(this,this.valueInput,{includeAttrs:a}),(0,o.EA)(this,this.attributeInput,{includeAttrs:[...a,"options"],mapAttrs:{options:"data"}}),(0,o.EA)(this,this.removeButton,{includeAttrs:["disabled"]})}initRemoveButton(){this.removeButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("mapping-item-removed",{bubbles:!0,composed:!0})))}init(){super.init?.(),this.initRemoveButton()}getValidity(){const t=this.attributeInput.value,e=this.valueInput.value;return t&&e?{}:{badInput:!0}}reportValidity(){this.inputs.forEach(t=>t.reportValidity())}focus(){(this.checkValidity()||!this.valueInput.checkValidity()?this.valueInput:this.attributeInput).focus()}handleSeparatorChange(){this.shadowRoot.querySelector(".separator").textContent=this.separator}#t(t){"true"===t&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"separator"===t&&this.handleSeparatorChange(),"invalid"===t&&this.#t(r)}})},1428(t,e,r){r.d(e,{A:()=>a,T:()=>o});var i=r(3393),n=r(97810);const o=(0,n.xE)("mappings-field-internal"),s=(0,i.y)({componentName:o,baseSelector:"div"}),a=class extends s{#e;static get observedAttributes(){return[].concat(s.observedAttributes||[],["label-value","label-attr","button-label","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"])}isValidDataType(t){try{return t.every(t=>"object"==typeof t&&!Array.isArray(t)&&1===Object.getOwnPropertyNames(t).length&&"string"==typeof t[Object.keys(t)[0]]&&""!==t[Object.keys(t)[0]].trim())}catch(t){return!1}}get labelValue(){return this.getAttribute("label-value")||"Value"}get labelAttr(){return this.getAttribute("label-attr")||"Attribute"}get buttonLabel(){return this.getAttribute("button-label")||"Add mapping"}get options(){return this.getAttribute("options")||[]}addNewMappingItem(t){const e=document.createElement("descope-mapping-item");return e.setAttribute("bordered","true"),this.mappingsContainerEle.appendChild(e),(0,n.EA)(this,e,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),e.addEventListener("mapping-item-removed",()=>{e===this.#e&&(this.resetInvalidIndication(),this.#e=void 0),e.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),t&&e.focus()},0),e}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((t,e)=>e.value?[...t,e.value]:t,[])}set value(t){if(!this.isValidDataType(t))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const e=this.items;if(e.length>t.length)for(let r=t.length;r<e.length;r++)this.mappingsContainerEle.removeChild(e[r]);t.forEach((t,r)=>{const i=e[r];if(i)i.value=t;else{const e=this.addNewMappingItem(!1);setTimeout(()=>{e.value=t},0)}})}constructor(){super(),this.innerHTML='\n      <div class="labels-container" part="labels"></div>\n      <div class="mappings-container"></div>\n      <div class="button-container"></div>\n    ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n      <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n      <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n    `}initAddButton(){this.buttonContainer.innerHTML=`\n      <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n        <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;const t=this.querySelector("descope-button");t.onclick=()=>{this.addNewMappingItem(!0)},(0,n.EA)(this,t,{includeAttrs:["disabled"]})}#r(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",t=>{t.isTrusted&&(this.#e||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#e)&&this.#e?.checkValidity()&&(this.resetInvalidIndication(),this.#e.removeAttribute("invalid"),this.#e=void 0)}),(0,n.Ge)(this.mappingsContainerEle,this.#r.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const t=this.items.find(t=>!t.checkValidity());return t?t.validity:{}}#i(t){t&&(this.#e=this.items.find(t=>!t.checkValidity()),this.#e?.reportValidity(),this.#e?.setAttribute("invalid","true"))}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"label-value"!==t&&"label-attr"!==t||this.initLabels(),"button-label"===t&&this.initAddButton(),"invalid"===t&&this.#i("true"===r),"readonly"===t&&this.toggleAttribute("inert","true"===r)}}},34884(t,e,r){r.r(e);var i=r(1428);customElements.define(i.T,i.A)},84719(t,e,r){r.r(e),r.d(e,{MappingsFieldClass:()=>f,componentName:()=>l}),r(25003),r(95260),r(37182);var i=r(66434),n=r(79365),o=r(9696),s=r(97810),a=r(1428);const l=(0,s.xE)("mappings-field"),{host:p,helperText:d,errorMessage:c,mappingItem:u,labels:h,labelsText:b,valueLabel:g,attrLabel:m,separator:y,labelsContainer:v}={host:{selector:()=>":host"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},mappingItem:{selector:"descope-mapping-item::part(wrapper)"},labels:{selector:'descope-mappings-field-internal [part="labels"] descope-text'},labelsText:{selector:'descope-mappings-field-internal [part="labels"] descope-text::part(text-wrapper)'},valueLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="value-label"]'},attrLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="attr-label"]'},separator:{selector:"descope-mapping-item::part(separator)"},labelsContainer:{selector:'descope-mappings-field-internal [part="labels"]'}},f=(0,o.Zz)((0,n.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:[{},p,{...y,property:"margin-top"}],fontFamily:[d,c,h],separatorFontSize:{...y,property:"font-size"},labelsFontSize:{...b,property:"font-size"},labelsLineHeight:[{...b,property:"line-height"},{...h,property:"line-height"}],labelTextColor:[{...h,property:i.s.cssVarList.textColor},{...y,property:"color"}],itemMarginBottom:{...u,property:"margin-bottom"},valueLabelMinWidth:{...g,property:"min-width"},attrLabelMinWidth:{...m,property:"min-width"},labelsMarginBottom:{...v,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),n.tQ,t=>class extends t{get defaultValues(){const t=this.getAttribute("default-values");if(t)try{return JSON.parse(t)}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}setDefaultValues(){const t=this.defaultValues;Object.keys(t).length>0&&(this.inputElement.value=t)}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${a.T}\n        tabindex="-1"\n      ></${a.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a.T),(0,s.EA)(this,this.inputElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","default-values","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,s.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})((0,n.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part="labels"] {\n        display: none;\n        grid-template-columns: 1fr var(${f.cssVarList.separatorWidth}) 1fr var(${f.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="value-label"],\n      descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n        ${i.s.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="value-label"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${f.cssVarList.separatorWidth}) 1fr var(${f.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:l}));r(63595),r(30576),r(64014),r(27092),r(34884),r(29172),customElements.define(l,f)}}]);
 //# sourceMappingURL=mapping-fields-descope-mappings-field-index-js.js.map

package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping-fields-descope-mappings-field-index-js.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-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/MappingItem.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/index.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      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n"," \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 {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n\n      // Excluded from syncAttrs (bidirectional would let vaadin revert host\n      // values). Push host → vaadin one-way so authored placeholder applies.\n      forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mapping-item');\n\nconst inputAttrs = [\n  'size',\n  'bordered',\n  'readonly',\n  'full-width',\n  'disabled',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingItem extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], inputAttrs, [\n      'separator',\n      'options',\n      'invalid',\n      'disabled',\n    ]);\n  }\n\n  get separator() {\n    return this.getAttribute('separator') || 'map to';\n  }\n\n  get value() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (attributeValue && inputValue) {\n      return { [attributeValue]: inputValue };\n    }\n    return null;\n  }\n\n  set value(mapping) {\n    if (Object.entries(mapping).length !== 1) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'descope-mapping item expected expects only one key-value pair in the value but received: ',\n        mapping\n      );\n      return;\n    }\n    const [attribute, value] = Object.entries(mapping)[0];\n    this.valueInput.value = value;\n    this.attributeInput.value = attribute;\n    // The event needs to be dispatched to trigger the validation if setting the value externally\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\" part=\"wrapper\">\n        <descope-text-field required=\"true\"></descope-text-field>\n        <div class=\"separator\" part=\"separator\">${this.separator}</div>\n        <descope-combo-box\n          item-label-path=\"data-name\"\n          item-value-path=\"data-id\"\n          required=\"true\"\n        >\n        </descope-combo-box>\n        <descope-button variant=\"link\" mode=\"primary\">\n          <vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`;\n\n    injectStyle(\n      `\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    `,\n      this\n    );\n\n    this.valueInput = this.shadowRoot.querySelector('descope-text-field');\n    this.attributeInput = this.shadowRoot.querySelector('descope-combo-box');\n    this.inputs = [this.valueInput, this.attributeInput];\n    this.removeButton = this.shadowRoot.querySelector('descope-button');\n\n    forwardAttrs(this, this.valueInput, {\n      includeAttrs: inputAttrs,\n    });\n    forwardAttrs(this, this.attributeInput, {\n      includeAttrs: [...inputAttrs, 'options'],\n      mapAttrs: { options: 'data' },\n    });\n    forwardAttrs(this, this.removeButton, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  initRemoveButton() {\n    this.removeButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('mapping-item-removed', { bubbles: true, composed: true }))\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.initRemoveButton();\n  }\n\n  getValidity() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (!attributeValue || !inputValue) {\n      return { badInput: true };\n    }\n    return {};\n  }\n\n  reportValidity() {\n    this.inputs.forEach((input) => input.reportValidity());\n  }\n\n  focus() {\n    const focusedElement =\n      this.checkValidity() || !this.valueInput.checkValidity()\n        ? this.valueInput\n        : this.attributeInput;\n    focusedElement.focus();\n  }\n\n  handleSeparatorChange() {\n    this.shadowRoot.querySelector('.separator').textContent = this.separator;\n  }\n\n  #handleInvalidMapping(invalid) {\n    if (invalid === 'true') {\n      const inputValue = this.valueInput.value;\n      if (!inputValue) {\n        this.valueInput.setAttribute('invalid', 'true');\n        this.valueInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n\n      const attributeValue = this.attributeInput.value;\n      if (!attributeValue) {\n        this.attributeInput.setAttribute('invalid', 'true');\n        this.attributeInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (attrName === 'separator') {\n      this.handleSeparatorChange();\n    }\n\n    if (attrName === 'invalid') {\n      this.#handleInvalidMapping(newValue);\n    }\n  }\n}\n\nexport default MappingItem;\n","import MappingItem, { componentName } from './MappingItem';\n\ncustomElements.define(componentName, MappingItem);\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeChildren,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mappings-field-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingsFieldInternal extends BaseInputClass {\n  #errorItem;\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], [\n      'label-value',\n      'label-attr',\n      'button-label',\n      'invalid',\n      'readonly',\n      'disabled',\n      'st-error-message-icon',\n      'st-error-message-icon-size',\n      'st-error-message-icon-padding',\n    ]);\n  }\n\n  isValidDataType(data) {\n    try {\n      return data.every(\n        (obj) =>\n          typeof obj === 'object' &&\n          !Array.isArray(obj) &&\n          Object.getOwnPropertyNames(obj).length === 1 &&\n          typeof obj[Object.keys(obj)[0]] === 'string' &&\n          obj[Object.keys(obj)[0]].trim() !== ''\n      );\n    } catch (e) {\n      return false;\n    }\n  }\n\n  get labelValue() {\n    return this.getAttribute('label-value') || 'Value';\n  }\n\n  get labelAttr() {\n    return this.getAttribute('label-attr') || 'Attribute';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || 'Add mapping';\n  }\n\n  get options() {\n    return this.getAttribute('options') || [];\n  }\n\n  addNewMappingItem(focusNewItem) {\n    const newMappingItem = document.createElement('descope-mapping-item');\n    newMappingItem.setAttribute('bordered', 'true');\n    this.mappingsContainerEle.appendChild(newMappingItem);\n    forwardAttrs(this, newMappingItem, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'separator',\n        'options',\n        'disabled',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n    // This needs to be done with the timeout, otherwise the validation is performed\n    // before the new item is added and thus returns a wrong result\n    setTimeout(() => {\n      this.setCustomValidity('');\n      newMappingItem.addEventListener('mapping-item-removed', () => {\n        // If the removed item was the one that was invalid, we need to reset the invalid indication for the internal\n        if (newMappingItem === this.#errorItem) {\n          this.resetInvalidIndication();\n          this.#errorItem = undefined;\n        }\n        newMappingItem.remove();\n        this.setCustomValidity('');\n      });\n      this.dispatchEvent(new CustomEvent('mapping-item-added', { bubbles: true, composed: true }));\n      if (focusNewItem) {\n        newMappingItem.focus();\n      }\n    }, 0);\n    return newMappingItem;\n  }\n\n  get items() {\n    return Array.from(this.mappingsContainerEle.querySelectorAll('descope-mapping-item'));\n  }\n\n  get value() {\n    return this.items.reduce((acc, item) => {\n      if (!item.value) {\n        return acc;\n      }\n\n      return [...acc, item.value];\n    }, []);\n  }\n\n  set value(mappings) {\n    if (!this.isValidDataType(mappings)) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'received invalid value to set - should be an array of objects with one key-value pair'\n      );\n      return;\n    }\n\n    const currentItems = this.items;\n\n    // Remove extra mapping items we don't need\n    if (currentItems.length > mappings.length) {\n      for (let i = mappings.length; i < currentItems.length; i++) {\n        this.mappingsContainerEle.removeChild(currentItems[i]);\n      }\n    }\n\n    // Add or update items\n    mappings.forEach((mapping, index) => {\n      const mappingItem = currentItems[index];\n      if (mappingItem) {\n        // Set existing item value\n        mappingItem.value = mapping;\n      } else {\n        // Add new item\n        const newMappingItem = this.addNewMappingItem(false);\n        // Setting the new item value needs to be done with the timeout,\n        // otherwise the value is not set correctly\n        setTimeout(() => {\n          newMappingItem.value = mapping;\n        }, 0);\n      }\n    });\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"labels-container\" part=\"labels\"></div>\n      <div class=\"mappings-container\"></div>\n      <div class=\"button-container\"></div>\n    `;\n\n    this.labelsEle = this.querySelector('.labels-container');\n    this.mappingsContainerEle = this.querySelector('.mappings-container');\n    this.buttonContainer = this.querySelector('.button-container');\n  }\n\n  initLabels() {\n    this.labelsEle.innerHTML = `\n      <descope-text variant=\"body2\" part=\"value-label\">${this.labelValue}</descope-text>\n      <descope-text variant=\"body2\" part=\"attr-label\">${this.labelAttr}</descope-text>\n    `;\n  }\n\n  initAddButton() {\n    this.buttonContainer.innerHTML = `\n      <descope-button variant=\"link\" mode=\"primary\" disabled=\"${this.isDisabled}\">\n        <vaadin-icon icon=\"vaadin:plus\"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;\n    const button = this.querySelector('descope-button');\n    button.onclick = () => {\n      this.addNewMappingItem(true);\n    };\n    forwardAttrs(this, button, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  #onMappingsContainerChildrenChange() {\n    this.labelsEle.style.display = this.items.length ? 'grid' : 'none';\n  }\n\n  init() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement =\n          this.#errorItem || this.items[0] || this.querySelector('descope-button');\n        focusedElement.focus();\n      }\n    });\n\n    super.init?.();\n    this.initLabels();\n    this.initAddButton();\n\n    // This event listener is responsible for removing the invalid attribute\n    // from the internal once the invalid item turns valid\n    this.addEventListener('input', () => {\n      const isErrorItemMounted = this.mappingsContainerEle.contains(this.#errorItem);\n      if (isErrorItemMounted && this.#errorItem?.checkValidity()) {\n        // Item has changed, it was invalid before and now it's valid\n        this.resetInvalidIndication();\n        this.#errorItem.removeAttribute('invalid');\n        this.#errorItem = undefined;\n      }\n    });\n\n    observeChildren(this.mappingsContainerEle, this.#onMappingsContainerChildrenChange.bind(this));\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  getValidity() {\n    const errorItem = this.items.find((item) => !item.checkValidity());\n    if (errorItem) {\n      return errorItem.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidMappings(isInvalid) {\n    if (isInvalid) {\n      this.#errorItem = this.items.find((item) => !item.checkValidity());\n      this.#errorItem?.reportValidity();\n      this.#errorItem?.setAttribute('invalid', 'true');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'label-value' || attrName === 'label-attr') {\n      this.initLabels();\n    }\n    if (attrName === 'button-label') {\n      this.initAddButton();\n    }\n    if (attrName === 'invalid') {\n      this.#handleInvalidMappings(newValue === 'true');\n    }\n    if (attrName === 'readonly') {\n      this.toggleAttribute('inert', newValue === 'true');\n    }\n  }\n}\n\nexport default MappingsFieldInternal;\n","import MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { TextClass } from '@descope-ui/descope-text/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-mappings-field-internal/MappingsFieldInternal';\n\nexport const componentName = getComponentName('mappings-field');\n\nconst customMixin = (superclass) =>\n  class MappingsFieldMixinClass extends superclass {\n    get defaultValues() {\n      const defaultValuesAttr = this.getAttribute('default-values');\n      if (defaultValuesAttr) {\n        try {\n          return JSON.parse(defaultValuesAttr);\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"default-values\" -', e.message);\n        }\n      }\n      return [];\n    }\n\n    setDefaultValues() {\n      const initialDefaultValues = this.defaultValues;\n      if (Object.keys(initialDefaultValues).length > 0) {\n        this.inputElement.value = initialDefaultValues;\n      }\n    }\n\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'default-values',\n          'invalid',\n          'readonly',\n          'disabled',\n          'st-error-message-icon',\n          'st-error-message-icon-size',\n          'st-error-message-icon-padding',\n        ],\n      });\n\n      // This is required since when we remove the invalid attribute from the internal mappings field,\n      // we want to reflect the change in the parent component\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n\n      this.setDefaultValues();\n    }\n  };\n\nconst {\n  host,\n  helperText,\n  errorMessage,\n  mappingItem,\n  labels,\n  labelsText,\n  valueLabel,\n  attrLabel,\n  separator,\n  labelsContainer,\n} = {\n  host: { selector: () => ':host' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  mappingItem: { selector: 'descope-mapping-item::part(wrapper)' },\n  labels: { selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text' },\n  labelsText: {\n    selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text::part(text-wrapper)',\n  },\n  valueLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"]' },\n  attrLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"]' },\n  separator: { selector: 'descope-mapping-item::part(separator)' },\n  labelsContainer: { selector: 'descope-mappings-field-internal [part=\"labels\"]' },\n};\n\nexport const MappingsFieldClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      // we apply font-size also on the host so we can set its width with em\n      fontSize: [{}, host, { ...separator, property: 'margin-top' }],\n      fontFamily: [helperText, errorMessage, labels],\n      separatorFontSize: { ...separator, property: 'font-size' },\n      labelsFontSize: { ...labelsText, property: 'font-size' },\n      labelsLineHeight: [\n        { ...labelsText, property: 'line-height' },\n        { ...labels, property: 'line-height' },\n      ],\n      labelTextColor: [\n        { ...labels, property: TextClass.cssVarList.textColor },\n        { ...separator, property: 'color' },\n      ],\n      itemMarginBottom: { ...mappingItem, property: 'margin-bottom' },\n      valueLabelMinWidth: { ...valueLabel, property: 'min-width' },\n      attrLabelMinWidth: { ...attrLabel, property: 'min-width' },\n      labelsMarginBottom: { ...labelsContainer, property: 'margin-bottom' },\n      separatorWidth: {},\n      removeButtonWidth: {},\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] {\n        display: none;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"],\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        ${TextClass.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default MappingsFieldClass;\n","import '@vaadin/custom-field';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\nimport { componentName, MappingsFieldClass } from './MappingsFieldClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-text-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-mappings-field-internal';\nimport './descope-mapping-item';\n\ncustomElements.define(componentName, MappingsFieldClass);\n\nexport { MappingsFieldClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","xE","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","value","RF","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","VO","tQ","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","T","J","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","fz","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","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","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","observedAttrs","TextFieldClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","_textFieldMappings__WEBPACK_IMPORTED_MODULE_4__","OZ","proxyProps","useProxyTargets","concat","icon","EA","baseElement","includeAttrs","renderCopyToClipboard","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","addEventListener","navigator","clipboard","writeText","setTimeout","onLabelClick","focus","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineWidth","inputOutlineOffset","_descope_ui_common_theme_helpers__WEBPACK_IMPORTED_MODULE_3__","$J","cy","LJ","Kl","_TextFieldClass__WEBPACK_IMPORTED_MODULE_3__","w","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","__WEBPACK_DEFAULT_EXPORT__","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","componentHelpers","inputAttrs","BaseInputClass","y","separator","attributeValue","attributeInput","inputValue","valueInput","mapping","entries","console","error","attribute","dispatchEvent","InputEvent","bubbles","composed","componentsHelpers","shadowRoot","inputs","removeButton","mapAttrs","options","initRemoveButton","CustomEvent","getValidity","badInput","reportValidity","checkValidity","handleSeparatorChange","textContent","handleInvalidMapping","invalid","defaultErrorMsgValueMissing","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_1__","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_0__","errorItem","isValidDataType","data","every","obj","Array","isArray","getOwnPropertyNames","keys","trim","e","labelValue","labelAttr","buttonLabel","addNewMappingItem","focusNewItem","newMappingItem","mappingsContainerEle","setCustomValidity","resetInvalidIndication","undefined","items","from","reduce","acc","item","currentItems","i","removeChild","index","mappingItem","labelsEle","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","onMappingsContainerChildrenChange","isTrusted","contains","removeAttribute","bind","find","validity","handleInvalidMappings","isInvalid","toggleAttribute","_MappingsFieldInternal__WEBPACK_IMPORTED_MODULE_0__","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","helpers","mixins","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","MappingsFieldInternal","content","cloneNode","Gh"],"sourceRoot":""}
+{"version":3,"file":"mapping-fields-descope-mappings-field-index-js.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-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/MappingItem.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mapping-item/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/index.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      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'role'],\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 {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n\n      // Excluded from syncAttrs (bidirectional would let vaadin revert host\n      // values). Push host → vaadin one-way so authored placeholder applies.\n      forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mapping-item');\n\nconst inputAttrs = [\n  'size',\n  'bordered',\n  'readonly',\n  'full-width',\n  'disabled',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingItem extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], inputAttrs, [\n      'separator',\n      'options',\n      'invalid',\n      'disabled',\n    ]);\n  }\n\n  get separator() {\n    return this.getAttribute('separator') || 'map to';\n  }\n\n  get value() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (attributeValue && inputValue) {\n      return { [attributeValue]: inputValue };\n    }\n    return null;\n  }\n\n  set value(mapping) {\n    if (Object.entries(mapping).length !== 1) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'descope-mapping item expected expects only one key-value pair in the value but received: ',\n        mapping\n      );\n      return;\n    }\n    const [attribute, value] = Object.entries(mapping)[0];\n    this.valueInput.value = value;\n    this.attributeInput.value = attribute;\n    // The event needs to be dispatched to trigger the validation if setting the value externally\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\" part=\"wrapper\">\n        <descope-text-field required=\"true\"></descope-text-field>\n        <div class=\"separator\" part=\"separator\">${this.separator}</div>\n        <descope-combo-box\n          item-label-path=\"data-name\"\n          item-value-path=\"data-id\"\n          required=\"true\"\n        >\n        </descope-combo-box>\n        <descope-button variant=\"link\" mode=\"primary\">\n          <vaadin-icon icon=\"vaadin:minus\"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`;\n\n    injectStyle(\n      `\n        .wrapper {\n          display: flex;\n        }\n        .separator {\n          text-align: center;\n          flex-shrink: 0;\n        }\n    `,\n      this\n    );\n\n    this.valueInput = this.shadowRoot.querySelector('descope-text-field');\n    this.attributeInput = this.shadowRoot.querySelector('descope-combo-box');\n    this.inputs = [this.valueInput, this.attributeInput];\n    this.removeButton = this.shadowRoot.querySelector('descope-button');\n\n    forwardAttrs(this, this.valueInput, {\n      includeAttrs: inputAttrs,\n    });\n    forwardAttrs(this, this.attributeInput, {\n      includeAttrs: [...inputAttrs, 'options'],\n      mapAttrs: { options: 'data' },\n    });\n    forwardAttrs(this, this.removeButton, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  initRemoveButton() {\n    this.removeButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('mapping-item-removed', { bubbles: true, composed: true }))\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.initRemoveButton();\n  }\n\n  getValidity() {\n    const attributeValue = this.attributeInput.value;\n    const inputValue = this.valueInput.value;\n    if (!attributeValue || !inputValue) {\n      return { badInput: true };\n    }\n    return {};\n  }\n\n  reportValidity() {\n    this.inputs.forEach((input) => input.reportValidity());\n  }\n\n  focus() {\n    const focusedElement =\n      this.checkValidity() || !this.valueInput.checkValidity()\n        ? this.valueInput\n        : this.attributeInput;\n    focusedElement.focus();\n  }\n\n  handleSeparatorChange() {\n    this.shadowRoot.querySelector('.separator').textContent = this.separator;\n  }\n\n  #handleInvalidMapping(invalid) {\n    if (invalid === 'true') {\n      const inputValue = this.valueInput.value;\n      if (!inputValue) {\n        this.valueInput.setAttribute('invalid', 'true');\n        this.valueInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n\n      const attributeValue = this.attributeInput.value;\n      if (!attributeValue) {\n        this.attributeInput.setAttribute('invalid', 'true');\n        this.attributeInput.setAttribute('error-message', this.defaultErrorMsgValueMissing);\n      }\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (attrName === 'separator') {\n      this.handleSeparatorChange();\n    }\n\n    if (attrName === 'invalid') {\n      this.#handleInvalidMapping(newValue);\n    }\n  }\n}\n\nexport default MappingItem;\n","import MappingItem, { componentName } from './MappingItem';\n\ncustomElements.define(componentName, MappingItem);\n","import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport {\n  getComponentName,\n  forwardAttrs,\n  observeChildren,\n} from '../../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('mappings-field-internal');\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass MappingsFieldInternal extends BaseInputClass {\n  #errorItem;\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], [\n      'label-value',\n      'label-attr',\n      'button-label',\n      'invalid',\n      'readonly',\n      'disabled',\n      'st-error-message-icon',\n      'st-error-message-icon-size',\n      'st-error-message-icon-padding',\n    ]);\n  }\n\n  isValidDataType(data) {\n    try {\n      return data.every(\n        (obj) =>\n          typeof obj === 'object' &&\n          !Array.isArray(obj) &&\n          Object.getOwnPropertyNames(obj).length === 1 &&\n          typeof obj[Object.keys(obj)[0]] === 'string' &&\n          obj[Object.keys(obj)[0]].trim() !== ''\n      );\n    } catch (e) {\n      return false;\n    }\n  }\n\n  get labelValue() {\n    return this.getAttribute('label-value') || 'Value';\n  }\n\n  get labelAttr() {\n    return this.getAttribute('label-attr') || 'Attribute';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || 'Add mapping';\n  }\n\n  get options() {\n    return this.getAttribute('options') || [];\n  }\n\n  addNewMappingItem(focusNewItem) {\n    const newMappingItem = document.createElement('descope-mapping-item');\n    newMappingItem.setAttribute('bordered', 'true');\n    this.mappingsContainerEle.appendChild(newMappingItem);\n    forwardAttrs(this, newMappingItem, {\n      includeAttrs: [\n        'size',\n        'full-width',\n        'separator',\n        'options',\n        'disabled',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n    // This needs to be done with the timeout, otherwise the validation is performed\n    // before the new item is added and thus returns a wrong result\n    setTimeout(() => {\n      this.setCustomValidity('');\n      newMappingItem.addEventListener('mapping-item-removed', () => {\n        // If the removed item was the one that was invalid, we need to reset the invalid indication for the internal\n        if (newMappingItem === this.#errorItem) {\n          this.resetInvalidIndication();\n          this.#errorItem = undefined;\n        }\n        newMappingItem.remove();\n        this.setCustomValidity('');\n      });\n      this.dispatchEvent(new CustomEvent('mapping-item-added', { bubbles: true, composed: true }));\n      if (focusNewItem) {\n        newMappingItem.focus();\n      }\n    }, 0);\n    return newMappingItem;\n  }\n\n  get items() {\n    return Array.from(this.mappingsContainerEle.querySelectorAll('descope-mapping-item'));\n  }\n\n  get value() {\n    return this.items.reduce((acc, item) => {\n      if (!item.value) {\n        return acc;\n      }\n\n      return [...acc, item.value];\n    }, []);\n  }\n\n  set value(mappings) {\n    if (!this.isValidDataType(mappings)) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'received invalid value to set - should be an array of objects with one key-value pair'\n      );\n      return;\n    }\n\n    const currentItems = this.items;\n\n    // Remove extra mapping items we don't need\n    if (currentItems.length > mappings.length) {\n      for (let i = mappings.length; i < currentItems.length; i++) {\n        this.mappingsContainerEle.removeChild(currentItems[i]);\n      }\n    }\n\n    // Add or update items\n    mappings.forEach((mapping, index) => {\n      const mappingItem = currentItems[index];\n      if (mappingItem) {\n        // Set existing item value\n        mappingItem.value = mapping;\n      } else {\n        // Add new item\n        const newMappingItem = this.addNewMappingItem(false);\n        // Setting the new item value needs to be done with the timeout,\n        // otherwise the value is not set correctly\n        setTimeout(() => {\n          newMappingItem.value = mapping;\n        }, 0);\n      }\n    });\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"labels-container\" part=\"labels\"></div>\n      <div class=\"mappings-container\"></div>\n      <div class=\"button-container\"></div>\n    `;\n\n    this.labelsEle = this.querySelector('.labels-container');\n    this.mappingsContainerEle = this.querySelector('.mappings-container');\n    this.buttonContainer = this.querySelector('.button-container');\n  }\n\n  initLabels() {\n    this.labelsEle.innerHTML = `\n      <descope-text variant=\"body2\" part=\"value-label\">${this.labelValue}</descope-text>\n      <descope-text variant=\"body2\" part=\"attr-label\">${this.labelAttr}</descope-text>\n    `;\n  }\n\n  initAddButton() {\n    this.buttonContainer.innerHTML = `\n      <descope-button variant=\"link\" mode=\"primary\" disabled=\"${this.isDisabled}\">\n        <vaadin-icon icon=\"vaadin:plus\"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;\n    const button = this.querySelector('descope-button');\n    button.onclick = () => {\n      this.addNewMappingItem(true);\n    };\n    forwardAttrs(this, button, {\n      includeAttrs: ['disabled'],\n    });\n  }\n\n  #onMappingsContainerChildrenChange() {\n    this.labelsEle.style.display = this.items.length ? 'grid' : 'none';\n  }\n\n  init() {\n    // This event listener needs to be placed before the super.init() call\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        const focusedElement =\n          this.#errorItem || this.items[0] || this.querySelector('descope-button');\n        focusedElement.focus();\n      }\n    });\n\n    super.init?.();\n    this.initLabels();\n    this.initAddButton();\n\n    // This event listener is responsible for removing the invalid attribute\n    // from the internal once the invalid item turns valid\n    this.addEventListener('input', () => {\n      const isErrorItemMounted = this.mappingsContainerEle.contains(this.#errorItem);\n      if (isErrorItemMounted && this.#errorItem?.checkValidity()) {\n        // Item has changed, it was invalid before and now it's valid\n        this.resetInvalidIndication();\n        this.#errorItem.removeAttribute('invalid');\n        this.#errorItem = undefined;\n      }\n    });\n\n    observeChildren(this.mappingsContainerEle, this.#onMappingsContainerChildrenChange.bind(this));\n  }\n\n  resetInvalidIndication() {\n    this.removeAttribute('invalid');\n  }\n\n  getValidity() {\n    const errorItem = this.items.find((item) => !item.checkValidity());\n    if (errorItem) {\n      return errorItem.validity;\n    }\n\n    return {};\n  }\n\n  #handleInvalidMappings(isInvalid) {\n    if (isInvalid) {\n      this.#errorItem = this.items.find((item) => !item.checkValidity());\n      this.#errorItem?.reportValidity();\n      this.#errorItem?.setAttribute('invalid', 'true');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (attrName === 'label-value' || attrName === 'label-attr') {\n      this.initLabels();\n    }\n    if (attrName === 'button-label') {\n      this.initAddButton();\n    }\n    if (attrName === 'invalid') {\n      this.#handleInvalidMappings(newValue === 'true');\n    }\n    if (attrName === 'readonly') {\n      this.toggleAttribute('inert', newValue === 'true');\n    }\n  }\n}\n\nexport default MappingsFieldInternal;\n","import MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { TextClass } from '@descope-ui/descope-text/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-mappings-field-internal/MappingsFieldInternal';\n\nexport const componentName = getComponentName('mappings-field');\n\nconst customMixin = (superclass) =>\n  class MappingsFieldMixinClass extends superclass {\n    get defaultValues() {\n      const defaultValuesAttr = this.getAttribute('default-values');\n      if (defaultValuesAttr) {\n        try {\n          return JSON.parse(defaultValuesAttr);\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"default-values\" -', e.message);\n        }\n      }\n      return [];\n    }\n\n    setDefaultValues() {\n      const initialDefaultValues = this.defaultValues;\n      if (Object.keys(initialDefaultValues).length > 0) {\n        this.inputElement.value = initialDefaultValues;\n      }\n    }\n\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        tabindex=\"-1\"\n      ></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'size',\n          'full-width',\n          'label-value',\n          'label-attr',\n          'button-label',\n          'separator',\n          'options',\n          'default-values',\n          'invalid',\n          'readonly',\n          'disabled',\n          'st-error-message-icon',\n          'st-error-message-icon-size',\n          'st-error-message-icon-padding',\n        ],\n      });\n\n      // This is required since when we remove the invalid attribute from the internal mappings field,\n      // we want to reflect the change in the parent component\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n\n      this.setDefaultValues();\n    }\n  };\n\nconst {\n  host,\n  helperText,\n  errorMessage,\n  mappingItem,\n  labels,\n  labelsText,\n  valueLabel,\n  attrLabel,\n  separator,\n  labelsContainer,\n} = {\n  host: { selector: () => ':host' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  mappingItem: { selector: 'descope-mapping-item::part(wrapper)' },\n  labels: { selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text' },\n  labelsText: {\n    selector: 'descope-mappings-field-internal [part=\"labels\"] descope-text::part(text-wrapper)',\n  },\n  valueLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"]' },\n  attrLabel: { selector: 'descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"]' },\n  separator: { selector: 'descope-mapping-item::part(separator)' },\n  labelsContainer: { selector: 'descope-mappings-field-internal [part=\"labels\"]' },\n};\n\nexport const MappingsFieldClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      // we apply font-size also on the host so we can set its width with em\n      fontSize: [{}, host, { ...separator, property: 'margin-top' }],\n      fontFamily: [helperText, errorMessage, labels],\n      separatorFontSize: { ...separator, property: 'font-size' },\n      labelsFontSize: { ...labelsText, property: 'font-size' },\n      labelsLineHeight: [\n        { ...labelsText, property: 'line-height' },\n        { ...labels, property: 'line-height' },\n      ],\n      labelTextColor: [\n        { ...labels, property: TextClass.cssVarList.textColor },\n        { ...separator, property: 'color' },\n      ],\n      itemMarginBottom: { ...mappingItem, property: 'margin-bottom' },\n      valueLabelMinWidth: { ...valueLabel, property: 'min-width' },\n      attrLabelMinWidth: { ...attrLabel, property: 'min-width' },\n      labelsMarginBottom: { ...labelsContainer, property: 'margin-bottom' },\n      separatorWidth: {},\n      removeButtonWidth: {},\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart'],\n    inputEvent: 'input',\n    proxyParentValidation: true,\n  }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-custom-field',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] {\n        display: none;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"],\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        ${TextClass.cssVarList.fontWeight}: 500;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"value-label\"] {\n        grid-column: 1 / span 1;\n      }\n\n      descope-mappings-field-internal [part=\"labels\"] [part=\"attr-label\"] {\n        grid-column: 3 / span 1;\n      }\n\n      descope-mapping-item::part(wrapper) {\n        display: grid;\n        grid-template-columns: 1fr var(${MappingsFieldClass.cssVarList.separatorWidth}) 1fr var(${MappingsFieldClass.cssVarList.removeButtonWidth});\n      }\n    `,\n    excludeAttrsSync: [\n      'tabindex',\n      'label-value',\n      'label-attr',\n      'button-label',\n      'options',\n      'error-message',\n      'style',\n    ],\n    componentName,\n  })\n);\n\nexport default MappingsFieldClass;\n","import '@vaadin/custom-field';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\nimport { componentName, MappingsFieldClass } from './MappingsFieldClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-text-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-mappings-field-internal';\nimport './descope-mapping-item';\n\ncustomElements.define(componentName, MappingsFieldClass);\n\nexport { MappingsFieldClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","xE","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","value","RF","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","VO","tQ","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","T","J","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","fz","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","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","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","observedAttrs","TextFieldClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","_textFieldMappings__WEBPACK_IMPORTED_MODULE_4__","OZ","proxyProps","useProxyTargets","concat","icon","EA","baseElement","includeAttrs","renderCopyToClipboard","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","addEventListener","navigator","clipboard","writeText","setTimeout","onLabelClick","focus","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineWidth","inputOutlineOffset","_descope_ui_common_theme_helpers__WEBPACK_IMPORTED_MODULE_3__","$J","cy","LJ","Kl","_TextFieldClass__WEBPACK_IMPORTED_MODULE_3__","w","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","__WEBPACK_DEFAULT_EXPORT__","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","componentHelpers","inputAttrs","BaseInputClass","y","separator","attributeValue","attributeInput","inputValue","valueInput","mapping","entries","console","error","attribute","dispatchEvent","InputEvent","bubbles","composed","componentsHelpers","shadowRoot","inputs","removeButton","mapAttrs","options","initRemoveButton","CustomEvent","getValidity","badInput","reportValidity","checkValidity","handleSeparatorChange","textContent","handleInvalidMapping","invalid","defaultErrorMsgValueMissing","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_1__","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_0__","errorItem","isValidDataType","data","every","obj","Array","isArray","getOwnPropertyNames","keys","trim","e","labelValue","labelAttr","buttonLabel","addNewMappingItem","focusNewItem","newMappingItem","mappingsContainerEle","setCustomValidity","resetInvalidIndication","undefined","items","from","reduce","acc","item","currentItems","i","removeChild","index","mappingItem","labelsEle","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","onMappingsContainerChildrenChange","isTrusted","contains","removeAttribute","bind","find","validity","handleInvalidMappings","isInvalid","toggleAttribute","_MappingsFieldInternal__WEBPACK_IMPORTED_MODULE_0__","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","helpers","mixins","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","MappingsFieldInternal","content","cloneNode","Gh"],"sourceRoot":""}