@descope/web-components-ui 1.86.0 → 1.87.0

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,9522],{1428:(t,e,n)=>{n.d(e,{A:()=>s,T:()=>o});var i=n(3393),r=n(97810);const o=(0,r.xE)("mappings-field-internal"),a=(0,i.y)({componentName:o,baseSelector:"div"}),s=class extends a{#t;static get observedAttributes(){return[].concat(a.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,r.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.#t&&(this.resetInvalidIndication(),this.#t=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 n=t.length;n<e.length;n++)this.mappingsContainerEle.removeChild(e[n]);t.forEach(((t,n)=>{const i=e[n];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,r.EA)(this,t,{includeAttrs:["disabled"]})}#e(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",(t=>{t.isTrusted&&(this.#t||this.items[0]||this.querySelector("descope-button")).focus()})),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",(()=>{this.mappingsContainerEle.contains(this.#t)&&this.#t?.checkValidity()&&(this.resetInvalidIndication(),this.#t.removeAttribute("invalid"),this.#t=void 0)})),(0,r.Ge)(this.mappingsContainerEle,this.#e.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const t=this.items.find((t=>!t.checkValidity()));return t?t.validity:{}}#n(t){t&&(this.#t=this.items.find((t=>!t.checkValidity())),this.#t?.reportValidity(),this.#t?.setAttribute("invalid","true"))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"label-value"!==t&&"label-attr"!==t||this.initLabels(),"button-label"===t&&this.initAddButton(),"invalid"===t&&this.#n("true"===n),"readonly"===t&&this.toggleAttribute("inert","true"===n)}}},3393:(t,e,n)=>{n.d(e,{y:()=>a});var i=n(9696),r=n(79365),o=n(81365);const a=(...t)=>(0,i.Zz)(r.XX,r._$,r.yF,r.jd)((0,o.q)(...t))},6424:(t,e,n)=>{n.d(e,{A:()=>f});const{host:i,label:r,placeholder:o,requiredIndicator:a,inputField:s,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:[r,s,d,c],labelFontSize:{...r,property:"font-size"},labelFontWeight:{...r,property:"font-weight"},labelTextColor:[{...r,property:"color"},{...a,property:"color"},{...r,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,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:[{...s,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,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:{...r,property:"position"},labelTopPosition:{...r,property:"top"},labelHorizontalPosition:[{...r,property:"left"},{...r,property:"right"}],inputTransformY:{...r,property:"transform"},inputTransition:{...r,property:"transition"},marginInlineStart:{...r,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...y,property:"opacity"}],inputVerticalAlignment:[{...s,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"}}},10767:(t,e,n)=>{n.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},19624:(t,e,n)=>{n.d(e,{J:()=>h,T:()=>l});var i=n(63200),r=n(25964),o=n(88961),a=n(98538),s=n(10767);const l=(0,r.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.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...p,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),s.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"],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`},21374:(t,e,n)=>{n.r(e),n.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),n(11284),n(37182),n(95260);var i=n(79275);customElements.define(i.T,i.w)},29172:(t,e,n)=>{var i=n(25964),r=n(3393),o=n(97810);const a=(0,o.xE)("mapping-item"),s=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],l=(0,r.y)({componentName:a,baseSelector:"div"});customElements.define(a,class extends l{static get observedAttributes(){return[].concat(l.observedAttributes||[],s,["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,n]=Object.entries(t)[0];this.valueInput.value=n,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:s}),(0,o.EA)(this,this.attributeInput,{includeAttrs:[...s,"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}#i(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,n){super.attributeChangedCallback?.(t,e,n),"separator"===t&&this.handleSeparatorChange(),"invalid"===t&&this.#i(n)}})},30576:(t,e,n)=>{n.r(e),n.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=n(19624);n(83799),customElements.define(i.T,i.J)},31004:(t,e,n)=>{n.d(e,{w:()=>o});var i=n(25414);const r=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},o=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=r(n)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const n=await fetch(t),i=await n.text();e=r(i)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},34884:(t,e,n)=>{n.r(e);var i=n(1428);customElements.define(i.T,i.A)},63595:(t,e,n)=>{n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},66434:(t,e,n)=>{n.d(e,{T:()=>s,s:()=>p});var i=n(88961),r=n(63200),o=n(25964),a=n(72270);const s=(0,o.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,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 p=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:{property:"color"},textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),i.VO,i.tQ)(l)},73551:(t,e,n)=>{n.d(e,{$J:()=>u,I4:()=>a,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>i,fu:()=>p,kG:()=>d,lS:()=>s,zm:()=>r});const i=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,r=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${r(t)}\n    ${a(t)}\n    ${s(t)}\n    ${o(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${d(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},79275:(t,e,n)=>{n.d(e,{T:()=>l,w:()=>d});var i=n(79365),r=n(6424),o=n(9696),a=n(97810),s=n(73551);const l=(0,a.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,i.RF)({mappings:r.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),i.tQ,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},n={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,n),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}}))((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"],componentName:l}))},84719:(t,e,n)=>{n.r(e),n.d(e,{MappingsFieldClass:()=>f,componentName:()=>l}),n(25003),n(95260),n(37182);var i=n(79365),r=n(66434),o=n(9696),a=n(97810),s=n(1428);const l=(0,a.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,i.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:r.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:{}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),i.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      <${s.T}\n        tabindex="-1"\n      ></${s.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(s.T),(0,a.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,a.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}}))((0,i.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        ${r.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"],componentName:l}));n(63595),n(30576),n(21374),n(27092),n(34884),n(29172),customElements.define(l,f)},98538:(t,e,n)=>{n.d(e,{S:()=>d,T:()=>l});var i=n(88961),r=n(72270),o=n(63200),a=n(25964),s=n(31004);const l=(0,a.xE)("icon");class p extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#r;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}toggleVisibility(t){this.style.display=t?"":"none"}get src(){return this.getAttribute("src")}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach((t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,s.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const d=(0,o.Zz)((0,i.RF)({mappings:{fill:{},alignItems:{}}}),i.VO,i.tQ)(p)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2230,2294,7095,9522],{1428:(t,e,n)=>{n.d(e,{A:()=>s,T:()=>o});var i=n(3393),r=n(97810);const o=(0,r.xE)("mappings-field-internal"),a=(0,i.y)({componentName:o,baseSelector:"div"}),s=class extends a{#t;static get observedAttributes(){return[].concat(a.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,r.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.#t&&(this.resetInvalidIndication(),this.#t=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 n=t.length;n<e.length;n++)this.mappingsContainerEle.removeChild(e[n]);t.forEach(((t,n)=>{const i=e[n];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,r.EA)(this,t,{includeAttrs:["disabled"]})}#e(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",(t=>{t.isTrusted&&(this.#t||this.items[0]||this.querySelector("descope-button")).focus()})),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",(()=>{this.mappingsContainerEle.contains(this.#t)&&this.#t?.checkValidity()&&(this.resetInvalidIndication(),this.#t.removeAttribute("invalid"),this.#t=void 0)})),(0,r.Ge)(this.mappingsContainerEle,this.#e.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const t=this.items.find((t=>!t.checkValidity()));return t?t.validity:{}}#n(t){t&&(this.#t=this.items.find((t=>!t.checkValidity())),this.#t?.reportValidity(),this.#t?.setAttribute("invalid","true"))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"label-value"!==t&&"label-attr"!==t||this.initLabels(),"button-label"===t&&this.initAddButton(),"invalid"===t&&this.#n("true"===n),"readonly"===t&&this.toggleAttribute("inert","true"===n)}}},3393:(t,e,n)=>{n.d(e,{y:()=>a});var i=n(9696),r=n(79365),o=n(81365);const a=(...t)=>(0,i.Zz)(r.XX,r._$,r.yF,r.jd)((0,o.q)(...t))},6424:(t,e,n)=>{n.d(e,{A:()=>f});const{host:i,label:r,placeholder:o,requiredIndicator:a,inputField:s,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:[r,s,d,c],labelFontSize:{...r,property:"font-size"},labelFontWeight:{...r,property:"font-weight"},labelTextColor:[{...r,property:"color"},{...a,property:"color"},{...r,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,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:[{...s,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,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:{...r,property:"position"},labelTopPosition:{...r,property:"top"},labelHorizontalPosition:[{...r,property:"left"},{...r,property:"right"}],inputTransformY:{...r,property:"transform"},inputTransition:{...r,property:"transition"},marginInlineStart:{...r,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...y,property:"opacity"}],inputVerticalAlignment:[{...s,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"}}},10767:(t,e,n)=>{n.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},19624:(t,e,n)=>{n.d(e,{J:()=>h,T:()=>l});var i=n(63200),r=n(25964),o=n(88961),a=n(98538),s=n(10767);const l=(0,r.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.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...p,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),s.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"],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`},21374:(t,e,n)=>{n.r(e),n.d(e,{TextFieldClass:()=>i.w,componentName:()=>i.T}),n(11284),n(37182),n(95260);var i=n(79275);customElements.define(i.T,i.w)},29172:(t,e,n)=>{var i=n(25964),r=n(3393),o=n(97810);const a=(0,o.xE)("mapping-item"),s=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],l=(0,r.y)({componentName:a,baseSelector:"div"});customElements.define(a,class extends l{static get observedAttributes(){return[].concat(l.observedAttributes||[],s,["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,n]=Object.entries(t)[0];this.valueInput.value=n,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:s}),(0,o.EA)(this,this.attributeInput,{includeAttrs:[...s,"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}#i(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,n){super.attributeChangedCallback?.(t,e,n),"separator"===t&&this.handleSeparatorChange(),"invalid"===t&&this.#i(n)}})},30576:(t,e,n)=>{n.r(e),n.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=n(19624);n(83799),customElements.define(i.T,i.J)},34884:(t,e,n)=>{n.r(e);var i=n(1428);customElements.define(i.T,i.A)},63595:(t,e,n)=>{n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},66434:(t,e,n)=>{n.d(e,{T:()=>s,s:()=>p});var i=n(88961),r=n(63200),o=n(25964),a=n(72270);const s=(0,o.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,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 p=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:{property:"color"},textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),i.VO,i.tQ)(l)},73551:(t,e,n)=>{n.d(e,{$J:()=>u,I4:()=>a,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>i,fu:()=>p,kG:()=>d,lS:()=>s,zm:()=>r});const i=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,r=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${r(t)}\n    ${a(t)}\n    ${s(t)}\n    ${o(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${d(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},79275:(t,e,n)=>{n.d(e,{T:()=>l,w:()=>d});var i=n(79365),r=n(6424),o=n(9696),a=n(97810),s=n(73551);const l=(0,a.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,i.RF)({mappings:r.A}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),i.tQ,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(t){if(!t)return void this.icon?.remove();const e={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},n={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,n),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}}))((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"],componentName:l}))},84719:(t,e,n)=>{n.r(e),n.d(e,{MappingsFieldClass:()=>f,componentName:()=>l}),n(25003),n(95260),n(37182);var i=n(79365),r=n(66434),o=n(9696),a=n(97810),s=n(1428);const l=(0,a.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,i.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:r.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:{}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),i.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      <${s.T}\n        tabindex="-1"\n      ></${s.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(s.T),(0,a.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,a.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}}))((0,i.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        ${r.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"],componentName:l}));n(63595),n(30576),n(21374),n(27092),n(34884),n(29172),customElements.define(l,f)},98538:(t,e,n)=>{n.d(e,{S:()=>s,T:()=>a});var i=n(88961),r=n(25964),o=n(63200);const a=(0,r.xE)("icon"),s=(0,o.Zz)((0,i.RF)({mappings:{fill:{}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class"],componentName:a}))}}]);
 //# 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/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.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/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.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","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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  // eslint-disable-next-line class-methods-use-this\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 { 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","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: { selector: '[required]::part(required-indicator)::after' },\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: { selector: () => '::slotted(input:disabled::placeholder)' },\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  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: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\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};\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 { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","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","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 { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\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) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\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, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\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);\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 MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: { selector: () => ':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  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\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\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({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\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'],\n    componentName,\n  })\n);\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\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    ],\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-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","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } 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 { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\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 > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n  // eslint-disable-next-line class-methods-use-this\n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      alignItems: {}\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["componentName","BaseInputClass","baseSelector","observedAttributes","concat","isValidDataType","data","every","obj","Array","isArray","Object","getOwnPropertyNames","length","keys","trim","e","labelValue","this","getAttribute","labelAttr","buttonLabel","options","addNewMappingItem","focusNewItem","newMappingItem","document","createElement","setAttribute","mappingsContainerEle","appendChild","includeAttrs","setTimeout","setCustomValidity","addEventListener","resetInvalidIndication","undefined","remove","dispatchEvent","CustomEvent","bubbles","composed","focus","items","from","querySelectorAll","value","reduce","acc","item","mappings","console","error","currentItems","i","removeChild","forEach","mapping","index","mappingItem","constructor","super","innerHTML","labelsEle","querySelector","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","style","display","init","isTrusted","contains","checkValidity","removeAttribute","bind","getValidity","errorItem","find","validity","isInvalid","reportValidity","attributeChangedCallback","attrName","oldValue","newValue","toggleAttribute","createBaseInputClass","args","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","clickableMixin","superclass","isLoading","click","slottedIcon","loadingIndicatorStyles","ButtonClass","hostHeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","slots","wrappedEleName","excludeAttrsSync","color","customElements","define","inputAttrs","separator","attributeValue","attributeInput","inputValue","valueInput","entries","attribute","InputEvent","attachShadow","mode","shadowRoot","inputs","removeButton","mapAttrs","initRemoveButton","badInput","handleSeparatorChange","textContent","invalid","defaultErrorMsgValueMissing","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","createImgEle","setProperty","RawText","hideWhenEmpty","hasChildren","childNodes","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","observedAttrs","TextFieldClass","proxyProps","useProxyTargets","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","baseElement","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","content","cloneNode","RawIcon","toggleVisibility","isVisible","updateFillColor","node","IconClass","then","res","clonedNode","alignItems"],"sourceRoot":""}
+{"version":3,"file":"mapping-fields-descope-mappings-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.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/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/./src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.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","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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  // eslint-disable-next-line class-methods-use-this\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 { 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","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: { selector: '[required]::part(required-indicator)::after' },\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: { selector: () => '::slotted(input:disabled::placeholder)' },\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  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: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\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};\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 { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\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  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\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: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\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'],\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","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","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 { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import MappingsFieldInternal, { componentName } from './MappingsFieldInternal';\n\ncustomElements.define(componentName, MappingsFieldInternal);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: { selector: () => ':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  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\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\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({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\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'],\n    componentName,\n  })\n);\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\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    ],\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-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","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 { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class'],\n    componentName,\n  }),\n);\n"],"names":["componentName","BaseInputClass","baseSelector","observedAttributes","concat","isValidDataType","data","every","obj","Array","isArray","Object","getOwnPropertyNames","length","keys","trim","e","labelValue","this","getAttribute","labelAttr","buttonLabel","options","addNewMappingItem","focusNewItem","newMappingItem","document","createElement","setAttribute","mappingsContainerEle","appendChild","includeAttrs","setTimeout","setCustomValidity","addEventListener","resetInvalidIndication","undefined","remove","dispatchEvent","CustomEvent","bubbles","composed","focus","items","from","querySelectorAll","value","reduce","acc","item","mappings","console","error","currentItems","i","removeChild","forEach","mapping","index","mappingItem","constructor","super","innerHTML","labelsEle","querySelector","buttonContainer","initLabels","initAddButton","isDisabled","button","onclick","style","display","init","isTrusted","contains","checkValidity","removeAttribute","bind","getValidity","errorItem","find","validity","isInvalid","reportValidity","attributeChangedCallback","attrName","oldValue","newValue","toggleAttribute","createBaseInputClass","args","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","clickableMixin","superclass","isLoading","click","slottedIcon","loadingIndicatorStyles","ButtonClass","hostHeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","slots","wrappedEleName","excludeAttrsSync","color","customElements","define","inputAttrs","separator","attributeValue","attributeInput","inputValue","valueInput","entries","attribute","InputEvent","attachShadow","mode","shadowRoot","inputs","removeButton","mapAttrs","initRemoveButton","badInput","handleSeparatorChange","textContent","invalid","defaultErrorMsgValueMissing","RawText","hideWhenEmpty","hasChildren","childNodes","TextClass","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","observedAttrs","TextFieldClass","proxyProps","useProxyTargets","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","baseElement","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","labels","labelsText","valueLabel","attrLabel","labelsContainer","MappingsFieldClass","separatorFontSize","labelsFontSize","labelsLineHeight","itemMarginBottom","valueLabelMinWidth","attrLabelMinWidth","labelsMarginBottom","separatorWidth","removeButtonWidth","inputEvent","proxyParentValidation","defaultValues","defaultValuesAttr","JSON","parse","message","setDefaultValues","initialDefaultValues","inputElement","template","content","cloneNode","IconClass"],"sourceRoot":""}