@mgdis/mg-components 5.16.0 → 5.18.0

package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-menu-item.js","sourceRoot":"","sources":["../../../../../src/components/molecules/menu/mg-menu-item/mg-menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAW7C,MAAM,OAAO,UAAU;;IACrB;;kBAEc;IAEG,SAAI,GAAG,cAAc,CAAC;IACtB,qBAAgB,GAAG,GAAG,IAAI,CAAC,IAAI,qBAAqB,CAAC;IA+ItE;;gBAEY;IAEZ;;OAEG;IACK,mBAAc,GAAG,GAAS,EAAE;MAClC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC,CAAC;IAEF;;;;;OAKG;IACK,cAAS,GAAG,CAAC,iBAAwC,EAAE,MAA4B,EAAW,EAAE,CAAC,iBAAiB,CAAC,MAAM,KAAK,MAAM,CAAC;IAE7I;;;;;OAKG;IACK,gBAAW,GAAG,CAAC,SAAkC,EAAE,WAAW,GAAG,IAAI,CAAC,SAAS,EAAW,EAAE,CAAC,SAAS,KAAK,WAAW,CAAC;IAE/H;;;OAGG;IACK,mCAA8B,GAAG,GAAS,EAAE;MAClD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MACxD,IAAI,CAAC,wBAAwB;QAC3B,SAAS,KAAK,IAAI;UAClB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,OAA8B,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC;IACnK,CAAC,CAAC;IAEF;;;OAGG;IACK,mBAAc,GAAG,GAAY,EAAE;;MACrC,OAAA,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,0CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,IAAI,CACpE,CAAC,OAA8B,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,KAAK,cAAc,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,CAC7J,CAAA;KAAA,CAAC;IAEJ;;;OAGG;IACK,iBAAY,GAAG,CAAC,KAAK,GAAG,KAAK,EAAQ,EAAE;MAC7C,qCAAqC;MACrC,4EAA4E;MAC5E,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,6BAA6B,CAAC,CAAC;MACvK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;UAC9E,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,WAAW,IAAI,2BAA2B,CAAC,CAAC;UACpH,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QACtH,CAAC,CAAC,CAAC;MACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF;;;OAGG;IACK,iBAAY,GAAG,CAAC,KAAK,GAAG,EAAE,EAAQ,EAAE;MAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACrE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;OACtE;IACH,CAAC,CAAC;IAEF;;OAEG;IACK,kBAAa,GAAG,GAAS,EAAE;;MACjC,oCAAoC;MACpC,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,0CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC/E,IAAI,IAAI,CAAC,QAAQ,KAAK,cAAc,EAAE;UACpC,6BAA6B;UAC7B,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE;YAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;UACtB,CAAC,CAAC,CAAC;SACJ;MACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF;;;OAGG;IACK,yBAAoB,GAAG,GAA4B,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,UAAU,CAAC;IAY3F;;;OAGG;IACK,mBAAc,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;IAE9H;;kBAEc;IAEd;;;OAGG;IACK,uBAAkB,GAAG,CAAC,KAAiB,EAAQ,EAAE;MACvD,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,EAAE;QAC/E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;OACzB;MAED,oDAAoD;MACpD,IAAI,IAAI,CAAC,WAAW;QAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IAC9C,CAAC,CAAC;IAEF;;;OAGG;IACK,yBAAoB,GAAG,CAAC,KAAkB,EAAQ,EAAE;MAC1D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC;IA+GF;;;OAGG;IACK,eAAU,GAAG,GAAgB,EAAE,CAAC,eAAa,CAAC;sBArXjC,QAAQ,CAAC,cAAc,CAAC;;kBAWY,MAAM,CAAC,OAAO;oBAanC,KAAK;gBA6CX,SAAS;qCAUS,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;;;;uBAgC/D,KAAK;;;EAlG5B,cAAc,CAAC,QAA8B,EAAE,QAA+B;IAC5E,IAAI,QAAQ,KAAK,SAAS,EAAE;MAC1B,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE,CAAC,CAAC;KAChF;IACD,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;EACnC,CAAC;EAOD,gBAAgB,CAAC,QAAgC;IAC/C,IAAI,OAAO,QAAQ,KAAK,SAAS;MAAE,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,sCAAsC,CAAC,CAAC;IAExG,2DAA2D;IAC3D,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MACtE,IAAI,CAAC,QAAQ,EAAE;QACb,oGAAoG;QACpG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;UACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC,CAAC;OACJ;WAAM,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,IAAI,YAAY,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACzF,sEAAsE;QACtE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;UACtB,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;YACvC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;WACtB;QACH,CAAC,CAAC,CAAC;OACJ;KACF;EACH,CAAC;EAyBD,YAAY,CAAC,QAA4B,EAAE,QAA6B;IACtE,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,gBAAgB,UAAU,QAAQ,EAAE,CAAC,CAAC;IACpF,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,UAAU,QAAQ,EAAE,CAAC,CAAC;EACnF,CAAC;EAYD,iBAAiB,CAAC,QAAiC;IACjD,gEAAgE;IAChE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,wBAAwB,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC5E,wEAAwE;IACxE,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;MAClD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACvE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;MAClE,CAAC,CAAC,CAAC;KACJ;EACH,CAAC;EAiBD,mBAAmB,CAAC,QAAiB;IACnC,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;MAC/C,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,0DAA0D,CAAC,CAAC;KAC1F;EACH,CAAC;EAqGD;;KAEG;EACK,kBAAkB;IACxB,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,MAAM,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC7H,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC;EACnG,CAAC;EAkCD;;iBAEe;EAEf;;KAEG;EACH,iBAAiB;IACf,+FAA+F;IAC/F,kCAAkC;IAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxJ,IAAI,CAAC,UAAU,GAAI,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,QAAsC,CAAC,QAAQ,CAAC,UAAU,CAAC;IACxG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC;IAElE,iBAAiB;IACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAErC,kBAAkB;IAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC/B,CAAC;EAED;;;KAGG;EACH,gBAAgB;IACd,aAAa;IACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAExB,sDAAsD;IACtD,iEAAiE;IACjE,mEAAmE;IACnE,OAAO,UAAU,CAAC,GAAG,EAAE;MACrB,kCAAkC;MAClC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;MAC7C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;MAC1F,IAAI,CAAC,YAAY,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;MACjG,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,SAAS;QAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;MAEpD,IAAI,IAAI,CAAC,UAAU;QAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAA0B,CAAC;MAEjF,0EAA0E;MAC1E,sDAAsD;MACtD,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,YAAY;QAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;MAErG,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;MACnC,IAAI,CAAC,8BAA8B,EAAE,CAAC;MACtC,IAAI,CAAC,kBAAkB,EAAE,CAAC;MAE1B,+DAA+D;MAC/D,IAAI,CAAC,aAAa,EAAE,CAAC;MAErB,mDAAmD;MACnD,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;MAEvB,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;QACnC,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC;UAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAC7F,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,eAAe,CAAC;UAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3F,IAAI,CAAC,8BAA8B,EAAE,CAAC;MACxC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACtG,CAAC,EAAE,CAAC,CAAC,CAAC;EACR,CAAC;EAED;;;KAGG;EACK,wBAAwB;IAC9B,MAAM,OAAO,GAAW,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjE,OAAO,CACL,EAAC,OAAO,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,EAC5C,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjF,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,mBACtB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,kBAC7C,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,IAAI,MAAM,EACrD,OAAO,EAAE,IAAI,CAAC,kBAAkB;MAEhC,YAAM,IAAI,EAAC,OAAO,GAAQ;MAC1B,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,gBAAgB,SAAS;QAC3C,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,gBAAgB,eAAe;UACjD,YAAM,IAAI,EAAC,OAAO,GAAQ;UACzB,CAAC,IAAI,CAAC,wBAAwB,IAAI,YAAM,IAAI,EAAC,aAAa,GAAQ;UAClE,IAAI,CAAC,wBAAwB,IAAI,CAChC,YAAM,KAAK,EAAC,2DAA2D;YACrE,gBAAU,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAC,GAAG,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,aAAa,GAAY,CAC1F,CACR,CACG;QACL,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,YAAM,IAAI,EAAC,UAAU,GAAQ,CACrD;MACL,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC9C,YACE,KAAK,EAAE;UACL,CAAC,GAAG,IAAI,CAAC,gBAAgB,UAAU,CAAC,EAAE,IAAI;UAC1C,CAAC,GAAG,IAAI,CAAC,gBAAgB,kBAAkB,CAAC,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;UACpE,mBAAmB,EAAE,IAAI;SAC1B;QAED,eAAS,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,GAAW,CAC/C,CACR,CACO,CACX,CAAC;EACJ,CAAC;EAQD;;;KAGG;EACH,MAAM;IACJ,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAAC;MACjC,CAAC,GAAG,IAAI,CAAC,IAAI,sBAAsB,CAAC,EAAE,IAAI;MAC1C,CAAC,GAAG,IAAI,CAAC,IAAI,mCAAmC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC;KACpI,CAAC,CAAC;IAEH,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,IACtD,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CACvB,kBAAY,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAC,cAAc,EAAC,SAAS,EAAE,IAAI,sBAAoB,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,CAAC,oBAAoB,EAAE;MAC/J,IAAI,CAAC,wBAAwB,EAAE;MAChC,WAAK,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,EAAC,SAAS,IAC9C,IAAI,CAAC,UAAU,EAAE,CACd,CACK,CACd,CAAC,CAAC,CAAC,CACF;MACE,IAAI,CAAC,wBAAwB,EAAE;MAC/B,WAAK,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,IAC/E,IAAI,CAAC,UAAU,EAAE,CACd;KACP,CACF,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, Host, Watch, Element, Event, EventEmitter } from '@stencil/core';\nimport { ClassList, createID } from '../../../../utils/components.utils';\nimport { initLocales } from '../../../../locales';\nimport { Direction } from '../mg-menu/mg-menu.conf';\nimport { Status } from './mg-menu-item.conf';\nimport type { MessageType } from '../../mg-item-more/mg-item-more.conf';\nimport type { MenuSizeType } from '../mg-menu/mg-menu.conf';\nimport type { DirectionType } from './mg-menu-item.conf';\nimport type { MgPopover } from '../../mg-popover/mg-popover';\n\n@Component({\n  tag: 'mg-menu-item',\n  styleUrl: 'mg-menu-item.scss',\n  shadow: true,\n})\nexport class MgMenuItem {\n  /************\n   * Internal *\n   ************/\n\n  private readonly name = 'mg-menu-item';\n  private readonly navigationButton = `${this.name}__navigation-button`;\n  private badgeLabel: string;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgMenuItemElement;\n\n  /************\n   * Props *\n   ************/\n\n  /**\n   * Identifier is used to control mg-popover\n   */\n  @Prop() identifier = createID('mg-menu-item');\n\n  /**\n   * Define menu-item href\n   * when defined menu-item contain an anchor instead of button\n   */\n  @Prop() href: string;\n\n  /**\n   * Define menu-item status.\n   */\n  @Prop({ reflect: true, mutable: true }) status: Status = Status.VISIBLE;\n  @Watch('status')\n  validateStatus(newValue: MgMenuItem['status'], oldValue?: MgMenuItem['status']): void {\n    if (oldValue !== undefined) {\n      this.navigationButtonClassList.delete(`${this.navigationButton}--${oldValue}`);\n    }\n    this.navigationButtonClassList.add(`${this.navigationButton}--${newValue}`);\n    this.statusChange.emit(newValue);\n  }\n\n  /**\n   * Define menu-item content expanded.\n   */\n  @Prop({ mutable: true }) expanded = false;\n  @Watch('expanded')\n  validateExpanded(newValue: MgMenuItem['expanded']): void {\n    if (typeof newValue !== 'boolean') throw new Error(`<${this.name}> prop \"expanded\" must be a boolean.`);\n\n    // if menu-item has sub-menu we have to apply some updates:\n    if (this.hasChildren) {\n      const subItems = Array.from(this.element.querySelectorAll(this.name));\n      if (!newValue) {\n        // - when main menu item is NOT expanded we need NOT expanded sub-items and NOT expanded sub-content\n        subItems.forEach(item => {\n          item.expanded = false;\n        });\n      } else if (this.element.querySelector(`${this.name}[status=\"${Status.ACTIVE}\"]`) !== null) {\n        // - when expanded and contain an active item parents are expended too\n        subItems.forEach(item => {\n          if (this.hasStatus(item, Status.ACTIVE)) {\n            item.expanded = true;\n          }\n        });\n      }\n    }\n  }\n\n  /**********\n   * Events *\n   *********/\n\n  /**\n   * Emited event when status change\n   */\n  @Event({ eventName: 'status-change' }) statusChange: EventEmitter<MgMenuItem['status']>;\n\n  /**\n   * Emited event when item is loaded\n   */\n  @Event({ eventName: 'item-loaded' }) itemLoaded: EventEmitter<void>;\n\n  /**********\n   * States *\n   *********/\n\n  /**\n   * Define menu-item size.\n   */\n  @State() size: MenuSizeType = 'regular';\n  @Watch('size')\n  validateSize(newValue: MgMenuItem['size'], oldValue?: MgMenuItem['size']): void {\n    this.navigationButtonClassList.delete(`${this.navigationButton}--size-${oldValue}`);\n    this.navigationButtonClassList.add(`${this.navigationButton}--size-${newValue}`);\n  }\n\n  /**\n   * Component button classes\n   */\n  @State() navigationButtonClassList: ClassList = new ClassList([this.navigationButton]);\n\n  /**\n   * Parent menu direction\n   */\n  @State() direction: DirectionType;\n  @Watch('direction')\n  validateDirection(newValue: MgMenuItem['direction']): void {\n    // manage menu items style depending to parent menu horientation\n    this.element.setAttribute(`data-style-direction-${newValue}`, '');\n    this.navigationButtonClassList.add(`${this.navigationButton}--${newValue}`);\n    // manage all sub levels child menu-items level with data-level attribut\n    if (this.isDirection(Direction.VERTICAL, newValue)) {\n      Array.from(this.element.querySelectorAll('mg-menu-item')).forEach(item => {\n        item.dataset.level = `${(Number(item.dataset.level) || 1) + 1}`;\n      });\n    }\n  }\n\n  /**\n   * Does component is in main menu\n   */\n  @State() isInMainMenu: boolean;\n\n  /**\n   * Does element is item-more\n   */\n  @State() isItemMore: boolean;\n\n  /**\n   * Does component have children.\n   */\n  @State() hasChildren = false;\n  @Watch('hasChildren')\n  validateHasChildren(newValue: boolean): void {\n    if (newValue && this.element.href !== undefined) {\n      throw new Error(`<${this.name}> prop \"href\" is unauthorizied when element is a parent.`);\n    }\n  }\n\n  /**\n   * Does component should display notification badge.\n   */\n  @State() displayNotificationBadge: boolean;\n\n  /***********\n   * Methods *\n   **********/\n\n  /**\n   * Toggle expanded prop value\n   */\n  private toggleExpanded = (): void => {\n    this.expanded = !this.expanded;\n  };\n\n  /**\n   * Does an Element have given Status\n   * @param mgMenuItemElement - to parse\n   * @param status - to check\n   * @returns true if element with status is found\n   */\n  private hasStatus = (mgMenuItemElement: HTMLMgMenuItemElement, status: MgMenuItem['status']): boolean => mgMenuItemElement.status === status;\n\n  /**\n   * Is component contextual direction match the given direction\n   * @param direction - in parent menu\n   * @param compareWith - direction to compare with. Default: `this.direction`\n   * @returns true is direction match the direction propertie\n   */\n  private isDirection = (direction: MgMenuItem['direction'], compareWith = this.direction): boolean => direction === compareWith;\n\n  /**\n   * Update displayNotificationBadge\n   * current component notification badge have priority over the slot badge when submenu contain badge\n   */\n  private updateDisplayNotificationBadge = (): void => {\n    const childMenu = this.element.querySelector('mg-menu');\n    this.displayNotificationBadge =\n      childMenu !== null &&\n      Array.from(childMenu.children).some((subItem: HTMLMgMenuItemElement) => subItem.querySelector('mg-badge') !== null && subItem.getAttribute('hidden') === null);\n  };\n\n  /**\n   * Method to control if one of component children have active status\n   * @returns truthy if component has active child\n   */\n  private hasActiveChild = (): boolean =>\n    Array.from(this.element.querySelector('mg-menu')?.children || []).some(\n      (element: HTMLMgMenuItemElement) => element.nodeName === 'MG-MENU-ITEM' && this.hasStatus(element, Status.ACTIVE) && element.getAttribute('hidden') === null,\n    );\n\n  /**\n   * Validate slots\n   * @param guard - prevent action whith guard. Default: false.\n   */\n  private validateSlot = (guard = false): void => {\n    // slot title AND metadata validation\n    // add title on label AND metada slots due to text-overflow on these element\n    if (Array.from(this.element.children).find(child => child.getAttribute('slot') === 'label') === undefined) throw new Error(`<${this.name}> slot \"label\" is required.`);\n    ['label', 'metadata'].forEach(slot => {\n      Array.from(this.element.querySelectorAll(`[slot=\"${slot}\"]`)).forEach(element => {\n        if (element.textContent.trim().length < 1) throw new Error(`<${this.name}> slot \"${slot}\" must have text content.`);\n        if ((guard && element.getAttribute('title') === null) || !guard) element.setAttribute('title', element.textContent);\n      });\n    });\n  };\n\n  /**\n   * Update status\n   * @param guard - status to exclude from process in addition to [Status.HIDDEN, Status.DISABLED] . Default: [].\n   */\n  private updateStatus = (guard = []): void => {\n    if (![Status.HIDDEN, Status.DISABLED, ...guard].includes(this.status)) {\n      this.status = this.hasActiveChild() ? Status.ACTIVE : Status.VISIBLE;\n    }\n  };\n\n  /**\n   * Init event-listeners\n   */\n  private initListeners = (): void => {\n    // manage first sub-level menu-items\n    Array.from(this.element.querySelector('mg-menu')?.children || []).forEach(item => {\n      if (item.nodeName === 'MG-MENU-ITEM') {\n        // manage child menu listener\n        item.addEventListener('status-change', () => {\n          this.updateStatus();\n        });\n      }\n    });\n  };\n\n  /**\n   * Get mg-popover identifier\n   * @returns generated mg-popover identifier\n   */\n  private getPopoverIdentifier = (): MgPopover['identifier'] => `${this.identifier}-popover`;\n\n  /**\n   * Render popover clickoutside guard for content slot\n   */\n  private updatePopoverGuard(): void {\n    if (this.displayPopover())\n      Array.from(this.element.children)\n        .filter((child: HTMLElement) => child.getAttribute('slot') === null && child.nodeName !== 'MG-MENU' && Boolean(child.dataset))\n        .forEach((slot: HTMLElement) => (slot.dataset.mgPopoverGuard = this.getPopoverIdentifier()));\n  }\n\n  /**\n   * Condition to know if component should display a mg-popover\n   * @returns truthy if component display popover\n   */\n  private displayPopover = (): boolean => this.isDirection(Direction.HORIZONTAL) && this.hasChildren && this.href === undefined;\n\n  /************\n   * Handlers *\n   ************/\n\n  /**\n   * Handle interacrtive element click\n   * @param event - click on element\n   */\n  private handleElementCLick = (event: MouseEvent): void => {\n    if ((this.hasChildren && !this.isInMainMenu) || this.status === Status.DISABLED) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    // toggle expanded when mg-menu-item has child items\n    if (this.hasChildren) this.toggleExpanded();\n  };\n\n  /**\n   * Handle popover element display-change event\n   * @param event - popover display event\n   */\n  private handlePopoverDisplay = (event: CustomEvent): void => {\n    this.expanded = event.detail;\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Validate props\n   */\n  componentWillLoad(): void {\n    // has children items that is NOT [slot='image' | 'information' | 'label' | 'metadata'] element\n    // we store only matching elements\n    this.hasChildren = Array.from(this.element.children).some(child => !['image', 'information', 'label', 'metadata'].includes(child.getAttribute('slot')));\n    this.badgeLabel = (initLocales(this.element).messages as { plusMenu: MessageType }).plusMenu.badgeLabel;\n    this.isItemMore = this.element.dataset.overflowMore !== undefined;\n\n    // Validate props\n    this.validateStatus(this.status);\n    this.validateExpanded(this.expanded);\n\n    // Validate states\n    this.validateSize(this.size);\n  }\n\n  /**\n   * Check if component slots configuration\n   * @returns timeout\n   */\n  componentDidLoad(): ReturnType<typeof setTimeout> {\n    // validation\n    this.validateSlot(true);\n\n    // update props and states after componentDidLoad hook\n    // return a promise to process action only in the FIRST render().\n    // https://stenciljs.com/docs/component-lifecycle#componentwillload\n    return setTimeout(() => {\n      // define menu-item context states\n      const menu = this.element.closest('mg-menu');\n      this.direction = this.isItemMore || menu === null ? Direction.HORIZONTAL : menu.direction;\n      this.isInMainMenu = menu !== null && this.element.parentElement.closest('mg-menu-item') === null;\n      if (menu?.size !== undefined) this.size = menu.size;\n\n      if (this.isItemMore) this.size = this.element.dataset.size as MgMenuItem['size'];\n\n      // when main menu item contain an active item it will get the active style\n      // AND if item is in vertical menu it will be expanded\n      if (this.hasActiveChild() && this.isInMainMenu) this.expanded = this.isDirection(Direction.VERTICAL);\n\n      this.updateStatus([Status.ACTIVE]);\n      this.updateDisplayNotificationBadge();\n      this.updatePopoverGuard();\n\n      // manage child dom changes with mutationObserver and listzners\n      this.initListeners();\n\n      // emit loaded event when component is fully loaded\n      this.itemLoaded.emit();\n\n      new MutationObserver(mutationsList => {\n        if (mutationsList.some(mutation => mutation.attributeName === 'hidden')) this.updateStatus();\n        if (mutationsList.some(mutation => mutation.type === 'characterData')) this.validateSlot();\n        this.updateDisplayNotificationBadge();\n      }).observe(this.element, { attributes: true, childList: true, characterData: true, subtree: true });\n    }, 0);\n  }\n\n  /**\n   * Render ineractive element\n   * @returns HTML Element\n   */\n  private renderInteractiveElement(): HTMLElement {\n    const TagName: string = this.href !== undefined ? 'a' : 'button';\n    return (\n      <TagName\n        href={this.href}\n        class={this.navigationButtonClassList.join()}\n        tabindex={[Status.DISABLED, Status.HIDDEN].includes(this.status) ? -1 : undefined}\n        disabled={this.status === Status.DISABLED}\n        hidden={this.status === Status.HIDDEN}\n        aria-expanded={this.hasChildren && this.expanded.toString()}\n        aria-current={this.status === Status.ACTIVE && 'page'}\n        onClick={this.handleElementCLick}\n      >\n        <slot name=\"image\"></slot>\n        <div class={`${this.navigationButton}-center`}>\n          <div class={`${this.navigationButton}-text-content`}>\n            <slot name=\"label\"></slot>\n            {!this.displayNotificationBadge && <slot name=\"information\"></slot>}\n            {this.displayNotificationBadge && (\n              <span class=\"mg-menu-item__navigation-button-text-content-notification\">\n                <mg-badge label={this.badgeLabel} value=\"!\" variant=\"text-color\" slot=\"information\"></mg-badge>\n              </span>\n            )}\n          </div>\n          {this.size !== 'regular' && <slot name=\"metadata\"></slot>}\n        </div>\n        {this.hasChildren && this.href === undefined && (\n          <span\n            class={{\n              [`${this.navigationButton}-chevron`]: true,\n              [`${this.navigationButton}-chevron--rotate`]: this.expanded === true,\n              'mg-a11y-animation': true,\n            }}\n          >\n            <mg-icon icon=\"chevron-down\" size=\"small\"></mg-icon>\n          </span>\n        )}\n      </TagName>\n    );\n  }\n\n  /**\n   * Render slot\n   * @returns HTML Element\n   */\n  private renderSlot = (): HTMLElement => <slot></slot>;\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    const getContainerClasses = () => ({\n      [`${this.name}__collapse-container`]: true,\n      [`${this.name}__collapse-container--first-level`]: (this.isInMainMenu || this.isItemMore) && this.isDirection(Direction.HORIZONTAL),\n    });\n\n    return (\n      <Host role={this.isItemMore ? 'presentation' : 'listitem'}>\n        {this.displayPopover() ? (\n          <mg-popover display={this.expanded} placement=\"bottom-start\" arrowHide={true} onDisplay-change={this.handlePopoverDisplay} identifier={this.getPopoverIdentifier()}>\n            {this.renderInteractiveElement()}\n            <div class={getContainerClasses()} slot=\"content\">\n              {this.renderSlot()}\n            </div>\n          </mg-popover>\n        ) : (\n          [\n            this.renderInteractiveElement(),\n            <div key=\"vertical-container\" class={getContainerClasses()} hidden={!this.expanded}>\n              {this.renderSlot()}\n            </div>,\n          ]\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/menu/mg-menu-item/test/mg-menu-item.e2e.js

@@ -0,0 +1,119 @@
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+  if (!Symbol.asyncIterator)
+    throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+};
+import { createPage } from "../../../../../utils/stencil.e2e.test.utils";
+import { renderAttributes } from "../../../../../utils/e2e.test.utils";
+import { Direction, sizes } from "../../mg-menu/mg-menu.conf";
+import { Status } from "../mg-menu-item.conf";
+const slotContent = '<div><h3>Demo title</h3><p>some content</p></div>';
+const slotMenuItem = '<mg-menu label="submenu"><mg-menu-item><span slot="label">Batman begins</span></mg-menu-item></mg-menu>';
+const slotImage = '<mg-icon icon="user" slot="image"></mg-icon>';
+const slotInformation = '<mg-badge value="2" label="hello" slot="information"></mg-badge>';
+const slotMetadata = '<span slot="metadata">is a hero</span>';
+const createHTML = (args, slot = '', direction = Direction.HORIZONTAL) => `
+<mg-menu ${renderAttributes(Object.assign({ label: 'batmenu', direction }, args))}">
+  <mg-menu-item ${renderAttributes(args)}>
+    <span slot="label">${args.href ? 'batman link' : 'batman'}</span>
+    ${slot}
+  </mg-menu-item>
+</mg-menu>
+`;
+describe('mg-menu-item', () => {
+  describe.each([Direction.HORIZONTAL, Direction.VERTICAL])('render', direction => {
+    test('should render whith status', async () => {
+      const html = [Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED]
+        .map(status => {
+        const template = [undefined, '#link']
+          .map(href => [true, false].map(submenu => (submenu && href !== undefined ? '' : createHTML({ status, href }, submenu && slotMenuItem, direction))).join(''))
+          .join('');
+        return `<h2>${status}<h2/><div>${template}<div>`;
+      })
+        .join('');
+      const page = await createPage(`<h1>${direction} mg-menu - Status</h1>${html}`);
+      const element = await page.find('mg-menu-item');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+    test('should render whith slots', async () => {
+      const html = [
+        { label: 'submenu', slot: slotMenuItem },
+        { label: 'image', slot: slotImage },
+        { label: 'information', slot: slotInformation },
+        { label: 'information AND image', slot: slotInformation + slotImage },
+      ]
+        .map(({ label, slot }) => {
+        const template = [true, false]
+          .map(submenu => [true, false]
+          .map(metadata => sizes
+          .map(size => (submenu && label === 'submenu' ? '' : createHTML({ size }, `${metadata ? slotMetadata : ''} ${submenu ? slot + slotMenuItem : slot}`, direction)))
+          .join(''))
+          .join(''))
+          .join('');
+        return `<h2>${label}<h2/><div>${template}<div>`;
+      })
+        .join('');
+      const page = await createPage(`<h1>${direction} mg-menu - Slots</h1>${html}`);
+      const element = await page.find('mg-menu-item');
+      expect(element).toHaveClass('hydrated');
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+    test.each([true, false])(`should renders direction=${direction}, props expanded=%s`, async (expanded) => {
+      const page = await createPage(createHTML({ expanded }, slotMenuItem, direction));
+      const element = await page.find('mg-menu-item');
+      expect(element).toHaveClass('hydrated');
+      await page.setViewport({ width: 300, height: 200 });
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+    test('should render content slot', async () => {
+      const page = await createPage(createHTML({ expanded: true }, slotContent, direction));
+      const element = await page.find('mg-menu-item');
+      expect(element).toHaveClass('hydrated');
+      await page.setViewport({ width: 300, height: 200 });
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+    });
+    test.each([[Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED]])('shoud manage keyboard navigation', async (status) => {
+      var _a, e_1, _b, _c;
+      const page = await createPage(createHTML({ status }, slotMenuItem, direction));
+      let screenshot = await page.screenshot();
+      expect(screenshot).toMatchImageSnapshot();
+      const element = await page.find('mg-menu-item');
+      expect(element).toHaveClass('hydrated');
+      await page.setViewport({ width: 300, height: 200 });
+      try {
+        for (var _d = true, _e = __asyncValues(['Tab', 'Enter']), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
+          _c = _f.value;
+          _d = false;
+          const key = _c;
+          await page.keyboard.press(key);
+          await page.waitForChanges();
+          await page.waitForTimeout(200);
+          screenshot = await page.screenshot();
+          expect(screenshot).toMatchImageSnapshot();
+        }
+      }
+      catch (e_1_1) {
+        e_1 = { error: e_1_1 };
+      }
+      finally {
+        try {
+          if (!_d && !_a && (_b = _e.return))
+            await _b.call(_e);
+        }
+        finally {
+          if (e_1)
+            throw e_1.error;
+        }
+      }
+    });
+  });
+});
+//# sourceMappingURL=mg-menu-item.e2e.js.map

package/dist/collection/components/molecules/menu/mg-menu-item/test/mg-menu-item.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-menu-item.e2e.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu-item/test/mg-menu-item.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { KeyInput } from 'puppeteer';\nimport { createPage } from '../../../../../utils/stencil.e2e.test.utils';\nimport { renderAttributes } from '../../../../../utils/e2e.test.utils';\nimport { Direction, sizes } from '../../mg-menu/mg-menu.conf';\nimport { Status } from '../mg-menu-item.conf';\n\nconst slotContent = '<div><h3>Demo title</h3><p>some content</p></div>';\nconst slotMenuItem = '<mg-menu label=\"submenu\"><mg-menu-item><span slot=\"label\">Batman begins</span></mg-menu-item></mg-menu>';\nconst slotImage = '<mg-icon icon=\"user\" slot=\"image\"></mg-icon>';\nconst slotInformation = '<mg-badge value=\"2\" label=\"hello\" slot=\"information\"></mg-badge>';\nconst slotMetadata = '<span slot=\"metadata\">is a hero</span>';\n\nconst createHTML = (args, slot = '', direction = Direction.HORIZONTAL) => `\n<mg-menu ${renderAttributes({ label: 'batmenu', direction, ...args })}\">\n  <mg-menu-item ${renderAttributes(args)}>\n    <span slot=\"label\">${args.href ? 'batman link' : 'batman'}</span>\n    ${slot}\n  </mg-menu-item>\n</mg-menu>\n`;\n\ndescribe('mg-menu-item', () => {\n  describe.each([Direction.HORIZONTAL, Direction.VERTICAL])('render', direction => {\n    test('should render whith status', async () => {\n      const html = [Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED]\n        .map(status => {\n          const template = [undefined, '#link']\n            .map(href => [true, false].map(submenu => (submenu && href !== undefined ? '' : createHTML({ status, href }, submenu && slotMenuItem, direction))).join(''))\n            .join('');\n          return `<h2>${status}<h2/><div>${template}<div>`;\n        })\n        .join('');\n\n      const page = await createPage(`<h1>${direction} mg-menu - Status</h1>${html}`);\n\n      const element = await page.find('mg-menu-item');\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n\n    test('should render whith slots', async () => {\n      const html = [\n        { label: 'submenu', slot: slotMenuItem },\n        { label: 'image', slot: slotImage },\n        { label: 'information', slot: slotInformation },\n        { label: 'information AND image', slot: slotInformation + slotImage },\n      ]\n        .map(({ label, slot }) => {\n          const template = [true, false]\n            .map(submenu =>\n              [true, false]\n                .map(metadata =>\n                  sizes\n                    .map(size => (submenu && label === 'submenu' ? '' : createHTML({ size }, `${metadata ? slotMetadata : ''} ${submenu ? slot + slotMenuItem : slot}`, direction)))\n                    .join(''),\n                )\n                .join(''),\n            )\n            .join('');\n          return `<h2>${label}<h2/><div>${template}<div>`;\n        })\n        .join('');\n\n      const page = await createPage(`<h1>${direction} mg-menu - Slots</h1>${html}`);\n\n      const element = await page.find('mg-menu-item');\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n\n    test.each([true, false])(`should renders direction=${direction}, props expanded=%s`, async expanded => {\n      const page = await createPage(createHTML({ expanded }, slotMenuItem, direction));\n\n      const element = await page.find('mg-menu-item');\n      expect(element).toHaveClass('hydrated');\n\n      await page.setViewport({ width: 300, height: 200 });\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n\n    test('should render content slot', async () => {\n      const page = await createPage(createHTML({ expanded: true }, slotContent, direction));\n\n      const element = await page.find('mg-menu-item');\n      expect(element).toHaveClass('hydrated');\n\n      await page.setViewport({ width: 300, height: 200 });\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n\n    test.each([[Status.ACTIVE, Status.VISIBLE, Status.HIDDEN, Status.DISABLED]])('shoud manage keyboard navigation', async status => {\n      const page = await createPage(createHTML({ status }, slotMenuItem, direction));\n      let screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n\n      const element = await page.find('mg-menu-item');\n      expect(element).toHaveClass('hydrated');\n\n      await page.setViewport({ width: 300, height: 200 });\n\n      for await (const key of ['Tab', 'Enter']) {\n        await page.keyboard.press(key as unknown as KeyInput);\n        await page.waitForChanges();\n        await page.waitForTimeout(200);\n        screenshot = await page.screenshot();\n        expect(screenshot).toMatchImageSnapshot();\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/menu/mg-menu-item/test/mg-menu-item.spec.js

@@ -0,0 +1,295 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { MgBadge } from "../../../../atoms/mg-badge/mg-badge";
+import { MgIcon } from "../../../../atoms/mg-icon/mg-icon";
+import { MgMenuItem } from "../../mg-menu-item/mg-menu-item";
+import { MgMenu } from "../../mg-menu/mg-menu";
+import { Status } from "../mg-menu-item.conf";
+import { Direction } from "../../mg-menu/mg-menu.conf";
+import { MgPopover } from "../../../mg-popover/mg-popover";
+import { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from "../../../../../utils/unit.test.utils";
+import { MgPopoverContent } from "../../../mg-popover/mg-popover-content/mg-popover-content";
+mockConsoleError();
+mockWindowFrames();
+const menu = (args = { label: 'child-menu' }) => h("mg-menu", Object.assign({}, args), args.slots);
+const menuItem = (args, slot) => (h("mg-menu-item", Object.assign({}, args, { identifier: args.identifier === undefined ? 'identifier' : args.identifier, "data-overflow-more": args.overflow }), slot, args.label && h("span", { slot: "label" }, args.label), args.metadata && h("span", { slot: "metadata" }, "my metadata"), args.icon && h("mg-icon", { slot: "image", icon: "user" }), args.badge && h("mg-badge", { slot: "information", label: "badge label", value: "1" })));
+const childMenu = (args = { label: 'child menu item' }, slots) => menu({ label: 'child menu', slots: menuItem(args, slots), direction: args.direction });
+const templateDefault = (args, slots) => menu({ label: 'menu', slots: menuItem(args, slots) });
+const templateTwoMenuItems = (args, slots) => menu({ label: 'menu', slots: [menuItem(args, slots), menuItem({ label: 'item 2' })] });
+const getPage = async (template) => {
+  var _a;
+  const page = await newSpecPage({
+    components: [MgMenuItem, MgMenu, MgIcon, MgBadge, MgPopover, MgPopoverContent],
+    template: () => template,
+  });
+  if (Boolean((_a = page.rootInstance.itemLoaded) === null || _a === void 0 ? void 0 : _a.emit))
+    page.rootInstance.itemLoaded.emit = jest.fn();
+  jest.runAllTimers();
+  await page.waitForChanges();
+  [page.doc, ...Array.from(page.doc.querySelectorAll('mg-menu')).map(el => el.shadowRoot)].forEach(el => Array.from(el.querySelectorAll('mg-menu-item')).forEach((item, index) => {
+    forcePopoverId(item, `mg-popover-test_${index}`);
+  }));
+  return page;
+};
+describe('mg-menu-item', () => {
+  let fireMo = [];
+  beforeEach(() => {
+    fireMo = [];
+    jest.useFakeTimers();
+    setupMutationObserverMock({
+      observe: function () {
+        fireMo.push(this.cb);
+      },
+      disconnect: function () {
+        return null;
+      },
+      takeRecords: () => [],
+    });
+    setupResizeObserverMock({
+      observe: () => null,
+      disconnect: () => null,
+    });
+  });
+  afterEach(() => jest.clearAllTimers());
+  describe('render', () => {
+    test.each([
+      { label: 'Batman' },
+      { label: 'Batman', icon: true },
+      { label: 'Batman', badge: true },
+      { label: 'Batman', metadata: true },
+      { label: 'Batman', href: '#link' },
+      { label: 'Batman', overflow: true },
+    ])('with args %s', async (args) => {
+      const { root } = await getPage(templateDefault(args));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([{ label: 'Batman' }, { label: 'Batman', icon: true }, { label: 'Batman', badge: true }, { label: 'Batman', metadata: true }, { label: 'Batman', href: '#link' }])('with size large, %s', async (args) => {
+      const { root } = await getPage(menu({ label: 'Batman', size: 'large', slots: menuItem(args) }));
+      expect(root).toMatchSnapshot();
+    });
+    test('with 2 menu-items, last items get style modifier', async () => {
+      const { root } = await getPage(templateTwoMenuItems({ label: 'Batman' }));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([Status.ACTIVE, Status.DISABLED, Status.HIDDEN, Status.VISIBLE])('with status %s', async (status) => {
+      const page = await getPage(templateDefault({ label: 'Batman', status }));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.status = element.status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([undefined, 0, 5])('with menuIndex %s', async (menuIndex) => {
+      const { root } = await getPage(templateDefault({ label: 'Batman', menuIndex }));
+      expect(root).toMatchSnapshot();
+    });
+    test.each([undefined, true, false])('with expanded %s', async (expanded) => {
+      const page = await getPage(templateDefault({ label: 'Batman', expanded }));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([undefined, true, false])('with expanded and sub-menu %s', async (expanded) => {
+      const page = await getPage(templateDefault({ label: 'Batman', expanded }, childMenu()));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+    test('with vertical sub-menu', async () => {
+      const page = await getPage(templateDefault({ label: 'Batman' }, childMenu({ label: 'level 2', direction: Direction.VERTICAL }, childMenu({ label: 'level 3', direction: Direction.VERTICAL }))));
+      const element = page.doc.querySelector('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.expanded = !element.expanded;
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+  describe('errors', () => {
+    test('throw errors missing slot label %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: undefined }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> slot "label" is required.');
+      }
+    });
+    test('throw errors missing slot label %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: ' ' }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> slot "label" must have text content.');
+      }
+    });
+    test('with expanded and sub-menu %s', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(templateDefault({ label: 'label', href: '#link' }, childMenu()));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> prop "href" is unauthorizied when element is a parent.');
+      }
+    });
+    test('with expanded type mismatch', async () => {
+      expect.assertions(1);
+      try {
+        await getPage(menuItem({ label: 'label', expanded: { name: 'batman' } }));
+      }
+      catch (err) {
+        expect(err.message).toBe('<mg-menu-item> prop "expanded" must be a boolean.');
+      }
+    });
+  });
+  describe.each([
+    expanded => templateDefault({ label: 'Batman', expanded }),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu()),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3' }))),
+    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3', status: Status.ACTIVE }))),
+    expanded => templateDefault({ label: 'Batman', expanded }, h("div", null, h("h3", null, "Demo title"), h("p", null, "some content"))),
+  ])('mouse navigation', template => {
+    test.each([undefined, true, false])('should manage toggle expand with template %s', async (expanded) => {
+      const page = await getPage(template(expanded));
+      const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+      expect(page.root).toMatchSnapshot();
+      element.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+  describe('events', () => {
+    describe('click', () => {
+      test.each([{}, { child: true }, { status: Status.DISABLED }, { href: '/' }])('should manage prevent click action %s', async (props) => {
+        const page = await getPage(templateDefault(Object.assign({ label: 'Batman' }, props), props.child === true && childMenu()));
+        const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const event = new CustomEvent('click', { bubbles: true });
+        const spyPreventDefault = jest.spyOn(event, 'preventDefault');
+        const spyStopPropagation = jest.spyOn(event, 'stopPropagation');
+        element.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);
+        await page.waitForChanges();
+        if (props.child) {
+          const subElement = page.doc.querySelector('mg-menu mg-menu > mg-menu-item');
+          subElement.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);
+          await page.waitForChanges();
+          expect(spyPreventDefault).not.toHaveBeenCalled();
+          expect(spyStopPropagation).not.toHaveBeenCalled();
+        }
+        else if (props.status !== undefined) {
+          expect(spyPreventDefault).toHaveBeenCalled();
+          expect(spyStopPropagation).toHaveBeenCalled();
+        }
+        else {
+          expect(spyPreventDefault).not.toHaveBeenCalled();
+          expect(spyStopPropagation).not.toHaveBeenCalled();
+        }
+      });
+    });
+    describe('popover', () => {
+      test.each([true, false])('should toggle expanded from popover display-change event', async (display) => {
+        const page = await getPage(templateDefault({ label: 'Batman', expanded: !display }, childMenu()));
+        const element = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const popover = element.shadowRoot.querySelector('mg-popover');
+        popover.dispatchEvent(new CustomEvent('display-change', { detail: display }));
+        await page.waitForChanges();
+        expect(element.expanded).toBe(display);
+      });
+      test('should prevent "expanded" to be update to "false" when click inside content slot', async () => {
+        const page = await getPage(menu({
+          label: 'main menu',
+          slots: menuItem({ label: 'Batman', expanded: true }, h("div", null, h("button", null, "Hello batman"))),
+        }));
+        expect(page.root).toMatchSnapshot();
+        jest.runAllTimers();
+        const mgMenuItem = page.doc.querySelector('[title="Batman"]').closest('mg-menu-item');
+        const contentButton = mgMenuItem.querySelector('button');
+        contentButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+        await page.waitForChanges();
+        expect(mgMenuItem.expanded).toBe(true);
+      });
+    });
+    describe('status-change', () => {
+      test('should emit new status, when prop status change', async () => {
+        const { rootInstance, doc } = await getPage(menuItem({ label: 'Batman' }));
+        const item = doc.querySelector('mg-menu-item');
+        const spy = jest.spyOn(rootInstance.statusChange, 'emit');
+        item.status = Status.ACTIVE;
+        expect(spy).toHaveBeenCalledWith(Status.ACTIVE);
+      });
+      test.each([Status.ACTIVE, Status.VISIBLE])('Should update status with child item "change-status" event, from status %s', async (status) => {
+        const nextStatus = status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;
+        const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', status })));
+        const item = page.doc.querySelector('mg-menu-item');
+        const childItem = page.doc.querySelector('mg-menu-item mg-menu-item');
+        expect(item).toHaveProperty('status', status);
+        expect(childItem).toHaveProperty('status', status);
+        childItem.status = nextStatus;
+        await page.waitForChanges();
+        expect(item).toHaveProperty('status', nextStatus);
+        expect(childItem).toHaveProperty('status', nextStatus);
+      });
+    });
+    describe('item-loaded', () => {
+      test('Should emit "item-loaded" event at the end of the render process', async () => {
+        const page = await getPage(menuItem({ label: 'Batman' }));
+        expect(page.rootInstance.itemLoaded.emit).toHaveBeenCalled();
+      });
+    });
+  });
+  describe('MutationObserver', () => {
+    test.each([true, false])('should update notification badge with args %s', async (badge) => {
+      const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', badge })));
+      spyOn(page.rootInstance, 'updateDisplayNotificationBadge');
+      expect(page.rootInstance.updateDisplayNotificationBadge).not.toHaveBeenCalled();
+      fireMo[2]([]);
+      await page.waitForChanges();
+      expect(page.rootInstance.updateDisplayNotificationBadge).toHaveBeenCalledTimes(1);
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each([
+      { from: Status.ACTIVE, to: Status.VISIBLE },
+      { from: Status.VISIBLE, to: Status.ACTIVE },
+    ])('Should update status with child title "attribute" mutation, from status %s', async ({ from, to }) => {
+      const page = await getPage(menuItem({ label: 'Batman', status: from }, childMenu({ label: 'child menu', status: to })));
+      const menuItemElement = page.doc.querySelector('mg-menu-item');
+      const childMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');
+      expect(menuItemElement).toHaveProperty('status', to === Status.ACTIVE ? to : from);
+      expect(childMenuItemElement).toHaveProperty('status', to);
+      childMenuItemElement.setAttribute('hidden', '');
+      fireMo[0]([{ attributeName: 'hidden' }]);
+      await page.waitForChanges();
+      expect(menuItemElement).toHaveProperty('status', from);
+      expect(page.root).toMatchSnapshot();
+    });
+    test.each(['label', 'metadata'])('Should update status with child "characterData" mutation, from status %s', async (slot) => {
+      const to = 'joker';
+      const from = name => `my ${name}`;
+      const page = await getPage(menuItem({ label: slot === 'label' ? from(slot) : 'Label', metadata: slot === 'metadata' }));
+      const menuItemSlotElement = page.doc.querySelector(`mg-menu-item [slot="${slot}"]`);
+      expect(menuItemSlotElement).toHaveProperty('title', from(slot));
+      menuItemSlotElement.textContent = to;
+      fireMo[0]([{ type: 'characterData' }]);
+      await page.waitForChanges();
+      expect(menuItemSlotElement).toHaveProperty('title', to);
+      expect(page.root).toMatchSnapshot();
+    });
+    test('Should update display notifiaction badge with "attribute" mutation, from status %s', async () => {
+      const page = await getPage(menuItem({ label: 'batman' }, childMenu({ label: 'submenu', badge: true })));
+      const mgMenuItem = page.doc.querySelector(`mg-menu-item`);
+      const badgeNotification = mgMenuItem.querySelector('[slot="information"]');
+      expect(mgMenuItem).toHaveProperty('hidden', false);
+      expect(badgeNotification).not.toBe(null);
+      expect(page.root).toMatchSnapshot();
+      const childMenuItem = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');
+      childMenuItem.setAttribute('hidden', 'true');
+      fireMo[2]([{ type: 'attributes' }]);
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=mg-menu-item.spec.js.map

package/dist/collection/components/molecules/menu/mg-menu-item/test/mg-menu-item.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-menu-item.spec.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/menu/mg-menu-item/test/mg-menu-item.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC9J,OAAO,EAAE,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AAE7F,gBAAgB,EAAE,CAAC;AACnB,gBAAgB,EAAE,CAAC;AAEnB,MAAM,IAAI,GAAG,CAAC,OAAsE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,+BAAa,IAAI,GAAG,IAAI,CAAC,KAAK,CAAW,CAAC;AAC1J,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAK,EAAE,EAAE,CAAC,CAChC,oCAAkB,IAAI,IAAE,UAAU,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,wBAAsB,IAAI,CAAC,QAAQ;EAClI,IAAI;EACJ,IAAI,CAAC,KAAK,IAAI,YAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;EACpD,IAAI,CAAC,QAAQ,IAAI,YAAM,IAAI,EAAC,UAAU,kBAAmB;EACzD,IAAI,CAAC,IAAI,IAAI,eAAS,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAW;EACzD,IAAI,CAAC,KAAK,IAAI,gBAAU,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,GAAG,GAAY,CACxE,CAChB,CAAC;AACF,MAAM,SAAS,GAAG,CAAC,OAA2G,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAM,EAAE,EAAE,CACpK,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AACzF,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,KAAM,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;AAChG,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,KAAM,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAEtI,MAAM,OAAO,GAAG,KAAK,EAAC,QAAQ,EAAC,EAAE;;EAC/B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;IAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,CAAC;IAC9E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;GACzB,CAAC,CAAC;EAEH,IAAI,OAAO,CAAC,MAAA,IAAI,CAAC,YAAY,CAAC,UAAU,0CAAE,IAAI,CAAC;IAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;EAE/F,IAAI,CAAC,YAAY,EAAE,CAAC;EACpB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;EAE5B,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CACpG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IACtE,cAAc,CAAC,IAAI,EAAE,mBAAmB,KAAK,EAAE,CAAC,CAAC;EACnD,CAAC,CAAC,CACH,CAAC;EAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,IAAI,MAAM,GAAG,EAAE,CAAC;EAChB,UAAU,CAAC,GAAG,EAAE;IACd,MAAM,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACrB,yBAAyB,CAAC;MACxB,OAAO,EAAE;QACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;MACvB,CAAC;MACD,UAAU,EAAE;QACV,OAAO,IAAI,CAAC;MACd,CAAC;MACD,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE;KACtB,CAAC,CAAC;IACH,uBAAuB,CAAC;MACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;MACnB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;KACvB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EACH,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;EACvC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,IAAI,CAAC,IAAI,CAAC;MACR,EAAE,KAAK,EAAE,QAAQ,EAAE;MACnB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE;MAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;MAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;MACnC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE;MAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KACpC,CAAC,CAAC,cAAc,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;MAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;MAEtD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAC1K,qBAAqB,EACrB,KAAK,EAAC,IAAI,EAAC,EAAE;MACX,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;MAEhG,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CACF,CAAC;IAEF,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;MAClE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;MAE1E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,KAAK,EAAC,MAAM,EAAC,EAAE;MAC1G,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;MACzE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAEvD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;MACnF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE;MAClE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;MAEhF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,EAAE,KAAK,EAAC,QAAQ,EAAC,EAAE;MACvE,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;MAE3E,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAEvD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,OAAO,CAAC,QAAQ,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;MACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,+BAA+B,EAAE,KAAK,EAAC,QAAQ,EAAC,EAAE;MACpF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;MAExF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAEvD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,OAAO,CAAC,QAAQ,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;MACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;MACxC,MAAM,IAAI,GAAG,MAAM,OAAO,CACxB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CACrK,CAAC;MAEF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAEvD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,OAAO,CAAC,QAAQ,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;MACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,IAAI,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;MACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MAErB,IAAI;QACF,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;OACtD;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAC;OACtE;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;MACpD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MAErB,IAAI;QACF,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;OAChD;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAC;OACjF;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;MAC/C,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MAErB,IAAI;QACF,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;OAChF;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;OACnG;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;MAC7C,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MAErB,IAAI;QACF,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;OAC3E;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;OAC/E;IACH,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IAC5H,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnJ,QAAQ,CAAC,EAAE,CACT,eAAe,CACb,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC7B;MACE,2BAAmB;MACnB,4BAAmB,CACf,CACP;GACJ,CAAC,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE;IAChC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,8CAA8C,EAAE,KAAK,EAAC,QAAQ,EAAC,EAAE;MACnG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;MAE/C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;MAEnF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MACtG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;MACrB,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,uCAAuC,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;QAClI,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,eAAe,iBAAG,KAAK,EAAE,QAAQ,IAAK,KAAK,GAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC;QAEhH,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEnF,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1D,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;QAC9D,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAEhE,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,IAAI,KAAK,CAAC,KAAK,EAAE;UACf,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;UAE5E,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;UACpG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;UAE5B,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;UACjD,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;SACnD;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;UACrC,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;UAC7C,MAAM,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,EAAE,CAAC;SAC/C;aAAM;UACL,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;UACjD,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;SACnD;MACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;MACvB,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,0DAA0D,EAAE,KAAK,EAAC,OAAO,EAAC,EAAE;QACnG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QAElG,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEnF,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QAE/D,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAC9E,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;MACzC,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,kFAAkF,EAAE,KAAK,IAAI,EAAE;QAClG,MAAM,IAAI,GAAG,MAAM,OAAO,CACxB,IAAI,CAAC;UACH,KAAK,EAAE,WAAW;UAClB,KAAK,EAAE,QAAQ,CACb,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EACnC;YACE,iCAA6B,CACzB,CACP;SACF,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QACtF,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEzD,aAAa,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;MAC7B,IAAI,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE3E,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAE/C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAE5B,MAAM,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;MAClD,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,4EAA4E,EAAE,KAAK,EAAC,MAAM,EAAC,EAAE;QACtI,MAAM,UAAU,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAC7E,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QAEtG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACpD,MAAM,SAAS,GAA0B,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QAE7F,MAAM,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEnD,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC;QAE9B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;MACzD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;MAC3B,IAAI,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAClF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;MAC/D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,+CAA+C,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MACtF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAErG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,gCAAgC,CAAC,CAAC;MAE3D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,8BAA8B,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;MAEhF,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;MACd,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,8BAA8B,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;MAClF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC;MACR,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE;MAC3C,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE;KAC5C,CAAC,CAAC,4EAA4E,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;MACtG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;MAExH,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAC/D,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,mCAAmC,CAA0B,CAAC;MAElH,MAAM,CAAC,eAAe,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;MACnF,MAAM,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;MAE1D,oBAAoB,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;MAChD,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;MAEzC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,eAAe,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;MACvD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,0EAA0E,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;MACxH,MAAM,EAAE,GAAG,OAAO,CAAC;MACnB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC;MAClC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC,CAAC,CAAC;MAExH,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,uBAAuB,IAAI,IAAI,CAAC,CAAC;MAEpF,MAAM,CAAC,mBAAmB,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MAEhE,mBAAmB,CAAC,WAAW,GAAG,EAAE,CAAC;MACrC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;MAEvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,mBAAmB,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;MACxD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oFAAoF,EAAE,KAAK,IAAI,EAAE;MACpG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;MAExG,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;MAE3E,MAAM,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;MACnD,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MACzC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;MAClF,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;MAC7C,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;MAEpC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgBadge } from '../../../../atoms/mg-badge/mg-badge';\nimport { MgIcon } from '../../../../atoms/mg-icon/mg-icon';\nimport { MgMenuItem } from '../../mg-menu-item/mg-menu-item';\nimport { MgMenu } from '../../mg-menu/mg-menu';\nimport { Status } from '../mg-menu-item.conf';\nimport { Direction } from '../../mg-menu/mg-menu.conf';\nimport { MgPopover } from '../../../mg-popover/mg-popover';\nimport { forcePopoverId, mockConsoleError, mockWindowFrames, setupMutationObserverMock, setupResizeObserverMock } from '../../../../../utils/unit.test.utils';\nimport { MgPopoverContent } from '../../../mg-popover/mg-popover-content/mg-popover-content';\n\nmockConsoleError();\nmockWindowFrames();\n\nconst menu = (args: Partial<MgMenu> & { slots?: unknown } & Pick<MgMenu, 'label'> = { label: 'child-menu' }) => <mg-menu {...args}>{args.slots}</mg-menu>;\nconst menuItem = (args, slot?) => (\n  <mg-menu-item {...args} identifier={args.identifier === undefined ? 'identifier' : args.identifier} data-overflow-more={args.overflow}>\n    {slot}\n    {args.label && <span slot=\"label\">{args.label}</span>}\n    {args.metadata && <span slot=\"metadata\">my metadata</span>}\n    {args.icon && <mg-icon slot=\"image\" icon=\"user\"></mg-icon>}\n    {args.badge && <mg-badge slot=\"information\" label=\"badge label\" value=\"1\"></mg-badge>}\n  </mg-menu-item>\n);\nconst childMenu = (args: { label: string; status?: MgMenuItem['status']; direction?: MgMenu['direction']; badge?: boolean } = { label: 'child menu item' }, slots?) =>\n  menu({ label: 'child menu', slots: menuItem(args, slots), direction: args.direction });\nconst templateDefault = (args, slots?) => menu({ label: 'menu', slots: menuItem(args, slots) });\nconst templateTwoMenuItems = (args, slots?) => menu({ label: 'menu', slots: [menuItem(args, slots), menuItem({ label: 'item 2' })] });\n\nconst getPage = async template => {\n  const page = await newSpecPage({\n    components: [MgMenuItem, MgMenu, MgIcon, MgBadge, MgPopover, MgPopoverContent],\n    template: () => template,\n  });\n\n  if (Boolean(page.rootInstance.itemLoaded?.emit)) page.rootInstance.itemLoaded.emit = jest.fn();\n\n  jest.runAllTimers();\n  await page.waitForChanges();\n\n  [page.doc, ...Array.from(page.doc.querySelectorAll('mg-menu')).map(el => el.shadowRoot)].forEach(el =>\n    Array.from(el.querySelectorAll('mg-menu-item')).forEach((item, index) => {\n      forcePopoverId(item, `mg-popover-test_${index}`);\n    }),\n  );\n\n  return page;\n};\n\ndescribe('mg-menu-item', () => {\n  let fireMo = [];\n  beforeEach(() => {\n    fireMo = [];\n    jest.useFakeTimers();\n    setupMutationObserverMock({\n      observe: function () {\n        fireMo.push(this.cb);\n      },\n      disconnect: function () {\n        return null;\n      },\n      takeRecords: () => [],\n    });\n    setupResizeObserverMock({\n      observe: () => null,\n      disconnect: () => null,\n    });\n  });\n  afterEach(() => jest.clearAllTimers());\n  describe('render', () => {\n    test.each([\n      { label: 'Batman' },\n      { label: 'Batman', icon: true },\n      { label: 'Batman', badge: true },\n      { label: 'Batman', metadata: true },\n      { label: 'Batman', href: '#link' },\n      { label: 'Batman', overflow: true },\n    ])('with args %s', async args => {\n      const { root } = await getPage(templateDefault(args));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([{ label: 'Batman' }, { label: 'Batman', icon: true }, { label: 'Batman', badge: true }, { label: 'Batman', metadata: true }, { label: 'Batman', href: '#link' }])(\n      'with size large, %s',\n      async args => {\n        const { root } = await getPage(menu({ label: 'Batman', size: 'large', slots: menuItem(args) }));\n\n        expect(root).toMatchSnapshot();\n      },\n    );\n\n    test('with 2 menu-items, last items get style modifier', async () => {\n      const { root } = await getPage(templateTwoMenuItems({ label: 'Batman' }));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([Status.ACTIVE, Status.DISABLED, Status.HIDDEN, Status.VISIBLE])('with status %s', async status => {\n      const page = await getPage(templateDefault({ label: 'Batman', status }));\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.status = element.status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([undefined, 0, 5])('with menuIndex %s', async menuIndex => {\n      const { root } = await getPage(templateDefault({ label: 'Batman', menuIndex }));\n\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([undefined, true, false])('with expanded %s', async expanded => {\n      const page = await getPage(templateDefault({ label: 'Batman', expanded }));\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([undefined, true, false])('with expanded and sub-menu %s', async expanded => {\n      const page = await getPage(templateDefault({ label: 'Batman', expanded }, childMenu()));\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('with vertical sub-menu', async () => {\n      const page = await getPage(\n        templateDefault({ label: 'Batman' }, childMenu({ label: 'level 2', direction: Direction.VERTICAL }, childMenu({ label: 'level 3', direction: Direction.VERTICAL }))),\n      );\n\n      const element = page.doc.querySelector('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.expanded = !element.expanded;\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    test('throw errors missing slot label %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: undefined }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> slot \"label\" is required.');\n      }\n    });\n\n    test('throw errors missing slot label %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: ' ' }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> slot \"label\" must have text content.');\n      }\n    });\n\n    test('with expanded and sub-menu %s', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(templateDefault({ label: 'label', href: '#link' }, childMenu()));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> prop \"href\" is unauthorizied when element is a parent.');\n      }\n    });\n\n    test('with expanded type mismatch', async () => {\n      expect.assertions(1);\n\n      try {\n        await getPage(menuItem({ label: 'label', expanded: { name: 'batman' } }));\n      } catch (err) {\n        expect(err.message).toBe('<mg-menu-item> prop \"expanded\" must be a boolean.');\n      }\n    });\n  });\n\n  describe.each([\n    expanded => templateDefault({ label: 'Batman', expanded }),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu()),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3' }))),\n    expanded => templateDefault({ label: 'Batman', expanded }, childMenu({ label: 'level 2' }, childMenu({ label: 'level 3', status: Status.ACTIVE }))),\n    expanded =>\n      templateDefault(\n        { label: 'Batman', expanded },\n        <div>\n          <h3>Demo title</h3>\n          <p>some content</p>\n        </div>,\n      ),\n  ])('mouse navigation', template => {\n    test.each([undefined, true, false])('should manage toggle expand with template %s', async expanded => {\n      const page = await getPage(template(expanded));\n\n      const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n      expect(page.root).toMatchSnapshot();\n\n      element.shadowRoot.querySelector('button').dispatchEvent(new CustomEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n\n  describe('events', () => {\n    describe('click', () => {\n      test.each([{}, { child: true }, { status: Status.DISABLED }, { href: '/' }])('should manage prevent click action %s', async props => {\n        const page = await getPage(templateDefault({ label: 'Batman', ...props }, props.child === true && childMenu()));\n\n        const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n        const event = new CustomEvent('click', { bubbles: true });\n\n        const spyPreventDefault = jest.spyOn(event, 'preventDefault');\n        const spyStopPropagation = jest.spyOn(event, 'stopPropagation');\n\n        element.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);\n        await page.waitForChanges();\n\n        if (props.child) {\n          const subElement = page.doc.querySelector('mg-menu mg-menu > mg-menu-item');\n\n          subElement.shadowRoot.querySelector(props.href !== undefined ? 'a' : 'button').dispatchEvent(event);\n          await page.waitForChanges();\n\n          expect(spyPreventDefault).not.toHaveBeenCalled();\n          expect(spyStopPropagation).not.toHaveBeenCalled();\n        } else if (props.status !== undefined) {\n          expect(spyPreventDefault).toHaveBeenCalled();\n          expect(spyStopPropagation).toHaveBeenCalled();\n        } else {\n          expect(spyPreventDefault).not.toHaveBeenCalled();\n          expect(spyStopPropagation).not.toHaveBeenCalled();\n        }\n      });\n    });\n\n    describe('popover', () => {\n      test.each([true, false])('should toggle expanded from popover display-change event', async display => {\n        const page = await getPage(templateDefault({ label: 'Batman', expanded: !display }, childMenu()));\n\n        const element = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n\n        const popover = element.shadowRoot.querySelector('mg-popover');\n\n        popover.dispatchEvent(new CustomEvent('display-change', { detail: display }));\n        await page.waitForChanges();\n\n        expect(element.expanded).toBe(display);\n      });\n\n      test('should prevent \"expanded\" to be update to \"false\" when click inside content slot', async () => {\n        const page = await getPage(\n          menu({\n            label: 'main menu',\n            slots: menuItem(\n              { label: 'Batman', expanded: true },\n              <div>\n                <button>Hello batman</button>\n              </div>,\n            ),\n          }),\n        );\n\n        expect(page.root).toMatchSnapshot();\n\n        jest.runAllTimers();\n\n        const mgMenuItem = page.doc.querySelector('[title=\"Batman\"]').closest('mg-menu-item');\n        const contentButton = mgMenuItem.querySelector('button');\n\n        contentButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n        await page.waitForChanges();\n\n        expect(mgMenuItem.expanded).toBe(true);\n      });\n    });\n\n    describe('status-change', () => {\n      test('should emit new status, when prop status change', async () => {\n        const { rootInstance, doc } = await getPage(menuItem({ label: 'Batman' }));\n\n        const item = doc.querySelector('mg-menu-item');\n\n        const spy = jest.spyOn(rootInstance.statusChange, 'emit');\n        item.status = Status.ACTIVE;\n\n        expect(spy).toHaveBeenCalledWith(Status.ACTIVE);\n      });\n\n      test.each([Status.ACTIVE, Status.VISIBLE])('Should update status with child item \"change-status\" event, from status %s', async status => {\n        const nextStatus = status === Status.ACTIVE ? Status.VISIBLE : Status.ACTIVE;\n        const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', status })));\n\n        const item = page.doc.querySelector('mg-menu-item');\n        const childItem: HTMLMgMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu-item');\n\n        expect(item).toHaveProperty('status', status);\n        expect(childItem).toHaveProperty('status', status);\n\n        childItem.status = nextStatus;\n\n        await page.waitForChanges();\n\n        expect(item).toHaveProperty('status', nextStatus);\n        expect(childItem).toHaveProperty('status', nextStatus);\n      });\n    });\n\n    describe('item-loaded', () => {\n      test('Should emit \"item-loaded\" event at the end of the render process', async () => {\n        const page = await getPage(menuItem({ label: 'Batman' }));\n\n        expect(page.rootInstance.itemLoaded.emit).toHaveBeenCalled();\n      });\n    });\n  });\n\n  describe('MutationObserver', () => {\n    test.each([true, false])('should update notification badge with args %s', async badge => {\n      const page = await getPage(menuItem({ label: 'Batman' }, childMenu({ label: 'child menu', badge })));\n\n      spyOn(page.rootInstance, 'updateDisplayNotificationBadge');\n\n      expect(page.rootInstance.updateDisplayNotificationBadge).not.toHaveBeenCalled();\n\n      fireMo[2]([]);\n      await page.waitForChanges();\n\n      expect(page.rootInstance.updateDisplayNotificationBadge).toHaveBeenCalledTimes(1);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each([\n      { from: Status.ACTIVE, to: Status.VISIBLE },\n      { from: Status.VISIBLE, to: Status.ACTIVE },\n    ])('Should update status with child title \"attribute\" mutation, from status %s', async ({ from, to }) => {\n      const page = await getPage(menuItem({ label: 'Batman', status: from }, childMenu({ label: 'child menu', status: to })));\n\n      const menuItemElement = page.doc.querySelector('mg-menu-item');\n      const childMenuItemElement = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item') as HTMLMgMenuItemElement;\n\n      expect(menuItemElement).toHaveProperty('status', to === Status.ACTIVE ? to : from);\n      expect(childMenuItemElement).toHaveProperty('status', to);\n\n      childMenuItemElement.setAttribute('hidden', '');\n      fireMo[0]([{ attributeName: 'hidden' }]);\n\n      await page.waitForChanges();\n\n      expect(menuItemElement).toHaveProperty('status', from);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test.each(['label', 'metadata'])('Should update status with child \"characterData\" mutation, from status %s', async slot => {\n      const to = 'joker';\n      const from = name => `my ${name}`;\n      const page = await getPage(menuItem({ label: slot === 'label' ? from(slot) : 'Label', metadata: slot === 'metadata' }));\n\n      const menuItemSlotElement = page.doc.querySelector(`mg-menu-item [slot=\"${slot}\"]`);\n\n      expect(menuItemSlotElement).toHaveProperty('title', from(slot));\n\n      menuItemSlotElement.textContent = to;\n      fireMo[0]([{ type: 'characterData' }]);\n\n      await page.waitForChanges();\n\n      expect(menuItemSlotElement).toHaveProperty('title', to);\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('Should update display notifiaction badge with \"attribute\" mutation, from status %s', async () => {\n      const page = await getPage(menuItem({ label: 'batman' }, childMenu({ label: 'submenu', badge: true })));\n\n      const mgMenuItem = page.doc.querySelector(`mg-menu-item`);\n      const badgeNotification = mgMenuItem.querySelector('[slot=\"information\"]');\n\n      expect(mgMenuItem).toHaveProperty('hidden', false);\n      expect(badgeNotification).not.toBe(null);\n      expect(page.root).toMatchSnapshot();\n\n      const childMenuItem = page.doc.querySelector('mg-menu-item mg-menu mg-menu-item');\n      childMenuItem.setAttribute('hidden', 'true');\n      fireMo[2]([{ type: 'attributes' }]);\n\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=mg-action-more.conf.js.map

package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-action-more.conf.js","sourceRoot":"","sources":["../../../../src/components/molecules/mg-action-more/mg-action-more.conf.ts"],"names":[],"mappings":"","sourcesContent":["import { MgBadge } from '../../atoms/mg-badge/mg-badge';\nimport { MgButton } from '../../atoms/mg-button/mg-button';\nimport { MgIcon } from '../../atoms/mg-icon/mg-icon';\nimport { MgMenuItem } from '../menu/mg-menu-item/mg-menu-item';\n\n/**\n * prop icon type\n */\nexport type MgActionMoreIconType = {\n  icon: MgIcon['icon'];\n};\n\n/**\n * prop button type\n */\nexport type MgActionMoreButtonType = {\n  isIcon: MgButton['isIcon'];\n  variant: MgButton['variant'];\n  label?: MgButton['label'];\n};\n\n/**\n * locals message type\n */\nexport type MgActionMoreMessageType = { label: string };\n\n/**\n * prop item type\n */\nexport type MgActionMoreItemType = {\n  label: string;\n  mouseEventHandler: IMouseEventHandler;\n  status?: MgMenuItem['status'];\n  icon?: MgIcon['icon'];\n  href?: MgMenuItem['href'];\n  badge?: Pick<MgBadge, 'value' | 'label'>;\n};\n\n/**\n * MouseEvent callback interface\n */\ninterface IMouseEventHandler {\n  (event: MouseEvent): void;\n}\n"]}