@descope/web-components-ui 1.56.0 → 1.58.0

package/dist/umd/descope-user-attribute-index-js.js

@@ -1,2 +1,2 @@
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1578,2294,9553],{10767:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{J:()=>u,T:()=>l});var i=n(63200),o=n(25964),s=n(88961),r=n(98538),a=n(10767);const l=(0,o.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:r.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,s.VO,s.tQ)((0,s.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${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:g,fontSize:b}=u.cssVarList;p=`\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(${g});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"])::part(prefix),\n\t:host([loading="true"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},26442:(t,e,n)=>{"use strict";n.d(e,{T:()=>l,e:()=>c});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),a=n(25964);const l=(0,r.xE)("badge");class d extends((0,o.q)({componentName:l,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,a.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const c=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),i.VO,i.tQ)(d)},30576:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{w:()=>s});var i=n(25414);const o=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=o(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=o(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}}},45554:(t,e,n)=>{"use strict";n.r(e),n.d(e,{UserAttributeClass:()=>m,componentName:()=>b});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),a=n(76368),l=n.n(a),d=n(65725),c=n.n(d),h=n(66434),p=n(19624),u=n(26442),g=n(25964);const b=(0,r.xE)("user-attribute");class M extends((0,o.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n          <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n          <descope-button size="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n            <vaadin-icon src=${c()}></vaadin-icon>\n          </descope-button>\n          <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n            <vaadin-icon src=${l()}></vaadin-icon>\n          </descope-button>\n        </div\n      </div>\n\t\t`,(0,g.fz)(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .label {\n          flex-grow: 0;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n        }\n\n        descope-text[data-id="label-text"].required:after {\n          content: '*';\n          color: var(${h.s.cssVarList.textColor});\n        }\n\n        :host([readonly="true"]) descope-button {\n          visibility: hidden;\n        }\n          `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0})))),this.editButton.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t&&this.onBadgeTooltipTextChange(),"value"!==t&&"required"!==t||this.handleDeleteButtonVisibility())}}const{host:x,textFields:y,buttons:T,badge:D,labelText:w,valueText:A,textWrapper:v}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},valueText:{selector:'descope-text[data-id="value-text"]'},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"}},m=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:{...x,property:"width"},hostMinWidth:{...x,property:"min-width"},hostDirection:[{...x,property:"direction"},{...y,property:h.s.cssVarList.hostDirection},{...T,property:p.J.cssVarList.hostDirection},{...D,property:u.e.cssVarList.hostDirection}],labelTextWidth:{...w,property:"width"},valueTextWidth:{...A,property:"width"},badgeMaxWidth:{...D,property:"max-width"},itemsGap:[{property:"gap"},{...v,property:"gap"}]}}),i.VO,i.tQ)(M);n(63595),n(30576),n(91359),n(95260),customElements.define(b,m)},63595:(t,e,n)=>{"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},65725:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},66434:(t,e,n)=>{"use strict";n.d(e,{T:()=>a,s:()=>d});var i=n(88961),o=n(63200),s=n(25964),r=n(72270);const a=(0,s.xE)("text");class l extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}const d=(0,o.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)},76368:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},91359:(t,e,n)=>{"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(26442);customElements.define(i.T,i.e)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>c,T:()=>l});var i=n(88961),o=n(72270),s=n(63200),r=n(25964),a=n(31004);const l=(0,r.xE)("icon");class d extends((0,o.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,r.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const c=(0,s.Zz)((0,i.RF)({mappings:{fill:{}}}),i.VO,i.tQ)(d)}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1578,2294,9553],{10767:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{J:()=>u,T:()=>l});var i=n(63200),o=n(25964),s=n(88961),r=n(98538),a=n(10767);const l=(0,o.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:r.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,s.VO,s.tQ)((0,s.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${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:g,fontSize:b}=u.cssVarList;p=`\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(${g});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"])::part(prefix),\n\t:host([loading="true"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},26442:(t,e,n)=>{"use strict";n.d(e,{T:()=>l,e:()=>c});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),a=n(25964);const l=(0,r.xE)("badge");class d extends((0,o.q)({componentName:l,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,a.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const c=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),i.VO,i.tQ)(d)},30576:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{w:()=>s});var i=n(25414);const o=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=o(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=o(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}}},45554:(t,e,n)=>{"use strict";n.r(e),n.d(e,{UserAttributeClass:()=>m,componentName:()=>b});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),a=n(76368),l=n.n(a),d=n(65725),c=n.n(d),h=n(66434),p=n(19624),u=n(26442),g=n(25964);const b=(0,r.xE)("user-attribute");class M extends((0,o.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n          <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n          <descope-button size="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n            <vaadin-icon src=${c()}></vaadin-icon>\n          </descope-button>\n          <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n            <vaadin-icon src=${l()}></vaadin-icon>\n          </descope-button>\n        </div\n      </div>\n\t\t`,(0,g.fz)(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .label {\n          flex-grow: 0;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n        }\n\n        descope-text[data-id="label-text"].required:after {\n          content: '*';\n          color: var(${h.s.cssVarList.textColor});\n        }\n\n        :host([readonly="true"]) descope-button {\n          visibility: hidden;\n        }\n          `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0})))),this.editButton.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t&&this.onBadgeTooltipTextChange(),"value"!==t&&"required"!==t||this.handleDeleteButtonVisibility())}}const{host:x,textFields:y,buttons:T,badge:D,labelText:w,valueText:A,textWrapper:v}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},valueText:{selector:'descope-text[data-id="value-text"]'},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"}},m=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:{...x,property:"width"},hostMinWidth:{...x,property:"min-width"},hostDirection:[{...x,property:"direction"},{...y,property:h.s.cssVarList.hostDirection},{...T,property:p.J.cssVarList.hostDirection},{...D,property:u.e.cssVarList.hostDirection}],labelTextWidth:{...w,property:"width"},valueTextWidth:{...A,property:"width"},badgeMaxWidth:{...D,property:"max-width"},itemsGap:[{property:"gap"},{...v,property:"gap"}]}}),i.VO,i.tQ)(M);n(63595),n(30576),n(91359),n(95260),customElements.define(b,m)},63595:(t,e,n)=>{"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},65725:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},66434:(t,e,n)=>{"use strict";n.d(e,{T:()=>a,s:()=>d});var i=n(88961),o=n(63200),s=n(25964),r=n(72270);const a=(0,s.xE)("text");class l extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}const d=(0,o.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)},76368:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},91359:(t,e,n)=>{"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(26442);customElements.define(i.T,i.e)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>c,T:()=>l});var i=n(88961),o=n(72270),s=n(63200),r=n(25964),a=n(31004);const l=(0,r.xE)("icon");class d extends((0,o.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,r.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const c=(0,s.Zz)((0,i.RF)({mappings:{fill:{},alignItems:{}}}),i.VO,i.tQ)(d)}}]);
 //# sourceMappingURL=descope-user-attribute-index-js.js.map

package/dist/umd/descope-user-attribute-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-user-attribute-index-js.js","mappings":"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","sources":["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-badge/BadgeClass.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/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.svg","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-badge/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this\n    );\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      textTransform: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawBadge);\n","import { componentName, 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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '../descope-badge/BadgeClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <div class=\"text-wrapper\">\n          <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"secondary\" class=\"label\"></descope-text>\n          <descope-text st-text-align=\"auto\" data-id=\"value-text\" variant=\"body1\" mode=\"primary\" class=\"value\"></descope-text>\n        </div>\n\n        <div class=\"btn-wrapper\">\n          <descope-badge mode=\"default\" bordered=\"true\" size=\"xs\"></descope-badge>\n          <descope-button size=\"xs\" data-id=\"edit-btn\" square=\"true\" variant=\"link\" mode=\"primary\">\n            <vaadin-icon src=${editIcon}></vaadin-icon>\n          </descope-button>\n          <descope-button size=\"xs\" data-id=\"delete-btn\" square=\"true\" variant=\"link\" mode=\"primary\">\n            <vaadin-icon src=${deleteIcon}></vaadin-icon>\n          </descope-button>\n        </div\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .label {\n          flex-grow: 0;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n        }\n\n        descope-text[data-id=\"label-text\"].required:after {\n          content: '*';\n          color: var(${TextClass.cssVarList.textColor});\n        }\n\n        :host([readonly=\"true\"]) descope-button {\n          visibility: hidden;\n        }\n          `,\n      this\n    );\n\n    this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n    this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n    this.badge = this.shadowRoot.querySelector('descope-badge');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n    this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onValueOrPlaceholderChange() {\n    const text = this.value || this.placeholder;\n    const mode = this.value ? 'primary' : 'secondary';\n\n    this.valueText.innerText = text;\n    this.valueText.setAttribute('title', text);\n    this.valueText.setAttribute('mode', mode);\n  }\n\n  onBadgeLabelChange() {\n    if (!this.badgeLabel) {\n      this.badge.style.display = 'none';\n    } else {\n      this.badge.innerText = this.badgeLabel;\n      this.badge.style.display = '';\n    }\n  }\n\n  onBadgeTooltipTextChange() {\n    this.badge.setAttribute('title', this.badgeTooltipText || this.badgeLabel);\n  }\n\n  onIsRequiredChange() {\n    this.labelText.classList.toggle('required', this.isRequired);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  get placeholder() {\n    return this.getAttribute('placeholder') || '';\n  }\n\n  get isRequired() {\n    return this.getAttribute('required') === 'true';\n  }\n\n  get badgeLabel() {\n    return this.getAttribute('badge-label') || '';\n  }\n\n  get badgeTooltipText() {\n    return this.getAttribute('badge-tooltip-text') || '';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onValueOrPlaceholderChange();\n    this.onIsRequiredChange();\n    this.onBadgeLabelChange();\n    this.onBadgeTooltipTextChange();\n    this.handleDeleteButtonVisibility();\n\n    this.deleteButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.editButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n    );\n  }\n\n  static get observedAttributes() {\n    return [\n      'label',\n      'value',\n      'placeholder',\n      'required',\n      'badge-label',\n      'badge-tooltip-text',\n    ].concat(super.observedAttributes);\n  }\n\n  handleDeleteButtonVisibility() {\n    this.deleteButton.classList.toggle('hidden', this.isRequired || !this.value);\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'value' || name === 'placeholder') {\n      this.onValueOrPlaceholderChange();\n    } else if (name === 'required') {\n      this.onIsRequiredChange();\n    } else if (name === 'badge-label') {\n      this.onBadgeLabelChange();\n    } else if (name === 'badge-tooltip-text') {\n      this.onBadgeTooltipTextChange();\n    }\n\n    if (name === 'value' || name === 'required') {\n      this.handleDeleteButtonVisibility();\n    }\n  }\n}\n\nconst { host, textFields, buttons, badge, labelText, valueText, textWrapper } = {\n  host: { selector: () => ':host' },\n  textFields: { selector: 'descope-text' },\n  valueText: { selector: 'descope-text[data-id=\"value-text\"]' },\n  labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  textWrapper: { selector: ' .text-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textFields, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelTextWidth: { ...labelText, property: 'width' },\n      valueTextWidth: { ...valueText, property: 'width' },\n      badgeMaxWidth: { ...badge, property: 'max-width' },\n      itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","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","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, 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    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","RawBadge","baseSelector","constructor","attachShadow","mode","innerHTML","BadgeClass","fontWeight","textTransform","textColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","setAttribute","createImgEle","setProperty","RawUserAttribute","createBaseClass","TextClass","deleteButton","shadowRoot","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","value","placeholder","onBadgeLabelChange","badgeLabel","display","onBadgeTooltipTextChange","badgeTooltipText","onIsRequiredChange","classList","toggle","isRequired","init","handleDeleteButtonVisibility","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","observedAttributes","concat","attributeChangedCallback","name","oldValue","newValue","textFields","buttons","textWrapper","UserAttributeClass","hostMinWidth","labelTextWidth","valueTextWidth","badgeMaxWidth","itemsGap","module","exports","RawText","hideWhenEmpty","hasChildren","childNodes","length","textLineHeight","textLetterSpacing","textShadow","fontStyle","RawIcon","toggleVisibility","isVisible","updateFillColor","node","querySelectorAll","forEach","IconClass","attrName","then","res","clonedNode","cloneNode","appendChild"],"sourceRoot":""}
+{"version":3,"file":"descope-user-attribute-index-js.js","mappings":"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","sources":["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-badge/BadgeClass.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/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.svg","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-badge/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this\n    );\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      textTransform: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawBadge);\n","import { componentName, 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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '../descope-badge/BadgeClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <div class=\"text-wrapper\">\n          <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"secondary\" class=\"label\"></descope-text>\n          <descope-text st-text-align=\"auto\" data-id=\"value-text\" variant=\"body1\" mode=\"primary\" class=\"value\"></descope-text>\n        </div>\n\n        <div class=\"btn-wrapper\">\n          <descope-badge mode=\"default\" bordered=\"true\" size=\"xs\"></descope-badge>\n          <descope-button size=\"xs\" data-id=\"edit-btn\" square=\"true\" variant=\"link\" mode=\"primary\">\n            <vaadin-icon src=${editIcon}></vaadin-icon>\n          </descope-button>\n          <descope-button size=\"xs\" data-id=\"delete-btn\" square=\"true\" variant=\"link\" mode=\"primary\">\n            <vaadin-icon src=${deleteIcon}></vaadin-icon>\n          </descope-button>\n        </div\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .label {\n          flex-grow: 0;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n        }\n\n        descope-text[data-id=\"label-text\"].required:after {\n          content: '*';\n          color: var(${TextClass.cssVarList.textColor});\n        }\n\n        :host([readonly=\"true\"]) descope-button {\n          visibility: hidden;\n        }\n          `,\n      this\n    );\n\n    this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n    this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n    this.badge = this.shadowRoot.querySelector('descope-badge');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n    this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onValueOrPlaceholderChange() {\n    const text = this.value || this.placeholder;\n    const mode = this.value ? 'primary' : 'secondary';\n\n    this.valueText.innerText = text;\n    this.valueText.setAttribute('title', text);\n    this.valueText.setAttribute('mode', mode);\n  }\n\n  onBadgeLabelChange() {\n    if (!this.badgeLabel) {\n      this.badge.style.display = 'none';\n    } else {\n      this.badge.innerText = this.badgeLabel;\n      this.badge.style.display = '';\n    }\n  }\n\n  onBadgeTooltipTextChange() {\n    this.badge.setAttribute('title', this.badgeTooltipText || this.badgeLabel);\n  }\n\n  onIsRequiredChange() {\n    this.labelText.classList.toggle('required', this.isRequired);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  get placeholder() {\n    return this.getAttribute('placeholder') || '';\n  }\n\n  get isRequired() {\n    return this.getAttribute('required') === 'true';\n  }\n\n  get badgeLabel() {\n    return this.getAttribute('badge-label') || '';\n  }\n\n  get badgeTooltipText() {\n    return this.getAttribute('badge-tooltip-text') || '';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onValueOrPlaceholderChange();\n    this.onIsRequiredChange();\n    this.onBadgeLabelChange();\n    this.onBadgeTooltipTextChange();\n    this.handleDeleteButtonVisibility();\n\n    this.deleteButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n    );\n\n    this.editButton.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n    );\n  }\n\n  static get observedAttributes() {\n    return [\n      'label',\n      'value',\n      'placeholder',\n      'required',\n      'badge-label',\n      'badge-tooltip-text',\n    ].concat(super.observedAttributes);\n  }\n\n  handleDeleteButtonVisibility() {\n    this.deleteButton.classList.toggle('hidden', this.isRequired || !this.value);\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'value' || name === 'placeholder') {\n      this.onValueOrPlaceholderChange();\n    } else if (name === 'required') {\n      this.onIsRequiredChange();\n    } else if (name === 'badge-label') {\n      this.onBadgeLabelChange();\n    } else if (name === 'badge-tooltip-text') {\n      this.onBadgeTooltipTextChange();\n    }\n\n    if (name === 'value' || name === 'required') {\n      this.handleDeleteButtonVisibility();\n    }\n  }\n}\n\nconst { host, textFields, buttons, badge, labelText, valueText, textWrapper } = {\n  host: { selector: () => ':host' },\n  textFields: { selector: 'descope-text' },\n  valueText: { selector: 'descope-text[data-id=\"value-text\"]' },\n  labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  textWrapper: { selector: ' .text-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textFields, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelTextWidth: { ...labelText, property: 'width' },\n      valueTextWidth: { ...valueText, property: 'width' },\n      badgeMaxWidth: { ...badge, property: 'max-width' },\n      itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","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","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, 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":["clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","RawBadge","baseSelector","constructor","attachShadow","mode","innerHTML","BadgeClass","fontWeight","textTransform","textColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","setAttribute","createImgEle","setProperty","RawUserAttribute","createBaseClass","TextClass","deleteButton","shadowRoot","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","value","placeholder","onBadgeLabelChange","badgeLabel","display","onBadgeTooltipTextChange","badgeTooltipText","onIsRequiredChange","classList","toggle","isRequired","init","handleDeleteButtonVisibility","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","observedAttributes","concat","attributeChangedCallback","name","oldValue","newValue","textFields","buttons","textWrapper","UserAttributeClass","hostMinWidth","labelTextWidth","valueTextWidth","badgeMaxWidth","itemsGap","module","exports","RawText","hideWhenEmpty","hasChildren","childNodes","length","textLineHeight","textLetterSpacing","textShadow","fontStyle","RawIcon","toggleVisibility","isVisible","updateFillColor","node","querySelectorAll","forEach","IconClass","attrName","then","res","clonedNode","cloneNode","appendChild","alignItems"],"sourceRoot":""}

package/dist/umd/descope-user-auth-method-index-js.js

@@ -1,2 +1,2 @@
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,9553,9990],{9427:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA=="},10767:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{J:()=>u,T:()=>a});var i=n(63200),o=n(25964),s=n(88961),r=n(98538),l=n(10767);const a=(0,o.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:r.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),l.G,s.VO,s.tQ)((0,s.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${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:a})),{color:b,fontSize:g}=u.cssVarList;p=`\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`},26442:(t,e,n)=>{"use strict";n.d(e,{T:()=>a,e:()=>c});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),l=n(25964);const a=(0,r.xE)("badge");class d extends((0,o.q)({componentName:a,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,l.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const c=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),i.VO,i.tQ)(d)},30576:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{w:()=>s});var i=n(25414);const o=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=o(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=o(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}}},63595:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{T:()=>l,s:()=>d});var i=n(88961),o=n(63200),s=n(25964),r=n(72270);const l=(0,s.xE)("text");class a extends((0,r.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}const d=(0,o.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)(a)},67760:(t,e,n)=>{"use strict";n.r(e),n.d(e,{UserAuthMethodClass:()=>L,componentName:()=>b});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),l=n(9427),a=n.n(l),d=n(66434),c=n(19624),h=n(26442),p=n(98538),u=n(25964);const b=(0,r.xE)("user-auth-method");class g extends((0,o.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <slot name="method-icon"></slot>\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-button size="sm" variant="link" mode="primary">\n            <slot name="button-icon"></slot>\n          </descope-button>\n          <div class="fulfilled-indicator">\n            <vaadin-icon src=${a()}></vaadin-icon>\n          </div>\n          <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n        </div>\n      </div>\n\t\t`,(0,u.fz)('\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .fulfilled-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n        }\n\n        slot[name="method-icon"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.button=this.shadowRoot.querySelector("descope-button"),this.fulfilledIndicator=this.shadowRoot.querySelector(".fulfilled-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onButtonLabelChange(){let t=this.button.querySelector("span");this.buttonLabel?(t||(t=document.createElement("span"),this.button.appendChild(t)),t.innerText=this.buttonLabel):t&&this.button.removeChild(t)}onFulfilledChange(){this.button.classList.toggle("hidden",this.isFulfilled),this.fulfilledIndicator.classList.toggle("hidden",!this.isFulfilled)}get label(){return this.getAttribute("label")||""}get buttonLabel(){return this.getAttribute("button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}init(){this.onLabelChange(),this.onButtonLabelChange(),this.onFulfilledChange(),this.button.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))))}static get observedAttributes(){return["label","fulfilled"].concat(super.observedAttributes)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"fulfilled"===t?this.onFulfilledChange():"button-label"===t&&this.onButtonLabelChange())}}const{host:m,textField:f,buttons:y,badge:x,textWrapper:v,methodIconSlot:w}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]'}},L=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:{...m,property:"width"},hostMinWidth:{...m,property:"min-width"},hostDirection:[{...m,property:"direction"},{...f,property:d.s.cssVarList.hostDirection},{...y,property:c.J.cssVarList.hostDirection},{...x,property:h.e.cssVarList.hostDirection}],labelTextWidth:{...f,property:"width"},itemsGap:[{property:"gap"},{...v,property:"gap"}],iconSize:[{...w,property:"width"},{...w,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:p.S.cssVarList.fill}]}}),i.VO,i.tQ)(g);n(63595),n(30576),n(91359),n(95260),customElements.define(b,L)},91359:(t,e,n)=>{"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(26442);customElements.define(i.T,i.e)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>c,T:()=>a});var i=n(88961),o=n(72270),s=n(63200),r=n(25964),l=n(31004);const a=(0,r.xE)("icon");class d extends((0,o.qu)({componentName:a,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,r.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,l.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const c=(0,s.Zz)((0,i.RF)({mappings:{fill:{}}}),i.VO,i.tQ)(d)}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,9553,9990],{9427:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA=="},10767:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{J:()=>u,T:()=>a});var i=n(63200),o=n(25964),s=n(88961),r=n(98538),l=n(10767);const a=(0,o.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:r.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),l.G,s.VO,s.tQ)((0,s.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${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:a})),{color:b,fontSize:g}=u.cssVarList;p=`\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`},26442:(t,e,n)=>{"use strict";n.d(e,{T:()=>a,e:()=>c});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),l=n(25964);const a=(0,r.xE)("badge");class d extends((0,o.q)({componentName:a,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,l.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const c=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),i.VO,i.tQ)(d)},30576:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{w:()=>s});var i=n(25414);const o=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const n=atob(t.slice(26));e=o(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=o(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}}},63595:(t,e,n)=>{"use strict";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)=>{"use strict";n.d(e,{T:()=>l,s:()=>d});var i=n(88961),o=n(63200),s=n(25964),r=n(72270);const l=(0,s.xE)("text");class a extends((0,r.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.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,s.Ge)(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}const d=(0,o.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)(a)},67760:(t,e,n)=>{"use strict";n.r(e),n.d(e,{UserAuthMethodClass:()=>L,componentName:()=>b});var i=n(79365),o=n(81365),s=n(9696),r=n(97810),l=n(9427),a=n.n(l),d=n(66434),c=n(19624),h=n(26442),p=n(98538),u=n(25964);const b=(0,r.xE)("user-auth-method");class g extends((0,o.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <slot name="method-icon"></slot>\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-button size="sm" variant="link" mode="primary">\n            <slot name="button-icon"></slot>\n          </descope-button>\n          <div class="fulfilled-indicator">\n            <vaadin-icon src=${a()}></vaadin-icon>\n          </div>\n          <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n        </div>\n      </div>\n\t\t`,(0,u.fz)('\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .fulfilled-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n        }\n\n        slot[name="method-icon"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.button=this.shadowRoot.querySelector("descope-button"),this.fulfilledIndicator=this.shadowRoot.querySelector(".fulfilled-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onButtonLabelChange(){let t=this.button.querySelector("span");this.buttonLabel?(t||(t=document.createElement("span"),this.button.appendChild(t)),t.innerText=this.buttonLabel):t&&this.button.removeChild(t)}onFulfilledChange(){this.button.classList.toggle("hidden",this.isFulfilled),this.fulfilledIndicator.classList.toggle("hidden",!this.isFulfilled)}get label(){return this.getAttribute("label")||""}get buttonLabel(){return this.getAttribute("button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}init(){this.onLabelChange(),this.onButtonLabelChange(),this.onFulfilledChange(),this.button.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))))}static get observedAttributes(){return["label","fulfilled"].concat(super.observedAttributes)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"fulfilled"===t?this.onFulfilledChange():"button-label"===t&&this.onButtonLabelChange())}}const{host:m,textField:f,buttons:y,badge:x,textWrapper:v,methodIconSlot:w}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]'}},L=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:{...m,property:"width"},hostMinWidth:{...m,property:"min-width"},hostDirection:[{...m,property:"direction"},{...f,property:d.s.cssVarList.hostDirection},{...y,property:c.J.cssVarList.hostDirection},{...x,property:h.e.cssVarList.hostDirection}],labelTextWidth:{...f,property:"width"},itemsGap:[{property:"gap"},{...v,property:"gap"}],iconSize:[{...w,property:"width"},{...w,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:p.S.cssVarList.fill}]}}),i.VO,i.tQ)(g);n(63595),n(30576),n(91359),n(95260),customElements.define(b,L)},91359:(t,e,n)=>{"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(26442);customElements.define(i.T,i.e)},98538:(t,e,n)=>{"use strict";n.d(e,{S:()=>c,T:()=>a});var i=n(88961),o=n(72270),s=n(63200),r=n(25964),l=n(31004);const a=(0,r.xE)("icon");class d extends((0,o.qu)({componentName:a,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,r.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(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&"src"===t&&(this.toggleVisibility(n),(0,l.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const c=(0,s.Zz)((0,i.RF)({mappings:{fill:{},alignItems:{}}}),i.VO,i.tQ)(d)}}]);
 //# sourceMappingURL=descope-user-auth-method-index-js.js.map

package/dist/umd/descope-user-auth-method-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-user-auth-method-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/green-v.svg","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-badge/BadgeClass.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/../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/components/descope-user-auth-method/UserAuthMethodClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/index.js","webpack://@descope/web-components-ui/./src/components/descope-badge/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA==\"","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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this\n    );\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      textTransform: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawBadge);\n","import { componentName, 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 { 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","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport greenVIcon from './green-v.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '../descope-badge/BadgeClass';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('user-auth-method');\nclass RawUserAuthMethod extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <div class=\"text-wrapper\">\n          <slot name=\"method-icon\"></slot>\n          <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"primary\"></descope-text>\n        </div>\n\n        <div class=\"btn-wrapper\">\n          <descope-button size=\"sm\" variant=\"link\" mode=\"primary\">\n            <slot name=\"button-icon\"></slot>\n          </descope-button>\n          <div class=\"fulfilled-indicator\">\n            <vaadin-icon src=${greenVIcon}></vaadin-icon>\n          </div>\n          <descope-button class=\"hidden-btn\" size=\"sm\" variant=\"link\" mode=\"primary\"></descope-button>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .fulfilled-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n        }\n\n        slot[name=\"method-icon\"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          `,\n      this\n    );\n\n    this.button = this.shadowRoot.querySelector('descope-button');\n    this.fulfilledIndicator = this.shadowRoot.querySelector('.fulfilled-indicator');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onButtonLabelChange() {\n    let textSpanEle = this.button.querySelector('span');\n\n    if (this.buttonLabel) {\n      if (!textSpanEle) {\n        textSpanEle = document.createElement('span');\n        this.button.appendChild(textSpanEle);\n      }\n      textSpanEle.innerText = this.buttonLabel;\n    } else if (textSpanEle) {\n      this.button.removeChild(textSpanEle);\n    }\n  }\n\n  onFulfilledChange() {\n    this.button.classList.toggle('hidden', this.isFulfilled);\n    this.fulfilledIndicator.classList.toggle('hidden', !this.isFulfilled);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || '';\n  }\n\n  get isFulfilled() {\n    return this.getAttribute('fulfilled') === 'true';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onButtonLabelChange();\n    this.onFulfilledChange();\n\n    this.button.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('button-clicked', { bubbles: true, composed: true }))\n    );\n  }\n\n  static get observedAttributes() {\n    return ['label', 'fulfilled'].concat(super.observedAttributes);\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'fulfilled') {\n      this.onFulfilledChange();\n    } else if (name === 'button-label') {\n      this.onButtonLabelChange();\n    }\n  }\n}\n\nconst { host, textField, buttons, badge, textWrapper, methodIconSlot } = {\n  host: { selector: () => ':host' },\n  textField: { selector: 'descope-text' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  textWrapper: { selector: ' .text-wrapper' },\n  methodIconSlot: { selector: 'slot[name=\"method-icon\"]' },\n};\n\nexport const UserAuthMethodClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textField, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelTextWidth: { ...textField, property: 'width' },\n      itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n      iconSize: [\n        { ...methodIconSlot, property: 'width' },\n        { ...methodIconSlot, property: 'height' },\n      ],\n      iconColor: [{ selector: () => '::slotted(*)', property: IconClass.cssVarList.fill }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAuthMethod);\n","import { componentName, UserAuthMethodClass } from './UserAuthMethodClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAuthMethodClass);\n\nexport { UserAuthMethodClass, componentName };\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, 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    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n"],"names":["module","exports","clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","RawBadge","baseSelector","constructor","attachShadow","mode","innerHTML","BadgeClass","fontWeight","textTransform","textColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","setAttribute","createImgEle","setProperty","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","display","TextClass","textLineHeight","textLetterSpacing","textShadow","fontStyle","RawUserAuthMethod","createBaseClass","button","shadowRoot","fulfilledIndicator","labelText","onLabelChange","innerText","onButtonLabelChange","textSpanEle","buttonLabel","appendChild","removeChild","onFulfilledChange","classList","toggle","isFulfilled","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","observedAttributes","concat","attributeChangedCallback","name","oldValue","newValue","textField","buttons","badge","textWrapper","methodIconSlot","UserAuthMethodClass","hostMinWidth","labelTextWidth","itemsGap","IconClass","RawIcon","toggleVisibility","isVisible","updateFillColor","node","querySelectorAll","forEach","attrName","then","res","clonedNode","cloneNode"],"sourceRoot":""}
+{"version":3,"file":"descope-user-auth-method-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/green-v.svg","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-badge/BadgeClass.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/../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/components/descope-user-auth-method/UserAuthMethodClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/index.js","webpack://@descope/web-components-ui/./src/components/descope-badge/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA==\"","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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this\n    );\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      textTransform: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawBadge);\n","import { componentName, 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 { 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","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport greenVIcon from './green-v.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '../descope-badge/BadgeClass';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('user-auth-method');\nclass RawUserAuthMethod extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .root',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"root\">\n        <div class=\"text-wrapper\">\n          <slot name=\"method-icon\"></slot>\n          <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"primary\"></descope-text>\n        </div>\n\n        <div class=\"btn-wrapper\">\n          <descope-button size=\"sm\" variant=\"link\" mode=\"primary\">\n            <slot name=\"button-icon\"></slot>\n          </descope-button>\n          <div class=\"fulfilled-indicator\">\n            <vaadin-icon src=${greenVIcon}></vaadin-icon>\n          </div>\n          <descope-button class=\"hidden-btn\" size=\"sm\" variant=\"link\" mode=\"primary\"></descope-button>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n        }\n\n        .fulfilled-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n        }\n\n        slot[name=\"method-icon\"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          `,\n      this\n    );\n\n    this.button = this.shadowRoot.querySelector('descope-button');\n    this.fulfilledIndicator = this.shadowRoot.querySelector('.fulfilled-indicator');\n    this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n  }\n\n  onLabelChange() {\n    this.labelText.innerText = this.label;\n    this.labelText.setAttribute('title', this.label);\n  }\n\n  onButtonLabelChange() {\n    let textSpanEle = this.button.querySelector('span');\n\n    if (this.buttonLabel) {\n      if (!textSpanEle) {\n        textSpanEle = document.createElement('span');\n        this.button.appendChild(textSpanEle);\n      }\n      textSpanEle.innerText = this.buttonLabel;\n    } else if (textSpanEle) {\n      this.button.removeChild(textSpanEle);\n    }\n  }\n\n  onFulfilledChange() {\n    this.button.classList.toggle('hidden', this.isFulfilled);\n    this.fulfilledIndicator.classList.toggle('hidden', !this.isFulfilled);\n  }\n\n  get label() {\n    return this.getAttribute('label') || '';\n  }\n\n  get buttonLabel() {\n    return this.getAttribute('button-label') || '';\n  }\n\n  get isFulfilled() {\n    return this.getAttribute('fulfilled') === 'true';\n  }\n\n  init() {\n    this.onLabelChange();\n    this.onButtonLabelChange();\n    this.onFulfilledChange();\n\n    this.button.addEventListener('click', () =>\n      this.dispatchEvent(new CustomEvent('button-clicked', { bubbles: true, composed: true }))\n    );\n  }\n\n  static get observedAttributes() {\n    return ['label', 'fulfilled'].concat(super.observedAttributes);\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'label') {\n      this.onLabelChange();\n    } else if (name === 'fulfilled') {\n      this.onFulfilledChange();\n    } else if (name === 'button-label') {\n      this.onButtonLabelChange();\n    }\n  }\n}\n\nconst { host, textField, buttons, badge, textWrapper, methodIconSlot } = {\n  host: { selector: () => ':host' },\n  textField: { selector: 'descope-text' },\n  buttons: { selector: 'descope-button' },\n  badge: { selector: 'descope-badge' },\n  textWrapper: { selector: ' .text-wrapper' },\n  methodIconSlot: { selector: 'slot[name=\"method-icon\"]' },\n};\n\nexport const UserAuthMethodClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        { ...textField, property: TextClass.cssVarList.hostDirection },\n        { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n        { ...badge, property: BadgeClass.cssVarList.hostDirection },\n      ],\n      labelTextWidth: { ...textField, property: 'width' },\n      itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n      iconSize: [\n        { ...methodIconSlot, property: 'width' },\n        { ...methodIconSlot, property: 'height' },\n      ],\n      iconColor: [{ selector: () => '::slotted(*)', property: IconClass.cssVarList.fill }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawUserAuthMethod);\n","import { componentName, UserAuthMethodClass } from './UserAuthMethodClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '../descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAuthMethodClass);\n\nexport { UserAuthMethodClass, componentName };\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, 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":["module","exports","clickableMixin","superclass","isLoading","this","getAttribute","click","super","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","RawBadge","baseSelector","constructor","attachShadow","mode","innerHTML","BadgeClass","fontWeight","textTransform","textColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","src","ele","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","setAttribute","createImgEle","setProperty","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","display","TextClass","textLineHeight","textLetterSpacing","textShadow","fontStyle","RawUserAuthMethod","createBaseClass","button","shadowRoot","fulfilledIndicator","labelText","onLabelChange","innerText","onButtonLabelChange","textSpanEle","buttonLabel","appendChild","removeChild","onFulfilledChange","classList","toggle","isFulfilled","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","observedAttributes","concat","attributeChangedCallback","name","oldValue","newValue","textField","buttons","badge","textWrapper","methodIconSlot","UserAuthMethodClass","hostMinWidth","labelTextWidth","itemsGap","IconClass","RawIcon","toggleVisibility","isVisible","updateFillColor","node","querySelectorAll","forEach","attrName","then","res","clonedNode","cloneNode","alignItems"],"sourceRoot":""}