npm - @descope/web-components-ui - Versions diffs - 3.27.0 → 3.27.2 - Mend

@descope/web-components-ui 3.27.0 → 3.27.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-user-attribute-index-js.js","mappings":"yIAAAA,EAAAC,QAAA,+RCAAD,EAAAC,QAAA,uYCAAD,EAAAC,QAAA,+WCAAD,EAAAC,QAAA,qjDCYO,MAAAC,GAAsB,EAAAC,EAAAC,IAAgB,SAE7C,MAAAC,WAAuB,EAAAC,EAAAC,IAAe,CACtCL,gBACAM,aAAA,iBAEA,6BAAAC,GACA,8DACA,CAEA,WAAAC,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,sDAMlC,EAAAZ,EAAAa,IACJ,8OAYAJ,KAEA,CAEA,8BAAAK,GACA,OAAAL,KAAAM,aAAA,oCACA,CAEA,EAAAC,CAAAC,GACAR,KAAAS,gBACA,sBACAC,WAAAF,GAAAR,KAAAK,2BAEA,CAEA,wBAAAM,CAAAC,EAAAC,EAAAC,GACAf,MAAAY,2BAAAC,EAAAC,EAAAC,GACA,yBAAAF,GAAAC,IAAAC,GACAd,MAAAO,EAAAO,EAEA,EAGO,MAAAC,GAAmB,EAAAC,EAAAC,KACxB,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAC,UAAA,EAAoBC,SAAA,YAAAC,SAAA,UACpBC,WAAA,EAAqBF,SAAA,YAAAC,SAAA,WACrBE,cAAA,CAAuBF,SAAA,aAEvBG,WAAA,GACAC,SAAA,GACAC,WAAA,GACAC,WAAA,GACAC,cAAA,GACAC,gBAAA,CACA,CAAUR,SAAA,eACV,CAAUA,SAAA,mBAEVS,kBAAA,CACA,CAAUT,SAAA,gBACV,CAAUA,SAAA,kBAGVU,YAAA,GACAC,YAAA,GACAC,YAAA,GACAC,aAAA,GAEAC,gBAAA,GAEAC,UAAA,CAAmBf,SAAA,SACnBgB,UAAA,GACAC,UAAA,GACAC,WAAA,MAGEvB,EAAAwB,GACAxB,EAAAyB,GAnCwB,CAoC1BlD,sGCrGAmD,eAAAC,OAAsBC,EAAAC,EAAeD,EAAAE,kHCU9B,MAAA1D,GAAsB,EAAA2D,EAAAzD,IAAgB,WAsC7C0D,KAAQA,EAAAC,MAAAA,EAAAC,YAAAA,GAA2B,CACnCF,KAAA,CAAU5B,SAAA,aACV6B,MAAA,CAAW7B,SAAA,iBACX8B,YAAA,CAAiB9B,SAAA,gCAGjB,IAAA+B,EAEO,MAAAC,GAAoB,EAAAC,EAAAtC,KACzB,EAAAuC,EAAAC,IAAY,CAAGC,SAAA,EAAaC,KAAA,aAAAnD,MAAA,YAC5B,EAAAgD,EAAArC,IAAgB,CAClBC,SAAA,CACAC,UAAA,CAAmBE,SAAA,SACnBqC,aAAA,IAAsBV,EAAA3B,SAAA,aACtBC,WAAA,CAAoBD,SAAA,UACpBE,cAAA,IAAuByB,EAAA3B,SAAA,aACvBI,SAAA,GACAD,WAAA,GACAE,WAAA,GAEAiC,OAAA,GACAxB,gBAAA,GAEAyB,cAAA,GACAC,aAAA,GACAC,aAAA,GACAC,aAAA,GAEA7B,aAAA,GACAD,YAAA,GACAD,YAAA,GACAD,YAAA,GAEAF,gBAAA,CACA,CAAUR,SAAA,eACV,CAAUA,SAAA,mBAEVS,kBAAA,CACA,CAAUT,SAAA,gBAAA2C,SAAA,WACV,CAAU3C,SAAA,eAAA2C,SAAA,YAGVC,eAAA,CAAwB5C,SAAA,SACxB6C,UAAA,CACA9C,SAAA,mBACAC,SAAkB8C,EAAAC,EAASC,WAAAC,MAE3BC,oBAAA,IAA6BtB,EAAA5B,SAAA,mBAC7BmD,aAAA,IAAsBvB,EAAA5B,SAAA,OACtBgB,UAAA,IAAmBY,EAAA5B,SAAA,kBAAA2C,SAAA,UAEnBS,SAAA,CACA,IAAUvB,EAAA7B,SAAA,SACV,IAAU6B,EAAA7B,SAAA,cAIRqD,EAAAC,EACArB,EAAAd,GACAc,EAAAb,GAnDyB,EAqDzB,EAAAa,EAAAsB,IAAW,CACbC,MAAA,+BACAC,eAAA,gBACAC,MAAA,yjBAGK5B,2GAGmBC,EAAAiB,WAAAN,uBAA8CX,EAAAiB,WAAAT,qFAGjDR,EAAAiB,WAAAlD,yEAGEiC,EAAAiB,WAAA/C,qBAA4C8B,EAAAiB,WAAAN,uBAA8CX,EAAAiB,WAAAT,wGAG3FR,EAAAiB,WAAAlD,oBAA2CiC,EAAAiB,WAAAN,uBAA8CX,EAAAiB,WAAAT,uDAI/GoB,iBAAA,6BACA5F,oBAIA6F,MAAQA,EAAAxD,SAAAA,GAAkB2B,EAAAiB,WAC1BlB,EAAA,mbAee8B,iCACUxD,wCACCA,yCACCA,6BACZA,wBACCA,uQC/JT,MAAAyD,EAAAC,GACP,cAAAA,EACA,aAAAC,GACA,eAAAtF,KAAAM,aAAA,UACA,CAEA,KAAAiF,GACAvF,KAAAsF,WAAAvF,MAAAwF,OACA,gHCLA3C,eAAAC,OAAsB2C,EAAAzC,EAAeyC,EAAAC,sGCO9B,MAAAnG,GAAsB,EAAA2D,EAAAzD,IAAgB,QAEtCkG,GAAkB,EAAA1E,EAAAC,KACvB,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAoD,KAAA,IAAe,CAAIjD,SAAUoE,EAAAC,EAAUrB,WAAAC,OACvCqB,OAAA,CAAgBvE,SAAA,aAChBwE,MAAA,CAAexE,SAAA,gBAGbJ,EAAAwB,GACAxB,EAAAyB,GATuB,EAWvB,EAAAzB,EAAA4D,IAAW,CACbC,MAAA,GACAC,eAAA,gBACAC,MAAA,iKAQAC,iBAAA,oDACA5F,8HC/BAsD,eAAAC,OAAsBkD,EAAAhD,EAAegD,EAAAzB,iHCQ9B,MAAAhF,GAAsB,EAAA0G,EAAAxG,IAAgB,SAE7CyG,EAAA,mBAEA,MAAAC,WAAuB,EAAAxG,EAAAC,IAAe,CACtCL,gBACAM,aAAA,UAEA,6BAAAC,GACA,OAAAoG,CACA,CAEA,WAAAnG,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,2BAIlC,EAAA6F,EAAA5F,IACJ,6UAoBAJ,KAEA,CAEA,IAAAmG,GACApG,MAAAoG,SACAnG,KAAAoG,iBAAApG,KAAAqG,OACA,CAEA,aAAAC,GACAtG,KAAAuG,aACA,CAEA,gBAAAH,CAAAI,GACAA,EACAxG,KAAAyG,UAAAC,OAAA,UAEA1G,KAAAyG,UAAAE,IAAA,SAEA,CAEA,WAAAC,GACA,OAAA5G,KAAAM,aAAA,UACA,CAEA,aAAAuG,GACA,OAAA7G,KAAAM,aAAA,MACA,CAEA,YAAAwG,GACA,OAAA9G,KAAAM,aAAA,OAAoCN,KAAA+G,mBACpC,CAEA,UAAAV,GACA,OAAArG,KAAA8G,UAAA9G,KAAA6G,SACA,CAKA,eAAAG,CAAAC,GAEA,CAAAA,KAAAA,EAAAC,iBAAA,YAEAC,QAAAC,IACAA,EAAAC,aACA,OACA,OAAeC,EAAA/C,WAAAC,SAA+B4C,EAAA9G,aAAA,mBAG9C,CAEA,WAAAiG,GACAvG,KAAAoG,iBAAApG,KAAAqG,SAEI,EAAAkB,EAAAC,GAAWxH,KAAAqG,OAAArG,KAAA4G,SAAAa,KAAAC,IACf1H,KAAAG,UAAA,GACAuH,IACA1H,KAAAgH,gBAAAU,GACA1H,KAAA2H,YAAAD,KAGA,CAGA,YAAAE,CAAAC,GACA,MAAAC,EAAA9H,KAAAM,aAAAuH,GACA,OAAA7H,KAAAqG,SAAAyB,CACA,CAEA,wBAAAnH,CAAAoH,EAAAC,EAAAC,GACAlI,MAAAY,2BAAAoH,EAAAC,EAAAC,GAEAD,IAAAC,GAEAjI,KAAA4H,aAAAG,IACA/H,KAAAuG,aAEA,EAGO,MAAAe,GAAmB,EAAAY,EAAAjH,KACxB,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAoD,KAAA,GACAqB,OAAA,CAAgBvE,SAAA,aAChBwE,MAAA,CAAexE,SAAA,gBAGbJ,EAAAwB,GACAxB,EAAAyB,GATwB,CAU1BuD,8DC7IA,MAgBAiC,EAAAC,IAEA,MAAAC,EAAgBC,EAAAC,EAASC,SAAAJ,EAAA,CACzBK,aAAA,CAAoBC,KAAA,EAAAC,YAAA,GAEpBC,SAAA,UAEAC,YAAA,WAOA,OAJA,IAAAC,WAEAC,gBAAAV,EAAA,iBACAW,cAAA,QAIOC,EAAAC,MAAArB,EAAAjB,KACP,IACA,IAAAQ,EACA,GA7BA,CAAAS,GAAAA,EAAAsB,WAFA,8BA+BAC,CAAAvB,GAAA,CAEA,MAAAwB,EAAAC,KAAAzB,EAAA0B,MAAAC,KACApC,EAAAe,EAAAkB,EACA,MAAM,WAxCN,CAAAI,IACA,MAAAC,EAAAD,EAAAC,MAAA,8BACA,OAAAA,EAAAA,EAAA,SAsCMC,CAAA9B,GAAA,CAEN,MAAA+B,QAAAC,MAAAhC,GACAO,QAAAwB,EAAAxB,OACAhB,EAAAe,EAAAC,EACA,MAEAhB,EAtCA,EAAAS,EAAAjB,KACA,MAAAQ,EAAA0C,SAAAC,cAAA,OAGA,OAFA3C,EAAAC,aAAA,MAAAQ,GACAT,EAAAC,aAAA,MAAAT,GACAQ,GAkCA4C,CAAAnC,EAAAjB,GAMA,OAHAQ,EAAAnC,MAAAgF,YAAA,oBACA7C,EAAAnC,MAAAgF,YAAA,qBAEA7C,CACA,CAAI,MACJ,WACA,qGCxDAxE,eAAAC,OAAsBqH,EAAAnH,EAAemH,EAAAtE,uGCY9B,MAAAtG,GAAsB,EAAAC,EAAAC,IAAgB,QAE7C,MAAA2K,WAAsB,EAAAC,EAAAzK,IAAe,CACrCL,gBACAM,aAAA,kBAEA,WAAAE,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,iDAIlC,EAAAZ,EAAAa,IACJ,iLAUAJ,KAEA,CAEA,iBAAAqK,GACA,eAAArK,KAAAM,aAAA,kBACA,CAEA,IAAA6F,GACApG,MAAAoG,QAEI,EAAA5G,EAAA+K,IAAetK,KAAA,KACnB,MAAAuK,IAAAvK,KAAAwK,WAAAC,OACAzK,KAAAiF,MAAAyF,SAAAH,GAAAvK,KAAAqK,cAAA,WAEA,EAGA,MAAAnH,KAAQA,GAAO,CACfA,KAAA,CAAU5B,SAAA,cAGHqJ,GAAkB,EAAAC,EAAA3J,KACvB,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAC,UAAA,IAAmB6B,EAAA3B,SAAA,SACnBE,cAAA,IAAuByB,EAAA3B,SAAA,aACvBI,SAAA,GACAW,UAAA,EAAoBf,SAAA,UACpBsJ,eAAA,CAAwBtJ,SAAA,eACxBuJ,kBAAA,CAA2BvJ,SAAA,kBAC3BwJ,WAAA,GACAxI,UAAA,GACAT,cAAA,GACAJ,WAAA,GACAsJ,UAAA,GACApJ,WAAA,GACAK,YAAA,GACAC,YAAA,GACAC,YAAA,OAGE,EAAAjB,EAAAuC,IAAY,CAAGC,SAAA,EAAaC,KAAA,aAAAnD,MAAA,WAC5BU,EAAAwB,GACAxB,EAAAyB,GAtBuB,CAuBzBwH,qGCjFAvH,eAAAC,OAAsBoI,EAAAlI,EAAekI,EAAAC,iRCY9B,MAAA5L,GAAsB,EAAA6L,EAAA3L,IAAgB,kBAC7C,MAAA4L,WAA+B,EAAAC,EAAAzF,GAAe,CAC9CtG,gBACAM,aAAA,mBAEA,WAAAE,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,4nBASgBmL,kBAAwBA,6bAa1E,EAAAC,EAAAnL,IACJ,mlEAgGuBuK,EAAAO,EAAS3G,WAAAjC,mLAQhCtC,MAGAA,KAAAwL,WAAAxL,KAAAyL,WAAAzC,cAAA,sCACAhJ,KAAA0L,aAAA1L,KAAAyL,WAAAzC,cAAA,wCACAhJ,KAAA2L,WAAA3L,KAAAyL,WAAAzC,cAAA,sCACAhJ,KAAA4L,MAAA5L,KAAAyL,WAAAzC,cAAA,iBACAhJ,KAAA6L,UAAA7L,KAAAyL,WAAAzC,cAAA,sCACAhJ,KAAA8L,UAAA9L,KAAAyL,WAAAzC,cAAA,qCACA,CAEA,aAAA+C,GACA/L,KAAA6L,UAAAG,UAAAhM,KAAAmD,MACAnD,KAAA6L,UAAAxE,aAAA,QAAArH,KAAAmD,MACA,CAEA,0BAAA8I,GACA,MAAA7D,EAAApI,KAAAQ,OAAAR,KAAAkM,YACAhM,EAAAF,KAAAQ,MAAA,sBAEAR,KAAA8L,UAAAE,UAAA5D,EACApI,KAAA8L,UAAAzE,aAAA,QAAAe,GACApI,KAAA8L,UAAAzE,aAAA,OAAAnH,EACA,CAEA,kBAAAiM,GACAnM,KAAAoM,YAGApM,KAAA4L,MAAAI,UAAAhM,KAAAoM,WACApM,KAAA4L,MAAA3G,MAAAyF,QAAA,IAHA1K,KAAA4L,MAAA3G,MAAAyF,QAAA,MAKA,CAEA,wBAAA2B,GACArM,KAAA4L,MAAAvE,aAAA,QAAArH,KAAAsM,kBAAAtM,KAAAoM,WACA,CAEA,iBAAAG,CAAAC,EAAArJ,GACA,IAAAsJ,EAAAD,EAAAxD,cAAA,kBAEA7F,GACAsJ,IACAA,EAAA3C,SAAAC,cAAA,QACA0C,EAAAhG,UAAAE,IAAA,aACA6F,EAAA7E,YAAA8E,IAEAA,EAAAT,UAAA7I,GAEAsJ,GAAA/F,QAEA,CAEA,kBAAAgG,GACA1M,KAAA6L,UAAApF,UAAAkG,OAAA,WAAA3M,KAAA4M,WACA,CAEA,SAAAzJ,GACA,OAAAnD,KAAAM,aAAA,YACA,CAEA,SAAAE,GACA,OAAAR,KAAAM,aAAA,YACA,CAEA,eAAA4L,GACA,OAAAlM,KAAAM,aAAA,kBACA,CAEA,cAAAsM,GACA,eAAA5M,KAAAM,aAAA,WACA,CAEA,cAAA8L,GACA,OAAApM,KAAAM,aAAA,kBACA,CAEA,oBAAAgM,GACA,OAAAtM,KAAAM,aAAA,yBACA,CAEA,mBAAAuM,GACA,OAAA7M,KAAAM,aAAA,wBACA,CAEA,qBAAAwM,GACA,OAAA9M,KAAAM,aAAA,0BACA,CAEA,kBAAAyM,GACA,eAAA/M,KAAAM,aAAA,cACA,CAEA,iBAAA0M,GACA,eAAAhN,KAAAM,aAAA,YACA,CAEA,mBAAA2M,GACA,OAAAjN,KAAAM,aAAA,wBACA,CAEA,IAAA6F,GACAnG,KAAA+L,gBACA/L,KAAAiM,6BACAjM,KAAA0M,qBACA1M,KAAAmM,qBACAnM,KAAAqM,2BACArM,KAAAuM,kBAAAvM,KAAA2L,WAAA3L,KAAA6M,iBACA7M,KAAAuM,kBAAAvM,KAAA0L,aAAA1L,KAAA8M,mBACA9M,KAAAuM,kBAAAvM,KAAAwL,WAAAxL,KAAAiN,iBACAjN,KAAAkN,+BACAlN,KAAAmN,wBAEAnN,KAAA0L,aAAA0B,iBAAA,YACApN,KAAAqN,cAAA,IAAAC,YAAA,kBAA6DC,SAAA,EAAAC,UAAA,MAG7DxN,KAAA2L,WAAAyB,iBAAA,YACApN,KAAAqN,cAAA,IAAAC,YAAA,gBAA2DC,SAAA,EAAAC,UAAA,MAG3DxN,KAAAwL,WAAA4B,iBAAA,YAAApN,MAAAyN,KAEAzN,KAAA0N,oBACA,CAEA,EAAAD,GAGAzN,KAAAQ,QAAAR,KAAA2N,aAAAC,UAAAC,WAEAD,UAAAC,UACAC,UAAA9N,KAAAQ,OACAiH,KAAA,KACAzH,KAAAwL,WAAA/E,UAAAE,IAAA,UACAoH,WAAA,IAAA/N,KAAAwL,WAAA/E,UAAAC,OAAA,iBAEAsH,MAAA,OACA,CAEA,qBAAAb,GACAnN,KAAAwL,WAAA/E,UAAAkG,OAAA,UAAA3M,KAAAgN,eAEAhN,KAAAQ,MACAR,KAAAwL,WAAAyC,gBAAA,YAEAjO,KAAAwL,WAAAnE,aAAA,kBAEA,CAEA,EAAA6G,CAAArG,EAAAsG,GACA,MAAAC,EAAAtE,SAAAC,cAAA,gBACAqE,EAAA/G,aAAA,MAAAQ,GACAuG,EAAA/G,aAAA,WAAAQ,GACAuG,EAAA/G,aAAA,OAAA8G,GACAnO,KAAA2H,YAAAyG,EACA,CAEA,kBAAAV,GACA1N,KAAAgJ,cAAA,yBACAhJ,MAAAkO,EAAoBG,IAAU,eAE9BrO,KAAAgJ,cAAA,uBACAhJ,MAAAkO,EAAoBI,IAAQ,aAE5BtO,KAAAuO,oBACA,CAEA,kBAAAA,GACAvO,KAAAgN,gBAAAhN,KAAAgJ,cAAA,uBACAhJ,MAAAkO,EAAoBM,IAAQ,YAE5B,CAEA,6BAAA3O,GACA,OACA,QACA,QACA,cACA,WACA,cACA,qBACA,oBACA,sBACA,oBACA,cACA,aACA4O,OAAA1O,MAAAF,mBACA,CAEA,4BAAAqN,GACAlN,KAAA0L,aAAAjF,UAAAkG,OACA,SACA3M,KAAA4M,aAAA5M,KAAAQ,OAAAR,KAAA+M,eAEA,CAEA,wBAAApM,CAAAC,EAAAoH,EAAAC,GACAlI,MAAAY,2BAAAC,EAAAoH,EAAAC,GAEAD,IAAAC,IAIA,UAAArH,EACAZ,KAAA+L,gBACM,UAAAnL,GAAA,gBAAAA,EACNZ,KAAAiM,6BACM,aAAArL,EACNZ,KAAA0M,qBACM,gBAAA9L,EACNZ,KAAAmM,qBACM,uBAAAvL,EACNZ,KAAAqM,2BACM,sBAAAzL,EACNZ,KAAAuM,kBAAAvM,KAAA2L,WAAA3L,KAAA6M,iBACM,wBAAAjM,EACNZ,KAAAuM,kBAAAvM,KAAA0L,aAAA1L,KAAA8M,mBACM,sBAAAlM,EACNZ,KAAAuM,kBAAAvM,KAAAwL,WAAAxL,KAAAiN,iBACM,cAAArM,GACNZ,KAAAuO,qBAGA,UAAA3N,GAAA,aAAAA,GAAA,gBAAAA,GACAZ,KAAAkN,+BAGA,UAAAtM,GAAA,cAAAA,GACAZ,KAAAmN,wBAEA,EAGA,MAAAjK,KAAQA,EAAAwL,WAAAA,EAAAC,QAAAA,EAAA/C,MAAAA,EAAAC,UAAAA,EAAA+C,eAAAA,GAA8D,CACtE1L,KAAA,CAAU5B,SAAA,aACVoN,WAAA,CAAgBpN,SAAA,gBAChBuK,UAAA,CAAevK,SAAA,sCACfqN,QAAA,CAAarN,SAAA,kBACbsK,MAAA,CAAWtK,SAAA,iBACXsN,eAAA,CAAoBtN,SAAA,sBAGbuN,GAA2B,EAAAC,EAAA7N,KAChC,EAAA8N,EAAA5N,IAAgB,CAClBC,SAAA,CACAC,UAAA,IAAmB6B,EAAA3B,SAAA,SACnByN,aAAA,IAAsB9L,EAAA3B,SAAA,aACtBqC,aAAA,IAAsBV,EAAA3B,SAAA,aACtBE,cAAA,CACA,IAAUyB,EAAA3B,SAAA,aACV,IAAUmN,EAAAnN,SAAyBoJ,EAAAO,EAAS3G,WAAA9C,eAC5C,IAAUkN,EAAApN,SAAsB+B,EAAAmC,EAAWlB,WAAA9C,eAC3C,IAAUmK,EAAArK,SAAoBR,EAAAiC,EAAUuB,WAAA9C,gBAExCwN,cAAA,IAAuBpD,EAAAtK,SAAA,aACvB2N,gBAAA,IAAyBN,EAAArN,SAAA,aACzB4N,cAAA,IAAuBvD,EAAArK,SAAA,aACvB6N,SAAA,EAAmB7N,SAAA,OAAiB,IAAIqN,EAAArN,SAAA,QACxC6C,UAAA,CACA,CAAU9C,SAAA,mBAAAC,SAA0CmE,EAAApB,EAASC,WAAAC,MAG7D,CAAUlD,SAAA,kBAAAC,SAAyCmE,EAAApB,EAASC,WAAAC,UAI1DuK,EAAArM,GACAqM,EAAApM,GAzBgC,CA0BlCyI,uCC5ZAxI,eAAAC,OAAsBvD,EAAeuP","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-attribute/check.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/copy.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.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-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') \|\| 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n 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 { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport copyIcon from './copy.svg';\nimport checkIcon from './check.svg';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n componentName,\n baseSelector: ':host > .root',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"root\">\n <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=\"${checkIcon}\" src-dark=\"${checkIcon}\"></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`;\n\n injectStyle(\n `\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(${TextClass.cssVarList.textColor});\n }\n\n :host([readonly=\"true\"]) descope-button:not([data-id=\"copy-btn\"]) {\n visibility: hidden;\n width: 0;\n }\n `,\n this\n );\n\n this.copyButton = this.shadowRoot.querySelector('descope-button[data-id=\"copy-btn\"]');\n this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n this.badge = this.shadowRoot.querySelector('descope-badge');\n this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n }\n\n onLabelChange() {\n this.labelText.innerText = this.label;\n this.labelText.setAttribute('title', this.label);\n }\n\n onValueOrPlaceholderChange() {\n const text = this.value \|\| this.placeholder;\n const mode = this.value ? 'primary' : 'secondary';\n\n this.valueText.innerText = text;\n this.valueText.setAttribute('title', text);\n this.valueText.setAttribute('mode', mode);\n }\n\n onBadgeLabelChange() {\n if (!this.badgeLabel) {\n this.badge.style.display = 'none';\n } else {\n this.badge.innerText = this.badgeLabel;\n this.badge.style.display = '';\n }\n }\n\n onBadgeTooltipTextChange() {\n this.badge.setAttribute('title', this.badgeTooltipText \|\| this.badgeLabel);\n }\n\n updateButtonLabel(btnRef, label) {\n let textSpanEle = btnRef.querySelector('span.btn-label');\n\n if (label) {\n if (!textSpanEle) {\n textSpanEle = document.createElement('span');\n textSpanEle.classList.add('btn-label');\n btnRef.appendChild(textSpanEle);\n }\n textSpanEle.innerText = label;\n } else {\n textSpanEle?.remove();\n }\n }\n\n onIsRequiredChange() {\n this.labelText.classList.toggle('required', this.isRequired);\n }\n\n get label() {\n return this.getAttribute('label') \|\| '';\n }\n\n get value() {\n return this.getAttribute('value') \|\| '';\n }\n\n get placeholder() {\n return this.getAttribute('placeholder') \|\| '';\n }\n\n get isRequired() {\n return this.getAttribute('required') === 'true';\n }\n\n get badgeLabel() {\n return this.getAttribute('badge-label') \|\| '';\n }\n\n get badgeTooltipText() {\n return this.getAttribute('badge-tooltip-text') \|\| '';\n }\n\n get editButtonLabel() {\n return this.getAttribute('edit-button-label') \|\| '';\n }\n\n get deleteButtonLabel() {\n return this.getAttribute('delete-button-label') \|\| '';\n }\n\n get isDeleteHidden() {\n return this.getAttribute('hide-delete') === 'true';\n }\n\n get isCopyEnabled() {\n return this.getAttribute('show-copy') === 'true';\n }\n\n get copyButtonLabel() {\n return this.getAttribute('copy-button-label') \|\| '';\n }\n\n init() {\n this.onLabelChange();\n this.onValueOrPlaceholderChange();\n this.onIsRequiredChange();\n this.onBadgeLabelChange();\n this.onBadgeTooltipTextChange();\n this.updateButtonLabel(this.editButton, this.editButtonLabel);\n this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n this.handleDeleteButtonVisibility();\n this.handleCopyButtonState();\n\n this.deleteButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n );\n\n this.editButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n );\n\n this.copyButton.addEventListener('click', () => this.#handleCopyClick());\n\n this.setDefaultChildren();\n }\n\n #handleCopyClick() {\n // isDraggable is true only inside the page editor (craftjs sets draggable=\"true\"\n // for drag-and-drop); there the copy action must not run.\n if (!this.value \|\| this.isDraggable \|\| !navigator.clipboard) return;\n\n navigator.clipboard\n .writeText(this.value)\n .then(() => {\n this.copyButton.classList.add('copied');\n setTimeout(() => this.copyButton.classList.remove('copied'), 2000);\n })\n .catch(() => {});\n }\n\n handleCopyButtonState() {\n this.copyButton.classList.toggle('hidden', !this.isCopyEnabled);\n\n if (this.value) {\n this.copyButton.removeAttribute('disabled');\n } else {\n this.copyButton.setAttribute('disabled', 'true');\n }\n }\n\n #addIcon(src, slotName) {\n const icon = document.createElement('descope-icon');\n icon.setAttribute('src', src);\n icon.setAttribute('src-dark', src);\n icon.setAttribute('slot', slotName);\n this.appendChild(icon);\n }\n\n setDefaultChildren() {\n if (!this.querySelector('[slot=\"delete-icon\"]')) {\n this.#addIcon(deleteIcon, 'delete-icon');\n }\n if (!this.querySelector('[slot=\"edit-icon\"]')) {\n this.#addIcon(editIcon, 'edit-icon');\n }\n this.setDefaultCopyIcon();\n }\n\n setDefaultCopyIcon() {\n if (this.isCopyEnabled && !this.querySelector('[slot=\"copy-icon\"]')) {\n this.#addIcon(copyIcon, 'copy-icon');\n }\n }\n\n static get observedAttributes() {\n return [\n 'label',\n 'value',\n 'placeholder',\n 'required',\n 'badge-label',\n 'badge-tooltip-text',\n 'edit-button-label',\n 'delete-button-label',\n 'copy-button-label',\n 'hide-delete',\n 'show-copy',\n ].concat(super.observedAttributes);\n }\n\n handleDeleteButtonVisibility() {\n this.deleteButton.classList.toggle(\n 'hidden',\n this.isRequired \|\| !this.value \|\| this.isDeleteHidden\n );\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (oldValue === newValue) {\n return;\n }\n\n if (name === 'label') {\n this.onLabelChange();\n } else if (name === 'value' \|\| name === 'placeholder') {\n this.onValueOrPlaceholderChange();\n } else if (name === 'required') {\n this.onIsRequiredChange();\n } else if (name === 'badge-label') {\n this.onBadgeLabelChange();\n } else if (name === 'badge-tooltip-text') {\n this.onBadgeTooltipTextChange();\n } else if (name === 'edit-button-label') {\n this.updateButtonLabel(this.editButton, this.editButtonLabel);\n } else if (name === 'delete-button-label') {\n this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n } else if (name === 'copy-button-label') {\n this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n } else if (name === 'show-copy') {\n this.setDefaultCopyIcon();\n }\n\n if (name === 'value' \|\| name === 'required' \|\| name === 'hide-delete') {\n this.handleDeleteButtonVisibility();\n }\n\n if (name === 'value' \|\| name === 'show-copy') {\n this.handleCopyButtonState();\n }\n }\n}\n\nconst { host, textFields, buttons, badge, labelText, contentWrapper } = {\n host: { selector: () => ':host' },\n textFields: { selector: 'descope-text' },\n labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n buttons: { selector: 'descope-button' },\n badge: { selector: 'descope-badge' },\n contentWrapper: { selector: ' .content-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n { ...textFields, property: TextClass.cssVarList.hostDirection },\n { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n { ...badge, property: BadgeClass.cssVarList.hostDirection },\n ],\n labelMinWidth: { ...labelText, property: 'min-width' },\n contentMinWidth: { ...contentWrapper, property: 'min-width' },\n badgeMaxWidth: { ...badge, property: 'max-width' },\n itemsGap: [{ property: 'gap' }, { ...contentWrapper, property: 'gap' }],\n iconColor: [\n { selector: () => '::slotted()', property: IconClass.cssVarList.fill },\n // the copied check-icon lives in the shadow DOM (not slotted), so it\n // needs its own mapping to follow the same icon color\n { selector: () => '.check-icon', property: IconClass.cssVarList.fill },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAttribute","createBaseClass","check_default","componentsHelpers","copyButton","shadowRoot","deleteButton","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","placeholder","onBadgeLabelChange","badgeLabel","onBadgeTooltipTextChange","badgeTooltipText","updateButtonLabel","btnRef","textSpanEle","onIsRequiredChange","toggle","isRequired","editButtonLabel","deleteButtonLabel","isDeleteHidden","isCopyEnabled","copyButtonLabel","handleDeleteButtonVisibility","handleCopyButtonState","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","handleCopyClick","setDefaultChildren","isDraggable","navigator","clipboard","writeText","setTimeout","catch","removeAttribute","addIcon","slotName","icon","delete_default","edit_default","setDefaultCopyIcon","copy_default","concat","textFields","buttons","contentWrapper","UserAttributeClass","helpers","mixins","hostMinWidth","labelMinWidth","contentMinWidth","badgeMaxWidth","itemsGap"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-user-attribute-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-attribute/check.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/copy.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/delete.svg","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/edit.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-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/UserAttributeClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-attribute/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE2IDFINGMtMS4xIDAtMiAuOS0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDExYzEuMSAwIDItLjkgMi0yVjdjMC0xLjEtLjktMi0yLTJ6bTAgMTZIOFY3aDExdjE0eiIgZmlsbD0iY3VycmVudGNvbG9yIi8+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g\"","import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') \|\| 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'role'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n 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 { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport deleteIcon from './delete.svg';\nimport editIcon from './edit.svg';\nimport copyIcon from './copy.svg';\nimport checkIcon from './check.svg';\n\nexport const componentName = getComponentName('user-attribute');\nclass RawUserAttribute extends createBaseClass({\n componentName,\n baseSelector: ':host > .root',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"root\">\n <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=\"${checkIcon}\" src-dark=\"${checkIcon}\"></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`;\n\n injectStyle(\n `\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(${TextClass.cssVarList.textColor});\n }\n\n :host([readonly=\"true\"]) descope-button:not([data-id=\"copy-btn\"]) {\n visibility: hidden;\n width: 0;\n }\n `,\n this\n );\n\n this.copyButton = this.shadowRoot.querySelector('descope-button[data-id=\"copy-btn\"]');\n this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id=\"delete-btn\"]');\n this.editButton = this.shadowRoot.querySelector('descope-button[data-id=\"edit-btn\"]');\n this.badge = this.shadowRoot.querySelector('descope-badge');\n this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n this.valueText = this.shadowRoot.querySelector('descope-text[data-id=\"value-text\"]');\n }\n\n onLabelChange() {\n this.labelText.innerText = this.label;\n this.labelText.setAttribute('title', this.label);\n }\n\n onValueOrPlaceholderChange() {\n const text = this.value \|\| this.placeholder;\n const mode = this.value ? 'primary' : 'secondary';\n\n this.valueText.innerText = text;\n this.valueText.setAttribute('title', text);\n this.valueText.setAttribute('mode', mode);\n }\n\n onBadgeLabelChange() {\n if (!this.badgeLabel) {\n this.badge.style.display = 'none';\n } else {\n this.badge.innerText = this.badgeLabel;\n this.badge.style.display = '';\n }\n }\n\n onBadgeTooltipTextChange() {\n this.badge.setAttribute('title', this.badgeTooltipText \|\| this.badgeLabel);\n }\n\n updateButtonLabel(btnRef, label) {\n let textSpanEle = btnRef.querySelector('span.btn-label');\n\n if (label) {\n if (!textSpanEle) {\n textSpanEle = document.createElement('span');\n textSpanEle.classList.add('btn-label');\n btnRef.appendChild(textSpanEle);\n }\n textSpanEle.innerText = label;\n } else {\n textSpanEle?.remove();\n }\n }\n\n onIsRequiredChange() {\n this.labelText.classList.toggle('required', this.isRequired);\n }\n\n get label() {\n return this.getAttribute('label') \|\| '';\n }\n\n get value() {\n return this.getAttribute('value') \|\| '';\n }\n\n get placeholder() {\n return this.getAttribute('placeholder') \|\| '';\n }\n\n get isRequired() {\n return this.getAttribute('required') === 'true';\n }\n\n get badgeLabel() {\n return this.getAttribute('badge-label') \|\| '';\n }\n\n get badgeTooltipText() {\n return this.getAttribute('badge-tooltip-text') \|\| '';\n }\n\n get editButtonLabel() {\n return this.getAttribute('edit-button-label') \|\| '';\n }\n\n get deleteButtonLabel() {\n return this.getAttribute('delete-button-label') \|\| '';\n }\n\n get isDeleteHidden() {\n return this.getAttribute('hide-delete') === 'true';\n }\n\n get isCopyEnabled() {\n return this.getAttribute('show-copy') === 'true';\n }\n\n get copyButtonLabel() {\n return this.getAttribute('copy-button-label') \|\| '';\n }\n\n init() {\n this.onLabelChange();\n this.onValueOrPlaceholderChange();\n this.onIsRequiredChange();\n this.onBadgeLabelChange();\n this.onBadgeTooltipTextChange();\n this.updateButtonLabel(this.editButton, this.editButtonLabel);\n this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n this.handleDeleteButtonVisibility();\n this.handleCopyButtonState();\n\n this.deleteButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))\n );\n\n this.editButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))\n );\n\n this.copyButton.addEventListener('click', () => this.#handleCopyClick());\n\n this.setDefaultChildren();\n }\n\n #handleCopyClick() {\n // isDraggable is true only inside the page editor (craftjs sets draggable=\"true\"\n // for drag-and-drop); there the copy action must not run.\n if (!this.value \|\| this.isDraggable \|\| !navigator.clipboard) return;\n\n navigator.clipboard\n .writeText(this.value)\n .then(() => {\n this.copyButton.classList.add('copied');\n setTimeout(() => this.copyButton.classList.remove('copied'), 2000);\n })\n .catch(() => {});\n }\n\n handleCopyButtonState() {\n this.copyButton.classList.toggle('hidden', !this.isCopyEnabled);\n\n if (this.value) {\n this.copyButton.removeAttribute('disabled');\n } else {\n this.copyButton.setAttribute('disabled', 'true');\n }\n }\n\n #addIcon(src, slotName) {\n const icon = document.createElement('descope-icon');\n icon.setAttribute('src', src);\n icon.setAttribute('src-dark', src);\n icon.setAttribute('slot', slotName);\n this.appendChild(icon);\n }\n\n setDefaultChildren() {\n if (!this.querySelector('[slot=\"delete-icon\"]')) {\n this.#addIcon(deleteIcon, 'delete-icon');\n }\n if (!this.querySelector('[slot=\"edit-icon\"]')) {\n this.#addIcon(editIcon, 'edit-icon');\n }\n this.setDefaultCopyIcon();\n }\n\n setDefaultCopyIcon() {\n if (this.isCopyEnabled && !this.querySelector('[slot=\"copy-icon\"]')) {\n this.#addIcon(copyIcon, 'copy-icon');\n }\n }\n\n static get observedAttributes() {\n return [\n 'label',\n 'value',\n 'placeholder',\n 'required',\n 'badge-label',\n 'badge-tooltip-text',\n 'edit-button-label',\n 'delete-button-label',\n 'copy-button-label',\n 'hide-delete',\n 'show-copy',\n ].concat(super.observedAttributes);\n }\n\n handleDeleteButtonVisibility() {\n this.deleteButton.classList.toggle(\n 'hidden',\n this.isRequired \|\| !this.value \|\| this.isDeleteHidden\n );\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (oldValue === newValue) {\n return;\n }\n\n if (name === 'label') {\n this.onLabelChange();\n } else if (name === 'value' \|\| name === 'placeholder') {\n this.onValueOrPlaceholderChange();\n } else if (name === 'required') {\n this.onIsRequiredChange();\n } else if (name === 'badge-label') {\n this.onBadgeLabelChange();\n } else if (name === 'badge-tooltip-text') {\n this.onBadgeTooltipTextChange();\n } else if (name === 'edit-button-label') {\n this.updateButtonLabel(this.editButton, this.editButtonLabel);\n } else if (name === 'delete-button-label') {\n this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);\n } else if (name === 'copy-button-label') {\n this.updateButtonLabel(this.copyButton, this.copyButtonLabel);\n } else if (name === 'show-copy') {\n this.setDefaultCopyIcon();\n }\n\n if (name === 'value' \|\| name === 'required' \|\| name === 'hide-delete') {\n this.handleDeleteButtonVisibility();\n }\n\n if (name === 'value' \|\| name === 'show-copy') {\n this.handleCopyButtonState();\n }\n }\n}\n\nconst { host, textFields, buttons, badge, labelText, contentWrapper } = {\n host: { selector: () => ':host' },\n textFields: { selector: 'descope-text' },\n labelText: { selector: 'descope-text[data-id=\"label-text\"]' },\n buttons: { selector: 'descope-button' },\n badge: { selector: 'descope-badge' },\n contentWrapper: { selector: ' .content-wrapper' },\n};\n\nexport const UserAttributeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n { ...textFields, property: TextClass.cssVarList.hostDirection },\n { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n { ...badge, property: BadgeClass.cssVarList.hostDirection },\n ],\n labelMinWidth: { ...labelText, property: 'min-width' },\n contentMinWidth: { ...contentWrapper, property: 'min-width' },\n badgeMaxWidth: { ...badge, property: 'max-width' },\n itemsGap: [{ property: 'gap' }, { ...contentWrapper, property: 'gap' }],\n iconColor: [\n { selector: () => '::slotted()', property: IconClass.cssVarList.fill },\n // the copied check-icon lives in the shadow DOM (not slotted), so it\n // needs its own mapping to follow the same icon color\n { selector: () => '.check-icon', property: IconClass.cssVarList.fill },\n ],\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawUserAttribute);\n","import { componentName, UserAttributeClass } from './UserAttributeClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, UserAttributeClass);\n\nexport { UserAttributeClass, componentName };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_IconClass__WEBPACK_IMPORTED_MODULE_1__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAttribute","createBaseClass","check_default","componentsHelpers","copyButton","shadowRoot","deleteButton","editButton","badge","labelText","valueText","onLabelChange","innerText","onValueOrPlaceholderChange","placeholder","onBadgeLabelChange","badgeLabel","onBadgeTooltipTextChange","badgeTooltipText","updateButtonLabel","btnRef","textSpanEle","onIsRequiredChange","toggle","isRequired","editButtonLabel","deleteButtonLabel","isDeleteHidden","isCopyEnabled","copyButtonLabel","handleDeleteButtonVisibility","handleCopyButtonState","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","handleCopyClick","setDefaultChildren","isDraggable","navigator","clipboard","writeText","setTimeout","catch","removeAttribute","addIcon","slotName","icon","delete_default","edit_default","setDefaultCopyIcon","copy_default","concat","textFields","buttons","contentWrapper","UserAttributeClass","helpers","mixins","hostMinWidth","labelMinWidth","contentMinWidth","badgeMaxWidth","itemsGap"],"sourceRoot":""}

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

@@ -1,2 +1,2 @@
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4188,9990],{9427(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA=="},77888(t,e,n){"use strict";n.d(e,{T:()=>r,e:()=>d});var i=n(88961),s=n(72270),l=n(25964),o=n(63200);const r=(0,l.xE)("badge");class a extends((0,s.qu)({componentName:r,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,l.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"data-attachment-size"===t&&e!==n&&this.#t(n)}}const d=(0,o.Zz)((0,i.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:{}}}),i.VO,i.tQ)(a)},11065(t,e,n){"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(77888);customElements.define(i.T,i.e)},19624(t,e,n){"use strict";n.d(e,{J:()=>p,T:()=>a});var i=n(63200),s=n(25964),l=n(88961),o=n(98538),r=n(10767);const a=(0,s.xE)("button"),{host:d,label:h,slottedIcon:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,i.Zz)((0,l.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,l.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:o.S.cssVarList.fill},labelTextDecoration:{...h,property:"text-decoration"},labelSpacing:{...h,property:"gap"},textAlign:{...h,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),r.G,l.VO,l.tQ)((0,l.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:a})),{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,n){"use strict";n.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){"use strict";n.r(e),n.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=n(19624);n(83799),customElements.define(i.T,i.J)},98538(t,e,n){"use strict";n.d(e,{S:()=>a,T:()=>r});var i=n(88961),s=n(25964),l=n(8512),o=n(63200);const r=(0,s.xE)("icon"),a=(0,o.Zz)((0,i.RF)({mappings:{fill:[{},{property:l.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:r}))},8512(t,e,n){"use strict";n.d(e,{T:()=>a,q:()=>c});var i=n(88961),s=n(72270),l=n(63200),o=n(25964),r=n(18782);const a=(0,o.xE)("image"),d=["src","src-dark"];class h extends((0,s.qu)({componentName:a,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,r.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const c=(0,l.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(h)},18782(t,e,n){"use strict";n.d(e,{m:()=>l});var i=n(25414);const s=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},l=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=s(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();n=s(i)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},66434(t,e,n){"use strict";n.d(e,{T:()=>r,s:()=>h});var i=n(88961),s=n(63200),l=n(25964),o=n(72270);const r=(0,l.xE)("text");class a extends((0,o.qu)({componentName:r,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,l.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,l.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},h=(0,s.Zz)((0,i.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,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(a)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},67760(t,e,n){"use strict";n.r(e),n.d(e,{UserAuthMethodClass:()=>L,componentName:()=>b});var i=n(66434),s=n(19624),l=n(98538),o=n(77888),r=n(25964),a=n(79365),d=n(81365),h=n(9696),c=n(97810),u=n(9427),p=n.n(u);const b=(0,c.xE)("user-auth-method");class g extends((0,d.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <slot name="method-icon"></slot>\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-button class="btn unfulfilled hidden" size="sm" variant="link" mode="primary">\n            <slot name="button-icon"></slot>\n          </descope-button>\n          <descope-button class="btn fulfilled hidden" size="sm" variant="link" mode="primary">\n            <slot name="fulfilled-button-icon"></slot>\n          </descope-button>\n          <div class="status-indicator hidden">\n            <vaadin-icon src=${p()}></vaadin-icon>\n          </div>\n          <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n        </div>\n      </div>\n\t\t`,(0,r.fz)('\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n          min-width: 0;\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          min-width: 0;\n        }\n\n        .status-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        slot[name="method-icon"]:not(:empty) {\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(t,e){let n=t.querySelector("span");e?(n||(n=document.createElement("span"),t.appendChild(n)),n.innerText=e):n&&t.removeChild(n)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"fulfilled"===t?this.onFulfilledChange():"button-label"===t?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===t?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===t&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==t||this.isFulfilled||this.handleUnfulfilled())}}const{host:f,textField:m,buttons:y,badge:x,textWrapper:v,methodIconSlot:w}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]:not(:empty)'}},L=(0,h.Zz)((0,a.RF)({mappings:{hostWidth:{...f,property:"width"},hostMinWidth:{...f,property:"min-width"},hostMaxWidth:{...f,property:"max-width"},hostDirection:[{...f,property:"direction"},{...m,property:i.s.cssVarList.hostDirection},{...y,property:s.J.cssVarList.hostDirection},{...x,property:o.e.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...v,property:"gap"}],iconSize:[{...w,property:"width"},{...w,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:l.S.cssVarList.fill}]}}),a.VO,a.tQ)(g);n(63595),n(30576),n(11065),n(95260),customElements.define(b,L)}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4188,9990],{9427(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA=="},77888(t,e,n){"use strict";n.d(e,{T:()=>r,e:()=>d});var i=n(88961),s=n(72270),l=n(25964),o=n(63200);const r=(0,l.xE)("badge");class a extends((0,s.qu)({componentName:r,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,l.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"data-attachment-size"===t&&e!==n&&this.#t(n)}}const d=(0,o.Zz)((0,i.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:{}}}),i.VO,i.tQ)(a)},11065(t,e,n){"use strict";n.r(e),n.d(e,{BadgeClass:()=>i.e,componentName:()=>i.T});var i=n(77888);customElements.define(i.T,i.e)},19624(t,e,n){"use strict";n.d(e,{J:()=>p,T:()=>a});var i=n(63200),s=n(25964),l=n(88961),o=n(98538),r=n(10767);const a=(0,s.xE)("button"),{host:d,label:h,slottedIcon:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,i.Zz)((0,l.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,l.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:o.S.cssVarList.fill},labelTextDecoration:{...h,property:"text-decoration"},labelSpacing:{...h,property:"gap"},textAlign:{...h,property:"justify-content",fallback:"center"},iconSize:[{...c,property:"width"},{...c,property:"height"}]}}),r.G,l.VO,l.tQ)((0,l.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","role"],componentName:a})),{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,n){"use strict";n.d(e,{G:()=>i});const i=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){"use strict";n.r(e),n.d(e,{ButtonClass:()=>i.J,componentName:()=>i.T});var i=n(19624);n(83799),customElements.define(i.T,i.J)},98538(t,e,n){"use strict";n.d(e,{S:()=>a,T:()=>r});var i=n(88961),s=n(25964),l=n(8512),o=n(63200);const r=(0,s.xE)("icon"),a=(0,o.Zz)((0,i.RF)({mappings:{fill:[{},{property:l.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:r}))},8512(t,e,n){"use strict";n.d(e,{T:()=>a,q:()=>c});var i=n(88961),s=n(72270),l=n(63200),o=n(25964),r=n(18782);const a=(0,o.xE)("image"),d=["src","src-dark"];class h extends((0,s.qu)({componentName:a,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,r.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const c=(0,l.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(h)},18782(t,e,n){"use strict";n.d(e,{m:()=>l});var i=n(25414);const s=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},l=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=s(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();n=s(i)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},66434(t,e,n){"use strict";n.d(e,{T:()=>r,s:()=>h});var i=n(88961),s=n(63200),l=n(25964),o=n(72270);const r=(0,l.xE)("text");class a extends((0,o.qu)({componentName:r,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,l.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,l.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},h=(0,s.Zz)((0,i.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,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(a)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)},67760(t,e,n){"use strict";n.r(e),n.d(e,{UserAuthMethodClass:()=>L,componentName:()=>b});var i=n(66434),s=n(19624),l=n(98538),o=n(77888),r=n(25964),a=n(79365),d=n(81365),h=n(9696),c=n(97810),u=n(9427),p=n.n(u);const b=(0,c.xE)("user-auth-method");class g extends((0,d.q)({componentName:b,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="root">\n        <div class="text-wrapper">\n          <slot name="method-icon"></slot>\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n        </div>\n\n        <div class="btn-wrapper">\n          <descope-button class="btn unfulfilled hidden" size="sm" variant="link" mode="primary">\n            <slot name="button-icon"></slot>\n          </descope-button>\n          <descope-button class="btn fulfilled hidden" size="sm" variant="link" mode="primary">\n            <slot name="fulfilled-button-icon"></slot>\n          </descope-button>\n          <div class="status-indicator hidden">\n            <vaadin-icon src=${p()}></vaadin-icon>\n          </div>\n          <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n        </div>\n      </div>\n\t\t`,(0,r.fz)('\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        .root {\n          display: flex;\n          width: 100%;\n          height: 100%;\n          align-items: center;\n        }\n\n        .btn-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          flex-grow: 0;\n        }\n\n        .text-wrapper {\n          display: flex;\n          align-items: center;\n          flex-grow: 1;\n          min-width: 0;\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          min-width: 0;\n        }\n\n        .status-indicator {\n          width: 1em;\n          height: 1em;\n          display: flex;\n          align-items: center;\n          padding-inline-end: 1em;\n        }\n\n        .hidden {\n          display: none;\n        }\n\n        .hidden-btn {\n          width: 0;\n          overflow: hidden;\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        slot[name="method-icon"]:not(:empty) {\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(t,e){let n=t.querySelector("span");e?(n||(n=document.createElement("span"),t.appendChild(n)),n.innerText=e):n&&t.removeChild(n)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&("label"===t?this.onLabelChange():"fulfilled"===t?this.onFulfilledChange():"button-label"===t?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===t?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===t&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==t||this.isFulfilled||this.handleUnfulfilled())}}const{host:f,textField:m,buttons:y,badge:x,textWrapper:v,methodIconSlot:w}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]:not(:empty)'}},L=(0,h.Zz)((0,a.RF)({mappings:{hostWidth:{...f,property:"width"},hostMinWidth:{...f,property:"min-width"},hostMaxWidth:{...f,property:"max-width"},hostDirection:[{...f,property:"direction"},{...m,property:i.s.cssVarList.hostDirection},{...y,property:s.J.cssVarList.hostDirection},{...x,property:o.e.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...v,property:"gap"}],iconSize:[{...w,property:"width"},{...w,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:l.S.cssVarList.fill}]}}),a.VO,a.tQ)(g);n(63595),n(30576),n(11065),n(95260),customElements.define(b,L)}}]);
 //# sourceMappingURL=descope-user-auth-method-index-js.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-user-auth-method-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/green-v.svg","webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.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/./src/components/descope-user-auth-method/UserAuthMethodClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA==\"","import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') \|\| 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n"," \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 {\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 { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport greenVIcon from './green-v.svg';\n\nexport const componentName = getComponentName('user-auth-method');\nclass RawUserAuthMethod extends createBaseClass({\n componentName,\n baseSelector: ':host > .root',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"root\">\n <div class=\"text-wrapper\">\n <slot name=\"method-icon\"></slot>\n <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"primary\"></descope-text>\n </div>\n\n <div class=\"btn-wrapper\">\n <descope-button class=\"btn unfulfilled hidden\" size=\"sm\" variant=\"link\" mode=\"primary\">\n <slot name=\"button-icon\"></slot>\n </descope-button>\n <descope-button class=\"btn fulfilled hidden\" size=\"sm\" variant=\"link\" mode=\"primary\">\n <slot name=\"fulfilled-button-icon\"></slot>\n </descope-button>\n <div class=\"status-indicator hidden\">\n <vaadin-icon src=${greenVIcon}></vaadin-icon>\n </div>\n <descope-button class=\"hidden-btn\" size=\"sm\" variant=\"link\" mode=\"primary\"></descope-button>\n </div>\n </div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n vaadin-icon {\n color: currentcolor;\n }\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .text-wrapper {\n display: flex;\n align-items: center;\n flex-grow: 1;\n min-width: 0;\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 min-width: 0;\n }\n\n .status-indicator {\n width: 1em;\n height: 1em;\n display: flex;\n align-items: center;\n padding-inline-end: 1em;\n }\n\n .hidden {\n display: none;\n }\n\n .hidden-btn {\n width: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n slot[name=\"method-icon\"]:not(:empty) {\n display: inline-flex;\n align-items: center;\n }\n `,\n this\n );\n\n this.unfulfilledButton = this.shadowRoot.querySelector('.btn.unfulfilled');\n this.fulfilledButton = this.shadowRoot.querySelector('.btn.fulfilled');\n this.statusIndicator = this.shadowRoot.querySelector('.status-indicator');\n this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n }\n\n onLabelChange() {\n this.labelText.innerText = this.label;\n this.labelText.setAttribute('title', this.label);\n }\n\n updateButtonLabel(btnRef, label) {\n let textSpanEle = btnRef.querySelector('span');\n\n if (label) {\n if (!textSpanEle) {\n textSpanEle = document.createElement('span');\n btnRef.appendChild(textSpanEle);\n }\n textSpanEle.innerText = label;\n } else if (textSpanEle) {\n btnRef.removeChild(textSpanEle);\n }\n }\n\n onFulfilledChange() {\n if (this.isFulfilled) {\n this.unfulfilledButton.classList.add('hidden');\n this.handleFulfilled();\n } else {\n this.fulfilledButton.classList.add('hidden');\n this.handleUnfulfilled();\n }\n }\n\n handleFulfilled() {\n this.fulfilledButton.classList.toggle('hidden', !this.isFulfilledEditable);\n this.statusIndicator.classList.toggle('hidden', this.isFulfilledEditable);\n }\n\n handleUnfulfilled() {\n this.unfulfilledButton.classList.toggle('hidden', !this.isUnfulfilledEditable);\n this.statusIndicator.classList.toggle('hidden', this.isUnfulfilledEditable);\n }\n\n get label() {\n return this.getAttribute('label') \|\| '';\n }\n\n get unfulfilledButtonLabel() {\n return this.getAttribute('button-label') \|\| '';\n }\n\n get fulfilledButtonLabel() {\n return this.getAttribute('fulfilled-button-label') \|\| '';\n }\n\n get isFulfilled() {\n return this.getAttribute('fulfilled') === 'true';\n }\n\n get isFulfilledEditable() {\n return this.getAttribute('fulfilled-editable') === 'true';\n }\n\n get isUnfulfilledEditable() {\n // this is to keep backward compatibility with previous versions\n return this.getAttribute('unfulfilled-editable') !== 'false';\n }\n\n init() {\n this.onLabelChange();\n this.updateButtonLabel(this.fulfilledButton, this.fulfilledButtonLabel);\n this.updateButtonLabel(this.unfulfilledButton, this.unfulfilledButtonLabel);\n this.onFulfilledChange();\n\n this.unfulfilledButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('button-clicked', { bubbles: true, composed: true }))\n );\n\n this.fulfilledButton.addEventListener('click', () => {\n this.dispatchEvent(\n new CustomEvent('fulfilled-button-clicked', { bubbles: true, composed: true })\n );\n });\n }\n\n static get observedAttributes() {\n return [\n 'label',\n 'fulfilled',\n 'button-label',\n 'fulfilled-button-label',\n 'fulfilled-editable',\n 'unfulfilled-editable',\n ].concat(super.observedAttributes);\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) {\n return;\n }\n\n if (name === 'label') {\n this.onLabelChange();\n } else if (name === 'fulfilled') {\n this.onFulfilledChange();\n } else if (name === 'button-label') {\n this.updateButtonLabel(this.unfulfilledButton, this.unfulfilledButtonLabel);\n } else if (name === 'fulfilled-button-label') {\n this.updateButtonLabel(this.fulfilledButton, this.fulfilledButtonLabel);\n } else if (name === 'fulfilled-editable' && this.isFulfilled) {\n this.handleFulfilled();\n } else if (name === 'unfulfilled-editable' && !this.isFulfilled) {\n this.handleUnfulfilled();\n }\n }\n}\n\nconst { host, textField, buttons, badge, textWrapper, methodIconSlot } = {\n host: { selector: () => ':host' },\n textField: { selector: 'descope-text' },\n buttons: { selector: 'descope-button' },\n badge: { selector: 'descope-badge' },\n textWrapper: { selector: ' .text-wrapper' },\n methodIconSlot: { selector: 'slot[name=\"method-icon\"]:not(:empty)' },\n};\n\nexport const UserAuthMethodClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n { ...textField, property: TextClass.cssVarList.hostDirection },\n { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n { ...badge, property: BadgeClass.cssVarList.hostDirection },\n ],\n itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n iconSize: [\n { ...methodIconSlot, property: 'width' },\n { ...methodIconSlot, property: 'height' },\n ],\n iconColor: [{ selector: () => '::slotted()', property: IconClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawUserAuthMethod);\n","import { componentName, UserAuthMethodClass } from './UserAuthMethodClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAuthMethodClass);\n\nexport { UserAuthMethodClass, componentName };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAuthMethod","createBaseClass","green_v_default","componentsHelpers","unfulfilledButton","shadowRoot","fulfilledButton","statusIndicator","labelText","onLabelChange","innerText","updateButtonLabel","btnRef","textSpanEle","removeChild","onFulfilledChange","isFulfilled","handleFulfilled","handleUnfulfilled","toggle","isFulfilledEditable","isUnfulfilledEditable","unfulfilledButtonLabel","fulfilledButtonLabel","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","concat","textField","buttons","badge","textWrapper","methodIconSlot","UserAuthMethodClass","helpers","mixins","hostMinWidth","itemsGap"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-user-auth-method-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/green-v.svg","webpack://@descope/web-components-ui/../components/descope-badge/src/component/BadgeClass.js","webpack://@descope/web-components-ui/../components/descope-badge/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.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/./src/components/descope-user-auth-method/UserAuthMethodClass.js","webpack://@descope/web-components-ui/./src/components/descope-user-auth-method/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA==\"","import {\n componentNameValidationMixin,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({\n componentName,\n baseSelector: ':host > div',\n}) {\n static get observedAttributes() {\n return ['data-attachment-size', 'shrink-to-indicator-threshold'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n :host > div {\n position: relative;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n `,\n this,\n );\n }\n\n get shrinkToIndicatorThreshold() {\n return this.getAttribute('shrink-to-indicator-threshold') \|\| 65;\n }\n\n #handleShrinkToIndicator(value) {\n this.toggleAttribute(\n 'shrink-to-indicator',\n parseFloat(value) < this.shrinkToIndicatorThreshold,\n );\n }\n\n attributeChangedCallback(name, oldVal, newVal) {\n super.attributeChangedCallback?.(name, oldVal, newVal);\n if (name === 'data-attachment-size' && oldVal !== newVal) {\n this.#handleShrinkToIndicator(newVal);\n }\n }\n}\n\nexport const BadgeClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: [{ selector: () => ':host', property: 'width' }],\n hostHeight: [{ selector: () => ':host', property: 'height' }],\n hostDirection: { property: 'direction' },\n\n fontFamily: {},\n fontSize: {},\n fontWeight: {},\n lineHeight: {},\n textTransform: {},\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-left' },\n { property: 'padding-right' },\n ],\n\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n borderRadius: {},\n\n backgroundColor: {},\n\n textColor: { property: 'color' },\n textAlign: {},\n boxShadow: {},\n textIndent: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n fontWeight: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [\n { property: 'padding-top' },\n { property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n selector: () => `::slotted()`,\n property: IconClass.cssVarList.fill,\n },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'role'],\n componentName,\n }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n"," \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 {\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 { TextClass } from '@descope-ui/descope-text/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { BadgeClass } from '@descope-ui/descope-badge/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport greenVIcon from './green-v.svg';\n\nexport const componentName = getComponentName('user-auth-method');\nclass RawUserAuthMethod extends createBaseClass({\n componentName,\n baseSelector: ':host > .root',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"root\">\n <div class=\"text-wrapper\">\n <slot name=\"method-icon\"></slot>\n <descope-text st-text-align=\"auto\" data-id=\"label-text\" variant=\"body1\" mode=\"primary\"></descope-text>\n </div>\n\n <div class=\"btn-wrapper\">\n <descope-button class=\"btn unfulfilled hidden\" size=\"sm\" variant=\"link\" mode=\"primary\">\n <slot name=\"button-icon\"></slot>\n </descope-button>\n <descope-button class=\"btn fulfilled hidden\" size=\"sm\" variant=\"link\" mode=\"primary\">\n <slot name=\"fulfilled-button-icon\"></slot>\n </descope-button>\n <div class=\"status-indicator hidden\">\n <vaadin-icon src=${greenVIcon}></vaadin-icon>\n </div>\n <descope-button class=\"hidden-btn\" size=\"sm\" variant=\"link\" mode=\"primary\"></descope-button>\n </div>\n </div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n vaadin-icon {\n color: currentcolor;\n }\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .text-wrapper {\n display: flex;\n align-items: center;\n flex-grow: 1;\n min-width: 0;\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 min-width: 0;\n }\n\n .status-indicator {\n width: 1em;\n height: 1em;\n display: flex;\n align-items: center;\n padding-inline-end: 1em;\n }\n\n .hidden {\n display: none;\n }\n\n .hidden-btn {\n width: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n slot[name=\"method-icon\"]:not(:empty) {\n display: inline-flex;\n align-items: center;\n }\n `,\n this\n );\n\n this.unfulfilledButton = this.shadowRoot.querySelector('.btn.unfulfilled');\n this.fulfilledButton = this.shadowRoot.querySelector('.btn.fulfilled');\n this.statusIndicator = this.shadowRoot.querySelector('.status-indicator');\n this.labelText = this.shadowRoot.querySelector('descope-text[data-id=\"label-text\"]');\n }\n\n onLabelChange() {\n this.labelText.innerText = this.label;\n this.labelText.setAttribute('title', this.label);\n }\n\n updateButtonLabel(btnRef, label) {\n let textSpanEle = btnRef.querySelector('span');\n\n if (label) {\n if (!textSpanEle) {\n textSpanEle = document.createElement('span');\n btnRef.appendChild(textSpanEle);\n }\n textSpanEle.innerText = label;\n } else if (textSpanEle) {\n btnRef.removeChild(textSpanEle);\n }\n }\n\n onFulfilledChange() {\n if (this.isFulfilled) {\n this.unfulfilledButton.classList.add('hidden');\n this.handleFulfilled();\n } else {\n this.fulfilledButton.classList.add('hidden');\n this.handleUnfulfilled();\n }\n }\n\n handleFulfilled() {\n this.fulfilledButton.classList.toggle('hidden', !this.isFulfilledEditable);\n this.statusIndicator.classList.toggle('hidden', this.isFulfilledEditable);\n }\n\n handleUnfulfilled() {\n this.unfulfilledButton.classList.toggle('hidden', !this.isUnfulfilledEditable);\n this.statusIndicator.classList.toggle('hidden', this.isUnfulfilledEditable);\n }\n\n get label() {\n return this.getAttribute('label') \|\| '';\n }\n\n get unfulfilledButtonLabel() {\n return this.getAttribute('button-label') \|\| '';\n }\n\n get fulfilledButtonLabel() {\n return this.getAttribute('fulfilled-button-label') \|\| '';\n }\n\n get isFulfilled() {\n return this.getAttribute('fulfilled') === 'true';\n }\n\n get isFulfilledEditable() {\n return this.getAttribute('fulfilled-editable') === 'true';\n }\n\n get isUnfulfilledEditable() {\n // this is to keep backward compatibility with previous versions\n return this.getAttribute('unfulfilled-editable') !== 'false';\n }\n\n init() {\n this.onLabelChange();\n this.updateButtonLabel(this.fulfilledButton, this.fulfilledButtonLabel);\n this.updateButtonLabel(this.unfulfilledButton, this.unfulfilledButtonLabel);\n this.onFulfilledChange();\n\n this.unfulfilledButton.addEventListener('click', () =>\n this.dispatchEvent(new CustomEvent('button-clicked', { bubbles: true, composed: true }))\n );\n\n this.fulfilledButton.addEventListener('click', () => {\n this.dispatchEvent(\n new CustomEvent('fulfilled-button-clicked', { bubbles: true, composed: true })\n );\n });\n }\n\n static get observedAttributes() {\n return [\n 'label',\n 'fulfilled',\n 'button-label',\n 'fulfilled-button-label',\n 'fulfilled-editable',\n 'unfulfilled-editable',\n ].concat(super.observedAttributes);\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n if (oldValue === newValue) {\n return;\n }\n\n if (name === 'label') {\n this.onLabelChange();\n } else if (name === 'fulfilled') {\n this.onFulfilledChange();\n } else if (name === 'button-label') {\n this.updateButtonLabel(this.unfulfilledButton, this.unfulfilledButtonLabel);\n } else if (name === 'fulfilled-button-label') {\n this.updateButtonLabel(this.fulfilledButton, this.fulfilledButtonLabel);\n } else if (name === 'fulfilled-editable' && this.isFulfilled) {\n this.handleFulfilled();\n } else if (name === 'unfulfilled-editable' && !this.isFulfilled) {\n this.handleUnfulfilled();\n }\n }\n}\n\nconst { host, textField, buttons, badge, textWrapper, methodIconSlot } = {\n host: { selector: () => ':host' },\n textField: { selector: 'descope-text' },\n buttons: { selector: 'descope-button' },\n badge: { selector: 'descope-badge' },\n textWrapper: { selector: ' .text-wrapper' },\n methodIconSlot: { selector: 'slot[name=\"method-icon\"]:not(:empty)' },\n};\n\nexport const UserAuthMethodClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostMaxWidth: { ...host, property: 'max-width' },\n hostDirection: [\n { ...host, property: 'direction' },\n { ...textField, property: TextClass.cssVarList.hostDirection },\n { ...buttons, property: ButtonClass.cssVarList.hostDirection },\n { ...badge, property: BadgeClass.cssVarList.hostDirection },\n ],\n itemsGap: [{ property: 'gap' }, { ...textWrapper, property: 'gap' }],\n iconSize: [\n { ...methodIconSlot, property: 'width' },\n { ...methodIconSlot, property: 'height' },\n ],\n iconColor: [{ selector: () => '::slotted()', property: IconClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawUserAuthMethod);\n","import { componentName, UserAuthMethodClass } from './UserAuthMethodClass';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-badge';\nimport '@vaadin/icon';\n\ncustomElements.define(componentName, UserAuthMethodClass);\n\nexport { UserAuthMethodClass, componentName };\n"],"names":["module","exports","componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","xE","RawBadge","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","fz","shrinkToIndicatorThreshold","getAttribute","handleShrinkToIndicator","value","toggleAttribute","parseFloat","attributeChangedCallback","name","oldVal","newVal","BadgeClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","RF","mappings","hostWidth","selector","property","hostHeight","hostDirection","fontFamily","fontSize","fontWeight","lineHeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","boxShadow","textIndent","VO","tQ","customElements","define","_BadgeClass__WEBPACK_IMPORTED_MODULE_0__","T","e","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","host","label","slottedIcon","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","hostMaxWidth","cursor","outlineOffset","outlineColor","outlineStyle","outlineWidth","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","J","IconClass","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","TextClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","textLineHeight","textLetterSpacing","textShadow","fontStyle","_TextClass__WEBPACK_IMPORTED_MODULE_0__","s","componentHelpers","RawUserAuthMethod","createBaseClass","green_v_default","componentsHelpers","unfulfilledButton","shadowRoot","fulfilledButton","statusIndicator","labelText","onLabelChange","innerText","updateButtonLabel","btnRef","textSpanEle","removeChild","onFulfilledChange","isFulfilled","handleFulfilled","handleUnfulfilled","toggle","isFulfilledEditable","isUnfulfilledEditable","unfulfilledButtonLabel","fulfilledButtonLabel","addEventListener","dispatchEvent","CustomEvent","bubbles","composed","concat","textField","buttons","badge","textWrapper","methodIconSlot","UserAuthMethodClass","helpers","mixins","hostMinWidth","itemsGap"],"sourceRoot":""}