npm - @descope/web-components-ui - Versions diffs - 3.16.4 → 3.18.0 - Mend

@descope/web-components-ui 3.16.4 → 3.18.0

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

Files changed (78) hide show

package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"phone-fields-descope-phone-input-box-field-index-js.js","mappings":";oOAiBO,MAAMA,GAAgB,QAAiB,cAExCC,EAAgB,CAAC,OAAQ,aAAc,qBA+EhCC,GAAiB,SAC5B,QAAiB,CACfC,SAAU,MAEZ,MACA,QAAgB,CACdC,WAAY,CAAC,QAAS,iBAAkB,gBACxCC,iBAAiB,IAEnB,KAtFmBC,GACnB,cAA6BA,EAC3B,6BAAWC,GACT,OAAON,EAAcO,OAAOF,EAAWC,oBAAsB,GAC/D,CAEAE,KAEA,IAAAC,GACEC,MAAMD,QACR,CAEA,qBAAAE,CAAsBC,GACpB,IAAKA,EAEH,YADAC,KAAKL,MAAMM,SAIb,MAAMC,EAAiB,CACrBP,KAAM,gBACNQ,MAAO,OACPC,MAAO,mBAGHC,EAAmB,CACvBV,KAAM,wBACNQ,MAAO,SACPC,MAAO,mBAGTJ,KAAKL,KAAOW,OAAOC,OAAOC,SAASC,cAAc,eAAgB,CAC/DC,KAAM,YACHR,IAGLF,KAAKW,YAAYC,YAAYZ,KAAKL,MAClCK,KAAKL,KAAKkB,iBAAiB,QAAS,KAClCC,UAAUC,UAAUC,UAAUhB,KAAKiB,OACnCX,OAAOC,OAAOP,KAAKL,KAAMU,GAGzBa,WAAW,KACTZ,OAAOC,OAAOP,KAAKL,KAAMO,IACxB,MAEP,CAEA,YAAAiB,GACEnB,KAAKoB,OACP,CAEA,wBAAAC,CAAyBC,EAAUC,EAAQC,GACzC3B,MAAM4B,0BAA0BH,EAAUC,EAAQC,GAOjC,SAAbF,GACFtB,KAAKW,YAAYe,SAASF,GAGxBD,IAAWC,IACI,eAAbF,EACa,aAAXE,EACFxB,KAAKa,iBAAiB,QAASb,KAAKmB,cAEpCnB,KAAK2B,oBAAoB,QAAS3B,KAAKmB,cAEnB,sBAAbG,GACTtB,KAAKF,sBAAiC,SAAX0B,GAGjC,GAG0B,EAY5B,QAAY,CACVI,MAAO,CAAC,SAAU,UAClBC,eAAgB,oBAChBzB,MAAO,IAAM,wGAIOhB,EAAe0C,WAAWC,4BACxC3C,EAAe0C,WAAWE,+cAc5B,QAAwB,gCAC3B,QAAuB5C,EAAe0C,uBACtC,QAAoB,oBAAqB1C,EAAe0C,uBACrD,iGAMJG,iBAAkB,CAAC,WAAY,SAC/B/C,kB,sHCxIJgD,eAAeC,OAAO,IAAe,I,oICgBrC,MAAMC,EAAW,IAAeN,WAEnB5C,GAAgB,QAAiB,0BAmDxC,KACJmD,EAAI,MACJC,EAAK,aACLC,EAAY,kBACZC,EAAiB,WACjBC,EAAU,kBACVC,EAAiB,uBACjBC,EAAsB,WACtBC,EAAU,aACVC,EAAY,WACZC,GACE,CACFT,KAAM,CAAEU,SAAU,IAAM,SACxBT,MAAO,CAAES,SAAU,iBACnBC,YAAa,CAAED,SAAU,6BACzBR,aAAc,CAAEQ,SAAU,SAC1BP,kBAAmB,CAAEO,SAAU,+CAC/BN,WAAY,CAAEM,SAAU,IAAM,wCAC9BL,kBAAmB,CACjBK,SAAU,0CAEZJ,uBAAwB,CACtBI,SAAU,iDAEZH,WAAY,CAAEG,SAAU,IAAM,sBAC9BD,WAAY,CAAEC,SAAU,uBACxBF,aAAc,CAAEE,SAAU,0BAGfE,GAA0B,SACrC,QAAiB,CACf5D,SAAU,CACR6D,SAAU,CACRb,EACAI,EACA,CACEM,SAAU,IAAe7D,cACzBiE,SAAU,IAAerB,WAAWoB,WAGxCE,WAAY,CAACd,EAAOO,EAAcC,GAClCO,UAAW,IAAKhB,EAAMc,SAAU,SAChCG,aAAc,IAAKjB,EAAMc,SAAU,aACnCI,cAAe,IAAKlB,EAAMc,SAAU,aAEpCK,uBAAwB,CACtB,IAAKZ,EAAYO,SAAU,gBAC3B,IAAKP,EAAYO,SAAU,kBAG7BM,cAAe,IAAKnB,EAAOa,SAAU,aACrCO,gBAAiB,IAAKpB,EAAOa,SAAU,eACvCQ,qBAAsB,IAAKf,EAAYO,SAAUf,EAASuB,sBAC1DC,2BAA4B,IAAKhB,EAAYO,SAAUf,EAASwB,4BAChEC,qBAAsB,IAAKf,EAAYK,SAAU,eACjDW,uBAAwB,IAAKjB,EAAcM,SAAU,eACrDY,eAAgB,CACd,IAAKzB,EAAOa,SAAU,SACtB,IAAKb,EAAOa,SAAU,2BACtB,IAAKX,EAAmBW,SAAU,UAEpCa,uBAAwB,IAAKxB,EAAmBW,SAAU,WAC1Dc,sBAAuB,IAAKpB,EAAcM,SAAU,SAEpDe,iBAAkB,IAAKrB,EAAcM,SAAU,oBAC/CgB,qBAAsB,IAAKtB,EAAcM,SAAU,mBACnDiB,wBAAyB,IAAKvB,EAAcM,SAAU,wBACtDkB,uBAAwB,IAAKxB,EAAcM,SAAU,qBACrDmB,yBAA0B,IAAKzB,EAAcM,SAAU,uBACvDoB,qBAAsB,IAAK1B,EAAcM,SAAU,aAEnDqB,oBAAqB,IAAK5B,EAAYO,SAAUf,EAASoC,qBAEzDC,0BAA2B,IAAK7B,EAAYO,SAAUf,EAASsC,uBAE/DC,iBAAkB,IAAKhC,EAAwBQ,SAAU,gBACzDyB,iBAAkB,IAAKjC,EAAwBQ,SAAU,gBACzD0B,iBAAkB,IAAKlC,EAAwBQ,SAAU,gBACzD2B,kBAAmB,CACjB,IAAKpC,EAAmBS,SAAU,iBAClC,IAAKR,EAAwBQ,SAAU,kBAGzC4B,kBAAmB,IAAKrC,EAAmBS,SAAU,iBACrD6B,kBAAmB,IAAKtC,EAAmBS,SAAU,iBACrDpB,kBAAmB,IAAKW,EAAmBS,SAAU,iBACrDnB,mBAAoB,IAAKU,EAAmBS,SAAU,kBAEtD8B,cAAe,IAAK3C,EAAOa,SAAU,YACrC+B,iBAAkB,IAAK5C,EAAOa,SAAU,OACxCgC,wBAAyB,CACvB,IAAK7C,EAAOa,SAAU,QACtB,IAAKb,EAAOa,SAAU,UAExBiC,gBAAiB,IAAK9C,EAAOa,SAAU,aACvCkC,gBAAiB,IAAK/C,EAAOa,SAAU,cACvCmC,kBAAmB,IAAKhD,EAAOa,SAAU,uBACzCoC,iBAAkB,IAAKhD,EAAcY,SAAU,UAC/CqC,uBAAwB,CACtBzC,SAAU,IAAe7D,cACzBiE,SAAUf,EAASoD,2BAIzB,KACA,MACA,QAAgB,CAAElG,WAAY,CAAC,QAAS,oBA3JrBE,GACnB,cAA2CA,EACzC,uBAAWiG,GACT,OAAO,GACT,CAEA,IAAA7F,GACEC,MAAMD,SAEN,MAAM8F,EAAWlF,SAASC,cAAc,YAExCiF,EAASC,UAAY,cACpB,oEAGE,eAGH3F,KAAKW,YAAYC,YAAY8E,EAASE,QAAQC,WAAU,IAExD7F,KAAKuC,aAAevC,KAAK8F,WAAWC,cAAc,MAElD,QAAU/F,KAAMA,KAAKuC,aAAc,CAAEyD,aAAc,CAAC,gBAEpD,QAAahG,KAAK8F,WAAWzD,KAAMrC,KAAKuC,aAAc,CACpDyD,aAAc,CACZ,OACA,YACA,YACA,eACA,WACA,0BACA,QACA,aACA,2BACA,qBACA,eACA,oBACA,kCACA,qBAGN,CAEA,uBAAIC,GACF,OAAOjG,KAAKuC,cAAc0D,mBAC5B,GAgCmC,EAgFrC,QAAY,CACVrE,MAAO,GACPC,eAAgB,oBAChBzB,MAAO,IAAM,kHAMX,QAAuB6C,EAAwBnB,qBAC/C,QAAiB,8BACjB,QAAsC,8BACtC,kqBA2BEM,EAASL,gCACTK,EAASJ,uxBA+BX,QAAwB,8BACxB,kBAEFC,iBAAkB,CAAC,WAAY,SAC/B/C,kB,4GC7PG,MAAMA,GAAgB,QAAiB,kCAExCO,EAAqB,CACzB,WACA,OACA,WACA,0BACA,OACA,YACA,eACA,aACA,oBAEIyG,EAAW,CACf,0BAA2B,cAC3B,mBAAoB,QAGhBC,GAAiB,OAAqB,CAAEjH,gBAAekH,aAAc,QA6P3E,EA3PA,cAAiCD,EAC/B,6BAAW1G,GACT,MAAO,GAAGC,OAAOyG,EAAe1G,oBAAsB,GAAIA,EAC5D,CAEA,GAEA,WAAA4G,GACExG,QAEAG,KAAK2F,UAAY,kIAMjB3F,KAAKsG,UAAYtG,KAAK+F,cAAc,qBACtC,CAGA,uBAAIE,GACF,OAAOjG,KAAKsG,UAAUR,WAAWC,cAAc,QACjD,CAEA,mBAAIQ,GACF,OAAO,OAAmBvG,KAAKwG,aAAa,gBAC9C,CAEA,eAAIC,GACF,OAAOzG,KAAKwG,aAAa,eAC3B,CAEA,0BAAIE,GACF,MAAyD,SAAlD1G,KAAKwG,aAAa,2BAC3B,CAEA,aAAIG,GACF,OAAOC,SAAS5G,KAAKwG,aAAa,aAAc,KAAO,CACzD,CAEA,aAAIK,GACF,OAAOD,SAAS5G,KAAKwG,aAAa,aAAc,KAAO,EACzD,CAEA,qBAAIM,GACF,OAAO9G,KAAKwG,aAAa,uBAAuBO,MAAM,KAAKC,OAAOC,UAAY,EAChF,CAEA,iBAAIC,GACF,MAA6C,SAAtClH,KAAKwG,aAAa,eAC3B,CAEA,sBAAIW,GACF,MAAkD,SAA3CnH,KAAKwG,aAAa,oBAC3B,CAEA,SAAIvF,GACF,IAAKjB,KAAKsG,UAAUrF,MAAO,MAAO,GAElC,IAAKjB,KAAKmH,mBACR,OAAOnH,MAAK,IAGd,MAAMoH,EAAYpH,MAAK,IAEvB,OAAIoH,GAAWC,SAAWD,GAAWE,oBAAsBF,GAAWG,eAC7D,IAAI,CAACH,GAAWE,mBAAoBF,GAAWG,gBAAgBC,KAAK,OAItExH,KAAKsG,UAAUrF,KACxB,CAEA,SAAIA,CAAMwG,GACRzH,KAAKsG,UAAUrF,MAAQwG,CACzB,CAEA,IAAA7H,GACEI,KAAKa,iBAAiB,QAAU6G,IAE1BA,EAAEC,WAAW3H,KAAKsG,UAAUlF,UAGlCvB,MAAMD,SAENI,KAAKsG,UAAUzF,iBAAiB,QAASb,MAAK,EAAS4H,KAAK5H,OAC5DA,KAAK6H,6BAA6B,CAAC7H,KAAKsG,aAExC,QAAatG,KAAKsG,UAAWtG,KAAM,CAAEgG,aAAc,CAAC,gBAEpD,QAAahG,KAAMA,KAAKsG,UAAW,CACjCN,aAAc,CAAC,oBACfE,SAAU,CAAE,mBAAoB,SAEpC,CAEA,WAAA4B,GACE,MAAMC,EAAoB,+BACpBC,EAAahI,MAAK,EAAaA,KAAKsG,UAAUrF,OAAS,IAE7D,GAAIjB,KAAKiI,aAAejI,KAAKsG,UAAUrF,MACrC,MAAO,CAAEiH,cAAc,GAGzB,GAAIlI,KAAKsG,UAAUrF,MAAO,CACxB,GAAI+G,EAAWG,OAASnI,KAAK2G,UAC3B,MAAO,CAAEyB,UAAU,GAGrB,GAEGpI,KAAKmH,oBAAsBnH,KAAKsG,UAAUrF,QAAUjB,MAAK,MAExDA,KAAKmH,oBAAsBnH,KAAKsG,UAAUrF,QAAU8G,EAAkBM,KAAKrI,KAAKiB,OAElF,MAAO,CAAEqH,iBAAiB,EAE9B,CAEA,MAAO,CAAC,CACV,CAEA,iBAAAC,IAAqBC,GACnBxI,KAAKsG,UAAUiC,qBAAqBC,EACtC,CAEA,wBAAAnH,CAAyBC,EAAUmH,EAAUC,GAG3C,GAFA7I,MAAMwB,yBAAyBC,EAAUmH,EAAUC,GAE/CD,IAAaC,GAAYjJ,EAAmBkJ,SAASrH,GAAW,CAClE,MAAMsH,EAAO1C,EAAS5E,IAAaA,EACnCtB,KAAKsG,UAAUuC,aAAaD,EAAMF,EACpC,CACF,CAEA,GAAShB,GACP,IAAIoB,EAAiB9I,MAAK,EAAe0H,EAAEqB,OAAO9H,OAE9CjB,KAAKkH,eAAiBlH,MAAK,EAAW8I,KACxCA,EAAiB9I,MAAK,EAAmB8I,IAG3CpB,EAAEqB,OAAO9H,MAAQ6H,CACnB,CAEA,KACE,IAAK9I,KAAKuG,gBACR,OAAOvG,KAAKsG,UAAUrF,MAGxB,MAAMsG,EAAiBvH,MAAK,EAA0BA,KAAKsG,UAAUrF,OAC/D+H,EAAehJ,MAAK,EAAauH,GAEvC,MAAO,CAACvH,KAAKuG,gBAAiByC,GAAcxB,KAAK,IACnD,CAEA,KACE,OAAIxH,KAAKuG,iBACA,OACL,CAACvG,KAAKuG,gBAAiBvG,MAAK,EAAaA,KAAKsG,UAAUrF,QAAQ+F,OAAOC,SAASO,KAAK,MAKlF,OAA2BxH,KAAKsG,UAAUrF,MACnD,CAEA,GAAawG,GACX,OAAOA,EAAIwB,QAAQ,MAAO,GAC5B,CAEA,GAA0BxB,GACxB,GAAkC,MAA9BzH,KAAKsG,UAAUrF,QAAQ,GAAY,CACrC,MAAMiI,EAAwB,IAAIC,OAAO,MAAMnJ,KAAKuG,mBAEpD,OADgBkB,EAAIwB,QAAQC,EAAuB,GAErD,CACA,OAAOzB,CACT,CAEA,KACE,MAAM2B,GAAS,OAA2BpJ,KAAKiB,OAC/C,SACImI,IACAA,EAAOC,cACPD,EAAO/B,UACPrH,MAAK,EAAkBoJ,EAAO/B,UAC/BrH,KAAKyG,aAAczG,KAAKyG,cAAgB2C,EAAO/B,QAEpD,CAEA,GAAkBiC,GAChB,OAAKtJ,KAAK8G,kBAAkBqB,QAIrBnI,KAAK8G,kBAAkB6B,SAASW,EACzC,CAEA,GAAe7B,GAOb,GANAA,EAAMA,EACHwB,QAAQ,MAAO,IACfA,QAAQ,WAAY,IACpBA,QAAQ,KAAM,KACdA,QAAQ,KAAM,MAEZjJ,KAAK0G,uBAAwB,CAChC,MAAM6C,EAAkB,gBACxB9B,EAAMA,EACHV,MAAM,IACNC,OAAQwC,GAASD,EAAgBlB,KAAKmB,IACtChC,KAAK,GACV,CAEA,OAAOC,CACT,CAEA,GAAmBgC,EAAc,IAE/B,MAAMH,EAActJ,KAAKyG,aAAezG,MAAK,EAAyByJ,GAGtE,OAAKH,GAKAtJ,MAAK,GAAQA,MAAK,EAAKqH,UAAYiC,IACtCtJ,MAAK,EAAO,IAAI,IAAUsJ,IAI5BtJ,MAAK,EAAK0J,QAGW1J,MAAK,EAAK2J,MAAMF,IAAgBA,GAZ5CA,CAeX,CAEA,GAAyBhC,GACvB,MAAM2B,GAAS,OAA2B3B,GAC1C,OAAO2B,GAAQ/B,SAAW,EAC5B,CAEA,GAAWI,GACT,SAAK,OAAoBA,EAE3B,E,6CC9QFvF,eAAeC,OAAO,IAAe,I,wHCCrCD,eAAeC,OAAO,KAAe,K,uDCF9B,MAAMyH,EAAsBN,GACjC,IAAaO,KAAMC,GAAMA,EAAEC,OAAST,IAAcU,SAEvCC,EAAuBxC,IAClC,MAAMyC,EAAmBzC,EAAI0C,MAAM,OAC7BC,EAAoB3C,EAAI0C,MAAM,OACpC,OAAOD,GAAkB/B,SAAWiC,GAAmBjC,O,+CCClD,MAAMkC,UAAwB,IACnC,WAAAhE,CAAYhE,EAAMiI,GAChBzK,MAAMwC,EAAM,QAAS,QAAS,CAC5BkI,YAAa,CAACC,EAAMnI,KACdA,EAAKpB,QACPuJ,EAAKvJ,MAAQoB,EAAKpB,OAEhBoB,EAAKoI,MACPD,EAAK3B,aAAa,OAAQxG,EAAKoI,MAIjCD,EAAKE,GAAK1K,KAAK2K,UAES,mBAAbL,GACTA,EAASE,IAGbI,aAAa,GAEjB,E,+CCjBK,MAAMC,EAAmBrL,GAC9B,eAAmC,OAAkBA,IACnD,qBAAWsL,GACT,MAAO,CAMLC,aAAc,CACZN,KAAMO,QAURC,YAAa,CACXR,KAAMO,QAYRE,eAAgB,CACdT,KAAMO,OACNG,oBAAoB,GAG1B,CAEA,wBAAWC,GACT,MAAO,IAAIvL,MAAMuL,cAAe,iBAAkB,eAAgB,cACpE,CAGA,UAAIC,GACF,OAAOrL,KAAKsL,aAAe,CAAC,CAC9B,CAEA,UAAID,CAAOpK,GACTjB,KAAKsL,YAAcrK,CACrB,CAOA,oBAAAsK,CAAqB5B,GACnB9J,MAAM0L,qBAAqB5B,GAEvBA,IAEEA,EAAM1I,OAAS0I,EAAM1I,QAAUjB,KAAKiB,QACtCuK,QAAQC,KAAK,+BAA+BzL,KAAK0L,yBACjD/B,EAAM1I,MAAQ,IAGZjB,KAAKiB,QACP0I,EAAM1I,MAAQjB,KAAKiB,OAGzB,CAQA,WAAA0K,CAAYC,GACV/L,MAAM8L,YAAYC,IAIbA,GAAWpL,SAASqL,YACvB7L,KAAK8L,UAET,CASA,QAAAC,CAASC,GACPnM,MAAMkM,SAASC,GAEXhM,KAAKiM,SACPjM,KAAK8L,UAET,CAWA,aAAAI,CAAcxD,EAAUD,GACtB5I,MAAMqM,cAAcxD,EAAUD,QAEb0D,IAAb1D,GAIAzI,KAAKiM,SACPjM,KAAK8L,UAET,E,gJC1HG,MAAMM,EAAkBC,GAC7B,eAAkC,OAAgBA,IAChD,qBAAWvB,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAORE,QAAS,CACPhC,KAAMO,QAGZ,CAEA,wBAAWI,GACT,MAAO,IAAIvL,MAAMuL,cAAe,YAAa,YAAa,UAC5D,CAEA,sBAAWsB,GACT,MAAO,IAAI7M,MAAM6M,YAAa,YAAa,YAAa,UAC1D,CAEA,WAAArG,GACExG,QACAG,KAAK0B,SAAS,OAChB,CAGA,gBAAIiL,GACF,OAAO3M,KAAK4M,EAAEC,WAChB,CAGA,KAAAC,GACEjN,MAAMiN,QAEN9M,KAAK+M,cACH,IAAI,IAAgB/M,KAAO2J,IACzB3J,KAAKgN,iBAAiBrD,GACtB3J,KAAKiN,iBAAiBtD,GACtB3J,KAAKkN,YAAcvD,EACnB3J,KAAKmN,WAAaxD,KAGtB3J,KAAK+M,cAAc,IAAI,IAAwB/M,KAAKuC,aAAcvC,KAAKoN,kBACzE,IC5DJ,QAAe,oBAAqB,IAAkB,CAAEC,SAAU,6BAuE3D,MAAMC,UAAkBlB,GAAe,SAAc,OAAa,SACvE,aAAWmB,GACT,MAAO,mBACT,CAEA,mBAAW7H,GACT,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCb,CAEA,qBAAWoF,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAGZ,CAGA,KAAAO,GACEjN,MAAMiN,QAEN9M,KAAKwN,mBAAqB,IAAI,IAAkBxN,MAChDA,KAAKwN,mBAAmBC,YAAY,OACpCzN,KAAKwN,mBAAmBE,cAAc1N,KAAKuC,cAC3CvC,KAAK+M,cAAc/M,KAAKwN,mBAC1B,GAGF,OAAoBF,E,wCCrJpB,E,SAAA,IAAe,oBAAqB,IAAkB,CACpDD,SAAU,2B","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n inputFloatingLabelStyle,\n resetInputLabelPosition,\n resetInputOverrides,\n useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n class TextFieldClass extends superclass {\n static get observedAttributes() {\n return observedAttrs.concat(superclass.observedAttributes \|\| []);\n }\n\n icon;\n\n init() {\n super.init?.();\n }\n\n renderCopyToClipboard(shouldRender) {\n if (!shouldRender) {\n this.icon?.remove();\n return;\n }\n\n const iconInitConfig = {\n icon: 'vaadin:copy-o',\n title: 'Copy',\n style: 'cursor: pointer',\n };\n\n const iconCopiedConfig = {\n icon: 'vaadin:check-circle-o',\n title: 'Copied',\n style: 'cursor: initial',\n };\n\n this.icon = Object.assign(document.createElement('vaadin-icon'), {\n slot: 'suffix',\n ...iconInitConfig,\n });\n\n this.baseElement.appendChild(this.icon);\n this.icon.addEventListener('click', () => {\n navigator.clipboard.writeText(this.value);\n Object.assign(this.icon, iconCopiedConfig);\n\n // we want the icon to go back to the initial state after 5 seconds\n setTimeout(() => {\n Object.assign(this.icon, iconInitConfig);\n }, 5000);\n });\n }\n\n onLabelClick() {\n this.focus();\n }\n\n attributeChangedCallback(attrName, oldVal, newVal) {\n super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n // Vaadin doesn't allow to change the input type attribute.\n // We need the ability to do that, so we're overriding their\n // behavior with their private API.\n // When receiving a `type` attribute, we use their private API\n // to set it on the input.\n if (attrName === 'type') {\n this.baseElement._setType(newVal);\n }\n\n if (oldVal !== newVal) {\n if (attrName === 'label-type') {\n if (newVal === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n } else if (attrName === 'copy-to-clipboard') {\n this.renderCopyToClipboard(newVal === 'true');\n }\n }\n }\n };\n\nexport const TextFieldClass = compose(\n createStyleMixin({\n mappings: textFieldMappings,\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n useProxyTargets: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: ['prefix', 'suffix'],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n TextFieldClass.cssVarList.inputOutlineOffset\n }));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n ${inputFloatingLabelStyle()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style'],\n componentName,\n }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createProxy,\n createStyleMixin,\n draggableMixin,\n inputOverrideValidConstraintsMixin,\n proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n resetInputFieldDefaultWidth,\n resetInputFieldInvalidBackgroundColor,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n class PhoneFieldInputBoxMixinClass extends superclass {\n static get CountryCodes() {\n return CountryCodes;\n }\n\n init() {\n super.init?.();\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n forwardAttrs(this.shadowRoot.host, this.inputElement, {\n includeAttrs: [\n 'size',\n 'minlength',\n 'maxlength',\n 'default-code',\n 'disabled',\n 'phone-input-placeholder',\n 'label',\n 'label-type',\n 'allow-alphanumeric-input',\n 'restrict-countries',\n 'format-value',\n 'strict-validation',\n 'data-errormessage-type-mismatch',\n 'phone-input-type',\n ],\n });\n }\n\n get phoneNumberInputEle() {\n return this.inputElement?.phoneNumberInputEle;\n }\n };\n\nconst {\n host,\n label,\n inputElement,\n requiredIndicator,\n inputField,\n internalComponent,\n internalComponentAfter,\n phoneInput,\n errorMessage,\n helperText,\n} = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n placeholder: { selector: '> input:placeholder-shown' },\n inputElement: { selector: 'input' },\n requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n internalComponent: {\n selector: 'descope-phone-field-internal-input-box',\n },\n internalComponentAfter: {\n selector: 'descope-phone-field-internal-input-box::after',\n },\n phoneInput: { selector: () => 'descope-text-field' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n createStyleMixin({\n mappings: {\n fontSize: [\n host,\n inputField,\n {\n selector: TextFieldClass.componentName,\n property: TextFieldClass.cssVarList.fontSize,\n },\n ],\n fontFamily: [label, errorMessage, helperText],\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: { ...host, property: 'direction' },\n\n inputHorizontalPadding: [\n { ...phoneInput, property: 'padding-left' },\n { ...phoneInput, property: 'padding-right' },\n ],\n\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n helperTextFontWeight: { ...helperText, property: 'font-weight' },\n errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...label, property: '-webkit-text-fill-color' },\n { ...requiredIndicator, property: 'color' },\n ],\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n inputBorderRadius: [\n { ...internalComponent, property: 'border-radius' },\n { ...internalComponentAfter, property: 'border-radius' },\n ],\n\n inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n valueInputHeight: { ...inputElement, property: 'height' },\n valueInputMarginBottom: {\n selector: TextFieldClass.componentName,\n property: textVars.valueInputMarginBottom,\n },\n },\n }),\n draggableMixin,\n inputOverrideValidConstraintsMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n customMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n ${resetInputCursor('vaadin-text-field')}\n ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n ${resetInputFieldDefaultWidth()}\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${textVars.inputOutlineWidth}: 0;\n ${textVars.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${resetInputLabelPosition('vaadin-text-field')}\n ${inputFloatingLabelStyle()}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style'],\n componentName,\n })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n 'disabled',\n 'size',\n 'readonly',\n 'phone-input-placeholder',\n 'name',\n 'maxlength',\n 'autocomplete',\n 'label-type',\n 'phone-input-type',\n];\nconst mapAttrs = {\n 'phone-input-placeholder': 'placeholder',\n 'phone-input-type': 'type',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttributes);\n }\n\n #ayt;\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-text-field tabindex=\"1\" type=\"tel\" bordered=\"false\"></descope-text-field>\n </div>\n `;\n\n this.textField = this.querySelector('descope-text-field');\n }\n\n // notice: this function is exposed in parent component\n get phoneNumberInputEle() {\n return this.textField.shadowRoot.querySelector('input');\n }\n\n get defaultDialCode() {\n return getCountryByCodeId(this.getAttribute('default-code'));\n }\n\n get defaultCode() {\n return this.getAttribute('default-code');\n }\n\n get allowAlphanumericInput() {\n return this.getAttribute('allow-alphanumeric-input') === 'true';\n }\n\n get minLength() {\n return parseInt(this.getAttribute('minlength'), 10) \|\| 0;\n }\n\n get maxLength() {\n return parseInt(this.getAttribute('maxlength'), 10) \|\| 50;\n }\n\n get restrictCountries() {\n return this.getAttribute('restrict-countries')?.split(',').filter(Boolean) \|\| [];\n }\n\n get isFormatValue() {\n return this.getAttribute('format-value') === 'true';\n }\n\n get isStrictValidation() {\n return this.getAttribute('strict-validation') === 'true';\n }\n\n get value() {\n if (!this.textField.value) return '';\n\n if (!this.isStrictValidation) {\n return this.#nonParsedValue();\n }\n\n const parsedVal = this.#parseWithCountryCode();\n\n if (parsedVal?.country && parsedVal?.countryCallingCode && parsedVal?.nationalNumber) {\n return `+${[parsedVal?.countryCallingCode, parsedVal?.nationalNumber].join('-')}`;\n }\n\n // if failed to parse or to find country code return text field value\n return this.textField.value;\n }\n\n set value(val) {\n this.textField.value = val;\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n // We want to ignore focus events we are dispatching\n if (e.isTrusted) this.textField.focus();\n });\n\n super.init?.();\n\n this.textField.addEventListener('input', this.#onInput.bind(this));\n this.handleFocusEventsDispatching([this.textField]);\n\n forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n forwardAttrs(this, this.textField, {\n includeAttrs: ['phone-input-type'],\n mapAttrs: { 'phone-input-type': 'type' },\n });\n }\n\n getValidity() {\n const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n const stripValue = this.#sanitizeVal(this.textField.value \|\| '');\n\n if (this.isRequired && !this.textField.value) {\n return { valueMissing: true };\n }\n\n if (this.textField.value) {\n if (stripValue.length < this.minLength) {\n return { tooShort: true };\n }\n\n if (\n // has `strict-validation` and not properly parsed\n (this.isStrictValidation && this.textField.value && !this.#isValidParsedValue()) \|\|\n // if no `strict-validation` then conform with naive pattern\n (!this.isStrictValidation && this.textField.value && !validPhonePattern.test(this.value))\n ) {\n return { patternMismatch: true };\n }\n }\n\n return {};\n }\n\n setSelectionRange(...args) {\n this.textField.setSelectionRange(...args);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback(attrName, oldValue, newValue);\n\n if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n const attr = mapAttrs[attrName] \|\| attrName;\n this.textField.setAttribute(attr, newValue);\n }\n }\n\n #onInput(e) {\n let sanitizedInput = this.#sanitizeInput(e.target.value);\n\n if (this.isFormatValue && this.#canFormat(sanitizedInput)) {\n sanitizedInput = this.#formatPhoneNumber(sanitizedInput);\n }\n\n e.target.value = sanitizedInput;\n }\n\n #nonParsedValue() {\n if (!this.defaultDialCode) {\n return this.textField.value;\n }\n\n const nationalNumber = this.#trimDuplicateCountryCode(this.textField.value);\n const sanitizedVal = this.#sanitizeVal(nationalNumber);\n\n return [this.defaultDialCode, sanitizedVal].join('-');\n }\n\n #parseWithCountryCode() {\n if (this.defaultDialCode) {\n return parsePhoneNumberFromString(\n [this.defaultDialCode, this.#sanitizeVal(this.textField.value)].filter(Boolean).join('')\n );\n }\n\n // if default-code or not parsed - try to extract country code from value\n return parsePhoneNumberFromString(this.textField.value);\n }\n\n #sanitizeVal(val) {\n return val.replace(/\\D/g, '');\n }\n\n #trimDuplicateCountryCode(val) {\n if (this.textField.value?.[0] === '+') {\n const dialCodePrefixPattern = new RegExp(`^\\\\${this.defaultDialCode}`);\n const trimmed = val.replace(dialCodePrefixPattern, '');\n return trimmed;\n }\n return val;\n }\n\n #isValidParsedValue() {\n const parsed = parsePhoneNumberFromString(this.value);\n return (\n !!parsed && // parsed successfully (not undefined)\n !!parsed.isValid?.() && // Parsed object is valid\n !!parsed.country && // Parsed object with a country code\n !!this.#isAllowedCountry(parsed.country) && // Parsed with allowed country code\n (this.defaultCode ? this.defaultCode === parsed.country : true) // In case default country code is set validate parsed country matches it\n );\n }\n\n #isAllowedCountry(countryCode) {\n if (!this.restrictCountries.length) {\n return true;\n }\n\n return this.restrictCountries.includes(countryCode);\n }\n\n #sanitizeInput(val) {\n val = val\n .replace(/^-+/, '') // dash as first char\n .replace(/(?!^)\\+/g, '') // multiple plus symbols\n .replace('--', '-') // consecutive dashes\n .replace('+-', '+'); // dash following plus symbol\n\n if (!this.allowAlphanumericInput) {\n const telDigitsRegExp = /^[+\\d-\$\$]+$/;\n val = val\n .split('')\n .filter((char) => telDigitsRegExp.test(char))\n .join('');\n }\n\n return val;\n }\n\n #formatPhoneNumber(phoneNumber = '') {\n // Get country code from `default-code or` from phone number\n const countryCode = this.defaultCode \|\| this.#getCountryCodeFromValue(phoneNumber);\n\n // Skip formatting if no country code is available\n if (!countryCode) {\n return phoneNumber;\n }\n\n // Update AsYouType country code if needed\n if (!this.#ayt \|\| this.#ayt.country !== countryCode) {\n this.#ayt = new AsYouType(countryCode);\n }\n\n // We need to reset AsYouType instance before setting new input\n this.#ayt.reset();\n\n // Set AsYouType input\n const formattedVal = this.#ayt.input(phoneNumber) \|\| phoneNumber;\n\n return formattedVal;\n }\n\n #getCountryCodeFromValue(val) {\n const parsed = parsePhoneNumberFromString(val);\n return parsed?.country \|\| '';\n }\n\n #canFormat(val) {\n if (!matchingParenthesis(val)) return false;\n return true;\n }\n}\n\nexport default PhoneFieldInternal;\n","import '@descope-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n\nexport const matchingParenthesis = (val) => {\n const openParenMatches = val.match(/\$/g);\n const closeParenMatches = val.match(/\$/g);\n return openParenMatches?.length === closeParenMatches?.length;\n};\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n /\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/\n A mixin to provide logic for vaadin-text-field and related components.\n \n @polymerMixin\n * @mixes InputControlMixin\n /\nexport const InputFieldMixin = (superclass) =>\n class InputFieldMixinClass extends InputControlMixin(superclass) {\n static get properties() {\n return {\n /\n Whether the value of the control can be automatically completed by the browser.\n * List of available options at:\n * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n /\n autocomplete: {\n type: String,\n },\n\n /\n This is a property supported by Safari that is used to control whether\n * autocorrection should be enabled when the user is entering/editing the text.\n * Possible values are:\n * on: Enable autocorrection.\n * off: Disable autocorrection.\n /\n autocorrect: {\n type: String,\n },\n\n /\n This is a property supported by Safari and Chrome that is used to control whether\n * autocapitalization should be enabled when the user is entering/editing the text.\n * Possible values are:\n * characters: Characters capitalization.\n * words: Words capitalization.\n * sentences: Sentences capitalization.\n * none: No capitalization.\n /\n autocapitalize: {\n type: String,\n reflectToAttribute: true,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n }\n\n // Workaround for https://github.com/Polymer/polymer/issues/5259\n get __data() {\n return this.__dataValue \|\| {};\n }\n\n set __data(value) {\n this.__dataValue = value;\n }\n\n /\n @param {HTMLElement} input\n * @protected\n * @override\n /\n _inputElementChanged(input) {\n super._inputElementChanged(input);\n\n if (input) {\n // Discard value set on the custom slotted input.\n if (input.value && input.value !== this.value) {\n console.warn(`Please define value on the <${this.localName}> component!`);\n input.value = '';\n }\n\n if (this.value) {\n input.value = this.value;\n }\n }\n }\n\n /\n Override an event listener from `FocusMixin`.\n * @param {boolean} focused\n * @protected\n * @override\n /\n _setFocused(focused) {\n super._setFocused(focused);\n\n // Do not validate when focusout is caused by document\n // losing focus, which happens on browser tab switch.\n if (!focused && document.hasFocus()) {\n this.validate();\n }\n }\n\n /\n Override an event listener from `InputMixin`\n * to mark as valid after user started typing.\n * @param {Event} event\n * @protected\n * @override\n /\n _onInput(event) {\n super._onInput(event);\n\n if (this.invalid) {\n this.validate();\n }\n }\n\n /\n Override an observer from `InputMixin` to validate the field\n * when a new value is set programmatically.\n \n @param {string \| undefined} newValue\n * @param {string \| undefined} oldValue\n * @protected\n * @override\n /\n _valueChanged(newValue, oldValue) {\n super._valueChanged(newValue, oldValue);\n\n if (oldValue === undefined) {\n return;\n }\n\n if (this.invalid) {\n this.validate();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/\n A mixin providing common text field functionality.\n \n @polymerMixin\n * @mixes InputFieldMixin\n /\nexport const TextFieldMixin = (superClass) =>\n class TextFieldMixinClass extends InputFieldMixin(superClass) {\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n\n /\n A regular expression that the value is checked against.\n * The pattern must match the entire value, not just some subset.\n /\n pattern: {\n type: String,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n }\n\n static get constraints() {\n return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n }\n\n constructor() {\n super();\n this._setType('text');\n }\n\n /* @protected /\n get clearElement() {\n return this.$.clearButton;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this.addController(\n new InputController(this, (input) => {\n this._setInputElement(input);\n this._setFocusElement(input);\n this.stateTarget = input;\n this.ariaTarget = input;\n }),\n );\n this.addController(new LabelledInputController(this.inputElement, this._labelController));\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 '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\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 { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/\n `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n \n ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n \n ### Prefixes and suffixes\n \n These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n \n ```html\n * <vaadin-text-field label=\"Email address\">\n * <div slot=\"prefix\">Sent to:</div>\n * <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n \n ### Styling\n \n The following custom properties are available for styling:\n \n Custom property \| Description \| Default\n * -------------------------------\|----------------------------\|---------\n * `--vaadin-field-default-width` \| Default width of the field \| `12em`\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ---------------------\|----------------\n * `label` \| The label element\n * `input-field` \| The element that wraps prefix, value and suffix\n * `clear-button` \| The clear button\n * `error-message` \| The error message element\n * `helper-text` \| The helper text element wrapper\n * `required-indicator` \| The `required` state indicator element\n \n The following state attributes are available for styling:\n \n Attribute \| Description \| Part name\n * --------------------\|-------------\|------------\n * `disabled` \| Set to a disabled text field \| :host\n * `has-value` \| Set when the element has a value \| :host\n * `has-label` \| Set when the element has a label \| :host\n * `has-helper` \| Set when the element has helper text or slot \| :host\n * `has-error-message` \| Set when the element has an error message \| :host\n * `invalid` \| Set when the element is invalid \| :host\n * `input-prevented` \| Temporarily set when invalid input is prevented \| :host\n * `focused` \| Set when the element is focused \| :host\n * `focus-ring` \| Set when the element is keyboard focused \| :host\n * `readonly` \| Set to a readonly text field \| :host\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n /\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n static get is() {\n return 'vaadin-text-field';\n }\n\n static get template() {\n return html`\n <style>\n [part='input-field'] {\n flex-grow: 0;\n }\n </style>\n\n <div class=\"vaadin-field-container\">\n <div part=\"label\">\n <slot name=\"label\"></slot>\n <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n </div>\n\n <vaadin-input-container\n part=\"input-field\"\n readonly=\"[[readonly]]\"\n disabled=\"[[disabled]]\"\n invalid=\"[[invalid]]\"\n theme$=\"[[_theme]]\"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot name=\"input\"></slot>\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n </vaadin-input-container>\n\n <div part=\"helper-text\">\n <slot name=\"helper\"></slot>\n </div>\n\n <div part=\"error-message\">\n <slot name=\"error-message\"></slot>\n </div>\n </div>\n <slot name=\"tooltip\"></slot>\n `;\n }\n\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n };\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this._tooltipController.setPosition('top');\n this._tooltipController.setAriaTarget(this.inputElement);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(TextField);\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 '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","textVars","host","label","inputElement","requiredIndicator","inputField","internalComponent","internalComponentAfter","phoneInput","errorMessage","helperText","selector","placeholder","PhoneFieldInputBoxClass","fontSize","property","fontFamily","hostWidth","hostMinWidth","hostDirection","inputHorizontalPadding","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputValueTextColor","inputPlaceholderTextColor","inputPlaceholderColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","valueInputHeight","valueInputMarginBottom","CountryCodes","template","innerHTML","content","cloneNode","shadowRoot","querySelector","includeAttrs","phoneNumberInputEle","mapAttrs","BaseInputClass","baseSelector","constructor","textField","defaultDialCode","getAttribute","defaultCode","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","filter","Boolean","isFormatValue","isStrictValidation","parsedVal","country","countryCallingCode","nationalNumber","join","val","e","isTrusted","bind","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","isRequired","valueMissing","length","tooShort","test","patternMismatch","setSelectionRange","args","oldValue","newValue","includes","attr","setAttribute","sanitizedInput","target","sanitizedVal","replace","dialCodePrefixPattern","RegExp","parsed","isValid","countryCode","telDigitsRegExp","char","phoneNumber","reset","input","getCountryByCodeId","find","c","code","dialCode","matchingParenthesis","openParenMatches","match","closeParenMatches","InputController","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","pattern","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","_labelController","moduleId","TextField","is","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}
1	+ {"version":3,"file":"phone-fields-descope-phone-input-box-field-index-js.js","mappings":";oOAoBO,MAAMA,GAAgB,QAAiB,cAExCC,EAAgB,CAAC,OAAQ,aAAc,qBAmFhCC,GAAiB,SAC5B,QAAiB,CACfC,SAAU,MAEZ,MACA,QAAgB,CACdC,WAAY,CAAC,QAAS,iBAAkB,gBACxCC,iBAAiB,IAEnB,KA1FmBC,GACnB,cAA6BA,EAC3B,6BAAWC,GACT,OAAON,EAAcO,OAAOF,EAAWC,oBAAsB,GAC/D,CAEAE,KAEA,IAAAC,GACEC,MAAMD,UAIN,QAAaE,KAAMA,KAAKC,YAAa,CAAEC,aAAc,CAAC,gBACxD,CAEA,qBAAAC,CAAsBC,GACpB,IAAKA,EAEH,YADAJ,KAAKH,MAAMQ,SAIb,MAAMC,EAAiB,CACrBT,KAAM,gBACNU,MAAO,OACPC,MAAO,mBAGHC,EAAmB,CACvBZ,KAAM,wBACNU,MAAO,SACPC,MAAO,mBAGTR,KAAKH,KAAOa,OAAOC,OAAOC,SAASC,cAAc,eAAgB,CAC/DC,KAAM,YACHR,IAGLN,KAAKC,YAAYc,YAAYf,KAAKH,MAClCG,KAAKH,KAAKmB,iBAAiB,QAAS,KAClCC,UAAUC,UAAUC,UAAUnB,KAAKoB,OACnCV,OAAOC,OAAOX,KAAKH,KAAMY,GAGzBY,WAAW,KACTX,OAAOC,OAAOX,KAAKH,KAAMS,IACxB,MAEP,CAEA,YAAAgB,GACEtB,KAAKuB,OACP,CAEA,wBAAAC,CAAyBC,EAAUC,EAAQC,GACzC5B,MAAM6B,0BAA0BH,EAAUC,EAAQC,GAOjC,SAAbF,GACFzB,KAAKC,YAAY4B,SAASF,GAGxBD,IAAWC,IACI,eAAbF,EACa,aAAXE,EACF3B,KAAKgB,iBAAiB,QAAShB,KAAKsB,cAEpCtB,KAAK8B,oBAAoB,QAAS9B,KAAKsB,cAEnB,sBAAbG,GACTzB,KAAKG,sBAAiC,SAAXwB,GAGjC,GAG0B,EAY5B,QAAY,CACVI,MAAO,CAAC,SAAU,UAClBC,eAAgB,oBAChBxB,MAAO,IAAM,wGAIOlB,EAAe2C,WAAWC,4BACxC5C,EAAe2C,WAAWE,+cAc5B,QAAwB,gCAC3B,QAAuB7C,EAAe2C,uBACtC,QAAoB,oBAAqB3C,EAAe2C,uBACrD,iGAMJG,iBAAkB,CAAC,WAAY,QAAS,eACxChD,kB,sHC/IJiD,eAAeC,OAAO,IAAe,I,oICgBrC,MAAMC,EAAW,IAAeN,WAEnB7C,GAAgB,QAAiB,0BAmDxC,KACJoD,EAAI,MACJC,EAAK,aACLC,EAAY,kBACZC,EAAiB,WACjBC,EAAU,kBACVC,EAAiB,uBACjBC,EAAsB,WACtBC,EAAU,aACVC,EAAY,WACZC,GACE,CACFT,KAAM,CAAEU,SAAU,IAAM,SACxBT,MAAO,CAAES,SAAU,iBACnBC,YAAa,CAAED,SAAU,6BACzBR,aAAc,CAAEQ,SAAU,SAC1BP,kBAAmB,CAAEO,SAAU,+CAC/BN,WAAY,CAAEM,SAAU,IAAM,wCAC9BL,kBAAmB,CACjBK,SAAU,0CAEZJ,uBAAwB,CACtBI,SAAU,iDAEZH,WAAY,CAAEG,SAAU,IAAM,sBAC9BD,WAAY,CAAEC,SAAU,uBACxBF,aAAc,CAAEE,SAAU,0BAGfE,GAA0B,SACrC,QAAiB,CACf7D,SAAU,CACR8D,SAAU,CACRb,EACAI,EACA,CACEM,SAAU,IAAe9D,cACzBkE,SAAU,IAAerB,WAAWoB,WAGxCE,WAAY,CAACd,EAAOO,EAAcC,GAClCO,UAAW,IAAKhB,EAAMc,SAAU,SAChCG,aAAc,IAAKjB,EAAMc,SAAU,aACnCI,cAAe,IAAKlB,EAAMc,SAAU,aAEpCK,uBAAwB,CACtB,IAAKZ,EAAYO,SAAU,gBAC3B,IAAKP,EAAYO,SAAU,kBAG7BM,cAAe,IAAKnB,EAAOa,SAAU,aACrCO,gBAAiB,IAAKpB,EAAOa,SAAU,eACvCQ,qBAAsB,IAAKf,EAAYO,SAAUf,EAASuB,sBAC1DC,2BAA4B,IAAKhB,EAAYO,SAAUf,EAASwB,4BAChEC,qBAAsB,IAAKf,EAAYK,SAAU,eACjDW,uBAAwB,IAAKjB,EAAcM,SAAU,eACrDY,eAAgB,CACd,IAAKzB,EAAOa,SAAU,SACtB,IAAKb,EAAOa,SAAU,2BACtB,IAAKX,EAAmBW,SAAU,UAEpCa,uBAAwB,IAAKxB,EAAmBW,SAAU,WAC1Dc,sBAAuB,IAAKpB,EAAcM,SAAU,SAEpDe,iBAAkB,IAAKrB,EAAcM,SAAU,oBAC/CgB,qBAAsB,IAAKtB,EAAcM,SAAU,mBACnDiB,wBAAyB,IAAKvB,EAAcM,SAAU,wBACtDkB,uBAAwB,IAAKxB,EAAcM,SAAU,qBACrDmB,yBAA0B,IAAKzB,EAAcM,SAAU,uBACvDoB,qBAAsB,IAAK1B,EAAcM,SAAU,aAEnDqB,oBAAqB,IAAK5B,EAAYO,SAAUf,EAASoC,qBAEzDC,0BAA2B,IAAK7B,EAAYO,SAAUf,EAASsC,uBAE/DC,iBAAkB,IAAKhC,EAAwBQ,SAAU,gBACzDyB,iBAAkB,IAAKjC,EAAwBQ,SAAU,gBACzD0B,iBAAkB,IAAKlC,EAAwBQ,SAAU,gBACzD2B,kBAAmB,CACjB,IAAKpC,EAAmBS,SAAU,iBAClC,IAAKR,EAAwBQ,SAAU,kBAGzC4B,kBAAmB,IAAKrC,EAAmBS,SAAU,iBACrD6B,kBAAmB,IAAKtC,EAAmBS,SAAU,iBACrDpB,kBAAmB,IAAKW,EAAmBS,SAAU,iBACrDnB,mBAAoB,IAAKU,EAAmBS,SAAU,kBAEtD8B,cAAe,IAAK3C,EAAOa,SAAU,YACrC+B,iBAAkB,IAAK5C,EAAOa,SAAU,OACxCgC,wBAAyB,CACvB,IAAK7C,EAAOa,SAAU,QACtB,IAAKb,EAAOa,SAAU,UAExBiC,gBAAiB,IAAK9C,EAAOa,SAAU,aACvCkC,gBAAiB,IAAK/C,EAAOa,SAAU,cACvCmC,kBAAmB,IAAKhD,EAAOa,SAAU,uBACzCoC,iBAAkB,IAAKhD,EAAcY,SAAU,UAC/CqC,uBAAwB,CACtBzC,SAAU,IAAe9D,cACzBkE,SAAUf,EAASoD,2BAIzB,KACA,MACA,QAAgB,CAAEnG,WAAY,CAAC,QAAS,oBA3JrBE,GACnB,cAA2CA,EACzC,uBAAWkG,GACT,OAAO,GACT,CAEA,IAAA9F,GACEC,MAAMD,SAEN,MAAM+F,EAAWjF,SAASC,cAAc,YAExCgF,EAASC,UAAY,cACpB,oEAGE,eAGH9F,KAAKC,YAAYc,YAAY8E,EAASE,QAAQC,WAAU,IAExDhG,KAAK0C,aAAe1C,KAAKiG,WAAWC,cAAc,MAElD,QAAUlG,KAAMA,KAAK0C,aAAc,CAAExC,aAAc,CAAC,gBAEpD,QAAaF,KAAKiG,WAAWzD,KAAMxC,KAAK0C,aAAc,CACpDxC,aAAc,CACZ,OACA,YACA,YACA,eACA,WACA,0BACA,QACA,aACA,2BACA,qBACA,eACA,oBACA,kCACA,qBAGN,CAEA,uBAAIiG,GACF,OAAOnG,KAAK0C,cAAcyD,mBAC5B,GAgCmC,EAgFrC,QAAY,CACVpE,MAAO,GACPC,eAAgB,oBAChBxB,MAAO,IAAM,kHAMX,QAAuB4C,EAAwBnB,qBAC/C,QAAiB,8BACjB,QAAsC,8BACtC,kqBA2BEM,EAASL,gCACTK,EAASJ,uxBA+BX,QAAwB,8BACxB,kBAEFC,iBAAkB,CAAC,WAAY,SAC/BhD,kB,4GC7PG,MAAMA,GAAgB,QAAiB,kCAExCO,EAAqB,CACzB,WACA,OACA,WACA,0BACA,OACA,YACA,eACA,aACA,oBAEIyG,EAAW,CACf,0BAA2B,cAC3B,mBAAoB,QAGhBC,GAAiB,OAAqB,CAAEjH,gBAAekH,aAAc,QA6P3E,EA3PA,cAAiCD,EAC/B,6BAAW1G,GACT,MAAO,GAAGC,OAAOyG,EAAe1G,oBAAsB,GAAIA,EAC5D,CAEA,GAEA,WAAA4G,GACExG,QAEAC,KAAK8F,UAAY,kIAMjB9F,KAAKwG,UAAYxG,KAAKkG,cAAc,qBACtC,CAGA,uBAAIC,GACF,OAAOnG,KAAKwG,UAAUP,WAAWC,cAAc,QACjD,CAEA,mBAAIO,GACF,OAAO,OAAmBzG,KAAK0G,aAAa,gBAC9C,CAEA,eAAIC,GACF,OAAO3G,KAAK0G,aAAa,eAC3B,CAEA,0BAAIE,GACF,MAAyD,SAAlD5G,KAAK0G,aAAa,2BAC3B,CAEA,aAAIG,GACF,OAAOC,SAAS9G,KAAK0G,aAAa,aAAc,KAAO,CACzD,CAEA,aAAIK,GACF,OAAOD,SAAS9G,KAAK0G,aAAa,aAAc,KAAO,EACzD,CAEA,qBAAIM,GACF,OAAOhH,KAAK0G,aAAa,uBAAuBO,MAAM,KAAKC,OAAOC,UAAY,EAChF,CAEA,iBAAIC,GACF,MAA6C,SAAtCpH,KAAK0G,aAAa,eAC3B,CAEA,sBAAIW,GACF,MAAkD,SAA3CrH,KAAK0G,aAAa,oBAC3B,CAEA,SAAItF,GACF,IAAKpB,KAAKwG,UAAUpF,MAAO,MAAO,GAElC,IAAKpB,KAAKqH,mBACR,OAAOrH,MAAK,IAGd,MAAMsH,EAAYtH,MAAK,IAEvB,OAAIsH,GAAWC,SAAWD,GAAWE,oBAAsBF,GAAWG,eAC7D,IAAI,CAACH,GAAWE,mBAAoBF,GAAWG,gBAAgBC,KAAK,OAItE1H,KAAKwG,UAAUpF,KACxB,CAEA,SAAIA,CAAMuG,GACR3H,KAAKwG,UAAUpF,MAAQuG,CACzB,CAEA,IAAA7H,GACEE,KAAKgB,iBAAiB,QAAU4G,IAE1BA,EAAEC,WAAW7H,KAAKwG,UAAUjF,UAGlCxB,MAAMD,SAENE,KAAKwG,UAAUxF,iBAAiB,QAAShB,MAAK,EAAS8H,KAAK9H,OAC5DA,KAAK+H,6BAA6B,CAAC/H,KAAKwG,aAExC,QAAaxG,KAAKwG,UAAWxG,KAAM,CAAEE,aAAc,CAAC,gBAEpD,QAAaF,KAAMA,KAAKwG,UAAW,CACjCtG,aAAc,CAAC,oBACfkG,SAAU,CAAE,mBAAoB,SAEpC,CAEA,WAAA4B,GACE,MAAMC,EAAoB,+BACpBC,EAAalI,MAAK,EAAaA,KAAKwG,UAAUpF,OAAS,IAE7D,GAAIpB,KAAKmI,aAAenI,KAAKwG,UAAUpF,MACrC,MAAO,CAAEgH,cAAc,GAGzB,GAAIpI,KAAKwG,UAAUpF,MAAO,CACxB,GAAI8G,EAAWG,OAASrI,KAAK6G,UAC3B,MAAO,CAAEyB,UAAU,GAGrB,GAEGtI,KAAKqH,oBAAsBrH,KAAKwG,UAAUpF,QAAUpB,MAAK,MAExDA,KAAKqH,oBAAsBrH,KAAKwG,UAAUpF,QAAU6G,EAAkBM,KAAKvI,KAAKoB,OAElF,MAAO,CAAEoH,iBAAiB,EAE9B,CAEA,MAAO,CAAC,CACV,CAEA,iBAAAC,IAAqBC,GACnB1I,KAAKwG,UAAUiC,qBAAqBC,EACtC,CAEA,wBAAAlH,CAAyBC,EAAUkH,EAAUC,GAG3C,GAFA7I,MAAMyB,yBAAyBC,EAAUkH,EAAUC,GAE/CD,IAAaC,GAAYjJ,EAAmBkJ,SAASpH,GAAW,CAClE,MAAMqH,EAAO1C,EAAS3E,IAAaA,EACnCzB,KAAKwG,UAAUuC,aAAaD,EAAMF,EACpC,CACF,CAEA,GAAShB,GACP,IAAIoB,EAAiBhJ,MAAK,EAAe4H,EAAEqB,OAAO7H,OAE9CpB,KAAKoH,eAAiBpH,MAAK,EAAWgJ,KACxCA,EAAiBhJ,MAAK,EAAmBgJ,IAG3CpB,EAAEqB,OAAO7H,MAAQ4H,CACnB,CAEA,KACE,IAAKhJ,KAAKyG,gBACR,OAAOzG,KAAKwG,UAAUpF,MAGxB,MAAMqG,EAAiBzH,MAAK,EAA0BA,KAAKwG,UAAUpF,OAC/D8H,EAAelJ,MAAK,EAAayH,GAEvC,MAAO,CAACzH,KAAKyG,gBAAiByC,GAAcxB,KAAK,IACnD,CAEA,KACE,OAAI1H,KAAKyG,iBACA,OACL,CAACzG,KAAKyG,gBAAiBzG,MAAK,EAAaA,KAAKwG,UAAUpF,QAAQ8F,OAAOC,SAASO,KAAK,MAKlF,OAA2B1H,KAAKwG,UAAUpF,MACnD,CAEA,GAAauG,GACX,OAAOA,EAAIwB,QAAQ,MAAO,GAC5B,CAEA,GAA0BxB,GACxB,GAAkC,MAA9B3H,KAAKwG,UAAUpF,QAAQ,GAAY,CACrC,MAAMgI,EAAwB,IAAIC,OAAO,MAAMrJ,KAAKyG,mBAEpD,OADgBkB,EAAIwB,QAAQC,EAAuB,GAErD,CACA,OAAOzB,CACT,CAEA,KACE,MAAM2B,GAAS,OAA2BtJ,KAAKoB,OAC/C,SACIkI,IACAA,EAAOC,cACPD,EAAO/B,UACPvH,MAAK,EAAkBsJ,EAAO/B,UAC/BvH,KAAK2G,aAAc3G,KAAK2G,cAAgB2C,EAAO/B,QAEpD,CAEA,GAAkBiC,GAChB,OAAKxJ,KAAKgH,kBAAkBqB,QAIrBrI,KAAKgH,kBAAkB6B,SAASW,EACzC,CAEA,GAAe7B,GAOb,GANAA,EAAMA,EACHwB,QAAQ,MAAO,IACfA,QAAQ,WAAY,IACpBA,QAAQ,KAAM,KACdA,QAAQ,KAAM,MAEZnJ,KAAK4G,uBAAwB,CAChC,MAAM6C,EAAkB,gBACxB9B,EAAMA,EACHV,MAAM,IACNC,OAAQwC,GAASD,EAAgBlB,KAAKmB,IACtChC,KAAK,GACV,CAEA,OAAOC,CACT,CAEA,GAAmBgC,EAAc,IAE/B,MAAMH,EAAcxJ,KAAK2G,aAAe3G,MAAK,EAAyB2J,GAGtE,OAAKH,GAKAxJ,MAAK,GAAQA,MAAK,EAAKuH,UAAYiC,IACtCxJ,MAAK,EAAO,IAAI,IAAUwJ,IAI5BxJ,MAAK,EAAK4J,QAGW5J,MAAK,EAAK6J,MAAMF,IAAgBA,GAZ5CA,CAeX,CAEA,GAAyBhC,GACvB,MAAM2B,GAAS,OAA2B3B,GAC1C,OAAO2B,GAAQ/B,SAAW,EAC5B,CAEA,GAAWI,GACT,SAAK,OAAoBA,EAE3B,E,6CC9QFtF,eAAeC,OAAO,IAAe,I,wHCCrCD,eAAeC,OAAO,KAAe,K,uDCF9B,MAAMwH,EAAsBN,GACjC,IAAaO,KAAMC,GAAMA,EAAEC,OAAST,IAAcU,SAEvCC,EAAuBxC,IAClC,MAAMyC,EAAmBzC,EAAI0C,MAAM,OAC7BC,EAAoB3C,EAAI0C,MAAM,OACpC,OAAOD,GAAkB/B,SAAWiC,GAAmBjC,O,+CCClD,MAAMkC,UAAwB,IACnC,WAAAhE,CAAY/D,EAAMgI,GAChBzK,MAAMyC,EAAM,QAAS,QAAS,CAC5BiI,YAAa,CAACC,EAAMlI,KACdA,EAAKpB,QACPsJ,EAAKtJ,MAAQoB,EAAKpB,OAEhBoB,EAAKmI,MACPD,EAAK3B,aAAa,OAAQvG,EAAKmI,MAIjCD,EAAKE,GAAK5K,KAAK6K,UAES,mBAAbL,GACTA,EAASE,IAGbI,aAAa,GAEjB,E,+CCjBK,MAAMC,EAAmBrL,GAC9B,eAAmC,OAAkBA,IACnD,qBAAWsL,GACT,MAAO,CAMLC,aAAc,CACZN,KAAMO,QAURC,YAAa,CACXR,KAAMO,QAYRE,eAAgB,CACdT,KAAMO,OACNG,oBAAoB,GAG1B,CAEA,wBAAWC,GACT,MAAO,IAAIvL,MAAMuL,cAAe,iBAAkB,eAAgB,cACpE,CAGA,UAAIC,GACF,OAAOvL,KAAKwL,aAAe,CAAC,CAC9B,CAEA,UAAID,CAAOnK,GACTpB,KAAKwL,YAAcpK,CACrB,CAOA,oBAAAqK,CAAqB5B,GACnB9J,MAAM0L,qBAAqB5B,GAEvBA,IAEEA,EAAMzI,OAASyI,EAAMzI,QAAUpB,KAAKoB,QACtCsK,QAAQC,KAAK,+BAA+B3L,KAAK4L,yBACjD/B,EAAMzI,MAAQ,IAGZpB,KAAKoB,QACPyI,EAAMzI,MAAQpB,KAAKoB,OAGzB,CAQA,WAAAyK,CAAYC,GACV/L,MAAM8L,YAAYC,IAIbA,GAAWlL,SAASmL,YACvB/L,KAAKgM,UAET,CASA,QAAAC,CAASC,GACPnM,MAAMkM,SAASC,GAEXlM,KAAKmM,SACPnM,KAAKgM,UAET,CAWA,aAAAI,CAAcxD,EAAUD,GACtB5I,MAAMqM,cAAcxD,EAAUD,QAEb0D,IAAb1D,GAIA3I,KAAKmM,SACPnM,KAAKgM,UAET,E,gJC1HG,MAAMM,EAAkBC,GAC7B,eAAkC,OAAgBA,IAChD,qBAAWvB,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAORE,QAAS,CACPhC,KAAMO,QAGZ,CAEA,wBAAWI,GACT,MAAO,IAAIvL,MAAMuL,cAAe,YAAa,YAAa,UAC5D,CAEA,sBAAWsB,GACT,MAAO,IAAI7M,MAAM6M,YAAa,YAAa,YAAa,UAC1D,CAEA,WAAArG,GACExG,QACAC,KAAK6B,SAAS,OAChB,CAGA,gBAAIgL,GACF,OAAO7M,KAAK8M,EAAEC,WAChB,CAGA,KAAAC,GACEjN,MAAMiN,QAENhN,KAAKiN,cACH,IAAI,IAAgBjN,KAAO6J,IACzB7J,KAAKkN,iBAAiBrD,GACtB7J,KAAKmN,iBAAiBtD,GACtB7J,KAAKoN,YAAcvD,EACnB7J,KAAKqN,WAAaxD,KAGtB7J,KAAKiN,cAAc,IAAI,IAAwBjN,KAAK0C,aAAc1C,KAAKsN,kBACzE,IC5DJ,QAAe,oBAAqB,IAAkB,CAAEC,SAAU,6BAuE3D,MAAMC,UAAkBlB,GAAe,SAAc,OAAa,SACvE,aAAWmB,GACT,MAAO,mBACT,CAEA,mBAAW5H,GACT,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCb,CAEA,qBAAWmF,GACT,MAAO,CAILwB,UAAW,CACT7B,KAAM8B,QAMRC,UAAW,CACT/B,KAAM8B,QAGZ,CAGA,KAAAO,GACEjN,MAAMiN,QAENhN,KAAK0N,mBAAqB,IAAI,IAAkB1N,MAChDA,KAAK0N,mBAAmBC,YAAY,OACpC3N,KAAK0N,mBAAmBE,cAAc5N,KAAK0C,cAC3C1C,KAAKiN,cAAcjN,KAAK0N,mBAC1B,GAGF,OAAoBF,E,wCCrJpB,E,SAAA,IAAe,oBAAqB,IAAkB,CACpDD,SAAU,2B","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/descope-phone-input-box-field/index.js","webpack://@descope/web-components-ui/./src/components/phone-fields/helpers.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n inputFloatingLabelStyle,\n resetInputLabelPosition,\n resetInputOverrides,\n useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n class TextFieldClass extends superclass {\n static get observedAttributes() {\n return observedAttrs.concat(superclass.observedAttributes \|\| []);\n }\n\n icon;\n\n init() {\n super.init?.();\n\n // Excluded from syncAttrs (bidirectional would let vaadin revert host\n // values). Push host → vaadin one-way so authored placeholder applies.\n forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n }\n\n renderCopyToClipboard(shouldRender) {\n if (!shouldRender) {\n this.icon?.remove();\n return;\n }\n\n const iconInitConfig = {\n icon: 'vaadin:copy-o',\n title: 'Copy',\n style: 'cursor: pointer',\n };\n\n const iconCopiedConfig = {\n icon: 'vaadin:check-circle-o',\n title: 'Copied',\n style: 'cursor: initial',\n };\n\n this.icon = Object.assign(document.createElement('vaadin-icon'), {\n slot: 'suffix',\n ...iconInitConfig,\n });\n\n this.baseElement.appendChild(this.icon);\n this.icon.addEventListener('click', () => {\n navigator.clipboard.writeText(this.value);\n Object.assign(this.icon, iconCopiedConfig);\n\n // we want the icon to go back to the initial state after 5 seconds\n setTimeout(() => {\n Object.assign(this.icon, iconInitConfig);\n }, 5000);\n });\n }\n\n onLabelClick() {\n this.focus();\n }\n\n attributeChangedCallback(attrName, oldVal, newVal) {\n super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n // Vaadin doesn't allow to change the input type attribute.\n // We need the ability to do that, so we're overriding their\n // behavior with their private API.\n // When receiving a `type` attribute, we use their private API\n // to set it on the input.\n if (attrName === 'type') {\n this.baseElement._setType(newVal);\n }\n\n if (oldVal !== newVal) {\n if (attrName === 'label-type') {\n if (newVal === 'floating') {\n this.addEventListener('click', this.onLabelClick);\n } else {\n this.removeEventListener('click', this.onLabelClick);\n }\n } else if (attrName === 'copy-to-clipboard') {\n this.renderCopyToClipboard(newVal === 'true');\n }\n }\n }\n };\n\nexport const TextFieldClass = compose(\n createStyleMixin({\n mappings: textFieldMappings,\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n useProxyTargets: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: ['prefix', 'suffix'],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n TextFieldClass.cssVarList.inputOutlineOffset\n }));\n box-sizing: border-box;\n\t\t\t}\n :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n opacity: 1;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n ${inputFloatingLabelStyle()}\n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n componentName,\n }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { syncAttrs } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createProxy,\n createStyleMixin,\n draggableMixin,\n inputOverrideValidConstraintsMixin,\n proxyInputMixin,\n} from '../../../mixins';\nimport CountryCodes from '../CountryCodes';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n resetInputFieldDefaultWidth,\n resetInputFieldInvalidBackgroundColor,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '../../../helpers/themeHelpers/resetHelpers';\n\nconst textVars = TextFieldClass.cssVarList;\n\nexport const componentName = getComponentName('phone-input-box-field');\n\nconst customMixin = (superclass) =>\n class PhoneFieldInputBoxMixinClass extends superclass {\n static get CountryCodes() {\n return CountryCodes;\n }\n\n init() {\n super.init?.();\n\n const template = document.createElement('template');\n\n template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n syncAttrs(this, this.inputElement, { includeAttrs: ['has-value'] });\n\n forwardAttrs(this.shadowRoot.host, this.inputElement, {\n includeAttrs: [\n 'size',\n 'minlength',\n 'maxlength',\n 'default-code',\n 'disabled',\n 'phone-input-placeholder',\n 'label',\n 'label-type',\n 'allow-alphanumeric-input',\n 'restrict-countries',\n 'format-value',\n 'strict-validation',\n 'data-errormessage-type-mismatch',\n 'phone-input-type',\n ],\n });\n }\n\n get phoneNumberInputEle() {\n return this.inputElement?.phoneNumberInputEle;\n }\n };\n\nconst {\n host,\n label,\n inputElement,\n requiredIndicator,\n inputField,\n internalComponent,\n internalComponentAfter,\n phoneInput,\n errorMessage,\n helperText,\n} = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n placeholder: { selector: '> input:placeholder-shown' },\n inputElement: { selector: 'input' },\n requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n inputField: { selector: () => 'vaadin-text-field::part(input-field)' },\n internalComponent: {\n selector: 'descope-phone-field-internal-input-box',\n },\n internalComponentAfter: {\n selector: 'descope-phone-field-internal-input-box::after',\n },\n phoneInput: { selector: () => 'descope-text-field' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PhoneFieldInputBoxClass = compose(\n createStyleMixin({\n mappings: {\n fontSize: [\n host,\n inputField,\n {\n selector: TextFieldClass.componentName,\n property: TextFieldClass.cssVarList.fontSize,\n },\n ],\n fontFamily: [label, errorMessage, helperText],\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: { ...host, property: 'direction' },\n\n inputHorizontalPadding: [\n { ...phoneInput, property: 'padding-left' },\n { ...phoneInput, property: 'padding-right' },\n ],\n\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n inputValueFontWeight: { ...phoneInput, property: textVars.inputValueFontWeight },\n inputPlaceholderFontWeight: { ...phoneInput, property: textVars.inputPlaceholderFontWeight },\n helperTextFontWeight: { ...helperText, property: 'font-weight' },\n errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...label, property: '-webkit-text-fill-color' },\n { ...requiredIndicator, property: 'color' },\n ],\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputValueTextColor: { ...phoneInput, property: textVars.inputValueTextColor },\n\n inputPlaceholderTextColor: { ...phoneInput, property: textVars.inputPlaceholderColor },\n\n inputBorderStyle: { ...internalComponentAfter, property: 'border-style' },\n inputBorderWidth: { ...internalComponentAfter, property: 'border-width' },\n inputBorderColor: { ...internalComponentAfter, property: 'border-color' },\n inputBorderRadius: [\n { ...internalComponent, property: 'border-radius' },\n { ...internalComponentAfter, property: 'border-radius' },\n ],\n\n inputOutlineStyle: { ...internalComponent, property: 'outline-style' },\n inputOutlineColor: { ...internalComponent, property: 'outline-color' },\n inputOutlineWidth: { ...internalComponent, property: 'outline-width' },\n inputOutlineOffset: { ...internalComponent, property: 'outline-offset' },\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n valueInputHeight: { ...inputElement, property: 'height' },\n valueInputMarginBottom: {\n selector: TextFieldClass.componentName,\n property: textVars.valueInputMarginBottom,\n },\n },\n }),\n draggableMixin,\n inputOverrideValidConstraintsMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n customMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${useHostExternalPadding(PhoneFieldInputBoxClass.cssVarList)}\n ${resetInputCursor('vaadin-text-field')}\n ${resetInputFieldInvalidBackgroundColor('vaadin-text-field')}\n ${resetInputFieldDefaultWidth()}\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${textVars.inputOutlineWidth}: 0;\n ${textVars.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${resetInputLabelPosition('vaadin-text-field')}\n ${inputFloatingLabelStyle()}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'style'],\n componentName,\n })\n);\n\nexport default PhoneFieldInputBoxClass;\n","import { forwardAttrs } from '@descope-ui/common/components-helpers';\nimport parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';\nimport { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';\nimport { getComponentName } from '../../../../helpers/componentHelpers';\nimport { getCountryByCodeId, matchingParenthesis } from '../../helpers';\n\nexport const componentName = getComponentName('phone-field-internal-input-box');\n\nconst observedAttributes = [\n 'disabled',\n 'size',\n 'readonly',\n 'phone-input-placeholder',\n 'name',\n 'maxlength',\n 'autocomplete',\n 'label-type',\n 'phone-input-type',\n];\nconst mapAttrs = {\n 'phone-input-placeholder': 'placeholder',\n 'phone-input-type': 'type',\n};\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PhoneFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttributes);\n }\n\n #ayt;\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-text-field tabindex=\"1\" type=\"tel\" bordered=\"false\"></descope-text-field>\n </div>\n `;\n\n this.textField = this.querySelector('descope-text-field');\n }\n\n // notice: this function is exposed in parent component\n get phoneNumberInputEle() {\n return this.textField.shadowRoot.querySelector('input');\n }\n\n get defaultDialCode() {\n return getCountryByCodeId(this.getAttribute('default-code'));\n }\n\n get defaultCode() {\n return this.getAttribute('default-code');\n }\n\n get allowAlphanumericInput() {\n return this.getAttribute('allow-alphanumeric-input') === 'true';\n }\n\n get minLength() {\n return parseInt(this.getAttribute('minlength'), 10) \|\| 0;\n }\n\n get maxLength() {\n return parseInt(this.getAttribute('maxlength'), 10) \|\| 50;\n }\n\n get restrictCountries() {\n return this.getAttribute('restrict-countries')?.split(',').filter(Boolean) \|\| [];\n }\n\n get isFormatValue() {\n return this.getAttribute('format-value') === 'true';\n }\n\n get isStrictValidation() {\n return this.getAttribute('strict-validation') === 'true';\n }\n\n get value() {\n if (!this.textField.value) return '';\n\n if (!this.isStrictValidation) {\n return this.#nonParsedValue();\n }\n\n const parsedVal = this.#parseWithCountryCode();\n\n if (parsedVal?.country && parsedVal?.countryCallingCode && parsedVal?.nationalNumber) {\n return `+${[parsedVal?.countryCallingCode, parsedVal?.nationalNumber].join('-')}`;\n }\n\n // if failed to parse or to find country code return text field value\n return this.textField.value;\n }\n\n set value(val) {\n this.textField.value = val;\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n // We want to ignore focus events we are dispatching\n if (e.isTrusted) this.textField.focus();\n });\n\n super.init?.();\n\n this.textField.addEventListener('input', this.#onInput.bind(this));\n this.handleFocusEventsDispatching([this.textField]);\n\n forwardAttrs(this.textField, this, { includeAttrs: ['has-value'] });\n\n forwardAttrs(this, this.textField, {\n includeAttrs: ['phone-input-type'],\n mapAttrs: { 'phone-input-type': 'type' },\n });\n }\n\n getValidity() {\n const validPhonePattern = /^\\+?\\d{1,4}-?(?:\\d-?){1,15}$/;\n const stripValue = this.#sanitizeVal(this.textField.value \|\| '');\n\n if (this.isRequired && !this.textField.value) {\n return { valueMissing: true };\n }\n\n if (this.textField.value) {\n if (stripValue.length < this.minLength) {\n return { tooShort: true };\n }\n\n if (\n // has `strict-validation` and not properly parsed\n (this.isStrictValidation && this.textField.value && !this.#isValidParsedValue()) \|\|\n // if no `strict-validation` then conform with naive pattern\n (!this.isStrictValidation && this.textField.value && !validPhonePattern.test(this.value))\n ) {\n return { patternMismatch: true };\n }\n }\n\n return {};\n }\n\n setSelectionRange(...args) {\n this.textField.setSelectionRange(...args);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback(attrName, oldValue, newValue);\n\n if (oldValue !== newValue && observedAttributes.includes(attrName)) {\n const attr = mapAttrs[attrName] \|\| attrName;\n this.textField.setAttribute(attr, newValue);\n }\n }\n\n #onInput(e) {\n let sanitizedInput = this.#sanitizeInput(e.target.value);\n\n if (this.isFormatValue && this.#canFormat(sanitizedInput)) {\n sanitizedInput = this.#formatPhoneNumber(sanitizedInput);\n }\n\n e.target.value = sanitizedInput;\n }\n\n #nonParsedValue() {\n if (!this.defaultDialCode) {\n return this.textField.value;\n }\n\n const nationalNumber = this.#trimDuplicateCountryCode(this.textField.value);\n const sanitizedVal = this.#sanitizeVal(nationalNumber);\n\n return [this.defaultDialCode, sanitizedVal].join('-');\n }\n\n #parseWithCountryCode() {\n if (this.defaultDialCode) {\n return parsePhoneNumberFromString(\n [this.defaultDialCode, this.#sanitizeVal(this.textField.value)].filter(Boolean).join('')\n );\n }\n\n // if default-code or not parsed - try to extract country code from value\n return parsePhoneNumberFromString(this.textField.value);\n }\n\n #sanitizeVal(val) {\n return val.replace(/\\D/g, '');\n }\n\n #trimDuplicateCountryCode(val) {\n if (this.textField.value?.[0] === '+') {\n const dialCodePrefixPattern = new RegExp(`^\\\\${this.defaultDialCode}`);\n const trimmed = val.replace(dialCodePrefixPattern, '');\n return trimmed;\n }\n return val;\n }\n\n #isValidParsedValue() {\n const parsed = parsePhoneNumberFromString(this.value);\n return (\n !!parsed && // parsed successfully (not undefined)\n !!parsed.isValid?.() && // Parsed object is valid\n !!parsed.country && // Parsed object with a country code\n !!this.#isAllowedCountry(parsed.country) && // Parsed with allowed country code\n (this.defaultCode ? this.defaultCode === parsed.country : true) // In case default country code is set validate parsed country matches it\n );\n }\n\n #isAllowedCountry(countryCode) {\n if (!this.restrictCountries.length) {\n return true;\n }\n\n return this.restrictCountries.includes(countryCode);\n }\n\n #sanitizeInput(val) {\n val = val\n .replace(/^-+/, '') // dash as first char\n .replace(/(?!^)\\+/g, '') // multiple plus symbols\n .replace('--', '-') // consecutive dashes\n .replace('+-', '+'); // dash following plus symbol\n\n if (!this.allowAlphanumericInput) {\n const telDigitsRegExp = /^[+\\d-\$\$]+$/;\n val = val\n .split('')\n .filter((char) => telDigitsRegExp.test(char))\n .join('');\n }\n\n return val;\n }\n\n #formatPhoneNumber(phoneNumber = '') {\n // Get country code from `default-code or` from phone number\n const countryCode = this.defaultCode \|\| this.#getCountryCodeFromValue(phoneNumber);\n\n // Skip formatting if no country code is available\n if (!countryCode) {\n return phoneNumber;\n }\n\n // Update AsYouType country code if needed\n if (!this.#ayt \|\| this.#ayt.country !== countryCode) {\n this.#ayt = new AsYouType(countryCode);\n }\n\n // We need to reset AsYouType instance before setting new input\n this.#ayt.reset();\n\n // Set AsYouType input\n const formattedVal = this.#ayt.input(phoneNumber) \|\| phoneNumber;\n\n return formattedVal;\n }\n\n #getCountryCodeFromValue(val) {\n const parsed = parsePhoneNumberFromString(val);\n return parsed?.country \|\| '';\n }\n\n #canFormat(val) {\n if (!matchingParenthesis(val)) return false;\n return true;\n }\n}\n\nexport default PhoneFieldInternal;\n","import '@descope-ui/descope-text-field';\n\nimport PhoneFieldInternalInputBox, { componentName } from './PhoneFieldInternalInputBox';\n\ncustomElements.define(componentName, PhoneFieldInternalInputBox);\n","import './descope-phone-input-box-internal';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, PhoneFieldInputBoxClass } from './PhoneFieldInputBoxClass';\n\ncustomElements.define(componentName, PhoneFieldInputBoxClass);\n\nexport { PhoneFieldInputBoxClass, componentName };\n","import parsePhoneNumberFromString from 'libphonenumber-js/min';\nimport CountryCodes from './CountryCodes';\n\nexport const getCountryByCodeId = (countryCode) =>\n CountryCodes.find((c) => c.code === countryCode)?.dialCode;\n\nexport const matchingParenthesis = (val) => {\n const openParenMatches = val.match(/\$/g);\n const closeParenMatches = val.match(/\$/g);\n return openParenMatches?.length === closeParenMatches?.length;\n};\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n /\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/\n A mixin to provide logic for vaadin-text-field and related components.\n \n @polymerMixin\n * @mixes InputControlMixin\n /\nexport const InputFieldMixin = (superclass) =>\n class InputFieldMixinClass extends InputControlMixin(superclass) {\n static get properties() {\n return {\n /\n Whether the value of the control can be automatically completed by the browser.\n * List of available options at:\n * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n /\n autocomplete: {\n type: String,\n },\n\n /\n This is a property supported by Safari that is used to control whether\n * autocorrection should be enabled when the user is entering/editing the text.\n * Possible values are:\n * on: Enable autocorrection.\n * off: Disable autocorrection.\n /\n autocorrect: {\n type: String,\n },\n\n /\n This is a property supported by Safari and Chrome that is used to control whether\n * autocapitalization should be enabled when the user is entering/editing the text.\n * Possible values are:\n * characters: Characters capitalization.\n * words: Words capitalization.\n * sentences: Sentences capitalization.\n * none: No capitalization.\n /\n autocapitalize: {\n type: String,\n reflectToAttribute: true,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n }\n\n // Workaround for https://github.com/Polymer/polymer/issues/5259\n get __data() {\n return this.__dataValue \|\| {};\n }\n\n set __data(value) {\n this.__dataValue = value;\n }\n\n /\n @param {HTMLElement} input\n * @protected\n * @override\n /\n _inputElementChanged(input) {\n super._inputElementChanged(input);\n\n if (input) {\n // Discard value set on the custom slotted input.\n if (input.value && input.value !== this.value) {\n console.warn(`Please define value on the <${this.localName}> component!`);\n input.value = '';\n }\n\n if (this.value) {\n input.value = this.value;\n }\n }\n }\n\n /\n Override an event listener from `FocusMixin`.\n * @param {boolean} focused\n * @protected\n * @override\n /\n _setFocused(focused) {\n super._setFocused(focused);\n\n // Do not validate when focusout is caused by document\n // losing focus, which happens on browser tab switch.\n if (!focused && document.hasFocus()) {\n this.validate();\n }\n }\n\n /\n Override an event listener from `InputMixin`\n * to mark as valid after user started typing.\n * @param {Event} event\n * @protected\n * @override\n /\n _onInput(event) {\n super._onInput(event);\n\n if (this.invalid) {\n this.validate();\n }\n }\n\n /\n Override an observer from `InputMixin` to validate the field\n * when a new value is set programmatically.\n \n @param {string \| undefined} newValue\n * @param {string \| undefined} oldValue\n * @protected\n * @override\n /\n _valueChanged(newValue, oldValue) {\n super._valueChanged(newValue, oldValue);\n\n if (oldValue === undefined) {\n return;\n }\n\n if (this.invalid) {\n this.validate();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/\n A mixin providing common text field functionality.\n \n @polymerMixin\n * @mixes InputFieldMixin\n /\nexport const TextFieldMixin = (superClass) =>\n class TextFieldMixinClass extends InputFieldMixin(superClass) {\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n\n /\n A regular expression that the value is checked against.\n * The pattern must match the entire value, not just some subset.\n /\n pattern: {\n type: String,\n },\n };\n }\n\n static get delegateAttrs() {\n return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n }\n\n static get constraints() {\n return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n }\n\n constructor() {\n super();\n this._setType('text');\n }\n\n /* @protected /\n get clearElement() {\n return this.$.clearButton;\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this.addController(\n new InputController(this, (input) => {\n this._setInputElement(input);\n this._setFocusElement(input);\n this.stateTarget = input;\n this.ariaTarget = input;\n }),\n );\n this.addController(new LabelledInputController(this.inputElement, this._labelController));\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 '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\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 { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/\n `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n \n ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n \n ### Prefixes and suffixes\n \n These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n \n ```html\n * <vaadin-text-field label=\"Email address\">\n * <div slot=\"prefix\">Sent to:</div>\n * <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n \n ### Styling\n \n The following custom properties are available for styling:\n \n Custom property \| Description \| Default\n * -------------------------------\|----------------------------\|---------\n * `--vaadin-field-default-width` \| Default width of the field \| `12em`\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ---------------------\|----------------\n * `label` \| The label element\n * `input-field` \| The element that wraps prefix, value and suffix\n * `clear-button` \| The clear button\n * `error-message` \| The error message element\n * `helper-text` \| The helper text element wrapper\n * `required-indicator` \| The `required` state indicator element\n \n The following state attributes are available for styling:\n \n Attribute \| Description \| Part name\n * --------------------\|-------------\|------------\n * `disabled` \| Set to a disabled text field \| :host\n * `has-value` \| Set when the element has a value \| :host\n * `has-label` \| Set when the element has a label \| :host\n * `has-helper` \| Set when the element has helper text or slot \| :host\n * `has-error-message` \| Set when the element has an error message \| :host\n * `invalid` \| Set when the element is invalid \| :host\n * `input-prevented` \| Temporarily set when invalid input is prevented \| :host\n * `focused` \| Set when the element is focused \| :host\n * `focus-ring` \| Set when the element is keyboard focused \| :host\n * `readonly` \| Set to a readonly text field \| :host\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n \n @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n /\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n static get is() {\n return 'vaadin-text-field';\n }\n\n static get template() {\n return html`\n <style>\n [part='input-field'] {\n flex-grow: 0;\n }\n </style>\n\n <div class=\"vaadin-field-container\">\n <div part=\"label\">\n <slot name=\"label\"></slot>\n <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n </div>\n\n <vaadin-input-container\n part=\"input-field\"\n readonly=\"[[readonly]]\"\n disabled=\"[[disabled]]\"\n invalid=\"[[invalid]]\"\n theme$=\"[[_theme]]\"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot name=\"input\"></slot>\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n </vaadin-input-container>\n\n <div part=\"helper-text\">\n <slot name=\"helper\"></slot>\n </div>\n\n <div part=\"error-message\">\n <slot name=\"error-message\"></slot>\n </div>\n </div>\n <slot name=\"tooltip\"></slot>\n `;\n }\n\n static get properties() {\n return {\n /\n Maximum number of characters (in Unicode code points) that the user can enter.\n /\n maxlength: {\n type: Number,\n },\n\n /\n Minimum number of characters (in Unicode code points) that the user can enter.\n /\n minlength: {\n type: Number,\n },\n };\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this._tooltipController.setPosition('top');\n this._tooltipController.setAriaTarget(this.inputElement);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(TextField);\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 '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","this","baseElement","includeAttrs","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","textVars","host","label","inputElement","requiredIndicator","inputField","internalComponent","internalComponentAfter","phoneInput","errorMessage","helperText","selector","placeholder","PhoneFieldInputBoxClass","fontSize","property","fontFamily","hostWidth","hostMinWidth","hostDirection","inputHorizontalPadding","labelFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputValueTextColor","inputPlaceholderTextColor","inputPlaceholderColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","valueInputHeight","valueInputMarginBottom","CountryCodes","template","innerHTML","content","cloneNode","shadowRoot","querySelector","phoneNumberInputEle","mapAttrs","BaseInputClass","baseSelector","constructor","textField","defaultDialCode","getAttribute","defaultCode","allowAlphanumericInput","minLength","parseInt","maxLength","restrictCountries","split","filter","Boolean","isFormatValue","isStrictValidation","parsedVal","country","countryCallingCode","nationalNumber","join","val","e","isTrusted","bind","handleFocusEventsDispatching","getValidity","validPhonePattern","stripValue","isRequired","valueMissing","length","tooShort","test","patternMismatch","setSelectionRange","args","oldValue","newValue","includes","attr","setAttribute","sanitizedInput","target","sanitizedVal","replace","dialCodePrefixPattern","RegExp","parsed","isValid","countryCode","telDigitsRegExp","char","phoneNumber","reset","input","getCountryByCodeId","find","c","code","dialCode","matchingParenthesis","openParenMatches","match","closeParenMatches","InputController","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","Number","minlength","pattern","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","_labelController","moduleId","TextField","is","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "3.16.4",
+  "version": "3.18.0",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -52,11 +52,11 @@
     "webpack-cli": "^7.0.0",
     "webpack-dev-server": "^5.0.0",
     "webpack-subresource-integrity": "5.2.0-rc.1",
-    "eslint-plugin-no-bare-class-import": "3.16.4",
-    "rollup-replace-plugin": "3.16.4",
-    "test-drivers": "3.16.4",
-    "webpack-replace-plugin": "3.16.4",
-    "webpack-extract-font-loader": "3.16.4"
+    "eslint-plugin-no-bare-class-import": "3.18.0",
+    "rollup-replace-plugin": "3.18.0",
+    "test-drivers": "3.18.0",
+    "webpack-extract-font-loader": "3.18.0",
+    "webpack-replace-plugin": "3.18.0"
   },
   "dependencies": {
     "@vaadin/checkbox": "24.3.4",
@@ -80,41 +80,42 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "3.16.4",
-    "@descope-ui/descope-address-field": "3.16.4",
-    "@descope-ui/descope-country-subdivision-city-field": "3.16.4",
-    "@descope-ui/descope-apps-list": "3.16.4",
-    "@descope-ui/descope-autocomplete-field": "3.16.4",
-    "@descope-ui/descope-avatar": "3.16.4",
-    "@descope-ui/descope-badge": "3.16.4",
-    "@descope-ui/descope-button": "3.16.4",
-    "@descope-ui/descope-collapsible-container": "3.16.4",
-    "@descope-ui/descope-combo-box": "3.16.4",
-    "@descope-ui/descope-icon": "3.16.4",
-    "@descope-ui/descope-image": "3.16.4",
-    "@descope-ui/descope-link": "3.16.4",
-    "@descope-ui/descope-list": "3.16.4",
-    "@descope-ui/descope-list-item": "3.16.4",
-    "@descope-ui/descope-enriched-text": "3.16.4",
-    "@descope-ui/descope-month-day-field": "3.16.4",
-    "@descope-ui/descope-month-day-field-picker": "3.16.4",
-    "@descope-ui/descope-multi-line-mappings": "3.16.4",
-    "@descope-ui/descope-multi-select-combo-box": "3.16.4",
-    "@descope-ui/descope-outbound-apps": "3.16.4",
-    "@descope-ui/descope-password-strength": "3.16.4",
-    "@descope-ui/descope-ponyhot": "3.16.4",
-    "@descope-ui/descope-text-field": "3.16.4",
-    "@descope-ui/descope-timer": "3.16.4",
-    "@descope-ui/descope-timer-button": "3.16.4",
-    "@descope-ui/descope-tooltip": "3.16.4",
-    "@descope-ui/descope-multi-sso": "3.16.4",
-    "@descope-ui/descope-trusted-devices": "3.16.4",
-    "@descope-ui/descope-anchored": "3.16.4",
-    "@descope-ui/descope-recovery-codes": "3.16.4",
-    "@descope-ui/descope-text": "3.16.4",
-    "@descope-ui/descope-user-passkeys": "3.16.4",
-    "@descope-ui/descope-outbound-app-button": "3.16.4",
-    "@descope-ui/descope-attachment": "3.16.4"
+    "@descope-ui/descope-address-field": "3.18.0",
+    "@descope-ui/descope-country-subdivision-city-field": "3.18.0",
+    "@descope-ui/descope-apps-list": "3.18.0",
+    "@descope-ui/descope-autocomplete-field": "3.18.0",
+    "@descope-ui/descope-avatar": "3.18.0",
+    "@descope-ui/descope-badge": "3.18.0",
+    "@descope-ui/descope-button": "3.18.0",
+    "@descope-ui/descope-collapsible-container": "3.18.0",
+    "@descope-ui/descope-combo-box": "3.18.0",
+    "@descope-ui/descope-enriched-text": "3.18.0",
+    "@descope-ui/descope-icon": "3.18.0",
+    "@descope-ui/descope-image": "3.18.0",
+    "@descope-ui/descope-link": "3.18.0",
+    "@descope-ui/descope-list": "3.18.0",
+    "@descope-ui/descope-list-item": "3.18.0",
+    "@descope-ui/descope-month-day-field": "3.18.0",
+    "@descope-ui/descope-month-day-field-picker": "3.18.0",
+    "@descope-ui/descope-multi-line-mappings": "3.18.0",
+    "@descope-ui/descope-multi-select-combo-box": "3.18.0",
+    "@descope-ui/descope-outbound-apps": "3.18.0",
+    "@descope-ui/common": "3.18.0",
+    "@descope-ui/descope-password-strength": "3.18.0",
+    "@descope-ui/descope-ponyhot": "3.18.0",
+    "@descope-ui/descope-outbound-app-button": "3.18.0",
+    "@descope-ui/descope-recovery-codes": "3.18.0",
+    "@descope-ui/descope-text": "3.18.0",
+    "@descope-ui/descope-text-field": "3.18.0",
+    "@descope-ui/descope-timer-button": "3.18.0",
+    "@descope-ui/descope-tooltip": "3.18.0",
+    "@descope-ui/descope-multi-sso": "3.18.0",
+    "@descope-ui/descope-trusted-devices": "3.18.0",
+    "@descope-ui/descope-timer": "3.18.0",
+    "@descope-ui/descope-attachment": "3.18.0",
+    "@descope-ui/descope-user-passkeys": "3.18.0",
+    "@descope-ui/descope-filter": "3.18.0",
+    "@descope-ui/descope-anchored": "3.18.0"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/descope-user-attribute/UserAttributeClass.js CHANGED Viewed

@@ -9,6 +9,8 @@ import { compose } from '../../helpers';
 import { getComponentName } from '../../helpers/componentHelpers';
 import deleteIcon from './delete.svg';
 import editIcon from './edit.svg';
+import copyIcon from './copy.svg';
+import checkIcon from './check.svg';
 export const componentName = getComponentName('user-attribute');
 class RawUserAttribute extends createBaseClass({
@@ -25,6 +27,10 @@ class RawUserAttribute extends createBaseClass({
           <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>
           <div class="btn-wrapper">
             <descope-badge mode="default" bordered="true" size="xs"></descope-badge>
+            <descope-button size="sm" data-id="copy-btn" variant="link" mode="primary">
+              <slot name="copy-icon"></slot>
+              <descope-icon class="check-icon" src="${checkIcon}" src-dark="${checkIcon}"></descope-icon>
+            </descope-button>
             <descope-button size="sm" data-id="delete-btn" variant="link" mode="primary">
               <slot name="delete-icon"></slot>
             </descope-button>
@@ -71,12 +77,29 @@ class RawUserAttribute extends createBaseClass({
         }
         slot[name="edit-icon"],
-        slot[name="delete-icon"] {
+        slot[name="delete-icon"],
+        slot[name="copy-icon"] {
           display: inline-flex;
           flex-shrink: 0;
           align-items: center;
         }
+        descope-button[data-id="copy-btn"].hidden {
+          display: none;
+        }
+        descope-button[data-id="copy-btn"] .check-icon {
+          display: none;
+        }
+        descope-button[data-id="copy-btn"].copied slot[name="copy-icon"] {
+          display: none;
+        }
+        descope-button[data-id="copy-btn"].copied .check-icon {
+          display: inline-flex;
+        }
         .content-wrapper {
           display: flex;
           flex-grow: 1;
@@ -119,7 +142,7 @@ class RawUserAttribute extends createBaseClass({
           color: var(${TextClass.cssVarList.textColor});
         }
-        :host([readonly="true"]) descope-button {
+        :host([readonly="true"]) descope-button:not([data-id="copy-btn"]) {
           visibility: hidden;
           width: 0;
         }
@@ -127,6 +150,7 @@ class RawUserAttribute extends createBaseClass({
       this
     );
+    this.copyButton = this.shadowRoot.querySelector('descope-button[data-id="copy-btn"]');
     this.deleteButton = this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]');
     this.editButton = this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]');
     this.badge = this.shadowRoot.querySelector('descope-badge');
@@ -216,6 +240,14 @@ class RawUserAttribute extends createBaseClass({
     return this.getAttribute('hide-delete') === 'true';
   }
+  get isCopyEnabled() {
+    return this.getAttribute('show-copy') === 'true';
+  }
+  get copyButtonLabel() {
+    return this.getAttribute('copy-button-label') || '';
+  }
   init() {
     this.onLabelChange();
     this.onValueOrPlaceholderChange();
@@ -224,7 +256,9 @@ class RawUserAttribute extends createBaseClass({
     this.onBadgeTooltipTextChange();
     this.updateButtonLabel(this.editButton, this.editButtonLabel);
     this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);
+    this.updateButtonLabel(this.copyButton, this.copyButtonLabel);
     this.handleDeleteButtonVisibility();
+    this.handleCopyButtonState();
     this.deleteButton.addEventListener('click', () =>
       this.dispatchEvent(new CustomEvent('delete-clicked', { bubbles: true, composed: true }))
@@ -234,9 +268,35 @@ class RawUserAttribute extends createBaseClass({
       this.dispatchEvent(new CustomEvent('edit-clicked', { bubbles: true, composed: true }))
     );
+    this.copyButton.addEventListener('click', () => this.#handleCopyClick());
     this.setDefaultChildren();
   }
+  #handleCopyClick() {
+    // isDraggable is true only inside the page editor (craftjs sets draggable="true"
+    // for drag-and-drop); there the copy action must not run.
+    if (!this.value || this.isDraggable || !navigator.clipboard) return;
+    navigator.clipboard
+      .writeText(this.value)
+      .then(() => {
+        this.copyButton.classList.add('copied');
+        setTimeout(() => this.copyButton.classList.remove('copied'), 2000);
+      })
+      .catch(() => {});
+  }
+  handleCopyButtonState() {
+    this.copyButton.classList.toggle('hidden', !this.isCopyEnabled);
+    if (this.value) {
+      this.copyButton.removeAttribute('disabled');
+    } else {
+      this.copyButton.setAttribute('disabled', 'true');
+    }
+  }
   #addIcon(src, slotName) {
     const icon = document.createElement('descope-icon');
     icon.setAttribute('src', src);
@@ -246,9 +306,19 @@ class RawUserAttribute extends createBaseClass({
   }
   setDefaultChildren() {
-    if (this.children.length) return;
-    this.#addIcon(deleteIcon, 'delete-icon');
-    this.#addIcon(editIcon, 'edit-icon');
+    if (!this.querySelector('[slot="delete-icon"]')) {
+      this.#addIcon(deleteIcon, 'delete-icon');
+    }
+    if (!this.querySelector('[slot="edit-icon"]')) {
+      this.#addIcon(editIcon, 'edit-icon');
+    }
+    this.setDefaultCopyIcon();
+  }
+  setDefaultCopyIcon() {
+    if (this.isCopyEnabled && !this.querySelector('[slot="copy-icon"]')) {
+      this.#addIcon(copyIcon, 'copy-icon');
+    }
   }
   static get observedAttributes() {
@@ -261,7 +331,9 @@ class RawUserAttribute extends createBaseClass({
       'badge-tooltip-text',
       'edit-button-label',
       'delete-button-label',
+      'copy-button-label',
       'hide-delete',
+      'show-copy',
     ].concat(super.observedAttributes);
   }
@@ -293,11 +365,19 @@ class RawUserAttribute extends createBaseClass({
       this.updateButtonLabel(this.editButton, this.editButtonLabel);
     } else if (name === 'delete-button-label') {
       this.updateButtonLabel(this.deleteButton, this.deleteButtonLabel);
+    } else if (name === 'copy-button-label') {
+      this.updateButtonLabel(this.copyButton, this.copyButtonLabel);
+    } else if (name === 'show-copy') {
+      this.setDefaultCopyIcon();
     }
     if (name === 'value' || name === 'required' || name === 'hide-delete') {
       this.handleDeleteButtonVisibility();
     }
+    if (name === 'value' || name === 'show-copy') {
+      this.handleCopyButtonState();
+    }
   }
 }
@@ -326,7 +406,12 @@ export const UserAttributeClass = compose(
       contentMinWidth: { ...contentWrapper, property: 'min-width' },
       badgeMaxWidth: { ...badge, property: 'max-width' },
       itemsGap: [{ property: 'gap' }, { ...contentWrapper, property: 'gap' }],
-      iconColor: [{ selector: () => '::slotted(*)', property: IconClass.cssVarList.fill }],
+      iconColor: [
+        { selector: () => '::slotted(*)', property: IconClass.cssVarList.fill },
+        // the copied check-icon lives in the shadow DOM (not slotted), so it
+        // needs its own mapping to follow the same icon color
+        { selector: () => '.check-icon', property: IconClass.cssVarList.fill },
+      ],
     },
   }),
   draggableMixin,

package/src/components/descope-user-attribute/check.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentcolor"/>
+</svg>

package/src/components/descope-user-attribute/copy.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" fill="currentcolor"/>
+</svg>

package/src/theme/components/index.js CHANGED Viewed

@@ -30,6 +30,7 @@ import * as userPasskeys from '@descope-ui/descope-user-passkeys/theme';
 import * as textField from '@descope-ui/descope-text-field/theme';
 import * as monthDayField from '@descope-ui/descope-month-day-field/theme';
 import * as monthDayFieldPicker from '@descope-ui/descope-month-day-field-picker/theme';
+import * as filter from '@descope-ui/descope-filter/theme';
 import * as password from './password';
 import * as numberField from './numberField';
 import * as emailField from './emailField';
@@ -145,6 +146,7 @@ const components = {
   trustedDevices,
   multiSso,
   tooltip,
+  filter,
   attachment,
   userPasskeys,
 };

package/stories/descope-user-attribute.stories.js CHANGED Viewed

@@ -29,6 +29,8 @@ const Template = ({
   'edit-button-label': editButtonLabel,
   'delete-button-label': deleteButtonLabel,
   'hide-delete': hideDelete,
+  showCopy,
+  copyButtonLabel,
   customIcons,
 }) => `
   <descope-user-attribute
@@ -42,6 +44,8 @@ const Template = ({
     edit-button-label="${editButtonLabel || ''}"
     delete-button-label="${deleteButtonLabel || ''}"
     hide-delete="${hideDelete || 'false'}"
+    show-copy="${showCopy || 'false'}"
+    copy-button-label="${copyButtonLabel || ''}"
     st-host-direction="${direction ?? ''}"
     readonly="${readonly || false}"
   >
@@ -83,6 +87,14 @@ export default {
       name: 'Hide Delete',
       control: { type: 'boolean' },
     },
+    showCopy: {
+      name: 'Show Copy',
+      control: { type: 'boolean' },
+    },
+    copyButtonLabel: {
+      name: 'Copy Button Label',
+      control: { type: 'text' },
+    },
     customIcons: {
       name: 'Custom Icons',
       control: { type: 'boolean' },