@descope/web-components-ui 3.15.0 → 3.15.2

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 (22) hide show
  1. package/dist/cjs/index.cjs.js +31 -0
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +31 -0
  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-apps-list.js +1 -1
  8. package/dist/umd/descope-apps-list.js.map +1 -1
  9. package/dist/umd/descope-list.js +1 -1
  10. package/dist/umd/descope-list.js.map +1 -1
  11. package/dist/umd/descope-multi-sso.js +1 -1
  12. package/dist/umd/descope-multi-sso.js.map +1 -1
  13. package/dist/umd/descope-outbound-apps.js +1 -1
  14. package/dist/umd/descope-outbound-apps.js.map +1 -1
  15. package/dist/umd/descope-scopes-list-index-js.js +1 -1
  16. package/dist/umd/descope-scopes-list-index-js.js.map +1 -1
  17. package/dist/umd/descope-trusted-devices.js +1 -1
  18. package/dist/umd/descope-trusted-devices.js.map +1 -1
  19. package/dist/umd/descope-user-passkeys.js +1 -1
  20. package/dist/umd/descope-user-passkeys.js.map +1 -1
  21. package/dist/umd/index.js +1 -1
  22. package/package.json +40 -40
package/dist/umd/descope-trusted-devices.js CHANGED
@@ -1,2 +1,2 @@
1
- (self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4159,4188,4551,6724,7750],{67603(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g"},14329(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA=="},39695(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA=="},86893(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g"},13369(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA=="},75407(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA=="},81289(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA=="},50591(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA="},77888(t,e,n){"use strict";n.d(e,{T:()=>a,e:()=>l});var i=n(88961),r=n(72270),s=n(25964),o=n(63200);const a=(0,s.xE)("badge");class d 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,s.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 l=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),i.VO,i.tQ)(d)},11065(t,e,n){"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(77888);customElements.define(i.T,i.e)},98538(t,e,n){"use strict";n.d(e,{S:()=>d,T:()=>a});var i=n(88961),r=n(25964),s=n(8512),o=n(63200);const a=(0,r.xE)("icon"),d=(0,o.Zz)((0,i.RF)({mappings:{fill:[{},{property:s.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){"use strict";n.r(e),n.d(e,{IconClass:()=>i.S,componentName:()=>i.T}),n(53455);var i=n(98538);customElements.define(i.T,i.S)},8512(t,e,n){"use strict";n.d(e,{T:()=>d,q:()=>p});var i=n(88961),r=n(72270),s=n(63200),o=n(25964),a=n(18782);const d=(0,o.xE)("image"),l=["src","src-dark"];class c extends((0,r.qu)({componentName:d,baseSelector:"slot"})){static get observedAttributes(){return l}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.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,s.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(c)},18782(t,e,n){"use strict";n.d(e,{m:()=>s});var i=n(25414);const r=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=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),i=await e.text();n=r(i)}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){"use strict";n.r(e),n.d(e,{ImageClass:()=>i.q,componentName:()=>i.T});var i=n(8512);customElements.define(i.T,i.q)},75464(t,e,n){"use strict";n.d(e,{J:()=>y,T:()=>d});var i=n(88961),r=n(63200),s=n(25964),o=n(72270),a=n(66434);const d=(0,s.xE)("link"),l=["href","readonly"];class c extends((0,o.qu)({componentName:d,baseSelector:":host a"})){static get observedAttributes(){return l.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,s.fz)('\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis="true"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,s.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,s.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const p={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>a.s.componentName}},{anchor:g,text:h,host:m,wrapper:u,link:I}=p,y=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...h,property:"direction"},textAlign:u,textDecoration:{...I,property:"text-decoration",fallback:"none"},textColor:[{...g,property:"color"},{...h,property:a.s.cssVarList.textColor}],cursor:g}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(c)},90512(t,e,n){"use strict";n.r(e),n.d(e,{LinkClass:()=>i.J,componentName:()=>i.T});var i=n(75464);n(63595),customElements.define(i.T,i.J)},93895(t,e,n){"use strict";n.d(e,{O:()=>d,T:()=>a});var i=n(88961),r=n(63200),s=n(25964),o=n(72270);const a=(0,s.xE)("list-item"),d=(0,r.Zz)((0,i.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:{}}}),i.VO,i.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",(0,s.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)}},i.y)((0,o.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){"use strict";n.r(e),n.d(e,{ListItemClass:()=>i.O,componentName:()=>i.T});var i=n(93895);customElements.define(i.T,i.O)},7720(t,e,n){"use strict";n.d(e,{T:()=>d,x:()=>c});var i=n(88961),r=n(63200),s=n(25964),o=n(93895),a=n(72270);const d=(0,s.xE)("list");class l extends((0,a.qu)({componentName:d,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,s.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!==o.O.componentName&&(e=t.querySelector(o.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.Ge)(this,()=>{this.#e(),this.#n(),this.#i()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#i(){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.#i())}}const c=(0,r.Zz)((0,i.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"}}}),i.VO,i.tQ)(l)},45400(t,e,n){"use strict";n.r(e),n.d(e,{ListClass:()=>i.x,componentName:()=>i.T}),n(24542);var i=n(7720);customElements.define(i.T,i.x)},66434(t,e,n){"use strict";n.d(e,{T:()=>a,s:()=>c});var i=n(88961),r=n(63200),s=n(25964),o=n(72270);const a=(0,s.xE)("text");class d extends((0,o.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,s.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,s.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:l}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{...l,property:"width"},hostDirection:{...l,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(d)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},66747(t,e,n){"use strict";n.r(e),n.d(e,{TrustedDevicesClass:()=>E,componentName:()=>w}),n(45400),n(24542),n(63595),n(90512),n(11065),n(56737);var i=n(63200),r=n(25964),s=n(88961),o=n(72270),a=n(77888),d=n(7720),l=n(93895),c=n(14329),p=n.n(c),g=n(86893),h=n.n(g),m=n(75407),u=n.n(m),I=n(50591),y=n.n(I),M=n(67603),x=n.n(M),D=n(39695),b=n.n(D),A=n(13369),N=n.n(A),j=n(81289),S=n.n(j);const v=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},L={desktop:{light:p(),dark:x()},mobile:{light:h(),dark:b()},tablet:{light:u(),dark:N()},unknown:{light:y(),dark:S()}},w=(0,r.xE)("trusted-devices"),C=({id:t,name:e,lastLoginDate:n,deviceType:i,isCurrent:r},s,o)=>{const a=r?'class="current-device"':"",{iconSrc:d,iconSrcDark:l}=(t=>{const e=L[t]||L.unknown;return{iconSrc:e.light,iconSrcDark:e.dark}})(i),c=o.lastLoginLabel?`${o.lastLoginLabel} `:"",p=((t,e)=>{if(Number.isNaN(parseInt(t,10)))return"";const n=new Date(t),i=n.getFullYear(),r=String(n.getMonth()+1).padStart(2,"0"),s=String(n.getDate()).padStart(2,"0"),o=n.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${s}/${r}/${i}`,"YYYY-MM-DD":`${i}/${r}/${s}`,"MM-DD-YYYY":`${r}/${s}/${i}`};return`${a[e]||a["MM-DD-YYYY"]} ${o}`})(n,o.format),g=r?`<descope-badge\n bordered="true"\n size="xs"\n mode="primary"\n st-host-direction="${o.direction}"\n >\n ${o.currentDeviceLabel}\n </descope-badge>`:"",h=o.hideActions||r?"":`<descope-link\n class="remove-device"\n variant="body1"\n mode="primary"\n data-action="remove-device"\n data-device-id="${t}"\n st-host-direction="${o.direction}"\n ellipsis="true"\n >\n ${o.removeDeviceLabel}\n </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n <descope-list-item ${a}>\n <div class="content">\n <div class="main">\n <span class="device">\n <descope-icon\n class="device-icon"\n src="${d}"\n src-dark="${l}">\n </descope-icon>\n <descope-text\n class="device-name"\n variant="body1"\n mode="primary">\n </descope-text>\n </span>\n <span class="panel">\n ${g}\n ${h}\n </span>\n </div>\n <div class="meta">\n <descope-text\n variant="body2"\n mode="primary"\n >\n ${c}\n </descope-text>\n <descope-text\n class="login-date"\n variant="body2"\n mode="primary"\n >\n ${p}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `,m.content.querySelector(".device-name").textContent=e,m},z=(0,o.qu)({componentName:w,baseSelector:d.x.componentName}),{host:T}={host:{selector:()=>":host"}},E=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{...T,property:"width"},hostMinWidth:{...T,property:"min-width"},hostDirection:[{...T,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:d.x.cssVarList.gap},listBackgroundColor:{selector:()=>d.x.componentName,property:d.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>d.x.componentName,property:d.x.cssVarList.boxShadow},listPadding:[{selector:()=>d.x.componentName,property:d.x.cssVarList.verticalPadding},{selector:()=>d.x.componentName,property:d.x.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:l.O.componentName,property:l.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:l.O.componentName,property:l.O.cssVarList.horizontalPadding},itemCursor:{selector:l.O.componentName,property:l.O.cssVarList.cursor},itemOutline:{selector:l.O.componentName,property:l.O.cssVarList.outline},itemBorderColor:{selector:l.O.componentName,property:l.O.cssVarList.borderColor},itemBorderRadius:{selector:l.O.componentName,property:l.O.cssVarList.borderRadius},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:a.e.componentName,property:a.e.cssVarList.borderColor},badgeTextColor:{selector:a.e.componentName,property:a.e.cssVarList.textColor},badgeBackgroundColor:{selector:a.e.componentName,property:a.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:a.e.componentName,property:a.e.cssVarList.borderRadius},devicePanelGap:{selector:()=>".main",property:"gap"},deviceIconGap:{selector:()=>".device",property:"gap"},deviceIconSize:[{selector:()=>".device-icon",property:"width"},{selector:()=>".device-icon",property:"height"}],lastLoginLabelGap:{selector:" .meta",property:"gap"}}}),s.VO,(0,s.t$)({itemRenderer:C,sortFn:(t,e)=>v(e.lastLoginDate)-v(t.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),s.tQ)(class extends z{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),(0,r.fz)("\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=C,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(t){if(this.readOnly)return;const e=t.target.closest("[data-device-id]"),n=e?.getAttribute("data-device-id");n&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:n,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}});customElements.define(w,E)}}]);
1
+ (self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4159,4188,4551,6724,7750],{67603(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g"},14329(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA=="},39695(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA=="},86893(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g"},13369(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA=="},75407(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA=="},81289(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA=="},50591(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA="},77888(t,e,n){"use strict";n.d(e,{T:()=>a,e:()=>l});var i=n(88961),r=n(72270),s=n(25964),o=n(63200);const a=(0,s.xE)("badge");class d 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,s.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 l=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),i.VO,i.tQ)(d)},11065(t,e,n){"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(77888);customElements.define(i.T,i.e)},98538(t,e,n){"use strict";n.d(e,{S:()=>d,T:()=>a});var i=n(88961),r=n(25964),s=n(8512),o=n(63200);const a=(0,r.xE)("icon"),d=(0,o.Zz)((0,i.RF)({mappings:{fill:[{},{property:s.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){"use strict";n.r(e),n.d(e,{IconClass:()=>i.S,componentName:()=>i.T}),n(53455);var i=n(98538);customElements.define(i.T,i.S)},8512(t,e,n){"use strict";n.d(e,{T:()=>d,q:()=>p});var i=n(88961),r=n(72270),s=n(63200),o=n(25964),a=n(18782);const d=(0,o.xE)("image"),l=["src","src-dark"];class c extends((0,r.qu)({componentName:d,baseSelector:"slot"})){static get observedAttributes(){return l}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.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,s.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(c)},18782(t,e,n){"use strict";n.d(e,{m:()=>s});var i=n(25414);const r=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=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),i=await e.text();n=r(i)}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){"use strict";n.r(e),n.d(e,{ImageClass:()=>i.q,componentName:()=>i.T});var i=n(8512);customElements.define(i.T,i.q)},75464(t,e,n){"use strict";n.d(e,{J:()=>y,T:()=>d});var i=n(88961),r=n(63200),s=n(25964),o=n(72270),a=n(66434);const d=(0,s.xE)("link"),l=["href","readonly"];class c extends((0,o.qu)({componentName:d,baseSelector:":host a"})){static get observedAttributes(){return l.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,s.fz)('\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis="true"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,s.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,s.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const p={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>a.s.componentName}},{anchor:g,text:h,host:m,wrapper:u,link:I}=p,y=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...h,property:"direction"},textAlign:u,textDecoration:{...I,property:"text-decoration",fallback:"none"},textColor:[{...g,property:"color"},{...h,property:a.s.cssVarList.textColor}],cursor:g}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(c)},90512(t,e,n){"use strict";n.r(e),n.d(e,{LinkClass:()=>i.J,componentName:()=>i.T});var i=n(75464);n(63595),customElements.define(i.T,i.J)},93895(t,e,n){"use strict";n.d(e,{O:()=>d,T:()=>a});var i=n(88961),r=n(63200),s=n(25964),o=n(72270);const a=(0,s.xE)("list-item"),d=(0,r.Zz)((0,i.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:{}}}),i.VO,i.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",(0,s.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)}},i.y)((0,o.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){"use strict";n.r(e),n.d(e,{ListItemClass:()=>i.O,componentName:()=>i.T});var i=n(93895);customElements.define(i.T,i.O)},7720(t,e,n){"use strict";n.d(e,{T:()=>d,x:()=>c});var i=n(88961),r=n(63200),s=n(25964),o=n(93895),a=n(72270);const d=(0,s.xE)("list");class l extends((0,a.qu)({componentName:d,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,s.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!==o.O.componentName&&(e=t.querySelector(o.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.Ge)(this,()=>{this.#e(),this.#n(),this.#i()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#i(){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.#i())}}const c=(0,r.Zz)((0,i.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"}]}}),i.VO,i.tQ)(l)},45400(t,e,n){"use strict";n.r(e),n.d(e,{ListClass:()=>i.x,componentName:()=>i.T}),n(24542);var i=n(7720);customElements.define(i.T,i.x)},66434(t,e,n){"use strict";n.d(e,{T:()=>a,s:()=>c});var i=n(88961),r=n(63200),s=n(25964),o=n(72270);const a=(0,s.xE)("text");class d extends((0,o.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,s.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,s.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:l}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{...l,property:"width"},hostDirection:{...l,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(d)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},66747(t,e,n){"use strict";n.r(e),n.d(e,{TrustedDevicesClass:()=>E,componentName:()=>w}),n(45400),n(24542),n(63595),n(90512),n(11065),n(56737);var i=n(63200),r=n(25964),s=n(88961),o=n(72270),a=n(77888),d=n(7720),l=n(93895),c=n(14329),p=n.n(c),g=n(86893),h=n.n(g),m=n(75407),u=n.n(m),I=n(50591),y=n.n(I),M=n(67603),x=n.n(M),D=n(39695),b=n.n(D),A=n(13369),N=n.n(A),j=n(81289),S=n.n(j);const v=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},L={desktop:{light:p(),dark:x()},mobile:{light:h(),dark:b()},tablet:{light:u(),dark:N()},unknown:{light:y(),dark:S()}},w=(0,r.xE)("trusted-devices"),C=({id:t,name:e,lastLoginDate:n,deviceType:i,isCurrent:r},s,o)=>{const a=r?'class="current-device"':"",{iconSrc:d,iconSrcDark:l}=(t=>{const e=L[t]||L.unknown;return{iconSrc:e.light,iconSrcDark:e.dark}})(i),c=o.lastLoginLabel?`${o.lastLoginLabel} `:"",p=((t,e)=>{if(Number.isNaN(parseInt(t,10)))return"";const n=new Date(t),i=n.getFullYear(),r=String(n.getMonth()+1).padStart(2,"0"),s=String(n.getDate()).padStart(2,"0"),o=n.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${s}/${r}/${i}`,"YYYY-MM-DD":`${i}/${r}/${s}`,"MM-DD-YYYY":`${r}/${s}/${i}`};return`${a[e]||a["MM-DD-YYYY"]} ${o}`})(n,o.format),g=r?`<descope-badge\n bordered="true"\n size="xs"\n mode="primary"\n st-host-direction="${o.direction}"\n >\n ${o.currentDeviceLabel}\n </descope-badge>`:"",h=o.hideActions||r?"":`<descope-link\n class="remove-device"\n variant="body1"\n mode="primary"\n data-action="remove-device"\n data-device-id="${t}"\n st-host-direction="${o.direction}"\n ellipsis="true"\n >\n ${o.removeDeviceLabel}\n </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n <descope-list-item ${a}>\n <div class="content">\n <div class="main">\n <span class="device">\n <descope-icon\n class="device-icon"\n src="${d}"\n src-dark="${l}">\n </descope-icon>\n <descope-text\n class="device-name"\n variant="body1"\n mode="primary">\n </descope-text>\n </span>\n <span class="panel">\n ${g}\n ${h}\n </span>\n </div>\n <div class="meta">\n <descope-text\n variant="body2"\n mode="primary"\n >\n ${c}\n </descope-text>\n <descope-text\n class="login-date"\n variant="body2"\n mode="primary"\n >\n ${p}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `,m.content.querySelector(".device-name").textContent=e,m},z=(0,o.qu)({componentName:w,baseSelector:d.x.componentName}),{host:T}={host:{selector:()=>":host"}},E=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{...T,property:"width"},hostMinWidth:{...T,property:"min-width"},hostDirection:[{...T,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:d.x.cssVarList.gap},listBackgroundColor:{selector:()=>d.x.componentName,property:d.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>d.x.componentName,property:d.x.cssVarList.boxShadow},listPadding:[{selector:()=>d.x.componentName,property:d.x.cssVarList.verticalPadding},{selector:()=>d.x.componentName,property:d.x.cssVarList.horizontalPadding}],emptyStateMinHeight:{selector:()=>d.x.componentName,property:d.x.cssVarList.minHeight},emptyStateVerticalPadding:{selector:()=>d.x.componentName,property:d.x.cssVarList.emptyStateVerticalPadding},itemVerticalPadding:{selector:l.O.componentName,property:l.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:l.O.componentName,property:l.O.cssVarList.horizontalPadding},itemCursor:{selector:l.O.componentName,property:l.O.cssVarList.cursor},itemOutline:{selector:l.O.componentName,property:l.O.cssVarList.outline},itemBorderColor:{selector:l.O.componentName,property:l.O.cssVarList.borderColor},itemBorderRadius:{selector:l.O.componentName,property:l.O.cssVarList.borderRadius},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:a.e.componentName,property:a.e.cssVarList.borderColor},badgeTextColor:{selector:a.e.componentName,property:a.e.cssVarList.textColor},badgeBackgroundColor:{selector:a.e.componentName,property:a.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:a.e.componentName,property:a.e.cssVarList.borderRadius},devicePanelGap:{selector:()=>".main",property:"gap"},deviceIconGap:{selector:()=>".device",property:"gap"},deviceIconSize:[{selector:()=>".device-icon",property:"width"},{selector:()=>".device-icon",property:"height"}],lastLoginLabelGap:{selector:" .meta",property:"gap"}}}),s.VO,(0,s.t$)({itemRenderer:C,sortFn:(t,e)=>v(e.lastLoginDate)-v(t.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),s.tQ)(class extends z{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),(0,r.fz)("\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=C,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(t){if(this.readOnly)return;const e=t.target.closest("[data-device-id]"),n=e?.getAttribute("data-device-id");n&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:n,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}});customElements.define(w,E)}}]);
2
2
  //# sourceMappingURL=descope-trusted-devices.js.map
package/dist/umd/descope-trusted-devices.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"descope-trusted-devices.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-light.svg","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-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-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/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-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/TrustedDevicesClass.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA=\"","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 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 {\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 stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n forwardAttrs,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n componentName,\n baseSelector: ':host a',\n}) {\n static get observedAttributes() {\n return observedAttrs.concat(super.observedAttributes || []);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis=\"true\"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n\n this.anchor = this.shadowRoot.querySelector('a');\n\n forwardAttrs(this, this.anchor, {\n includeAttrs: ['href', 'target', 'tooltip'],\n mapAttrs: {\n tooltip: 'title',\n },\n });\n\n forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n includeAttrs: ['mode', 'variant'],\n });\n\n this.anchor.addEventListener('click', (e) => {\n if (this.readOnly) {\n e.preventDefault();\n }\n });\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n}\n\nconst selectors = {\n host: { selector: () => ':host' },\n link: { selector: () => ':host a' },\n anchor: {},\n wrapper: { selector: () => ':host > div' },\n text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...text, property: 'direction' },\n textAlign: wrapper,\n textDecoration: {\n ...link,\n property: 'text-decoration',\n fallback: 'none',\n },\n textColor: [\n { ...anchor, property: 'color' },\n { ...text, property: TextClass.cssVarList.textColor },\n ],\n cursor: anchor,\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, 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 },\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 {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import desktopDeviceIconLight from './icons/desktop-device-light.svg';\nimport mobileDeviceIconLight from './icons/mobile-device-light.svg';\nimport tabletDeviceIconLight from './icons/tablet-device-light.svg';\nimport unknownDeviceIconLight from './icons/unknown-device-light.svg';\nimport desktopDeviceIconDark from './icons/desktop-device-dark.svg';\nimport mobileDeviceIconDark from './icons/mobile-device-dark.svg';\nimport tabletDeviceIconDark from './icons/tablet-device-dark.svg';\nimport unknownDeviceIconDark from './icons/unknown-device-dark.svg';\n\nconst ensureDate = (loginDate) => {\n const numVal = parseInt(loginDate, 10);\n if (Number.isNaN(numVal)) return 0;\n return numVal;\n};\n\nexport const sortFn = (a, b) =>\n ensureDate(b.lastLoginDate) - ensureDate(a.lastLoginDate);\n\nexport const parseDate = (epoch, format) => {\n if (Number.isNaN(parseInt(epoch, 10))) return '';\n\n const date = new Date(epoch);\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n const time = date.toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n });\n\n const formatMap = {\n 'DD-MM-YYYY': `${day}/${month}/${year}`,\n 'YYYY-MM-DD': `${year}/${month}/${day}`,\n 'MM-DD-YYYY': `${month}/${day}/${year}`,\n };\n\n const dateStr = formatMap[format] || formatMap['MM-DD-YYYY'];\n return `${dateStr} ${time}`;\n};\n\nexport const deviceIconMap = {\n desktop: {\n light: desktopDeviceIconLight,\n dark: desktopDeviceIconDark,\n },\n mobile: {\n light: mobileDeviceIconLight,\n dark: mobileDeviceIconDark,\n },\n tablet: {\n light: tabletDeviceIconLight,\n dark: tabletDeviceIconDark,\n },\n unknown: {\n light: unknownDeviceIconLight,\n dark: unknownDeviceIconDark,\n },\n};\n\nexport const getDeviceIcon = (deviceType) => {\n const icon = deviceIconMap[deviceType] || deviceIconMap.unknown;\n return {\n iconSrc: icon.light,\n iconSrcDark: icon.dark,\n };\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { getDeviceIcon, parseDate, sortFn } from './helpers';\n\nexport const componentName = getComponentName('trusted-devices');\n\nconst itemRenderer = (\n { id, name, lastLoginDate, deviceType, isCurrent },\n _,\n ref,\n) => {\n const itemClassName = isCurrent ? 'class=\"current-device\"' : '';\n\n const { iconSrc, iconSrcDark } = getDeviceIcon(deviceType);\n\n const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';\n\n const loginDate = parseDate(lastLoginDate, ref.format);\n\n const badge = isCurrent\n ? `<descope-badge\n bordered=\"true\"\n size=\"xs\"\n mode=\"primary\"\n st-host-direction=\"${ref.direction}\"\n >\n ${ref.currentDeviceLabel}\n </descope-badge>`\n : '';\n\n const removeDeviceLink =\n !ref.hideActions && !isCurrent\n ? `<descope-link\n class=\"remove-device\"\n variant=\"body1\"\n mode=\"primary\"\n data-action=\"remove-device\"\n data-device-id=\"${id}\"\n st-host-direction=\"${ref.direction}\"\n ellipsis=\"true\"\n >\n ${ref.removeDeviceLabel}\n </descope-link>`\n : '';\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item ${itemClassName}>\n <div class=\"content\">\n <div class=\"main\">\n <span class=\"device\">\n <descope-icon\n class=\"device-icon\"\n src=\"${iconSrc}\"\n src-dark=\"${iconSrcDark}\">\n </descope-icon>\n <descope-text\n class=\"device-name\"\n variant=\"body1\"\n mode=\"primary\">\n </descope-text>\n </span>\n <span class=\"panel\">\n ${badge}\n ${removeDeviceLink}\n </span>\n </div>\n <div class=\"meta\">\n <descope-text\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginLabel}\n </descope-text>\n <descope-text\n class=\"login-date\"\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginDate}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `;\n\n // we return a template instead of returning a string so we can avoid XSS on device name\n template.content.querySelector('.device-name').textContent = name;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: ListClass.componentName,\n});\n\nclass RawTrustedDevicesClass extends BaseClass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-list>\n <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n </descope-list>\n `;\n\n this.appsList = this.shadowRoot.querySelector('descope-list');\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n\n this.appsList.itemRenderer = itemRenderer;\n\n this.appsList.addEventListener('click', this.onRemoveClick.bind(this));\n }\n\n onRemoveClick(e) {\n if (this.readOnly) return;\n\n const target = e.target.closest('[data-device-id]');\n const deviceId = target?.getAttribute('data-device-id');\n\n if (deviceId) {\n this.dispatchEvent(\n new CustomEvent('remove-device-clicked', {\n bubbles: true,\n detail: { id: deviceId, action: 'remove-device' },\n }),\n );\n }\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get hideActions() {\n return this.getAttribute('hide-actions') === 'true';\n }\n\n get format() {\n return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';\n }\n\n get removeDeviceLabel() {\n return this.getAttribute('remove-device-label') || 'Sign out';\n }\n\n get currentDeviceLabel() {\n return this.getAttribute('current-device-label') || 'Current device';\n }\n\n get lastLoginLabel() {\n return this.getAttribute('last-login-label') || 'Last login:';\n }\n\n get direction() {\n return this.getAttribute('st-host-direction');\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TrustedDevicesClass = 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\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 itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\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 devicePanelGap: {\n selector: () => '.main',\n property: 'gap',\n },\n deviceIconGap: {\n selector: () => '.device',\n property: 'gap',\n },\n deviceIconSize: [\n {\n selector: () => '.device-icon',\n property: 'width',\n },\n {\n selector: () => '.device-icon',\n property: 'height',\n },\n ],\n\n lastLoginLabelGap: {\n selector: ' .meta',\n property: 'gap',\n },\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n itemRenderer,\n sortFn,\n rerenderAttrsList: [\n 'remove-device-label',\n 'current-device-label',\n 'last-login-label',\n 'format',\n 'hide-actions',\n ],\n }),\n componentNameValidationMixin,\n)(RawTrustedDevicesClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-link';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\nimport { componentName, TrustedDevicesClass } from './TrustedDevicesClass';\n\ncustomElements.define(componentName, TrustedDevicesClass);\n\nexport { TrustedDevicesClass, componentName };\n"],"names":["module","exports","componentName","RawBadge","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","shrinkToIndicatorThreshold","getAttribute","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","customElements","define","IconClass","fill","cssVarList","height","width","slots","wrappedEleName","style","excludeAttrsSync","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","observedAttrs","RawLink","concat","anchor","shadowRoot","includeAttrs","mapAttrs","tooltip","addEventListener","e","readOnly","preventDefault","selectors","host","link","wrapper","LinkClass","textDecoration","fallback","cursor","triggers","attr","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","superclass","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","RawText","hideWhenEmpty","hasChildren","childNodes","display","TextClass","textLineHeight","textLetterSpacing","textShadow","fontStyle","ensureDate","loginDate","numVal","parseInt","Number","isNaN","deviceIconMap","desktop","light","dark","mobile","tablet","unknown","itemRenderer","id","lastLoginDate","deviceType","isCurrent","_","ref","itemClassName","iconSrc","iconSrcDark","icon","getDeviceIcon","loginLabel","lastLoginLabel","epoch","format","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","time","toLocaleTimeString","hour12","hour","minute","formatMap","parseDate","badge","direction","currentDeviceLabel","removeDeviceLink","hideActions","removeDeviceLabel","template","content","textContent","BaseClass","TrustedDevicesClass","hostMinWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","itemContentGap","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","devicePanelGap","deviceIconGap","deviceIconSize","lastLoginLabelGap","sortFn","a","b","rerenderAttrsList","appsList","onRemoveClick","bind","target","closest","deviceId","dispatchEvent","CustomEvent","bubbles","detail","action","toUpperCase"],"sourceRoot":""}
1
+ {"version":3,"file":"descope-trusted-devices.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/desktop-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/mobile-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/tablet-device-light.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-dark.svg","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/icons/unknown-device-light.svg","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-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-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/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-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/TrustedDevicesClass.js","webpack://@descope/web-components-ui/../components/descope-trusted-devices/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPiA8L3N2Zz4g\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+IDxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4gPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+IA==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+IDwvc3ZnPiA=\"","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 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 {\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 stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n forwardAttrs,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n componentName,\n baseSelector: ':host a',\n}) {\n static get observedAttributes() {\n return observedAttrs.concat(super.observedAttributes || []);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis=\"true\"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n\n this.anchor = this.shadowRoot.querySelector('a');\n\n forwardAttrs(this, this.anchor, {\n includeAttrs: ['href', 'target', 'tooltip'],\n mapAttrs: {\n tooltip: 'title',\n },\n });\n\n forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n includeAttrs: ['mode', 'variant'],\n });\n\n this.anchor.addEventListener('click', (e) => {\n if (this.readOnly) {\n e.preventDefault();\n }\n });\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n}\n\nconst selectors = {\n host: { selector: () => ':host' },\n link: { selector: () => ':host a' },\n anchor: {},\n wrapper: { selector: () => ':host > div' },\n text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...text, property: 'direction' },\n textAlign: wrapper,\n textDecoration: {\n ...link,\n property: 'text-decoration',\n fallback: 'none',\n },\n textColor: [\n { ...anchor, property: 'color' },\n { ...text, property: TextClass.cssVarList.textColor },\n ],\n cursor: anchor,\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, 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 {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import desktopDeviceIconLight from './icons/desktop-device-light.svg';\nimport mobileDeviceIconLight from './icons/mobile-device-light.svg';\nimport tabletDeviceIconLight from './icons/tablet-device-light.svg';\nimport unknownDeviceIconLight from './icons/unknown-device-light.svg';\nimport desktopDeviceIconDark from './icons/desktop-device-dark.svg';\nimport mobileDeviceIconDark from './icons/mobile-device-dark.svg';\nimport tabletDeviceIconDark from './icons/tablet-device-dark.svg';\nimport unknownDeviceIconDark from './icons/unknown-device-dark.svg';\n\nconst ensureDate = (loginDate) => {\n const numVal = parseInt(loginDate, 10);\n if (Number.isNaN(numVal)) return 0;\n return numVal;\n};\n\nexport const sortFn = (a, b) =>\n ensureDate(b.lastLoginDate) - ensureDate(a.lastLoginDate);\n\nexport const parseDate = (epoch, format) => {\n if (Number.isNaN(parseInt(epoch, 10))) return '';\n\n const date = new Date(epoch);\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n const time = date.toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n });\n\n const formatMap = {\n 'DD-MM-YYYY': `${day}/${month}/${year}`,\n 'YYYY-MM-DD': `${year}/${month}/${day}`,\n 'MM-DD-YYYY': `${month}/${day}/${year}`,\n };\n\n const dateStr = formatMap[format] || formatMap['MM-DD-YYYY'];\n return `${dateStr} ${time}`;\n};\n\nexport const deviceIconMap = {\n desktop: {\n light: desktopDeviceIconLight,\n dark: desktopDeviceIconDark,\n },\n mobile: {\n light: mobileDeviceIconLight,\n dark: mobileDeviceIconDark,\n },\n tablet: {\n light: tabletDeviceIconLight,\n dark: tabletDeviceIconDark,\n },\n unknown: {\n light: unknownDeviceIconLight,\n dark: unknownDeviceIconDark,\n },\n};\n\nexport const getDeviceIcon = (deviceType) => {\n const icon = deviceIconMap[deviceType] || deviceIconMap.unknown;\n return {\n iconSrc: icon.light,\n iconSrcDark: icon.dark,\n };\n};\n","import { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { getDeviceIcon, parseDate, sortFn } from './helpers';\n\nexport const componentName = getComponentName('trusted-devices');\n\nconst itemRenderer = (\n { id, name, lastLoginDate, deviceType, isCurrent },\n _,\n ref,\n) => {\n const itemClassName = isCurrent ? 'class=\"current-device\"' : '';\n\n const { iconSrc, iconSrcDark } = getDeviceIcon(deviceType);\n\n const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';\n\n const loginDate = parseDate(lastLoginDate, ref.format);\n\n const badge = isCurrent\n ? `<descope-badge\n bordered=\"true\"\n size=\"xs\"\n mode=\"primary\"\n st-host-direction=\"${ref.direction}\"\n >\n ${ref.currentDeviceLabel}\n </descope-badge>`\n : '';\n\n const removeDeviceLink =\n !ref.hideActions && !isCurrent\n ? `<descope-link\n class=\"remove-device\"\n variant=\"body1\"\n mode=\"primary\"\n data-action=\"remove-device\"\n data-device-id=\"${id}\"\n st-host-direction=\"${ref.direction}\"\n ellipsis=\"true\"\n >\n ${ref.removeDeviceLabel}\n </descope-link>`\n : '';\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n <descope-list-item ${itemClassName}>\n <div class=\"content\">\n <div class=\"main\">\n <span class=\"device\">\n <descope-icon\n class=\"device-icon\"\n src=\"${iconSrc}\"\n src-dark=\"${iconSrcDark}\">\n </descope-icon>\n <descope-text\n class=\"device-name\"\n variant=\"body1\"\n mode=\"primary\">\n </descope-text>\n </span>\n <span class=\"panel\">\n ${badge}\n ${removeDeviceLink}\n </span>\n </div>\n <div class=\"meta\">\n <descope-text\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginLabel}\n </descope-text>\n <descope-text\n class=\"login-date\"\n variant=\"body2\"\n mode=\"primary\"\n >\n ${loginDate}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `;\n\n // we return a template instead of returning a string so we can avoid XSS on device name\n template.content.querySelector('.device-name').textContent = name;\n return template;\n};\n\nconst BaseClass = createBaseClass({\n componentName,\n baseSelector: ListClass.componentName,\n});\n\nclass RawTrustedDevicesClass extends BaseClass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-list>\n <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n </descope-list>\n `;\n\n this.appsList = this.shadowRoot.querySelector('descope-list');\n\n injectStyle(\n `\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n\n this.appsList.itemRenderer = itemRenderer;\n\n this.appsList.addEventListener('click', this.onRemoveClick.bind(this));\n }\n\n onRemoveClick(e) {\n if (this.readOnly) return;\n\n const target = e.target.closest('[data-device-id]');\n const deviceId = target?.getAttribute('data-device-id');\n\n if (deviceId) {\n this.dispatchEvent(\n new CustomEvent('remove-device-clicked', {\n bubbles: true,\n detail: { id: deviceId, action: 'remove-device' },\n }),\n );\n }\n }\n\n get readOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get hideActions() {\n return this.getAttribute('hide-actions') === 'true';\n }\n\n get format() {\n return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';\n }\n\n get removeDeviceLabel() {\n return this.getAttribute('remove-device-label') || 'Sign out';\n }\n\n get currentDeviceLabel() {\n return this.getAttribute('current-device-label') || 'Current device';\n }\n\n get lastLoginLabel() {\n return this.getAttribute('last-login-label') || 'Last login:';\n }\n\n get direction() {\n return this.getAttribute('st-host-direction');\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TrustedDevicesClass = 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\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 emptyStateMinHeight: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.minHeight,\n },\n emptyStateVerticalPadding: {\n selector: () => ListClass.componentName,\n property: ListClass.cssVarList.emptyStateVerticalPadding,\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 itemContentGap: {\n selector: () => '.content',\n property: 'gap',\n },\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 devicePanelGap: {\n selector: () => '.main',\n property: 'gap',\n },\n deviceIconGap: {\n selector: () => '.device',\n property: 'gap',\n },\n deviceIconSize: [\n {\n selector: () => '.device-icon',\n property: 'width',\n },\n {\n selector: () => '.device-icon',\n property: 'height',\n },\n ],\n\n lastLoginLabelGap: {\n selector: ' .meta',\n property: 'gap',\n },\n },\n }),\n draggableMixin,\n createDynamicDataMixin({\n itemRenderer,\n sortFn,\n rerenderAttrsList: [\n 'remove-device-label',\n 'current-device-label',\n 'last-login-label',\n 'format',\n 'hide-actions',\n ],\n }),\n componentNameValidationMixin,\n)(RawTrustedDevicesClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-link';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\nimport { componentName, TrustedDevicesClass } from './TrustedDevicesClass';\n\ncustomElements.define(componentName, TrustedDevicesClass);\n\nexport { TrustedDevicesClass, componentName };\n"],"names":["module","exports","componentName","RawBadge","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","shrinkToIndicatorThreshold","getAttribute","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","customElements","define","IconClass","fill","cssVarList","height","width","slots","wrappedEleName","style","excludeAttrsSync","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","observedAttrs","RawLink","concat","anchor","shadowRoot","includeAttrs","mapAttrs","tooltip","addEventListener","e","readOnly","preventDefault","selectors","host","link","wrapper","LinkClass","textDecoration","fallback","cursor","triggers","attr","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","superclass","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","ListClass","maxHeight","minHeight","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","RawText","hideWhenEmpty","hasChildren","childNodes","display","TextClass","textLineHeight","textLetterSpacing","textShadow","fontStyle","ensureDate","loginDate","numVal","parseInt","Number","isNaN","deviceIconMap","desktop","light","dark","mobile","tablet","unknown","itemRenderer","id","lastLoginDate","deviceType","isCurrent","_","ref","itemClassName","iconSrc","iconSrcDark","icon","getDeviceIcon","loginLabel","lastLoginLabel","epoch","format","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","time","toLocaleTimeString","hour12","hour","minute","formatMap","parseDate","badge","direction","currentDeviceLabel","removeDeviceLink","hideActions","removeDeviceLabel","template","content","textContent","BaseClass","TrustedDevicesClass","hostMinWidth","listItemsGap","listBackgroundColor","listBorderRadius","listBorderWidth","listBoxShadow","listPadding","emptyStateMinHeight","itemVerticalPadding","itemHorizontalPadding","itemCursor","itemOutline","itemBorderColor","itemBorderRadius","itemBackgroundColor","itemContentGap","badgeBorderColor","badgeTextColor","badgeBackgroundColor","badgeBorderRadius","devicePanelGap","deviceIconGap","deviceIconSize","lastLoginLabelGap","sortFn","a","b","rerenderAttrsList","appsList","onRemoveClick","bind","target","closest","deviceId","dispatchEvent","CustomEvent","bubbles","detail","action","toUpperCase"],"sourceRoot":""}