@descope/web-components-ui 3.21.1 → 3.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/index.cjs.js +47 -1
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +47 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/DescopeDev.js +1 -1
  6. package/dist/umd/DescopeDev.js.map +1 -1
  7. package/dist/umd/descope-multi-sso.js +1 -1
  8. package/dist/umd/descope-multi-sso.js.map +1 -1
  9. package/dist/umd/index.js +1 -1
  10. package/package.json +42 -42
package/dist/umd/descope-multi-sso.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4188,4551,6724,9536],{77888(t,e,n){n.d(e,{T:()=>a,e:()=>d});var o=n(88961),r=n(72270),i=n(25964),s=n(63200);const a=(0,i.xE)("badge");class l extends((0,r.qu)({componentName:a,baseSelector:":host > div"})){static get observedAttributes(){return["data-attachment-size","shrink-to-indicator-threshold"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",(0,i.fz)("\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"data-attachment-size"===t&&e!==n&&this.#t(n)}}const d=(0,s.Zz)((0,o.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},lineHeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),o.VO,o.tQ)(l)},11065(t,e,n){n.r(e),n.d(e,{BadgeClass:()=>o.e,componentName:()=>o.T});var o=n(77888);customElements.define(o.T,o.e)},19624(t,e,n){n.d(e,{J:()=>u,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:d,label:c,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const u=(0,o.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\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","class","style"],componentName:l})),{color:m,fontSize:g}=u.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var o=n(88961),r=n(25964),i=n(8512),s=n(63200);const a=(0,r.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){n.r(e),n.d(e,{IconClass:()=>o.S,componentName:()=>o.T}),n(53455);var o=n(98538);customElements.define(o.T,o.S)},8512(t,e,n){n.d(e,{T:()=>l,q:()=>p});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${p.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();n=r(o)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},53455(t,e,n){n.r(e),n.d(e,{ImageClass:()=>o.q,componentName:()=>o.T});var o=n(8512);customElements.define(o.T,o.q)},93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",(0,i.fz)("\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n ",this)}},o.y)((0,s.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},7720(t,e,n){n.d(e,{T:()=>l,x:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(93895),a=n(72270);const l=(0,i.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <slot></slot>\n <slot name="empty-state">\n No item...\n </slot>\n </div>\n\t',(0,i.fz)('\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name="empty-state"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name="empty-state"] {\n display: none;\n }\n :host([empty]) slot[name="empty-state"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#n(){this.items.forEach(t=>{let e=t;e.localName!==s.O.componentName&&(e=t.querySelector(s.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#e(),this.#n(),this.#o()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#o(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#n():"readonly"===t&&this.#o())}}const c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"},emptyStateVerticalPadding:[{selector:()=>'slot[name="empty-state"]',property:"padding-top"},{selector:()=>'slot[name="empty-state"]',property:"padding-bottom"}]}}),o.VO,o.tQ)(d)},45400(t,e,n){n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},91779(t,e,n){n.r(e),n.d(e,{MultiSsoClass:()=>y,componentName:()=>u}),n(45400),n(24542),n(63595),n(56737),n(30576),n(11065);var o=n(63200),r=n(25964),i=n(88961),s=n(72270),a=n(19624),l=n(7720),d=n(98538),c=n(93895),p=n(77888),h=n(66434);const u=(0,r.xE)("multi-sso"),m=({id:t,name:e,isDefault:n,link:o,authType:i},s,a)=>{const l=!n&&a?.allowDelete?`<span\n class="delete-btn delete-icon"\n data-action="delete"\n role="button"\n tabindex="0"\n title="${a.deleteTooltipLabel}"\n ></span>`:"",d=o&&a?.allowConfigure?`<a\n class="external-link external-link-icon"\n target="_blank"\n rel="noopener noreferrer"\n title="${a.configureTooltipLabel}"\n ></a>`:"",{label:c,configured:p}=(t=>t&&"none"!==t?{label:t.toUpperCase(),configured:!0}:{label:"Not Configured",configured:!1})(i),h=p?'<div class="auth-type-row">\n <descope-badge class="auth-type-badge" size="xs"></descope-badge>\n </div>':`<div class="auth-type-row">\n <descope-text\n not-configured\n variant="body2"\n mode="secondary"\n >${a?.notConfiguredLabel}</descope-text>\n </div>`,u=document.createElement("template");u.innerHTML=`\n <descope-list-item>\n <div class="content">\n <div class="top-row">\n <descope-text\n class="config-name"\n variant="body1"\n mode="primary"\n ></descope-text>\n <span class="action">\n ${l}\n ${d}\n </span>\n </div>\n ${h}\n </div>\n </descope-list-item>\n `,u.content.querySelector(".config-name").textContent=e;const m=u.content.querySelector(".delete-btn");if(m){m.dataset.id=t,m.dataset.name=e,m.setAttribute("aria-label",a.deleteTooltipLabel);const n=(0,r.I7)(a,"delete-icon");n&&m.append(n)}const g=u.content.querySelector(".external-link");if(g){g.setAttribute("aria-label",a.configureTooltipLabel),o&&g.setAttribute("href",o);const t=(0,r.I7)(a,"external-link-icon");t&&g.append(t)}const b=u.content.querySelector(".auth-type-badge");return b&&(b.textContent=c),u},g=(0,s.qu)({componentName:u,baseSelector:"span.wrapper"}),{host:b}={host:{selector:()=>":host"}},y=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...b,property:"width"},hostMinWidth:{...b,property:"min-width"},hostDirection:[{...b,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],headerGap:{selector:()=>".header",property:"gap"},headerListGap:{selector:()=>"descope-list",property:"margin-top"},itemContentGap:{selector:()=>".content",property:"gap"},actionGap:{selector:()=>".action",property:"gap"},unconfiguredAuthTypeTextColor:{selector:()=>"[not-configured]",property:h.s.cssVarList.textColor},unconfiguredAuthTypeTextFontStyle:{selector:()=>"[not-configured]",property:"font-style"},buttonMaxWidth:{selector:a.J.componentName,property:a.J.cssVarList.hostMaxWidth},listItemsGap:{property:l.x.cssVarList.gap},listBackgroundColor:{selector:()=>l.x.componentName,property:l.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>l.x.componentName,property:l.x.cssVarList.boxShadow},listPadding:[{selector:()=>l.x.componentName,property:l.x.cssVarList.verticalPadding},{selector:()=>l.x.componentName,property:l.x.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:c.O.componentName,property:c.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:c.O.componentName,property:c.O.cssVarList.horizontalPadding},itemCursor:{selector:c.O.componentName,property:c.O.cssVarList.cursor},itemOutline:{selector:c.O.componentName,property:c.O.cssVarList.outline},itemBorderColor:{selector:c.O.componentName,property:c.O.cssVarList.borderColor},itemBorderRadius:{selector:c.O.componentName,property:c.O.cssVarList.borderRadius},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},badgeBorderColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderColor},badgeTextColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.textColor},badgeBackgroundColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderRadius},titleIconSize:[{selector:()=>'::slotted([slot="title-icon"])',property:"width"},{selector:()=>'::slotted([slot="title-icon"])',property:"height"}],createButtonIconSize:[{selector:()=>'::slotted([slot="create-button-icon"])',property:"width"},{selector:()=>'::slotted([slot="create-button-icon"])',property:"height"}],actionIconSize:[{selector:()=>".delete-icon",property:"width"},{selector:()=>".delete-icon",property:"height"},{selector:()=>".external-link-icon",property:"width"},{selector:()=>".external-link-icon",property:"height"}],actionIconColor:[{selector:()=>".delete-icon",property:d.S.cssVarList.fill},{selector:()=>".external-link-icon",property:d.S.cssVarList.fill}]}}),i.VO,(0,i.t$)({targetSelector:"descope-list",itemRenderer:m,rerenderAttrsList:["allow-delete","allow-configure","not-configured-label","delete-tooltip-label","configure-tooltip-label"]}),i.tQ)(class extends g{static get observedAttributes(){return["label","create-button-label","not-configured-label","delete-tooltip-label","configure-tooltip-label","empty"].concat(super.observedAttributes)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <span class="wrapper">\n <div class="header">\n <slot name="title-icon"></slot>\n <descope-text class="title" variant="body1" mode="primary"></descope-text>\n <descope-button\n class="create-button"\n size="sm"\n variant="link"\n mode="primary"\n data-action="create"\n >\n <slot name="create-button-icon" slot="prefix"></slot>\n <span class="create-button-label"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name="delete-icon" class="hidden"></slot>\n <slot name="external-link-icon" class="hidden"></slot>\n </span>\n ',this.listEl=this.shadowRoot.querySelector("descope-list"),this.deleteIconSlot=this.shadowRoot.querySelector('slot[name="delete-icon"]'),this.externalLinkIconSlot=this.shadowRoot.querySelector('slot[name="external-link-icon"]'),(0,r.fz)('\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create="true"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name="title-icon"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n ',this)}get deleteTooltipLabel(){return this.getAttribute("delete-tooltip-label")??""}get configureTooltipLabel(){return this.getAttribute("configure-tooltip-label")??""}init(){super.init?.(),this.shadowRoot.querySelector(".title").textContent=this.label,this.shadowRoot.querySelector(".create-button-label").textContent=this.createButtonLabel,this.listEl.itemRenderer=(t,e)=>m(t,0,this),this.shadowRoot.querySelector('[data-action="create"]').addEventListener("click",this.onCreateClick.bind(this)),this.listEl.addEventListener("click",this.onItemClick.bind(this)),(0,r.EA)(this.listEl,this,{includeAttrs:["empty"]});const t=()=>{this.data&&(this.data=[...this.data])};this.deleteIconSlot.addEventListener("slotchange",t),this.externalLinkIconSlot.addEventListener("slotchange",t)}onCreateClick(){this.dispatchEvent(new CustomEvent("create-clicked",{bubbles:!0,detail:{}}))}onItemClick(t){const e=t.target.closest('[data-action="delete"]');if(!e)return;const n=e.getAttribute("data-id"),o=e.getAttribute("data-name");n&&this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,detail:{id:n,name:o}}))}get allowCreate(){return"true"===this.getAttribute("allow-create")}get allowDelete(){return"true"===this.getAttribute("allow-delete")}get allowConfigure(){return"true"===this.getAttribute("allow-configure")}get label(){return this.getAttribute("label")}get createButtonLabel(){return this.getAttribute("create-button-label")}get notConfiguredLabel(){return this.getAttribute("not-configured-label")||"Not Configured"}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback?.(t,e,n),e!==n)if("label"===t){const t=this.shadowRoot?.querySelector(".title");t&&(t.textContent=this.label)}else if("create-button-label"===t){const t=this.shadowRoot?.querySelector(".create-button-label");t&&(t.textContent=this.createButtonLabel)}else"empty"===t&&this.listEl.classList.toggle("hidden","true"===n)}});customElements.define(u,y)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,i.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,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(l)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
1
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4188,4551,6724,9536],{77888(t,e,n){n.d(e,{T:()=>a,e:()=>d});var o=n(88961),r=n(72270),i=n(25964),s=n(63200);const a=(0,i.xE)("badge");class l extends((0,r.qu)({componentName:a,baseSelector:":host > div"})){static get observedAttributes(){return["data-attachment-size","shrink-to-indicator-threshold"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",(0,i.fz)("\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"data-attachment-size"===t&&e!==n&&this.#t(n)}}const d=(0,s.Zz)((0,o.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},lineHeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),o.VO,o.tQ)(l)},11065(t,e,n){n.r(e),n.d(e,{BadgeClass:()=>o.e,componentName:()=>o.T});var o=n(77888);customElements.define(o.T,o.e)},19624(t,e,n){n.d(e,{J:()=>u,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:d,label:c,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const u=(0,o.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\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","class","style"],componentName:l})),{color:m,fontSize:g}=u.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var o=n(88961),r=n(25964),i=n(8512),s=n(63200);const a=(0,r.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){n.r(e),n.d(e,{IconClass:()=>o.S,componentName:()=>o.T}),n(53455);var o=n(98538);customElements.define(o.T,o.S)},8512(t,e,n){n.d(e,{T:()=>l,q:()=>p});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${p.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();n=r(o)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},53455(t,e,n){n.r(e),n.d(e,{ImageClass:()=>o.q,componentName:()=>o.T});var o=n(8512);customElements.define(o.T,o.q)},93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",(0,i.fz)("\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n ",this)}},o.y)((0,s.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},7720(t,e,n){n.d(e,{T:()=>l,x:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(93895),a=n(72270);const l=(0,i.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <slot></slot>\n <slot name="empty-state">\n No item...\n </slot>\n </div>\n\t',(0,i.fz)('\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name="empty-state"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name="empty-state"] {\n display: none;\n }\n :host([empty]) slot[name="empty-state"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#n(){this.items.forEach(t=>{let e=t;e.localName!==s.O.componentName&&(e=t.querySelector(s.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#e(),this.#n(),this.#o()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#o(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#n():"readonly"===t&&this.#o())}}const c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"},emptyStateVerticalPadding:[{selector:()=>'slot[name="empty-state"]',property:"padding-top"},{selector:()=>'slot[name="empty-state"]',property:"padding-bottom"}]}}),o.VO,o.tQ)(d)},45400(t,e,n){n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},91779(t,e,n){n.r(e),n.d(e,{MultiSsoClass:()=>y,componentName:()=>u}),n(45400),n(24542),n(63595),n(56737),n(30576),n(11065);var o=n(63200),r=n(25964),i=n(88961),s=n(72270),a=n(19624),l=n(7720),d=n(98538),c=n(93895),p=n(77888),h=n(66434);const u=(0,r.xE)("multi-sso"),m=({id:t,name:e,isDefault:n,link:o,authType:i,authOnly:s},a,l)=>{const d=!n&&l?.allowDelete?`<span\n class="delete-btn delete-icon"\n data-action="delete"\n role="button"\n tabindex="0"\n title="${l.deleteTooltipLabel}"\n ></span>`:"",c=o&&l?.allowConfigure?`<a\n class="external-link external-link-icon"\n target="_blank"\n rel="noopener noreferrer"\n title="${l.configureTooltipLabel}"\n ></a>`:"",{label:p,configured:h}=(t=>t&&"none"!==t?{label:t.toUpperCase(),configured:!0}:{label:"Not Configured",configured:!1})(i),u=s?'<descope-badge class="auth-only-badge" size="xs"><span class="auth-only-text"></span></descope-badge>':"",m=h?`<div class="auth-type-row">\n <descope-badge class="auth-type-badge" size="xs"></descope-badge>\n ${u}\n </div>`:`<div class="auth-type-row">\n <descope-text\n not-configured\n variant="body2"\n mode="secondary"\n >${l?.notConfiguredLabel}</descope-text>\n ${u}\n </div>`,g=document.createElement("template");g.innerHTML=`\n <descope-list-item>\n <div class="content">\n <div class="top-row">\n <descope-text\n class="config-name"\n variant="body1"\n mode="primary"\n ></descope-text>\n <span class="action">\n ${d}\n ${c}\n </span>\n </div>\n ${m}\n </div>\n </descope-list-item>\n `,g.content.querySelector(".config-name").textContent=e;const b=g.content.querySelector(".delete-btn");if(b){b.dataset.id=t,b.dataset.name=e,b.setAttribute("aria-label",l.deleteTooltipLabel);const n=(0,r.I7)(l,"delete-icon");n&&b.append(n)}const y=g.content.querySelector(".external-link");if(y){y.setAttribute("aria-label",l.configureTooltipLabel),o&&y.setAttribute("href",o);const t=(0,r.I7)(l,"external-link-icon");t&&y.append(t)}const f=g.content.querySelector(".auth-type-badge");f&&(f.textContent=p);const x=g.content.querySelector(".auth-only-text");return x&&(x.textContent=l?.authOnlyLabel),g},g=(0,s.qu)({componentName:u,baseSelector:"span.wrapper"}),{host:b}={host:{selector:()=>":host"}},y=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...b,property:"width"},hostMinWidth:{...b,property:"min-width"},hostDirection:[{...b,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],headerGap:{selector:()=>".header",property:"gap"},headerListGap:{selector:()=>"descope-list",property:"margin-top"},itemContentGap:{selector:()=>".content",property:"gap"},actionGap:{selector:()=>".action",property:"gap"},authTypeRowGap:{selector:()=>".auth-type-row",property:"gap"},unconfiguredAuthTypeTextColor:{selector:()=>"[not-configured]",property:h.s.cssVarList.textColor},unconfiguredAuthTypeTextFontStyle:{selector:()=>"[not-configured]",property:"font-style"},buttonMaxWidth:{selector:a.J.componentName,property:a.J.cssVarList.hostMaxWidth},listItemsGap:{property:l.x.cssVarList.gap},listBackgroundColor:{selector:()=>l.x.componentName,property:l.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>l.x.componentName,property:l.x.cssVarList.boxShadow},listPadding:[{selector:()=>l.x.componentName,property:l.x.cssVarList.verticalPadding},{selector:()=>l.x.componentName,property:l.x.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:c.O.componentName,property:c.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:c.O.componentName,property:c.O.cssVarList.horizontalPadding},itemCursor:{selector:c.O.componentName,property:c.O.cssVarList.cursor},itemOutline:{selector:c.O.componentName,property:c.O.cssVarList.outline},itemBorderColor:{selector:c.O.componentName,property:c.O.cssVarList.borderColor},itemBorderRadius:{selector:c.O.componentName,property:c.O.cssVarList.borderRadius},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},badgeBorderColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderColor},badgeTextColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.textColor},badgeBackgroundColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderRadius},titleIconSize:[{selector:()=>'::slotted([slot="title-icon"])',property:"width"},{selector:()=>'::slotted([slot="title-icon"])',property:"height"}],createButtonIconSize:[{selector:()=>'::slotted([slot="create-button-icon"])',property:"width"},{selector:()=>'::slotted([slot="create-button-icon"])',property:"height"}],actionIconSize:[{selector:()=>".delete-icon",property:"width"},{selector:()=>".delete-icon",property:"height"},{selector:()=>".external-link-icon",property:"width"},{selector:()=>".external-link-icon",property:"height"}],actionIconColor:[{selector:()=>".delete-icon",property:d.S.cssVarList.fill},{selector:()=>".external-link-icon",property:d.S.cssVarList.fill}]}}),i.VO,(0,i.t$)({targetSelector:"descope-list",itemRenderer:m,rerenderAttrsList:["allow-delete","allow-configure","not-configured-label","delete-tooltip-label","configure-tooltip-label","auth-only-label"]}),i.tQ)(class extends g{static get observedAttributes(){return["label","create-button-label","not-configured-label","delete-tooltip-label","configure-tooltip-label","empty"].concat(super.observedAttributes)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <span class="wrapper">\n <div class="header">\n <slot name="title-icon"></slot>\n <descope-text class="title" variant="body1" mode="primary"></descope-text>\n <descope-button\n class="create-button"\n size="sm"\n variant="link"\n mode="primary"\n data-action="create"\n >\n <slot name="create-button-icon" slot="prefix"></slot>\n <span class="create-button-label"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name="delete-icon" class="hidden"></slot>\n <slot name="external-link-icon" class="hidden"></slot>\n </span>\n ',this.listEl=this.shadowRoot.querySelector("descope-list"),this.deleteIconSlot=this.shadowRoot.querySelector('slot[name="delete-icon"]'),this.externalLinkIconSlot=this.shadowRoot.querySelector('slot[name="external-link-icon"]'),(0,r.fz)('\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create="true"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name="title-icon"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n /* The auth type is short and fixed, so it keeps its size and the consumer-supplied label is\n the one that gives way. */\n .auth-type-badge {\n flex-shrink: 0;\n }\n\n /* The label is consumer-supplied and localized, so it can be far longer than the row. It\n shrinks to whatever the row leaves it and ellipsises only then, rather than being held to a\n fixed width that would truncate it while space is still going spare. */\n .auth-only-badge {\n min-width: 0;\n flex-shrink: 1;\n }\n\n .auth-only-text {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n ',this)}get deleteTooltipLabel(){return this.getAttribute("delete-tooltip-label")??""}get configureTooltipLabel(){return this.getAttribute("configure-tooltip-label")??""}get authOnlyLabel(){return this.getAttribute("auth-only-label")||"Authentication only"}init(){super.init?.(),this.shadowRoot.querySelector(".title").textContent=this.label,this.shadowRoot.querySelector(".create-button-label").textContent=this.createButtonLabel,this.listEl.itemRenderer=(t,e)=>m(t,0,this),this.shadowRoot.querySelector('[data-action="create"]').addEventListener("click",this.onCreateClick.bind(this)),this.listEl.addEventListener("click",this.onItemClick.bind(this)),(0,r.EA)(this.listEl,this,{includeAttrs:["empty"]});const t=()=>{this.data&&(this.data=[...this.data])};this.deleteIconSlot.addEventListener("slotchange",t),this.externalLinkIconSlot.addEventListener("slotchange",t)}onCreateClick(){this.dispatchEvent(new CustomEvent("create-clicked",{bubbles:!0,detail:{}}))}onItemClick(t){const e=t.target.closest('[data-action="delete"]');if(!e)return;const n=e.getAttribute("data-id"),o=e.getAttribute("data-name");n&&this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,detail:{id:n,name:o}}))}get allowCreate(){return"true"===this.getAttribute("allow-create")}get allowDelete(){return"true"===this.getAttribute("allow-delete")}get allowConfigure(){return"true"===this.getAttribute("allow-configure")}get label(){return this.getAttribute("label")}get createButtonLabel(){return this.getAttribute("create-button-label")}get notConfiguredLabel(){return this.getAttribute("not-configured-label")||"Not Configured"}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback?.(t,e,n),e!==n)if("label"===t){const t=this.shadowRoot?.querySelector(".title");t&&(t.textContent=this.label)}else if("create-button-label"===t){const t=this.shadowRoot?.querySelector(".create-button-label");t&&(t.textContent=this.createButtonLabel)}else"empty"===t&&this.listEl.classList.toggle("hidden","true"===n)}});customElements.define(u,y)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,i.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,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(l)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
2
2
  //# sourceMappingURL=descope-multi-sso.js.map
package/dist/umd/descope-multi-sso.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"descope-multi-sso.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/MultiSsoClass.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') || 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted(*)`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading || super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this,\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n componentName,\n baseSelector: '.wrapper',\n}) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') || 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem?.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'max-width',\n },\n minItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'min-width',\n },\n maxRowItems: {\n property: 'max-row-items',\n },\n itemsHorizontalAlign: {\n selector: () => '::slotted(*)',\n property: 'justify-self',\n },\n emptyStateTextColor: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'color',\n },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n // allow overriding empty state height and padding from parent list components:\n emptyStateVerticalPadding: [\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-top',\n },\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-bottom',\n },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n cloneSlottedNodes,\n forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('multi-sso');\n\nconst resolveAuthType = (authType) => {\n if (!authType || authType === 'none')\n return { label: 'Not Configured', configured: false };\n return { label: authType.toUpperCase(), configured: true };\n};\n\nconst itemRenderer = ({ id, name, isDefault, link, authType }, _, ref) => {\n const deleteAction =\n !isDefault && ref?.allowDelete\n ? `<span\n class=\"delete-btn delete-icon\"\n data-action=\"delete\"\n role=\"button\"\n tabindex=\"0\"\n title=\"${ref.deleteTooltipLabel}\"\n ></span>`\n : '';\n\n const externalLinkAction =\n link && ref?.allowConfigure\n ? `<a\n class=\"external-link external-link-icon\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"${ref.configureTooltipLabel}\"\n ></a>`\n : '';\n\n const { label: authTypeLabel, configured } = resolveAuthType(authType);\n const authTypeRow = configured\n ? `<div class=\"auth-type-row\">\n <descope-badge class=\"auth-type-badge\" size=\"xs\"></descope-badge>\n </div>`\n : `<div class=\"auth-type-row\">\n <descope-text\n not-configured\n variant=\"body2\"\n mode=\"secondary\"\n >${ref?.notConfiguredLabel}</descope-text>\n </div>`;\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item>\n <div class=\"content\">\n <div class=\"top-row\">\n <descope-text\n class=\"config-name\"\n variant=\"body1\"\n mode=\"primary\"\n ></descope-text>\n <span class=\"action\">\n ${deleteAction}\n ${externalLinkAction}\n </span>\n </div>\n ${authTypeRow}\n </div>\n </descope-list-item>\n `;\n\n template.content.querySelector('.config-name').textContent = name;\n\n const deleteBtn = template.content.querySelector('.delete-btn');\n if (deleteBtn) {\n deleteBtn.dataset.id = id;\n deleteBtn.dataset.name = name;\n deleteBtn.setAttribute('aria-label', ref.deleteTooltipLabel);\n const deleteIcon = cloneSlottedNodes(ref, 'delete-icon');\n if (deleteIcon) deleteBtn.append(deleteIcon);\n }\n\n const linkBtn = template.content.querySelector('.external-link');\n if (linkBtn) {\n linkBtn.setAttribute('aria-label', ref.configureTooltipLabel);\n if (link) linkBtn.setAttribute('href', link);\n const linkIcon = cloneSlottedNodes(ref, 'external-link-icon');\n if (linkIcon) linkBtn.append(linkIcon);\n }\n\n const authTypeBadge = template.content.querySelector('.auth-type-badge');\n if (authTypeBadge) authTypeBadge.textContent = authTypeLabel;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: 'span.wrapper',\n});\n\nclass RawMultiSsoClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'label',\n 'create-button-label',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n 'empty',\n ].concat(super.observedAttributes);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <span class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"title-icon\"></slot>\n <descope-text class=\"title\" variant=\"body1\" mode=\"primary\"></descope-text>\n <descope-button\n class=\"create-button\"\n size=\"sm\"\n variant=\"link\"\n mode=\"primary\"\n data-action=\"create\"\n >\n <slot name=\"create-button-icon\" slot=\"prefix\"></slot>\n <span class=\"create-button-label\"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name=\"delete-icon\" class=\"hidden\"></slot>\n <slot name=\"external-link-icon\" class=\"hidden\"></slot>\n </span>\n `;\n\n this.listEl = this.shadowRoot.querySelector('descope-list');\n this.deleteIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"delete-icon\"]',\n );\n this.externalLinkIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"external-link-icon\"]',\n );\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create=\"true\"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name=\"title-icon\"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n `,\n this,\n );\n }\n\n get deleteTooltipLabel() {\n return this.getAttribute('delete-tooltip-label') ?? '';\n }\n\n get configureTooltipLabel() {\n return this.getAttribute('configure-tooltip-label') ?? '';\n }\n\n init() {\n super.init?.();\n\n this.shadowRoot.querySelector('.title').textContent = this.label;\n this.shadowRoot.querySelector('.create-button-label').textContent =\n this.createButtonLabel;\n\n this.listEl.itemRenderer = (item, index) => itemRenderer(item, index, this);\n\n this.shadowRoot\n .querySelector('[data-action=\"create\"]')\n .addEventListener('click', this.onCreateClick.bind(this));\n this.listEl.addEventListener('click', this.onItemClick.bind(this));\n\n forwardAttrs(this.listEl, this, { includeAttrs: ['empty'] });\n\n const rerender = () => {\n if (this.data) this.data = [...this.data];\n };\n this.deleteIconSlot.addEventListener('slotchange', rerender);\n this.externalLinkIconSlot.addEventListener('slotchange', rerender);\n }\n\n onCreateClick() {\n this.dispatchEvent(\n new CustomEvent('create-clicked', { bubbles: true, detail: {} }),\n );\n }\n\n onItemClick(e) {\n const target = e.target.closest('[data-action=\"delete\"]');\n if (!target) return;\n\n const id = target.getAttribute('data-id');\n const name = target.getAttribute('data-name');\n if (id) {\n this.dispatchEvent(\n new CustomEvent('delete-clicked', {\n bubbles: true,\n detail: { id, name },\n }),\n );\n }\n }\n\n get allowCreate() {\n return this.getAttribute('allow-create') === 'true';\n }\n\n get allowDelete() {\n return this.getAttribute('allow-delete') === 'true';\n }\n\n get allowConfigure() {\n return this.getAttribute('allow-configure') === 'true';\n }\n\n get label() {\n return this.getAttribute('label');\n }\n\n get createButtonLabel() {\n return this.getAttribute('create-button-label');\n }\n\n get notConfiguredLabel() {\n return this.getAttribute('not-configured-label') || 'Not Configured';\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'label') {\n const el = this.shadowRoot?.querySelector('.title');\n if (el) el.textContent = this.label;\n } else if (name === 'create-button-label') {\n const el = this.shadowRoot?.querySelector('.create-button-label');\n if (el) el.textContent = this.createButtonLabel;\n } else if (name === 'empty') {\n this.listEl.classList.toggle('hidden', newValue === 'true');\n }\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const MultiSsoClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n headerGap: {\n selector: () => '.header',\n property: 'gap',\n },\n headerListGap: {\n selector: () => 'descope-list',\n property: 'margin-top',\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n actionGap: {\n selector: () => '.action',\n property: 'gap',\n },\n unconfiguredAuthTypeTextColor: {\n selector: () => '[not-configured]',\n property: TextClass.cssVarList.textColor,\n },\n unconfiguredAuthTypeTextFontStyle: {\n selector: () => '[not-configured]',\n property: 'font-style',\n },\n\n buttonMaxWidth: {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostMaxWidth,\n },\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\n },\n listBorderWidth: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderWidth,\n },\n listBoxShadow: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.boxShadow,\n },\n listPadding: [\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.verticalPadding,\n },\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.horizontalPadding,\n },\n ],\n\n itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\n },\n itemCursor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.cursor,\n },\n itemOutline: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.outline,\n },\n itemBorderColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderColor,\n },\n itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n badgeBorderColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n titleIconSize: [\n { selector: () => '::slotted([slot=\"title-icon\"])', property: 'width' },\n {\n selector: () => '::slotted([slot=\"title-icon\"])',\n property: 'height',\n },\n ],\n createButtonIconSize: [\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'width',\n },\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'height',\n },\n ],\n actionIconSize: [\n { selector: () => '.delete-icon', property: 'width' },\n { selector: () => '.delete-icon', property: 'height' },\n { selector: () => '.external-link-icon', property: 'width' },\n { selector: () => '.external-link-icon', property: 'height' },\n ],\n actionIconColor: [\n { selector: () => '.delete-icon', property: IconClass.cssVarList.fill },\n {\n selector: () => '.external-link-icon',\n property: IconClass.cssVarList.fill,\n },\n ],\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n targetSelector: 'descope-list',\n itemRenderer,\n rerenderAttrsList: [\n 'allow-delete',\n 'allow-configure',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n ],\n }),\n componentNameValidationMixin,\n)(RawMultiSsoClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-icon';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\n\nimport { componentName, MultiSsoClass } from './MultiSsoClass';\n\ncustomElements.define(componentName, MultiSsoClass);\n\nexport { MultiSsoClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","ListItemClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","outline","gap","maxWidth","alignItems","flexDirection","transition","y","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","_ListItemClass__WEBPACK_IMPORTED_MODULE_0__","O","RawList","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","items","shadowRoot","assignedElements","handleEmptyState","length","removeAttribute","variant","handleItemsVariant","item","listItem","localName","_descope_ui_descope_list_item_class__WEBPACK_IMPORTED_MODULE_3__","listItemVariant","Ge","handleReadOnly","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","_ListClass__WEBPACK_IMPORTED_MODULE_1__","x","componentsHelpers","itemRenderer","id","isDefault","link","authType","_","ref","deleteAction","allowDelete","deleteTooltipLabel","externalLinkAction","allowConfigure","configureTooltipLabel","authTypeLabel","configured","toUpperCase","resolveAuthType","authTypeRow","notConfiguredLabel","template","content","textContent","deleteBtn","dataset","deleteIcon","I7","append","linkBtn","linkIcon","authTypeBadge","BaseClass","baseClasses","MultiSsoClass","utils","componentsMixins","hostMinWidth","headerGap","headerListGap","itemContentGap","actionGap","unconfiguredAuthTypeTextColor","TextClass","s","unconfiguredAuthTypeTextFontStyle","buttonMaxWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","titleIconSize","createButtonIconSize","actionIconSize","actionIconColor","t$","targetSelector","rerenderAttrsList","concat","listEl","deleteIconSlot","externalLinkIconSlot","createButtonLabel","index","addEventListener","onCreateClick","bind","onItemClick","EA","includeAttrs","rerender","data","dispatchEvent","CustomEvent","bubbles","detail","target","closest","allowCreate","el","toggle","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}
1
+ {"version":3,"file":"descope-multi-sso.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/MultiSsoClass.js","webpack://@descope/web-components-ui/../components/descope-multi-sso/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') || 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted(*)`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading || super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this,\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n componentName,\n baseSelector: '.wrapper',\n}) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') || 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem?.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'max-width',\n },\n minItemsWidth: {\n selector: () => '::slotted(:not([slot]))',\n property: 'min-width',\n },\n maxRowItems: {\n property: 'max-row-items',\n },\n itemsHorizontalAlign: {\n selector: () => '::slotted(*)',\n property: 'justify-self',\n },\n emptyStateTextColor: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'color',\n },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n // allow overriding empty state height and padding from parent list components:\n emptyStateVerticalPadding: [\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-top',\n },\n {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'padding-bottom',\n },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n cloneSlottedNodes,\n forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('multi-sso');\n\nconst resolveAuthType = (authType) => {\n if (!authType || authType === 'none')\n return { label: 'Not Configured', configured: false };\n return { label: authType.toUpperCase(), configured: true };\n};\n\nconst itemRenderer = (\n { id, name, isDefault, link, authType, authOnly },\n _,\n ref,\n) => {\n const deleteAction =\n !isDefault && ref?.allowDelete\n ? `<span\n class=\"delete-btn delete-icon\"\n data-action=\"delete\"\n role=\"button\"\n tabindex=\"0\"\n title=\"${ref.deleteTooltipLabel}\"\n ></span>`\n : '';\n\n const externalLinkAction =\n link && ref?.allowConfigure\n ? `<a\n class=\"external-link external-link-icon\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"${ref.configureTooltipLabel}\"\n ></a>`\n : '';\n\n const { label: authTypeLabel, configured } = resolveAuthType(authType);\n // Sits next to the auth type because it says what the connection is FOR, the same kind of fact.\n const authOnlyBadge = authOnly\n ? `<descope-badge class=\"auth-only-badge\" size=\"xs\"><span class=\"auth-only-text\"></span></descope-badge>`\n : '';\n const authTypeRow = configured\n ? `<div class=\"auth-type-row\">\n <descope-badge class=\"auth-type-badge\" size=\"xs\"></descope-badge>\n ${authOnlyBadge}\n </div>`\n : `<div class=\"auth-type-row\">\n <descope-text\n not-configured\n variant=\"body2\"\n mode=\"secondary\"\n >${ref?.notConfiguredLabel}</descope-text>\n ${authOnlyBadge}\n </div>`;\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item>\n <div class=\"content\">\n <div class=\"top-row\">\n <descope-text\n class=\"config-name\"\n variant=\"body1\"\n mode=\"primary\"\n ></descope-text>\n <span class=\"action\">\n ${deleteAction}\n ${externalLinkAction}\n </span>\n </div>\n ${authTypeRow}\n </div>\n </descope-list-item>\n `;\n\n template.content.querySelector('.config-name').textContent = name;\n\n const deleteBtn = template.content.querySelector('.delete-btn');\n if (deleteBtn) {\n deleteBtn.dataset.id = id;\n deleteBtn.dataset.name = name;\n deleteBtn.setAttribute('aria-label', ref.deleteTooltipLabel);\n const deleteIcon = cloneSlottedNodes(ref, 'delete-icon');\n if (deleteIcon) deleteBtn.append(deleteIcon);\n }\n\n const linkBtn = template.content.querySelector('.external-link');\n if (linkBtn) {\n linkBtn.setAttribute('aria-label', ref.configureTooltipLabel);\n if (link) linkBtn.setAttribute('href', link);\n const linkIcon = cloneSlottedNodes(ref, 'external-link-icon');\n if (linkIcon) linkBtn.append(linkIcon);\n }\n\n const authTypeBadge = template.content.querySelector('.auth-type-badge');\n if (authTypeBadge) authTypeBadge.textContent = authTypeLabel;\n\n const authOnlyEl = template.content.querySelector('.auth-only-text');\n if (authOnlyEl) authOnlyEl.textContent = ref?.authOnlyLabel;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: 'span.wrapper',\n});\n\nclass RawMultiSsoClass extends BaseClass {\n static get observedAttributes() {\n return [\n 'label',\n 'create-button-label',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n 'empty',\n ].concat(super.observedAttributes);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <span class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"title-icon\"></slot>\n <descope-text class=\"title\" variant=\"body1\" mode=\"primary\"></descope-text>\n <descope-button\n class=\"create-button\"\n size=\"sm\"\n variant=\"link\"\n mode=\"primary\"\n data-action=\"create\"\n >\n <slot name=\"create-button-icon\" slot=\"prefix\"></slot>\n <span class=\"create-button-label\"></span>\n </descope-button>\n </div>\n <descope-list></descope-list>\n <slot name=\"delete-icon\" class=\"hidden\"></slot>\n <slot name=\"external-link-icon\" class=\"hidden\"></slot>\n </span>\n `;\n\n this.listEl = this.shadowRoot.querySelector('descope-list');\n this.deleteIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"delete-icon\"]',\n );\n this.externalLinkIconSlot = this.shadowRoot.querySelector(\n 'slot[name=\"external-link-icon\"]',\n );\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n :host(:not([allow-create=\"true\"])) .create-button {\n display: none;\n }\n\n .create-button {\n min-width: 0;\n flex-shrink:1;\n }\n\n .header {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n slot[name=\"title-icon\"] {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .title {\n flex: 1;\n min-width: 0;\n width:0;\n flex-shrink: 0;\n\n }\n\n .title::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .top-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-width: 0;\n }\n\n .config-name {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n .config-name::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .auth-type-row {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n\n /* The auth type is short and fixed, so it keeps its size and the consumer-supplied label is\n the one that gives way. */\n .auth-type-badge {\n flex-shrink: 0;\n }\n\n /* The label is consumer-supplied and localized, so it can be far longer than the row. It\n shrinks to whatever the row leaves it and ellipsises only then, rather than being held to a\n fixed width that would truncate it while space is still going spare. */\n .auth-only-badge {\n min-width: 0;\n flex-shrink: 1;\n }\n\n .auth-only-text {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .action {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .hidden {\n display: none;\n }\n\n .delete-btn {\n cursor: pointer;\n display: flex;\n }\n\n .delete-icon > *,\n .external-link-icon > * {\n width: 100%;\n height: 100%;\n }\n\n .external-link {\n cursor: pointer;\n color: inherit;\n display: flex;\n }\n\n descope-text {\n display: flex;\n align-items: center;\n min-width: 0;\n }\n `,\n this,\n );\n }\n\n get deleteTooltipLabel() {\n return this.getAttribute('delete-tooltip-label') ?? '';\n }\n\n get configureTooltipLabel() {\n return this.getAttribute('configure-tooltip-label') ?? '';\n }\n\n get authOnlyLabel() {\n return this.getAttribute('auth-only-label') || 'Authentication only';\n }\n\n init() {\n super.init?.();\n\n this.shadowRoot.querySelector('.title').textContent = this.label;\n this.shadowRoot.querySelector('.create-button-label').textContent =\n this.createButtonLabel;\n\n this.listEl.itemRenderer = (item, index) => itemRenderer(item, index, this);\n\n this.shadowRoot\n .querySelector('[data-action=\"create\"]')\n .addEventListener('click', this.onCreateClick.bind(this));\n this.listEl.addEventListener('click', this.onItemClick.bind(this));\n\n forwardAttrs(this.listEl, this, { includeAttrs: ['empty'] });\n\n const rerender = () => {\n if (this.data) this.data = [...this.data];\n };\n this.deleteIconSlot.addEventListener('slotchange', rerender);\n this.externalLinkIconSlot.addEventListener('slotchange', rerender);\n }\n\n onCreateClick() {\n this.dispatchEvent(\n new CustomEvent('create-clicked', { bubbles: true, detail: {} }),\n );\n }\n\n onItemClick(e) {\n const target = e.target.closest('[data-action=\"delete\"]');\n if (!target) return;\n\n const id = target.getAttribute('data-id');\n const name = target.getAttribute('data-name');\n if (id) {\n this.dispatchEvent(\n new CustomEvent('delete-clicked', {\n bubbles: true,\n detail: { id, name },\n }),\n );\n }\n }\n\n get allowCreate() {\n return this.getAttribute('allow-create') === 'true';\n }\n\n get allowDelete() {\n return this.getAttribute('allow-delete') === 'true';\n }\n\n get allowConfigure() {\n return this.getAttribute('allow-configure') === 'true';\n }\n\n get label() {\n return this.getAttribute('label');\n }\n\n get createButtonLabel() {\n return this.getAttribute('create-button-label');\n }\n\n get notConfiguredLabel() {\n return this.getAttribute('not-configured-label') || 'Not Configured';\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) return;\n\n if (name === 'label') {\n const el = this.shadowRoot?.querySelector('.title');\n if (el) el.textContent = this.label;\n } else if (name === 'create-button-label') {\n const el = this.shadowRoot?.querySelector('.create-button-label');\n if (el) el.textContent = this.createButtonLabel;\n } else if (name === 'empty') {\n this.listEl.classList.toggle('hidden', newValue === 'true');\n }\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const MultiSsoClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n {\n selector: () => 'descope-list-item',\n property: 'direction',\n },\n {\n selector: () => 'descope-text',\n property: 'direction',\n },\n ],\n headerGap: {\n selector: () => '.header',\n property: 'gap',\n },\n headerListGap: {\n selector: () => 'descope-list',\n property: 'margin-top',\n },\n itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\n actionGap: {\n selector: () => '.action',\n property: 'gap',\n },\n authTypeRowGap: {\n selector: () => '.auth-type-row',\n property: 'gap',\n },\n unconfiguredAuthTypeTextColor: {\n selector: () => '[not-configured]',\n property: TextClass.cssVarList.textColor,\n },\n unconfiguredAuthTypeTextFontStyle: {\n selector: () => '[not-configured]',\n property: 'font-style',\n },\n\n buttonMaxWidth: {\n selector: ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostMaxWidth,\n },\n\n listItemsGap: {\n property: ListClass.cssVarList.gap,\n },\n listBackgroundColor: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.backgroundColor,\n },\n listBorderRadius: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderRadius,\n },\n listBorderWidth: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.borderWidth,\n },\n listBoxShadow: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.boxShadow,\n },\n listPadding: [\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.verticalPadding,\n },\n {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.horizontalPadding,\n },\n ],\n\n itemVerticalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.verticalPadding,\n },\n itemHorizontalPadding: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.horizontalPadding,\n },\n itemCursor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.cursor,\n },\n itemOutline: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.outline,\n },\n itemBorderColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderColor,\n },\n itemBorderRadius: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.borderRadius,\n },\n itemBackgroundColor: {\n selector: ListItemClass.componentName,\n property: ListItemClass.cssVarList.backgroundColor,\n },\n badgeBorderColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderColor,\n },\n badgeTextColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.textColor,\n },\n badgeBackgroundColor: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.backgroundColor,\n },\n badgeBorderRadius: {\n selector: () => BadgeClass.componentName,\n property: BadgeClass.cssVarList.borderRadius,\n },\n\n titleIconSize: [\n { selector: () => '::slotted([slot=\"title-icon\"])', property: 'width' },\n {\n selector: () => '::slotted([slot=\"title-icon\"])',\n property: 'height',\n },\n ],\n createButtonIconSize: [\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'width',\n },\n {\n selector: () => '::slotted([slot=\"create-button-icon\"])',\n property: 'height',\n },\n ],\n actionIconSize: [\n { selector: () => '.delete-icon', property: 'width' },\n { selector: () => '.delete-icon', property: 'height' },\n { selector: () => '.external-link-icon', property: 'width' },\n { selector: () => '.external-link-icon', property: 'height' },\n ],\n actionIconColor: [\n { selector: () => '.delete-icon', property: IconClass.cssVarList.fill },\n {\n selector: () => '.external-link-icon',\n property: IconClass.cssVarList.fill,\n },\n ],\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n targetSelector: 'descope-list',\n itemRenderer,\n rerenderAttrsList: [\n 'allow-delete',\n 'allow-configure',\n 'not-configured-label',\n 'delete-tooltip-label',\n 'configure-tooltip-label',\n 'auth-only-label',\n ],\n }),\n componentNameValidationMixin,\n)(RawMultiSsoClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-icon';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\n\nimport { componentName, MultiSsoClass } from './MultiSsoClass';\n\ncustomElements.define(componentName, MultiSsoClass);\n\nexport { MultiSsoClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","ListItemClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","outline","gap","maxWidth","alignItems","flexDirection","transition","y","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","_ListItemClass__WEBPACK_IMPORTED_MODULE_0__","O","RawList","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","items","shadowRoot","assignedElements","handleEmptyState","length","removeAttribute","variant","handleItemsVariant","item","listItem","localName","_descope_ui_descope_list_item_class__WEBPACK_IMPORTED_MODULE_3__","listItemVariant","Ge","handleReadOnly","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","_ListClass__WEBPACK_IMPORTED_MODULE_1__","x","componentsHelpers","itemRenderer","id","isDefault","link","authType","authOnly","_","ref","deleteAction","allowDelete","deleteTooltipLabel","externalLinkAction","allowConfigure","configureTooltipLabel","authTypeLabel","configured","toUpperCase","resolveAuthType","authOnlyBadge","authTypeRow","notConfiguredLabel","template","content","textContent","deleteBtn","dataset","deleteIcon","I7","append","linkBtn","linkIcon","authTypeBadge","authOnlyEl","authOnlyLabel","BaseClass","baseClasses","MultiSsoClass","utils","componentsMixins","hostMinWidth","headerGap","headerListGap","itemContentGap","actionGap","authTypeRowGap","unconfiguredAuthTypeTextColor","TextClass","s","unconfiguredAuthTypeTextFontStyle","buttonMaxWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","titleIconSize","createButtonIconSize","actionIconSize","actionIconColor","t$","targetSelector","rerenderAttrsList","concat","listEl","deleteIconSlot","externalLinkIconSlot","createButtonLabel","index","addEventListener","onCreateClick","bind","onItemClick","EA","includeAttrs","rerender","data","dispatchEvent","CustomEvent","bubbles","detail","target","closest","allowCreate","el","toggle","RawText","hideWhenEmpty","hasChildren","childNodes","display","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}