@descope/web-components-ui 3.13.3 → 3.14.0

package/dist/umd/descope-timer-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-timer-button.js","mappings":";wIAAAA,EAAOC,QAAU,o4B,gHCYV,MAAMC,GAAgB,QAAiB,WAsCxC,KAAEC,EAAI,MAAEC,EAAK,YAAEC,GAAgB,CACnCF,KAAM,CAAEG,SAAU,IAAM,SACxBF,MAAO,CAAEE,SAAU,iBACnBD,YAAa,CAAEC,SAAU,IAAM,4BAGjC,IAAIC,EAEG,MAAMC,GAAc,SACzB,QAAa,CAAEC,SAAU,CAAC,CAAEC,KAAM,aAAcC,MAAO,YACvD,QAAiB,CACfC,SAAU,CACRC,UAAW,CAAEC,SAAU,SACvBC,WAAY,CAAED,SAAU,UACxBE,cAAe,IAAKb,EAAMW,SAAU,aACpCG,SAAU,CAAC,EACXC,WAAY,CAAC,EACbC,WAAY,CAAC,EAEbC,OAAQ,CAAC,EACTC,gBAAiB,CAAC,EAElBC,cAAe,CAAC,EAChBC,aAAc,CAAC,EACfC,aAAc,CAAC,EACfC,aAAc,CAAC,EAEfC,aAAc,CAAC,EACfC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,EAEdC,gBAAiB,CACf,CAAEhB,SAAU,eACZ,CAAEA,SAAU,mBAEdiB,kBAAmB,CACjB,CAAEjB,SAAU,gBAAiBkB,SAAU,WACvC,CAAElB,SAAU,eAAgBkB,SAAU,YAGxCC,eAAgB,CAAEnB,SAAU,SAC5BoB,UAAW,CACT5B,SAAU,IAAM,eAChBQ,SAAU,IAAUqB,WAAWC,MAEjCC,oBAAqB,IAAKjC,EAAOU,SAAU,mBAC3CwB,aAAc,IAAKlC,EAAOU,SAAU,OACpCyB,UAAW,IAAKnC,EAAOU,SAAU,kBAAmBkB,SAAU,UAE9DQ,SAAU,CACR,IAAKnC,EAAaS,SAAU,SAC5B,IAAKT,EAAaS,SAAU,cAIlC,IACA,KACA,KAlDyB,EAoDzB,QAAY,CACV2B,MAAO,CAAC,GAAI,SAAU,QAAS,UAC/BC,eAAgB,gBAChBC,MAAO,IAAM,qjBAGZpC,2GAGmBC,EAAY2B,WAAWV,uBAAuBjB,EAAY2B,WAAWb,qFAGxEd,EAAY2B,WAAWtB,yEAGrBL,EAAY2B,WAAWpB,qBAAqBP,EAAY2B,WAAWV,uBAAuBjB,EAAY2B,WAAWb,wGAGlHd,EAAY2B,WAAWtB,oBAAoBL,EAAY2B,WAAWV,uBAAuBjB,EAAY2B,WAAWb,uDAIlIsB,iBAAkB,CAAC,WAAY,QAAS,SACxC1C,oBAIE,MAAE2C,EAAK,SAAE5B,GAAaT,EAAY2B,WACxC5B,EAAyB,mbAeVsC,iCACU5B,wCACCA,yCACCA,6BACZA,wBACCA,0N,6CC9JT,MAAM6B,EAAkBC,GAC7B,cAAkCA,EAChC,aAAIC,GACF,MAAwC,SAAjCC,KAAKC,aAAa,UAC3B,CAEA,KAAAC,GACEF,KAAKD,WAAaI,MAAMD,OAC1B,E,8GCLJE,eAAeC,OAAO,IAAe,I,oGCO9B,MAAMpD,GAAgB,QAAiB,QAEjCqD,GAAY,SACvB,QAAiB,CACf3C,SAAU,CACRwB,KAAM,CAAC,CAAC,EAAG,CAAEtB,SAAU,IAAWqB,WAAWC,OAC7CoB,OAAQ,CAAElD,SAAU,IAAM,SAC1BmD,MAAO,CAAEnD,SAAU,IAAM,YAG7B,KACA,KATuB,EAWvB,QAAY,CACVmC,MAAO,GACPC,eAAgB,gBAChBC,MAAO,IAAM,6JAQbC,iBAAkB,CAAC,WAAY,QAAS,QAAS,YAAa,YAC9D1C,kB,4GC/BJmD,eAAeC,OAAO,IAAe,I,+GCQ9B,MAAMpD,GAAgB,QAAiB,SAExCwD,EAAW,CAAC,MAAO,YAEzB,MAAMC,WAAiB,QAAgB,CACrCzD,gBACA0D,aAAc,UAEd,6BAAWC,GACT,OAAOH,CACT,CAEA,WAAAI,GACEV,QAEAH,KAAKc,aAAa,CAAEC,KAAM,SAAUC,UAAY,2BAIhD,QACE,6UAoBAhB,KAEJ,CAEA,IAAAiB,GACEd,MAAMc,SACNjB,KAAKkB,iBAAiBlB,KAAKmB,OAC7B,CAEA,aAAAC,GACEpB,KAAKqB,aACP,CAEA,gBAAAH,CAAiBI,GACXA,EACFtB,KAAKuB,UAAUC,OAAO,UAEtBxB,KAAKuB,UAAUE,IAAI,SAEvB,CAEA,WAAIC,GACF,OAAO1B,KAAKC,aAAa,QAAU,EACrC,CAEA,aAAI0B,GACF,OAAO3B,KAAKC,aAAa,MAC3B,CAEA,YAAI2B,GACF,OAAO5B,KAAKC,aAAa,OAAOD,KAAK6B,mBACvC,CAEA,UAAIV,GACF,OAAOnB,KAAK4B,UAAY5B,KAAK2B,SAC/B,CAKA,eAAAG,CAAgBC,GAEY,CAACA,KAASA,EAAKC,iBAAiB,YAExCC,QAASC,IACzBA,EAAIC,aACF,OACA,OAAOC,EAAWlD,WAAWC,SAAS+C,EAAIjC,aAAa,SAAW,UAGxE,CAEA,WAAAoB,GACErB,KAAKkB,iBAAiBlB,KAAKmB,SAE3B,OAAYnB,KAAKmB,OAAQnB,KAAK0B,SAASW,KAAMC,IAC3CtC,KAAKgB,UAAY,GACbsB,IACFtC,KAAK8B,gBAAgBQ,GACrBtC,KAAKuC,YAAYD,KAGvB,CAGA,YAAAE,CAAaC,GACX,MAAMC,EAAS1C,KAAKC,aAAawC,GACjC,OAAOzC,KAAKmB,SAAWuB,CACzB,CAEA,wBAAAC,CAAyBC,EAAUC,EAAUC,GAC3C3C,MAAMwC,2BAA2BC,EAAUC,EAAUC,GAEjDD,IAAaC,GAEb9C,KAAKwC,aAAaI,IACpB5C,KAAKqB,aAET,EAGK,MAAMe,GAAa,SACxB,QAAiB,CACfzE,SAAU,CACRwB,KAAM,CAAC,EACPoB,OAAQ,CAAElD,SAAU,IAAM,SAC1BmD,MAAO,CAAEnD,SAAU,IAAM,YAG7B,KACA,KATwB,CAUxBqD,E,4DC7IF,MAgBMqC,EAAgBC,IAEpB,MAAMC,EAAQ,IAAUC,SAASF,EAAM,CACrCG,aAAc,CAAEC,KAAK,EAAMC,YAAY,GAEvCC,SAAU,CAAC,SAEXC,YAAa,CAAC,UAOhB,OAJe,IAAIC,WAEhBC,gBAAgBR,EAAO,iBACvBS,cAAc,QAINC,EAAcC,MAAOnB,EAAKf,KACrC,IACE,IAAIQ,EACJ,GA7BgB,CAACO,GAAQA,EAAIoB,WAFZ,8BA+BbC,CAAYrB,GAAM,CAEpB,MAAMsB,EAASC,KAAKvB,EAAIwB,MAAMC,KAC9BhC,EAAMa,EAAagB,EACrB,MAAO,GAA8B,QAxChB,CAACI,IACxB,MAAMC,EAAQD,EAAKC,MAAM,8BACzB,OAAOA,EAAQA,EAAM,GAAK,MAsCbC,CAAiB5B,GAAgB,CAE1C,MAAM6B,QAAmBC,MAAM9B,GACzBO,QAAasB,EAAWtB,OAC9Bd,EAAMa,EAAaC,EACrB,MAEEd,EAtCe,EAACO,EAAKf,KACzB,MAAMQ,EAAMsC,SAASC,cAAc,OAGnC,OAFAvC,EAAIC,aAAa,MAAOM,GACxBP,EAAIC,aAAa,MAAOT,GACjBQ,GAkCGwC,CAAajC,EAAKf,GAM1B,OAHAQ,EAAIxC,MAAMiF,YAAY,YAAa,QACnCzC,EAAIxC,MAAMiF,YAAY,aAAc,QAE7BzC,CACT,CAAE,MACA,OAAO,IACT,E,mGCxDF9B,eAAeC,OAAO,IAAe,I,6JCa9B,MAAMpD,GAAgB,QAAiB,gBAExC2H,EAAc,CAClB,iBACA,cACA,OACA,aACA,cAGIC,EAAiB,CACrB,iBAAkB,UAClB,cAAe,QAGXC,EAAa,CACjB,gBACA,kBACA,eACA,OACA,aACA,cAGIC,EAAgB,CACpB,gBAAiB,UACjB,kBAAmB,YACnB,eAAgB,UAGZC,GAAY,QAAgB,CAChC/H,gBACA0D,aAAc,iBAsJV,KACJzD,EAAI,YACJ+H,EAAW,aACXC,EAAY,uBACZC,EAAsB,oBACtBC,GACE,CACFlI,KAAM,CAAEG,SAAU,IAAM,SACxB4H,YAAa,CAAE5H,SAAU,IAAM,uCAC/B6H,aAAc,CACZ7H,SAAU,IAAM,wCAElB8H,uBAAwB,CACtB9H,SAAU,IACR,mEAEJ+H,oBAAqB,CACnB/H,SAAU,IAAM,8DAIPgI,GAAmB,SAC9B,QAAiB,CACf1H,SAAU,CACR2H,IAAK,CAAC,EACNC,cAAe,CAAC,EAChB3H,UAAW,IAAKV,EAAMW,SAAU,SAChCE,cAAe,IAAKb,EAAMW,SAAU,aACpC2H,eAAgB,IACXP,EACHpH,SAAU4H,EAAA,EAAWvG,WAAWwG,WAElCC,eAAgB,IACXV,EACHpH,SAAU4H,EAAA,EAAWvG,WAAWD,WAElC2G,eAAgB,IACXX,EACHpH,SAAU4H,EAAA,EAAWvG,WAAWtB,WAElCiI,mBAAoB,IACfX,EACHrH,SAAUN,EAAA,EAAY2B,WAAWG,cAEnCyG,kBAAmB,IACdX,EACHtH,SAAU,qBAEZkI,oBAAqB,IAChBX,EACHvH,SAAU,0BAIhB,KACA,KAlC8B,CAxKhC,cAA6BmH,EAC3B,WAAAnE,GACEV,QAEAH,KAAKc,aAAa,CAAEC,KAAM,SAAUC,UAAY,yNAShD,QACE,wbAkBAhB,MAGFA,KAAKgG,QAAUhG,KAAKiG,WAAWvC,cAAc,YAC7C1D,KAAKkG,MAAQlG,KAAKiG,WAAWvC,cAAc,UAC3C1D,KAAKmG,OAASnG,KAAKiG,WAAWvC,cAAc,WAC5C1D,KAAKoG,eAAiBpG,KAAKiG,WAAWvC,cAAc,gBAEpD1D,KAAKkG,MAAMG,iBAAiB,gBAAiB,IAAMrG,KAAKsG,kBACxDtG,KAAKkG,MAAMG,iBAAiB,cAAe,IAAMrG,KAAKuG,gBAEtDvG,KAAKwG,qBAELxG,KAAKmG,OAAOE,iBAAiB,QAASrG,KAAKyG,QAAQC,KAAK1G,MAC1D,CAEA,6BAAWY,GACT,MAAO,IACDT,MAAMS,oBAAsB,GAChC,eACA,iBAEJ,CAEA,wBAAA+B,CAAyBgE,EAAM9D,EAAUC,GACvC3C,MAAMwC,2BAA2BgE,EAAM9D,EAAUC,GACpC,iBAAT6D,GAAoC,mBAATA,GAC7B3G,KAAKwG,oBAET,CAEA,KAAI,GACF,MAA6C,SAAtCxG,KAAKC,aAAa,eAC3B,CAEA,KAAI,GACF,MAA+C,QAAxCD,KAAKC,aAAa,iBAC3B,CAEA,kBAAAuG,GACMxG,MAAK,EACPA,MAAK,EAAwBA,MAAK,GAElCA,MAAK,GAET,CAEA,GAAwB4G,GAClBA,EAEE5G,KAAKkG,MAAMW,kBAAoB7G,KAAKoG,gBACtCpG,KAAKmG,OAAO5D,YAAYvC,KAAKkG,OAI3BlG,KAAKkG,MAAMY,cAAgB9G,KAAKoG,gBAClCpG,KAAKmG,OAAOY,aAAa/G,KAAKkG,MAAOlG,KAAKoG,eAGhD,CAEA,KAEMpG,KAAKkG,MAAMc,gBAAkBhH,KAAKgG,SACpChG,KAAKgG,QAAQe,aAAa/G,KAAKkG,MAAOlG,KAAKmG,OAE/C,CAEA,WAAIc,CAAQC,GACVlH,KAAKmG,OAAOc,QAAUC,CACxB,CAEA,IAAAjG,GACEd,MAAMc,UAEN,QAAajB,KAAMA,KAAKmG,OAAQ,CAC9BgB,aAAcvC,EACdwC,SAAUvC,KAGZ,QAAa7E,KAAMA,KAAKkG,MAAO,CAC7BiB,aAAcrC,EACdsC,SAAUrC,IAOZ/E,KAAKmG,OAAOF,WACTvC,cAAc,iBACdvB,aAAa,WAAY,OAC9B,CAEA,cAAAmE,GACEtG,KAAKqH,qBAAoB,EAC3B,CAEA,YAAAd,GACEvG,KAAKqH,qBAAoB,EAC3B,CAEA,OAAAZ,GACEzG,KAAKkG,MAAMoB,OACb,CAEA,mBAAAD,CAAoBE,GAClBC,WAAW,KACTD,EACIvH,KAAKmG,OAAOhE,aAAa,WAAY,QACrCnC,KAAKmG,OAAOsB,gBAAgB,aAEpC,I,kBC9LFrH,eAAeC,OAAOpD,EAAeoI,E,+ICW9B,MAAMpI,GAAgB,QAAiB,SAExC2D,EAAqB,CAAC,UAAW,YAAa,UAE9CoE,GAAY,QAAgB,CAChC/H,gBACA0D,aAAc,sBAwJV,KAAEzD,EAAI,KAAEwK,EAAI,MAAExB,GAAU,CAC5BhJ,KAAM,CAAEG,SAAU,IAAM,SACxBqK,KAAM,CAAErK,SAAU,IAAM,SACxB6I,MAAO,CAAE7I,SAAU,IAAM,WAGdoI,GAAa,SACxB,QAAiB,CACf9H,SAAU,CACRK,SAAU,CAAC,EACXuB,SAAU,CACR,IAAKmI,EAAM7J,SAAU,SACrB,IAAK6J,EAAM7J,SAAU,WAEvBI,WAAY,CAAC,EACb0J,UAAW,CAAC,EACZzJ,WAAY,IAAKgI,GACjB0B,WAAY,IAAK1B,GACjBR,UAAW,IAAKQ,EAAOrI,SAAU,SACjCyH,IAAK,CAAC,EACNhG,UAAW,CAAEzB,SAAU,mBACvBD,UAAW,IAAKV,EAAMW,SAAU,SAChCE,cAAe,IAAKb,EAAMW,SAAU,aACpCoB,UAAW,IAAKyI,EAAM7J,SAAU,IAAUqB,WAAWC,SAGzD,KACA,KArBwB,CAzJ1B,cAAuB6F,EACrB,GAAe,EAEf,GAEA,6BAAWpE,GACT,OAAOA,EAAmBiH,OAAO7C,EAAUpE,oBAAsB,GACnE,CAEA,WAAAC,GACEV,QAEAH,KAAKc,aAAa,CAAEC,KAAM,SAAUC,UAAY,6DAEvB,4FAKzB,QACE,uTAgBAhB,MAGFA,KAAK0H,KAAO1H,KAAKiG,WAAWvC,cAAc,SAC1C1D,KAAKkG,MAAQlG,KAAKiG,WAAWvC,cAAc,SAC7C,CAEA,WAAIoE,GACF,MAAMZ,EAAMlH,KAAKC,aAAa,WACxB8H,EAAgC,IAAzBC,SAASd,GAAO,EAAG,IAChC,OAAOe,KAAKC,IAAI,EAAGH,EACrB,CAGA,YAAII,GACF,MAAuC,SAAhCnI,KAAKC,aAAa,SAC3B,CAEA,IAAAgB,GACEd,MAAMc,SAENjB,MAAK,EAAeA,KAAK8H,OAC3B,CAEA,aAAAM,GAOMpI,MAAK,EACPA,MAAK,EAAcqI,YAPC,KACpBrI,MAAK,IACAA,MAAK,GAAcA,KAAKsI,OAC7BtI,MAAK,EAAeA,MAAK,IAlEN,KAwEnBA,KAAKsI,MAET,CAEA,YAAAC,GACEC,cAAcxI,MAAK,EACrB,CAEA,KACEA,MAAK,EAAeA,MAAK,EAjFJ,GAkFvB,CAEA,KAAAsH,GACEtH,MAAK,EAAeA,KAAK8H,QACzB9H,MAAK,EAAeA,MAAK,GAErBA,KAAKmI,WAETnI,KAAKyI,cAAc,IAAIC,YAAY,gBAAiB,CAAEC,SAAS,KAC/D3I,KAAKoI,gBACP,CAEA,IAAAE,GACEtI,KAAKuI,eACLvI,MAAK,EAAe,EACpBA,MAAK,EAAeA,MAAK,GACzBA,KAAKyI,cAAc,IAAIC,YAAY,cAAe,CAAEC,SAAS,IAC/D,CAEA,KAAAC,GACE5I,KAAKmC,aAAa,SAAU,QAC5BnC,KAAKuI,cACP,CAEA,MAAAM,GACE7I,KAAKyH,gBAAgB,UACrBzH,KAAKoI,eACP,CAEA,GAAelB,GACblH,KAAKkG,MAAM4C,aAAc,IAAAC,GAAW7B,EACtC,CAEA,GAAYA,GACVlH,KAAK0H,KAAKnG,UAAUyH,OAAO,SAAU9B,EACvC,CAEA,GAAa+B,GACXzB,WAAW,KACLyB,EACFjJ,KAAK4I,QAGA5I,MAAK,GACRA,KAAK6I,UAIb,CAEA,wBAAAlG,CAAyBC,EAAUC,EAAUC,GAC3C3C,MAAMwC,2BAA2BC,EAAUC,EAAUC,GAEjDA,IAAaD,IACE,YAAbD,GACF5C,KAAKsH,QAEU,cAAb1E,GACF5C,MAAK,EAAyB,SAAb8C,GAEF,WAAbF,GACF5C,MAAK,EAA0B,SAAb8C,GAGxB,G,6CC1KF,MAAMoG,EAAM,CAAChC,EAAKiC,EAAM,IAAMC,OAAOlC,GAAKmC,SAASF,EAAK,KAE3CG,EAAa,CAACC,EAAK,KAC9B,MAAMC,EAAevB,KAAKwB,MAAMF,EAAK,KAK/BG,EAAQzB,KAAKwB,MAAMD,EAFHG,MAGhBC,EAAU3B,KAAKwB,MAAOD,EAHNG,KADE,IAKlB7B,EAAU0B,EALQ,GASxB,MAFkB,IAAKE,EAAQ,CAACR,EAAIQ,IAAU,GAAKR,EAAIU,GAAUV,EAAIpB,IAEpD+B,KAAK,K,6GCXxBzJ,eAAeC,OAAO,IAAe,I,mHCI9B,MAAMyJ,E,SAAe,EAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCCUxB,MAAMC,EAAeC,GAC1B,eAA+B,QAAY,QAAc,OAAWA,MAClE,qBAAWC,GACT,MAAO,CAOLC,SAAU,CACRC,KAAMC,OACN1M,MAAO,EACP2M,oBAAoB,GAG1B,CAUA,eAAIC,GACF,MAAO,CAAC,QAAS,IACnB,CAGA,KAAAC,GACEpK,MAAMoK,QAIDvK,KAAKwK,aAAa,SACrBxK,KAAKmC,aAAa,OAAQ,SAE9B,CAiBA,UAAAsI,CAAWC,GACTvK,MAAMsK,WAAWC,GAEbA,EAAMC,QAAUD,EAAME,UAAYF,EAAMG,SAAWH,EAAMI,SAIzD9K,KAAKsK,YAAYS,SAASL,EAAMM,OAClCN,EAAMO,iBAINjL,KAAKE,QAET,ICzEJ,QAAe,gBAAiB4J,EAAc,CAAEoB,SAAU,yBAqC1D,MAAMC,UAAepB,GAAY,QAAa,SAAc,OAAgB,UAC1E,aAAWqB,GACT,MAAO,eACT,CAEA,mBAAWC,GACT,OAAsB,IFYkB;;;;;;;;;;;;;CEX1C,CAGA,KAAAd,GACEpK,MAAMoK,QAENvK,KAAKsL,mBAAqB,IAAI,IAAkBtL,MAChDA,KAAKuL,cAAcvL,KAAKsL,mBAC1B,GAGF,OAAoBH,E,uGC9DpB,MAAMhF,EAAS,IAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyQlB,QAAe,gBAAiBA,EAAQ,CAAE+E,SAAU,e","sources":["webpack://@descope/web-components-ui/../components/descope-timer/src/component/clock.svg","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-timer-button/src/component/TimerButtonClass.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/TimerClass.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwNCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+IDxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+IDwvc3ZnPiA=\"","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      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} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { TimerClass } from '@descope-ui/descope-timer/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\n\nexport const componentName = getComponentName('timer-button');\n\nconst buttonAttrs = [\n  'button-variant',\n  'button-mode',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapButtonAttrs = {\n  'button-variant': 'variant',\n  'button-mode': 'mode',\n};\n\nconst timerAttrs = [\n  'timer-seconds',\n  'timer-hide-icon',\n  'timer-paused',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapTimerAttrs = {\n  'timer-seconds': 'seconds',\n  'timer-hide-icon': 'hide-icon',\n  'timer-paused': 'paused',\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n});\n\nclass RawTimerButton extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-timer class=\"timer\"></descope-timer>\n        <descope-button class=\"button\" disabled=\"true\">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n      }\n      /* allow timer to grow along the main axis in the wrapper flex container */\n      :host(:not([timer-inside=\"true\"])) .timer {\n        flex: 1;\n      }\n      :host([timer-inside=\"true\"]) .timer {\n        flex: 0 0 auto;\n      }\n    `,\n      this,\n    );\n\n    this.wrapper = this.shadowRoot.querySelector('.wrapper');\n    this.timer = this.shadowRoot.querySelector('.timer');\n    this.button = this.shadowRoot.querySelector('.button');\n    this.forwardingSlot = this.shadowRoot.querySelector('.button slot');\n\n    this.timer.addEventListener('timer-started', () => this.onTimerStarted());\n    this.timer.addEventListener('timer-ended', () => this.onTimerEnded());\n\n    this.syncTimerPlacement();\n\n    this.button.addEventListener('click', this.onClick.bind(this));\n  }\n\n  static get observedAttributes() {\n    return [\n      ...(super.observedAttributes || []),\n      'timer-inside',\n      'timer-position',\n    ];\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n    if (name === 'timer-inside' || name === 'timer-position') {\n      this.syncTimerPlacement();\n    }\n  }\n\n  get #isTimerInside() {\n    return this.getAttribute('timer-inside') === 'true';\n  }\n\n  get #isReversed() {\n    return this.getAttribute('timer-position') === 'end';\n  }\n\n  syncTimerPlacement() {\n    if (this.#isTimerInside) {\n      this.#placeTimerInsideButton(this.#isReversed);\n    } else {\n      this.#placeTimerOutsideButton();\n    }\n  }\n\n  #placeTimerInsideButton(reversed) {\n    if (reversed) {\n      // timer after label text (right)\n      if (this.timer.previousSibling !== this.forwardingSlot) {\n        this.button.appendChild(this.timer);\n      }\n    } else {\n      // timer before label text (left) — matches default outside position (above/before button)\n      if (this.timer.nextSibling !== this.forwardingSlot) {\n        this.button.insertBefore(this.timer, this.forwardingSlot);\n      }\n    }\n  }\n\n  #placeTimerOutsideButton() {\n    // move timer back as a wrapper sibling, before the button so flex-column puts it above\n    if (this.timer.parentElement !== this.wrapper) {\n      this.wrapper.insertBefore(this.timer, this.button);\n    }\n  }\n\n  set onclick(val) {\n    this.button.onclick = val;\n  }\n\n  init() {\n    super.init?.();\n\n    forwardAttrs(this, this.button, {\n      includeAttrs: buttonAttrs,\n      mapAttrs: mapButtonAttrs,\n    });\n\n    forwardAttrs(this, this.timer, {\n      includeAttrs: timerAttrs,\n      mapAttrs: mapTimerAttrs,\n    });\n\n    // When we sync attributes, the `disabled` attribute is being compared to the attribute\n    // on Vaadin component; since the Vaadin component has no `disabled` attribute, we sync\n    // that back to our component.\n    // This is pending a more generic fix in the way we sync attibutes.\n    this.button.shadowRoot\n      .querySelector('vaadin-button')\n      .setAttribute('disabled', 'true');\n  }\n\n  onTimerStarted() {\n    this.toggleButtonDisable(true);\n  }\n\n  onTimerEnded() {\n    this.toggleButtonDisable(false);\n  }\n\n  onClick() {\n    this.timer.reset();\n  }\n\n  toggleButtonDisable(isDisabled) {\n    setTimeout(() => {\n      isDisabled\n        ? this.button.setAttribute('disabled', 'true')\n        : this.button.removeAttribute('disabled');\n    });\n  }\n}\n\nconst {\n  host,\n  nestedTimer,\n  nestedButton,\n  timerInsideNotReversed,\n  timerInsideReversed,\n} = {\n  host: { selector: () => ':host' },\n  nestedTimer: { selector: () => ':host([timer-inside=\"true\"]) .timer' },\n  nestedButton: {\n    selector: () => ':host([timer-inside=\"true\"]) .button',\n  },\n  timerInsideNotReversed: {\n    selector: () =>\n      ':host([timer-inside=\"true\"]:not([timer-position=\"end\"])) .timer',\n  },\n  timerInsideReversed: {\n    selector: () => ':host([timer-inside=\"true\"][timer-position=\"end\"]) .timer',\n  },\n};\n\nexport const TimerButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      gap: {},\n      flexDirection: {},\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      timerTextColor: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.textColor,\n      },\n      timerIconColor: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.iconColor,\n      },\n      timerHostWidth: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.hostWidth,\n      },\n      buttonLabelSpacing: {\n        ...nestedButton,\n        property: ButtonClass.cssVarList.labelSpacing,\n      },\n      timerInsideGapEnd: {\n        ...timerInsideNotReversed,\n        property: 'margin-inline-end',\n      },\n      timerInsideGapStart: {\n        ...timerInsideReversed,\n        property: 'margin-inline-start',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimerButton);\n","import { componentName, TimerButtonClass } from './TimerButtonClass';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-timer';\n\ncustomElements.define(componentName, TimerButtonClass);\n\nexport { TimerButtonClass, componentName };\n","import {\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 {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport clockIcon from './clock.svg';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { formatTime } from './helpers';\n\nexport const componentName = getComponentName('timer');\n\nconst observedAttributes = ['seconds', 'hide-icon', 'paused'];\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n});\n\nconst DEFAULT_INTERVAL = 1000;\n\nclass RawTimer extends BaseClass {\n  #timeRemains = 0;\n\n  #intervalId;\n\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-icon src=\"${clockIcon}\" class=\"icon\"></descope-icon>\n        <div class=\"timer\"></div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    `,\n      this,\n    );\n\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.timer = this.shadowRoot.querySelector('.timer');\n  }\n\n  get seconds() {\n    const val = this.getAttribute('seconds');\n    const secs = parseInt(val || 0, 10) * 1000;\n    return Math.max(0, secs);\n  }\n\n  // we use `pause` attribute for allowing preview mode by executing `pause`\n  get isPaused() {\n    return this.getAttribute('paused') === 'true';\n  }\n\n  init() {\n    super.init?.();\n\n    this.#timeRemains = this.seconds;\n  }\n\n  startInterval() {\n    const intervalCycle = () => {\n      this.#decreaseInterval();\n      if (!this.#timeRemains) this.stop();\n      this.#updateDisplay(this.#timeRemains);\n    };\n\n    if (this.#timeRemains) {\n      this.#intervalId = setInterval(intervalCycle, DEFAULT_INTERVAL);\n    } else {\n      this.stop();\n    }\n  }\n\n  stopInterval() {\n    clearInterval(this.#intervalId);\n  }\n\n  #decreaseInterval() {\n    this.#timeRemains = this.#timeRemains - DEFAULT_INTERVAL;\n  }\n\n  reset() {\n    this.#timeRemains = this.seconds;\n    this.#updateDisplay(this.#timeRemains);\n\n    if (this.isPaused) return;\n\n    this.dispatchEvent(new CustomEvent('timer-started', { bubbles: true }));\n    this.startInterval();\n  }\n\n  stop() {\n    this.stopInterval();\n    this.#timeRemains = 0;\n    this.#updateDisplay(this.#timeRemains);\n    this.dispatchEvent(new CustomEvent('timer-ended', { bubbles: true }));\n  }\n\n  pause() {\n    this.setAttribute('paused', 'true');\n    this.stopInterval();\n  }\n\n  resume() {\n    this.removeAttribute('paused');\n    this.startInterval();\n  }\n\n  #updateDisplay(val) {\n    this.timer.textContent = formatTime(val);\n  }\n\n  #toggleIcon(val) {\n    this.icon.classList.toggle('hidden', val);\n  }\n\n  #handlePause(paused) {\n    setTimeout(() => {\n      if (paused) {\n        this.pause();\n      } else {\n        // we want to prevent a another interval from starting in case previous interval was not yet cleared\n        if (!this.#intervalId) {\n          this.resume();\n        }\n      }\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'seconds') {\n        this.reset();\n      }\n      if (attrName === 'hide-icon') {\n        this.#toggleIcon(newValue === 'true');\n      }\n      if (attrName === 'paused') {\n        this.#handlePause(newValue === 'true');\n      }\n    }\n  }\n}\n\nconst { host, icon, timer } = {\n  host: { selector: () => ':host' },\n  icon: { selector: () => '.icon' },\n  timer: { selector: () => '.timer' },\n};\n\nexport const TimerClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: {},\n      iconSize: [\n        { ...icon, property: 'width' },\n        { ...icon, property: 'height' },\n      ],\n      fontFamily: {},\n      minHeight: {},\n      fontWeight: { ...timer },\n      lineHeight: { ...timer },\n      textColor: { ...timer, property: 'color' },\n      gap: {},\n      textAlign: { property: 'justify-content' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      iconColor: { ...icon, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimer);\n","const fmt = (val, pad = 2) => String(val).padStart(pad, '0');\n\nexport const formatTime = (ms = 0) => {\n  const totalSeconds = Math.floor(ms / 1000);\n\n  const secondsInMinute = 60;\n  const secondsInHour = secondsInMinute * 60;\n\n  const hours = Math.floor(totalSeconds / secondsInHour);\n  const minutes = Math.floor((totalSeconds % secondsInHour) / secondsInMinute);\n  const seconds = totalSeconds % secondsInMinute;\n\n  const timeParts = [...(hours ? [fmt(hours)] : []), fmt(minutes), fmt(seconds)];\n\n  return timeParts.join(':');\n};\n","import { componentName, TimerClass } from './TimerClass';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, TimerClass);\n\nexport { TimerClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["module","exports","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","triggers","attr","value","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","height","width","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","buttonAttrs","mapButtonAttrs","timerAttrs","mapTimerAttrs","BaseClass","nestedTimer","nestedButton","timerInsideNotReversed","timerInsideReversed","TimerButtonClass","gap","flexDirection","timerTextColor","TimerClass","textColor","timerIconColor","timerHostWidth","buttonLabelSpacing","timerInsideGapEnd","timerInsideGapStart","wrapper","shadowRoot","timer","button","forwardingSlot","addEventListener","onTimerStarted","onTimerEnded","syncTimerPlacement","onClick","bind","name","reversed","previousSibling","nextSibling","insertBefore","parentElement","onclick","val","includeAttrs","mapAttrs","toggleButtonDisable","reset","isDisabled","setTimeout","removeAttribute","icon","minHeight","lineHeight","concat","seconds","secs","parseInt","Math","max","isPaused","startInterval","setInterval","stop","stopInterval","clearInterval","dispatchEvent","CustomEvent","bubbles","pause","resume","textContent","f","toggle","paused","fmt","pad","String","padStart","formatTime","ms","totalSeconds","floor","hours","secondsInMinute","minutes","join","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","template","_tooltipController","addController"],"sourceRoot":""}
+{"version":3,"file":"descope-timer-button.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-timer/src/component/clock.svg","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-timer-button/src/component/TimerButtonClass.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/TimerClass.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwNCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+IDxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+IDwvc3ZnPiA=\"","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} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { TimerClass } from '@descope-ui/descope-timer/class';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\n\nexport const componentName = getComponentName('timer-button');\n\nconst buttonAttrs = [\n  'button-variant',\n  'button-mode',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapButtonAttrs = {\n  'button-variant': 'variant',\n  'button-mode': 'mode',\n};\n\nconst timerAttrs = [\n  'timer-seconds',\n  'timer-hide-icon',\n  'timer-paused',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapTimerAttrs = {\n  'timer-seconds': 'seconds',\n  'timer-hide-icon': 'hide-icon',\n  'timer-paused': 'paused',\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n});\n\nclass RawTimerButton extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-timer class=\"timer\"></descope-timer>\n        <descope-button class=\"button\" disabled=\"true\">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n      }\n      /* allow timer to grow along the main axis in the wrapper flex container */\n      :host(:not([timer-inside=\"true\"])) .timer {\n        flex: 1;\n      }\n      :host([timer-inside=\"true\"]) .timer {\n        flex: 0 0 auto;\n      }\n    `,\n      this,\n    );\n\n    this.wrapper = this.shadowRoot.querySelector('.wrapper');\n    this.timer = this.shadowRoot.querySelector('.timer');\n    this.button = this.shadowRoot.querySelector('.button');\n    this.forwardingSlot = this.shadowRoot.querySelector('.button slot');\n\n    this.timer.addEventListener('timer-started', () => this.onTimerStarted());\n    this.timer.addEventListener('timer-ended', () => this.onTimerEnded());\n\n    this.syncTimerPlacement();\n\n    this.button.addEventListener('click', this.onClick.bind(this));\n  }\n\n  static get observedAttributes() {\n    return [\n      ...(super.observedAttributes || []),\n      'timer-inside',\n      'timer-position',\n    ];\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n    if (name === 'timer-inside' || name === 'timer-position') {\n      this.syncTimerPlacement();\n    }\n  }\n\n  get #isTimerInside() {\n    return this.getAttribute('timer-inside') === 'true';\n  }\n\n  get #isReversed() {\n    return this.getAttribute('timer-position') === 'end';\n  }\n\n  syncTimerPlacement() {\n    if (this.#isTimerInside) {\n      this.#placeTimerInsideButton(this.#isReversed);\n    } else {\n      this.#placeTimerOutsideButton();\n    }\n  }\n\n  #placeTimerInsideButton(reversed) {\n    if (reversed) {\n      // timer after label text (right)\n      if (this.timer.previousSibling !== this.forwardingSlot) {\n        this.button.appendChild(this.timer);\n      }\n    } else {\n      // timer before label text (left) — matches default outside position (above/before button)\n      if (this.timer.nextSibling !== this.forwardingSlot) {\n        this.button.insertBefore(this.timer, this.forwardingSlot);\n      }\n    }\n  }\n\n  #placeTimerOutsideButton() {\n    // move timer back as a wrapper sibling, before the button so flex-column puts it above\n    if (this.timer.parentElement !== this.wrapper) {\n      this.wrapper.insertBefore(this.timer, this.button);\n    }\n  }\n\n  set onclick(val) {\n    this.button.onclick = val;\n  }\n\n  init() {\n    super.init?.();\n\n    forwardAttrs(this, this.button, {\n      includeAttrs: buttonAttrs,\n      mapAttrs: mapButtonAttrs,\n    });\n\n    forwardAttrs(this, this.timer, {\n      includeAttrs: timerAttrs,\n      mapAttrs: mapTimerAttrs,\n    });\n\n    // When we sync attributes, the `disabled` attribute is being compared to the attribute\n    // on Vaadin component; since the Vaadin component has no `disabled` attribute, we sync\n    // that back to our component.\n    // This is pending a more generic fix in the way we sync attibutes.\n    this.button.shadowRoot\n      .querySelector('vaadin-button')\n      .setAttribute('disabled', 'true');\n  }\n\n  onTimerStarted() {\n    this.toggleButtonDisable(true);\n  }\n\n  onTimerEnded() {\n    this.toggleButtonDisable(false);\n  }\n\n  onClick() {\n    this.timer.reset();\n  }\n\n  toggleButtonDisable(isDisabled) {\n    setTimeout(() => {\n      isDisabled\n        ? this.button.setAttribute('disabled', 'true')\n        : this.button.removeAttribute('disabled');\n    });\n  }\n}\n\nconst {\n  host,\n  nestedTimer,\n  nestedButton,\n  timerInsideNotReversed,\n  timerInsideReversed,\n} = {\n  host: { selector: () => ':host' },\n  nestedTimer: { selector: () => ':host([timer-inside=\"true\"]) .timer' },\n  nestedButton: {\n    selector: () => ':host([timer-inside=\"true\"]) .button',\n  },\n  timerInsideNotReversed: {\n    selector: () =>\n      ':host([timer-inside=\"true\"]:not([timer-position=\"end\"])) .timer',\n  },\n  timerInsideReversed: {\n    selector: () => ':host([timer-inside=\"true\"][timer-position=\"end\"]) .timer',\n  },\n};\n\nexport const TimerButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      gap: {},\n      flexDirection: {},\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      timerTextColor: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.textColor,\n      },\n      timerIconColor: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.iconColor,\n      },\n      timerHostWidth: {\n        ...nestedTimer,\n        property: TimerClass.cssVarList.hostWidth,\n      },\n      buttonLabelSpacing: {\n        ...nestedButton,\n        property: ButtonClass.cssVarList.labelSpacing,\n      },\n      timerInsideGapEnd: {\n        ...timerInsideNotReversed,\n        property: 'margin-inline-end',\n      },\n      timerInsideGapStart: {\n        ...timerInsideReversed,\n        property: 'margin-inline-start',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimerButton);\n","import { componentName, TimerButtonClass } from './TimerButtonClass';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-timer';\n\ncustomElements.define(componentName, TimerButtonClass);\n\nexport { TimerButtonClass, componentName };\n","import {\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 {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport clockIcon from './clock.svg';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { formatTime } from './helpers';\n\nexport const componentName = getComponentName('timer');\n\nconst observedAttributes = ['seconds', 'hide-icon', 'paused'];\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n});\n\nconst DEFAULT_INTERVAL = 1000;\n\nclass RawTimer extends BaseClass {\n  #timeRemains = 0;\n\n  #intervalId;\n\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-icon src=\"${clockIcon}\" class=\"icon\"></descope-icon>\n        <div class=\"timer\"></div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    `,\n      this,\n    );\n\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.timer = this.shadowRoot.querySelector('.timer');\n  }\n\n  get seconds() {\n    const val = this.getAttribute('seconds');\n    const secs = parseInt(val || 0, 10) * 1000;\n    return Math.max(0, secs);\n  }\n\n  // we use `pause` attribute for allowing preview mode by executing `pause`\n  get isPaused() {\n    return this.getAttribute('paused') === 'true';\n  }\n\n  init() {\n    super.init?.();\n\n    this.#timeRemains = this.seconds;\n  }\n\n  startInterval() {\n    const intervalCycle = () => {\n      this.#decreaseInterval();\n      if (!this.#timeRemains) this.stop();\n      this.#updateDisplay(this.#timeRemains);\n    };\n\n    if (this.#timeRemains) {\n      this.#intervalId = setInterval(intervalCycle, DEFAULT_INTERVAL);\n    } else {\n      this.stop();\n    }\n  }\n\n  stopInterval() {\n    clearInterval(this.#intervalId);\n  }\n\n  #decreaseInterval() {\n    this.#timeRemains = this.#timeRemains - DEFAULT_INTERVAL;\n  }\n\n  reset() {\n    this.#timeRemains = this.seconds;\n    this.#updateDisplay(this.#timeRemains);\n\n    if (this.isPaused) return;\n\n    this.dispatchEvent(new CustomEvent('timer-started', { bubbles: true }));\n    this.startInterval();\n  }\n\n  stop() {\n    this.stopInterval();\n    this.#timeRemains = 0;\n    this.#updateDisplay(this.#timeRemains);\n    this.dispatchEvent(new CustomEvent('timer-ended', { bubbles: true }));\n  }\n\n  pause() {\n    this.setAttribute('paused', 'true');\n    this.stopInterval();\n  }\n\n  resume() {\n    this.removeAttribute('paused');\n    this.startInterval();\n  }\n\n  #updateDisplay(val) {\n    this.timer.textContent = formatTime(val);\n  }\n\n  #toggleIcon(val) {\n    this.icon.classList.toggle('hidden', val);\n  }\n\n  #handlePause(paused) {\n    setTimeout(() => {\n      if (paused) {\n        this.pause();\n      } else {\n        // we want to prevent a another interval from starting in case previous interval was not yet cleared\n        if (!this.#intervalId) {\n          this.resume();\n        }\n      }\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'seconds') {\n        this.reset();\n      }\n      if (attrName === 'hide-icon') {\n        this.#toggleIcon(newValue === 'true');\n      }\n      if (attrName === 'paused') {\n        this.#handlePause(newValue === 'true');\n      }\n    }\n  }\n}\n\nconst { host, icon, timer } = {\n  host: { selector: () => ':host' },\n  icon: { selector: () => '.icon' },\n  timer: { selector: () => '.timer' },\n};\n\nexport const TimerClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: {},\n      iconSize: [\n        { ...icon, property: 'width' },\n        { ...icon, property: 'height' },\n      ],\n      fontFamily: {},\n      minHeight: {},\n      fontWeight: { ...timer },\n      lineHeight: { ...timer },\n      textColor: { ...timer, property: 'color' },\n      gap: {},\n      textAlign: { property: 'justify-content' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      iconColor: { ...icon, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimer);\n","const fmt = (val, pad = 2) => String(val).padStart(pad, '0');\n\nexport const formatTime = (ms = 0) => {\n  const totalSeconds = Math.floor(ms / 1000);\n\n  const secondsInMinute = 60;\n  const secondsInHour = secondsInMinute * 60;\n\n  const hours = Math.floor(totalSeconds / secondsInHour);\n  const minutes = Math.floor((totalSeconds % secondsInHour) / secondsInMinute);\n  const seconds = totalSeconds % secondsInMinute;\n\n  const timeParts = [...(hours ? [fmt(hours)] : []), fmt(minutes), fmt(seconds)];\n\n  return timeParts.join(':');\n};\n","import { componentName, TimerClass } from './TimerClass';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, TimerClass);\n\nexport { TimerClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  /* Aligns the button with form fields when placed on the same line.\n  Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n  .vaadin-button-container::before {\n    content: '\\\\2003';\n    display: inline-block;\n    width: 0;\n    max-height: 100%;\n  }\n\n  .vaadin-button-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    text-shadow: inherit;\n  }\n\n  [part='prefix'],\n  [part='suffix'] {\n    flex: none;\n  }\n\n  [part='label'] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  @media (forced-colors: active) {\n    :host {\n      outline: 1px solid;\n      outline-offset: -1px;\n    }\n\n    :host([focused]) {\n      outline-width: 2px;\n    }\n\n    :host([disabled]) {\n      outline-color: GrayText;\n    }\n  }\n`;\n\nexport const buttonTemplate = (html) => html`\n  <div class=\"vaadin-button-container\">\n    <span part=\"prefix\" aria-hidden=\"true\">\n      <slot name=\"prefix\"></slot>\n    </span>\n    <span part=\"label\">\n      <slot></slot>\n    </span>\n    <span part=\"suffix\" aria-hidden=\"true\">\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n  <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n  class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n    static get properties() {\n      return {\n        /**\n         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n         *\n         * @override\n         * @protected\n         */\n        tabindex: {\n          type: Number,\n          value: 0,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    /**\n     * By default, `Space` is the only possible activation key for a focusable HTML element.\n     * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n     * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n     *\n     * @protected\n     * @override\n     */\n    get _activeKeys() {\n      return ['Enter', ' '];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n    }\n\n    /**\n     * Since the button component is designed on the base of the `[role=button]` attribute,\n     * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n     * it should manually fire the `click` event once an activation key is pressed,\n     * as it follows from the WAI-ARIA specifications:\n     * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n     *\n     * According to the UI Events specifications,\n     * the `click` event should be fired exactly on `keydown`:\n     * https://www.w3.org/TR/uievents/#event-type-keydown\n     *\n     * @param {KeyboardEvent} event\n     * @protected\n     * @override\n     */\n    _onKeyDown(event) {\n      super._onKeyDown(event);\n\n      if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n\n      if (this._activeKeys.includes(event.key)) {\n        event.preventDefault();\n\n        // `DisabledMixin` overrides the standard `click()` method\n        // so that it doesn't fire the `click` event when the element is disabled.\n        this.click();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label`   | The label (text) inside the button.\n * `prefix`  | A slot for content before the label (e.g. an icon).\n * `suffix`  | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute    | Description\n * -------------|-------------\n * `active`     | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled`   | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused`    | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get is() {\n    return 'vaadin-button';\n  }\n\n  static get template() {\n    return buttonTemplate(html);\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n  :host {\n    /* Sizing */\n    --lumo-button-size: var(--lumo-size-m);\n    min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n    height: var(--_button-size);\n    padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n    margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n    box-sizing: border-box;\n    /* Style */\n    font-family: var(--lumo-font-family);\n    font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n    font-weight: var(--vaadin-button-font-weight, 500);\n    color: var(--_lumo-button-text-color);\n    background: var(--_lumo-button-background);\n    border: var(--vaadin-button-border, none);\n    border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n    cursor: var(--lumo-clickable-cursor);\n    -webkit-tap-highlight-color: transparent;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    flex-shrink: 0;\n    --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n    --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n    /* Used by notification */\n    --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n    --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n    --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n    --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n  }\n\n  /* Set only for the internal parts so we don't affect the host vertical alignment */\n  [part='label'],\n  [part='prefix'],\n  [part='suffix'] {\n    line-height: var(--lumo-line-height-xs);\n  }\n\n  [part='label'] {\n    padding: calc(var(--lumo-button-size) / 6) 0;\n  }\n\n  :host([theme~='small']) {\n    font-size: var(--lumo-font-size-s);\n    --lumo-button-size: var(--lumo-size-s);\n  }\n\n  :host([theme~='large']) {\n    font-size: var(--lumo-font-size-l);\n    --lumo-button-size: var(--lumo-size-l);\n  }\n\n  /* For interaction states */\n  :host::before,\n  :host::after {\n    content: '';\n    /* We rely on the host always being relative */\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background-color: currentColor;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n\n  @media (any-hover: hover) {\n    :host(:hover)::before {\n      opacity: 0.02;\n    }\n  }\n\n  /* Active */\n\n  :host::after {\n    transition: opacity 1.4s, transform 0.1s;\n    filter: blur(8px);\n  }\n\n  :host([active])::before {\n    opacity: 0.05;\n    transition-duration: 0s;\n  }\n\n  :host([active])::after {\n    opacity: 0.1;\n    transition-duration: 0s, 0s;\n    transform: scale(0);\n  }\n\n  /* Keyboard focus */\n\n  :host([focus-ring]) {\n    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n  }\n\n  :host([theme~='primary'][focus-ring]) {\n    box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n  }\n\n  /* Types (primary, tertiary, tertiary-inline */\n\n  :host([theme~='tertiary']),\n  :host([theme~='tertiary-inline']) {\n    --_background: transparent !important;\n    background: var(--vaadin-button-tertiary-background, var(--_background));\n    min-width: 0;\n  }\n\n  :host([theme~='tertiary']) {\n    border: var(--vaadin-button-tertiary-border, none);\n    color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n    font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n    padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n  }\n\n  :host([theme~='tertiary-inline'])::before {\n    display: none;\n  }\n\n  :host([theme~='tertiary-inline']) {\n    margin: 0;\n    height: auto;\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n  }\n\n  :host([theme~='tertiary-inline']) [part='label'] {\n    padding: 0;\n    overflow: visible;\n    line-height: inherit;\n  }\n\n  :host([theme~='primary']) {\n    background: var(--_lumo-button-primary-background);\n    border: var(--vaadin-button-primary-border, none);\n    color: var(--_lumo-button-primary-text-color);\n    font-weight: var(--vaadin-button-primary-font-weight, 600);\n    min-width: calc(var(--lumo-button-size) * 2.5);\n  }\n\n  :host([theme~='primary'])::before {\n    background-color: black;\n  }\n\n  @media (any-hover: hover) {\n    :host([theme~='primary']:hover)::before {\n      opacity: 0.05;\n    }\n  }\n\n  :host([theme~='primary'][active])::before {\n    opacity: 0.1;\n  }\n\n  :host([theme~='primary'][active])::after {\n    opacity: 0.2;\n  }\n\n  /* Colors (success, error, contrast) */\n\n  :host([theme~='success']) {\n    color: var(--lumo-success-text-color);\n  }\n\n  :host([theme~='success'][theme~='primary']) {\n    background-color: var(--lumo-success-color);\n    color: var(--lumo-success-contrast-color);\n  }\n\n  :host([theme~='error']) {\n    color: var(--lumo-error-text-color);\n  }\n\n  :host([theme~='error'][theme~='primary']) {\n    background-color: var(--lumo-error-color);\n    color: var(--lumo-error-contrast-color);\n  }\n\n  :host([theme~='contrast']) {\n    color: var(--lumo-contrast);\n  }\n\n  :host([theme~='contrast'][theme~='primary']) {\n    background-color: var(--lumo-contrast);\n    color: var(--lumo-base-color);\n  }\n\n  /* Disabled state. Keep selectors after other color variants. */\n\n  :host([disabled]) {\n    pointer-events: none;\n    color: var(--lumo-disabled-text-color);\n  }\n\n  :host([theme~='primary'][disabled]) {\n    background-color: var(--lumo-contrast-30pct);\n    color: var(--lumo-base-color);\n  }\n\n  :host([theme~='primary'][disabled]) [part] {\n    opacity: 0.7;\n  }\n\n  /* Icons */\n\n  [part] ::slotted(vaadin-icon) {\n    display: inline-block;\n    width: var(--lumo-icon-size-m);\n    height: var(--lumo-icon-size-m);\n  }\n\n  /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n    padding: 0.25em;\n    box-sizing: border-box !important;\n  }\n\n  [part='prefix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  [part='suffix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  /* Icon-only */\n\n  :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n    min-width: var(--lumo-button-size);\n    padding-left: calc(var(--lumo-button-size) / 4);\n    padding-right: calc(var(--lumo-button-size) / 4);\n  }\n\n  :host([theme~='icon']) [part='prefix'],\n  :host([theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  /* RTL specific styles */\n\n  :host([dir='rtl']) [part='prefix'] {\n    margin-left: 0.25em;\n    margin-right: -0.25em;\n  }\n\n  :host([dir='rtl']) [part='suffix'] {\n    margin-left: -0.25em;\n    margin-right: 0.25em;\n  }\n\n  :host([dir='rtl'][theme~='icon']) [part='prefix'],\n  :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["module","exports","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","triggers","attr","value","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","IconClass","height","width","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","buttonAttrs","mapButtonAttrs","timerAttrs","mapTimerAttrs","BaseClass","nestedTimer","nestedButton","timerInsideNotReversed","timerInsideReversed","TimerButtonClass","gap","flexDirection","timerTextColor","TimerClass","textColor","timerIconColor","timerHostWidth","buttonLabelSpacing","timerInsideGapEnd","timerInsideGapStart","wrapper","shadowRoot","timer","button","forwardingSlot","addEventListener","onTimerStarted","onTimerEnded","syncTimerPlacement","onClick","bind","name","reversed","previousSibling","nextSibling","insertBefore","parentElement","onclick","val","includeAttrs","mapAttrs","toggleButtonDisable","reset","isDisabled","setTimeout","removeAttribute","icon","minHeight","lineHeight","concat","seconds","secs","parseInt","Math","max","isPaused","startInterval","setInterval","stop","stopInterval","clearInterval","dispatchEvent","CustomEvent","bubbles","pause","resume","textContent","f","toggle","paused","fmt","pad","String","padStart","formatTime","ms","totalSeconds","floor","hours","secondsInMinute","minutes","join","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","template","_tooltipController","addController"],"sourceRoot":""}

package/dist/umd/descope-upload-file-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-upload-file-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5087,9636],{19624(t,e,o){o.d(e,{J:()=>p,T:()=>l});var r=o(63200),i=o(25964),n=o(88961),a=o(98538),s=o(10767);const l=(0,i.xE)("button"),{host:c,label:d,slottedIcon:u}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const p=(0,r.Zz)((0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,n.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...u,property:"width"},{...u,property:"height"}]}}),s.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:m}=p.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\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,o){o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var r=o(88961),i=o(25964),n=o(8512),a=o(63200);const s=(0,i.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:n.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},8512(t,e,o){o.d(e,{T:()=>l,q:()=>u});var r=o(88961),i=o(72270),n=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class d extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${u.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const u=(0,n.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(d)},18782(t,e,o){o.d(e,{m:()=>n});var r=o(25414);const i=t=>{const e=r.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")},n=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();o=i(r)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},3393(t,e,o){o.d(e,{y:()=>a});var r=o(9696),i=o(79365),n=o(81365);const a=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,n.q)(...t))},70139(t,e,o){o.r(e),o.d(e,{UploadFileClass:()=>f,componentName:()=>c});var r=o(19624),i=o(25964),n=o(79365),a=o(9696),s=o(97810),l=o(3393);const c=(0,s.xE)("upload-file"),d=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],u=(0,l.y)({componentName:c,baseSelector:":host > div"}),h=r.J.cssVarList,{host:p,wrapper:b,icon:m,title:g,description:v,requiredIndicator:y}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},f=(0,a.Zz)((0,n.RF)({componentNameOverride:(0,s.xE)("input-wrapper")}),(0,n.RF)({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...p,property:"height"},hostWidth:{...p,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...p,property:"direction"},{selector:()=>r.J.componentName,property:h.hostDirection}],gap:{...b},lineHeight:{...b,property:"line-height"},titleFontSize:{...g,property:"font-size"},titleFontWeight:{...g,property:"font-weight"},descriptionFontSize:{...v,property:"font-size"},labelTextColor:[{...g,property:"color"},{...v,property:"color"}],iconSize:{...m,property:"width"},requiredIndicator:{...y,property:"content"}}}),n.VO,n.tQ)(class extends u{static get observedAttributes(){return d.concat(u.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div>\n        <slot name="icon"></slot>\n\t\t\t\t<div class="title">\n\t\t\t\t\t<span class="title-text"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class="description"></div>\n\t\t\t\t<div class="button-wrapper">\n\t\t\t\t\t<input type="file" tabindex="-1" aria-labelledby="button"/>\n\t\t\t\t\t<descope-button id="button"></descope-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',(0,i.fz)("\n      :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n        ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async t=>{const e=t.target.files;var o;e.length&&(this.value=await(o=e[0],new Promise(t=>{const e=new FileReader;e.onload=e=>t(e.target.result),e.readAsDataURL(o)})),this.updateDescription((t=>t.name.replace(/^.*\\/,""))(e[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("title"===t?this.updateTitle(o):"description"===t?this.updateDescription(o):"button-label"===t?this.updateButtonLabel(o):"button-mode"===t?this.updateButtonMode(o):"button-variant"===t?this.updateButtonVariant(o):"size"===t?this.updateButtonSize(o):"accept"===t?this.updateInputAccept(o):"readonly"===t&&this.updateReadOnly(o))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(t){this.title.textContent=t}updateDescription(t){this.description.textContent=t}updateButtonLabel(t){this.button.textContent=t}updateButtonSize(t){this.button.setAttribute("size",t)}updateButtonMode(t){this.button.setAttribute("mode",t)}updateButtonVariant(t){this.button.setAttribute("variant",t)}updateInputAccept(t){this.input.setAttribute("accept",t)}updateReadOnly(t){"true"===t?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});o(30576),customElements.define(c,f)},89389(t,e,o){o.d(e,{$:()=>b});var r=o(13256),i=o(55774),n=o(82901),a=o(72562),s=o(81488),l=o(87550);const c=o(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5087,9636],{19624(t,e,o){o.d(e,{J:()=>p,T:()=>l});var r=o(63200),i=o(25964),n=o(88961),a=o(98538),s=o(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:u}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const p=(0,r.Zz)((0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,n.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...u,property:"width"},{...u,property:"height"}]}}),s.G,n.VO,n.tQ)((0,n.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:b,fontSize:m}=p.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${b});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\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,o){o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var r=o(88961),i=o(25964),n=o(8512),a=o(63200);const s=(0,i.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:n.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},8512(t,e,o){o.d(e,{T:()=>l,q:()=>u});var r=o(88961),i=o(72270),n=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),d=["src","src-dark"];class c extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${u.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const u=(0,n.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(c)},18782(t,e,o){o.d(e,{m:()=>n});var r=o(25414);const i=t=>{const e=r.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")},n=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();o=i(r)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},3393(t,e,o){o.d(e,{y:()=>a});var r=o(9696),i=o(79365),n=o(81365);const a=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,n.q)(...t))},70139(t,e,o){o.r(e),o.d(e,{UploadFileClass:()=>f,componentName:()=>d});var r=o(19624),i=o(25964),n=o(79365),a=o(9696),s=o(97810),l=o(3393);const d=(0,s.xE)("upload-file"),c=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],u=(0,l.y)({componentName:d,baseSelector:":host > div"}),h=r.J.cssVarList,{host:p,wrapper:b,icon:m,title:g,description:v,requiredIndicator:y}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},f=(0,a.Zz)((0,n.RF)({componentNameOverride:(0,s.xE)("input-wrapper")}),(0,n.RF)({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...p,property:"height"},hostWidth:{...p,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...p,property:"direction"},{selector:()=>r.J.componentName,property:h.hostDirection}],gap:{...b},lineHeight:{...b,property:"line-height"},titleFontSize:{...g,property:"font-size"},titleFontWeight:{...g,property:"font-weight"},descriptionFontSize:{...v,property:"font-size"},labelTextColor:[{...g,property:"color"},{...v,property:"color"}],iconSize:{...m,property:"width"},requiredIndicator:{...y,property:"content"}}}),n.VO,n.tQ)(class extends u{static get observedAttributes(){return c.concat(u.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div>\n        <slot name="icon"></slot>\n\t\t\t\t<div class="title">\n\t\t\t\t\t<span class="title-text"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class="description"></div>\n\t\t\t\t<div class="button-wrapper">\n\t\t\t\t\t<input type="file" tabindex="-1" aria-labelledby="button"/>\n\t\t\t\t\t<descope-button id="button"></descope-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',(0,i.fz)("\n      :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n        ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async t=>{const e=t.target.files;var o;e.length&&(this.value=await(o=e[0],new Promise(t=>{const e=new FileReader;e.onload=e=>t(e.target.result),e.readAsDataURL(o)})),this.updateDescription((t=>t.name.replace(/^.*\\/,""))(e[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("title"===t?this.updateTitle(o):"description"===t?this.updateDescription(o):"button-label"===t?this.updateButtonLabel(o):"button-mode"===t?this.updateButtonMode(o):"button-variant"===t?this.updateButtonVariant(o):"size"===t?this.updateButtonSize(o):"accept"===t?this.updateInputAccept(o):"readonly"===t&&this.updateReadOnly(o))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(t){this.title.textContent=t}updateDescription(t){this.description.textContent=t}updateButtonLabel(t){this.button.textContent=t}updateButtonSize(t){this.button.setAttribute("size",t)}updateButtonMode(t){this.button.setAttribute("mode",t)}updateButtonVariant(t){this.button.setAttribute("variant",t)}updateInputAccept(t){this.input.setAttribute("accept",t)}updateReadOnly(t){"true"===t?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});o(30576),customElements.define(d,f)},89389(t,e,o){o.d(e,{$:()=>b});var r=o(13256),i=o(55774),n=o(82901),a=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
   :host {
     display: inline-block;
     position: relative;
@@ -59,7 +59,7 @@
       outline-color: GrayText;
     }
   }
-`;var d=o(84467),u=o(53149),h=o(36176);const p=t=>class extends((0,d.e)((0,h.l)((0,u.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",c,{moduleId:"vaadin-button-styles"});class b extends(p((0,a.q)((0,l.cp)((0,i.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
+`;var c=o(84467),u=o(53149),h=o(36176);const p=t=>class extends((0,c.e)((0,h.l)((0,u.y)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.SF)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(p((0,a.q)((0,l.cp)((0,i.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
   <div class="vaadin-button-container">
     <span part="prefix" aria-hidden="true">
       <slot name="prefix"></slot>