{"version":3,"file":"chunks/6655aa2c2e2d8f.js","mappings":"sJAIA,MAAMA,EAAe,CACnBC,kCAAmC,SACnCC,4BAA6B,UAGzBC,EAAO,IAAM,GAGnB,MAAMC,UAA0B,EAAAC,UAC9BC,YAAYC,GACVC,MAAMD,IAEN,OAAgBE,KAAM,mBAAmB,KAAM,CAC7CR,kCAAmCQ,KAAKC,0BACxCR,4BAA6BO,KAAKP,iCAGpC,OAAgBO,KAAM,6BAA6B,KACjD,MAAM,QACJE,EAAO,QACPC,GACEH,KAAKF,OACH,kCACJN,EAAoCE,GAClCM,KAAKI,QAQT,MAAO,CANS,CAACC,EAAOC,KACN,MAAZJ,GAAmBA,IAAYI,GACjCH,EAAQE,EAAOC,EACjB,KAGkBd,IAAoC,KAG1D,OAAgBQ,KAAM,+BAA+B,KACnD,MAAM,4BACJP,EAA8BC,GAC5BM,KAAKI,QACT,OAAOX,GAA6B,IAGtCO,KAAKO,aAAe,CAClBd,4BAA6BO,KAAKP,4BAClCD,kCAAmCQ,KAAKC,0BAE5C,CAEAO,SACE,MAAM,SACJC,GACET,KAAKF,MACT,OAAoB,gBAAoB,aAAgC,CACtEY,MAAOV,KAAKO,cACXE,EACL,ECzDF,IAAIE,GD6DJ,OAAgBhB,EAAmB,eAAgBJ,IAEnD,OAAgBI,EAAmB,oBAAqBJ,GC1DtDoB,ED4DF,ECzDA,S,+vDCRe,SAASC,EAASd,GAC/B,GAAIA,GAASA,EAAMe,MAAO,CAExB,GAAI,QAAWf,EAAMe,MACnB,OAAOf,EAAMe,MAAM,MAEhB,GAAI,SAAUf,EAAMe,OAAS,cAAqBf,EAAMe,MAAMC,MACjE,OAAOhB,EAAMe,KAEjB,CAGA,MAAO,CACLC,KAAM,KAEV,CCQe,SAASC,EAAOC,EAAgBC,GAC7C,GAA8B,iBAAnBD,EACT,OAvBoBE,EAuBEF,EAvBWG,EAuBKF,EAtBjCnB,IACL,MAAMe,EAAQD,EAASd,GAEvB,GAAIA,GAASA,EAAMoB,IAAgBC,EAAU,CAC3C,MAAMC,EAAQD,EAASrB,EAAMoB,IAE7B,GAAIE,GAASA,EAAMP,EAAMC,MAAO,CAC9B,MAAMJ,EAAQU,EAAMP,EAAMC,MAE1B,GAAIJ,EACF,OAAOA,CAGX,CACF,CAEA,MAAO,EAAE,EAjBb,IAAwBQ,EAAaC,EA0BnC,MAAMC,EAAQJ,EACd,OAAOlB,IAEL,MAAMe,EAAQD,EAASd,GAEvB,GAAIe,EAAMC,QAAQM,EAAO,CACvB,MAAMV,EAAQU,EAAMP,EAAMC,MAE1B,GAAIJ,EACF,OAAOA,CAEX,CAEA,MAAO,EAAE,CAEb,CC1CO,MAAMW,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAM,UACNC,EAAM,UACNC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UACPC,EAAO,UAEPC,EAAK,UACLC,EAAM,UACNC,EAAM,UACNC,EAAM,UACNC,EAAM,UACNC,EAAM,UACNC,GAAM,UACNC,GAAM,UACNC,GAAM,UACNC,GAAM,UACNC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UAEPC,GAAO,UAEPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAO,wBACPC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBACRC,GAAQ,wBAERC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAQ,UACRC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UACPC,GAAO,UAEPC,GAAM,UAENC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAS,yBACTC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBACRC,GAAQ,yBAERC,GAAaxH,EAAO,CAC/ByH,MAAO,qBAAqBzE,KAC5B0E,KAAM,qBAAqBvB,QAEhBwB,GAAmB3H,EAAO,CACrCyH,MAAO,iCAAiC9F,KACxC+F,KAAM,iCAAiC9F,OAE5BgG,GAAkB5H,EAAO,CACpCyH,MAAO,wCAAwCtE,KAC/CuE,KAAM,wCAAwC3B,QAEnC8B,GAAoB7H,EAAO,CACtCyH,MAAO,6BAA6BzE,KACpC0E,KAAM,6BAA6BzB,QAExB,GAAOjG,EAAO,CACzByH,MAAO,kBAAkBvD,MACzBwD,KAAM,kBAAkBnC,QAEbuC,GAAY9H,EAAO,CAC9ByH,MAAO,kBAAkBxD,MACzByD,KAAM,kBAAkBnC,QAEbwC,GAAa/H,EAAO,CAC/ByH,MAAO,2BAA2BzF,KAClC0F,KAAM,2BAA2B1F,OAEtBgG,GAAahI,EAAO,CAC/ByH,MAAO,2BAA2B9D,MAClC+D,KAAM,2BAA2BhC,QAEtBuC,GAAkBjI,EAAO,CACpCyH,MAAO,2BAA2B/D,MAClCgE,KAAM,2BAA2B/B,QAEtBuC,GAAUlI,EAAO,CAC5ByH,MAAO,kBAAkBxD,MACzByD,KAAM,kBAAkBnC,QAEb4C,GAAgBnI,EAAO,CAClCyH,MAAO,2BAA2B9D,MAClC+D,KAAM,2BAA2BhC,QAEtB0C,GAAYpI,EAAO,CAC9ByH,MAAOvE,EACPwE,KAAMzB,KAEK,GAAOjG,EAAO,CACzByH,MAAO,kBAAkBzF,KACzB0F,KAAM,kBAAkB7F,OAEbwG,GAAYrI,EAAO,CAC9ByH,MAAO,0BAA0B1F,KACjC2F,KAAM,0BAA0B5F,OAErBwG,GAAatI,EAAO,CAC/ByH,MAAO,0BAA0BxF,KACjCyF,KAAM,0BAA0B7F,OAErB0G,GAAcvI,EAAO,CAChCyH,MAAO,4BAA4B5F,KACnC6F,KAAM,4BAA4B5F,OAEvB0G,GAAUxI,EAAO,CAC5ByH,MAAO,mCAAmCzF,KAC1C0F,KAAM,mCAAmC7F,OAE9B4G,GAAOzI,EAAO,CACzByH,MAAOzF,EACP0F,KAAM7F,IAEK6G,GAAO1I,EAAO,CACzByH,MAAO5E,EACP6E,KAAM9E,IAEK+F,GAAS3I,EAAO,CAC3ByH,MAAOnF,EACPoF,KAAMtF,IAEKwG,GAAM5I,EAAO,CACxByH,MAAO/G,EACPgH,KAAMhH,IAEKmI,GAAS7I,EAAO,CAC3ByH,MAAOxG,EACPyG,KAAMzG,IAEK6H,GAAQ9I,EAAO,CAC1ByH,MAAOjG,EACPkG,KAAMlG,IAEKuH,GAAW,IAAM,sBAAsB3E,K,+DC3N7C,MAAM4E,EAAU,qBACVC,EAAqB,QACrBC,EAAc,CAAC,QAAS,QASxBC,EAAW,IAAM,E,mCCX9B,IAAIC,EAAkB,o9HAYtB,QCdA,SAAiBC,GACf,IAAIC,EAAQC,OAAOC,OAAO,MAC1B,OAAO,SAAUC,GAEf,YADmBC,IAAfJ,EAAMG,KAAoBH,EAAMG,IDCWE,ECDDF,EDEzCL,EAAgBQ,KAAKD,IAAgC,MAAvBA,EAAKE,WAAW,IAE3B,MAAvBF,EAAKE,WAAW,IAEhBF,EAAKE,WAAW,GAAK,KCLfP,EAAMG,GDAwB,IAAUE,CCCjD,CACF,CDFiC,E,yHEK7BG,EAAiB,CAAC,EAAEA,eAEpBC,GAAqC,IAAAC,eAMlB,oBAAhBC,aAA6C,OAAY,CAC9DC,IAAK,QACF,MAMeH,EAAoBI,SAAxC,IAKIC,EAAmB,SAA0BC,GAE/C,OAAoB,IAAAC,aAAW,SAAUvL,EAAOwL,GAE9C,IAAIjB,GAAQ,IAAAkB,YAAWT,GACvB,OAAOM,EAAKtL,EAAOuK,EAAOiB,EAC5B,GACF,EAEIE,GAA8B,IAAAT,eAAc,CAAC,GAwG7CU,GAAqB,iBAA+B,oBAAI,iBAA+B,mBAAI,SAA4BlB,GACzHA,GACF,EAMImB,EAAe,qCAEfC,EAAqB,SAA4BC,EAAM9L,GAMzD,IAAI+L,EAAW,CAAC,EAEhB,IAAK,IAAIZ,KAAOnL,EACV+K,EAAeiB,KAAKhM,EAAOmL,KAC7BY,EAASZ,GAAOnL,EAAMmL,IAY1B,OARAY,EAASH,GAAgBE,EAQlBC,CACT,EAEIE,EAAY,SAAmBC,GACjC,IAAI3B,EAAQ2B,EAAK3B,MACb4B,EAAaD,EAAKC,WAClBC,EAAcF,EAAKE,YAMvB,OALA,QAAe7B,EAAO4B,EAAYC,GAlClCT,GAmCoC,WAClC,OAAO,QAAapB,EAAO4B,EAAYC,EACzC,IAEO,IACT,EAEIC,EAAyBhB,GAAiB,SAAUrL,EAAOuK,EAAOiB,GACpE,IAAIc,EAAUtM,EAAMuM,IAIG,iBAAZD,QAAsD3B,IAA9BJ,EAAMiC,WAAWF,KAClDA,EAAU/B,EAAMiC,WAAWF,IAG7B,IAAIG,EAAmBzM,EAAM4L,GACzBc,EAAmB,CAACJ,GACpBK,EAAY,GAEe,iBAApB3M,EAAM2M,UACfA,GAAY,QAAoBpC,EAAMiC,WAAYE,EAAkB1M,EAAM2M,WAC9C,MAAnB3M,EAAM2M,YACfA,EAAY3M,EAAM2M,UAAY,KAGhC,IAAIR,GAAa,OAAgBO,OAAkB/B,GAAW,IAAAc,YAAWC,IAUzEiB,GAAapC,EAAMY,IAAM,IAAMgB,EAAWS,KAC1C,IAAIb,EAAW,CAAC,EAEhB,IAAK,IAAIZ,KAAOnL,EACV+K,EAAeiB,KAAKhM,EAAOmL,IAAgB,QAARA,GAAiBA,IAAQS,IAC9DG,EAASZ,GAAOnL,EAAMmL,IAM1B,OAFAY,EAASP,IAAMA,EACfO,EAASY,UAAYA,GACD,IAAAE,eAAc,EAAAC,SAAU,MAAmB,IAAAD,eAAcZ,EAAW,CACtF1B,MAAOA,EACP4B,WAAYA,EACZC,YAAyC,iBAArBK,KACL,IAAAI,eAAcJ,EAAkBV,GACnD,G,6GCnJIgB,EAAM,SAAajB,EAAM9L,GAC3B,IAAIgN,EAAOC,UAEX,GAAa,MAATjN,IAAkB,EAAAkN,EAAA,KAAoBlN,EAAO,OAE/C,OAAO,EAAA6M,cAAA,WAAoBlC,EAAWqC,GAGxC,IAAIG,EAAaH,EAAKI,OAClBC,EAAwB,IAAIC,MAAMH,GACtCE,EAAsB,GAAK,EAAAE,EAC3BF,EAAsB,IAAK,IAAAG,GAAmB1B,EAAM9L,GAEpD,IAAK,IAAIyN,EAAI,EAAGA,EAAIN,EAAYM,IAC9BJ,EAAsBI,GAAKT,EAAKS,GAIlC,OAAO,EAAAZ,cAAA,MAAoB,KAAMQ,EACnC,EAqFA,SAASd,IACP,IAAK,IAAImB,EAAOT,UAAUG,OAAQJ,EAAO,IAAIM,MAAMI,GAAOC,EAAO,EAAGA,EAAOD,EAAMC,IAC/EX,EAAKW,GAAQV,UAAUU,GAGzB,OAAO,OAAgBX,EACzB,EAzFyB,iBAA+B,oBAAI,iBAA+B,mBAAI,EAAAY,gBA2F/F,IAAIC,EAAY,WACd,IAAIC,EAAavB,EAAIwB,WAAM,EAAQd,WAC/BL,EAAO,aAAekB,EAAWlB,KAErC,MAAO,CACLA,KAAMA,EACNoB,OAAQ,cAAgBpB,EAAO,IAAMkB,EAAWE,OAAS,IACzDC,KAAM,EACNC,SAAU,WACR,MAAO,QAAUhO,KAAK0M,KAAO,IAAM1M,KAAK8N,OAAS,OACnD,EAEJ,C,oHC5MIG,EAA2B,IAE3BC,EAA2B,SAAkCjD,GAC/D,MAAe,UAARA,CACT,EAEIkD,EAA8B,SAAqCC,GACrE,MAAsB,iBAARA,GAGdA,EAAIxD,WAAW,GAAK,GAAKqD,EAA2BC,CACtD,EACIG,EAA4B,SAAmCD,EAAKE,EAASC,GAC/E,IAAIC,EAEJ,GAAIF,EAAS,CACX,IAAIG,EAA2BH,EAAQE,kBACvCA,EAAoBJ,EAAIM,uBAAyBD,EAA2B,SAAUE,GACpF,OAAOP,EAAIM,sBAAsBC,IAAaF,EAAyBE,EACzE,EAAIF,CACN,CAMA,MAJiC,mBAAtBD,GAAoCD,IAC7CC,EAAoBJ,EAAIM,uBAGnBF,CACT,EAEI/C,EAAqB,EAA+B,mBAAI,EAA+B,mBAAI,SAA4BlB,GACzHA,GACF,EAQIwB,EAAY,SAAmBC,GACjC,IAAI3B,EAAQ2B,EAAK3B,MACb4B,EAAaD,EAAKC,WAClBC,EAAcF,EAAKE,YAMvB,OALA,QAAe7B,EAAO4B,EAAYC,GATlCT,GAUoC,WAClC,OAAO,QAAapB,EAAO4B,EAAYC,EACzC,IAEO,IACT,ECjDA,IAGI0C,EDgDe,SAASC,EAAaT,EAAKE,GAO5C,IAEIQ,EACAC,EAHAR,EAASH,EAAIY,iBAAmBZ,EAChCa,EAAUV,GAAUH,EAAIc,gBAAkBd,OAI9B3D,IAAZ6D,IACFQ,EAAiBR,EAAQa,MACzBJ,EAAkBT,EAAQc,QAG5B,IAAIZ,EAAoBH,EAA0BD,EAAKE,EAASC,GAC5Dc,EAA2Bb,GAAqBL,EAA4Bc,GAC5EK,GAAeD,EAAyB,MAC5C,OAAO,WACL,IAAIvC,EAAOC,UACPe,EAASS,QAAmC9D,IAAzB2D,EAAImB,iBAAiCnB,EAAImB,iBAAiBC,MAAM,GAAK,GAM5F,QAJuB/E,IAAnBqE,GACFhB,EAAO2B,KAAK,SAAWX,EAAiB,KAG3B,MAAXhC,EAAK,SAA8BrC,IAAhBqC,EAAK,GAAG4C,IAC7B5B,EAAO2B,KAAK5B,MAAMC,EAAQhB,OACrB,CAKLgB,EAAO2B,KAAK3C,EAAK,GAAG,IAIpB,IAHA,IAAI6C,EAAM7C,EAAKI,OACXK,EAAI,EAEDA,EAAIoC,EAAKpC,IAKdO,EAAO2B,KAAK3C,EAAKS,GAAIT,EAAK,GAAGS,GAEjC,CAGA,IAAIqC,GAAS,IAAAC,IAAiB,SAAU/P,EAAOuK,EAAOiB,GACpD,IAAIwE,EAAWR,GAAexP,EAAMiQ,IAAMd,EACtCxC,EAAY,GACZuD,EAAsB,GACtBC,EAAcnQ,EAElB,GAAmB,MAAfA,EAAMe,MAAe,CAGvB,IAAK,IAAIoK,KAFTgF,EAAc,CAAC,EAECnQ,EACdmQ,EAAYhF,GAAOnL,EAAMmL,GAG3BgF,EAAYpP,OAAQ,IAAA0K,YAAW,EAAA2E,EACjC,CAE+B,iBAApBpQ,EAAM2M,UACfA,GAAY,QAAoBpC,EAAMiC,WAAY0D,EAAqBlQ,EAAM2M,WACjD,MAAnB3M,EAAM2M,YACfA,EAAY3M,EAAM2M,UAAY,KAGhC,IAAIR,GAAa,OAAgB6B,EAAOqC,OAAOH,GAAsB3F,EAAMiC,WAAY2D,GACvFxD,GAAapC,EAAMY,IAAM,IAAMgB,EAAWS,UAElBjC,IAApBsE,IACFtC,GAAa,IAAMsC,GAGrB,IAAIqB,EAAyBd,QAAqC7E,IAAtB+D,EAAkCL,EAA4B2B,GAAYT,EAClHxD,EAAW,CAAC,EAEhB,IAAK,IAAI4B,KAAQ3N,EACXwP,GAAwB,OAAT7B,GAGnB2C,EAAuB3C,KACrB5B,EAAS4B,GAAQ3N,EAAM2N,IAM3B,OAFA5B,EAASY,UAAYA,EACrBZ,EAASP,IAAMA,GACK,IAAAqB,eAAc,EAAAC,SAAU,MAAmB,IAAAD,eAAcZ,EAAW,CACtF1B,MAAOA,EACP4B,WAAYA,EACZC,YAAiC,iBAAb4D,KACL,IAAAnD,eAAcmD,EAAUjE,GAC3C,IAwBA,OAvBA+D,EAAOS,iBAAiC5F,IAAnBqE,EAA+BA,EAAiB,WAAgC,iBAAZG,EAAuBA,EAAUA,EAAQoB,aAAepB,EAAQvC,MAAQ,aAAe,IAChLkD,EAAOU,aAAelC,EAAIkC,aAC1BV,EAAOZ,eAAiBY,EACxBA,EAAOV,eAAiBD,EACxBW,EAAOL,iBAAmBzB,EAC1B8B,EAAOlB,sBAAwBF,EAC/BlE,OAAOiG,eAAeX,EAAQ,WAAY,CACxClP,MAAO,WAML,MAAO,IAAMqO,CACf,IAGFa,EAAOY,cAAgB,SAAUC,EAASC,GACxC,OAAO7B,EAAa4B,GAAS,OAAS,CAAC,EAAGnC,EAASoC,EAAa,CAC9DlC,kBAAmBH,EAA0BuB,EAAQc,GAAa,MAChE7C,WAAM,EAAQC,EACpB,EAEO8B,CACT,CACF,EC3KgB,OAHL,CAAC,IAAK,OAAQ,UAAW,OAAQ,UAAW,QAAS,QAAS,IAAK,OAAQ,MAAO,MAAO,MAAO,aAAc,OAAQ,KAAM,SAAU,SAAU,UAAW,OAAQ,OAAQ,MAAO,WAAY,OAAQ,WAAY,KAAM,MAAO,UAAW,MAAO,SAAU,MAAO,KAAM,KAAM,KAAM,QAAS,WAAY,aAAc,SAAU,SAAU,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,SAAU,SAAU,KAAM,OAAQ,IAAK,SAAU,MAAO,QAAS,MAAO,MAAO,SAAU,QAAS,SAAU,KAAM,OAAQ,OAAQ,MAAO,OAAQ,UAAW,OAAQ,WAAY,OAAQ,QAAS,MAAO,WAAY,SAAU,KAAM,WAAY,SAAU,SAAU,IAAK,QAAS,UAAW,MAAO,WAAY,IAAK,KAAM,KAAM,OAAQ,IAAK,OAAQ,SAAU,UAAW,SAAU,QAAS,SAAU,OAAQ,SAAU,QAAS,MAAO,UAAW,MAAO,QAAS,QAAS,KAAM,WAAY,QAAS,KAAM,QAAS,OAAQ,QAAS,KAAM,QAAS,IAAK,KAAM,MAAO,QAAS,MAC77B,SAAU,WAAY,OAAQ,UAAW,gBAAiB,IAAK,QAAS,OAAQ,iBAAkB,OAAQ,OAAQ,UAAW,UAAW,WAAY,iBAAkB,OAAQ,OAAQ,MAAO,OAAQ,SAGhMe,SAAQ,SAAUC,GAErBhC,EAAUgC,GAAWhC,EAAUgC,EACjC,IAEA,S,kDCjBA,iBAsCA,IAAYC,EALAC,EALAC,EATC,KAAQ,WASTA,EAAA,YAAW,KACrB,wBACA,6BAGUD,EAAA,YAAU,KACpB,cACA,iBAGUD,EAAA,YAAe,KACzB,YACA,gBASa,EAAAnO,IACA,EAAAuC,KACM,EAAAlB,GACE,EAAAA,GACA,KACI,EAAAc,KACE,EAAAd,GAGd,EAAAA,GACA,EAAAkB,KACM,EAAAhB,IACE,EAAAA,IACA,KACI,EAAAY,KACE,EAAAP,IAGd,EAAAW,KACA,EAAAlB,GACS,EAAAA,GACD,EAAAA,GACA,EAAAA,GACI,EAAA7B,KACE,EAAA6B,GAGd,EAAAR,KACA,EAAAQ,GACS,EAAAA,GACD,EAAAA,GACA,EAAAA,GACI,EAAA7B,KACE,EAAA6B,GAGd,EAAAf,KACA,EAAAe,GACS,EAAAA,GACD,EAAAA,GACA,EAAAA,GACI,EAAA7B,KACE,EAAA6B,GAKhB,KAA4C,IAAIiN,IAK7D,SAAyB,OAAQ,EAAAjP,MACjC,SAAyB,OAAQ,EAAAP,MACjC,SAAyB,OAAQ,EAAAc,MACjC,SAAyB,OAAQ,EAAAqB,MACjC,SAAyB,OAAQ,EAAAd,MACjC,SAAyB,OAAQ,EAAAM,K,4GAvF1B,MAAM8N,EAAQ,UACRC,EAAe,EACfC,EAAiB,IAKjBC,EAAuB,CAAEC,UAAW,KAEjD,IAAYN,EAKAD,EAKAD,GAVZ,SAAYE,GACV,0BACA,2BACD,CAHD,CAAYA,IAAAA,EAAW,KAKvB,SAAYD,GACV,gBACA,eACD,CAHD,CAAYA,IAAAA,EAAU,KAKtB,SAAYD,GACV,cACA,eACD,CAHD,CAAYA,IAAAA,EAAe,KAOpB,MAAMS,EAET,CACFC,IAAK,CACHC,UAAW,EAAA9O,IACX+O,UAAW,EAAAxM,KACXyM,gBAAiB,EAAA3N,GACjB4N,eAAgB,GAAG,EAAA5N,OACnB6N,kBAAmBX,EACnBY,sBAAuB,EAAAhN,KACvBiN,wBAAyB,EAAA/N,IAE3BgO,GAAI,CACFP,UAAW,EAAAzN,GACX0N,UAAW,EAAAxM,KACXyM,gBAAiB,EAAAzN,IACjB0N,eAAgB,GAAG,EAAA1N,QACnB2N,kBAAmBX,EACnBY,sBAAuB,EAAAhN,KACvBiN,wBAAyB,EAAAxN,KAE3B0N,KAAM,CACJR,UAAW,EAAAvM,KACXwM,UAAW,EAAA1N,GACX2N,gBAAiB,GAAG,EAAA3N,OACpB4N,eAAgB,GAAG,EAAA5N,OACnB6N,kBAAmB,EAAA7N,GACnB8N,sBAAuB,EAAA3P,KACvB4P,wBAAyB,EAAA/N,IAE3BkO,KAAM,CACJT,UAAW,EAAAjO,KACXkO,UAAW,EAAA1N,GACX2N,gBAAiB,GAAG,EAAA3N,OACpB4N,eAAgB,GAAG,EAAA5N,OACnB6N,kBAAmB,EAAA7N,GACnB8N,sBAAuB,EAAA3P,KACvB4P,wBAAyB,EAAA/N,IAE3BmO,KAAM,CACJV,UAAW,EAAAxO,KACXyO,UAAW,EAAA1N,GACX2N,gBAAiB,GAAG,EAAA3N,OACpB4N,eAAgB,GAAG,EAAA5N,OACnB6N,kBAAmB,EAAA7N,GACnB8N,sBAAuB,EAAA3P,KACvB4P,wBAAyB,EAAA/N,KAKhBoO,EAA4C,IAAInB,IAK7DmB,EAAqBC,IAAI,OAAQ,EAAArQ,MACjCoQ,EAAqBC,IAAI,OAAQ,EAAA5Q,MACjC2Q,EAAqBC,IAAI,OAAQ,EAAA9P,MACjC6P,EAAqBC,IAAI,OAAQ,EAAAzO,MACjCwO,EAAqBC,IAAI,OAAQ,EAAAvP,MACjCsP,EAAqBC,IAAI,OAAQ,EAAAjP,MAG1B,MAAMkP,EAAuB,CAClCC,eAAgB,6BAChBC,eAAgB,8B,eC7GlB,MAAMC,EAAY,wBAELC,GAAW,QAAe,CACrCxJ,QAAS,CACPyJ,GAAI,GAAGF,WACPG,eAAgB,4BAElBC,cAAe,CACbF,GAAI,GAAGF,kBACPG,eAAgB,mBAElBE,cAAe,CACbH,GAAI,GAAGF,kBACPG,eAAgB,mBAElBG,cAAe,CACbJ,GAAI,GAAGF,kBACPG,eAAgB,mBAElBI,WAAY,CACVL,GAAI,GAAGF,cACPG,eAAgB,gBAElBK,WAAY,CACVN,GAAI,GAAGF,cACPG,eAAgB,gBAElBM,WAAY,CACVP,GAAI,GAAGF,cACPG,eAAgB,gBAElBO,iBAAkB,CAChBR,GAAI,GAAGF,oBACPG,eAAgB,iHAElBQ,iBAAkB,CAChBT,GAAI,GAAGF,oBACPG,eAAgB,iHAElBS,iBAAkB,CAChBV,GAAI,GAAGF,oBACPG,eAAgB,iHAElBU,cAAe,CACbX,GAAI,GAAGF,iBACPG,eAAgB,gDAElBW,cAAe,CACbZ,GAAI,GAAGF,iBACPG,eAAgB,gDAElBY,cAAe,CACbb,GAAI,GAAGF,iBACPG,eAAgB,gDAElBa,oBAAqB,CACnBd,GAAI,GAAGF,uBACPG,eAAgB,0DCrDb,SAASc,GAAqB,gBACnCC,EAAe,kBACf9B,EAAiB,OACjB+B,IAEA,OACE,KAACC,EAAe,KACd,KAACC,EAAmB,KACjBH,GACC,KAACI,EAAiB,CAAClC,kBAAmBA,GACpC,KAAC,KAAoB,iBACJ,GAAV+B,EACD,OAAD,UAAMlB,EAASG,eACJ,GAAVe,EACA,OAAD,UAAMlB,EAASI,eACd,OAAD,UAAMJ,EAASK,kBAIxB,KAACiB,EAAU,CAACrB,GAAI,QAAUiB,GACxB,KAAC,KAAoB,iBACJ,GAAVA,EACD,OAAD,UAAMlB,EAASM,YACJ,GAAVY,EACA,OAAD,UAAMlB,EAASO,YACd,OAAD,UAAMP,EAASQ,eAGtB,KAACe,EAAgB,CAACtB,GAAI,cAAgBiB,GACpC,KAAC,KAAoB,iBACJ,GAAVA,EACD,OAAD,UAAMlB,EAASS,kBACJ,GAAVS,EACA,OAAD,UAAMlB,EAASU,kBACd,OAAD,UAAMV,EAASW,sBAM9B,CAEO,MAAMQ,EAAkB,OAAU;;;;;;EAQ5BC,EAAsB,OAAU;;;;;EAOhCC,EAAoB,OAA0C;;;;;;;;;WAS/DhU,GAAUA,EAAM8R;EAGfmC,EAAa,OAAU;;;;;;;;;;;;;EAevBC,EAAmB,OAAU;;;;;;EC/E7BC,EAAc,CACzBC,EACAC,EACAC,EACAV,EACAW,EACAC,KAEA,MAAMC,EAAW,GACjB,IAAK,IAAIZ,EAAS,EAAGA,GAAUzC,EAAcyC,IAC3CY,EAAS9E,KACP,KAAC+E,EAAI,CACHvJ,IAAK0I,EACLlH,UAAW,YAAYkH,IACvBU,YAAaA,EACbI,KAAK,SACLC,SAAU,EACVC,QAAUC,GAAMV,EAAiBP,EAAQiB,GACzCC,UAAYD,GAAMT,EAAgBR,EAAQiB,GAAE,kBAC3B,QAAUjB,EAAS,eAAiBA,GAEpDS,GACC,KAACU,EAAQ,CACP7J,IAAK0I,EACLlH,UAAW,UAAUkH,IACrBW,SAAUA,IAGd,KAACb,EAAoB,CACnB7B,kBAAmByC,EAAYzC,kBAC/B8B,gBAAiBA,EACjBC,OAAQA,MAKhB,OAAOY,CAAQ,EAGJC,EAAO,OAAqB;;;;;;;;;;;;;;;;;;;;EAsB5BM,EAAW,OAAyB;;sBAE1BhV,GACnBA,EAAMwU,UACNnC,EAAqB4C,IAAIjV,EAAMwU,WAC/BnC,EAAqB6C,IAAIlV,EAAMwU;;;;;;;ECrE5B,SAASW,GAAc,cAC5BC,EAAa,iBACbhB,EAAgB,gBAChBC,EAAe,eACfgB,EAAc,YACdd,EAAW,WACXD,EAAU,SACVE,EAAQ,gBACRZ,IAEA,OACE,KAAC0B,EAAiB,CAChBF,cAAeA,EACfC,eAAgBA,EAChBd,YAAaA,GAEZJ,EACCC,EACAC,EACAC,EACAV,EACAW,EACAC,GAIR,CAEO,MAAMc,EAAoB,OAAkC;;;;;;WAMvDtV,GAAUA,EAAMqV;;;;;;0BAMDrV,GAAUA,EAAMuU,YAAY1C;;;;;;;;;;;;cAYxC7R,GAAUA,EAAMoV;wBACNpV,GAAUA,EAAMuU,YAAY3C;;;0BAG1B5R,GAAUA,EAAMuU,YAAY3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BrC5R,GAAU,eAA2C,KAA3BA,EAAMoV,cAAgB;;;;;;;ECvE3D,SAASG,GAAe,cAC7BH,EAAa,eACbC,EAAc,UACdG,EAAS,iBACTC,EAAgB,KAChBC,EAAI,aACJC,EAAY,WACZC,IAEA,MAAOC,EAAUC,IAAe,IAAAC,WAAkB,GAC5CC,GAAwD,IAAAC,QAAO,MAE/DC,EAAmBC,IACvB,MAAMC,EAAQD,EAAQ,IAAM,CAAC,GACvB,eAAEE,GAAmBD,EAC3BN,IAAcO,GACdV,IAAeU,EAAe,EAehC,OAZA,IAAAC,YAAU,KACHN,EAAaO,SAID,IAAIC,qBACnBN,EACA5E,GAEOmF,QAAQT,EAAaO,QAAQ,GACrC,CAACP,IAGF,KAACU,EAAkB,CAAClL,IAAKwK,EAAcX,eAAgBA,GACrD,KAACsB,EAAY,CAACvB,cAAeA,GAC1BwB,EACCpB,EACAC,EACAC,EACAN,EACAQ,EACAC,IAKV,CAEA,MAAMe,EAAc,CAClBpB,EACAC,EACAC,EACAN,EACAQ,EACAC,KAEA,MAAMgB,EAAc,IAAI3F,IACpBsE,IAAcxE,EAAW8F,QAE3B,IAAAR,YAAU,KACR,IAAK,MAAOS,EAASC,KAAUH,EAAYV,WACpCa,aAAK,EAALA,EAAOT,UAAYS,EAAMT,QAAQU,OAIlCF,IAAY3B,GAAiBS,GAC/BmB,EAAMT,QAAQW,YAAc,EAC5BF,EAAMT,QAAQU,QAEdD,EAAMT,QAAQY,Q,GAGjB,CAAC/B,EAAeS,IAGrB,MAAMuB,EAAY,GAClB,IAAK,IAAIvD,EAAS,EAAGA,GAAUzC,EAAcyC,IAAU,CACrD,MAAM7T,EAAQoV,IAAkBvB,EAAS,CAAEe,SAAU,GAAM,CAAEA,UAAW,GAExE,IAAIyC,EACJ,GAAI7B,IAAcxE,EAAW8F,MAAO,CAClC,MAAMtL,GAAM,IAAA8L,aAEZD,EACE,cACE7L,IAAKA,EACL+L,MAAM,OACNC,OAAO,OAAM,aACF,OACXC,QAAQ,OACRC,OAAO,EACP9C,UAAW,EACX+C,QAAS,IAAM/B,IACfgC,aAAa,GAEb,eAAQC,IAAKpC,EAAiB5B,EAAS,KACtC6B,EAAKoC,cAAcnF,EAASe,sBAIjCmD,EAAYvE,IAAIuB,EAAQrI,E,MACfgK,IAAcxE,EAAW+G,QAClCV,EACE,YACEE,MAAM,OACNC,OAAO,OACPK,IAAKpC,EAAiB5B,EAAS,GAE/BmE,IAAKtC,EAAKoC,cAAcnF,EAAS,eAAekB,SAKtDuD,EAAUzH,KACR,KAACsI,EAAK,eAAC9M,IAAK0I,EAAQlH,UAAW,cAAckH,KAAc7T,GACxDqX,G,CAIP,OAAOD,CAAS,EAGLT,EAAe,OAA6B;;;;;;;;;;;;;;;;;;kBAkBtC3W,GAAUA,EAAMoV;;;;;;;;;;iBAUjBpV,GAAU,eAA2C,KAA3BA,EAAMoV,cAAgB;;;EAKrDsB,EAAqB,OAAmC;;;;;;;;;WASzD1W,GAAUA,EAAMqV;;;;;;;;;;;EAaf4C,EAAQ,OAAU;;;;EChMxB,SAASC,GAAoB,cAClC9C,EAAa,YACbb,IAEA,OACE,KAAC4D,EAAuB,CACtB/C,cAAeA,EACfb,YAAaA,GAEZ6D,EAAe7D,GAGtB,CAEA,MAAM6D,EAAkB7D,IACtB,MAAM8D,EAAc,GACpB,IAAK,IAAIxE,EAAS,EAAGA,GAAUzC,EAAcyC,IAC3CwE,EAAY1I,KACV,KAAC2I,EAAQ,CACPnN,IAAK0I,EACLlH,UAAW,kBAAkBkH,IAC7BU,YAAaA,KAInB,OAAO8D,CAAW,EAGPF,EAA0B,OAGrC;;;;;;;;;;;;;;0BAcyBnY,GAAUA,EAAMuU,YAAYvC;;;sBAGhChS,GAAUA,EAAMoV;0BACZpV,GAAUA,EAAMuU,YAAYxC;;;EAK1CuG,EAAW,OAAgD;;;;;;2BCrDzD,MAAMC,EACnBxY,YAAYC,IACV,OAAgBE,KAAM,qBAAqB,IAE3C,OAAgBA,KAAM,SAAS,KAG7B,MAAMsY,EAAU,IAAKtY,KAAKsY,SAE1B,OAAO,IAAID,EAAe,CACxBC,WACA,IAGJtY,KAAKsY,QAAUxY,EAAMwY,OACvB,CAEAC,OAAOC,GAWL,MAVuB,mBAAZA,IACTxY,KAAKsY,QAAUE,EAAQxY,KAAKsY,UAGP,iBAAZE,IACTxY,KAAKsY,QAAU,IAAKtY,KAAKsY,WACpBE,IAIAxY,IACT,EC5Ba,MAAMyY,UAAyBJ,EAC5CxY,YAAYC,GACVC,MAAMD,IAEN,OAAgBE,KAAM,uBAAuB,IAE7C,OAAgBA,KAAM,SAAS,KAC7B,GAAIA,KAAK0Y,SAMP,OAAO,KAGT,MAAMtY,EAAU,IAAIJ,KAAKI,SACnBuY,EAAW,IAAI3Y,KAAK2Y,UAOpBL,EAAUM,KAAKC,MAAMD,KAAKE,UAAU9Y,KAAKsY,UAC/C,OAAO,IAAIG,EAAiB,CAC1BrY,UACAuY,WACAL,WACA,KAGJ,OAAgBtY,KAAM,QAAQE,IACxBF,KAAK0Y,WAST1Y,KAAK2Y,SAAShI,SAAQoI,GAAWA,EAAQ/Y,KAAME,KAC/CF,KAAK0Y,UAAW,EAAI,IAGtB1Y,KAAKI,QAAUN,EAAMM,SAAW,GAChCJ,KAAK2Y,SAAW7Y,EAAM6Y,UAAY,GAClC3Y,KAAK0Y,UAAW,CAClB,CAEAH,OAAOC,GACL,OAAIxY,KAAK0Y,SAMA1Y,KAGFD,MAAMwY,OAAOC,EACtB,E,eCpEK,MAAMQ,EAAsB,KAC1B,IAAAzN,YAAW,KCAb,SAAS0N,IACd,MAAMC,EAAmBF,IAQzB,MAAO,CACLG,sBAR2B,SAAeb,GACnC,IAAIG,EAAiB,CAC1BrY,QAAS8Y,EAAiBzZ,8BAC1BkZ,SAAUO,EAAiB1Z,oCAC3B8Y,aAED,CAACY,IAIN,CCaO,SAASE,GAA2B,WACzCC,EAAU,YACVhF,EAAW,WACXD,EAAU,SACVE,EAAQ,gBACRZ,EAAe,UACf4B,EAAS,iBACTC,EAAgB,KAChBC,IAEA,MAAON,EAAeoE,IAAoB,IAAAzD,UAAS,IAC5C0D,EAAYC,IAAiB,IAAA3D,WAAS,IACtC4D,EAAYC,IAAiB,IAAA7D,UAAS,IACtC8D,EAAQC,IAAa,IAAA/D,UAAS,IAC9BgE,EAAWC,IAAgB,IAAAjE,UAAS,GACrCkE,EAA2C,SAAa,MACxDC,EAAwC,SAAa9E,GAErD+E,EACJ,iBAAkBC,QAClBC,UAAUC,eAAiB,GAC3BD,UAAUE,iBAAmB,GAEzB,qBAAElB,GAAyBF,IACjC,IAAIqB,EAAyB,OAAH,wBACrBjI,GAAoB,CACvBkI,OAAQ,UACRC,UAAW,KACXC,cAAe,SAGjB,MAiBMC,EAAuBC,IACvBA,IAAmBzF,IAInByF,EAAiB,GAAKA,EAAiBzJ,IAI3CoI,EAAiBqB,GAEjBxB,EAAqB,OAAD,wBACfmB,GAAsB,CACzBM,WAAYD,KACXE,QAAM,EAGLC,EAAY,CAACC,EAAyBC,KACtCf,GAAiBc,GACnBvB,GAAc,GACdI,EAAUmB,EAAWE,QAAQ,GAAGC,UACvBF,GAAcd,OAAOiB,WAAa,MAC3C3B,GAAc,GACdI,EAAUoB,EAAWE,S,EAInBE,EAAO,CAACL,EAAyBC,KACjCzB,IACEU,GAAiBc,EACnBrB,EAAcqB,EAAWE,QAAQ,GAAGC,QAAUvB,GACrCqB,GAAcd,OAAOiB,WAAa,KAC3CzB,EAAcsB,EAAWE,QAAUvB,G,EAKnC0B,EAAW,KACX9B,IACFC,GAAc,GAEV8B,KAAKC,IAAI9B,GAAc,KAEvB+B,EADE/B,EAAa,EACJ5I,EAAgB4K,KAEhB5K,EAAgB6K,O,EAM7BF,EAAcG,IAClB,IAAIC,EAAe5B,EAAY3D,QAE7BsF,IAAc9K,EAAgB4K,MAC9BvG,EAAgBK,EAAiBrI,OAEjC0O,GAAgB,EACPD,IAAc9K,EAAgB6K,OAASxG,EAAgB,IAChE0G,GAAgB,GAElBtC,EAAiBsC,GAEjBzC,EAAqB,OAAD,wBACfmB,GAAsB,CACzBL,cAAeA,EACfW,WAAYgB,KACXf,MAAM,EAGLgB,EAAgB,KACpB,MAAMC,EAAS9B,EAAY3D,QAAU,EACrCiD,EAAiBwC,EAAS5K,EAAe,EAAI4K,EAAO,EA0BhDC,EAAe,KACfzG,IAAcxE,EAAW+G,MAC3BkC,EAAW1D,QAAU2F,YAAW,KAC9BH,GAAe,GACd1K,GAEH2I,EAAamC,KAAKC,MAAQ/K,E,EAgB9B,OAZA,IAAAiF,YAAU,KAER4D,EAAY3D,QAAUnB,EAGK,OAAvB6E,EAAW1D,SACb8F,aAAapC,EAAW1D,SAG1B0F,GAAc,GACb,CAAC7G,IAGF,gBAACkH,EAAqB,CAAC3K,UAAW4C,EAAY5C,WAC5C,gBAAC4K,EAAgB,KACf,gBAAC,KAAoB,iBAAK5J,EAASxJ,WAErC,gBAACqT,EAAoB,CACnBC,aAAe3H,GAAMkG,EAAUlG,GAC/B4H,YAAc5H,GAAMkG,OAAUrQ,EAAWmK,GACzC6H,YAAc7H,GAAMwG,EAAKxG,GACzB8H,YAAc9H,GAAMwG,OAAK3Q,EAAWmK,GACpC+H,WAAY,IAAMtB,IAClBuB,UAAW,IAAMvB,KAEjB,gBAACpG,EAAa,CACZC,cAAeA,EACfhB,iBAxJiB,CACvByG,EACAkC,KAEAA,GAAcA,EAAWC,iBACzBpC,EAAoBC,EAAe,EAoJ7BxG,gBAjJgB,CACtBwG,EACAoC,KAEqB,MAAjBA,aAAQ,EAARA,EAAU9R,MAA+B,UAAjB8R,aAAQ,EAARA,EAAU9R,MACpCyP,EAAoBC,E,EA6IhBxF,eAAgBkE,GAActI,EAAYiM,WAAa,EAAI,EAC3D3I,YAAaA,EACbD,WAAYA,EACZE,SAAUA,EACVZ,gBAAiBA,IAEnB,gBAAC2B,EAAc,CACbH,cAAeA,EACfC,eAAgBkE,GAActI,EAAYkM,YAAc,EAAI,EAC5D3H,UAAWA,EACXC,iBAAkBA,EAClBC,KAAMA,EACNC,aAAeE,GA9DF,CAACA,IACfA,EAMHoG,IAJIhC,EAAW1D,SACb8F,aAAapC,EAAW1D,Q,EA0DM6G,CAAavH,GACzCD,WAAY,KA1EduG,KAAKC,OAASrC,EAChBgC,IAKF9B,EAAW1D,QAAU2F,YAAW,KAC9BH,GAAe,GACdhC,EAAYoC,KAAKC,MAkEgB,IAEhC,gBAAClE,EAAmB,CAClB9C,cAAeA,EACfb,YAAaA,KAKvB,CAEO,MAAM+H,EAAwB,OAA8B;;;;;;;;;WASvDtc,GAAUA,aAAK,EAALA,EAAO2R;;;;;;;;;;;EAahB6K,EAAuB,OAAU;;;;;;;;;;;;;;;;;EAmBjCD,EAAmB,MAAS;;;;;;;;;;;;;;;;;;;;;;ECnR5Bc,EAAmBC,I,MAC9B,OACoC,QAAlC,EAAA9L,EAAoB8L,UAAc,QAAI9L,EAAoC,GAC3E,E,yBCFH,MAAM/R,GAAe,CACnBE,4BAA6B,UAC7BD,kCAAmC,WAG/BE,GAAO,IAAM,GAGnB,MAAM2d,WAAyB,EAAAzd,UAC7BC,YAAYC,GACVC,MAAMD,IAEN,OAAgBE,KAAM,mBAAmB,KAAM,CAC7CP,4BAA6BO,KAAKsd,yBAGpC,OAAgBtd,KAAM,uBAAuB,KAC3C,MAAM,KACJud,GACEvd,KAAKF,OACH,4BACJL,EAA8BC,IAC5BM,KAAKI,QACT,MAAO,IAAIX,IAA+B8d,EAAK,KAGjD,OAAgBvd,KAAM,6BAA6B,KACjD,MAAM,kCACJR,EAAoCE,IAClCM,KAAKI,QACT,OAAOZ,GAAmC,IAG5CQ,KAAKO,aAAe,CAClBd,4BAA6BO,KAAKsd,oBAClC9d,kCAAmCQ,KAAKC,0BAE5C,CAEAO,SACE,MAAM,SACJC,GACET,KAAKF,MACT,OAAoB,gBAAoB,aAAgC,CACtEY,MAAOV,KAAKO,cACXE,EACL,EChDF,IAAI+c,IDoDJ,OAAgBH,GAAkB,eAAgB9d,KAElD,OAAgB8d,GAAkB,oBAAqB9d,ICjDrDie,GDmDF,GChDA,YCAA,SAASC,IAAqB,WAC5BpE,EAAU,gBACVqE,EAAe,WACftJ,EAAU,SACVE,EAAQ,UACRgB,EAAS,iBACTC,EAAgB,gBAChB7B,EAAe,KACf8B,IAEA,MAAMmI,EAAeR,EAAgBO,GAE/BE,EAAsB,OAAH,wBACpBvL,GAAoB,CACvBmI,UAAW,SACX9N,KAAM,sCAGF,qBAAEyM,GAAyBF,IAGjC,OAFAE,EAAqByE,GAAqB/C,OAGxC,KAAC,GAAgB,CAAC0C,KAAMK,GACtB,KAACC,GAAI,CAACC,YAAaH,aAAY,EAAZA,EAAcnM,WAC/B,KAAC4H,EAA0B,CACzBC,WAAYA,EACZhF,YAAasJ,EACbvJ,WAAYA,EACZE,SAAUA,EACVZ,gBAAiBA,EACjB4B,UAAWA,EACXC,iBAAkBA,EAClBC,KAAMA,KAKhB,CAEA,MAAMqI,GAAO,OAAoC;;;;;;;sBAO1B/d,GAAUA,EAAMge;EAGvCL,GAAqBhL,SAAWA,EAChC,UAAe,QAAWgL,I,q1CCrD1B,IAAMM,GAAoB,SAAC1E,GACzB,MAAqB,eAAdA,EAA8BtI,GAAAA,GAAAA,YAA0BA,GAAAA,GAAAA,UACjE,EAEMiN,GAAmB,SAAC1I,GACxB,MAAoB,SAAbA,EAAuBxE,GAAAA,GAAAA,MAAmBA,GAAAA,GAAAA,KACnD,EAEA,SAASmN,GAAajS,GAAuB,I,EAApBsM,EAAOtM,EAAPsM,QAASlY,EAAO4L,EAAP5L,QAE1B8d,EADoB,GAAH/N,Q,EAAO/P,E,qnBAAO,CAAEkY,IACE6F,QAAO,SAACC,EAAsBC,GACrE,OAAAC,GAAAA,GAAA,GAAWF,GAAyBC,EACtC,GAAG,CAAC,IACJE,EAAAA,GAAAA,IAAWL,EAAeM,UAAWN,EACvC,CAkBe,SAAS9E,GAA0BqF,GAe9C,IAGElJ,EAhBJ8D,EAAUoF,EAAVpF,WACAqE,EAAee,EAAff,gBACAtJ,EAAUqK,EAAVrK,WACAV,EAAe+K,EAAf/K,gBACAY,EAAQmK,EAARnK,SACAgB,EAASmJ,EAATnJ,UACAoJ,EAASD,EAATC,UACAC,EAASF,EAATE,UACAC,EAASH,EAATG,UACAC,EAASJ,EAATI,UACAC,EAASL,EAATK,UACAC,EAASN,EAATM,UACAC,EAAMP,EAANO,OAGIC,EAAgBjB,GAAiB1I,GAOrC,OAJEC,EADE0J,GAAiBnO,GAAAA,GAAAA,MACA,CAAC+N,EAAWC,EAAWC,GAEvB,CAACL,EAAWC,EAAWC,GAG1CM,EAAAA,cAACvf,EAAAA,EAAiB,CAACQ,QAAS8d,IAC1BiB,EAAAA,cAACC,EAAAA,GAAY,CACXC,OAAQC,SAASC,gBAAgBC,KACjC9M,SAAUuM,GAEVE,EAAAA,cAACzB,GAAoB,CACnBpE,WAAY0E,GAAkB1E,GAC9BqE,gBAAiBA,EACjBtJ,WAAYA,EACZE,SAAUA,EACVZ,gBAAiBA,EACjB4B,UAAW2J,EACX1J,iBAAkBA,KAI5B,C","sources":["webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/components/AnalyticsListener/LegacyAnalyticsListener.js","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/components/AnalyticsListener/index.js","webpack:///./node_modules/@atlaskit/theme/dist/es2019/utils/get-theme.js","webpack:///./node_modules/@atlaskit/theme/dist/es2019/utils/themed.js","webpack:///./node_modules/@atlaskit/theme/dist/es2019/colors.js","webpack:///./node_modules/@atlaskit/theme/dist/es2019/constants.js","webpack:///./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js","webpack:///./node_modules/@emotion/is-prop-valid/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","webpack:///./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js","webpack:///./node_modules/@emotion/react/dist/emotion-react.browser.esm.js","webpack:///./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js","webpack:///./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/utils/constants.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/messages/features-highlight-messages.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/card-details.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/card.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/card-container.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/media-container.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/pagination-container.tsx","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/events/AnalyticsEvent.js","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/events/UIAnalyticsEvent.js","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/hooks/useAnalyticsContext.js","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/hooks/useAnalyticsEvents.js","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/components/features-highlight-container.tsx","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/utils/util-functions.tsx","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/components/AnalyticsContext/LegacyAnalyticsContext.js","webpack:///./node_modules/@atlaskit/analytics-next/dist/es2019/components/AnalyticsContext/index.js","webpack:///./node_modules/@atlassiansox/bxpkit-features-highlight-wpl/src/features-highlight-wpl.tsx","webpack:///./resources/js/react/cms-components/features-highlight-wpl/FeaturesHighlightContainer.tsx"],"sourcesContent":["import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';\nconst ContextTypes = {\n  getAtlaskitAnalyticsEventHandlers: PropTypes.func,\n  getAtlaskitAnalyticsContext: PropTypes.func\n};\n\nconst noop = () => []; // eslint-disable-next-line @repo/internal/react/no-class-components\n\n\nclass AnalyticsListener extends Component {\n  constructor(props) {\n    super(props);\n\n    _defineProperty(this, \"getChildContext\", () => ({\n      getAtlaskitAnalyticsEventHandlers: this.getAnalyticsEventHandlers,\n      getAtlaskitAnalyticsContext: this.getAtlaskitAnalyticsContext\n    }));\n\n    _defineProperty(this, \"getAnalyticsEventHandlers\", () => {\n      const {\n        channel,\n        onEvent\n      } = this.props;\n      const {\n        getAtlaskitAnalyticsEventHandlers = noop\n      } = this.context;\n\n      const handler = (event, eventChannel) => {\n        if (channel === '*' || channel === eventChannel) {\n          onEvent(event, eventChannel);\n        }\n      };\n\n      return [handler, ...getAtlaskitAnalyticsEventHandlers()];\n    });\n\n    _defineProperty(this, \"getAtlaskitAnalyticsContext\", () => {\n      const {\n        getAtlaskitAnalyticsContext = noop\n      } = this.context;\n      return getAtlaskitAnalyticsContext();\n    });\n\n    this.contextValue = {\n      getAtlaskitAnalyticsContext: this.getAtlaskitAnalyticsContext,\n      getAtlaskitAnalyticsEventHandlers: this.getAnalyticsEventHandlers\n    };\n  }\n\n  render() {\n    const {\n      children\n    } = this.props;\n    return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {\n      value: this.contextValue\n    }, children);\n  }\n\n}\n\n_defineProperty(AnalyticsListener, \"contextTypes\", ContextTypes);\n\n_defineProperty(AnalyticsListener, \"childContextTypes\", ContextTypes);\n\nexport default AnalyticsListener;","import LegacyAnalyticsListener from './LegacyAnalyticsListener';\nimport ModernAnalyticsListener from './ModernAnalyticsListener';\nlet ExportedAnalyticsListener;\n\nif (typeof process !== 'undefined' && process.env['ANALYTICS_NEXT_MODERN_CONTEXT']) {\n  ExportedAnalyticsListener = ModernAnalyticsListener;\n} else {\n  ExportedAnalyticsListener = LegacyAnalyticsListener;\n}\n\nexport default ExportedAnalyticsListener;","import { CHANNEL, DEFAULT_THEME_MODE, THEME_MODES } from '../constants';\n// Resolves the different types of theme objects in the current API\nexport default function getTheme(props) {\n  if (props && props.theme) {\n    // Theme is the global Atlaskit theme\n    if (CHANNEL in props.theme) {\n      return props.theme[CHANNEL];\n    } // User has provided alternative modes\n    else if ('mode' in props.theme && THEME_MODES.includes(props.theme.mode)) {\n      return props.theme;\n    }\n  } // If format not supported (or no theme provided), return standard theme\n\n\n  return {\n    mode: DEFAULT_THEME_MODE\n  };\n}","/* eslint-disable prefer-rest-params */\nimport getTheme from './get-theme';\n\n// Unpack custom variants, and get correct value for the current theme\nfunction themedVariants(variantProp, variants) {\n  return props => {\n    const theme = getTheme(props);\n\n    if (props && props[variantProp] && variants) {\n      const modes = variants[props[variantProp]];\n\n      if (modes && modes[theme.mode]) {\n        const value = modes[theme.mode];\n\n        if (value) {\n          return value;\n        } // TS believes value can be undefined\n\n      }\n    }\n\n    return '';\n  };\n}\n\nexport default function themed(modesOrVariant, variantModes) {\n  if (typeof modesOrVariant === 'string') {\n    return themedVariants(modesOrVariant, variantModes);\n  }\n\n  const modes = modesOrVariant;\n  return props => {\n    // Get theme from the user's props\n    const theme = getTheme(props); // User isn't required to provide both light and dark values\n\n    if (theme.mode in modes) {\n      const value = modes[theme.mode]; // TS believes value can be undefined\n\n      if (value) {\n        return value;\n      }\n    }\n\n    return '';\n  };\n}","/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */\nimport themed from './utils/themed'; // Reds\n\nexport const R50 = '#FFEBE6';\nexport const R75 = '#FFBDAD';\nexport const R100 = '#FF8F73';\nexport const R200 = '#FF7452';\nexport const R300 = '#FF5630';\nexport const R400 = '#DE350B';\nexport const R500 = '#BF2600'; // Yellows\n\nexport const Y50 = '#FFFAE6';\nexport const Y75 = '#FFF0B3';\nexport const Y100 = '#FFE380';\nexport const Y200 = '#FFC400';\nexport const Y300 = '#FFAB00';\nexport const Y400 = '#FF991F';\nexport const Y500 = '#FF8B00'; // Greens\n\nexport const G50 = '#E3FCEF';\nexport const G75 = '#ABF5D1';\nexport const G100 = '#79F2C0';\nexport const G200 = '#57D9A3';\nexport const G300 = '#36B37E';\nexport const G400 = '#00875A';\nexport const G500 = '#006644'; // Blues\n\nexport const B50 = '#DEEBFF';\nexport const B75 = '#B3D4FF';\nexport const B100 = '#4C9AFF';\nexport const B200 = '#2684FF';\nexport const B300 = '#0065FF';\nexport const B400 = '#0052CC';\nexport const B500 = '#0747A6'; // Purples\n\nexport const P50 = '#EAE6FF';\nexport const P75 = '#C0B6F2';\nexport const P100 = '#998DD9';\nexport const P200 = '#8777D9';\nexport const P300 = '#6554C0';\nexport const P400 = '#5243AA';\nexport const P500 = '#403294'; // Teals\n\nexport const T50 = '#E6FCFF';\nexport const T75 = '#B3F5FF';\nexport const T100 = '#79E2F2';\nexport const T200 = '#00C7E6';\nexport const T300 = '#00B8D9';\nexport const T400 = '#00A3BF';\nexport const T500 = '#008DA6'; // Neutrals\n\nexport const N0 = '#FFFFFF';\nexport const N10 = '#FAFBFC';\nexport const N20 = '#F4F5F7';\nexport const N30 = '#EBECF0';\nexport const N40 = '#DFE1E6';\nexport const N50 = '#C1C7D0';\nexport const N60 = '#B3BAC5';\nexport const N70 = '#A5ADBA';\nexport const N80 = '#97A0AF';\nexport const N90 = '#8993A4';\nexport const N100 = '#7A869A';\nexport const N200 = '#6B778C';\nexport const N300 = '#5E6C84';\nexport const N400 = '#505F79';\nexport const N500 = '#42526E';\nexport const N600 = '#344563';\nexport const N700 = '#253858';\nexport const N800 = '#172B4D'; // ATTENTION: update the tints if you update this\n\nexport const N900 = '#091E42'; // Each tint is made of N900 and an alpha channel\n\nexport const N10A = 'rgba(9, 30, 66, 0.02)';\nexport const N20A = 'rgba(9, 30, 66, 0.04)';\nexport const N30A = 'rgba(9, 30, 66, 0.08)';\nexport const N40A = 'rgba(9, 30, 66, 0.13)';\nexport const N50A = 'rgba(9, 30, 66, 0.25)';\nexport const N60A = 'rgba(9, 30, 66, 0.31)';\nexport const N70A = 'rgba(9, 30, 66, 0.36)';\nexport const N80A = 'rgba(9, 30, 66, 0.42)';\nexport const N90A = 'rgba(9, 30, 66, 0.48)';\nexport const N100A = 'rgba(9, 30, 66, 0.54)';\nexport const N200A = 'rgba(9, 30, 66, 0.60)';\nexport const N300A = 'rgba(9, 30, 66, 0.66)';\nexport const N400A = 'rgba(9, 30, 66, 0.71)';\nexport const N500A = 'rgba(9, 30, 66, 0.77)';\nexport const N600A = 'rgba(9, 30, 66, 0.82)';\nexport const N700A = 'rgba(9, 30, 66, 0.89)';\nexport const N800A = 'rgba(9, 30, 66, 0.95)'; // Dark Mode Neutrals\n\nexport const DN900 = '#E6EDFA';\nexport const DN800 = '#DCE5F5';\nexport const DN700 = '#CED9EB';\nexport const DN600 = '#B8C7E0';\nexport const DN500 = '#ABBBD6';\nexport const DN400 = '#9FB0CC';\nexport const DN300 = '#8C9CB8';\nexport const DN200 = '#7988A3';\nexport const DN100 = '#67758F';\nexport const DN90 = '#56637A';\nexport const DN80 = '#455166';\nexport const DN70 = '#3B475C';\nexport const DN60 = '#313D52';\nexport const DN50 = '#283447';\nexport const DN40 = '#202B3D';\nexport const DN30 = '#1B2638';\nexport const DN20 = '#121A29';\nexport const DN10 = '#0E1624'; // ATTENTION: update the tints if you update this\n\nexport const DN0 = '#0D1424'; // Each dark tint is made of DN0 and an alpha channel\n\nexport const DN800A = 'rgba(13, 20, 36, 0.06)';\nexport const DN700A = 'rgba(13, 20, 36, 0.14)';\nexport const DN600A = 'rgba(13, 20, 36, 0.18)';\nexport const DN500A = 'rgba(13, 20, 36, 0.29)';\nexport const DN400A = 'rgba(13, 20, 36, 0.36)';\nexport const DN300A = 'rgba(13, 20, 36, 0.40)';\nexport const DN200A = 'rgba(13, 20, 36, 0.47)';\nexport const DN100A = 'rgba(13, 20, 36, 0.53)';\nexport const DN90A = 'rgba(13, 20, 36, 0.63)';\nexport const DN80A = 'rgba(13, 20, 36, 0.73)';\nexport const DN70A = 'rgba(13, 20, 36, 0.78)';\nexport const DN60A = 'rgba(13, 20, 36, 0.81)';\nexport const DN50A = 'rgba(13, 20, 36, 0.85)';\nexport const DN40A = 'rgba(13, 20, 36, 0.89)';\nexport const DN30A = 'rgba(13, 20, 36, 0.92)';\nexport const DN20A = 'rgba(13, 20, 36, 0.95)';\nexport const DN10A = 'rgba(13, 20, 36, 0.97)'; // Themed colors\n\nexport const background = themed({\n  light: `var(--ds-surface, ${N0})`,\n  dark: `var(--ds-surface, ${DN30})`\n});\nexport const backgroundActive = themed({\n  light: `var(--ds-background-selected, ${B50})`,\n  dark: `var(--ds-background-selected, ${B75})`\n});\nexport const backgroundHover = themed({\n  light: `var(--ds-background-neutral-hovered, ${N30})`,\n  dark: `var(--ds-background-neutral-hovered, ${DN70})`\n});\nexport const backgroundOnLayer = themed({\n  light: `var(--ds-surface-overlay, ${N0})`,\n  dark: `var(--ds-surface-overlay, ${DN50})`\n});\nexport const text = themed({\n  light: `var(--ds-text, ${N900})`,\n  dark: `var(--ds-text, ${DN600})`\n});\nexport const textHover = themed({\n  light: `var(--ds-text, ${N800})`,\n  dark: `var(--ds-text, ${DN600})`\n});\nexport const textActive = themed({\n  light: `var(--ds-text-selected, ${B400})`,\n  dark: `var(--ds-text-selected, ${B400})`\n});\nexport const subtleText = themed({\n  light: `var(--ds-text-subtlest, ${N200})`,\n  dark: `var(--ds-text-subtlest, ${DN300})`\n});\nexport const placeholderText = themed({\n  light: `var(--ds-text-subtlest, ${N100})`,\n  dark: `var(--ds-text-subtlest, ${DN200})`\n});\nexport const heading = themed({\n  light: `var(--ds-text, ${N800})`,\n  dark: `var(--ds-text, ${DN600})`\n});\nexport const subtleHeading = themed({\n  light: `var(--ds-text-subtlest, ${N200})`,\n  dark: `var(--ds-text-subtlest, ${DN300})`\n});\nexport const codeBlock = themed({\n  light: N20,\n  dark: DN50\n});\nexport const link = themed({\n  light: `var(--ds-link, ${B400})`,\n  dark: `var(--ds-link, ${B100})`\n});\nexport const linkHover = themed({\n  light: `var(--ds-link-pressed, ${B300})`,\n  dark: `var(--ds-link-pressed, ${B200})`\n});\nexport const linkActive = themed({\n  light: `var(--ds-link-pressed, ${B500})`,\n  dark: `var(--ds-link-pressed, ${B100})`\n});\nexport const linkOutline = themed({\n  light: `var(--ds-border-focused, ${B100})`,\n  dark: `var(--ds-border-focused, ${B200})`\n});\nexport const primary = themed({\n  light: `var(--ds-background-brand-bold, ${B400})`,\n  dark: `var(--ds-background-brand-bold, ${B100})`\n});\nexport const blue = themed({\n  light: B400,\n  dark: B100\n});\nexport const teal = themed({\n  light: T300,\n  dark: T200\n});\nexport const purple = themed({\n  light: P300,\n  dark: P100\n});\nexport const red = themed({\n  light: R300,\n  dark: R300\n});\nexport const yellow = themed({\n  light: Y300,\n  dark: Y300\n});\nexport const green = themed({\n  light: G300,\n  dark: G300\n});\nexport const skeleton = () => `var(--ds-skeleton, ${N20A})`;","import deprecationWarning from '@atlaskit/ds-lib/deprecation-warning';\nimport { B100, N30A, skeleton as skeletonColor } from './colors';\nexport const CHANNEL = '__ATLASKIT_THEME__';\nexport const DEFAULT_THEME_MODE = 'light';\nexport const THEME_MODES = ['light', 'dark'];\n/*\n  These theme values are expressed as functions so that if we decide to make\n  them dependent on props in the future, it wouldn't require a significant\n  refactor everywhere they are being used.\n*/\n\nexport const borderRadius = () => 3;\nexport const gridSize = () => 8;\nexport const fontSize = () => 14;\nexport const fontSizeSmall = () => 11;\nexport const fontFamily = () => `-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;\nexport const codeFontFamily = () => `'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace`;\n/**\n * @deprecated Please use `@atlaskit/focus-ring`\n */\n\nexport const focusRing = (color = `var(--ds-border-focused, ${B100})`, outlineWidth = gridSize() / 4) => {\n  deprecationWarning('@atlaskit/theme', 'focus ring mixin', 'Please use `@atlaskit/focus-ring` instead.');\n  return `\n  &:focus {\n    outline: none;\n    box-shadow: 0px 0px 0px ${outlineWidth}px ${color};\n  }\n`;\n};\n/**\n * @deprecated Please use `@atlaskit/focus-ring`\n */\n\nexport const noFocusRing = () => `\n  box-shadow: none;\n`;\nexport const layers = {\n  card: () => 100,\n  navigation: () => 200,\n  dialog: () => 300,\n  layer: () => 400,\n  blanket: () => 500,\n  modal: () => 510,\n  flag: () => 600,\n  spotlight: () => 700,\n  tooltip: () => 800\n}; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden\n\n/**\n * @deprecated Please use `@atlaskit/visually-hidden`\n */\n\nexport const visuallyHidden = () => {\n  deprecationWarning('@atlaskit/theme', 'visually hidden mixin', 'Please use `@atlaskit/visually-hidden` instead.');\n  return {\n    border: '0 !important',\n    clip: 'rect(1px, 1px, 1px, 1px) !important',\n    height: '1px !important',\n    overflow: 'hidden !important',\n    padding: '0 !important',\n    position: 'absolute !important',\n    width: '1px !important',\n    whiteSpace: 'nowrap !important'\n  };\n};\n/**\n * @deprecated Please use `@atlaskit/visually-hidden`\n */\n\nexport const assistive = visuallyHidden;\n/**\n * These styles are mirrored in:\n * packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx\n *\n * Please update both.\n */\n\nexport const skeletonShimmer = () => ({\n  css: {\n    backgroundColor: `var(--ds-skeleton, ${skeletonColor()})`,\n    animationDuration: '1.5s',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'linear',\n    animationDirection: 'alternate'\n  },\n  keyframes: {\n    from: {\n      backgroundColor: `var(--ds-skeleton, ${skeletonColor()})`\n    },\n    to: {\n      backgroundColor: `var(--ds-skeleton-subtle, ${N30A})`\n    }\n  }\n});","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default isPropValid;\n","function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import * as React from 'react';\nimport { createContext, useContext, forwardRef, createElement, Fragment } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n  key: 'css'\n}) : null);\n\nif (process.env.NODE_ENV !== 'production') {\n  EmotionCacheContext.displayName = 'EmotionCacheContext';\n}\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n  return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n  // $FlowFixMe\n  return /*#__PURE__*/forwardRef(function (props, ref) {\n    // the cache will never be null in the browser\n    var cache = useContext(EmotionCacheContext);\n    return func(props, cache, ref);\n  });\n};\n\nvar ThemeContext = /* #__PURE__ */createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'EmotionThemeContext';\n}\n\nvar useTheme = function useTheme() {\n  return useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n  if (typeof theme === 'function') {\n    var mergedTheme = theme(outerTheme);\n\n    if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n      throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n    }\n\n    return mergedTheme;\n  }\n\n  if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n    throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n  }\n\n  return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n  return weakMemoize(function (theme) {\n    return getTheme(outerTheme, theme);\n  });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n  var theme = useContext(ThemeContext);\n\n  if (props.theme !== theme) {\n    theme = createCacheWithTheme(theme)(props.theme);\n  }\n\n  return /*#__PURE__*/createElement(ThemeContext.Provider, {\n    value: theme\n  }, props.children);\n};\nfunction withTheme(Component) {\n  var componentName = Component.displayName || Component.name || 'Component';\n\n  var render = function render(props, ref) {\n    var theme = useContext(ThemeContext);\n    return /*#__PURE__*/createElement(Component, _extends({\n      theme: theme,\n      ref: ref\n    }, props));\n  }; // $FlowFixMe\n\n\n  var WithTheme = /*#__PURE__*/forwardRef(render);\n  WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n  return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar getLastPart = function getLastPart(functionName) {\n  // The match may be something like 'Object.createEmotionProps' or\n  // 'Loader.prototype.render'\n  var parts = functionName.split('.');\n  return parts[parts.length - 1];\n};\n\nvar getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {\n  // V8\n  var match = /^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line);\n  if (match) return getLastPart(match[1]); // Safari / Firefox\n\n  match = /^([A-Za-z0-9$.]+)@/.exec(line);\n  if (match) return getLastPart(match[1]);\n  return undefined;\n};\n\nvar internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS\n// identifiers, thus we only need to replace what is a valid character for JS,\n// but not for CSS.\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n  return identifier.replace(/\\$/g, '-');\n};\n\nvar getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {\n  if (!stackTrace) return undefined;\n  var lines = stackTrace.split('\\n');\n\n  for (var i = 0; i < lines.length; i++) {\n    var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just \"Error\"\n\n    if (!functionName) continue; // If we reach one of these, we have gone too far and should quit\n\n    if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an\n    // uppercase letter\n\n    if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);\n  }\n\n  return undefined;\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {\n  create();\n};\nfunction useInsertionEffectMaybe(create) {\n\n  useInsertionEffect(create);\n}\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n  if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n  props.css.indexOf(':') !== -1) {\n    throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`\" + props.css + \"`\");\n  }\n\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when\n  // the label hasn't already been computed\n\n  if (process.env.NODE_ENV !== 'production' && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {\n    var label = getLabelFromStackTrace(new Error().stack);\n    if (label) newProps[labelPropName] = label;\n  }\n\n  return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  var rules = useInsertionEffectMaybe(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n  // not passing the registered cache to serializeStyles because it would\n  // make certain babel optimisations not possible\n\n  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n    cssProp = cache.registered[cssProp];\n  }\n\n  var WrappedComponent = props[typePropName];\n  var registeredStyles = [cssProp];\n  var className = '';\n\n  if (typeof props.className === 'string') {\n    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n  } else if (props.className != null) {\n    className = props.className + \" \";\n  }\n\n  var serialized = serializeStyles(registeredStyles, undefined, useContext(ThemeContext));\n\n  if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n    var labelFromStack = props[labelPropName];\n\n    if (labelFromStack) {\n      serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n    }\n  }\n\n  className += cache.key + \"-\" + serialized.name;\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps.ref = ref;\n  newProps.className = className;\n  return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n    cache: cache,\n    serialized: serialized,\n    isStringTag: typeof WrappedComponent === 'string'\n  }), /*#__PURE__*/createElement(WrappedComponent, newProps));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nexport { CacheProvider as C, Emotion as E, ThemeContext as T, __unsafe_useEmotionCache as _, useTheme as a, ThemeProvider as b, createEmotionProps as c, withTheme as d, hasOwnProperty as h, useInsertionEffectMaybe as u, withEmotionCache as w };\n","import * as React from 'react';\nimport { createElement, useLayoutEffect, useContext, useRef, Fragment } from 'react';\nimport '@emotion/cache';\nimport { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, u as useInsertionEffectMaybe } from './emotion-element-cbed451f.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, b as ThemeProvider, _ as __unsafe_useEmotionCache, a as useTheme, w as withEmotionCache, d as withTheme } from './emotion-element-cbed451f.browser.esm.js';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport 'hoist-non-react-statics';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar pkg = {\n\tname: \"@emotion/react\",\n\tversion: \"11.9.3\",\n\tmain: \"dist/emotion-react.cjs.js\",\n\tmodule: \"dist/emotion-react.esm.js\",\n\tbrowser: {\n\t\t\"./dist/emotion-react.cjs.js\": \"./dist/emotion-react.browser.cjs.js\",\n\t\t\"./dist/emotion-react.esm.js\": \"./dist/emotion-react.browser.esm.js\"\n\t},\n\ttypes: \"types/index.d.ts\",\n\tfiles: [\n\t\t\"src\",\n\t\t\"dist\",\n\t\t\"jsx-runtime\",\n\t\t\"jsx-dev-runtime\",\n\t\t\"_isolated-hnrs\",\n\t\t\"types/*.d.ts\",\n\t\t\"macro.js\",\n\t\t\"macro.d.ts\",\n\t\t\"macro.js.flow\"\n\t],\n\tsideEffects: false,\n\tauthor: \"Emotion Contributors\",\n\tlicense: \"MIT\",\n\tscripts: {\n\t\t\"test:typescript\": \"dtslint types\"\n\t},\n\tdependencies: {\n\t\t\"@babel/runtime\": \"^7.13.10\",\n\t\t\"@emotion/babel-plugin\": \"^11.7.1\",\n\t\t\"@emotion/cache\": \"^11.9.3\",\n\t\t\"@emotion/serialize\": \"^1.0.4\",\n\t\t\"@emotion/utils\": \"^1.1.0\",\n\t\t\"@emotion/weak-memoize\": \"^0.2.5\",\n\t\t\"hoist-non-react-statics\": \"^3.3.1\"\n\t},\n\tpeerDependencies: {\n\t\t\"@babel/core\": \"^7.0.0\",\n\t\treact: \">=16.8.0\"\n\t},\n\tpeerDependenciesMeta: {\n\t\t\"@babel/core\": {\n\t\t\toptional: true\n\t\t},\n\t\t\"@types/react\": {\n\t\t\toptional: true\n\t\t}\n\t},\n\tdevDependencies: {\n\t\t\"@babel/core\": \"^7.13.10\",\n\t\t\"@definitelytyped/dtslint\": \"0.0.112\",\n\t\t\"@emotion/css\": \"11.9.0\",\n\t\t\"@emotion/css-prettifier\": \"1.0.1\",\n\t\t\"@emotion/server\": \"11.4.0\",\n\t\t\"@emotion/styled\": \"11.9.3\",\n\t\t\"html-tag-names\": \"^1.1.2\",\n\t\treact: \"16.14.0\",\n\t\t\"svg-tag-names\": \"^1.1.1\",\n\t\ttypescript: \"^4.5.5\"\n\t},\n\trepository: \"https://github.com/emotion-js/emotion/tree/main/packages/react\",\n\tpublishConfig: {\n\t\taccess: \"public\"\n\t},\n\t\"umd:main\": \"dist/emotion-react.umd.min.js\",\n\tpreconstruct: {\n\t\tentrypoints: [\n\t\t\t\"./index.js\",\n\t\t\t\"./jsx-runtime.js\",\n\t\t\t\"./jsx-dev-runtime.js\",\n\t\t\t\"./_isolated-hnrs.js\"\n\t\t],\n\t\tumdName: \"emotionReact\"\n\t}\n};\n\nvar jsx = function jsx(type, props) {\n  var args = arguments;\n\n  if (props == null || !hasOwnProperty.call(props, 'css')) {\n    // $FlowFixMe\n    return createElement.apply(undefined, args);\n  }\n\n  var argsLength = args.length;\n  var createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = Emotion;\n  createElementArgArray[1] = createEmotionProps(type, props);\n\n  for (var i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  } // $FlowFixMe\n\n\n  return createElement.apply(null, createElementArgArray);\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useLayoutEffect;\nvar warnedAboutCssPropForGlobal = false; // maintain place over rerenders.\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is\n  // probably using the custom createElement which\n  // means it will be turned into a className prop\n  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used\n  props.className || props.css)) {\n    console.error(\"It looks like you're using the css prop on Global, did you mean to use the styles prop instead?\");\n    warnedAboutCssPropForGlobal = true;\n  }\n\n  var styles = props.styles;\n  var serialized = serializeStyles([styles], undefined, useContext(ThemeContext));\n  // but it is based on a constant that will never change at runtime\n  // it's effectively like having two implementations and switching them out\n  // so it's not actually breaking anything\n\n\n  var sheetRef = useRef();\n  useInsertionEffect(function () {\n    var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n    var sheet = new cache.sheet.constructor({\n      key: key,\n      nonce: cache.sheet.nonce,\n      container: cache.sheet.container,\n      speedy: cache.sheet.isSpeedy\n    });\n    var rehydrating = false; // $FlowFixMe\n\n    var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n    if (cache.sheet.tags.length) {\n      sheet.before = cache.sheet.tags[0];\n    }\n\n    if (node !== null) {\n      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s\n\n      node.setAttribute('data-emotion', key);\n      sheet.hydrate([node]);\n    }\n\n    sheetRef.current = [sheet, rehydrating];\n    return function () {\n      sheet.flush();\n    };\n  }, [cache]);\n  useInsertionEffect(function () {\n    var sheetRefCurrent = sheetRef.current;\n    var sheet = sheetRefCurrent[0],\n        rehydrating = sheetRefCurrent[1];\n\n    if (rehydrating) {\n      sheetRefCurrent[1] = false;\n      return;\n    }\n\n    if (serialized.next !== undefined) {\n      // insert keyframes\n      insertStyles(cache, serialized.next, true);\n    }\n\n    if (sheet.tags.length) {\n      // if this doesn't exist then it will be null so the style element will be appended\n      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n      sheet.before = element;\n      sheet.flush();\n    }\n\n    cache.insert(\"\", serialized, sheet, false);\n  }, [cache, serialized.name]);\n  return null;\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Global.displayName = 'EmotionGlobal';\n}\n\nfunction css() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return serializeStyles(args);\n}\n\nvar keyframes = function keyframes() {\n  var insertable = css.apply(void 0, arguments);\n  var name = \"animation-\" + insertable.name; // $FlowFixMe\n\n  return {\n    name: name,\n    styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n    anim: 1,\n    toString: function toString() {\n      return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n    }\n  };\n};\n\nvar classnames = function classnames(args) {\n  var len = args.length;\n  var i = 0;\n  var cls = '';\n\n  for (; i < len; i++) {\n    var arg = args[i];\n    if (arg == null) continue;\n    var toAdd = void 0;\n\n    switch (typeof arg) {\n      case 'boolean':\n        break;\n\n      case 'object':\n        {\n          if (Array.isArray(arg)) {\n            toAdd = classnames(arg);\n          } else {\n            if (process.env.NODE_ENV !== 'production' && arg.styles !== undefined && arg.name !== undefined) {\n              console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');\n            }\n\n            toAdd = '';\n\n            for (var k in arg) {\n              if (arg[k] && k) {\n                toAdd && (toAdd += ' ');\n                toAdd += k;\n              }\n            }\n          }\n\n          break;\n        }\n\n      default:\n        {\n          toAdd = arg;\n        }\n    }\n\n    if (toAdd) {\n      cls && (cls += ' ');\n      cls += toAdd;\n    }\n  }\n\n  return cls;\n};\n\nfunction merge(registered, css, className) {\n  var registeredStyles = [];\n  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n  if (registeredStyles.length < 2) {\n    return className;\n  }\n\n  return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serializedArr = _ref.serializedArr;\n  var rules = useInsertionEffectMaybe(function () {\n\n    for (var i = 0; i < serializedArr.length; i++) {\n      var res = insertStyles(cache, serializedArr[i], false);\n    }\n  });\n\n  return null;\n};\n\nvar ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  var hasRendered = false;\n  var serializedArr = [];\n\n  var css = function css() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('css can only be used during render');\n    }\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    var serialized = serializeStyles(args, cache.registered);\n    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n    registerStyles(cache, serialized, false);\n    return cache.key + \"-\" + serialized.name;\n  };\n\n  var cx = function cx() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('cx can only be used during render');\n    }\n\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return merge(cache.registered, css, classnames(args));\n  };\n\n  var content = {\n    css: css,\n    cx: cx,\n    theme: useContext(ThemeContext)\n  };\n  var ele = props.children(content);\n  hasRendered = true;\n  return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n    cache: cache,\n    serializedArr: serializedArr\n  }), ele);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  ClassNames.displayName = 'EmotionClassNames';\n}\n\nif (process.env.NODE_ENV !== 'production') {\n  var isBrowser = \"object\" !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock\n\n  var isJest = typeof jest !== 'undefined';\n\n  if (isBrowser && !isJest) {\n    // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later\n    var globalContext = // $FlowIgnore\n    typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef\n    : isBrowser ? window : global;\n    var globalKey = \"__EMOTION_REACT_\" + pkg.version.split('.')[0] + \"__\";\n\n    if (globalContext[globalKey]) {\n      console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');\n    }\n\n    globalContext[globalKey] = true;\n  }\n}\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport * as React from 'react';\nimport { useContext, createElement, Fragment } from 'react';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { withEmotionCache, ThemeContext } from '@emotion/react';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar testOmitPropsOnStringTag = isPropValid;\n\nvar testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {\n  return key !== 'theme';\n};\n\nvar getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {\n  return typeof tag === 'string' && // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;\n};\nvar composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {\n  var shouldForwardProp;\n\n  if (options) {\n    var optionsShouldForwardProp = options.shouldForwardProp;\n    shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {\n      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);\n    } : optionsShouldForwardProp;\n  }\n\n  if (typeof shouldForwardProp !== 'function' && isReal) {\n    shouldForwardProp = tag.__emotion_forwardProp;\n  }\n\n  return shouldForwardProp;\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {\n  create();\n};\nfunction useInsertionEffectMaybe(create) {\n\n  useInsertionEffect(create);\n}\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  var rules = useInsertionEffectMaybe(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar createStyled = function createStyled(tag, options) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (tag === undefined) {\n      throw new Error('You are trying to create a styled element with an undefined component.\\nYou may have forgotten to import it.');\n    }\n  }\n\n  var isReal = tag.__emotion_real === tag;\n  var baseTag = isReal && tag.__emotion_base || tag;\n  var identifierName;\n  var targetClassName;\n\n  if (options !== undefined) {\n    identifierName = options.label;\n    targetClassName = options.target;\n  }\n\n  var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);\n  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);\n  var shouldUseAs = !defaultShouldForwardProp('as');\n  return function () {\n    var args = arguments;\n    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];\n\n    if (identifierName !== undefined) {\n      styles.push(\"label:\" + identifierName + \";\");\n    }\n\n    if (args[0] == null || args[0].raw === undefined) {\n      styles.push.apply(styles, args);\n    } else {\n      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles.push(args[0][0]);\n      var len = args.length;\n      var i = 1;\n\n      for (; i < len; i++) {\n        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {\n          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n        }\n\n        styles.push(args[i], args[0][i]);\n      }\n    } // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class\n\n\n    var Styled = withEmotionCache(function (props, cache, ref) {\n      var FinalTag = shouldUseAs && props.as || baseTag;\n      var className = '';\n      var classInterpolations = [];\n      var mergedProps = props;\n\n      if (props.theme == null) {\n        mergedProps = {};\n\n        for (var key in props) {\n          mergedProps[key] = props[key];\n        }\n\n        mergedProps.theme = useContext(ThemeContext);\n      }\n\n      if (typeof props.className === 'string') {\n        className = getRegisteredStyles(cache.registered, classInterpolations, props.className);\n      } else if (props.className != null) {\n        className = props.className + \" \";\n      }\n\n      var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);\n      className += cache.key + \"-\" + serialized.name;\n\n      if (targetClassName !== undefined) {\n        className += \" \" + targetClassName;\n      }\n\n      var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;\n      var newProps = {};\n\n      for (var _key in props) {\n        if (shouldUseAs && _key === 'as') continue;\n\n        if ( // $FlowFixMe\n        finalShouldForwardProp(_key)) {\n          newProps[_key] = props[_key];\n        }\n      }\n\n      newProps.className = className;\n      newProps.ref = ref;\n      return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n        cache: cache,\n        serialized: serialized,\n        isStringTag: typeof FinalTag === 'string'\n      }), /*#__PURE__*/createElement(FinalTag, newProps));\n    });\n    Styled.displayName = identifierName !== undefined ? identifierName : \"Styled(\" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + \")\";\n    Styled.defaultProps = tag.defaultProps;\n    Styled.__emotion_real = Styled;\n    Styled.__emotion_base = baseTag;\n    Styled.__emotion_styles = styles;\n    Styled.__emotion_forwardProp = shouldForwardProp;\n    Object.defineProperty(Styled, 'toString', {\n      value: function value() {\n        if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {\n          return 'NO_COMPONENT_SELECTOR';\n        } // $FlowFixMe: coerce undefined to string\n\n\n        return \".\" + targetClassName;\n      }\n    });\n\n    Styled.withComponent = function (nextTag, nextOptions) {\n      return createStyled(nextTag, _extends({}, options, nextOptions, {\n        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)\n      })).apply(void 0, styles);\n    };\n\n    return Styled;\n  };\n};\n\nexport default createStyled;\n","import '@babel/runtime/helpers/extends';\nimport 'react';\nimport '@emotion/is-prop-valid';\nimport createStyled from '../base/dist/emotion-styled-base.browser.esm.js';\nimport '@emotion/react';\nimport '@emotion/utils';\nimport '@emotion/serialize';\n\nvar tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n\nvar newStyled = createStyled.bind();\ntags.forEach(function (tagName) {\n  // $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type\n  newStyled[tagName] = newStyled(tagName);\n});\n\nexport default newStyled;\n","import {\n  B50,\n  N900,\n  B500,\n  P500,\n  N0,\n  N20,\n  Y200,\n  R200,\n  G200,\n  T200,\n  B200,\n  P100,\n  N500,\n  N70,\n  Y500\n} from '@atlaskit/theme/colors';\nimport { BG_COLOR_PROPERTIES } from '../models/colors-props';\n\nexport const GRAY3 = '#505F79';\nexport const NUM_OF_CARDS = 3;\nexport const MIN_CYCLE_TIME = 7000;\n\nexport const DEFAULT_BG_COLOR = 'b50';\n\n// Intersection options\nexport const INTERSECTION_OPTIONS = { threshold: 0.35 };\n\nexport enum LAYOUT_TYPE {\n  CARDS_LEFT = 'cards_left',\n  CARDS_RIGHT = 'cards_right'\n}\n\nexport enum MEDIA_TYPE {\n  VIDEO = 'video',\n  IMAGE = 'image'\n}\n\nexport enum SWIPE_DIRECTION {\n  LEFT = 'left',\n  RIGHT = 'right'\n}\n\n/* ---------------------BG COLOR CODINGS---------------------------*/\n\nexport const BG_COLOR_CODING_MAP: {\n  [key: string]: BG_COLOR_PROPERTIES;\n} = {\n  b50: {\n    colorCode: B50,\n    typeColor: N900,\n    cardActiveColor: N0,\n    cardHoverColor: `${N0}50`,\n    categoryTypeColor: GRAY3,\n    paginationColorActive: N500,\n    paginationColorInactive: N0\n  },\n  n0: {\n    colorCode: N0,\n    typeColor: N900,\n    cardActiveColor: N20,\n    cardHoverColor: `${N20}50`,\n    categoryTypeColor: GRAY3,\n    paginationColorActive: N500,\n    paginationColorInactive: N70\n  },\n  n900: {\n    colorCode: N900,\n    typeColor: N0,\n    cardActiveColor: `${N0}10`,\n    cardHoverColor: `${N0}20`,\n    categoryTypeColor: N0,\n    paginationColorActive: Y500,\n    paginationColorInactive: N0\n  },\n  p500: {\n    colorCode: P500,\n    typeColor: N0,\n    cardActiveColor: `${N0}10`,\n    cardHoverColor: `${N0}20`,\n    categoryTypeColor: N0,\n    paginationColorActive: Y500,\n    paginationColorInactive: N0\n  },\n  b500: {\n    colorCode: B500,\n    typeColor: N0,\n    cardActiveColor: `${N0}10`,\n    cardHoverColor: `${N0}20`,\n    categoryTypeColor: N0,\n    paginationColorActive: Y500,\n    paginationColorInactive: N0\n  }\n};\n\n/* ---------------------BAR COLOR CODINGS---------------------------*/\nexport const BAR_COLOR_CODING_MAP: Map<string, string> = new Map<\n  string,\n  string\n>();\n\nBAR_COLOR_CODING_MAP.set('y200', Y200);\nBAR_COLOR_CODING_MAP.set('r200', R200);\nBAR_COLOR_CODING_MAP.set('g200', G200);\nBAR_COLOR_CODING_MAP.set('t200', T200);\nBAR_COLOR_CODING_MAP.set('b200', B200);\nBAR_COLOR_CODING_MAP.set('p100', P100);\n\n/* ---------------- Analytics event data -----------------------*/\nexport const defaultAnalyticsData = {\n  eventComponent: 'featuresHighlightComponent',\n  eventContainer: 'featuresHighlightContainer'\n};\n","import { defineMessages } from 'react-intl';\n\nconst ID_PREFIX = 'FeaturesHighlightWpl.';\n\nexport const messages = defineMessages({\n  heading: {\n    id: `${ID_PREFIX}heading`,\n    defaultMessage: `The is a default heading`\n  },\n  cardCategory1: {\n    id: `${ID_PREFIX}categoryLabel1`,\n    defaultMessage: `Card Category 1`\n  },\n  cardCategory2: {\n    id: `${ID_PREFIX}categoryLabel2`,\n    defaultMessage: `Card Category 2`\n  },\n  cardCategory3: {\n    id: `${ID_PREFIX}categoryLabel3`,\n    defaultMessage: `Card Category 3`\n  },\n  cardTitle1: {\n    id: `${ID_PREFIX}cardTitle1`,\n    defaultMessage: `Card Title 1`\n  },\n  cardTitle2: {\n    id: `${ID_PREFIX}cardTitle2`,\n    defaultMessage: `Card Title 2`\n  },\n  cardTitle3: {\n    id: `${ID_PREFIX}cardTitle3`,\n    defaultMessage: `Card Title 3`\n  },\n  cardDescription1: {\n    id: `${ID_PREFIX}cardDescription1`,\n    defaultMessage: `Feature 01 description lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.`\n  },\n  cardDescription2: {\n    id: `${ID_PREFIX}cardDescription2`,\n    defaultMessage: `Feature 02 description lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.`\n  },\n  cardDescription3: {\n    id: `${ID_PREFIX}cardDescription3`,\n    defaultMessage: `Feature 03 description lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.`\n  },\n  altTextImage1: {\n    id: `${ID_PREFIX}altTextImage1`,\n    defaultMessage: `This is default alternative text for Image 1`\n  },\n  altTextImage2: {\n    id: `${ID_PREFIX}altTextImage2`,\n    defaultMessage: `This is default alternative text for Image 2`\n  },\n  altTextImage3: {\n    id: `${ID_PREFIX}altTextImage3`,\n    defaultMessage: `This is default alternative text for Image 3`\n  },\n  embeddedVideosError: {\n    id: `${ID_PREFIX}embeddedVideosError`,\n    defaultMessage: `Sorry, your browser doesn't support embedded videos.`\n  }\n});\n","import styled from '@emotion/styled';\nimport * as React from '@emotion/react';\nimport { CardDetailsProps } from '../models/card-props';\nimport { FormattedHTMLMessage } from 'react-intl';\nimport { messages } from '../messages';\n\nexport function CardDetailsContainer({\n  isCategoryLabel,\n  categoryTypeColor,\n  cardId\n}: CardDetailsProps) {\n  return (\n    <CardDetailsRoot>\n      <CardFieldsContainer>\n        {isCategoryLabel && (\n          <CategoryNameField categoryTypeColor={categoryTypeColor}>\n            <FormattedHTMLMessage\n              {...(cardId == 1\n                ? { ...messages.cardCategory1 }\n                : cardId == 2\n                ? { ...messages.cardCategory2 }\n                : { ...messages.cardCategory3 })}\n            />\n          </CategoryNameField>\n        )}\n        <TitleField id={`title` + cardId}>\n          <FormattedHTMLMessage\n            {...(cardId == 1\n              ? { ...messages.cardTitle1 }\n              : cardId == 2\n              ? { ...messages.cardTitle2 }\n              : { ...messages.cardTitle3 })}\n          />\n        </TitleField>\n        <DescriptionField id={`description` + cardId}>\n          <FormattedHTMLMessage\n            {...(cardId == 1\n              ? { ...messages.cardDescription1 }\n              : cardId == 2\n              ? { ...messages.cardDescription2 }\n              : { ...messages.cardDescription3 })}\n          />\n        </DescriptionField>\n      </CardFieldsContainer>\n    </CardDetailsRoot>\n  );\n}\n\nexport const CardDetailsRoot = styled.div`\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const CardFieldsContainer = styled.div`\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: inherit;\n`;\n\nexport const CategoryNameField = styled.div<{ categoryTypeColor?: string }>`\n  width: 100%;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 400;\n  font-family: Charlie Display, -apple-system, BlinkMacSystemFont, Segoe UI,\n    Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;\n  margin-bottom: 16px;\n  text-transform: uppercase;\n  color: ${(props) => props.categoryTypeColor};\n`;\n\nexport const TitleField = styled.div`\n  width: 100%;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: 0.3px;\n  margin-bottom: 8px;\n  font-size: 20px;\n  display: block;\n\n  @media only screen and (max-width: 1023px) {\n    font-size: 16px;\n    line-height: 20px;\n  }\n`;\n\nexport const DescriptionField = styled.div`\n  width: 100%;\n  height: fit-content;\n  line-height: 24px;\n  font-size: 16px;\n  font-weight: 400;\n`;\n","import styled from '@emotion/styled';\nimport * as React from '@emotion/react';\nimport { NUM_OF_CARDS, BAR_COLOR_CODING_MAP } from '../utils/constants';\nimport { BG_COLOR_PROPERTIES } from '../models/colors-props';\nimport {\n  CardClickHandlerType,\n  KeyPressHandlerType\n} from '../models/interaction-handler-props';\nimport { CardProps, ColorBarProps } from '../models/card-props';\nimport { CardDetailsContainer } from './card-details';\n\nexport const renderCards = (\n  cardClickHandler: CardClickHandlerType,\n  keyPressHandler: KeyPressHandlerType,\n  isColorBar: boolean,\n  isCategoryLabel: boolean,\n  colorCoding: BG_COLOR_PROPERTIES,\n  barColor?: string\n) => {\n  const cardList = [];\n  for (let cardId = 1; cardId <= NUM_OF_CARDS; cardId++) {\n    cardList.push(\n      <Card\n        key={cardId}\n        className={`card card${cardId}`}\n        colorCoding={colorCoding}\n        role=\"button\"\n        tabIndex={0}\n        onClick={(e) => cardClickHandler(cardId, e)}\n        onKeyDown={(e) => keyPressHandler(cardId, e)}\n        aria-labelledby={`title` + cardId + ` description` + cardId}\n      >\n        {isColorBar && (\n          <ColorBar\n            key={cardId}\n            className={`bar bar${cardId}`}\n            barColor={barColor}\n          />\n        )}\n        <CardDetailsContainer\n          categoryTypeColor={colorCoding.categoryTypeColor}\n          isCategoryLabel={isCategoryLabel}\n          cardId={cardId}\n        />\n      </Card>\n    );\n  }\n  return cardList;\n};\n\nexport const Card = styled.div<CardProps>`\n  display: flex;\n  flex-basis: inherit;\n  min-width: inherit;\n  cursor: pointer;\n  flex-direction: row;\n\n  @media only screen and (max-width: 1023px) {\n    margin-right: 16px;\n    margin-left: 16px;\n    flex-direction: column;\n  }\n\n  @media only screen and (max-width: 767px) {\n    min-width: 100%;\n    flex-shrink: 0;\n    margin-right: 0px;\n    margin-left: 0px;\n    display: inline-flex;\n  }\n`;\n\nexport const ColorBar = styled.div<ColorBarProps>`\n  width: 8px;\n  background-color: ${(props) =>\n    props.barColor &&\n    BAR_COLOR_CODING_MAP.has(props.barColor) &&\n    BAR_COLOR_CODING_MAP.get(props.barColor)};\n\n  @media only screen and (max-width: 1023px) {\n    width: 100%;\n    min-height: 8px;\n    max-height: 8px;\n  }\n`;\n","import styled from '@emotion/styled';\nimport * as React from '@emotion/react';\nimport {\n  CardContainerProps,\n  CardContainerRootProps\n} from '../models/card-props';\nimport { renderCards } from './card';\n\nexport function CardContainer({\n  selectedMedia,\n  cardClickHandler,\n  keyPressHandler,\n  componentOrder,\n  colorCoding,\n  isColorBar,\n  barColor,\n  isCategoryLabel\n}: CardContainerProps) {\n  return (\n    <CardContainerRoot\n      selectedMedia={selectedMedia}\n      componentOrder={componentOrder}\n      colorCoding={colorCoding}\n    >\n      {renderCards(\n        cardClickHandler,\n        keyPressHandler,\n        isColorBar,\n        isCategoryLabel,\n        colorCoding,\n        barColor\n      )}\n    </CardContainerRoot>\n  );\n}\n\nexport const CardContainerRoot = styled.div<CardContainerRootProps>`\n  display: flex;\n  justify-content: flex-start;\n  flex-basis: calc(99.9999% / 12 * 4 - 16px);\n  max-width: calc(99.9999% / 12 * 4 - 16px);\n  flex-direction: column;\n  order: ${(props) => props.componentOrder};\n  margin-right: 16px;\n  gap: 8px;\n\n  .card {\n    &:hover {\n      background-color: ${(props) => props.colorCoding.cardHoverColor};\n\n      .bar {\n        opacity: 1;\n      }\n    }\n\n    .bar {\n      opacity: 0;\n    }\n  }\n\n  .card.card${(props) => props.selectedMedia} {\n    background-color: ${(props) => props.colorCoding.cardActiveColor};\n\n    &:hover {\n      background-color: ${(props) => props.colorCoding.cardActiveColor};\n    }\n\n    .bar {\n      opacity: 1;\n    }\n  }\n\n  @media only screen and (max-width: 1023px) {\n    flex-basis: 100%;\n    max-width: 100%;\n    flex-direction: row;\n    margin-bottom: 16px;\n    order: 1;\n    flex-wrap: nowrap;\n    margin-right: 0;\n    margin-left: 0;\n    justify-content: center;\n    gap: 32px;\n\n    .card {\n      width: calc(33.3333% - 64px);\n      margin: 0;\n    }\n  }\n\n  @media only screen and (max-width: 767px) {\n    justify-content: flex-start;\n    transition: transform 0.3s;\n    transform: ${(props) => `translateX(-${(props.selectedMedia - 1) * 100}%)`};\n    gap: 0;\n\n    .card {\n      width: 100%;\n    }\n  }\n`;\n","import * as React from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  createRef,\n  MutableRefObject,\n  RefObject,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport { messages } from '../messages';\nimport {\n  MediaContainerProps,\n  MediaContainerRootProps,\n  MediaWrapperProps\n} from '../models/media-props';\nimport {\n  INTERSECTION_OPTIONS,\n  MEDIA_TYPE,\n  NUM_OF_CARDS\n} from '../utils/constants';\n\nexport function MediaContainer({\n  selectedMedia,\n  componentOrder,\n  mediaType,\n  mediaSourceLinks,\n  intl,\n  inViewChange,\n  videoEnded\n}: MediaContainerProps) {\n  const [isInView, setIsInView] = useState<boolean>(false);\n  const containerRef: MutableRefObject<HTMLDivElement | null> = useRef(null);\n\n  const handleIntersect = (entries: any[]) => {\n    const entry = entries[0] || {};\n    const { isIntersecting } = entry;\n    setIsInView(!!isIntersecting);\n    inViewChange(!!isIntersecting);\n  };\n\n  useEffect(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      handleIntersect,\n      INTERSECTION_OPTIONS\n    );\n    observer.observe(containerRef.current);\n  }, [containerRef]);\n\n  return (\n    <MediaContainerRoot ref={containerRef} componentOrder={componentOrder}>\n      <MediaWrapper selectedMedia={selectedMedia}>\n        {renderMedia(\n          mediaType,\n          mediaSourceLinks,\n          intl,\n          selectedMedia,\n          videoEnded,\n          isInView\n        )}\n      </MediaWrapper>\n    </MediaContainerRoot>\n  );\n}\n\nconst renderMedia = (\n  mediaType: MEDIA_TYPE,\n  mediaSourceLinks: string[],\n  intl: ReactIntl.InjectedIntl,\n  selectedMedia: number,\n  videoEnded: () => void,\n  isInView: boolean\n) => {\n  const videoRefMap = new Map<number, RefObject<HTMLVideoElement>>();\n  if (mediaType === MEDIA_TYPE.VIDEO) {\n    // Auto start video when it is selected card\n    useEffect(() => {\n      for (const [videoId, video] of videoRefMap.entries()) {\n        if (!video?.current || !video.current.play) {\n          continue;\n        }\n        // play from start when video is selected and in view\n        if (videoId === selectedMedia && isInView) {\n          video.current.currentTime = 0;\n          video.current.play();\n        } else {\n          video.current.pause();\n        }\n      }\n    }, [selectedMedia, isInView]);\n  }\n\n  const mediaList = [];\n  for (let cardId = 1; cardId <= NUM_OF_CARDS; cardId++) {\n    const props = selectedMedia === cardId ? { tabIndex: 1 } : { tabIndex: -1 };\n\n    let mediaContent;\n    if (mediaType === MEDIA_TYPE.VIDEO) {\n      const ref = createRef<HTMLVideoElement>();\n\n      mediaContent = (\n        <video\n          ref={ref}\n          width=\"100%\"\n          height=\"100%\"\n          object-fit=\"fill\"\n          preload=\"auto\"\n          muted={true}\n          tabIndex={-1}\n          onEnded={() => videoEnded()}\n          playsInline={true}\n        >\n          <source src={mediaSourceLinks[cardId - 1]} />\n          {intl.formatMessage(messages.embeddedVideosError)}\n        </video>\n      );\n\n      videoRefMap.set(cardId, ref);\n    } else if (mediaType === MEDIA_TYPE.IMAGE) {\n      mediaContent = (\n        <img\n          width=\"100%\"\n          height=\"auto\"\n          src={mediaSourceLinks[cardId - 1]}\n          // @ts-ignore\n          alt={intl.formatMessage(messages[`altTextImage${cardId}`])}\n        />\n      );\n    }\n\n    mediaList.push(\n      <Media key={cardId} className={`media media${cardId}`} {...props}>\n        {mediaContent}\n      </Media>\n    );\n  }\n  return mediaList;\n};\n\nexport const MediaWrapper = styled.div<MediaWrapperProps>`\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  flex-direction: row;\n\n  .media img {\n    object-fit: contain;\n    object-position: top;\n    margin-bottom: 0;\n  }\n\n  @media only screen and (min-width: 768px) {\n    .media {\n      order: 2;\n    }\n\n    .media.media${(props) => props.selectedMedia} {\n      order: 1;\n    }\n  }\n\n  @media only screen and (max-width: 767px) {\n    min-height: 216px;\n    margin-right: 0px;\n    margin-left: 0px;\n    transition: transform 0.3s;\n    transform: ${(props) => `translateX(-${(props.selectedMedia - 1) * 100}%)`};\n    overflow: visible;\n  }\n`;\n\nexport const MediaContainerRoot = styled.div<MediaContainerRootProps>`\n  display: flex;\n  justify-content: flex-start;\n  align-content: start;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  overflow: visible;\n  flex-basis: calc(99.9999% / 12 * 8);\n  max-width: calc(99.9999% / 12 * 8);\n  order: ${(props) => props.componentOrder};\n  margin-left: 16px;\n  margin-bottom: auto;\n\n  @media only screen and (max-width: 1023px) {\n    flex-basis: 100%;\n    max-width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    order: 2;\n  }\n`;\n\nexport const Media = styled.div`\n  flex-basis: inherit;\n  min-width: 100%;\n  display: inline-flex;\n`;\n","import styled from '@emotion/styled';\nimport * as React from '@emotion/react';\nimport { NUM_OF_CARDS } from '../utils/constants';\nimport { PaginationContainerProps } from '../models/card-props';\nimport { BG_COLOR_PROPERTIES } from '../models/colors-props';\n\nexport function PaginationContainer({\n  selectedMedia,\n  colorCoding\n}: PaginationContainerProps) {\n  return (\n    <PaginationContainerRoot\n      selectedMedia={selectedMedia}\n      colorCoding={colorCoding}\n    >\n      {renderCardDots(colorCoding)}\n    </PaginationContainerRoot>\n  );\n}\n\nconst renderCardDots = (colorCoding: BG_COLOR_PROPERTIES) => {\n  const cardDotList = [];\n  for (let cardId = 1; cardId <= NUM_OF_CARDS; cardId++) {\n    cardDotList.push(\n      <CardDots\n        key={cardId}\n        className={`cardDot cardDot${cardId}`}\n        colorCoding={colorCoding}\n      />\n    );\n  }\n  return cardDotList;\n};\n\nexport const PaginationContainerRoot = styled.div<{\n  selectedMedia: number;\n  colorCoding: BG_COLOR_PROPERTIES;\n}>`\n  flex-basis: inherit;\n  height: 12px;\n  min-width: 100%;\n  margin-top: 32px;\n  margin-bottom: 16px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n\n  @media only screen and (max-width: 767px) {\n    display: flex;\n\n    .cardDot {\n      background-color: ${(props) => props.colorCoding.paginationColorInactive};\n    }\n\n    .cardDot.cardDot${(props) => props.selectedMedia} {\n      background-color: ${(props) => props.colorCoding.paginationColorActive};\n    }\n  }\n`;\n\nexport const CardDots = styled.div<{ colorCoding: BG_COLOR_PROPERTIES }>`\n  margin-left: 6px;\n  margin-right: 6px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n`;\n","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nexport const isAnalyticsEvent = obj => {\n  var _obj$constructor;\n\n  return obj instanceof AnalyticsEvent || !!(obj !== null && obj !== void 0 && obj._isAnalyticsEvent) || // Backwards compatibility with older analytics-next packages\n  (obj === null || obj === void 0 ? void 0 : (_obj$constructor = obj.constructor) === null || _obj$constructor === void 0 ? void 0 : _obj$constructor.name) === 'AnalyticsEvent';\n};\nexport default class AnalyticsEvent {\n  constructor(props) {\n    _defineProperty(this, \"_isAnalyticsEvent\", true);\n\n    _defineProperty(this, \"clone\", () => {\n      // just a shallow clone, don't change sub refs unless you want to\n      // affect the original's too\n      const payload = { ...this.payload\n      };\n      return new AnalyticsEvent({\n        payload\n      });\n    });\n\n    this.payload = props.payload;\n  }\n\n  update(updater) {\n    if (typeof updater === 'function') {\n      this.payload = updater(this.payload);\n    }\n\n    if (typeof updater === 'object') {\n      this.payload = { ...this.payload,\n        ...updater\n      };\n    }\n\n    return this;\n  }\n\n}","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport AnalyticsEvent from './AnalyticsEvent';\nexport const isUIAnalyticsEvent = obj => {\n  var _obj$constructor;\n\n  return obj instanceof UIAnalyticsEvent || !!(obj !== null && obj !== void 0 && obj._isUIAnalyticsEvent) || // Backwards compatibility with older analytics-next packages\n  (obj === null || obj === void 0 ? void 0 : (_obj$constructor = obj.constructor) === null || _obj$constructor === void 0 ? void 0 : _obj$constructor.name) === 'UIAnalyticsEvent';\n};\nexport default class UIAnalyticsEvent extends AnalyticsEvent {\n  constructor(props) {\n    super(props);\n\n    _defineProperty(this, \"_isUIAnalyticsEvent\", true);\n\n    _defineProperty(this, \"clone\", () => {\n      if (this.hasFired) {\n        if (process.env.NODE_ENV !== 'production' && !process.env.CI) {\n          // eslint-disable-next-line no-console\n          console.warn(\"Cannot clone an event after it's been fired.\");\n        }\n\n        return null;\n      }\n\n      const context = [...this.context];\n      const handlers = [...this.handlers];\n      /**\n       * A hacky \"deep clone\" of the object. This is limited in that it wont\n       * support functions, regexs, Maps, Sets, etc, but none of those need to\n       * be represented in our payload.\n       */\n\n      const payload = JSON.parse(JSON.stringify(this.payload));\n      return new UIAnalyticsEvent({\n        context,\n        handlers,\n        payload\n      });\n    });\n\n    _defineProperty(this, \"fire\", channel => {\n      if (this.hasFired) {\n        if (process.env.NODE_ENV !== 'production' && !process.env.CI) {\n          // eslint-disable-next-line no-console\n          console.warn('Cannot fire an event twice.');\n        }\n\n        return;\n      }\n\n      this.handlers.forEach(handler => handler(this, channel));\n      this.hasFired = true;\n    });\n\n    this.context = props.context || [];\n    this.handlers = props.handlers || [];\n    this.hasFired = false;\n  }\n\n  update(updater) {\n    if (this.hasFired) {\n      if (process.env.NODE_ENV !== 'production' && !process.env.CI) {\n        // eslint-disable-next-line no-console\n        console.warn(\"Cannot update an event after it's been fired.\");\n      }\n\n      return this;\n    }\n\n    return super.update(updater);\n  }\n\n}","import { useContext } from 'react';\nimport { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';\nexport const useAnalyticsContext = () => {\n  return useContext(AnalyticsReactContext);\n};","import { useCallbackOne } from 'use-memo-one';\nimport UIAnalyticsEvent from '../events/UIAnalyticsEvent';\nimport { useAnalyticsContext } from './useAnalyticsContext';\nexport function useAnalyticsEvents() {\n  const analyticsContext = useAnalyticsContext();\n  const createAnalyticsEvent = useCallbackOne(payload => {\n    return new UIAnalyticsEvent({\n      context: analyticsContext.getAtlaskitAnalyticsContext(),\n      handlers: analyticsContext.getAtlaskitAnalyticsEventHandlers(),\n      payload\n    });\n  }, [analyticsContext]);\n  return {\n    createAnalyticsEvent\n  };\n}","import styled from '@emotion/styled';\nimport React, {\n  useState,\n  MouseEvent,\n  TouchEvent,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect\n} from 'react';\nimport { CardContainer } from './card-container';\nimport { MediaContainer } from './media-container';\nimport { PaginationContainer } from './pagination-container';\nimport {\n  FeaturesHighlightContainerProps,\n  HighlightRootProps\n} from '../models/features-highlight-props';\nimport {\n  LAYOUT_TYPE,\n  SWIPE_DIRECTION,\n  defaultAnalyticsData,\n  NUM_OF_CARDS,\n  MEDIA_TYPE,\n  MIN_CYCLE_TIME\n} from '../utils/constants';\nimport { messages } from '../messages';\nimport { FormattedHTMLMessage } from 'react-intl';\nimport { useAnalyticsEvents } from '@atlaskit/analytics-next';\n\nexport function FeaturesHighlightContainer({\n  layoutType,\n  colorCoding,\n  isColorBar,\n  barColor,\n  isCategoryLabel,\n  mediaType,\n  mediaSourceLinks,\n  intl\n}: FeaturesHighlightContainerProps) {\n  const [selectedMedia, setSelectedMedia] = useState(1);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragAmount, setDragAmount] = useState(0);\n  const [startX, setStartX] = useState(0);\n  const [nextAfter, setNextAfter] = useState(0);\n  const timeoutRef: MutableRefObject<any | null> = React.useRef(null);\n  const selectedRef: MutableRefObject<number> = React.useRef(selectedMedia);\n\n  const isTouchDevice =\n    'ontouchstart' in window ||\n    navigator.maxTouchPoints > 0 ||\n    navigator.msMaxTouchPoints > 0;\n\n  const { createAnalyticsEvent } = useAnalyticsEvents();\n  let cardClickAnalyticsData = {\n    ...defaultAnalyticsData,\n    action: 'clicked',\n    eventType: 'UI',\n    actionSubject: 'card'\n  };\n\n  const cardClickHandler = (\n    clickedElement: number,\n    mouseClick?: MouseEvent\n  ) => {\n    mouseClick && mouseClick.preventDefault();\n    changeActiveElement(clickedElement);\n  };\n\n  const keyPressHandler = (\n    clickedElement: number,\n    keyPress?: KeyboardEvent\n  ) => {\n    if (keyPress?.key == ' ' || keyPress?.key == 'Enter') {\n      changeActiveElement(clickedElement);\n    }\n  };\n\n  const changeActiveElement = (clickedElement: number) => {\n    if (clickedElement === selectedMedia) {\n      return;\n    }\n\n    if (clickedElement < 1 || clickedElement > NUM_OF_CARDS) {\n      return;\n    }\n\n    setSelectedMedia(clickedElement);\n\n    createAnalyticsEvent({\n      ...cardClickAnalyticsData,\n      cardNumber: clickedElement\n    }).fire();\n  };\n\n  const startDrag = (touchEvent?: TouchEvent, mouseEvent?: MouseEvent) => {\n    if (isTouchDevice && touchEvent) {\n      setIsDragging(true);\n      setStartX(touchEvent.touches[0].clientX);\n    } else if (mouseEvent && window.innerWidth < 767) {\n      setIsDragging(true);\n      setStartX(mouseEvent.clientX);\n    }\n  };\n\n  const Drag = (touchEvent?: TouchEvent, mouseEvent?: MouseEvent) => {\n    if (isDragging) {\n      if (isTouchDevice && touchEvent) {\n        setDragAmount(touchEvent.touches[0].clientX - startX);\n      } else if (mouseEvent && window.innerWidth < 767) {\n        setDragAmount(mouseEvent.clientX - startX);\n      }\n    }\n  };\n\n  const stopDrag = () => {\n    if (isDragging) {\n      setIsDragging(false);\n      // Setting 100 as the amount of distance that needs to be covered in order to trigger a swipe\n      if (Math.abs(dragAmount) > 100) {\n        if (dragAmount < 0) {\n          swipeCards(SWIPE_DIRECTION.LEFT);\n        } else {\n          swipeCards(SWIPE_DIRECTION.RIGHT);\n        }\n      }\n    }\n  };\n\n  const swipeCards = (direction: SWIPE_DIRECTION) => {\n    let nextSelected = selectedRef.current;\n    if (\n      direction === SWIPE_DIRECTION.LEFT &&\n      selectedMedia < mediaSourceLinks.length\n    ) {\n      nextSelected += 1;\n    } else if (direction === SWIPE_DIRECTION.RIGHT && selectedMedia > 1) {\n      nextSelected -= 1;\n    }\n    setSelectedMedia(nextSelected);\n\n    createAnalyticsEvent({\n      ...cardClickAnalyticsData,\n      isTouchDevice: isTouchDevice,\n      cardNumber: nextSelected\n    }).fire();\n  };\n\n  const nextHighlight = () => {\n    const nextId = selectedRef.current + 1;\n    setSelectedMedia(nextId > NUM_OF_CARDS ? 1 : nextId);\n  };\n\n  const videoEnded = () => {\n    if (Date.now() >= nextAfter) {\n      nextHighlight();\n      return;\n    }\n\n    // Time remains before minimum wait, delay till then\n    timeoutRef.current = setTimeout(() => {\n      nextHighlight();\n    }, nextAfter - Date.now());\n  };\n\n  const changeInView = (isInView: boolean) => {\n    if (!isInView) {\n      // Clear timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    } else {\n      startTimeout();\n    }\n  };\n\n  const startTimeout = () => {\n    if (mediaType === MEDIA_TYPE.IMAGE) {\n      timeoutRef.current = setTimeout(() => {\n        nextHighlight();\n      }, MIN_CYCLE_TIME);\n    } else {\n      setNextAfter(Date.now() + MIN_CYCLE_TIME);\n    }\n  };\n\n  useEffect(() => {\n    // Storing in the ref is required for the setTimeout that is started for images when called from changeInView\n    selectedRef.current = selectedMedia;\n\n    // Clear timeout\n    if (timeoutRef.current !== null) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    startTimeout();\n  }, [selectedMedia]);\n\n  return (\n    <FeaturesHighlightRoot typeColor={colorCoding.typeColor}>\n      <HeadingContainer>\n        <FormattedHTMLMessage {...messages.heading} />\n      </HeadingContainer>\n      <CoreContentContainer\n        onTouchStart={(e) => startDrag(e)}\n        onMouseDown={(e) => startDrag(undefined, e)}\n        onTouchMove={(e) => Drag(e)}\n        onMouseMove={(e) => Drag(undefined, e)}\n        onTouchEnd={() => stopDrag()}\n        onMouseUp={() => stopDrag()}\n      >\n        <CardContainer\n          selectedMedia={selectedMedia}\n          cardClickHandler={cardClickHandler}\n          keyPressHandler={keyPressHandler}\n          componentOrder={layoutType == LAYOUT_TYPE.CARDS_LEFT ? 1 : 2}\n          colorCoding={colorCoding}\n          isColorBar={isColorBar}\n          barColor={barColor}\n          isCategoryLabel={isCategoryLabel}\n        />\n        <MediaContainer\n          selectedMedia={selectedMedia}\n          componentOrder={layoutType == LAYOUT_TYPE.CARDS_RIGHT ? 1 : 2}\n          mediaType={mediaType}\n          mediaSourceLinks={mediaSourceLinks}\n          intl={intl}\n          inViewChange={(isInView) => changeInView(isInView)}\n          videoEnded={() => videoEnded()}\n        />\n        <PaginationContainer\n          selectedMedia={selectedMedia}\n          colorCoding={colorCoding}\n        />\n      </CoreContentContainer>\n    </FeaturesHighlightRoot>\n  );\n}\n\nexport const FeaturesHighlightRoot = styled.div<HighlightRootProps>`\n  display: flex;\n  flex-wrap: wrap;\n  flex-basis: 100%;\n  max-width: 100%;\n  position: relative;\n  flex-direction: row;\n  min-width: 992px;\n  justify-content: center;\n  color: ${(props) => props?.typeColor};\n\n  @media only screen and (max-width: 1023px) {\n    min-width: 736px;\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n\n  @media only screen and (max-width: 767px) {\n    min-width: 288px;\n  }\n`;\n\nexport const CoreContentContainer = styled.div`\n  display: flex;\n  max-width: inherit;\n  flex-direction: row;\n  align-content: center;\n  height: fit-content;\n\n  @media only screen and (max-width: 1023px) {\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  @media only screen and (max-width: 767px) {\n    overflow: hidden;\n    justify-content: flex-start;\n    display: block;\n  }\n`;\n\nexport const HeadingContainer = styled.h2`\n  text-align: center;\n  flex-basis: calc(99.9999% / 12 * 8 - 16px);\n  max-width: calc(99.9999% / 12 * 8 - 16px);\n  position: inherit;\n  font-size: 36px;\n  font-weight: 500;\n  line-height: 44px;\n  font-style: normal;\n  margin-top: 64px;\n  margin-bottom: 32px;\n\n  @media only screen and (max-width: 1023px) {\n    font-size: 24px;\n    line-height: 32px;\n    margin-top: 32px;\n  }\n\n  @media only screen and (max-width: 767px) {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n`;\n","import { BG_COLOR_CODING_MAP, DEFAULT_BG_COLOR } from './constants';\n\n// Selecting the color coding for the component based on the selected bg color\nexport const getColorCodings = (selectedColor: string) => {\n  return (\n    BG_COLOR_CODING_MAP[selectedColor] ?? BG_COLOR_CODING_MAP[DEFAULT_BG_COLOR]\n  );\n};\n","import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';\nconst ContextTypes = {\n  getAtlaskitAnalyticsContext: PropTypes.func,\n  getAtlaskitAnalyticsEventHandlers: PropTypes.func\n};\n\nconst noop = () => []; // eslint-disable-next-line @repo/internal/react/no-class-components\n\n\nclass AnalyticsContext extends Component {\n  constructor(props) {\n    super(props);\n\n    _defineProperty(this, \"getChildContext\", () => ({\n      getAtlaskitAnalyticsContext: this.getAnalyticsContext\n    }));\n\n    _defineProperty(this, \"getAnalyticsContext\", () => {\n      const {\n        data\n      } = this.props;\n      const {\n        getAtlaskitAnalyticsContext = noop\n      } = this.context;\n      return [...getAtlaskitAnalyticsContext(), data];\n    });\n\n    _defineProperty(this, \"getAnalyticsEventHandlers\", () => {\n      const {\n        getAtlaskitAnalyticsEventHandlers = noop\n      } = this.context;\n      return getAtlaskitAnalyticsEventHandlers();\n    });\n\n    this.contextValue = {\n      getAtlaskitAnalyticsContext: this.getAnalyticsContext,\n      getAtlaskitAnalyticsEventHandlers: this.getAnalyticsEventHandlers\n    };\n  }\n\n  render() {\n    const {\n      children\n    } = this.props;\n    return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {\n      value: this.contextValue\n    }, children);\n  }\n\n}\n\n_defineProperty(AnalyticsContext, \"contextTypes\", ContextTypes);\n\n_defineProperty(AnalyticsContext, \"childContextTypes\", ContextTypes);\n\nexport default AnalyticsContext;","import LegacyAnalyticsContext from './LegacyAnalyticsContext';\nimport ModernAnalyticsContext from './ModernAnalyticsContext';\nlet ExportedAnalyticsContext;\n\nif (typeof process !== 'undefined' && process.env['ANALYTICS_NEXT_MODERN_CONTEXT']) {\n  ExportedAnalyticsContext = ModernAnalyticsContext;\n} else {\n  ExportedAnalyticsContext = LegacyAnalyticsContext;\n}\n\nexport default ExportedAnalyticsContext;","import styled from '@emotion/styled';\nimport * as React from '@emotion/react';\nimport { FeaturesHighlightContainer } from './components/features-highlight-container';\nimport { FeaturesHighlightProps } from './models/features-highlight-props';\nimport { getColorCodings } from './utils/util-functions';\nimport { messages } from './messages';\nimport { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';\nimport { injectIntl, InjectedIntlProps } from 'react-intl';\nimport { defaultAnalyticsData } from './utils/constants';\n\nfunction FeaturesHighlightWpl({\n  layoutType,\n  selectedBgColor,\n  isColorBar,\n  barColor,\n  mediaType,\n  mediaSourceLinks,\n  isCategoryLabel,\n  intl\n}: FeaturesHighlightProps & InjectedIntlProps) {\n  const colorCodings = getColorCodings(selectedBgColor);\n\n  const onLoadAnalyticsData = {\n    ...defaultAnalyticsData,\n    eventType: 'Screen',\n    name: 'features-highlight-screen-render'\n  };\n\n  const { createAnalyticsEvent } = useAnalyticsEvents();\n  createAnalyticsEvent(onLoadAnalyticsData).fire();\n\n  return (\n    <AnalyticsContext data={onLoadAnalyticsData}>\n      <Root bgColorCode={colorCodings?.colorCode}>\n        <FeaturesHighlightContainer\n          layoutType={layoutType}\n          colorCoding={colorCodings}\n          isColorBar={isColorBar}\n          barColor={barColor}\n          isCategoryLabel={isCategoryLabel}\n          mediaType={mediaType}\n          mediaSourceLinks={mediaSourceLinks}\n          intl={intl}\n        />\n      </Root>\n    </AnalyticsContext>\n  );\n}\n\nconst Root = styled.div<{ bgColorCode?: string }>`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  font-family: Charlie Text, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,\n    Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;\n  background-color: ${(props) => props.bgColorCode};\n`;\n\nFeaturesHighlightWpl.messages = messages;\nexport default injectIntl(FeaturesHighlightWpl);\n","import { AnalyticsListener } from \"@atlaskit/analytics-next\";\nimport FeaturesHighlightWpl from \"@atlassiansox/bxpkit-features-highlight-wpl\";\nimport { LAYOUT_TYPE, MEDIA_TYPE } from \"@atlassiansox/bxpkit-features-highlight-wpl/lib/commonjs/src/utils/constants\";\nimport React from \"react\";\nimport { IntlProvider } from \"react-intl\";\nimport { trackEvent } from '../../../common/analytics';\n\nconst getLayoutTypeEnum = (layoutType: string) => {\n  return layoutType == \"cards_right\" ? LAYOUT_TYPE.CARDS_RIGHT : LAYOUT_TYPE.CARDS_LEFT;\n}\n\nconst getMediaTypeEnum = (mediaType: string) => {\n  return mediaType == \"video\" ? MEDIA_TYPE.VIDEO : MEDIA_TYPE.IMAGE;\n}\n\nfunction sendAnalytics({ payload, context }) {\n  const analyticsDataList = [...context, payload];\n  const analyticsEvent = analyticsDataList.reduce((mergedAnalyticsEvent, currentAnalyicsEvent) => {\n    return {...mergedAnalyticsEvent, ...currentAnalyicsEvent};\n  }, {})\n  trackEvent(analyticsEvent.eventName, analyticsEvent);\n}\n\ntype FeaturesHighlightContainerType = {\n  readonly layoutType: string,\n  readonly selectedBgColor: string,\n  readonly isColorBar: boolean,\n  readonly isCategoryLabel: boolean,\n  readonly barColor: string,\n  readonly mediaType: string,\n  readonly image1Src: string,\n  readonly image2Src: string,\n  readonly image3Src: string,\n  readonly video1Src: string,\n  readonly video2Src: string,\n  readonly video3Src: string,\n  readonly labels : { [key: string]: string }\n}\n\nexport default function FeaturesHighlightContainer (\n  {\n  layoutType,\n  selectedBgColor, \n  isColorBar,\n  isCategoryLabel,\n  barColor,\n  mediaType,\n  image1Src,\n  image2Src,\n  image3Src,\n  video1Src,\n  video2Src,\n  video3Src, \n  labels}: FeaturesHighlightContainerType\n  ) {\n    \n  let mediaTypeEnum = getMediaTypeEnum(mediaType);\n  let mediaSourceLinks = [];\n  if (mediaTypeEnum == MEDIA_TYPE.VIDEO) {\n    mediaSourceLinks = [video1Src, video2Src, video3Src];\n  } else {\n    mediaSourceLinks = [image1Src, image2Src, image3Src];\n  }\n  return (\n    <AnalyticsListener onEvent={sendAnalytics}>\n      <IntlProvider\n        locale={document.documentElement.lang}\n        messages={labels}\n      >\n        <FeaturesHighlightWpl\n          layoutType={getLayoutTypeEnum(layoutType)}\n          selectedBgColor={selectedBgColor}\n          isColorBar={isColorBar}\n          barColor={barColor}\n          isCategoryLabel={isCategoryLabel}\n          mediaType={mediaTypeEnum}\n          mediaSourceLinks={mediaSourceLinks} />\n      </IntlProvider>\n    </AnalyticsListener>\n  );\n};"],"names":["ContextTypes","getAtlaskitAnalyticsEventHandlers","getAtlaskitAnalyticsContext","noop","AnalyticsListener","Component","constructor","props","super","this","getAnalyticsEventHandlers","channel","onEvent","context","event","eventChannel","contextValue","render","children","value","ExportedAnalyticsListener","getTheme","theme","mode","themed","modesOrVariant","variantModes","variantProp","variants","modes","R50","R75","R100","R200","R300","R400","R500","Y50","Y75","Y100","Y200","Y300","Y400","Y500","G50","G75","G100","G200","G300","G400","G500","B50","B75","B100","B200","B300","B400","B500","P50","P75","P100","P200","P300","P400","P500","T50","T75","T100","T200","T300","T400","T500","N0","N10","N20","N30","N40","N50","N60","N70","N80","N90","N100","N200","N300","N400","N500","N600","N700","N800","N900","N10A","N20A","N30A","N40A","N50A","N60A","N70A","N80A","N90A","N100A","N200A","N300A","N400A","N500A","N600A","N700A","N800A","DN900","DN800","DN700","DN600","DN500","DN400","DN300","DN200","DN100","DN90","DN80","DN70","DN60","DN50","DN40","DN30","DN20","DN10","DN0","DN800A","DN700A","DN600A","DN500A","DN400A","DN300A","DN200A","DN100A","DN90A","DN80A","DN70A","DN60A","DN50A","DN40A","DN30A","DN20A","DN10A","background","light","dark","backgroundActive","backgroundHover","backgroundOnLayer","textHover","textActive","subtleText","placeholderText","heading","subtleHeading","codeBlock","linkHover","linkActive","linkOutline","primary","blue","teal","purple","red","yellow","green","skeleton","CHANNEL","DEFAULT_THEME_MODE","THEME_MODES","fontSize","reactPropsRegex","fn","cache","Object","create","arg","undefined","prop","test","charCodeAt","hasOwnProperty","EmotionCacheContext","createContext","HTMLElement","key","Provider","withEmotionCache","func","forwardRef","ref","useContext","ThemeContext","useInsertionEffect","typePropName","createEmotionProps","type","newProps","call","Insertion","_ref","serialized","isStringTag","Emotion","cssProp","css","registered","WrappedComponent","registeredStyles","className","name","createElement","Fragment","jsx","args","arguments","h","argsLength","length","createElementArgArray","Array","E","c","i","_len","_key","useLayoutEffect","keyframes","insertable","apply","styles","anim","toString","testOmitPropsOnStringTag","testOmitPropsOnComponent","getDefaultShouldForwardProp","tag","composeShouldForwardProps","options","isReal","shouldForwardProp","optionsShouldForwardProp","__emotion_forwardProp","propName","newStyled","createStyled","identifierName","targetClassName","__emotion_real","baseTag","__emotion_base","label","target","defaultShouldForwardProp","shouldUseAs","__emotion_styles","slice","push","raw","len","Styled","w","FinalTag","as","classInterpolations","mergedProps","T","concat","finalShouldForwardProp","displayName","defaultProps","defineProperty","withComponent","nextTag","nextOptions","forEach","tagName","SWIPE_DIRECTION","MEDIA_TYPE","LAYOUT_TYPE","Map","GRAY3","NUM_OF_CARDS","MIN_CYCLE_TIME","INTERSECTION_OPTIONS","threshold","BG_COLOR_CODING_MAP","b50","colorCode","typeColor","cardActiveColor","cardHoverColor","categoryTypeColor","paginationColorActive","paginationColorInactive","n0","n900","p500","b500","BAR_COLOR_CODING_MAP","set","defaultAnalyticsData","eventComponent","eventContainer","ID_PREFIX","messages","id","defaultMessage","cardCategory1","cardCategory2","cardCategory3","cardTitle1","cardTitle2","cardTitle3","cardDescription1","cardDescription2","cardDescription3","altTextImage1","altTextImage2","altTextImage3","embeddedVideosError","CardDetailsContainer","isCategoryLabel","cardId","CardDetailsRoot","CardFieldsContainer","CategoryNameField","TitleField","DescriptionField","renderCards","cardClickHandler","keyPressHandler","isColorBar","colorCoding","barColor","cardList","Card","role","tabIndex","onClick","e","onKeyDown","ColorBar","has","get","CardContainer","selectedMedia","componentOrder","CardContainerRoot","MediaContainer","mediaType","mediaSourceLinks","intl","inViewChange","videoEnded","isInView","setIsInView","useState","containerRef","useRef","handleIntersect","entries","entry","isIntersecting","useEffect","current","IntersectionObserver","observe","MediaContainerRoot","MediaWrapper","renderMedia","videoRefMap","VIDEO","videoId","video","play","currentTime","pause","mediaList","mediaContent","createRef","width","height","preload","muted","onEnded","playsInline","src","formatMessage","IMAGE","alt","Media","PaginationContainer","PaginationContainerRoot","renderCardDots","cardDotList","CardDots","AnalyticsEvent","payload","update","updater","UIAnalyticsEvent","hasFired","handlers","JSON","parse","stringify","handler","useAnalyticsContext","useAnalyticsEvents","analyticsContext","createAnalyticsEvent","FeaturesHighlightContainer","layoutType","setSelectedMedia","isDragging","setIsDragging","dragAmount","setDragAmount","startX","setStartX","nextAfter","setNextAfter","timeoutRef","selectedRef","isTouchDevice","window","navigator","maxTouchPoints","msMaxTouchPoints","cardClickAnalyticsData","action","eventType","actionSubject","changeActiveElement","clickedElement","cardNumber","fire","startDrag","touchEvent","mouseEvent","touches","clientX","innerWidth","Drag","stopDrag","Math","abs","swipeCards","LEFT","RIGHT","direction","nextSelected","nextHighlight","nextId","startTimeout","setTimeout","Date","now","clearTimeout","FeaturesHighlightRoot","HeadingContainer","CoreContentContainer","onTouchStart","onMouseDown","onTouchMove","onMouseMove","onTouchEnd","onMouseUp","mouseClick","preventDefault","keyPress","CARDS_LEFT","CARDS_RIGHT","changeInView","getColorCodings","selectedColor","AnalyticsContext","getAnalyticsContext","data","ExportedAnalyticsContext","FeaturesHighlightWpl","selectedBgColor","colorCodings","onLoadAnalyticsData","Root","bgColorCode","getLayoutTypeEnum","getMediaTypeEnum","sendAnalytics","analyticsEvent","reduce","mergedAnalyticsEvent","currentAnalyicsEvent","_objectSpread","trackEvent","eventName","_ref2","image1Src","image2Src","image3Src","video1Src","video2Src","video3Src","labels","mediaTypeEnum","React","IntlProvider","locale","document","documentElement","lang"],"sourceRoot":""}