@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

package/dist/dist-esm/react-components/src/components/TextFieldWithMention/mentionTagUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mentionTagUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/TextFieldWithMention/mentionTagUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAaxC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAA+B,EAAU,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACzC,IAAI,YAAY,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAC;IACtC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAC3C,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAC3C,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAe,EAAE,SAAiB,EAAuB,EAAE;IACpG,IAAI,UAAU,GAAwB,SAAS,CAAC;IAChD,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;QACjB,MAAM,cAAc,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,GAAG,CAAC,mBAAmB,KAAK,SAAS,IAAI,GAAG,CAAC,mBAAmB,GAAG,SAAS,EAAE,CAAC;YACjF,8DAA8D;YAC9D,OAAO,KAAK,CAAC;QACf,CAAC;aAAM,IACL,GAAG,CAAC,mBAAmB,KAAK,SAAS;YACrC,GAAG,CAAC,mBAAmB,IAAI,SAAS;YACpC,SAAS,IAAI,cAAc,CAAC,iBAAiB,EAC7C,CAAC;YACD,oDAAoD;YACpD,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC1D,MAAM,WAAW,GAAG,0BAA0B,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;gBACvE,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;oBAC9B,UAAU,GAAG,WAAW,CAAC;oBACzB,OAAO,KAAK,CAAC;gBACf,CAAC;YACH,CAAC;iBAAM,IAAI,GAAG,CAAC,OAAO,KAAK,gBAAgB,EAAE,CAAC;gBAC5C,UAAU,GAAG,GAAG,CAAC;gBACjB,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAcF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,KAAuC,EAAU,EAAE;;IACjG,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAC;IAChF,iEAAiE;IACjE,IACE,GAAG,CAAC,OAAO,KAAK,gBAAgB;QAChC,GAAG,CAAC,mBAAmB,KAAK,SAAS;QACrC,qBAAqB,KAAK,sBAAsB;QAChD,GAAG,CAAC,iBAAiB,KAAK,SAAS,EACnC,CAAC;QACD,OAAO,qBAAqB,CAAC;IAC/B,CAAC;IACD,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,qBAAqB,IAAI,sBAAsB,EAAE,CAAC;QACpD,yEAAyE;QACzE,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,CAAC,CAAC,CAAC;QACpE,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,8DAA8D;YAC9D,UAAU,GAAG,GAAG,CAAC,mBAAmB,CAAC;QACvC,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yEAAyE;QACzE,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,CAAC,CAAC,CAAC;QAChE,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,uDAAuD;YACvD,UAAU,GAAG,MAAA,GAAG,CAAC,iBAAiB,mCAAI,GAAG,CAAC,mBAAmB,CAAC;QAChE,CAAC;IACH,CAAC;IACD,UAAU,GAAG,wBAAwB,CAAC;QACpC,GAAG,EAAE,GAAG,CAAC,mBAAmB;QAC5B,GAAG,EAAE,GAAG,CAAC,iBAAiB;QAC1B,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAkCF;;;;;;GAMG;AACH,MAAM,sBAAsB,GAAG,CAAC,KAA4B,EAA0B,EAAE;IACtF,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,GAAG,EACH,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,gBAAgB,EACjB,GAAG,KAAK,CAAC;IACV,IAAI,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAC5C,IAAI,sBAAsB,GAAG,KAAK,CAAC,sBAAsB,CAAC;IAC1D,IAAI,GAAG,CAAC,OAAO,KAAK,gBAAgB,IAAI,GAAG,CAAC,mBAAmB,KAAK,SAAS,EAAE,CAAC;QAC9E,oBAAoB;QACpB,OAAO;YACL,MAAM,EAAE,EAAE;YACV,aAAa,EAAE,eAAe;YAC9B,SAAS,EAAE,sBAAsB;YACjC,0BAA0B,EAAE,SAAS;SACtC,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,0BAA8C,CAAC;IACnD,IAAI,UAAkB,CAAC;IACvB,IAAI,QAAgB,CAAC;IACrB,0EAA0E;IAC1E,IAAI,oBAAoB,GAAG,KAAK,CAAC;IACjC,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IACvD,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAC;QAC1F,oBAAoB,GAAG,IAAI,CAAC;IAC9B,CAAC;IACD,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC;IAC3D,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC9C,qCAAqC;QACrC,QAAQ,GAAG,iBAAiB,CAAC;IAC/B,CAAC;SAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACjC,iCAAiC;QACjC,QAAQ,IAAI,CAAC,CAAC;IAChB,CAAC;IACD,oBAAoB,GAAG,IAAI,CAAC;IAE5B,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAC;QAC1F,iEAAiE;QACjE,UAAU,GAAG,GAAG,CAAC,mBAAmB,CAAC;IACvC,CAAC;IACD,IAAI,QAAQ,GAAG,iBAAiB,EAAE,CAAC;QACjC,wDAAwD;QACxD,QAAQ,GAAG,iBAAiB,CAAC;IAC/B,CAAC;IACD,IAAI,UAAU,KAAK,GAAG,CAAC,mBAAmB,IAAI,QAAQ,KAAK,iBAAiB,EAAE,CAAC;QAC7E,kCAAkC;QAClC,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;QACzF,0BAA0B,GAAG,GAAG,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC;QACrE,eAAe,GAAG,EAAE,CAAC;QACrB,sBAAsB,GAAG,WAAW,GAAG,cAAc,CAAC;IACxD,CAAC;SAAM,CAAC;QACN,yCAAyC;QACzC,IAAI,eAAe,GAAG,CAAC,CAAC;QACxB,IAAI,aAAa,GAAG,CAAC,CAAC;QACtB,0KAA0K;QAC1K,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAC;YACzC,eAAe,GAAG,UAAU,GAAG,GAAG,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QAC5E,CAAC;QACD,aAAa,GAAG,QAAQ,GAAG,GAAG,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QACtE,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;QAElH,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAC;YACzC,oIAAoI;YACpI,0BAA0B,GAAG,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;QAC1D,CAAC;aAAM,CAAC;YACN,8EAA8E;YAC9E,0BAA0B,GAAG,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;QAC1D,CAAC;QACD,sBAAsB,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC;QACnF,6EAA6E;IAC/E,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,CAAC;AACnH,CAAC,CAAC;AAaF;;;;;;GAMG;AACH,MAAM,oBAAoB,GAAG,CAAC,GAAY,EAAwB,EAAE;IAClE,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAC1B,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,IAAI,GAAG,CAAC,iBAAiB,KAAK,SAAS,IAAI,GAAG,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;QAC7E,mBAAmB;QACnB,iBAAiB,GAAG,GAAG,CAAC,iBAAiB,CAAC;QAC1C,WAAW,GAAG,GAAG,CAAC,eAAe,CAAC;QAClC,2BAA2B;QAC3B,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1C,CAAC;SAAM,IAAI,GAAG,CAAC,mBAAmB,KAAK,SAAS,EAAE,CAAC;QACjD,eAAe;QACf,iBAAiB,GAAG,GAAG,CAAC,mBAAmB,CAAC;QAC5C,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC;QACxD,cAAc,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAC5D,CAAC,CAAC;AAiBF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAA2D,EAAE;IAC5G,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACzG,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;QAChG,iDAAiD;QACjD,MAAM,sBAAsB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,WAAW,GACf,eAAe,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACtD,sBAAsB;YACtB,eAAe,CAAC,YAAY,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAChE,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,SAAS,EAAE,CAAC;IAC3D,CAAC;IACD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,sBAAsB,GAAG,CAAC,CAAC;IAC/B,sHAAsH;IACtH,wDAAwD;IACxD,kIAAkI;IAClI,gIAAgI;IAChI,qFAAqF;IACrF,iIAAiI;IACjI,IAAI,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAE9C,qDAAqD;IACrD,IAAI,iCAAiC,GAAG,CAAC,CAAC;IAC1C,gFAAgF;IAChF,IAAI,iBAAqC,CAAC;IAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,MAAK,SAAS,EAAE,CAAC;YAC3C,SAAS;QACX,CAAC;QACD,+FAA+F;QAC/F,oEAAoE;QACpE,2EAA2E;QAC3E,IAAI,gBAAgB,GAAG,CAAC,CAAC;QACzB,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,IAAI,GAAG,CAAC,OAAO,KAAK,gBAAgB,EAAE,CAAC;YACrC,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC;YACzC,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;QACD,IAAI,UAAU,IAAI,GAAG,CAAC,mBAAmB,EAAE,CAAC;YAC1C,sCAAsC;YACtC,iKAAiK;YACjK,MAAM,eAAe,GAAG,aAAa,CACnC,YAAY,EACZ,IAAI,CAAC,GAAG,CAAC,iCAAiC,EAAE,UAAU,CAAC,EACvD,GAAG,CAAC,mBAAmB,CACxB,CAAC;YAEF,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,eAAe,CAAC,GAAG,eAAe,CAAC;YAC3G,eAAe,GAAG,EAAE,CAAC;YACrB,IAAI,oBAAoB,IAAI,GAAG,CAAC,mBAAmB,EAAE,CAAC;gBACpD,uCAAuC;gBACvC,wEAAwE;gBACxE,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,EAAE,oBAAoB,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;gBACjG,sBAAsB,GAAG,GAAG,CAAC,YAAY,GAAG,aAAa,CAAC;gBAC1D,8BAA8B;gBAC9B,MAAM;YACR,CAAC;iBAAM,CAAC;gBACN,8BAA8B;gBAC9B,sBAAsB,GAAG,GAAG,CAAC,YAAY,CAAC;gBAC1C,4BAA4B;YAC9B,CAAC;QACH,CAAC;QACD,MAAM,cAAc,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,UAAU,IAAI,cAAc,CAAC,iBAAiB,EAAE,CAAC;YACnD,oCAAoC;YACpC,IAAI,UAAU,IAAI,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,KAAK,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBACvG,+CAA+C;gBAC/C,yDAAyD;gBACzD,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;gBACzF,eAAe,GAAG,EAAE,CAAC;gBACrB,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;gBACpF,8BAA8B;gBAC9B,MAAM;YACR,CAAC;iBAAM,IAAI,UAAU,IAAI,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,IAAI,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBAC7G,gCAAgC;gBAChC,IAAI,YAAY,EAAE,CAAC;oBACjB,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;wBAClB,sGAAsG;wBACtG,sEAAsE;wBACtE,mEAAmE;wBACnE,IAAI,UAAU,KAAK,cAAc,CAAC,iBAAiB,EAAE,CAAC;4BACpD,mFAAmF;4BACnF,MAAM;gCACJ,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;oCACtG,eAAe,CAAC;4BAClB,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC;4BACtG,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;4BACpF,eAAe,GAAG,EAAE,CAAC;4BACrB,8BAA8B;4BAC9B,MAAM;wBACR,CAAC;6BAAM,IACL,UAAU,GAAG,GAAG,CAAC,mBAAmB;4BACpC,oBAAoB,GAAG,cAAc,CAAC,iBAAiB;4BACvD,UAAU,KAAK,oBAAoB,EACnC,CAAC;4BACD,yEAAyE;4BACzE,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;4BACzF,iBAAiB,GAAG,GAAG,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC;4BAC7F,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;4BAEpF,eAAe,GAAG,EAAE,CAAC;4BACrB,8BAA8B;4BAC9B,MAAM;wBACR,CAAC;6BAAM,CAAC;4BACN,sEAAsE;4BACtE,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;gCACpD,QAAQ;gCACR,YAAY;gCACZ,sBAAsB;gCACtB,eAAe;gCACf,MAAM;gCACN,GAAG;gCACH,WAAW,EAAE,cAAc,CAAC,WAAW;gCACvC,cAAc,EAAE,cAAc,CAAC,cAAc;gCAC7C,iBAAiB,EAAE,cAAc,CAAC,iBAAiB;gCACnD,UAAU;gCACV,oBAAoB;gCACpB,gBAAgB;6BACjB,CAAC,CAAC;4BACH,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC;4BACxC,iBAAiB,GAAG,sBAAsB,CAAC,0BAA0B,CAAC;4BACtE,eAAe,GAAG,sBAAsB,CAAC,aAAa,CAAC;4BACvD,sBAAsB,GAAG,sBAAsB,CAAC,SAAS,CAAC;4BAC1D,qCAAqC;wBACvC,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,gEAAgE;wBAChE,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;4BACpD,QAAQ;4BACR,YAAY;4BACZ,sBAAsB;4BACtB,eAAe;4BACf,MAAM;4BACN,GAAG;4BACH,WAAW,EAAE,cAAc,CAAC,WAAW;4BACvC,cAAc,EAAE,cAAc,CAAC,cAAc;4BAC7C,iBAAiB,EAAE,cAAc,CAAC,iBAAiB;4BACnD,UAAU;4BACV,oBAAoB;4BACpB,gBAAgB;yBACjB,CAAC,CAAC;wBACH,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC;wBACxC,iBAAiB,GAAG,sBAAsB,CAAC,0BAA0B,CAAC;wBACtE,eAAe,GAAG,sBAAsB,CAAC,aAAa,CAAC;wBACvD,sBAAsB,GAAG,sBAAsB,CAAC,SAAS,CAAC;wBAC1D,8BAA8B;wBAC9B,MAAM;oBACR,CAAC;gBACH,CAAC;qBAAM,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBAC9F,eAAe;oBACf,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;oBAC3G,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC;oBACpD,MAAM,cAAc,GAAG,UAAU,CAAC;wBAChC,QAAQ,EAAE,GAAG,CAAC,OAAO;wBACrB,YAAY;wBACZ,IAAI,EAAE,GAAG,CAAC,OAAO;wBACjB,UAAU;wBACV,oBAAoB;wBACpB,MAAM,EAAE,eAAe;wBACvB,cAAc;qBACf,CAAC,CAAC;oBACH,MAAM,IAAI,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;oBACpD,iBAAiB,GAAG,cAAc,CAAC,qBAAqB,CAAC;oBACzD,8BAA8B;oBAC9B,MAAM;gBACR,CAAC;qBAAM,CAAC;oBACN,aAAa;oBACb,MAAM,eAAe,GAAG,aAAa,CAAC,YAAY,EAAE,GAAG,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;oBACzF,MAAM;wBACJ,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,eAAe,CAAC;4BACvG,eAAe,CAAC;oBAClB,eAAe,GAAG,EAAE,CAAC;oBACrB,IAAI,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,EAAE,CAAC;wBAC5D,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,EAAE,GAAG,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;wBACjG,sBAAsB,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC;oBACrF,CAAC;yBAAM,IAAI,oBAAoB,KAAK,cAAc,CAAC,iBAAiB,EAAE,CAAC;wBACrE,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC;oBACtD,CAAC;oBACD,8BAA8B;oBAC9B,MAAM;gBACR,CAAC;YACH,CAAC;iBAAM,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBAC3G,+DAA+D;gBAC/D,IAAI,YAAY,EAAE,CAAC;oBACjB,IAAI,UAAU,KAAK,cAAc,CAAC,iBAAiB,EAAE,CAAC;wBACpD,kDAAkD;wBAClD,iHAAiH;wBACjH,MAAM,IAAI,QAAQ,CAAC,SAAS,CAC1B,sBAAsB,EACtB,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAC3D,CAAC;wBACF,iFAAiF;wBACjF,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;oBACtF,CAAC;yBAAM,CAAC;wBACN,8CAA8C;wBAC9C,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;4BACpD,QAAQ;4BACR,YAAY;4BACZ,sBAAsB;4BACtB,eAAe,EAAE,EAAE;4BACnB,MAAM;4BACN,GAAG;4BACH,WAAW,EAAE,cAAc,CAAC,WAAW;4BACvC,cAAc,EAAE,cAAc,CAAC,cAAc;4BAC7C,iBAAiB,EAAE,cAAc,CAAC,iBAAiB;4BACnD,UAAU;4BACV,oBAAoB;4BACpB,gBAAgB;yBACjB,CAAC,CAAC;wBACH,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC;wBACxC,sBAAsB,GAAG,sBAAsB,CAAC,SAAS,CAAC;wBAC1D,iFAAiF;oBACnF,CAAC;gBACH,CAAC;qBAAM,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBAC9F,eAAe;oBACf,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;oBAC3G,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC;oBACpD,MAAM,cAAc,GAAG,UAAU,CAAC;wBAChC,QAAQ,EAAE,GAAG,CAAC,OAAO;wBACrB,YAAY;wBACZ,IAAI,EAAE,GAAG,CAAC,OAAO;wBACjB,UAAU;wBACV,oBAAoB;wBACpB,MAAM,EAAE,EAAE,EAAE,oHAAoH;wBAChI,cAAc;qBACf,CAAC,CAAC;oBACH,MAAM,IAAI,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,aAAa;oBACb,MAAM,eAAe,GAAG,UAAU,GAAG,GAAG,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;oBAChF,MAAM,IAAI,QAAQ,CAAC,SAAS,CAC1B,sBAAsB,EACtB,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,eAAe,CAC5D,CAAC;oBACF,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC;gBACtD,CAAC;gBACD,qCAAqC;YACvC,CAAC;iBAAM,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBAC3G,0DAA0D;gBAC1D,wDAAwD;gBACxD,2FAA2F;gBAC3F,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;gBACpF,qCAAqC;YACvC,CAAC;iBAAM,IAAI,UAAU,KAAK,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBAC7G,qDAAqD;gBACrD,wDAAwD;gBACxD,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;gBACvE,yEAAyE;gBACzE,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;gBACpF,qCAAqC;YACvC,CAAC;iBAAM,IAAI,UAAU,GAAG,GAAG,CAAC,mBAAmB,IAAI,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBAC3G,sDAAsD;gBACtD,IAAI,YAAY,EAAE,CAAC;oBACjB,cAAc;oBACd,MAAM,sBAAsB,GAAG,sBAAsB,CAAC;wBACpD,QAAQ;wBACR,YAAY;wBACZ,sBAAsB;wBACtB,eAAe,EAAE,EAAE,EAAE,4EAA4E;wBACjG,MAAM;wBACN,GAAG;wBACH,WAAW,EAAE,cAAc,CAAC,WAAW;wBACvC,cAAc,EAAE,cAAc,CAAC,cAAc;wBAC7C,iBAAiB,EAAE,cAAc,CAAC,iBAAiB;wBACnD,UAAU;wBACV,oBAAoB;wBACpB,gBAAgB;qBACjB,CAAC,CAAC;oBACH,iBAAiB,GAAG,sBAAsB,CAAC,0BAA0B,CAAC;oBACtE,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC;oBACxC,sBAAsB,GAAG,sBAAsB,CAAC,SAAS,CAAC;gBAC5D,CAAC;qBAAM,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBAC9F,eAAe;oBACf,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;oBAC3G,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC;oBACpD,MAAM,cAAc,GAAG,UAAU,CAAC;wBAChC,QAAQ,EAAE,GAAG,CAAC,OAAO;wBACrB,YAAY;wBACZ,IAAI,EAAE,GAAG,CAAC,OAAO;wBACjB,UAAU;wBACV,oBAAoB;wBACpB,MAAM,EAAE,eAAe,EAAE,yHAAyH;wBAClJ,cAAc;qBACf,CAAC,CAAC;oBACH,eAAe,GAAG,EAAE,CAAC;oBACrB,MAAM,IAAI,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,aAAa;oBACb,MAAM;wBACJ,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC;oBAC1G,eAAe,GAAG,EAAE,CAAC;oBACrB,0DAA0D;oBAC1D,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,EAAE,oBAAoB,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;oBAC1G,iFAAiF;oBACjF,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC;gBACtE,CAAC;gBACD,8BAA8B;gBAC9B,MAAM;YACR,CAAC;YACD,iCAAiC,GAAG,cAAc,CAAC,iBAAiB,CAAC;QACvE,CAAC;QAED,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAoB,IAAI,cAAc,CAAC,iBAAiB,EAAE,CAAC;YACtF,6DAA6D;YAC7D,0DAA0D;YAC1D,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC;YAC1G,IAAI,UAAU,IAAI,cAAc,CAAC,iBAAiB,EAAE,CAAC;gBACnD,MAAM,eAAe,GAAG,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;gBAClG,MAAM;oBACJ,QAAQ,CAAC,SAAS,CAChB,sBAAsB,EACtB,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,GAAG,eAAe,CAC7E,GAAG,eAAe,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,MAAM;oBACJ,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC;wBACtG,eAAe,CAAC;YACpB,CAAC;YACD,eAAe,GAAG,EAAE,CAAC;YACrB,sBAAsB,GAAG,cAAc,CAAC,WAAW,GAAG,cAAc,CAAC,cAAc,GAAG,aAAa,CAAC;YACpG,8BAA8B;YAC9B,mFAAmF;YACnF,MAAM;QACR,CAAC;IACH,CAAC;IACD,IAAI,sBAAsB,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC7C,kCAAkC;QAClC,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAC;AAC3E,CAAC,CAAC;AAiCF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAuB,EAAqB,EAAE;IACnF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAClH,KAAK,CAAC;IACR,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IACrC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;IACrC,uBAAuB;IACvB,IAAI,YAAY,GAAG,aAAa,CAAC;IACjC,IAAI,YAAY,GAAG,aAAa,CAAC;IACjC,MAAM,2BAA2B,GAAG,sBAAsB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,CAAC;IACzG,MAAM,yBAAyB,GAAG,oBAAoB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC;IACnG,MAAM,0BAA0B,GAAG,qBAAqB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;IACtG,MAAM,wBAAwB,GAAG,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC;IAChG,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,aAAa,EACb,aAAa,CACd,CAAC;IAEF,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;QAClC,uBAAuB;QACvB,IAAI,aAAa,KAAK,WAAW,EAAE,CAAC;YAClC,uCAAuC;YACvC,kBAAkB;YAClB,YAAY,GAAG,aAAa,CAAC;YAC7B,YAAY,GAAG,aAAa,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,IAAI,aAAa,GAAG,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3E,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;gBACrC,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;gBAErC,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;oBACpD,kBAAkB;oBAClB,MAAM;gBACR,CAAC;YACH,CAAC;YACD,yBAAyB;YACzB,YAAY,IAAI,CAAC,CAAC;YAClB,YAAY,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;SAAM,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;QACzC,yBAAyB;QACzB,IAAI,aAAa,KAAK,WAAW,EAAE,CAAC;YAClC,uCAAuC;YACvC,kBAAkB;YAClB,YAAY,GAAG,aAAa,CAAC;YAC7B,YAAY,GAAG,aAAa,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,IAAI,aAAa,GAAG,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3E,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;gBACrC,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;gBACrC,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;oBACpD,kBAAkB;oBAClB,MAAM;gBACR,CAAC;YACH,CAAC;YACD,yBAAyB;YACzB,YAAY,IAAI,CAAC,CAAC;YAClB,YAAY,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;SAAM,CAAC;QACN,cAAc;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,IAAI,aAAa,GAAG,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3E,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;YACrC,YAAY,GAAG,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;YAErC,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;gBACpD,kBAAkB;gBAClB,MAAM;YACR,CAAC;QACH,CAAC;QACD,0EAA0E;QAC1E,IAAI,YAAY,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;YACpC,YAAY,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,IAAI,YAAY,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;YACpC,YAAY,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IACD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AACrD,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,UAAmB,EAAE,aAA+B,EAAU,EAAE;IAC7G,MAAM,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,EAAE,GAAG,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,kCAAkC,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAClF,OAAO,GAAG,GAAG,gBAAgB,GAAG,MAAM,GAAG,GAAG,GAAG,WAAW,GAAG,IAAI,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAC7F,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,UAAmB,EAAE,aAA+B,EAAU,EAAE;IACjH,MAAM,sBAAsB,GAAG,aAAa,CAAC,eAAe,CAAC,sBAAsB,CAAC;IACpF,OAAO,UAAU,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,EAAE,CAAC;AAC/F,CAAC,CAAC;AA0BF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,OAAe,EAA0C,EAAE;;IACvG,MAAM,IAAI,GAAc,EAAE,CAAC,CAAC,iCAAiC;IAC7D,MAAM,aAAa,GAAc,EAAE,CAAC,CAAC,mCAAmC;IAExE,IAAI,uBAAuB,GAAG,EAAE,CAAC;IAEjC,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAChC,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEvD,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;gBACrB,0DAA0D;gBAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;gBAC3C,uBAAuB,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,uBAAuB,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;YACzD,CAAC;YACD,MAAM;QACR,CAAC;QAED,IAAI,YAAY,CAAC,IAAI,KAAK,MAAM,IAAI,YAAY,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACzE,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC1E,6DAA6D;YAC7D,uBAAuB,IAAI,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;YACrG,OAAO,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC;YAE7D,IAAI,YAAY,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACjC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;gBACrB,OAAO,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC;gBAC7D,OAAO,CAAC,iBAAiB,GAAG,uBAAuB,CAAC,MAAM,CAAC;gBAC3D,MAAM,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;QAED,IAAI,YAAY,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;YAC3C,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtG,IAAI,cAAc,IAAI,cAAc,CAAC,OAAO,KAAK,YAAY,EAAE,CAAC;gBAC9D,+FAA+F;gBAC/F,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CACrC,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,MAAM,EAC/D,YAAY,CAAC,QAAQ,CACtB,CAAC;gBAEF,gDAAgD;gBAChD,IAAI,cAAc,CAAC,OAAO,KAAK,gBAAgB,EAAE,CAAC;oBAChD,uBAAuB;wBACrB,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC;4BACpE,OAAO;4BACP,uBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;gBACtE,CAAC;gBAED,MAAM,UAAU,GAAG,MAAA,cAAc,CAAC,OAAO,0CAAG,cAAc,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC/E,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;oBAC5B,uBAAuB,IAAI,sBAAsB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC5E,CAAC;qBAAM,IAAI,UAAU,EAAE,CAAC;oBACtB,8BAA8B;oBAC9B,MAAM,oBAAoB,GACxB,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,mCAAI,UAAU,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;oBAC3F,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;oBAC5E,uBAAuB,IAAI,sBAAsB,CAAC,YAAY,CAAC,CAAC;gBAClE,CAAC;gBAED,cAAc,CAAC,iBAAiB,GAAG,uBAAuB,CAAC,MAAM,CAAC;gBAClE,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,KAAK,CACb,mCAAmC;oBACjC,YAAY;oBACZ,kBAAkB;qBAClB,MAAA,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,OAAO,CAAA;oBAChD,GAAG,CACN,CAAC;YACJ,CAAC;QACH,CAAC;QAED,2DAA2D;QAC3D,UAAU,GAAG,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC;IACnE,CAAC,CAAC,sCAAsC;IAExC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,QAAgB,EAAW,EAAE;;IAC9D,IAAI,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/C,OAAO,GAAG,MAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC;IAC3C,OAAO,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACjD,OAAO;QACL,OAAO;QACP,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,GAAG;KACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAuB,EAAE;IAChF,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IACpD,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;QACzB,eAAe;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;IACrD,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;QACvB,eAAe;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;IAC3D,IAAI,IAAI,GAAgB,MAAM,CAAC;IAC/B,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,IAAI,GAAG,OAAO,CAAC;IACjB,CAAC;SAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QACvC,IAAI,GAAG,cAAc,CAAC;IACxB,CAAC;IACD,OAAO;QACL,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,aAAa;QACvB,IAAI;KACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,GAAY,EAAE,UAAqB,EAAE,IAAe,EAAQ,EAAE;;IAC5E,0DAA0D;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEpD,IAAI,SAAS,EAAE,CAAC;QACd,6DAA6D;QAC7D,MAAM,qBAAqB,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC;QACpF,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,qBAAqB,CAAC;QAC7D,GAAG,CAAC,YAAY,GAAG,WAAW,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;QACzB,wEAAwE;QACxE,IAAI,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;YACxD,GAAG,CAAC,eAAe,GAAG,GAAG,CAAC,YAAY,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,gGAAgG;YAChG,GAAG,CAAC,eAAe,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,MAAA,GAAG,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,MAAM,CAAC;QAC/F,CAAC;IACH,CAAC;IAED,+BAA+B;IAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,SAAS,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,6FAA6F;AAC7F,MAAM,eAAe,GAAG,CAAC,IAAY,EAAU,EAAE;IAC/C,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,IAAI,gBAAgB,gBAAgB,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;IAC9F,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI;aACR,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC;aAClC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;aACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,QAAgB,EAAU,EAAE;IACxF,OAAO,QAAQ,GAAG,UAAU,GAAG,gCAAgC,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,QAAgB,EAAU,EAAE;;IACtG,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACrD,MAAM,wBAAwB,GAAG,CAAA,MAAA,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,0CAAE,MAAM,KAAI,CAAC,CAAC;IACxE,IAAI,iBAAiB,GAAG,wBAAwB,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAChF,MAAM,qBAAqB,GAAG,CAAA,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,MAAM,KAAI,CAAC,CAAC;IAC/D,iBAAiB,IAAI,qBAAqB,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3E,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,IAAY,EAAU,EAAE;IACtD,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACjF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ComponentStrings } from '../../localization';\nimport { Mention } from '../MentionPopover';\n\nconst MSFT_MENTION_TAG = 'msft-mention';\n\n/**\n * Props for finding a valid index in range.\n *\n * @private\n */\ntype ValidatedIndexRangeProps = {\n  min: number;\n  max: number;\n  currentValue?: number;\n};\n\n/**\n * Get validated value for index between min and max values. If currentValue is not defined, -1 will be used instead.\n *\n * @private\n * @param props - Props for finding a valid index in range.\n * @returns Valid index in the range.\n */\nexport const getValidatedIndexInRange = (props: ValidatedIndexRangeProps): number => {\n  const { min, max, currentValue } = props;\n  let updatedValue = currentValue ?? -1;\n  updatedValue = Math.max(min, updatedValue);\n  updatedValue = Math.min(updatedValue, max);\n  return updatedValue;\n};\n\n/**\n * Find mention tag for selection if exists.\n *\n * @private\n * @param tags - Existing list of tags.\n * @param selection - Selection index.\n * @returns Mention tag if exists, otherwise undefined.\n */\nexport const findMentionTagForSelection = (tags: TagData[], selection: number): TagData | undefined => {\n  let mentionTag: TagData | undefined = undefined;\n  tags.every((tag) => {\n    const closingTagInfo = getTagClosingTagInfo(tag);\n    if (tag.plainTextBeginIndex !== undefined && tag.plainTextBeginIndex > selection) {\n      // no need to check further as the selection is before the tag\n      return false;\n    } else if (\n      tag.plainTextBeginIndex !== undefined &&\n      tag.plainTextBeginIndex <= selection &&\n      selection <= closingTagInfo.plainTextEndIndex\n    ) {\n      // no need to check if tag doesn't contain selection\n      if (tag.subTags !== undefined && tag.subTags.length !== 0) {\n        const selectedTag = findMentionTagForSelection(tag.subTags, selection);\n        if (selectedTag !== undefined) {\n          mentionTag = selectedTag;\n          return false;\n        }\n      } else if (tag.tagType === MSFT_MENTION_TAG) {\n        mentionTag = tag;\n        return false;\n      }\n    }\n    return true;\n  });\n  return mentionTag;\n};\n\n/**\n * Props for finding new selection index for mention\n *\n * @private\n */\ntype NewSelectionIndexForMentionProps = {\n  tag: TagData;\n  textValue: string;\n  currentSelectionIndex: number;\n  previousSelectionIndex: number;\n};\n\n/**\n * Find a new the selection index.\n *\n * @private\n * @param props - Props for finding new selection index for mention.\n * @returns New selection index if it is inside of a mention tag, otherwise the current selection.\n */\nexport const findNewSelectionIndexForMention = (props: NewSelectionIndexForMentionProps): number => {\n  const { tag, textValue, currentSelectionIndex, previousSelectionIndex } = props;\n  // check if this is a mention tag and selection should be updated\n  if (\n    tag.tagType !== MSFT_MENTION_TAG ||\n    tag.plainTextBeginIndex === undefined ||\n    currentSelectionIndex === previousSelectionIndex ||\n    tag.plainTextEndIndex === undefined\n  ) {\n    return currentSelectionIndex;\n  }\n  let spaceIndex = 0;\n  if (currentSelectionIndex <= previousSelectionIndex) {\n    // the cursor is moved to the left, find the last index before the cursor\n    spaceIndex = textValue.lastIndexOf(' ', currentSelectionIndex ?? 0);\n    if (spaceIndex === -1) {\n      // no space before the selection, use the beginning of the tag\n      spaceIndex = tag.plainTextBeginIndex;\n    }\n  } else {\n    // the cursor is moved to the right, find the fist index after the cursor\n    spaceIndex = textValue.indexOf(' ', currentSelectionIndex ?? 0);\n    if (spaceIndex === -1) {\n      // no space after the selection, use the end of the tag\n      spaceIndex = tag.plainTextEndIndex ?? tag.plainTextBeginIndex;\n    }\n  }\n  spaceIndex = getValidatedIndexInRange({\n    min: tag.plainTextBeginIndex,\n    max: tag.plainTextEndIndex,\n    currentValue: spaceIndex\n  });\n  return spaceIndex;\n};\n\n/**\n * Props for mention update HTML function\n *\n * @private\n */\ntype MentionTagUpdateProps = {\n  htmlText: string;\n  oldPlainText: string;\n  lastProcessedHTMLIndex: number;\n  processedChange: string;\n  change: string;\n  tag: TagData;\n  closeTagIdx: number;\n  closeTagLength: number;\n  plainTextEndIndex: number;\n  startIndex: number;\n  oldPlainTextEndIndex: number;\n  mentionTagLength: number;\n};\n\n/**\n * Result for mention update HTML function\n *\n * @private\n */\ntype MentionTagUpdateResult = {\n  result: string;\n  updatedChange: string;\n  htmlIndex: number;\n  plainTextSelectionEndIndex?: number;\n};\n\n/**\n * Handle mention tag edit and by word deleting\n *\n * @private\n * @param props - Props for mention update HTML function.\n * @returns Updated texts and indexes.\n */\nconst handleMentionTagUpdate = (props: MentionTagUpdateProps): MentionTagUpdateResult => {\n  const {\n    htmlText,\n    oldPlainText,\n    change,\n    tag,\n    closeTagIdx,\n    closeTagLength,\n    plainTextEndIndex,\n    startIndex,\n    oldPlainTextEndIndex,\n    mentionTagLength\n  } = props;\n  let processedChange = props.processedChange;\n  let lastProcessedHTMLIndex = props.lastProcessedHTMLIndex;\n  if (tag.tagType !== MSFT_MENTION_TAG || tag.plainTextBeginIndex === undefined) {\n    // not a mention tag\n    return {\n      result: '',\n      updatedChange: processedChange,\n      htmlIndex: lastProcessedHTMLIndex,\n      plainTextSelectionEndIndex: undefined\n    };\n  }\n  let result = '';\n  let plainTextSelectionEndIndex: number | undefined;\n  let rangeStart: number;\n  let rangeEnd: number;\n  // check if space symbol is handled in case if string looks like '<1 2 3>'\n  let isSpaceLengthHandled = false;\n  rangeStart = oldPlainText.lastIndexOf(' ', startIndex);\n  if (rangeStart !== -1 && rangeStart !== undefined && rangeStart > tag.plainTextBeginIndex) {\n    isSpaceLengthHandled = true;\n  }\n  rangeEnd = oldPlainText.indexOf(' ', oldPlainTextEndIndex);\n  if (rangeEnd === -1 || rangeEnd === undefined) {\n    // check if space symbol is not found\n    rangeEnd = plainTextEndIndex;\n  } else if (!isSpaceLengthHandled) {\n    // +1 to include the space symbol\n    rangeEnd += 1;\n  }\n  isSpaceLengthHandled = true;\n\n  if (rangeStart === -1 || rangeStart === undefined || rangeStart < tag.plainTextBeginIndex) {\n    // rangeStart should be at least equal to tag.plainTextBeginIndex\n    rangeStart = tag.plainTextBeginIndex;\n  }\n  if (rangeEnd > plainTextEndIndex) {\n    // rangeEnd should be at most equal to plainTextEndIndex\n    rangeEnd = plainTextEndIndex;\n  }\n  if (rangeStart === tag.plainTextBeginIndex && rangeEnd === plainTextEndIndex) {\n    // the whole tag should be removed\n    result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex) + processedChange;\n    plainTextSelectionEndIndex = tag.plainTextBeginIndex + change.length;\n    processedChange = '';\n    lastProcessedHTMLIndex = closeTagIdx + closeTagLength;\n  } else {\n    // only part of the tag should be removed\n    let startChangeDiff = 0;\n    let endChangeDiff = 0;\n    // need to check only rangeStart > tag.plainTextBeginIndex as when rangeStart === tag.plainTextBeginIndex startChangeDiff = 0 and mentionTagLength shouldn't be subtracted\n    if (rangeStart > tag.plainTextBeginIndex) {\n      startChangeDiff = rangeStart - tag.plainTextBeginIndex - mentionTagLength;\n    }\n    endChangeDiff = rangeEnd - tag.plainTextBeginIndex - mentionTagLength;\n    result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length + startChangeDiff);\n\n    if (startIndex < tag.plainTextBeginIndex) {\n      // if the change is before the tag, the selection should start from startIndex (rangeStart will be equal to tag.plainTextBeginIndex)\n      plainTextSelectionEndIndex = startIndex + change.length;\n    } else {\n      // if the change is inside the tag, the selection should start with rangeStart\n      plainTextSelectionEndIndex = rangeStart + change.length;\n    }\n    lastProcessedHTMLIndex = tag.openTagIndex + tag.openTagBody.length + endChangeDiff;\n    // processed change should not be changed as it should be added after the tag\n  }\n  return { result, updatedChange: processedChange, htmlIndex: lastProcessedHTMLIndex, plainTextSelectionEndIndex };\n};\n\n/**\n * Closing tag information\n *\n * @private\n */\ntype ClosingTagInfoResult = {\n  plainTextEndIndex: number;\n  closeTagIdx: number;\n  closeTagLength: number;\n};\n\n/**\n * Get closing tag information if exists otherwise return information as for self closing tag\n *\n * @private\n * @param tag - Tag data.\n * @returns Closing tag information for the provided tag.\n */\nconst getTagClosingTagInfo = (tag: TagData): ClosingTagInfoResult => {\n  let plainTextEndIndex = 0;\n  let closeTagIdx = 0;\n  let closeTagLength = 0;\n  if (tag.plainTextEndIndex !== undefined && tag.closingTagIndex !== undefined) {\n    // close tag exists\n    plainTextEndIndex = tag.plainTextEndIndex;\n    closeTagIdx = tag.closingTagIndex;\n    // tag.tagType.length + </>\n    closeTagLength = tag.tagType.length + 3;\n  } else if (tag.plainTextBeginIndex !== undefined) {\n    // no close tag\n    plainTextEndIndex = tag.plainTextBeginIndex;\n    closeTagIdx = tag.openTagIndex + tag.openTagBody.length;\n    closeTagLength = 0;\n  }\n  return { plainTextEndIndex, closeTagIdx, closeTagLength };\n};\n\n/**\n * Props for update HTML function\n *\n * @private\n */\ntype UpdateHTMLProps = {\n  htmlText: string;\n  oldPlainText: string;\n  tags: TagData[];\n  startIndex: number;\n  oldPlainTextEndIndex: number;\n  change: string;\n  mentionTrigger: string;\n};\n\n/**\n * Go through the text and update it with the changed text\n *\n * @private\n * @param props - Props for update HTML function.\n * @returns Updated HTML and selection index if the selection index should be set.\n */\nexport const updateHTML = (props: UpdateHTMLProps): { updatedHTML: string; updatedSelectionIndex?: number } => {\n  const { htmlText, oldPlainText, tags, startIndex, oldPlainTextEndIndex, change, mentionTrigger } = props;\n  if (tags.length === 0 || (startIndex === 0 && oldPlainTextEndIndex === oldPlainText.length - 1)) {\n    // no tags added yet or the whole text is changed\n    const changeWithSkippedChars = escapeHTMLChars(change);\n    const updatedHTML =\n      escapeHTMLChars(oldPlainText.substring(0, startIndex)) +\n      changeWithSkippedChars +\n      escapeHTMLChars(oldPlainText.substring(oldPlainTextEndIndex));\n    return { updatedHTML, updatedSelectionIndex: undefined };\n  }\n  let result = '';\n  let lastProcessedHTMLIndex = 0;\n  // the value can be updated with empty string when the change covers more than 1 place (tag + before or after the tag)\n  // in this case change won't be added as part of the tag\n  // e.g.: change is before and partially in tag => change will be added before the tag and outdated text in the tag will be removed\n  // e.g.: change is after and partially in tag => change will be added after the tag and outdated text in the tag will be removed\n  // e.g.: change is on the beginning of the tag => change will be added before the tag\n  // e.g.: change is on the end of the tag => change will be added to the tag if it's not mention and after the tag if it's mention\n  let processedChange = escapeHTMLChars(change);\n\n  // end tag plain text index of the last processed tag\n  let lastProcessedPlainTextTagEndIndex = 0;\n  // as some tags/text can be removed fully, selection should be updated correctly\n  let changeNewEndIndex: number | undefined;\n\n  for (let i = 0; i < tags.length; i++) {\n    const tag = tags[i];\n    if (tag?.plainTextBeginIndex === undefined) {\n      continue;\n    }\n    // all plain text indexes includes trigger length for the mention that shouldn't be included in\n    // htmlText.substring because html strings don't include the trigger\n    // mentionTagLength will be set only for mention tag, otherwise should be 0\n    let mentionTagLength = 0;\n    let isMentionTag = false;\n    if (tag.tagType === MSFT_MENTION_TAG) {\n      mentionTagLength = mentionTrigger.length;\n      isMentionTag = true;\n    }\n    if (startIndex <= tag.plainTextBeginIndex) {\n      // change start is before the open tag\n      // Math.max(lastProcessedPlainTextTagEndIndex, startIndex) is used as startIndex may not be in [[previous tag].plainTextEndIndex - tag.plainTextBeginIndex] range\n      const startChangeDiff = getChangeDiff(\n        oldPlainText,\n        Math.max(lastProcessedPlainTextTagEndIndex, startIndex),\n        tag.plainTextBeginIndex\n      );\n\n      result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex - startChangeDiff) + processedChange;\n      processedChange = '';\n      if (oldPlainTextEndIndex <= tag.plainTextBeginIndex) {\n        // the whole change is before tag start\n        // mentionTag length can be ignored here as the change is before the tag\n        const endChangeDiff = getChangeDiff(oldPlainText, oldPlainTextEndIndex, tag.plainTextBeginIndex);\n        lastProcessedHTMLIndex = tag.openTagIndex - endChangeDiff;\n        // the change is handled; exit\n        break;\n      } else {\n        // change continues in the tag\n        lastProcessedHTMLIndex = tag.openTagIndex;\n        // proceed to the next check\n      }\n    }\n    const closingTagInfo = getTagClosingTagInfo(tag);\n    if (startIndex <= closingTagInfo.plainTextEndIndex) {\n      // change started before the end tag\n      if (startIndex <= tag.plainTextBeginIndex && oldPlainTextEndIndex === closingTagInfo.plainTextEndIndex) {\n        // the change is a tag or starts before the tag\n        // tag should be removed, no matter if there are sub-tags\n        result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex) + processedChange;\n        processedChange = '';\n        lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n        // the change is handled; exit\n        break;\n      } else if (startIndex >= tag.plainTextBeginIndex && oldPlainTextEndIndex <= closingTagInfo.plainTextEndIndex) {\n        // the change is between the tag\n        if (isMentionTag) {\n          if (change !== '') {\n            // case for startIndex === tag.plainTextBeginIndex and closingTagInfo.plainTextEndIndex === startIndex\n            // is handled in startIndex <= tag.plainTextBeginIndex condition check\n            // the change will be added at the beginning before the mention tag\n            if (startIndex === closingTagInfo.plainTextEndIndex) {\n              // non empty change at the end of the mention tag to be added after the mention tag\n              result +=\n                htmlText.substring(lastProcessedHTMLIndex, closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength) +\n                processedChange;\n              changeNewEndIndex = closingTagInfo.plainTextEndIndex + unEscapeHtmlCharacters(processedChange).length;\n              lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n              processedChange = '';\n              // the change is handled; exit\n              break;\n            } else if (\n              startIndex > tag.plainTextBeginIndex &&\n              oldPlainTextEndIndex < closingTagInfo.plainTextEndIndex &&\n              startIndex === oldPlainTextEndIndex\n            ) {\n              // mention tag should be deleted when user tries to edit it in the middle\n              result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex) + processedChange;\n              changeNewEndIndex = tag.plainTextBeginIndex + unEscapeHtmlCharacters(processedChange).length;\n              lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n\n              processedChange = '';\n              // the change is handled; exit\n              break;\n            } else {\n              // the selection for more that 1 symbol when 1 of the ends is included\n              const updateMentionTagResult = handleMentionTagUpdate({\n                htmlText,\n                oldPlainText,\n                lastProcessedHTMLIndex,\n                processedChange,\n                change,\n                tag,\n                closeTagIdx: closingTagInfo.closeTagIdx,\n                closeTagLength: closingTagInfo.closeTagLength,\n                plainTextEndIndex: closingTagInfo.plainTextEndIndex,\n                startIndex,\n                oldPlainTextEndIndex,\n                mentionTagLength\n              });\n              result += updateMentionTagResult.result;\n              changeNewEndIndex = updateMentionTagResult.plainTextSelectionEndIndex;\n              processedChange = updateMentionTagResult.updatedChange;\n              lastProcessedHTMLIndex = updateMentionTagResult.htmlIndex;\n              // proceed with the next calculations\n            }\n          } else {\n            // When change is empty, it means that this change is a deletion\n            const updateMentionTagResult = handleMentionTagUpdate({\n              htmlText,\n              oldPlainText,\n              lastProcessedHTMLIndex,\n              processedChange,\n              change,\n              tag,\n              closeTagIdx: closingTagInfo.closeTagIdx,\n              closeTagLength: closingTagInfo.closeTagLength,\n              plainTextEndIndex: closingTagInfo.plainTextEndIndex,\n              startIndex,\n              oldPlainTextEndIndex,\n              mentionTagLength\n            });\n            result += updateMentionTagResult.result;\n            changeNewEndIndex = updateMentionTagResult.plainTextSelectionEndIndex;\n            processedChange = updateMentionTagResult.updatedChange;\n            lastProcessedHTMLIndex = updateMentionTagResult.htmlIndex;\n            // the change is handled; exit\n            break;\n          }\n        } else if (tag.subTags !== undefined && tag.subTags.length !== 0 && tag.content !== undefined) {\n          // with subtags\n          const stringBefore = htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length);\n          lastProcessedHTMLIndex = closingTagInfo.closeTagIdx;\n          const updatedContent = updateHTML({\n            htmlText: tag.content,\n            oldPlainText,\n            tags: tag.subTags,\n            startIndex,\n            oldPlainTextEndIndex,\n            change: processedChange,\n            mentionTrigger\n          });\n          result += stringBefore + updatedContent.updatedHTML;\n          changeNewEndIndex = updatedContent.updatedSelectionIndex;\n          // the change is handled; exit\n          break;\n        } else {\n          // no subtags\n          const startChangeDiff = getChangeDiff(oldPlainText, tag.plainTextBeginIndex, startIndex);\n          result +=\n            htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length + startChangeDiff) +\n            processedChange;\n          processedChange = '';\n          if (oldPlainTextEndIndex < closingTagInfo.plainTextEndIndex) {\n            const endChangeDiff = getChangeDiff(oldPlainText, tag.plainTextBeginIndex, oldPlainTextEndIndex);\n            lastProcessedHTMLIndex = tag.openTagIndex + tag.openTagBody.length + endChangeDiff;\n          } else if (oldPlainTextEndIndex === closingTagInfo.plainTextEndIndex) {\n            lastProcessedHTMLIndex = closingTagInfo.closeTagIdx;\n          }\n          // the change is handled; exit\n          break;\n        }\n      } else if (startIndex > tag.plainTextBeginIndex && oldPlainTextEndIndex > closingTagInfo.plainTextEndIndex) {\n        // the change started in the tag but finishes somewhere further\n        if (isMentionTag) {\n          if (startIndex === closingTagInfo.plainTextEndIndex) {\n            // the change should be handled out of mention tag\n            // as startIndex === closingTagInfo.plainTextEndIndex and oldPlainTextEndIndex > closingTagInfo.plainTextEndIndex\n            result += htmlText.substring(\n              lastProcessedHTMLIndex,\n              closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength\n            );\n            // no need to handle plainTextSelectionEndIndex as the change will be added later\n            lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n          } else {\n            // part of the mention tag was changed/deleted\n            const updateMentionTagResult = handleMentionTagUpdate({\n              htmlText,\n              oldPlainText,\n              lastProcessedHTMLIndex,\n              processedChange: '',\n              change,\n              tag,\n              closeTagIdx: closingTagInfo.closeTagIdx,\n              closeTagLength: closingTagInfo.closeTagLength,\n              plainTextEndIndex: closingTagInfo.plainTextEndIndex,\n              startIndex,\n              oldPlainTextEndIndex,\n              mentionTagLength\n            });\n            result += updateMentionTagResult.result;\n            lastProcessedHTMLIndex = updateMentionTagResult.htmlIndex;\n            // no need to handle plainTextSelectionEndIndex as the change will be added later\n          }\n        } else if (tag.subTags !== undefined && tag.subTags.length !== 0 && tag.content !== undefined) {\n          // with subtags\n          const stringBefore = htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length);\n          lastProcessedHTMLIndex = closingTagInfo.closeTagIdx;\n          const updatedContent = updateHTML({\n            htmlText: tag.content,\n            oldPlainText,\n            tags: tag.subTags,\n            startIndex,\n            oldPlainTextEndIndex,\n            change: '', // the part of the tag should be just deleted without processedChange update and change will be added after this tag\n            mentionTrigger\n          });\n          result += stringBefore + updatedContent.updatedHTML;\n        } else {\n          // no subtags\n          const startChangeDiff = startIndex - tag.plainTextBeginIndex - mentionTagLength;\n          result += htmlText.substring(\n            lastProcessedHTMLIndex,\n            tag.openTagIndex + tag.openTagBody.length + startChangeDiff\n          );\n          lastProcessedHTMLIndex = closingTagInfo.closeTagIdx;\n        }\n        // proceed with the next calculations\n      } else if (startIndex < tag.plainTextBeginIndex && oldPlainTextEndIndex > closingTagInfo.plainTextEndIndex) {\n        // the change starts before  the tag and finishes after it\n        // tag should be removed, no matter if there are subtags\n        // no need to save anything between lastProcessedHTMLIndex and closeTagIdx + closeTagLength\n        lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n        // proceed with the next calculations\n      } else if (startIndex === tag.plainTextBeginIndex && oldPlainTextEndIndex > closingTagInfo.plainTextEndIndex) {\n        // the change starts in the tag and finishes after it\n        // tag should be removed, no matter if there are subtags\n        result += htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex);\n        // processedChange shouldn't be updated as it will be added after the tag\n        lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength;\n        // proceed with the next calculations\n      } else if (startIndex < tag.plainTextBeginIndex && oldPlainTextEndIndex < closingTagInfo.plainTextEndIndex) {\n        // the change  starts before the tag and ends in a tag\n        if (isMentionTag) {\n          // mention tag\n          const updateMentionTagResult = handleMentionTagUpdate({\n            htmlText,\n            oldPlainText,\n            lastProcessedHTMLIndex,\n            processedChange: '', // the part of mention should be just deleted without processedChange update\n            change,\n            tag,\n            closeTagIdx: closingTagInfo.closeTagIdx,\n            closeTagLength: closingTagInfo.closeTagLength,\n            plainTextEndIndex: closingTagInfo.plainTextEndIndex,\n            startIndex,\n            oldPlainTextEndIndex,\n            mentionTagLength\n          });\n          changeNewEndIndex = updateMentionTagResult.plainTextSelectionEndIndex;\n          result += updateMentionTagResult.result;\n          lastProcessedHTMLIndex = updateMentionTagResult.htmlIndex;\n        } else if (tag.subTags !== undefined && tag.subTags.length !== 0 && tag.content !== undefined) {\n          // with subtags\n          const stringBefore = htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length);\n          lastProcessedHTMLIndex = closingTagInfo.closeTagIdx;\n          const updatedContent = updateHTML({\n            htmlText: tag.content,\n            oldPlainText,\n            tags: tag.subTags,\n            startIndex,\n            oldPlainTextEndIndex,\n            change: processedChange, // processedChange should be equal '' and the part of the tag should be deleted as the change was handled before this tag\n            mentionTrigger\n          });\n          processedChange = '';\n          result += stringBefore + updatedContent.updatedHTML;\n        } else {\n          // no subtags\n          result +=\n            htmlText.substring(lastProcessedHTMLIndex, tag.openTagIndex + tag.openTagBody.length) + processedChange;\n          processedChange = '';\n          // oldPlainTextEndIndex already includes mentionTag length\n          const endChangeDiff = getChangeDiff(oldPlainText, oldPlainTextEndIndex, closingTagInfo.plainTextEndIndex);\n          // as change may be before the end of the tag, we need to add the rest of the tag\n          lastProcessedHTMLIndex = closingTagInfo.closeTagIdx - endChangeDiff;\n        }\n        // the change is handled; exit\n        break;\n      }\n      lastProcessedPlainTextTagEndIndex = closingTagInfo.plainTextEndIndex;\n    }\n\n    if (i === tags.length - 1 && oldPlainTextEndIndex >= closingTagInfo.plainTextEndIndex) {\n      // the last tag should handle the end of the change if needed\n      // oldPlainTextEndIndex already includes mentionTag length\n      const endChangeDiff = getChangeDiff(oldPlainText, closingTagInfo.plainTextEndIndex, oldPlainTextEndIndex);\n      if (startIndex >= closingTagInfo.plainTextEndIndex) {\n        const startChangeDiff = getChangeDiff(oldPlainText, closingTagInfo.plainTextEndIndex, startIndex);\n        result +=\n          htmlText.substring(\n            lastProcessedHTMLIndex,\n            closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength + startChangeDiff\n          ) + processedChange;\n      } else {\n        result +=\n          htmlText.substring(lastProcessedHTMLIndex, closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength) +\n          processedChange;\n      }\n      processedChange = '';\n      lastProcessedHTMLIndex = closingTagInfo.closeTagIdx + closingTagInfo.closeTagLength + endChangeDiff;\n      // the change is handled; exit\n      // break is not required here as this is the last element but added for consistency\n      break;\n    }\n  }\n  if (lastProcessedHTMLIndex < htmlText.length) {\n    // add the rest of the html string\n    result += htmlText.substring(lastProcessedHTMLIndex);\n  }\n  return { updatedHTML: result, updatedSelectionIndex: changeNewEndIndex };\n};\n\n/**\n * Props for finding strings diff indexes\n *\n * @private\n */\ntype DiffIndexesProps = {\n  // the old text\n  oldText: string;\n  // the new text\n  newText: string;\n  // the start of previous selection, should be a valid position in the input field\n  previousSelectionStart: number;\n  // the end of previous selection, should be a valid position in the input field\n  previousSelectionEnd: number;\n  // the start of current selection, should be a valid position in the input field\n  currentSelectionStart: number;\n  // the end of current selection, should be a valid position in the input field\n  currentSelectionEnd: number;\n};\n\n/**\n * Result of finding strings diff indexes function\n *\n * @private\n */\ntype DiffIndexesResult = {\n  changeStart: number;\n  oldChangeEnd: number;\n  newChangeEnd: number;\n};\n\n/**\n * Given the oldText and newText, find the start index, old end index and new end index for the changes\n *\n * @private\n * @param props - Props for finding stings diff indexes function.\n * @returns Indexes for change start and ends in new and old texts. The old and new end indexes are exclusive.\n */\nexport const findStringsDiffIndexes = (props: DiffIndexesProps): DiffIndexesResult => {\n  const { oldText, newText, previousSelectionStart, previousSelectionEnd, currentSelectionStart, currentSelectionEnd } =\n    props;\n  const newTextLength = newText.length;\n  const oldTextLength = oldText.length;\n  // let changeStart = 0;\n  let newChangeEnd = newTextLength;\n  let oldChangeEnd = oldTextLength;\n  const previousSelectionStartValue = previousSelectionStart > -1 ? previousSelectionStart : oldTextLength;\n  const previousSelectionEndValue = previousSelectionEnd > -1 ? previousSelectionEnd : oldTextLength;\n  const currentSelectionStartValue = currentSelectionStart > -1 ? currentSelectionStart : newTextLength;\n  const currentSelectionEndValue = currentSelectionEnd > -1 ? currentSelectionEnd : newTextLength;\n  const changeStart = Math.min(\n    previousSelectionStartValue,\n    previousSelectionEndValue,\n    currentSelectionStartValue,\n    currentSelectionEndValue,\n    newTextLength,\n    oldTextLength\n  );\n\n  if (oldTextLength < newTextLength) {\n    //insert or replacement\n    if (oldTextLength === changeStart) {\n      // when change was at the end of string\n      // change is found\n      newChangeEnd = newTextLength;\n      oldChangeEnd = oldTextLength;\n    } else {\n      for (let i = 0; i < newTextLength && oldTextLength - i >= changeStart; i++) {\n        newChangeEnd = newTextLength - i - 1;\n        oldChangeEnd = oldTextLength - i - 1;\n\n        if (newText[newChangeEnd] !== oldText[oldChangeEnd]) {\n          // change is found\n          break;\n        }\n      }\n      // make indexes exclusive\n      newChangeEnd += 1;\n      oldChangeEnd += 1;\n    }\n  } else if (oldTextLength > newTextLength) {\n    //deletion or replacement\n    if (newTextLength === changeStart) {\n      // when change was at the end of string\n      // change is found\n      newChangeEnd = newTextLength;\n      oldChangeEnd = oldTextLength;\n    } else {\n      for (let i = 0; i < oldTextLength && newTextLength - i >= changeStart; i++) {\n        newChangeEnd = newTextLength - i - 1;\n        oldChangeEnd = oldTextLength - i - 1;\n        if (newText[newChangeEnd] !== oldText[oldChangeEnd]) {\n          // change is found\n          break;\n        }\n      }\n      // make indexes exclusive\n      newChangeEnd += 1;\n      oldChangeEnd += 1;\n    }\n  } else {\n    // replacement\n    for (let i = 0; i < oldTextLength && oldTextLength - i >= changeStart; i++) {\n      newChangeEnd = newTextLength - i - 1;\n      oldChangeEnd = oldTextLength - i - 1;\n\n      if (newText[newChangeEnd] !== oldText[oldChangeEnd]) {\n        // change is found\n        break;\n      }\n    }\n    // make indexes exclusive if they aren't equal to the length of the string\n    if (newChangeEnd !== newText.length) {\n      newChangeEnd += 1;\n    }\n    if (oldChangeEnd !== oldText.length) {\n      oldChangeEnd += 1;\n    }\n  }\n  return { changeStart, oldChangeEnd, newChangeEnd };\n};\n\n/**\n * Get the html string for the mention suggestion.\n *\n * @private\n * @param suggestion - The mention suggestion.\n * @param localeStrings - The locale strings.\n * @returns The html string for the mention suggestion.\n */\nexport const htmlStringForMentionSuggestion = (suggestion: Mention, localeStrings: ComponentStrings): string => {\n  const idHTML = ' id=\"' + suggestion.id + '\"';\n  const displayText = getDisplayNameForMentionSuggestion(suggestion, localeStrings);\n  return '<' + MSFT_MENTION_TAG + idHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';\n};\n\n/**\n * Get display name for the mention suggestion.\n *\n * @private\n *\n * @param suggestion - The mention suggestion.\n * @param localeStrings - The locale strings.\n * @returns The display name for the mention suggestion or display name placeholder if display name is empty.\n */\nexport const getDisplayNameForMentionSuggestion = (suggestion: Mention, localeStrings: ComponentStrings): string => {\n  const displayNamePlaceholder = localeStrings.participantItem.displayNamePlaceholder;\n  return suggestion.displayText !== '' ? suggestion.displayText : displayNamePlaceholder ?? '';\n};\n\n/**\n * Tag data for a HTML tag in the string\n *\n * @private\n */\nexport type TagData = {\n  tagType: string; // The type of tag (e.g. msft-mention)\n  openTagIndex: number; // Start of the tag relative to the parent content\n  openTagBody: string; // Complete open tag body\n  content?: string; // All content between the open and close tags\n  closingTagIndex?: number; // Start of the close tag relative to the parent content\n  subTags?: TagData[]; // Any child tags\n  plainTextBeginIndex?: number; // Absolute index of the open tag start should be in plain text\n  plainTextEndIndex?: number; // Absolute index of the close tag start should be in plain text\n};\n\ntype HtmlTagType = 'open' | 'close' | 'self-closing';\n\ntype HtmlTag = {\n  content: string;\n  startIdx: number;\n  type: HtmlTagType;\n};\n\n/**\n * Parse the text and return the tags and the plain text in one go\n * @private\n * @param text - The text to parse for HTML tags\n * @param trigger The trigger to show for the mention tag in plain text\n *\n * @returns An array of tags and the plain text representation\n */\nexport const textToTagParser = (text: string, trigger: string): { tags: TagData[]; plainText: string } => {\n  const tags: TagData[] = []; // Tags passed back to the caller\n  const tagParseStack: TagData[] = []; // Local stack to use while parsing\n\n  let plainTextRepresentation = '';\n\n  let parseIndex = 0;\n  while (parseIndex < text.length) {\n    const foundHtmlTag = findNextHtmlTag(text, parseIndex);\n\n    if (!foundHtmlTag) {\n      if (parseIndex !== 0) {\n        // Add the remaining text to the plain text representation\n        const newText = text.substring(parseIndex);\n        plainTextRepresentation += unEscapeHtmlCharacters(newText);\n      } else {\n        plainTextRepresentation = unEscapeHtmlCharacters(text);\n      }\n      break;\n    }\n\n    if (foundHtmlTag.type === 'open' || foundHtmlTag.type === 'self-closing') {\n      const nextTag = parseOpenTag(foundHtmlTag.content, foundHtmlTag.startIdx);\n      // Add the plain text between the last tag and this one found\n      plainTextRepresentation += unEscapeHtmlCharacters(text.substring(parseIndex, foundHtmlTag.startIdx));\n      nextTag.plainTextBeginIndex = plainTextRepresentation.length;\n\n      if (foundHtmlTag.type === 'open') {\n        tagParseStack.push(nextTag);\n      } else {\n        nextTag.content = '';\n        nextTag.plainTextBeginIndex = plainTextRepresentation.length;\n        nextTag.plainTextEndIndex = plainTextRepresentation.length;\n        addTag(nextTag, tagParseStack, tags);\n      }\n    }\n\n    if (foundHtmlTag.type === 'close') {\n      const currentOpenTag = tagParseStack.pop();\n      const closeTagType = foundHtmlTag.content.substring(2, foundHtmlTag.content.length - 1).toLowerCase();\n\n      if (currentOpenTag && currentOpenTag.tagType === closeTagType) {\n        // Tag startIdx is absolute to the text. This is updated later to be relative to the parent tag\n        currentOpenTag.content = text.substring(\n          currentOpenTag.openTagIndex + currentOpenTag.openTagBody.length,\n          foundHtmlTag.startIdx\n        );\n\n        // Insert the plain text pieces for the sub tags\n        if (currentOpenTag.tagType === MSFT_MENTION_TAG) {\n          plainTextRepresentation =\n            plainTextRepresentation.slice(0, currentOpenTag.plainTextBeginIndex) +\n            trigger +\n            plainTextRepresentation.slice(currentOpenTag.plainTextBeginIndex);\n        }\n\n        const lastSubTag = currentOpenTag.subTags?.[currentOpenTag.subTags.length - 1];\n        if (!currentOpenTag.subTags) {\n          plainTextRepresentation += unEscapeHtmlCharacters(currentOpenTag.content);\n        } else if (lastSubTag) {\n          // Add text after the last tag\n          const startOfRemainingText =\n            (lastSubTag?.closingTagIndex ?? lastSubTag.openTagIndex) + lastSubTag.tagType.length + 3;\n          const trailingText = currentOpenTag.content.substring(startOfRemainingText);\n          plainTextRepresentation += unEscapeHtmlCharacters(trailingText);\n        }\n\n        currentOpenTag.plainTextEndIndex = plainTextRepresentation.length;\n        addTag(currentOpenTag, tagParseStack, tags);\n      } else {\n        throw new Error(\n          'Unexpected close tag found. Got \"' +\n            closeTagType +\n            '\" but expected \"' +\n            tagParseStack[tagParseStack.length - 1]?.tagType +\n            '\"'\n        );\n      }\n    }\n\n    // Update parsing index; move past the end of the close tag\n    parseIndex = foundHtmlTag.startIdx + foundHtmlTag.content.length;\n  } // While parseIndex < text.length loop\n\n  return { tags, plainText: plainTextRepresentation };\n};\n\nconst parseOpenTag = (tag: string, startIdx: number): TagData => {\n  let tagType = tag.substring(1, tag.length - 1);\n  tagType = tagType.split(' ')[0] ?? tagType;\n  tagType = tagType.toLowerCase().replace('/', '');\n  return {\n    tagType,\n    openTagIndex: startIdx,\n    openTagBody: tag\n  };\n};\n\nconst findNextHtmlTag = (text: string, startIndex: number): HtmlTag | undefined => {\n  const tagStartIndex = text.indexOf('<', startIndex);\n  if (tagStartIndex === -1) {\n    // No more tags\n    return undefined;\n  }\n  const tagEndIndex = text.indexOf('>', tagStartIndex);\n  if (tagEndIndex === -1) {\n    // No close tag\n    return undefined;\n  }\n  const tag = text.substring(tagStartIndex, tagEndIndex + 1);\n  let type: HtmlTagType = 'open';\n  if (tag[1] === '/') {\n    type = 'close';\n  } else if (tag[tag.length - 2] === '/') {\n    type = 'self-closing';\n  }\n  return {\n    content: tag,\n    startIdx: tagStartIndex,\n    type\n  };\n};\n\nconst addTag = (tag: TagData, parseStack: TagData[], tags: TagData[]): void => {\n  // Add as sub-tag to the parent stack tag, if there is one\n  const parentTag = parseStack[parseStack.length - 1];\n\n  if (parentTag) {\n    // Adjust the open tag index to be relative to the parent tag\n    const parentContentStartIdx = parentTag.openTagIndex + parentTag.openTagBody.length;\n    const relativeIdx = tag.openTagIndex - parentContentStartIdx;\n    tag.openTagIndex = relativeIdx;\n  }\n\n  if (!tag.closingTagIndex) {\n    // If the tag is self-closing, the close tag is the same as the open tag\n    if (tag.openTagBody[tag.openTagBody.length - 2] === '/') {\n      tag.closingTagIndex = tag.openTagIndex;\n    } else {\n      // Otherwise, the close tag index is the open tag index + the open tag body + the content length\n      tag.closingTagIndex = tag.openTagIndex + tag.openTagBody.length + (tag.content ?? []).length;\n    }\n  }\n\n  // Put the tag where it belongs\n  if (!parentTag) {\n    tags.push(tag);\n  } else {\n    if (!parentTag.subTags) {\n      parentTag.subTags = [tag];\n    } else {\n      parentTag.subTags.push(tag);\n    }\n  }\n};\n\n// We should revisit this in the future when we support other text such as rich text editing.\nconst escapeHTMLChars = (text: string): string => {\n  const mentionRegex = new RegExp(`<${MSFT_MENTION_TAG}(.*?)>(.*?)</${MSFT_MENTION_TAG}>`, 'i');\n  if (!text.match(mentionRegex)) {\n    return text\n      .replace(/&(?![A-Z]+;)/gi, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;');\n  }\n  return text;\n};\n\nconst getChangeDiff = (plainText: string, startIndex: number, endIndex: number): number => {\n  return endIndex - startIndex + getLengthDiffForEscapedHtmlChars(plainText, startIndex, endIndex);\n};\n\nconst getLengthDiffForEscapedHtmlChars = (text: string, startIndex: number, endIndex: number): number => {\n  const subText = text.substring(startIndex, endIndex);\n  const escapedAngleBracketCount = subText.match(/(<)|(>)/g)?.length || 0;\n  let escapedCharLength = escapedAngleBracketCount * ('&lt;'.length - '<'.length);\n  const escapedAmpersandCount = subText.match(/&/g)?.length || 0;\n  escapedCharLength += escapedAmpersandCount * ('&amp;'.length - '&'.length);\n  return escapedCharLength;\n};\n\nconst unEscapeHtmlCharacters = (text: string): string => {\n  return text.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&');\n};\n"]}

package/dist/dist-esm/react-components/src/components/TogetherModeOverlay.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ReactionResources, VideoGalleryTogetherModeParticipantPosition, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant } from '../types';
-/**
- * TogetherModeOverlay component renders an empty JSX element.
- *
- * @returns {JSX.Element} An empty JSX element.
- */
-export declare const TogetherModeOverlay: React.MemoExoticComponent<(props: {
-    emojiSize: number;
-    reactionResources: ReactionResources;
-    localParticipant: VideoGalleryLocalParticipant;
-    remoteParticipants: VideoGalleryRemoteParticipant[];
-    togetherModeSeatPositions: VideoGalleryTogetherModeParticipantPosition;
-}) => React.JSX.Element>;
-//# sourceMappingURL=TogetherModeOverlay.d.ts.map

package/dist/dist-esm/react-components/src/components/TogetherModeOverlay.js

@@ -1,123 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(together-mode) */
-import React, { useMemo, useState, memo } from 'react';
-/* @conditional-compile-remove(together-mode) */
-import { moveAnimationStyles, spriteAnimationStyles } from './styles/ReactionOverlay.style';
-/* @conditional-compile-remove(together-mode) */
-import { REACTION_NUMBER_OF_ANIMATION_FRAMES } from './VideoGallery/utils/reactionUtils';
-/* @conditional-compile-remove(together-mode) */
-import { Icon, mergeStyles, Stack, Text } from '@fluentui/react';
-/* @conditional-compile-remove(together-mode) */
-import { getEmojiResource } from './VideoGallery/utils/videoGalleryLayoutUtils';
-/* @conditional-compile-remove(together-mode) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(together-mode) */
-import { calculateScaledSize, getTogetherModeParticipantOverlayStyle, REACTION_MAX_TRAVEL_HEIGHT, REACTION_TRAVEL_HEIGHT, setTogetherModeSeatPositionStyle, togetherModeIconStyle, togetherModeParticipantDisplayName, togetherModeParticipantEmojiSpriteStyle, togetherModeParticipantStatusContainer } from './styles/TogetherMode.styles';
-/* @conditional-compile-remove(together-mode) */
-import { useTheme } from '../theming';
-/* @conditional-compile-remove(together-mode) */
-import { RaisedHandIcon } from './assets/RaisedHandIcon';
-/* @conditional-compile-remove(together-mode) */
-/**
- * TogetherModeOverlay component renders an empty JSX element.
- *
- * @returns {JSX.Element} An empty JSX element.
- */
-export const TogetherModeOverlay = memo((props) => {
-    const locale = useLocale();
-    const theme = useTheme();
-    const callingPalette = theme.callingPalette;
-    const { emojiSize, reactionResources, remoteParticipants, localParticipant, togetherModeSeatPositions } = props;
-    const [togetherModeParticipantStatus, setTogetherModeParticipantStatus] = useState({});
-    const [hoveredParticipantID, setHoveredParticipantID] = useState('');
-    /*
-     * The useMemo hook is used to calculate the participant status for the Together Mode overlay.
-     * It updates the togetherModeParticipantStatus state when there's a change in the remoteParticipants, localParticipant,
-     * raisedHand, spotlight, isMuted, displayName, or hoveredParticipantID.
-     */
-    useMemo(() => {
-        const allParticipants = [...remoteParticipants, localParticipant];
-        const participantsWithVideoAvailable = allParticipants.filter((p) => { var _a; return ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && togetherModeSeatPositions[p.userId]; });
-        const updatedSignals = {};
-        for (const p of participantsWithVideoAvailable) {
-            const { userId, reaction, raisedHand, spotlight, isMuted, displayName } = p;
-            const seatingPosition = togetherModeSeatPositions[userId];
-            if (seatingPosition) {
-                updatedSignals[userId] = {
-                    id: userId,
-                    reaction: reactionResources && reaction,
-                    isHandRaised: !!raisedHand,
-                    isSpotlighted: !!spotlight,
-                    isMuted,
-                    displayName: displayName || locale.strings.videoGallery.displayNamePlaceholder,
-                    showDisplayName: !!(spotlight || raisedHand || hoveredParticipantID === userId),
-                    scaledSize: calculateScaledSize(seatingPosition.width, seatingPosition.height),
-                    seatPositionStyle: setTogetherModeSeatPositionStyle(seatingPosition)
-                };
-            }
-        }
-        // This is used to remove the participants bounding box from the DOM when they are no longer in the stream
-        const participantsNotInTogetherModeStream = Object.keys(togetherModeParticipantStatus).filter((id) => !updatedSignals[id]);
-        setTogetherModeParticipantStatus((prevSignals) => {
-            const newSignals = Object.assign(Object.assign({}, prevSignals), updatedSignals);
-            const newSignalsLength = Object.keys(newSignals).length;
-            participantsNotInTogetherModeStream.forEach((id) => {
-                delete newSignals[id];
-            });
-            const hasChanges = Object.keys(newSignals).some((key) => JSON.stringify(newSignals[key]) !== JSON.stringify(prevSignals[key]) ||
-                newSignalsLength !== Object.keys(prevSignals).length);
-            return hasChanges ? newSignals : prevSignals;
-        });
-    }, [
-        remoteParticipants,
-        localParticipant,
-        togetherModeParticipantStatus,
-        togetherModeSeatPositions,
-        reactionResources,
-        locale.strings.videoGallery.displayNamePlaceholder,
-        hoveredParticipantID
-    ]);
-    /*
-     * When a larger participant scene switches to a smaller group in Together Mode,
-     * participant video streams remain available because their video is still active,
-     * even though they are not visible in the Together Mode stream.
-     * Therefore, we rely on the updated seating position values to identify who is included in the Together Mode stream.
-     * The Together mode seat position will only contain seat coordinates of participants who are visible in the Together Mode stream.
-     */
-    useMemo(() => {
-        const removedVisibleParticipants = Object.keys(togetherModeParticipantStatus).filter((participantId) => !togetherModeSeatPositions[participantId]);
-        setTogetherModeParticipantStatus((prevSignals) => {
-            const newSignals = Object.assign({}, prevSignals);
-            removedVisibleParticipants.forEach((participantId) => {
-                delete newSignals[participantId];
-            });
-            // Trigger a re-render only if changes occurred
-            const hasChanges = Object.keys(newSignals).length !== Object.keys(prevSignals).length;
-            return hasChanges ? newSignals : prevSignals;
-        });
-    }, [togetherModeParticipantStatus, togetherModeSeatPositions]);
-    return (React.createElement("div", { style: { position: 'absolute', width: '100%', height: '100%' } }, Object.values(togetherModeParticipantStatus).map((participantStatus) => {
-        var _a, _b;
-        return participantStatus.id && (React.createElement("div", { key: participantStatus.id, style: Object.assign({}, getTogetherModeParticipantOverlayStyle(participantStatus.seatPositionStyle)), onMouseEnter: () => setHoveredParticipantID(participantStatus.id), onMouseLeave: () => setHoveredParticipantID('') },
-            React.createElement("div", null,
-                ((_a = participantStatus.reaction) === null || _a === void 0 ? void 0 : _a.reactionType) && (
-                // First div - Section that fixes the travel height and applies the movement animation
-                // Second div - Responsible for ensuring the sprite emoji is always centered in the participant seat position
-                // Third div - Play Animation as the other animation applies on the base play animation for the sprite
-                React.createElement("div", { style: moveAnimationStyles(parseFloat(participantStatus.seatPositionStyle.seatPosition.height) *
-                        REACTION_MAX_TRAVEL_HEIGHT, parseFloat(participantStatus.seatPositionStyle.seatPosition.height) * REACTION_TRAVEL_HEIGHT) },
-                    React.createElement("div", { style: Object.assign({}, togetherModeParticipantEmojiSpriteStyle(emojiSize, participantStatus.scaledSize || 1, participantStatus.seatPositionStyle.seatPosition.width)) },
-                        React.createElement("div", { style: spriteAnimationStyles(REACTION_NUMBER_OF_ANIMATION_FRAMES, participantStatus.scaledSize || 1, (_b = (participantStatus.reaction &&
-                                getEmojiResource(participantStatus === null || participantStatus === void 0 ? void 0 : participantStatus.reaction.reactionType, reactionResources))) !== null && _b !== void 0 ? _b : '') })))),
-                participantStatus.showDisplayName && (React.createElement("div", null,
-                    React.createElement("div", { style: Object.assign({}, togetherModeParticipantStatusContainer(callingPalette.videoTileLabelBackgroundLight, theme.effects.roundedCorner4)) },
-                        participantStatus.isHandRaised && React.createElement(RaisedHandIcon, null),
-                        participantStatus.showDisplayName && (React.createElement(Text, { style: Object.assign({}, togetherModeParticipantDisplayName(hoveredParticipantID === participantStatus.id, parseFloat(participantStatus.seatPositionStyle.seatPosition.width), participantStatus.displayName ? theme.palette.neutralSecondary : 'inherit')) }, participantStatus.displayName)),
-                        participantStatus.isMuted && (React.createElement(Stack, { className: mergeStyles(togetherModeIconStyle) },
-                            React.createElement(Icon, { iconName: "VideoTileMicOff" }))),
-                        participantStatus.isSpotlighted && (React.createElement(Stack, { className: mergeStyles(togetherModeIconStyle) },
-                            React.createElement(Icon, { iconName: "VideoTileSpotlighted" })))))))));
-    })));
-});
-//# sourceMappingURL=TogetherModeOverlay.js.map

package/dist/dist-esm/react-components/src/components/TogetherModeOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeOverlay.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/TogetherModeOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport React, { useMemo, useState, memo } from 'react';\n/* @conditional-compile-remove(together-mode) */\nimport {\n  Reaction,\n  ReactionResources,\n  VideoGalleryTogetherModeParticipantPosition,\n  VideoGalleryLocalParticipant,\n  VideoGalleryRemoteParticipant\n} from '../types';\n/* @conditional-compile-remove(together-mode) */\nimport { moveAnimationStyles, spriteAnimationStyles } from './styles/ReactionOverlay.style';\n/* @conditional-compile-remove(together-mode) */\nimport { REACTION_NUMBER_OF_ANIMATION_FRAMES } from './VideoGallery/utils/reactionUtils';\n/* @conditional-compile-remove(together-mode) */\nimport { Icon, mergeStyles, Stack, Text } from '@fluentui/react';\n/* @conditional-compile-remove(together-mode) */\nimport { getEmojiResource } from './VideoGallery/utils/videoGalleryLayoutUtils';\n/* @conditional-compile-remove(together-mode) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(together-mode) */\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\n/* @conditional-compile-remove(together-mode) */\nimport {\n  calculateScaledSize,\n  getTogetherModeParticipantOverlayStyle,\n  REACTION_MAX_TRAVEL_HEIGHT,\n  REACTION_TRAVEL_HEIGHT,\n  setTogetherModeSeatPositionStyle,\n  togetherModeIconStyle,\n  togetherModeParticipantDisplayName,\n  togetherModeParticipantEmojiSpriteStyle,\n  togetherModeParticipantStatusContainer,\n  TogetherModeSeatStyle\n} from './styles/TogetherMode.styles';\n/* @conditional-compile-remove(together-mode) */\nimport { CallingTheme, useTheme } from '../theming';\n/* @conditional-compile-remove(together-mode) */\nimport { RaisedHandIcon } from './assets/RaisedHandIcon';\n/* @conditional-compile-remove(together-mode) */\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Signaling action overlay component props\n * @internal\n */\ntype TogetherModeParticipantStatus = {\n  reaction?: Reaction;\n  scaledSize?: number;\n  isHandRaised?: boolean;\n  isSpotlighted?: boolean;\n  isMuted?: boolean;\n  id: string;\n  seatPositionStyle: TogetherModeSeatStyle;\n  displayName: string;\n  showDisplayName: boolean;\n};\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * TogetherModeOverlay component renders an empty JSX element.\n *\n * @returns {JSX.Element} An empty JSX element.\n */\nexport const TogetherModeOverlay = memo(\n  (props: {\n    emojiSize: number;\n    reactionResources: ReactionResources;\n    localParticipant: VideoGalleryLocalParticipant;\n    remoteParticipants: VideoGalleryRemoteParticipant[];\n    togetherModeSeatPositions: VideoGalleryTogetherModeParticipantPosition;\n  }) => {\n    const locale = useLocale();\n    const theme = useTheme();\n    const callingPalette = (theme as unknown as CallingTheme).callingPalette;\n\n    const { emojiSize, reactionResources, remoteParticipants, localParticipant, togetherModeSeatPositions } = props;\n    const [togetherModeParticipantStatus, setTogetherModeParticipantStatus] = useState<{\n      [key: string]: TogetherModeParticipantStatus;\n    }>({});\n    const [hoveredParticipantID, setHoveredParticipantID] = useState('');\n\n    /*\n     * The useMemo hook is used to calculate the participant status for the Together Mode overlay.\n     * It updates the togetherModeParticipantStatus state when there's a change in the remoteParticipants, localParticipant,\n     * raisedHand, spotlight, isMuted, displayName, or hoveredParticipantID.\n     */\n    useMemo(() => {\n      const allParticipants = [...remoteParticipants, localParticipant];\n\n      const participantsWithVideoAvailable = allParticipants.filter(\n        (p) => p.videoStream?.isAvailable && togetherModeSeatPositions[p.userId]\n      );\n\n      const updatedSignals: { [key: string]: TogetherModeParticipantStatus } = {};\n      for (const p of participantsWithVideoAvailable) {\n        const { userId, reaction, raisedHand, spotlight, isMuted, displayName } = p;\n        const seatingPosition = togetherModeSeatPositions[userId];\n        if (seatingPosition) {\n          updatedSignals[userId] = {\n            id: userId,\n            reaction: reactionResources && reaction,\n            isHandRaised: !!raisedHand,\n            isSpotlighted: !!spotlight,\n            isMuted,\n            displayName: displayName || locale.strings.videoGallery.displayNamePlaceholder,\n            showDisplayName: !!(spotlight || raisedHand || hoveredParticipantID === userId),\n            scaledSize: calculateScaledSize(seatingPosition.width, seatingPosition.height),\n            seatPositionStyle: setTogetherModeSeatPositionStyle(seatingPosition)\n          };\n        }\n      }\n\n      // This is used to remove the participants bounding box from the DOM when they are no longer in the stream\n      const participantsNotInTogetherModeStream = Object.keys(togetherModeParticipantStatus).filter(\n        (id) => !updatedSignals[id]\n      );\n\n      setTogetherModeParticipantStatus((prevSignals) => {\n        const newSignals = { ...prevSignals, ...updatedSignals };\n        const newSignalsLength = Object.keys(newSignals).length;\n\n        participantsNotInTogetherModeStream.forEach((id) => {\n          delete newSignals[id];\n        });\n\n        const hasChanges = Object.keys(newSignals).some(\n          (key) =>\n            JSON.stringify(newSignals[key]) !== JSON.stringify(prevSignals[key]) ||\n            newSignalsLength !== Object.keys(prevSignals).length\n        );\n\n        return hasChanges ? newSignals : prevSignals;\n      });\n    }, [\n      remoteParticipants,\n      localParticipant,\n      togetherModeParticipantStatus,\n      togetherModeSeatPositions,\n      reactionResources,\n      locale.strings.videoGallery.displayNamePlaceholder,\n      hoveredParticipantID\n    ]);\n\n    /*\n     * When a larger participant scene switches to a smaller group in Together Mode,\n     * participant video streams remain available because their video is still active,\n     * even though they are not visible in the Together Mode stream.\n     * Therefore, we rely on the updated seating position values to identify who is included in the Together Mode stream.\n     * The Together mode seat position will only contain seat coordinates of participants who are visible in the Together Mode stream.\n     */\n    useMemo(() => {\n      const removedVisibleParticipants = Object.keys(togetherModeParticipantStatus).filter(\n        (participantId) => !togetherModeSeatPositions[participantId]\n      );\n\n      setTogetherModeParticipantStatus((prevSignals) => {\n        const newSignals = { ...prevSignals };\n        removedVisibleParticipants.forEach((participantId) => {\n          delete newSignals[participantId];\n        });\n\n        // Trigger a re-render only if changes occurred\n        const hasChanges = Object.keys(newSignals).length !== Object.keys(prevSignals).length;\n        return hasChanges ? newSignals : prevSignals;\n      });\n    }, [togetherModeParticipantStatus, togetherModeSeatPositions]);\n\n    return (\n      <div style={{ position: 'absolute', width: '100%', height: '100%' }}>\n        {Object.values(togetherModeParticipantStatus).map(\n          (participantStatus) =>\n            participantStatus.id && (\n              <div\n                key={participantStatus.id}\n                style={{\n                  ...getTogetherModeParticipantOverlayStyle(participantStatus.seatPositionStyle)\n                }}\n                onMouseEnter={() => setHoveredParticipantID(participantStatus.id)}\n                onMouseLeave={() => setHoveredParticipantID('')}\n              >\n                <div>\n                  {participantStatus.reaction?.reactionType && (\n                    // First div - Section that fixes the travel height and applies the movement animation\n                    // Second div - Responsible for ensuring the sprite emoji is always centered in the participant seat position\n                    // Third div - Play Animation as the other animation applies on the base play animation for the sprite\n                    <div\n                      style={moveAnimationStyles(\n                        parseFloat(participantStatus.seatPositionStyle.seatPosition.height) *\n                          REACTION_MAX_TRAVEL_HEIGHT,\n                        parseFloat(participantStatus.seatPositionStyle.seatPosition.height) * REACTION_TRAVEL_HEIGHT\n                      )}\n                    >\n                      <div\n                        style={{\n                          ...togetherModeParticipantEmojiSpriteStyle(\n                            emojiSize,\n                            participantStatus.scaledSize || 1,\n                            participantStatus.seatPositionStyle.seatPosition.width\n                          )\n                        }}\n                      >\n                        <div\n                          style={spriteAnimationStyles(\n                            REACTION_NUMBER_OF_ANIMATION_FRAMES,\n                            participantStatus.scaledSize || 1,\n                            (participantStatus.reaction &&\n                              getEmojiResource(participantStatus?.reaction.reactionType, reactionResources)) ??\n                              ''\n                          )}\n                        />\n                      </div>\n                    </div>\n                  )}\n\n                  {participantStatus.showDisplayName && (\n                    <div>\n                      <div\n                        style={{\n                          ...togetherModeParticipantStatusContainer(\n                            callingPalette.videoTileLabelBackgroundLight,\n                            theme.effects.roundedCorner4\n                          )\n                        }}\n                      >\n                        {participantStatus.isHandRaised && <RaisedHandIcon />}\n                        {participantStatus.showDisplayName && (\n                          <Text\n                            style={{\n                              ...togetherModeParticipantDisplayName(\n                                hoveredParticipantID === participantStatus.id,\n                                parseFloat(participantStatus.seatPositionStyle.seatPosition.width),\n                                participantStatus.displayName ? theme.palette.neutralSecondary : 'inherit'\n                              )\n                            }}\n                          >\n                            {participantStatus.displayName}\n                          </Text>\n                        )}\n                        {participantStatus.isMuted && (\n                          <Stack className={mergeStyles(togetherModeIconStyle)}>\n                            <Icon iconName=\"VideoTileMicOff\" />\n                          </Stack>\n                        )}\n                        {participantStatus.isSpotlighted && (\n                          <Stack className={mergeStyles(togetherModeIconStyle)}>\n                            <Icon iconName=\"VideoTileSpotlighted\" />\n                          </Stack>\n                        )}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n        )}\n      </div>\n    );\n  }\n);\n"]}

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './Layout';
-/**
- * Props for {@link LargeGalleryLayout}.
- *
- * @private
- */
-export type LargeGalleryProps = LayoutProps;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export declare const LargeGalleryLayout: (props: LargeGalleryProps) => JSX.Element;
-//# sourceMappingURL=LargeGalleryLayout.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js

@@ -1,99 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo, useRef, useState } from 'react';
-import { isNarrowWidth } from '../utils/responsive';
-import { isShortHeight } from '../utils/responsive';
-import { OverflowGallery } from './OverflowGallery';
-import { GridLayout } from '../GridLayout';
-import { Stack } from '@fluentui/react';
-import { renderTiles, useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';
-import { rootLayoutStyle } from './styles/DefaultLayout.styles';
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-import { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';
-const DEFAULT_CHILDREN_PER_PAGE = 5;
-const REM_TO_PIXEL = 16;
-const LARGE_GALLERY_PARTICIPANT_CAP = 48;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', spotlightedParticipantUserIds = [] } = props;
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    const isShort = parentHeight ? isShortHeight(parentHeight) : false;
-    const maxStreamsTrampoline = () => {
-        return parentWidth && parentHeight
-            ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)
-            : maxRemoteVideoStreams;
-    };
-    // This is for tracking the number of children in the first page of overflow gallery.
-    // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.
-    // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.
-    const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);
-    const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({
-        remoteParticipants,
-        localParticipant,
-        dominantSpeakers,
-        maxGridParticipants: maxStreamsTrampoline(),
-        isScreenShareActive: !!screenShareComponent,
-        maxOverflowGalleryDominantSpeakers: screenShareComponent
-            ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
-            : childrenPerPage.current,
-        pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',
-        spotlightedParticipantUserIds
-    });
-    /**
-     * instantiate indexes available to render with indexes available that would be on first page
-     *
-     * For some components which do not strictly follow the order of the array, we might
-     * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of
-     * this case when those components are here
-     */
-    const [indexesToRender, setIndexesToRender] = useState([]);
-    let { gridTiles, overflowGalleryTiles } = renderTiles(gridParticipants, onRenderRemoteParticipant, maxRemoteVideoStreams, indexesToRender, overflowGalleryParticipants, dominantSpeakers);
-    if (localVideoComponent) {
-        if (screenShareComponent || spotlightedParticipantUserIds.length > 0) {
-            overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
-        }
-        else {
-            gridTiles = [localVideoComponent].concat(gridTiles);
-        }
-    }
-    const overflowGallery = useMemo(() => {
-        if (overflowGalleryTiles.length === 0) {
-            return null;
-        }
-        return (React.createElement(OverflowGallery, { isNarrow: isNarrow, isShort: isShort, shouldFloatLocalVideo: false, overflowGalleryElements: overflowGalleryTiles, horizontalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery, verticalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.verticalGallery, overflowGalleryPosition: overflowGalleryPosition, onFetchTilesToRender: setIndexesToRender, onChildrenPerPageChange: (n) => {
-                childrenPerPage.current = n;
-            }, parentWidth: parentWidth }));
-    }, [
-        isNarrow,
-        isShort,
-        overflowGalleryTiles,
-        styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
-        overflowGalleryPosition,
-        setIndexesToRender,
-        styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
-        parentWidth
-    ]);
-    return (React.createElement(Stack, { horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle, tokens: videoGalleryLayoutGap },
-        props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : React.createElement(React.Fragment, null),
-        screenShareComponent ? (screenShareComponent) : (React.createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-        overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)));
-};
-const overflowGalleryTrampoline = (gallery, galleryPosition) => {
-    return galleryPosition !== 'horizontalTop' ? gallery : React.createElement(React.Fragment, null);
-    return gallery;
-};
-const calculateMaxTilesInLargeGrid = (parentWidth, parentHeight) => {
-    const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));
-    const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));
-    return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP
-        ? xAxisTiles * yAxisTiles
-        : LARGE_GALLERY_PARTICIPANT_CAP;
-};
-//# sourceMappingURL=LargeGalleryLayout.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LargeGalleryLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/LargeGalleryLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo, useRef, useState } from 'react';\nimport { isNarrowWidth } from '../utils/responsive';\nimport { isShortHeight } from '../utils/responsive';\nimport { LayoutProps } from './Layout';\nimport { OverflowGallery } from './OverflowGallery';\nimport { GridLayout } from '../GridLayout';\nimport { Stack } from '@fluentui/react';\nimport { renderTiles, useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';\nimport { rootLayoutStyle } from './styles/DefaultLayout.styles';\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\nimport { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';\n\n/**\n * Props for {@link LargeGalleryLayout}.\n *\n * @private\n */\nexport type LargeGalleryProps = LayoutProps;\n\nconst DEFAULT_CHILDREN_PER_PAGE = 5;\nconst REM_TO_PIXEL = 16;\nconst LARGE_GALLERY_PARTICIPANT_CAP = 48;\n/**\n * VideoGallery Layout for when user is in a large meeting and wants to see more participants\n *\n * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.\n *\n * @private\n */\nexport const LargeGalleryLayout = (props: LargeGalleryProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    localParticipant,\n    dominantSpeakers,\n    localVideoComponent,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    parentWidth,\n    parentHeight,\n    pinnedParticipantUserIds = [],\n    overflowGalleryPosition = 'horizontalBottom',\n    spotlightedParticipantUserIds = []\n  } = props;\n\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n  const isShort = parentHeight ? isShortHeight(parentHeight) : false;\n\n  const maxStreamsTrampoline = (): number => {\n    return parentWidth && parentHeight\n      ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)\n      : maxRemoteVideoStreams;\n  };\n\n  // This is for tracking the number of children in the first page of overflow gallery.\n  // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.\n  // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.\n  const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);\n  const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({\n    remoteParticipants,\n    localParticipant,\n    dominantSpeakers,\n    maxGridParticipants: maxStreamsTrampoline(),\n    isScreenShareActive: !!screenShareComponent,\n    maxOverflowGalleryDominantSpeakers: screenShareComponent\n      ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)\n      : childrenPerPage.current,\n    pinnedParticipantUserIds,\n    /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',\n    spotlightedParticipantUserIds\n  });\n\n  /**\n   * instantiate indexes available to render with indexes available that would be on first page\n   *\n   * For some components which do not strictly follow the order of the array, we might\n   * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of\n   * this case when those components are here\n   */\n  const [indexesToRender, setIndexesToRender] = useState<number[]>([]);\n\n  let { gridTiles, overflowGalleryTiles } = renderTiles(\n    gridParticipants,\n    onRenderRemoteParticipant,\n    maxRemoteVideoStreams,\n    indexesToRender,\n    overflowGalleryParticipants,\n    dominantSpeakers\n  );\n\n  if (localVideoComponent) {\n    if (screenShareComponent || spotlightedParticipantUserIds.length > 0) {\n      overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);\n    } else {\n      gridTiles = [localVideoComponent].concat(gridTiles);\n    }\n  }\n\n  const overflowGallery = useMemo(() => {\n    if (overflowGalleryTiles.length === 0) {\n      return null;\n    }\n    return (\n      <OverflowGallery\n        isNarrow={isNarrow}\n        isShort={isShort}\n        shouldFloatLocalVideo={false}\n        overflowGalleryElements={overflowGalleryTiles}\n        horizontalGalleryStyles={styles?.horizontalGallery}\n        verticalGalleryStyles={styles?.verticalGallery}\n        overflowGalleryPosition={overflowGalleryPosition}\n        onFetchTilesToRender={setIndexesToRender}\n        onChildrenPerPageChange={(n: number) => {\n          childrenPerPage.current = n;\n        }}\n        parentWidth={parentWidth}\n      />\n    );\n  }, [\n    isNarrow,\n    isShort,\n    overflowGalleryTiles,\n    styles?.horizontalGallery,\n    overflowGalleryPosition,\n    setIndexesToRender,\n    styles?.verticalGallery,\n    parentWidth\n  ]);\n\n  return (\n    <Stack\n      horizontal={overflowGalleryPosition === 'verticalRight'}\n      styles={rootLayoutStyle}\n      tokens={videoGalleryLayoutGap}\n    >\n      {props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : <></>}\n      {screenShareComponent ? (\n        screenShareComponent\n      ) : (\n        <GridLayout key=\"grid-layout\" styles={styles?.gridLayout}>\n          {gridTiles}\n        </GridLayout>\n      )}\n      {overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)}\n    </Stack>\n  );\n};\n\nconst overflowGalleryTrampoline = (\n  gallery: JSX.Element | null,\n  galleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop'\n): JSX.Element | null => {\n  return galleryPosition !== 'horizontalTop' ? gallery : <></>;\n  return gallery;\n};\n\nconst calculateMaxTilesInLargeGrid = (parentWidth: number, parentHeight: number): number => {\n  const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));\n  const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));\n  return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP\n    ? xAxisTiles * yAxisTiles\n    : LARGE_GALLERY_PARTICIPANT_CAP;\n};\n"]}

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeLayout.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './Layout';
-/**
- * A memoized version of local screen share component. React.memo is used for a performance
- * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.
- * https://reactjs.org/docs/react-api.html#reactmemo
- */
-export declare const TogetherModeLayout: (props: LayoutProps) => JSX.Element;
-//# sourceMappingURL=TogetherModeLayout.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeLayout.js

@@ -1,85 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(together-mode) */
-import React, { useMemo, useRef, useState } from 'react';
-/* @conditional-compile-remove(together-mode) */
-import { useId } from '@fluentui/react-hooks';
-/* @conditional-compile-remove(together-mode) */
-import { LayerHost, mergeStyles, Stack } from '@fluentui/react';
-/* @conditional-compile-remove(together-mode) */
-import { renderTiles, useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';
-/* @conditional-compile-remove(together-mode) */
-import { OverflowGallery } from './OverflowGallery';
-/* @conditional-compile-remove(together-mode) */
-import { rootLayoutStyle } from './styles/DefaultLayout.styles';
-/* @conditional-compile-remove(together-mode) */
-import { isNarrowWidth, isShortHeight } from '../utils/responsive';
-/* @conditional-compile-remove(together-mode) */
-import { innerLayoutStyle, layerHostStyle } from './styles/FloatingLocalVideoLayout.styles';
-/* @conditional-compile-remove(together-mode) */
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-/* @conditional-compile-remove(together-mode) */
-/**
- * A memoized version of local screen share component. React.memo is used for a performance
- * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.
- * https://reactjs.org/docs/react-api.html#reactmemo
- */
-export const TogetherModeLayout = (props) => {
-    const { remoteParticipants = [], dominantSpeakers, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, overflowGalleryPosition = 'horizontalBottom', pinnedParticipantUserIds = [], togetherModeStreamComponent } = props;
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    const isShort = parentHeight ? isShortHeight(parentHeight) : false;
-    const [indexesToRender, setIndexesToRender] = useState([]);
-    const childrenPerPage = useRef(4);
-    const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({
-        remoteParticipants,
-        dominantSpeakers,
-        maxGridParticipants: maxRemoteVideoStreams,
-        isScreenShareActive: !!screenShareComponent,
-        maxOverflowGalleryDominantSpeakers: screenShareComponent
-            ? childrenPerPage.current - (pinnedParticipantUserIds.length % childrenPerPage.current)
-            : childrenPerPage.current,
-        pinnedParticipantUserIds,
-        layout: 'floatingLocalVideo'
-    });
-    const { gridTiles, overflowGalleryTiles } = renderTiles(gridParticipants, onRenderRemoteParticipant, maxRemoteVideoStreams, indexesToRender, overflowGalleryParticipants, dominantSpeakers);
-    const layerHostId = useId('layerhost');
-    const togetherModeOverFlowGalleryTiles = useMemo(() => {
-        let newTiles = overflowGalleryTiles;
-        if (togetherModeStreamComponent) {
-            if (screenShareComponent) {
-                newTiles = gridTiles.concat(overflowGalleryTiles);
-            }
-        }
-        return newTiles;
-    }, [gridTiles, overflowGalleryTiles, screenShareComponent, togetherModeStreamComponent]);
-    const overflowGallery = useMemo(() => {
-        if (overflowGalleryTiles.length === 0 && !props.screenShareComponent) {
-            return null;
-        }
-        return (React.createElement(OverflowGallery, { isShort: isShort, onFetchTilesToRender: setIndexesToRender, isNarrow: isNarrow, shouldFloatLocalVideo: false, overflowGalleryElements: togetherModeOverFlowGalleryTiles, horizontalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery, verticalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.verticalGallery, overflowGalleryPosition: overflowGalleryPosition, onChildrenPerPageChange: (n) => {
-                childrenPerPage.current = n;
-            }, parentWidth: parentWidth }));
-    }, [
-        overflowGalleryTiles.length,
-        props.screenShareComponent,
-        isShort,
-        isNarrow,
-        togetherModeOverFlowGalleryTiles,
-        styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
-        styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
-        overflowGalleryPosition,
-        parentWidth
-    ]);
-    return screenShareComponent ? (React.createElement(Stack, { styles: rootLayoutStyle },
-        React.createElement(LayerHost, { id: layerHostId, className: mergeStyles(layerHostStyle) }),
-        React.createElement(Stack, { horizontal: overflowGalleryPosition === 'verticalRight', styles: innerLayoutStyle, tokens: videoGalleryLayoutGap },
-            props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : React.createElement(React.Fragment, null),
-            screenShareComponent,
-            overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)))) : (React.createElement(Stack, null, props.togetherModeStreamComponent));
-};
-/* @conditional-compile-remove(together-mode) */
-const overflowGalleryTrampoline = (gallery, galleryPosition) => {
-    return galleryPosition !== 'horizontalTop' ? gallery : React.createElement(React.Fragment, null);
-    return gallery;
-};
-//# sourceMappingURL=TogetherModeLayout.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/TogetherModeLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport React, { useMemo, useRef, useState } from 'react';\n/* @conditional-compile-remove(together-mode) */\nimport { useId } from '@fluentui/react-hooks';\n/* @conditional-compile-remove(together-mode) */\nimport { _formatString } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(together-mode) */\nimport { LayoutProps } from './Layout';\n/* @conditional-compile-remove(together-mode) */\nimport { LayerHost, mergeStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(together-mode) */\nimport { renderTiles, useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';\n/* @conditional-compile-remove(together-mode) */\nimport { OverflowGallery } from './OverflowGallery';\n/* @conditional-compile-remove(together-mode) */\nimport { rootLayoutStyle } from './styles/DefaultLayout.styles';\n/* @conditional-compile-remove(together-mode) */\nimport { isNarrowWidth, isShortHeight } from '../utils/responsive';\n/* @conditional-compile-remove(together-mode) */\nimport { innerLayoutStyle, layerHostStyle } from './styles/FloatingLocalVideoLayout.styles';\n/* @conditional-compile-remove(together-mode) */\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * A memoized version of local screen share component. React.memo is used for a performance\n * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.\n * https://reactjs.org/docs/react-api.html#reactmemo\n */\nexport const TogetherModeLayout = (props: LayoutProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    dominantSpeakers,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    parentWidth,\n    parentHeight,\n    overflowGalleryPosition = 'horizontalBottom',\n    pinnedParticipantUserIds = [],\n    togetherModeStreamComponent\n  } = props;\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n\n  const isShort = parentHeight ? isShortHeight(parentHeight) : false;\n\n  const [indexesToRender, setIndexesToRender] = useState<number[]>([]);\n  const childrenPerPage = useRef(4);\n\n  const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({\n    remoteParticipants,\n    dominantSpeakers,\n    maxGridParticipants: maxRemoteVideoStreams,\n    isScreenShareActive: !!screenShareComponent,\n    maxOverflowGalleryDominantSpeakers: screenShareComponent\n      ? childrenPerPage.current - (pinnedParticipantUserIds.length % childrenPerPage.current)\n      : childrenPerPage.current,\n    pinnedParticipantUserIds,\n    layout: 'floatingLocalVideo'\n  });\n  const { gridTiles, overflowGalleryTiles } = renderTiles(\n    gridParticipants,\n    onRenderRemoteParticipant,\n    maxRemoteVideoStreams,\n    indexesToRender,\n    overflowGalleryParticipants,\n    dominantSpeakers\n  );\n\n  const layerHostId = useId('layerhost');\n  const togetherModeOverFlowGalleryTiles = useMemo(() => {\n    let newTiles = overflowGalleryTiles;\n    if (togetherModeStreamComponent) {\n      if (screenShareComponent) {\n        newTiles = gridTiles.concat(overflowGalleryTiles);\n      }\n    }\n    return newTiles;\n  }, [gridTiles, overflowGalleryTiles, screenShareComponent, togetherModeStreamComponent]);\n\n  const overflowGallery = useMemo(() => {\n    if (overflowGalleryTiles.length === 0 && !props.screenShareComponent) {\n      return null;\n    }\n    return (\n      <OverflowGallery\n        isShort={isShort}\n        onFetchTilesToRender={setIndexesToRender}\n        isNarrow={isNarrow}\n        shouldFloatLocalVideo={false}\n        overflowGalleryElements={togetherModeOverFlowGalleryTiles}\n        horizontalGalleryStyles={styles?.horizontalGallery}\n        verticalGalleryStyles={styles?.verticalGallery}\n        overflowGalleryPosition={overflowGalleryPosition}\n        onChildrenPerPageChange={(n: number) => {\n          childrenPerPage.current = n;\n        }}\n        parentWidth={parentWidth}\n      />\n    );\n  }, [\n    overflowGalleryTiles.length,\n    props.screenShareComponent,\n    isShort,\n    isNarrow,\n    togetherModeOverFlowGalleryTiles,\n    styles?.horizontalGallery,\n    styles?.verticalGallery,\n    overflowGalleryPosition,\n    parentWidth\n  ]);\n\n  return screenShareComponent ? (\n    <Stack styles={rootLayoutStyle}>\n      <LayerHost id={layerHostId} className={mergeStyles(layerHostStyle)} />\n      <Stack\n        horizontal={overflowGalleryPosition === 'verticalRight'}\n        styles={innerLayoutStyle}\n        tokens={videoGalleryLayoutGap}\n      >\n        {props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : <></>}\n        {screenShareComponent}\n        {overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)}\n      </Stack>\n    </Stack>\n  ) : (\n    <Stack>{props.togetherModeStreamComponent}</Stack>\n  );\n};\n\n/* @conditional-compile-remove(together-mode) */\nconst overflowGalleryTrampoline = (\n  gallery: JSX.Element | null,\n  galleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop'\n): JSX.Element | null => {\n  return galleryPosition !== 'horizontalTop' ? gallery : <></>;\n  return gallery;\n};\n"]}