@descope/web-components-ui 3.17.0 → 3.18.0

package/dist/umd/descope-trusted-devices.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-trusted-devices.js","mappings":"uJAAAA,EAAOC,QAAU,ga,WCAjBD,EAAOC,QAAU,wX,WCAjBD,EAAOC,QAAU,gb,WCAjBD,EAAOC,QAAU,gY,WCAjBD,EAAOC,QAAU,4xB,WCAjBD,EAAOC,QAAU,4xB,WCAjBD,EAAOC,QAAU,gb,WCAjBD,EAAOC,QAAU,4e,qGCYV,MAAMC,GAAgB,QAAiB,SAE9C,MAAMC,WAAiB,QAAgB,CACrCD,gBACAE,aAAc,iBAEd,6BAAWC,GACT,MAAO,CAAC,uBAAwB,gCAClC,CAEA,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,sDAMhD,QACE,8OAYAH,KAEJ,CAEA,8BAAII,GACF,OAAOJ,KAAKK,aAAa,kCAAoC,EAC/D,CAEA,GAAyBC,GACvBN,KAAKO,gBACH,sBACAC,WAAWF,GAASN,KAAKI,2BAE7B,CAEA,wBAAAK,CAAyBC,EAAMC,EAAQC,GACrCb,MAAMU,2BAA2BC,EAAMC,EAAQC,GAClC,yBAATF,GAAmCC,IAAWC,GAChDZ,MAAK,EAAyBY,EAElC,EAGK,MAAMC,GAAa,SACxB,QAAiB,CACfC,SAAU,CACRC,UAAW,CAAC,CAAEC,SAAU,IAAM,QAASC,SAAU,UACjDC,WAAY,CAAC,CAAEF,SAAU,IAAM,QAASC,SAAU,WAClDE,cAAe,CAAEF,SAAU,aAE3BG,WAAY,CAAC,EACbC,SAAU,CAAC,EACXC,WAAY,CAAC,EACbC,cAAe,CAAC,EAChBC,gBAAiB,CACf,CAAEP,SAAU,eACZ,CAAEA,SAAU,mBAEdQ,kBAAmB,CACjB,CAAER,SAAU,gBACZ,CAAEA,SAAU,kBAGdS,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,aAAc,CAAC,EAEfC,gBAAiB,CAAC,EAElBC,UAAW,CAAEd,SAAU,SACvBe,UAAW,CAAC,EACZC,UAAW,CAAC,EACZC,WAAY,CAAC,KAGjB,KACA,KAlCwB,CAmCxBvC,E,oGCpGFwC,eAAeC,OAAO,IAAe,I,oGCQ9B,MAAM1C,GAAgB,QAAiB,QAEjC2C,GAAY,SACvB,QAAiB,CACfvB,SAAU,CACRwB,KAAM,CAAC,CAAC,EAAG,CAAErB,SAAU,IAAWsB,WAAWD,OAC7CE,OAAQ,CAAExB,SAAU,IAAM,SAC1ByB,MAAO,CAAEzB,SAAU,IAAM,YAG7B,KACA,KATuB,EAWvB,QAAY,CACV0B,MAAO,GACPC,eAAgB,gBAChBC,MAAO,IAAM,6JAQbC,iBAAkB,CAAC,WAAY,QAAS,QAAS,YAAa,YAC9DnD,kB,4GC/BJyC,eAAeC,OAAO,IAAe,I,+GCQ9B,MAAM1C,GAAgB,QAAiB,SAExCoD,EAAW,CAAC,MAAO,YAEzB,MAAMC,WAAiB,QAAgB,CACrCrD,gBACAE,aAAc,UAEd,6BAAWC,GACT,OAAOiD,CACT,CAEA,WAAAhD,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,2BAIhD,QACE,6UAoBAH,KAEJ,CAEA,IAAAgD,GACEjD,MAAMiD,SACNhD,KAAKiD,iBAAiBjD,KAAKkD,OAC7B,CAEA,aAAAC,GACEnD,KAAKoD,aACP,CAEA,gBAAAH,CAAiBI,GACXA,EACFrD,KAAKsD,UAAUC,OAAO,UAEtBvD,KAAKsD,UAAUE,IAAI,SAEvB,CAEA,WAAIC,GACF,OAAOzD,KAAKK,aAAa,QAAU,EACrC,CAEA,aAAIqD,GACF,OAAO1D,KAAKK,aAAa,MAC3B,CAEA,YAAIsD,GACF,OAAO3D,KAAKK,aAAa,OAAOL,KAAK4D,mBACvC,CAEA,UAAIV,GACF,OAAOlD,KAAK2D,UAAY3D,KAAK0D,SAC/B,CAKA,eAAAG,CAAgBC,GAEY,CAACA,KAASA,EAAKC,iBAAiB,YAExCC,QAASC,IACzBA,EAAIC,aACF,OACA,OAAOC,EAAW5B,WAAWD,SAAS2B,EAAI5D,aAAa,SAAW,UAGxE,CAEA,WAAA+C,GACEpD,KAAKiD,iBAAiBjD,KAAKkD,SAE3B,OAAYlD,KAAKkD,OAAQlD,KAAKyD,SAASW,KAAMC,IAC3CrE,KAAKG,UAAY,GACbkE,IACFrE,KAAK6D,gBAAgBQ,GACrBrE,KAAKsE,YAAYD,KAGvB,CAGA,YAAAE,CAAaC,GACX,MAAMC,EAASzE,KAAKK,aAAamE,GACjC,OAAOxE,KAAKkD,SAAWuB,CACzB,CAEA,wBAAAhE,CAAyBiE,EAAUC,EAAUC,GAC3C7E,MAAMU,2BAA2BiE,EAAUC,EAAUC,GAEjDD,IAAaC,GAEb5E,KAAKuE,aAAaG,IACpB1E,KAAKoD,aAET,EAGK,MAAMe,GAAa,SACxB,QAAiB,CACfrD,SAAU,CACRwB,KAAM,CAAC,EACPE,OAAQ,CAAExB,SAAU,IAAM,SAC1ByB,MAAO,CAAEzB,SAAU,IAAM,YAG7B,KACA,KATwB,CAUxB+B,E,4DC7IF,MAgBM8B,EAAgBC,IAEpB,MAAMC,EAAQ,IAAUC,SAASF,EAAM,CACrCG,aAAc,CAAEC,KAAK,EAAMC,YAAY,GAEvCC,SAAU,CAAC,SAEXC,YAAa,CAAC,UAOhB,OAJe,IAAIC,WAEhBC,gBAAgBR,EAAO,iBACvBS,cAAc,QAINC,EAAcC,MAAOlB,EAAKf,KACrC,IACE,IAAIQ,EACJ,GA7BgB,CAACO,GAAQA,EAAImB,WAFZ,8BA+BbC,CAAYpB,GAAM,CAEpB,MAAMqB,EAASC,KAAKtB,EAAIuB,MAAMC,KAC9B/B,EAAMY,EAAagB,EACrB,MAAO,GAA8B,QAxChB,CAACI,IACxB,MAAMC,EAAQD,EAAKC,MAAM,8BACzB,OAAOA,EAAQA,EAAM,GAAK,MAsCbC,CAAiB3B,GAAgB,CAE1C,MAAM4B,QAAmBC,MAAM7B,GACzBM,QAAasB,EAAWtB,OAC9Bb,EAAMY,EAAaC,EACrB,MAEEb,EAtCe,EAACO,EAAKf,KACzB,MAAMQ,EAAMqC,SAASC,cAAc,OAGnC,OAFAtC,EAAIC,aAAa,MAAOM,GACxBP,EAAIC,aAAa,MAAOT,GACjBQ,GAkCGuC,CAAahC,EAAKf,GAM1B,OAHAQ,EAAIrB,MAAM6D,YAAY,YAAa,QACnCxC,EAAIrB,MAAM6D,YAAY,aAAc,QAE7BxC,CACT,CAAE,MACA,OAAO,IACT,E,mGCxDF9B,eAAeC,OAAO,IAAe,I,gHCa9B,MAAM1C,GAAgB,QAAiB,QAExCgH,EAAgB,CAAC,OAAQ,YAE/B,MAAMC,WAAgB,QAAgB,CACpCjH,gBACAE,aAAc,aAEd,6BAAWC,GACT,OAAO6G,EAAcE,OAAO7G,MAAMF,oBAAsB,GAC1D,CAEA,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iJAUhD,QACE,oXAkBAH,MAGFA,KAAK6G,OAAS7G,KAAK8G,WAAWtB,cAAc,MAE5C,QAAaxF,KAAMA,KAAK6G,OAAQ,CAC9BE,aAAc,CAAC,OAAQ,SAAU,WACjCC,SAAU,CACRC,QAAS,YAIb,QAAajH,KAAMA,KAAK8G,WAAWtB,cAAc,gBAAiB,CAChEuB,aAAc,CAAC,OAAQ,aAGzB/G,KAAK6G,OAAOK,iBAAiB,QAAUC,IACjCnH,KAAKoH,UACPD,EAAEE,kBAGR,CAEA,YAAID,GACF,MAAyC,SAAlCpH,KAAKK,aAAa,WAC3B,EAGF,MAAMiH,EAAY,CAChBC,KAAM,CAAEvG,SAAU,IAAM,SACxBwG,KAAM,CAAExG,SAAU,IAAM,WACxB6F,OAAQ,CAAC,EACTY,QAAS,CAAEzG,SAAU,IAAM,eAC3B8D,KAAM,CAAE9D,SAAU,IAAM,IAAUtB,iBAG9B,OAAEmH,EAAM,KAAE/B,EAAI,KAAEyC,EAAI,QAAEE,EAAO,KAAED,GAASF,EAEjCI,GAAY,SACvB,QAAiB,CACf5G,SAAU,CACRC,UAAW,IAAKwG,EAAMtG,SAAU,SAChCE,cAAe,IAAK2D,EAAM7D,SAAU,aACpCe,UAAWyF,EACXE,eAAgB,IACXH,EACHvG,SAAU,kBACV2G,SAAU,QAEZ7F,UAAW,CACT,IAAK8E,EAAQ5F,SAAU,SACvB,IAAK6D,EAAM7D,SAAU,IAAUsB,WAAWR,YAE5C8F,OAAQhB,MAGZ,QAAa,CAAEiB,SAAU,CAAC,CAAEC,KAAM,aAAczH,MAAO,WACvD,KACA,KApBuB,CAqBvBqG,E,4GCnHFxE,eAAeC,OAAO,IAAe,I,qGCQ9B,MAAM1C,GAAgB,QAAiB,aA4BjCsI,GAAgB,SAC3B,QAAiB,CACflH,SAAU,CACRU,gBAAiB,CACf,CAAEP,SAAU,eACZ,CAAEA,SAAU,mBAEdQ,kBAAmB,CACjB,CAAER,SAAU,gBACZ,CAAEA,SAAU,kBAEda,gBAAiB,CAAC,EAClBF,YAAa,CAAC,EACdD,YAAa,CAAC,EACdD,YAAa,CAAC,EACdG,aAAc,CAAC,EACfoG,QAAS,CAAC,EACVJ,OAAQ,CAAC,EACTK,IAAK,CAAC,EACNC,SAAU,CAAEnH,SAAU,IAAM,SAC5BoH,WAAY,CAAC,EACbC,cAAe,CAAC,EAChBC,WAAY,CAAC,KAGjB,KACA,KApDmBC,GACnB,cAAiCA,EAC/B,WAAAzI,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,+BAIhD,QACE,uMAWAH,KAEJ,GA+BF,IA5B2B,EA6B3B,QAAgB,CAAEN,gBAAeE,aAAc,S,uGClEjDuC,eAAeC,OAAO,IAAe,I,+GCY9B,MAAM1C,GAAgB,QAAiB,QAE9C,MAAM8I,WAAgB,QAAgB,CACpC9I,gBACAE,aAAc,cAEd,6BAAWC,GACT,MAAO,CAAC,UAAW,WACrB,CAEA,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,gIAShD,QACE,8kBA6BAH,KAEJ,CAEA,SAAIyI,GACF,OAAOzI,KAAK8G,WAAWtB,cAAc,QAAQkD,kBAC/C,CAEA,KAC4B,IAAtB1I,KAAKyI,MAAME,OACb3I,KAAKkE,aAAa,QAAS,QAE3BlE,KAAK4I,gBAAgB,QAEzB,CAEA,WAAIC,GACF,OAAO7I,KAAKK,aAAa,YAAc,MACzC,CAEA,KACEL,KAAKyI,MAAMzE,QAAS8E,IAClB,IAAIC,EAAWD,EACXC,EAASC,YAAc,IAActJ,gBACvCqJ,EAAWD,EAAKtD,cAAc,IAAc9F,gBAG9C,MAAMuJ,EAAmC,UAAjBjJ,KAAK6I,QAAsB,OAAS,MAC5DE,GAAU7E,aAAa,UAAW+E,IAEtC,CAEA,IAAAjG,GACEjD,MAAMiD,UAGN,QAAgBhD,KAAM,KACpBA,MAAK,IACLA,MAAK,IACLA,MAAK,KAET,CAEA,cAAIkJ,GACF,MAAyC,SAAlClJ,KAAKK,aAAa,WAC3B,CAEA,KACEL,KAAKyI,MAAMzE,QAAS8E,IACd9I,KAAKkJ,WAAYJ,EAAK5E,aAAa,QAAS,IAC3C4E,EAAKF,gBAAgB,UAE9B,CAEA,wBAAAnI,CAAyBC,EAAMiE,EAAUC,GACvC7E,MAAMU,2BAA2BC,EAAMiE,EAAUC,GAE7CA,IAAaD,IAEJ,YAATjE,EACFV,MAAK,IACa,aAATU,GACTV,MAAK,IAET,EAGK,MAAMmJ,GAAY,SACvB,QAAiB,CACfrI,SAAU,CACRC,UAAW,CAAEC,SAAU,IAAM,QAASC,SAAU,SAChDmI,UAAW,CAAEpI,SAAU,IAAM,SAC7BqI,UAAW,CAAC,EACZ7H,gBAAiB,CACf,CAAEP,SAAU,eACZ,CAAEA,SAAU,mBAEdQ,kBAAmB,CACjB,CAAER,SAAU,gBACZ,CAAEA,SAAU,kBAEdE,cAAe,CAAEH,SAAU,IAAM,QAASC,SAAU,aACpDG,WAAY,CAAC,EACb8G,IAAK,CAAC,EAENpG,gBAAiB,CAAC,EAClBD,aAAc,CAAC,EACfD,YAAa,CAAC,EACdD,YAAa,CAAC,EACdD,YAAa,CAAC,EAEdO,UAAW,CAAC,EACZqH,oBAAqB,CAAC,EACtBC,cAAe,CACbvI,SAAU,IAAM,0BAChBC,SAAU,aAEZuI,cAAe,CACbxI,SAAU,IAAM,0BAChBC,SAAU,aAEZwI,YAAa,CACXxI,SAAU,iBAEZyI,qBAAsB,CACpB1I,SAAU,IAAM,eAChBC,SAAU,gBAEZ0I,oBAAqB,CACnB3I,SAAU,IAAM,2BAChBC,SAAU,SAEZ2I,yBAA0B,CACxB5I,SAAU,IAAM,2BAChBC,SAAU,eAGZ4I,0BAA2B,CACzB,CACE7I,SAAU,IAAM,2BAChBC,SAAU,eAEZ,CACED,SAAU,IAAM,2BAChBC,SAAU,sBAKlB,KACA,KA/DuB,CAgEvBuH,E,2GCjMFrG,eAAeC,OAAO,IAAe,I,qGCU9B,MAAM1C,GAAgB,QAAiB,QAE9C,MAAMoK,WAAgB,QAAgB,CACpCpK,gBACAE,aAAc,kBAEd,WAAAE,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iDAIhD,QACE,iLAUAH,KAEJ,CAEA,iBAAI+J,GACF,MAAgD,SAAzC/J,KAAKK,aAAa,kBAC3B,CAEA,IAAA2C,GACEjD,MAAMiD,QAEN,QAAgBhD,KAAM,KACpB,MAAMgK,IAAgBhK,KAAKiK,WAAWtB,OACtC3I,KAAK4C,MAAMsH,SAAWF,GAAehK,KAAK+J,cAAgB,OAAS,IAEvE,EAGF,MAAM,KAAExC,GAAS,CACfA,KAAM,CAAEvG,SAAU,IAAM,UAGbmJ,GAAY,SACvB,QAAiB,CACfrJ,SAAU,CACRC,UAAW,IAAKwG,EAAMtG,SAAU,SAChCE,cAAe,IAAKoG,EAAMtG,SAAU,aACpCI,SAAU,CAAC,EACXU,UAAW,CAAC,CAAEd,SAAU,UACxBmJ,eAAgB,CAAEnJ,SAAU,eAC5BoJ,kBAAmB,CAAEpJ,SAAU,kBAC/BqJ,WAAY,CAAC,EACbtI,UAAW,CAAC,EACZT,cAAe,CAAC,EAChBH,WAAY,CAAC,EACbmJ,UAAW,CAAC,EACZjJ,WAAY,CAAC,EACbI,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,MAGlB,QAAa,CAAEkG,SAAU,CAAC,CAAEC,KAAM,aAAczH,MAAO,WACvD,KACA,KAtBuB,CAuBvBwJ,E,mGCjFF3H,eAAeC,OAAO,IAAe,I,gYCOrC,MAAMoI,EAAcC,IAClB,MAAMC,EAASC,SAASF,EAAW,IACnC,OAAIG,OAAOC,MAAMH,GAAgB,EAC1BA,GA6BII,EAAgB,CAC3BC,QAAS,CACPC,MAAO,IACPC,KAAM,KAERC,OAAQ,CACNF,MAAO,IACPC,KAAM,KAERE,OAAQ,CACNH,MAAO,IACPC,KAAM,KAERG,QAAS,CACPJ,MAAO,IACPC,KAAM,MCvCGvL,GAAgB,QAAiB,mBAExC2L,EAAe,EACjBC,KAAI5K,OAAM6K,gBAAeC,aAAYC,aACvCC,EACAC,KAEA,MAAMC,EAAgBH,EAAY,yBAA2B,IAEvD,QAAEI,EAAO,YAAEC,GDkCU,CAACN,IAC5B,MAAMO,EAAOjB,EAAcU,IAAeV,EAAcM,QACxD,MAAO,CACLS,QAASE,EAAKf,MACdc,YAAaC,EAAKd,OCtCae,CAAcR,GAEzCS,EAAaN,EAAIO,eAAiB,GAAGP,EAAIO,kBAAoB,GAE7DzB,EDZiB,EAAC0B,EAAOC,KAC/B,GAAIxB,OAAOC,MAAMF,SAASwB,EAAO,KAAM,MAAO,GAE9C,MAAME,EAAO,IAAIC,KAAKH,GAChBI,EAAOF,EAAKG,cACZC,EAAQC,OAAOL,EAAKM,WAAa,GAAGC,SAAS,EAAG,KAChDC,EAAMH,OAAOL,EAAKS,WAAWF,SAAS,EAAG,KACzCG,EAAOV,EAAKW,mBAAmB,QAAS,CAC5CC,QAAQ,EACRC,KAAM,UACNC,OAAQ,YAGJC,EAAY,CAChB,aAAc,GAAGP,KAAOJ,KAASF,IACjC,aAAc,GAAGA,KAAQE,KAASI,IAClC,aAAc,GAAGJ,KAASI,KAAON,KAInC,MAAO,GADSa,EAAUhB,IAAWgB,EAAU,iBAC1BL,KCRHM,CAAU9B,EAAeI,EAAIS,QAEzCkB,EAAQ7B,EACV,kGAImBE,EAAI4B,wBAEvB5B,EAAI6B,yCAEJ,GAEEC,EACH9B,EAAI+B,aAAgBjC,EAYjB,GAXA,qJAKgBH,gCACGK,EAAI4B,mDAGvB5B,EAAIgC,yCAIJC,EAAWtH,SAASC,cAAc,YA4CxC,OA1CAqH,EAASzN,UAAY,4BACEyL,kLAMJC,+BACKC,6PASZwB,kBACAG,gLAQAxB,4KAOAxB,2FAQZmD,EAASC,QAAQrI,cAAc,gBAAgBsI,YAAcpN,EACtDkN,GAGHG,GAAY,QAAgB,CAChCrO,gBACAE,aAAcuJ,EAAA,EAAUzJ,iBAoJpB,KAAE6H,GAAS,CACfA,KAAM,CAAEvG,SAAU,IAAM,UAGbgN,GAAsB,SACjC,QAAiB,CACflN,SAAU,CACRC,UAAW,IAAKwG,EAAMtG,SAAU,SAChCgN,aAAc,IAAK1G,EAAMtG,SAAU,aACnCE,cAAe,CACb,IAAKoG,EAAMtG,SAAU,aACrB,CACED,SAAU,IAAM,oBAChBC,SAAU,aAEZ,CACED,SAAU,IAAM,eAChBC,SAAU,cAIdiN,aAAc,CACZjN,SAAUkI,EAAA,EAAU5G,WAAW2F,KAEjCiG,oBAAqB,CACnBnN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWT,iBAEjCsM,iBAAkB,CAChBpN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWV,cAEjCwM,gBAAiB,CACfrN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWb,aAEjC4M,cAAe,CACbtN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWN,WAEjCsM,YAAa,CACX,CACEvN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWf,iBAEjC,CACER,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWd,oBAGnC+M,oBAAqB,CACnBxN,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAW8G,WAEjCQ,0BAA2B,CACzB7I,SAAU,IAAMmI,EAAA,EAAUzJ,cAC1BuB,SAAUkI,EAAA,EAAU5G,WAAWsH,2BAGjC4E,oBAAqB,CACnBzN,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWf,iBAErCkN,sBAAuB,CACrB1N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWd,mBAErCkN,WAAY,CACV3N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWsF,QAErC+G,YAAa,CACX5N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAW0F,SAErC4G,gBAAiB,CACf7N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWX,aAErCkN,iBAAkB,CAChB9N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWV,cAErCkN,oBAAqB,CACnB/N,SAAUgH,EAAA,EAActI,cACxBuB,SAAU+G,EAAA,EAAczF,WAAWT,iBAErCkN,eAAgB,CACdhO,SAAU,IAAM,WAChBC,SAAU,OAGZgO,iBAAkB,CAChBjO,SAAUH,EAAA,EAAWnB,cACrBuB,SAAUJ,EAAA,EAAW0B,WAAWX,aAElCsN,eAAgB,CACdlO,SAAUH,EAAA,EAAWnB,cACrBuB,SAAUJ,EAAA,EAAW0B,WAAWR,WAElCoN,qBAAsB,CACpBnO,SAAUH,EAAA,EAAWnB,cACrBuB,SAAUJ,EAAA,EAAW0B,WAAWT,iBAElCsN,kBAAmB,CACjBpO,SAAUH,EAAA,EAAWnB,cACrBuB,SAAUJ,EAAA,EAAW0B,WAAWV,cAGlCwN,eAAgB,CACdrO,SAAU,IAAM,QAChBC,SAAU,OAEZqO,cAAe,CACbtO,SAAU,IAAM,UAChBC,SAAU,OAEZsO,eAAgB,CACd,CACEvO,SAAU,IAAM,eAChBC,SAAU,SAEZ,CACED,SAAU,IAAM,eAChBC,SAAU,WAIduO,kBAAmB,CACjBxO,SAAU,SACVC,SAAU,UAIhB,MACA,QAAuB,CACrBoK,eACAoE,ODzXkB,CAACC,EAAGC,IACxBnF,EAAWmF,EAAEpE,eAAiBf,EAAWkF,EAAEnE,eCyXzCqE,kBAAmB,CACjB,sBACA,uBACA,mBACA,SACA,kBAGJ,KA9IiC,CArJnC,cAAqC7B,EACnC,WAAAjO,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,mHAMhDH,KAAK6P,SAAW7P,KAAK8G,WAAWtB,cAAc,iBAE9C,QACE,4zCA2EAxF,KAEJ,CAEA,IAAAgD,GACEjD,MAAMiD,SAENhD,KAAK6P,SAASxE,aAAeA,EAE7BrL,KAAK6P,SAAS3I,iBAAiB,QAASlH,KAAK8P,cAAcC,KAAK/P,MAClE,CAEA,aAAA8P,CAAc3I,GACZ,GAAInH,KAAKoH,SAAU,OAEnB,MAAM4I,EAAS7I,EAAE6I,OAAOC,QAAQ,oBAC1BC,EAAWF,GAAQ3P,aAAa,kBAElC6P,GACFlQ,KAAKmQ,cACH,IAAIC,YAAY,wBAAyB,CACvCC,SAAS,EACTC,OAAQ,CAAEhF,GAAI4E,EAAUK,OAAQ,mBAIxC,CAEA,YAAInJ,GACF,MAAyC,SAAlCpH,KAAKK,aAAa,WAC3B,CAEA,eAAIqN,GACF,MAA6C,SAAtC1N,KAAKK,aAAa,eAC3B,CAEA,UAAI+L,GACF,OAAOpM,KAAKK,aAAa,WAAWmQ,eAAiB,YACvD,CAEA,qBAAI7C,GACF,OAAO3N,KAAKK,aAAa,wBAA0B,UACrD,CAEA,sBAAImN,GACF,OAAOxN,KAAKK,aAAa,yBAA2B,gBACtD,CAEA,kBAAI6L,GACF,OAAOlM,KAAKK,aAAa,qBAAuB,aAClD,CAEA,aAAIkN,GACF,OAAOvN,KAAKK,aAAa,oBAC3B,ICnPF8B,eAAeC,OAAO1C,EAAesO,E","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":""}
+{"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      lineHeight: {},\n      textTransform: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n      boxShadow: {},\n      textIndent: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import {\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","lineHeight","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":""}

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

@@ -1,5 +1,5 @@
 /*! For license information please see descope-user-attribute-index-js.js.LICENSE.txt */
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,1578,2294,4188,5087,6724],{78159(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA="},22966(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA="},76368(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4="},65725(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},77888(t,e,i){"use strict";i.d(e,{T:()=>s,e:()=>d});var o=i(88961),n=i(72270),r=i(25964),a=i(63200);const s=(0,r.xE)("badge");class l extends((0,n.qu)({componentName:s,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,r.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,i){super.attributeChangedCallback?.(t,e,i),"data-attachment-size"===t&&e!==i&&this.#t(i)}}const d=(0,a.Zz)((0,o.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:{}}}),o.VO,o.tQ)(l)},11065(t,e,i){"use strict";i.r(e),i.d(e,{BadgeClass:()=>o.e,componentName:()=>o.T});var o=i(77888);customElements.define(o.T,o.e)},19624(t,e,i){"use strict";i.d(e,{J:()=>p,T:()=>l});var o=i(63200),n=i(25964),r=i(88961),a=i(98538),s=i(10767);const l=(0,n.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,o.Zz)((0,r.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,r.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,r.VO,r.tQ)((0,r.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:g}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,i){"use strict";i.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,i){"use strict";i.r(e),i.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=i(19624);i(83799),customElements.define(o.T,o.J)},98538(t,e,i){"use strict";i.d(e,{S:()=>l,T:()=>s});var o=i(88961),n=i(25964),r=i(8512),a=i(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,o.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},56737(t,e,i){"use strict";i.r(e),i.d(e,{IconClass:()=>o.S,componentName:()=>o.T}),i(53455);var o=i(98538);customElements.define(o.T,o.S)},8512(t,e,i){"use strict";i.d(e,{T:()=>l,q:()=>h});var o=i(88961),n=i(72270),r=i(63200),a=i(25964),s=i(18782);const l=(0,a.xE)("image"),d=["src","src-dark"];class c extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.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(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.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,i){super.attributeChangedCallback?.(t,e,i),e!==i&&this.shouldRender(t)&&this.renderImage()}}const h=(0,r.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,i){"use strict";i.d(e,{m:()=>r});var o=i(25414);const n=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let i;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));i=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();i=n(o)}else i=((t,e)=>{const i=document.createElement("img");return i.setAttribute("src",t),i.setAttribute("alt",e),i})(t,e);return i.style.setProperty("max-width","100%"),i.style.setProperty("max-height","100%"),i}catch{return null}}},53455(t,e,i){"use strict";i.r(e),i.d(e,{ImageClass:()=>o.q,componentName:()=>o.T});var o=i(8512);customElements.define(o.T,o.q)},66434(t,e,i){"use strict";i.d(e,{T:()=>s,s:()=>c});var o=i(88961),n=i(63200),r=i(25964),a=i(72270);const s=(0,r.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,r.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,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,n.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(l)},63595(t,e,i){"use strict";i.r(e),i.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=i(66434);customElements.define(o.T,o.s)},45554(t,e,i){"use strict";i.r(e),i.d(e,{UserAttributeClass:()=>k,componentName:()=>M});var o=i(66434),n=i(19624),r=i(77888),a=i(98538),s=i(25964),l=i(79365),d=i(81365),c=i(9696),h=i(97810),u=i(76368),p=i.n(u),b=i(65725),g=i.n(b),m=i(22966),y=i.n(m),x=i(78159),v=i.n(x);const M=(0,h.xE)("user-attribute");class f extends((0,d.q)({componentName:M,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n        <div class="content-wrapper">\n          <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n          <div class="btn-wrapper">\n            <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n            <descope-button size="sm" data-id="copy-btn" variant="link" mode="primary">\n              <slot name="copy-icon"></slot>\n              <descope-icon class="check-icon" src="${v()}" src-dark="${v()}"></descope-icon>\n            </descope-button>\n            <descope-button size="sm" data-id="delete-btn" variant="link" mode="primary">\n              <slot name="delete-icon"></slot>\n            </descope-button>\n            <descope-button size="sm" data-id="edit-btn" variant="link" mode="primary">\n              <slot name="edit-icon"></slot>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t`,(0,s.fz)(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\n\t\t\t\t}\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        ::slotted(*) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        @container (max-width: 529px) {\n          .root {\n            flex-wrap: wrap;\n          }\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n          flex-shrink: 0;\n        }\n\n        slot[name="edit-icon"],\n        slot[name="delete-icon"],\n        slot[name="copy-icon"] {\n          display: inline-flex;\n          flex-shrink: 0;\n          align-items: center;\n        }\n\n        descope-button[data-id="copy-btn"].hidden {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"] .check-icon {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"].copied slot[name="copy-icon"] {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"].copied .check-icon {\n          display: inline-flex;\n        }\n\n        .content-wrapper {\n          display: flex;\n          flex-grow: 1;\n          align-items: center;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n          max-width: 100%;\n          min-width: 0;\n        }\n\n        .label {\n          flex-grow: 1;\n          width: 100%;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n          width: 0;\n        }\n\n        descope-text[data-id="label-text"].required:after {\n          content: '*';\n          color: var(${o.s.cssVarList.textColor});\n        }\n\n        :host([readonly="true"]) descope-button:not([data-id="copy-btn"]) {\n          visibility: hidden;\n          width: 0;\n        }\n          `,this),this.copyButton=this.shadowRoot.querySelector('descope-button[data-id="copy-btn"]'),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}updateButtonLabel(t,e){let i=t.querySelector("span.btn-label");e?(i||(i=document.createElement("span"),i.classList.add("btn-label"),t.appendChild(i)),i.innerText=e):i?.remove()}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}get editButtonLabel(){return this.getAttribute("edit-button-label")||""}get deleteButtonLabel(){return this.getAttribute("delete-button-label")||""}get isDeleteHidden(){return"true"===this.getAttribute("hide-delete")}get isCopyEnabled(){return"true"===this.getAttribute("show-copy")}get copyButtonLabel(){return this.getAttribute("copy-button-label")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.updateButtonLabel(this.editButton,this.editButtonLabel),this.updateButtonLabel(this.deleteButton,this.deleteButtonLabel),this.updateButtonLabel(this.copyButton,this.copyButtonLabel),this.handleDeleteButtonVisibility(),this.handleCopyButtonState(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.copyButton.addEventListener("click",()=>this.#e()),this.setDefaultChildren()}#e(){this.value&&!this.isDraggable&&navigator.clipboard&&navigator.clipboard.writeText(this.value).then(()=>{this.copyButton.classList.add("copied"),setTimeout(()=>this.copyButton.classList.remove("copied"),2e3)}).catch(()=>{})}handleCopyButtonState(){this.copyButton.classList.toggle("hidden",!this.isCopyEnabled),this.value?this.copyButton.removeAttribute("disabled"):this.copyButton.setAttribute("disabled","true")}#i(t,e){const i=document.createElement("descope-icon");i.setAttribute("src",t),i.setAttribute("src-dark",t),i.setAttribute("slot",e),this.appendChild(i)}setDefaultChildren(){this.querySelector('[slot="delete-icon"]')||this.#i(p(),"delete-icon"),this.querySelector('[slot="edit-icon"]')||this.#i(g(),"edit-icon"),this.setDefaultCopyIcon()}setDefaultCopyIcon(){this.isCopyEnabled&&!this.querySelector('[slot="copy-icon"]')&&this.#i(y(),"copy-icon")}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text","edit-button-label","delete-button-label","copy-button-label","hide-delete","show-copy"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value||this.isDeleteHidden)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t?this.onBadgeTooltipTextChange():"edit-button-label"===t?this.updateButtonLabel(this.editButton,this.editButtonLabel):"delete-button-label"===t?this.updateButtonLabel(this.deleteButton,this.deleteButtonLabel):"copy-button-label"===t?this.updateButtonLabel(this.copyButton,this.copyButtonLabel):"show-copy"===t&&this.setDefaultCopyIcon(),"value"!==t&&"required"!==t&&"hide-delete"!==t||this.handleDeleteButtonVisibility(),"value"!==t&&"show-copy"!==t||this.handleCopyButtonState())}}const{host:w,textFields:T,buttons:D,badge:A,labelText:I,contentWrapper:L}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},k=(0,c.Zz)((0,l.RF)({mappings:{hostWidth:{...w,property:"width"},hostMinWidth:{...w,property:"min-width"},hostMaxWidth:{...w,property:"max-width"},hostDirection:[{...w,property:"direction"},{...T,property:o.s.cssVarList.hostDirection},{...D,property:n.J.cssVarList.hostDirection},{...A,property:r.e.cssVarList.hostDirection}],labelMinWidth:{...I,property:"min-width"},contentMinWidth:{...L,property:"min-width"},badgeMaxWidth:{...A,property:"max-width"},itemsGap:[{property:"gap"},{...L,property:"gap"}],iconColor:[{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},{selector:()=>".check-icon",property:a.S.cssVarList.fill}]}}),l.VO,l.tQ)(f);i(63595),i(30576),i(11065),i(56737),customElements.define(M,k)},89389(t,e,i){"use strict";i.d(e,{$:()=>b});var o=i(13256),n=i(55774),r=i(82901),a=i(72562),s=i(81488),l=i(87550);const d=i(51450).AH`
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,1578,2294,4188,5087,6724],{78159(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA="},22966(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA="},76368(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4="},65725(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},77888(t,e,i){"use strict";i.d(e,{T:()=>s,e:()=>d});var o=i(88961),n=i(72270),r=i(25964),a=i(63200);const s=(0,r.xE)("badge");class l extends((0,n.qu)({componentName:s,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,r.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,i){super.attributeChangedCallback?.(t,e,i),"data-attachment-size"===t&&e!==i&&this.#t(i)}}const d=(0,a.Zz)((0,o.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},lineHeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),o.VO,o.tQ)(l)},11065(t,e,i){"use strict";i.r(e),i.d(e,{BadgeClass:()=>o.e,componentName:()=>o.T});var o=i(77888);customElements.define(o.T,o.e)},19624(t,e,i){"use strict";i.d(e,{J:()=>p,T:()=>l});var o=i(63200),n=i(25964),r=i(88961),a=i(98538),s=i(10767);const l=(0,n.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,o.Zz)((0,r.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,r.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,r.VO,r.tQ)((0,r.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:g}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,i){"use strict";i.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,i){"use strict";i.r(e),i.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=i(19624);i(83799),customElements.define(o.T,o.J)},98538(t,e,i){"use strict";i.d(e,{S:()=>l,T:()=>s});var o=i(88961),n=i(25964),r=i(8512),a=i(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,o.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},56737(t,e,i){"use strict";i.r(e),i.d(e,{IconClass:()=>o.S,componentName:()=>o.T}),i(53455);var o=i(98538);customElements.define(o.T,o.S)},8512(t,e,i){"use strict";i.d(e,{T:()=>l,q:()=>h});var o=i(88961),n=i(72270),r=i(63200),a=i(25964),s=i(18782);const l=(0,a.xE)("image"),d=["src","src-dark"];class c extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.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(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.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,i){super.attributeChangedCallback?.(t,e,i),e!==i&&this.shouldRender(t)&&this.renderImage()}}const h=(0,r.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,i){"use strict";i.d(e,{m:()=>r});var o=i(25414);const n=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let i;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));i=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();i=n(o)}else i=((t,e)=>{const i=document.createElement("img");return i.setAttribute("src",t),i.setAttribute("alt",e),i})(t,e);return i.style.setProperty("max-width","100%"),i.style.setProperty("max-height","100%"),i}catch{return null}}},53455(t,e,i){"use strict";i.r(e),i.d(e,{ImageClass:()=>o.q,componentName:()=>o.T});var o=i(8512);customElements.define(o.T,o.q)},66434(t,e,i){"use strict";i.d(e,{T:()=>s,s:()=>c});var o=i(88961),n=i(63200),r=i(25964),a=i(72270);const s=(0,r.xE)("text");class l extends((0,a.qu)({componentName:s,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,r.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,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,n.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(l)},63595(t,e,i){"use strict";i.r(e),i.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=i(66434);customElements.define(o.T,o.s)},45554(t,e,i){"use strict";i.r(e),i.d(e,{UserAttributeClass:()=>k,componentName:()=>M});var o=i(66434),n=i(19624),r=i(77888),a=i(98538),s=i(25964),l=i(79365),d=i(81365),c=i(9696),h=i(97810),u=i(76368),p=i.n(u),b=i(65725),g=i.n(b),m=i(22966),y=i.n(m),x=i(78159),v=i.n(x);const M=(0,h.xE)("user-attribute");class f extends((0,d.q)({componentName:M,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n        <div class="content-wrapper">\n          <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n          <div class="btn-wrapper">\n            <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n            <descope-button size="sm" data-id="copy-btn" variant="link" mode="primary">\n              <slot name="copy-icon"></slot>\n              <descope-icon class="check-icon" src="${v()}" src-dark="${v()}"></descope-icon>\n            </descope-button>\n            <descope-button size="sm" data-id="delete-btn" variant="link" mode="primary">\n              <slot name="delete-icon"></slot>\n            </descope-button>\n            <descope-button size="sm" data-id="edit-btn" variant="link" mode="primary">\n              <slot name="edit-icon"></slot>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t`,(0,s.fz)(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\n\t\t\t\t}\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        ::slotted(*) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        @container (max-width: 529px) {\n          .root {\n            flex-wrap: wrap;\n          }\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n          flex-shrink: 0;\n        }\n\n        slot[name="edit-icon"],\n        slot[name="delete-icon"],\n        slot[name="copy-icon"] {\n          display: inline-flex;\n          flex-shrink: 0;\n          align-items: center;\n        }\n\n        descope-button[data-id="copy-btn"].hidden {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"] .check-icon {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"].copied slot[name="copy-icon"] {\n          display: none;\n        }\n\n        descope-button[data-id="copy-btn"].copied .check-icon {\n          display: inline-flex;\n        }\n\n        .content-wrapper {\n          display: flex;\n          flex-grow: 1;\n          align-items: center;\n        }\n\n        descope-text::part(text-wrapper) {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          width: initial;\n        }\n\n        descope-text {\n          display: inline-flex;\n          max-width: 100%;\n          min-width: 0;\n        }\n\n        .label {\n          flex-grow: 1;\n          width: 100%;\n        }\n\n        .value {\n          flex-grow: 1;\n        }\n\n        descope-badge {\n          margin-inline-end: 10px;\n        }\n\n        .hidden {\n          visibility: hidden;\n          width: 0;\n        }\n\n        descope-text[data-id="label-text"].required:after {\n          content: '*';\n          color: var(${o.s.cssVarList.textColor});\n        }\n\n        :host([readonly="true"]) descope-button:not([data-id="copy-btn"]) {\n          visibility: hidden;\n          width: 0;\n        }\n          `,this),this.copyButton=this.shadowRoot.querySelector('descope-button[data-id="copy-btn"]'),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}updateButtonLabel(t,e){let i=t.querySelector("span.btn-label");e?(i||(i=document.createElement("span"),i.classList.add("btn-label"),t.appendChild(i)),i.innerText=e):i?.remove()}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}get editButtonLabel(){return this.getAttribute("edit-button-label")||""}get deleteButtonLabel(){return this.getAttribute("delete-button-label")||""}get isDeleteHidden(){return"true"===this.getAttribute("hide-delete")}get isCopyEnabled(){return"true"===this.getAttribute("show-copy")}get copyButtonLabel(){return this.getAttribute("copy-button-label")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.updateButtonLabel(this.editButton,this.editButtonLabel),this.updateButtonLabel(this.deleteButton,this.deleteButtonLabel),this.updateButtonLabel(this.copyButton,this.copyButtonLabel),this.handleDeleteButtonVisibility(),this.handleCopyButtonState(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.copyButton.addEventListener("click",()=>this.#e()),this.setDefaultChildren()}#e(){this.value&&!this.isDraggable&&navigator.clipboard&&navigator.clipboard.writeText(this.value).then(()=>{this.copyButton.classList.add("copied"),setTimeout(()=>this.copyButton.classList.remove("copied"),2e3)}).catch(()=>{})}handleCopyButtonState(){this.copyButton.classList.toggle("hidden",!this.isCopyEnabled),this.value?this.copyButton.removeAttribute("disabled"):this.copyButton.setAttribute("disabled","true")}#i(t,e){const i=document.createElement("descope-icon");i.setAttribute("src",t),i.setAttribute("src-dark",t),i.setAttribute("slot",e),this.appendChild(i)}setDefaultChildren(){this.querySelector('[slot="delete-icon"]')||this.#i(p(),"delete-icon"),this.querySelector('[slot="edit-icon"]')||this.#i(g(),"edit-icon"),this.setDefaultCopyIcon()}setDefaultCopyIcon(){this.isCopyEnabled&&!this.querySelector('[slot="copy-icon"]')&&this.#i(y(),"copy-icon")}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text","edit-button-label","delete-button-label","copy-button-label","hide-delete","show-copy"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value||this.isDeleteHidden)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t?this.onBadgeTooltipTextChange():"edit-button-label"===t?this.updateButtonLabel(this.editButton,this.editButtonLabel):"delete-button-label"===t?this.updateButtonLabel(this.deleteButton,this.deleteButtonLabel):"copy-button-label"===t?this.updateButtonLabel(this.copyButton,this.copyButtonLabel):"show-copy"===t&&this.setDefaultCopyIcon(),"value"!==t&&"required"!==t&&"hide-delete"!==t||this.handleDeleteButtonVisibility(),"value"!==t&&"show-copy"!==t||this.handleCopyButtonState())}}const{host:w,textFields:T,buttons:D,badge:A,labelText:I,contentWrapper:L}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},k=(0,c.Zz)((0,l.RF)({mappings:{hostWidth:{...w,property:"width"},hostMinWidth:{...w,property:"min-width"},hostMaxWidth:{...w,property:"max-width"},hostDirection:[{...w,property:"direction"},{...T,property:o.s.cssVarList.hostDirection},{...D,property:n.J.cssVarList.hostDirection},{...A,property:r.e.cssVarList.hostDirection}],labelMinWidth:{...I,property:"min-width"},contentMinWidth:{...L,property:"min-width"},badgeMaxWidth:{...A,property:"max-width"},itemsGap:[{property:"gap"},{...L,property:"gap"}],iconColor:[{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},{selector:()=>".check-icon",property:a.S.cssVarList.fill}]}}),l.VO,l.tQ)(f);i(63595),i(30576),i(11065),i(56737),customElements.define(M,k)},89389(t,e,i){"use strict";i.d(e,{$:()=>b});var o=i(13256),n=i(55774),r=i(82901),a=i(72562),s=i(81488),l=i(87550);const d=i(51450).AH`
   :host {
     display: inline-block;
     position: relative;