@postnord/pn-marketweb-components 3.5.2 → 3.5.3

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-action-menu/pn-action-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"pn-action-menu.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAE7G,OAAO,EACL,WAAW,EACX,EAAE,EACF,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,MAAM,GACP,MAAM,SAAS,CAAC;AAUjB,OAAO,EAAE,YAAY,EAAkB,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEvG;;;;;;;;;;;;;;;GAeG;AAKH,MAAM,OAAO,YAAY;;yBAqBe,IAAI;uBACN,KAAK;6BAEqB,EAAE;yBAEnC,KAAK;2BACH,KAAK;uBAGE,EAAE;;sBAKd,IAAI,CAAC,EAAE;wBAEiB,IAAI;oBAGG,KAAK;sBAEnC,KAAK;wBAEH,KAAK;;IA3CjB,EAAE,GAAW,kBAAkB,MAAM,EAAE,EAAE,CAAC;IAEnD,YAAY,GAAW,GAAG,IAAI,CAAC,EAAE,SAAS,CAAC;IAC3C,UAAU,GAAW,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC;IAEvC,WAAW,CAAsB;IACjC,aAAa,CAAiB;IAC9B,QAAQ,CAAkB;IAE1B,SAAS,CAAY;IACZ,QAAQ,GAAW,GAAG,CAAC;IAChC,iBAAiB,GAAW,IAAI,CAAC,QAAQ,CAAC;IAE1C,OAAO,CAAiB;IAEhC,WAAW;IACM,SAAS,GAAW,GAAG,CAAC;IAEtB,WAAW,CAAc;IA2B5C,iDAAiD;IAChC,UAAU,CAAkC;IAC7D,oFAAoF;IACnE,WAAW,CAAqC;IACjE,2EAA2E;IAC1D,UAAU,CASxB;IAGH,aAAa;QACX,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAGD,WAAW;QACT,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE5B,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,SAAS,EAAE,CAAC;gBACjB,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;YAED,IAAI,CAAC,WAAW,EAAE,CAAC;YAEnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAE1C,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACf,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;oBACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAmB,UAAU,CAAC,CAAC;oBACjF,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;wBAChC,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;wBAC7B,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;oBAC/B,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAChD,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,MAAM,SAAS,CAAC;QAC5C,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,MAAM,OAAO,CAAC;IAC1C,CAAC;IAGD,YAAY;QACV,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,mBAAmB,CAAC,CAAC;QAEzF,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE5B,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClE,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;IAEO,SAAS,CAAC,IAAoB;QACpC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,kCAAkC;IAC1B,gBAAgB,CAAC,KAAe;QACtC,IAAI,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IAClC,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QAEhC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;QAEjE,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAEhD,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC/B,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC;IAEO,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAkB;QAC7D,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;QAC9B,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,CAAC;QACnC,MAAM,aAAa,GAAG,KAAK,GAAG,GAAG,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,YAAY,IAAI,CAAC,aAAa,CAAC,CAAC;IACnF,CAAC;IAEO,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAkB;QAC5D,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;QAC1D,MAAM,OAAO,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;QAE1C,IAAI,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAkB;QAC7D,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;YAC5C,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACrD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC;QACtG,CAAC;;YAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC;IAEO,oBAAoB;QAC1B,IAAI,YAAY,EAAE;YAAE,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;;YAC1C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAEO,OAAO,CAAC,OAAoB;QAClC,OAAO,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACzC,CAAC;IAEO,mBAAmB;QACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;QAEnE,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAElD,4BAA4B;QAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,oBAAoB,EAAE,CAAC;QACpD,MAAM,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;QAE9C,8BAA8B;QAC9B,MAAM,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC;QACzC,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;QAEpD,OAAO;YACL,GAAG;YACH,KAAK;YACL,GAAG;YACH,KAAK;SACN,CAAC;IACJ,CAAC;IAEO,SAAS;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,YAAY,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9D,MAAM,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;QACtC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,IAAI,IAAI,CAAC,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,yBAAyB,EAAE,IAAI,MAAM,IAAI,CAAC,CAAC;IAC1G,CAAC;IAEO,SAAS,CAAC,MAAwB;QACxC,OAAO,WAAW,MAAM,CAAC,KAAK,OAAO,CAAC;IACxC,CAAC;IAEO,WAAW,CAAC,MAAwB;QAC1C,OAAO,WAAW,MAAM,CAAC,KAAK,SAAS,CAAC;IAC1C,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI;YAAE,OAAO;QAC9B,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,sCAAsC;IAC9B,cAAc,CAAC,OAA2B,EAAE,KAAa,EAAE,IAAI,GAAG,EAAE;QAC1E,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE,CAAC;YAC3B,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK;gBAAE,OAAO,OAAO,CAAC;YAEzC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;gBAC/E,IAAI,MAAM;oBAAE,OAAO,MAAM,CAAC;YAC5B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1E,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACtD,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACxB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;gBACzB,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAEO,SAAS,CAAC,KAAoB,EAAE,MAAwB;QAC9D,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QAEtB,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YAEjC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxF,CAAC;IACH,CAAC;IAED,kBAAkB;IAEV,WAAW;QACjB,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;IAEO,QAAQ;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QAErD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;IAC5D,CAAC;IAEO,SAAS;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAC7D,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAExC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,MAAM,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC;IAEO,WAAW,CAAC,IAAa,EAAE,WAAmB,EAAE,SAAiB;QACvE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CACzC;YACE,MAAM,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;SACjC,EACD;YACE,QAAQ,EAAE,IAAI,CAAC,iBAAiB;YAChC,MAAM,EAAE,8BAA8B;SACvC,CACF,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvD,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;IACjG,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IAC9C,CAAC;IAED,gBAAgB;IAER,KAAK,CAAC,YAAY,CAAC,MAAwB,EAAE,KAAyB;QAC5E,MAAM,IAAI,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC9G,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;QAErC,IAAI,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;aACjC,IAAI,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC;aAC/C,IAAI,IAAI,KAAK,OAAO;YAAE,MAAM,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;QAEvF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,MAAM;YACN,IAAI;YACJ,KAAK;YACL,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;SAC5D,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,OAAO,GACX,MAAM,CAAC,SAAS,KAAK,OAAO;YAC1B,CAAC,CAAE,MAAM,CAAC,kBAAkC;YAC5C,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,uBAAuB;gBAC5C,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,MAAM,CAAC,OAAO,CAAc,wBAAwB,CAAC,CAAC;QAE9D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,OAAsB,CAAC,CAAC;QAClE,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC;QAEhE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAE,KAAoB,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAE5E,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,yFAAyF;IACjF,SAAS,CAAC,MAAwB;QACxC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEzB,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpD,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QAE9D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAc,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvF,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC;QAC5B,MAAM,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAE/C,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QACxC,MAAM,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC1D,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9C,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,YAAY,CACf,QAAQ,EACR,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CACxF,CAAC;QACJ,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE1E,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;YAC7D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;;YACpE,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,qCAAqC;IAC7B,eAAe,CAAC,KAAa;QACnC,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAEO,YAAY;QAClB,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC;QAC9G,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,KAAK,CAAC,IAAI,oBAAoB,CAAC,CAAC;IACtF,CAAC;IAEO,gBAAgB,CAAC,KAAa;QACpC,OAAO,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;IAC9E,CAAC;IAEO,iBAAiB,CAAC,MAAwB;QAChD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,WAAW,CAAC;QAC5D,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC;QAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,KAAK,QAAQ,IAAI,WAAW,CAAC;QAE9D,6DAA6D;QAC7D,MAAM,IAAI,GAAG,aAAa,IAAI,eAAe,IAAI,WAAW,CAAC;QAE7D,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,eAAS,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,sCAA0B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;QAC9G,CAAC;QACD,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,OAAO,YAAM,KAAK,EAAC,4BAA4B,IAAE,MAAM,CAAC,MAAM,CAAQ,CAAC;QACzE,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,MAAyB;QAC9C,MAAM,EAAE,GAAG,WAAW,MAAM,CAAC,KAAK,QAAQ,CAAC;QAC3C,MAAM,QAAQ,GAAG,WAAW,MAAM,CAAC,KAAK,aAAa,CAAC;QACtD,OAAO,CACL,WAAK,KAAK,EAAC,6BAA6B;YACtC,aACE,IAAI,EAAE,MAAM,CAAC,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,sBACP,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACrD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,EAClD,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAC/B;YAEF,WAAK,KAAK,EAAC,uBAAuB;gBAC/B,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,eAAS,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG;gBAEhE,WAAK,KAAK,EAAC,0BAA0B;oBACnC,aAAO,OAAO,EAAE,EAAE,EAAE,KAAK,EAAC,2BAA2B,IAClD,MAAM,CAAC,KAAK,CACP;oBACP,MAAM,CAAC,UAAU,IAAI,CACpB,SAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAC,gCAAgC;wBACrD,gBAAO,MAAM,CAAC,UAAU,CAAQ,CAC9B,CACL,CACG;gBACL,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAC7B,WAAK,KAAK,EAAC,yBAAyB;oBAClC,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;wBACrE,gBAAU,KAAK,EAAC,wCAAwC,EAAC,MAAM,EAAC,gBAAgB,kBAAc,GAAG,GAAG,CAChG,CACF,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,sBAAsB;oBAC/B,WAAK,KAAK,EAAC,4BAA4B;wBACrC,WAAK,KAAK,EAAC,4BAA4B,GAAG,CACtC,CACF,CACP,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,MAAwB;QAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC;QAC9C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;QACxC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;QAEnD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,MAAM,OAAO,GAAG,aAAa,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;QAE/C,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC7E,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,KAAK;YACxB,CAAC,CAAC;gBACE,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBACrD,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE;aAClC;YACH,CAAC,CAAC,EAAE,CAAC;QAEP,MAAM,KAAK,GAAG,MAAM;YAClB,CAAC,CAAC;gBACE,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,MAAM,EAAE,MAAM,CAAC,MAAM;aACtB;YACH,CAAC,CAAC;gBACE,QAAQ,EAAE,MAAM,CAAC,QAAQ;aAC1B,CAAC;QAEN,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,WAAK,KAAK,EAAC,4BAA4B;YACrC,SAAG,KAAK,EAAC,kBAAkB,IAAE,MAAM,CAAC,KAAK,CAAK;YAC7C,MAAM,CAAC,UAAU,IAAI,SAAG,KAAK,EAAC,iCAAiC,IAAE,MAAM,CAAC,UAAU,CAAK,CACpF,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,6BAA6B,gBAAa,aAAa;YAChE,EAAC,GAAG,IACF,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,UAAU,EACzC,KAAK,EAAC,uBAAuB,KACzB,YAAY,KACZ,KAAK,EACT,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,EAClD,SAAS,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC;gBAEjE,OAAO,IAAI,eAAS,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG;gBACvF,WAAK,KAAK,EAAC,0BAA0B;oBACnC,YAAM,KAAK,EAAC,2BAA2B,IAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAQ;oBACrG,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,YAAM,KAAK,EAAC,gCAAgC,IAAE,MAAM,CAAC,UAAU,CAAQ,CACpG;gBACL,cAAc,CACX,CACF,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,MAAwB;QACxC,OAAO,CACL,YACE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,qBACT,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EACzC,KAAK,EAAC,oBAAoB,eACf,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,kBAC3C,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC;YAEhD,IAAI,CAAC,SAAS,IAAI,CACjB,UAAI,KAAK,EAAC,qBAAqB,IAC5B,IAAI,CAAC,YAAY,CAAC;gBACjB,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,CAAC,CACC,CACN;YACA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CACjD,CACR,CAAC;IACJ,CAAC;IAEO,WAAW,CAAC,MAAyB;QAC3C,OAAO,YAAM,KAAK,EAAC,sBAAsB,IAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAQ,CAAC;IACzG,CAAC;IAEO,cAAc,CAAC,MAAwB;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;QAElD,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;QAExD,OAAO,CACL,UAAI,KAAK,EAAC,qBAAqB,gBAAa,OAAO,cAAY,KAAK;YACjE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YACpE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAClE,CACN,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,WACE,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,qBACI,IAAI,CAAC,YAAY,eACvB,IAAI,CAAC,IAAI,iBACP,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,kBACjC,IAAI,CAAC,OAAO,gBACd,IAAI,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACxB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YAEpC,YAAM,KAAK,EAAC,qBAAqB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,kBAAgB,IAAI,CAAC,YAAY,EAAE,IACjG,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CACpD,CACH,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,EAAE,EAAE,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAC,gBAAgB;gBAC3E,kEACE,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,KACvB,IAAI,CAAC,MAAM,EACf,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,CAAC,IAAI,CAAC,OAAO,EACxB,YAAY,EAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAChD,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,uBACf,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EACrC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,EACxC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,GAClC;gBACD,IAAI,CAAC,UAAU,EAAE,CACd,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, Watch, Element, h, Host, Event, EventEmitter, Listen } from '@stencil/core';\n\nimport {\n  awaitTopbar,\n  en,\n  getMenuWidth,\n  getTotalHeightOffset,\n  isSmallScreen,\n  reduceMotion,\n  ripple,\n  uuidv4,\n} from '@/index';\nimport type {\n  PnLanguages,\n  PnActionMenuItem,\n  Components,\n  PnActionMenuInput,\n  PnActionMenuGroup,\n  PnMeasurements,\n} from '@/index';\n\nimport { translations, PnMenuTextProp } from './translation';\n\nimport { angle_down, angle_left, angle_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * Create a list of actions in an accessible way.\n *\n * Option types include:\n *\n * - Regular button, click and it will collapse the menu,\n * - Checkbox/radio, toggle the option on/off\n * - Link, behaves like a regular `a[href]` element.\n *\n * You can group these actions in groups and/or sub menus.\n *\n * - `group`, an array of options. The label will act as a title for the items.\n * - `options`, an array of options. These items will appear in a sub-menu that can be toggled.\n *\n * @see {@link PnActionMenuItem}\n */\n@Component({\n  tag: 'pn-action-menu',\n  styleUrl: 'pn-action-menu.scss',\n})\nexport class PnActionMenu {\n  private readonly id: string = `pn-action-menu-${uuidv4()}`;\n\n  private menuButtonId: string = `${this.id}-button`;\n  private menuListId: string = `${this.id}-list`;\n\n  private menuTrigger: HTMLPnButtonElement;\n  private menuContainer: HTMLDivElement;\n  private menuList: HTMLMenuElement;\n\n  private animation: Animation;\n  private readonly duration: number = 400;\n  private animationDuration: number = this.duration;\n\n  private timeout: NodeJS.Timeout;\n\n  /** 16em */\n  private readonly menuWidth: number = 256;\n\n  @Element() private hostElement: HTMLElement;\n\n  @State() private smallMenu: boolean = null;\n  @State() private upwards: boolean = false;\n\n  @State() private activeSubmenu: PnActionMenuItem['value'][] = [];\n\n  @State() private isClosing = false;\n  @State() private isExpanding = false;\n\n  /** Array of action menu options. @see {@link PnActionMenuItem} */\n  @Prop() options: PnActionMenuItem[] = [];\n  /** Set any prop from the `pn-button` component here. @see {@link Components.PnButton} */\n  @Prop() button: Components.PnButton;\n\n  /** Set a custom ID for the menu. */\n  @Prop() menuId?: string = this.id;\n  /** Manually set the language. */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  /** Open/close the action menu manually. @category Features */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /** Prefer that the menu open upwards, if there is enough space. @category Features */\n  @Prop() menuUp?: boolean = false;\n  /** Prefer that the submenus opens to the left, if there is enough space. @category Features */\n  @Prop() menuLeft?: boolean = false;\n\n  /** Emitted when the menu is opened or closed. */\n  @Event() private menuToggle: EventEmitter<{ open: boolean }>;\n  /** Emitted when the menu is fully hidden/visible after the animation has played. */\n  @Event() private menuVisible: EventEmitter<{ visible: boolean }>;\n  /** Emitted when an option is clicked (button, link, input or submenus). */\n  @Event() private menuOption: EventEmitter<{\n    /** Which type of menu item was clicked. */\n    type: 'button' | 'link' | 'input' | 'submenu';\n    /** If its an `input` type (checkbox/radio), it will be a generic `Event` (ChangeEvent) instead of `MouseEvent`. */\n    click: MouseEvent | Event;\n    /** The full {@link PnActionMenuItem} object. */\n    option: PnActionMenuItem;\n    /** If the submenu is open/closed. */\n    open?: Boolean;\n  }>;\n\n  @Watch('options')\n  handleOptions() {\n    this.setMenuLayout();\n  }\n\n  @Watch('open')\n  openHandler() {\n    this.setAnimationDuration();\n\n    requestAnimationFrame(() => {\n      if (this.open && !(this.isClosing || this.isExpanding)) {\n        this.setOffset();\n        this.setMenuLayout();\n      }\n\n      this.gridHandler();\n\n      this.menuToggle.emit({ open: this.open });\n\n      clearTimeout(this.timeout);\n      this.timeout = setTimeout(() => {\n        if (!this.open) {\n          this.activeSubmenu = [];\n          const subMenus = this.hostElement.querySelectorAll<HTMLUListElement>('[data-x]');\n          Array.from(subMenus).forEach(el => {\n            el.removeAttribute('data-x');\n            el.removeAttribute('data-y');\n          });\n        }\n\n        this.menuVisible.emit({ visible: this.open });\n      }, this.animationDuration);\n    });\n  }\n\n  @Watch('menuId')\n  handleMenuId() {\n    this.menuButtonId = `${this.menuId}-button`;\n    this.menuListId = `${this.menuId}-list`;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (this.open) this.toggleActionMenu(false);\n  }\n\n  async componentWillLoad() {\n    if (!this.options.length) console.warn(`${this.hostElement.localName}: No options set.`);\n\n    this.handleMenuId();\n    this.setAnimationDuration();\n\n    if (this.language !== null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.setOffset();\n\n    if (this.open) this.gridHandler();\n  }\n\n  private translate(prop: PnMenuTextProp) {\n    return translations[prop][this.language || en];\n  }\n\n  /** Open/close the action menu. */\n  private toggleActionMenu(state?: boolean) {\n    this.open = state ?? !this.open;\n  }\n\n  private setMenuLayout() {\n    if (!this.menuContainer) return;\n\n    if (!(this.isClosing || this.isExpanding)) this.resetMaxHeight();\n\n    const measurements = this.getMenuMeasurements();\n\n    this.setDirection(measurements);\n    this.setMenuSize(measurements);\n    this.setMaxHeight(measurements);\n  }\n\n  private setDirection({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const fitsUpwards = sUp > hUp;\n    const fitsDownards = sDown > hDown;\n    const moreSpaceDown = sDown > sUp;\n    this.upwards = (this.menuUp && fitsUpwards) || (!fitsDownards && !moreSpaceDown);\n  }\n\n  private setMenuSize({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const isWidthSmall = isSmallScreen();\n    const menuFits = this.upwards ? sUp > hUp : sDown > hDown;\n    const isSmall = isWidthSmall || !menuFits;\n\n    if (isSmall !== this.smallMenu) {\n      this.smallMenu = isSmall;\n    }\n  }\n\n  private setMaxHeight({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    if (this.smallMenu) {\n      const heightUp = hUp > sUp ? hUp - 16 : hUp;\n      const heightDown = hDown > sDown ? hDown - 8 : hDown;\n      this.hostElement.style.setProperty('--pn-menu-height', `${this.upwards ? heightUp : heightDown}px`);\n    } else this.resetMaxHeight();\n  }\n\n  private resetMaxHeight() {\n    this.hostElement.style.setProperty('--pn-menu-height', 'unset');\n  }\n\n  private setAnimationDuration() {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.duration;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private getMenuMeasurements(): PnMeasurements {\n    const allLists = Array.from(this.menuContainer.querySelectorAll('menu'));\n    const maxHeight = Math.max(...allLists.map(el => el.scrollHeight));\n\n    const rectButton = this.getRect(this.menuTrigger);\n    const rectMenu = this.getRect(this.menuContainer);\n\n    /** Measurements upwards. */\n    const sUp = rectButton.top - getTotalHeightOffset();\n    const hUp = sUp > maxHeight ? maxHeight : sUp;\n\n    /** Measurements downwards. */\n    const sDown = innerHeight - rectMenu.top;\n    const hDown = sDown > maxHeight ? maxHeight : sDown;\n\n    return {\n      hUp,\n      hDown,\n      sUp,\n      sDown,\n    };\n  }\n\n  private setOffset() {\n    const data = this.getRect(this.hostElement);\n    const fullWidth = data.left - getMenuWidth() + this.menuWidth;\n    const isWide = fullWidth > innerWidth;\n    const offset = isWide ? fullWidth - innerWidth + 16 : 0;\n\n    if (this.menuContainer) this.menuContainer.style.setProperty('--pn-action-menu-offset', `-${offset}px`);\n  }\n\n  private getListId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-list`;\n  }\n\n  private getButtonId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-button`;\n  }\n\n  private getTriggerIcon() {\n    if (this.button?.icon) return;\n    return angle_down;\n  }\n\n  /** Set the path of open sub menus. */\n  private getSubMenuPath(options: PnActionMenuItem[], value: string, path = []): string[] {\n    for (const item of options) {\n      const newPath = [...path, item.value];\n      if (item.value === value) return newPath;\n\n      if (item.options || item.group) {\n        const result = this.getSubMenuPath(item.options || item.group, value, newPath);\n        if (result) return result;\n      }\n    }\n    return null;\n  }\n\n  private closeEachSubMenu() {\n    this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });\n\n    const interval = setInterval(() => {\n      if (this.smallMenu || this.activeSubmenu.length === 0) {\n        clearInterval(interval);\n        this.toggleActionMenu(false);\n      } else {\n        this.activeSubmenu.pop();\n        this.activeSubmenu = [...this.activeSubmenu];\n      }\n    }, 150);\n  }\n\n  private escButton(event: KeyboardEvent, option: PnActionMenuItem) {\n    const { key } = event;\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      this.isSubmenuActive(option.value) ? this.toggleSub(option) : this.toggleActionMenu();\n    }\n  }\n\n  // Animation Start\n\n  private gridHandler() {\n    if (this.open) this.openGrid();\n    else this.closeGrid();\n  }\n\n  private openGrid() {\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isClosing ? clientHeight : 0;\n    this.menuContainer.style.height = `${list.height}px`;\n\n    this.isExpanding = true;\n    this.animateGrid(true, `${height}px`, `${list.height}px`);\n  }\n\n  private closeGrid() {\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isExpanding ? clientHeight : list.height;\n    this.menuContainer.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n    this.animation = this.menuContainer.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.menuContainer.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  // Animation end\n\n  private async optionSelect(option: PnActionMenuItem, click: MouseEvent | Event) {\n    const type = option?.options?.length ? 'submenu' : !!option.input ? 'input' : option.href ? 'link' : 'button';\n    const isSubMenu = type === 'submenu';\n\n    if (isSubMenu) this.toggleSub(option);\n    else if (type === 'button') this.closeEachSubMenu();\n    else if (type === 'input') option.checked = (click.target as HTMLInputElement).checked;\n\n    this.menuOption.emit({\n      option,\n      type,\n      click,\n      open: isSubMenu ? this.isSubmenuActive(option.value) : null,\n    });\n\n    const target = click.target as HTMLElement;\n    const element =\n      target.localName === 'input'\n        ? (target.nextElementSibling as HTMLElement)\n        : target.className === 'pn-action-menu-button'\n          ? target\n          : target.closest<HTMLElement>('.pn-action-menu-button');\n\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = { clientX: x + width - 24, clientY: y - top };\n\n    ripple(click.type === 'click' ? (click as MouseEvent) : clientCor, element);\n\n    this.menuContainer.scrollTo({ top: 0 });\n  }\n\n  /** Toggle individual sub-menus inside the action menu by using the `option['value']`. */\n  private toggleSub(option: PnActionMenuItem) {\n    const { value } = option;\n\n    const path = this.getSubMenuPath(this.options, value);\n    const isActive = this.activeSubmenu.includes(value);\n    isActive && path.splice(this.activeSubmenu.indexOf(value), 1);\n\n    const item = this.hostElement.querySelector<HTMLElement>(`#${this.getListId(option)}`);\n    const data = this.getRect(item);\n\n    const spaceLeft = data.left;\n    const spaceRight = innerWidth - data.right - 8;\n\n    const fitsLeft = spaceLeft > data.width;\n    const fitsRight = spaceRight > data.width;\n\n    const climbUp = this.menuUp && data.top - data.height > 0;\n    const yDirection = climbUp ? 'top' : 'bottom';\n\n    if (!isActive && !item.dataset.x)\n      item.setAttribute(\n        'data-x',\n        this.menuLeft && fitsLeft ? 'left' : fitsRight ? 'right' : fitsLeft ? 'left' : 'center',\n      );\n    if (!isActive && !item.dataset.y) item.setAttribute('data-y', yDirection);\n\n    if (JSON.stringify(path) === JSON.stringify(this.activeSubmenu))\n      this.activeSubmenu = this.activeSubmenu.filter(item => item !== value);\n    else this.activeSubmenu = [...path];\n  }\n\n  /** Check if a sub-menu is active. */\n  private isSubmenuActive(value: string): boolean {\n    return this.activeSubmenu.includes(value);\n  }\n\n  private isMenuActive() {\n    const isRootSubInsideGroup = this.options.find(({ value }) => this.activeSubmenu.every(val => val === value));\n    return this.smallMenu && (this.activeSubmenu?.length === 0 || isRootSubInsideGroup);\n  }\n\n  private isCurrentSubMenu(value: string) {\n    return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);\n  }\n\n  private getOptionTrailing(option: PnActionMenuItem) {\n    const useButtonIcon = option.options?.length && angle_right;\n    const useTrailingIcon = option.trailingIcon;\n    const useLinkIcon = option.target === '_blank' && open_in_new;\n\n    /** If the user has defined a trialing icon, use it first. */\n    const icon = useButtonIcon || useTrailingIcon || useLinkIcon;\n\n    if (icon) {\n      return <pn-icon icon={icon} color=\"blue700\" data-suffix data-active={this.isSubmenuActive(option.value)} />;\n    }\n    if (option.suffix) {\n      return <span class=\"pn-action-menu-item-suffix\">{option.suffix}</span>;\n    }\n  }\n\n  private renderCheckbox(option: PnActionMenuInput) {\n    const id = `pn-menu-${option.value}-label`;\n    const idHelper = `pn-menu-${option.value}-helpertext`;\n    return (\n      <div class=\"pn-action-menu-item-content\">\n        <input\n          type={option.input}\n          id={id}\n          class=\"pn-action-menu-input\"\n          name={option.name}\n          value={option.value}\n          checked={option.checked}\n          disabled={option.disabled}\n          aria-describedby={option.helpertext ? idHelper : null}\n          onInput={event => this.optionSelect(option, event)}\n          tabIndex={this.open ? null : -1}\n        />\n\n        <div class=\"pn-action-menu-button\">\n          {!!option.icon && <pn-icon icon={option.icon} color=\"blue700\" />}\n\n          <div class=\"pn-action-menu-item-text\">\n            <label htmlFor={id} class=\"pn-action-menu-item-label\">\n              {option.label}\n            </label>\n            {option.helpertext && (\n              <p id={idHelper} class=\"pn-action-menu-item-helpertext\">\n                <span>{option.helpertext}</span>\n              </p>\n            )}\n          </div>\n          {option.input === 'checkbox' ? (\n            <div class=\"pn-action-menu-checkbox\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <polyline class=\"pn-action-menu-checkbox-checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n              </svg>\n            </div>\n          ) : (\n            <div class=\"pn-action-menu-radio\">\n              <div class=\"pn-action-menu-radio-outer\">\n                <div class=\"pn-action-menu-radio-inner\" />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderButton(option: PnActionMenuItem) {\n    const isCloseButton = option.label === 'BACK';\n    const isSub = !!option?.options?.length;\n    const isGroup = !!option?.group?.length;\n    const isLink = !!option.href && !isSub && !isGroup;\n\n    const appendedId = isCloseButton ? '-close' : '';\n    const hasIcon = isCloseButton || !!option.icon;\n\n    const trailingObject = isCloseButton ? null : this.getOptionTrailing(option);\n    const open = this.isSubmenuActive(option.value);\n    const subMenuAttrs = isSub\n      ? {\n          'aria-haspopup': 'true',\n          'aria-controls': open ? this.getListId(option) : null,\n          'aria-expanded': open?.toString(),\n        }\n      : {};\n\n    const attrs = isLink\n      ? {\n          href: option.href,\n          target: option.target,\n        }\n      : {\n          disabled: option.disabled,\n        };\n\n    const Tag = isLink ? 'a' : 'button';\n\n    return isGroup ? (\n      <div class=\"pn-action-menu-group-label\">\n        <p class=\"pn-action-menu-p\">{option.label}</p>\n        {option.helpertext && <p class=\"pn-action-menu-group-helpertext\">{option.helpertext}</p>}\n      </div>\n    ) : (\n      <div class=\"pn-action-menu-item-content\" data-close={isCloseButton}>\n        <Tag\n          id={this.getButtonId(option) + appendedId}\n          class=\"pn-action-menu-button\"\n          {...subMenuAttrs}\n          {...attrs}\n          tabIndex={this.open ? null : -1}\n          onClick={event => this.optionSelect(option, event)}\n          onKeyDown={(event: KeyboardEvent) => this.escButton(event, option)}\n        >\n          {hasIcon && <pn-icon icon={isCloseButton ? angle_left : option.icon} color=\"blue700\" />}\n          <div class=\"pn-action-menu-item-text\">\n            <span class=\"pn-action-menu-item-label\">{isCloseButton ? this.translate('BACK') : option.label}</span>\n            {option.helpertext && !isLink && <span class=\"pn-action-menu-item-helpertext\">{option.helpertext}</span>}\n          </div>\n          {trailingObject}\n        </Tag>\n      </div>\n    );\n  }\n\n  private renderSub(option: PnActionMenuItem) {\n    return (\n      <menu\n        id={this.getListId(option)}\n        aria-labelledby={this.getButtonId(option)}\n        class=\"pn-action-menu-sub\"\n        data-open={this.isSubmenuActive(option.value)?.toString()}\n        data-current={this.isCurrentSubMenu(option.value)}\n      >\n        {this.smallMenu && (\n          <li class=\"pn-action-menu-item\">\n            {this.renderButton({\n              label: 'BACK',\n              value: option.value,\n              options: option.options,\n            })}\n          </li>\n        )}\n        {option.options.map(item => this.renderMenuItem(item))}\n      </menu>\n    );\n  }\n\n  private renderGroup(option: PnActionMenuGroup) {\n    return <menu class=\"pn-action-menu-group\">{option.group.map(item => this.renderMenuItem(item))}</menu>;\n  }\n\n  private renderMenuItem(option: PnActionMenuItem) {\n    const isSub = !!option?.options?.length;\n    const isGroup = !isSub && !!option?.group?.length;\n\n    const isCheckbox = !!option.input && !isSub && !isGroup;\n\n    return (\n      <li class=\"pn-action-menu-item\" data-group={isGroup} data-sub={isSub}>\n        {isCheckbox ? this.renderCheckbox(option) : this.renderButton(option)}\n        {isSub ? this.renderSub(option) : isGroup && this.renderGroup(option)}\n      </li>\n    );\n  }\n\n  private renderMenu() {\n    return (\n      <div\n        id={this.menuListId}\n        class=\"pn-action-menu-container\"\n        role=\"region\"\n        aria-labelledby={this.menuButtonId}\n        data-open={this.open}\n        data-moving={this.isClosing || this.isExpanding}\n        data-upwards={this.upwards}\n        data-small={this.smallMenu}\n        style={{ height: '0px' }}\n        ref={el => (this.menuContainer = el)}\n      >\n        <menu class=\"pn-action-menu-list\" ref={el => (this.menuList = el)} data-current={this.isMenuActive()}>\n          {this.options?.map(option => this.renderMenuItem(option))}\n        </menu>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.menuId !== this.id ? this.menuId : null} class=\"pn-action-menu\">\n          <pn-button\n            icon={this.getTriggerIcon()}\n            {...this.button}\n            buttonId={this.menuButtonId}\n            tooltipUp={!this.upwards}\n            ariahaspopup=\"true\"\n            ariacontrols={this.open ? this.menuListId : null}\n            ariaexpanded={this.open.toString()}\n            data-default-icon={!this.button?.icon}\n            onPnClick={() => this.toggleActionMenu()}\n            ref={el => (this.menuTrigger = el)}\n          />\n          {this.renderMenu()}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-action-menu.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, Element, h, Host, Event, EventEmitter, Listen } from '@stencil/core';\n\nimport {\n  awaitTopbar,\n  en,\n  getMenuWidth,\n  getTotalHeightOffset,\n  isSmallScreen,\n  reduceMotion,\n  ripple,\n  uuidv4,\n} from '@/index';\nimport type {\n  PnLanguages,\n  PnActionMenuItem,\n  Components,\n  PnActionMenuInput,\n  PnActionMenuGroup,\n  PnMeasurements,\n} from '@/index';\n\nimport { translations, PnMenuTextProp } from './translation';\n\nimport { chevron_down, chevron_left, chevron_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * Create a list of actions in an accessible way.\n *\n * Option types include:\n *\n * - Regular button, click and it will collapse the menu,\n * - Checkbox/radio, toggle the option on/off\n * - Link, behaves like a regular `a[href]` element.\n *\n * You can group these actions in groups and/or sub menus.\n *\n * - `group`, an array of options. The label will act as a title for the items.\n * - `options`, an array of options. These items will appear in a sub-menu that can be toggled.\n *\n * @see {@link PnActionMenuItem}\n */\n@Component({\n  tag: 'pn-action-menu',\n  styleUrl: 'pn-action-menu.scss',\n})\nexport class PnActionMenu {\n  private readonly id: string = `pn-action-menu-${uuidv4()}`;\n\n  private menuButtonId: string = `${this.id}-button`;\n  private menuListId: string = `${this.id}-list`;\n\n  private menuTrigger: HTMLPnButtonElement;\n  private menuContainer: HTMLDivElement;\n  private menuList: HTMLMenuElement;\n\n  private animation: Animation;\n  private readonly duration: number = 400;\n  private animationDuration: number = this.duration;\n\n  private timeout: NodeJS.Timeout;\n\n  /** 16em */\n  private readonly menuWidth: number = 256;\n\n  @Element() private hostElement: HTMLElement;\n\n  @State() private smallMenu: boolean = null;\n  @State() private upwards: boolean = false;\n\n  @State() private activeSubmenu: PnActionMenuItem['value'][] = [];\n\n  @State() private isClosing = false;\n  @State() private isExpanding = false;\n\n  /** Array of action menu options. @see {@link PnActionMenuItem} */\n  @Prop() options: PnActionMenuItem[] = [];\n  /** Set any prop from the `pn-button` component here. @see {@link Components.PnButton} */\n  @Prop() button: Components.PnButton;\n\n  /** Set a custom ID for the menu. */\n  @Prop() menuId?: string = this.id;\n  /** Manually set the language. */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  /** Open/close the action menu manually. @category Features */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /** Prefer that the menu open upwards, if there is enough space. @category Features */\n  @Prop() menuUp?: boolean = false;\n  /** Prefer that the submenus opens to the left, if there is enough space. @category Features */\n  @Prop() menuLeft?: boolean = false;\n\n  /** Emitted when the menu is opened or closed. */\n  @Event() private menuToggle: EventEmitter<{ open: boolean }>;\n  /** Emitted when the menu is fully hidden/visible after the animation has played. */\n  @Event() private menuVisible: EventEmitter<{ visible: boolean }>;\n  /** Emitted when an option is clicked (button, link, input or submenus). */\n  @Event() private menuOption: EventEmitter<{\n    /** Which type of menu item was clicked. */\n    type: 'button' | 'link' | 'input' | 'submenu';\n    /** If its an `input` type (checkbox/radio), it will be a generic `Event` (ChangeEvent) instead of `MouseEvent`. */\n    click: MouseEvent | Event;\n    /** The full {@link PnActionMenuItem} object. */\n    option: PnActionMenuItem;\n    /** If the submenu is open/closed. */\n    open?: Boolean;\n  }>;\n\n  @Watch('options')\n  handleOptions() {\n    this.setMenuLayout();\n  }\n\n  @Watch('open')\n  openHandler() {\n    this.setAnimationDuration();\n\n    requestAnimationFrame(() => {\n      if (this.open && !(this.isClosing || this.isExpanding)) {\n        this.setOffset();\n        this.setMenuLayout();\n      }\n\n      this.gridHandler();\n\n      this.menuToggle.emit({ open: this.open });\n\n      clearTimeout(this.timeout);\n      this.timeout = setTimeout(() => {\n        if (!this.open) {\n          this.activeSubmenu = [];\n          const subMenus = this.hostElement.querySelectorAll<HTMLUListElement>('[data-x]');\n          Array.from(subMenus).forEach(el => {\n            el.removeAttribute('data-x');\n            el.removeAttribute('data-y');\n          });\n        }\n\n        this.menuVisible.emit({ visible: this.open });\n      }, this.animationDuration);\n    });\n  }\n\n  @Watch('menuId')\n  handleMenuId() {\n    this.menuButtonId = `${this.menuId}-button`;\n    this.menuListId = `${this.menuId}-list`;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (this.open) this.toggleActionMenu(false);\n  }\n\n  async componentWillLoad() {\n    if (!this.options.length) console.warn(`${this.hostElement.localName}: No options set.`);\n\n    this.handleMenuId();\n    this.setAnimationDuration();\n\n    if (this.language !== null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.setOffset();\n\n    if (this.open) this.gridHandler();\n  }\n\n  private translate(prop: PnMenuTextProp) {\n    return translations[prop][this.language || en];\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinActionMenu = target?.closest(this.hostElement.localName);\n    if (!isWithinActionMenu) this.closeEachSubMenu(true);\n  };\n\n  private addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('click', this.globalEvents);\n  }\n\n  private removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('click', this.globalEvents);\n  }\n\n  /** Open/close the action menu. */\n  private toggleActionMenu(state?: boolean) {\n    this.open = state ?? !this.open;\n  }\n\n  private setMenuLayout() {\n    if (!this.menuContainer) return;\n\n    if (!(this.isClosing || this.isExpanding)) this.resetMaxHeight();\n\n    const measurements = this.getMenuMeasurements();\n\n    this.setDirection(measurements);\n    this.setMenuSize(measurements);\n    this.setMaxHeight(measurements);\n  }\n\n  private setDirection({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const fitsUpwards = sUp > hUp;\n    const fitsDownards = sDown > hDown;\n    const moreSpaceDown = sDown > sUp;\n    this.upwards = (this.menuUp && fitsUpwards) || (!fitsDownards && !moreSpaceDown);\n  }\n\n  private setMenuSize({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const isWidthSmall = isSmallScreen();\n    const menuFits = this.upwards ? sUp > hUp : sDown > hDown;\n    const isSmall = isWidthSmall || !menuFits;\n\n    if (isSmall !== this.smallMenu) {\n      this.smallMenu = isSmall;\n    }\n  }\n\n  private setMaxHeight({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    if (this.smallMenu) {\n      const heightUp = hUp > sUp ? hUp - 16 : hUp;\n      const heightDown = hDown > sDown ? hDown - 8 : hDown;\n      this.hostElement.style.setProperty('--pn-menu-height', `${this.upwards ? heightUp : heightDown}px`);\n    } else this.resetMaxHeight();\n  }\n\n  private resetMaxHeight() {\n    this.hostElement.style.setProperty('--pn-menu-height', 'unset');\n  }\n\n  private setAnimationDuration() {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.duration;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private getMenuMeasurements(): PnMeasurements {\n    const allLists = Array.from(this.menuContainer.querySelectorAll('menu'));\n    const maxHeight = Math.max(...allLists.map(el => el.scrollHeight));\n\n    const rectButton = this.getRect(this.menuTrigger);\n    const rectMenu = this.getRect(this.menuContainer);\n\n    /** Measurements upwards. */\n    const sUp = rectButton.top - getTotalHeightOffset();\n    const hUp = sUp > maxHeight ? maxHeight : sUp;\n\n    /** Measurements downwards. */\n    const sDown = innerHeight - rectMenu.top;\n    const hDown = sDown > maxHeight ? maxHeight : sDown;\n\n    return {\n      hUp,\n      hDown,\n      sUp,\n      sDown,\n    };\n  }\n\n  private setOffset() {\n    const data = this.getRect(this.hostElement);\n    const sideMenuWidth = getMenuWidth();\n\n    // Calculate potential menu position\n    const menuLeft = data.left;\n    const menuRight = data.left + this.menuWidth;\n\n    // Define boundaries\n    const leftBoundary = sideMenuWidth + 16; // Left menu + buffer\n    const rightBoundary = innerWidth - 16; // Right edge - buffer\n\n    let offset = 0;\n\n    // Check if menu would overlap left menu or go off left edge\n    if (menuLeft < leftBoundary) {\n      offset = leftBoundary - menuLeft;\n    }\n    // Check if menu would go off right edge\n    else if (menuRight > rightBoundary) {\n      offset = rightBoundary - menuRight;\n    }\n\n    if (this.menuContainer) this.menuContainer.style.setProperty('--pn-action-menu-offset', `${offset}px`);\n  }\n\n  private getListId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-list`;\n  }\n\n  private getButtonId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-button`;\n  }\n\n  private getTriggerIcon() {\n    if (this.button?.icon) return;\n    return chevron_down;\n  }\n\n  /** Set the path of open sub menus. */\n  private getSubMenuPath(options: PnActionMenuItem[], value: string, path = []): string[] {\n    for (const item of options) {\n      const newPath = [...path, item.value];\n      if (item.value === value) return newPath;\n\n      if (item.options || item.group) {\n        const result = this.getSubMenuPath(item.options || item.group, value, newPath);\n        if (result) return result;\n      }\n    }\n    return null;\n  }\n\n  private closeEachSubMenu(preventFocus: boolean = false) {\n    if (!preventFocus) this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });\n\n    const interval = setInterval(() => {\n      if (this.smallMenu || this.activeSubmenu.length === 0) {\n        clearInterval(interval);\n        this.toggleActionMenu(false);\n      } else {\n        this.activeSubmenu.pop();\n        this.activeSubmenu = [...this.activeSubmenu];\n      }\n    }, 150);\n  }\n\n  private escButton(event: KeyboardEvent, option: PnActionMenuItem) {\n    const { key } = event;\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      this.isSubmenuActive(option.value) ? this.toggleSub(option) : this.toggleActionMenu();\n    }\n  }\n\n  // Animation Start\n\n  private gridHandler() {\n    if (this.open) this.openGrid();\n    else this.closeGrid();\n  }\n\n  private openGrid() {\n    this.addGlobalEventListeners();\n\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isClosing ? clientHeight : 0;\n    this.menuContainer.style.height = `${list.height}px`;\n\n    this.isExpanding = true;\n    this.animateGrid(true, `${height}px`, `${list.height}px`);\n  }\n\n  private closeGrid() {\n    this.removeGlobalEventListeners();\n\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isExpanding ? clientHeight : list.height;\n    this.menuContainer.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n    this.animation = this.menuContainer.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.menuContainer.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  // Animation end\n\n  private async optionSelect(option: PnActionMenuItem, click: MouseEvent | Event) {\n    const type = option?.options?.length ? 'submenu' : !!option.input ? 'input' : option.href ? 'link' : 'button';\n    const isSubMenu = type === 'submenu';\n\n    if (isSubMenu) this.toggleSub(option);\n    else if (type === 'button') this.closeEachSubMenu();\n    else if (type === 'input') option.checked = (click.target as HTMLInputElement).checked;\n\n    this.menuOption.emit({\n      option,\n      type,\n      click,\n      open: isSubMenu ? this.isSubmenuActive(option.value) : null,\n    });\n\n    const target = click.target as HTMLElement;\n    const element =\n      target.localName === 'input'\n        ? (target.nextElementSibling as HTMLElement)\n        : target.className === 'pn-action-menu-button'\n          ? target\n          : target.closest<HTMLElement>('.pn-action-menu-button');\n\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = { clientX: x + width - 24, clientY: y - top };\n\n    ripple(click.type === 'click' ? (click as MouseEvent) : clientCor, element);\n\n    this.menuContainer.scrollTo({ top: 0 });\n  }\n\n  /** Toggle individual sub-menus inside the action menu by using the `option['value']`. */\n  private toggleSub(option: PnActionMenuItem) {\n    const { value } = option;\n\n    const path = this.getSubMenuPath(this.options, value);\n    const isActive = this.activeSubmenu.includes(value);\n    isActive && path.splice(this.activeSubmenu.indexOf(value), 1);\n\n    const item = this.hostElement.querySelector<HTMLElement>(`#${this.getListId(option)}`);\n    const data = this.getRect(item);\n\n    const spaceLeft = data.left;\n    const spaceRight = innerWidth - data.right - 8;\n\n    const fitsLeft = spaceLeft > data.width;\n    const fitsRight = spaceRight > data.width;\n\n    const climbUp = this.menuUp && data.top - data.height > 0;\n    const yDirection = climbUp ? 'top' : 'bottom';\n\n    if (!isActive && !item.dataset.x)\n      item.setAttribute(\n        'data-x',\n        this.menuLeft && fitsLeft ? 'left' : fitsRight ? 'right' : fitsLeft ? 'left' : 'center',\n      );\n    if (!isActive && !item.dataset.y) item.setAttribute('data-y', yDirection);\n\n    if (JSON.stringify(path) === JSON.stringify(this.activeSubmenu))\n      this.activeSubmenu = this.activeSubmenu.filter(item => item !== value);\n    else this.activeSubmenu = [...path];\n  }\n\n  /** Check if a sub-menu is active. */\n  private isSubmenuActive(value: string): boolean {\n    return this.activeSubmenu.includes(value);\n  }\n\n  private isMenuActive() {\n    const isRootSubInsideGroup = this.options.find(({ value }) => this.activeSubmenu.every(val => val === value));\n    return this.smallMenu && (this.activeSubmenu?.length === 0 || isRootSubInsideGroup);\n  }\n\n  private isCurrentSubMenu(value: string) {\n    return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);\n  }\n\n  private getOptionTrailing(option: PnActionMenuItem) {\n    const useButtonIcon = option.options?.length && chevron_right;\n    const useTrailingIcon = option.trailingIcon;\n    const useLinkIcon = option.target === '_blank' && open_in_new;\n\n    /** If the user has defined a trialing icon, use it first. */\n    const icon = useButtonIcon || useTrailingIcon || useLinkIcon;\n\n    if (icon) {\n      return <pn-icon icon={icon} color=\"blue700\" data-suffix data-active={this.isSubmenuActive(option.value)} />;\n    }\n    if (option.suffix) {\n      return <span class=\"pn-action-menu-item-suffix\">{option.suffix}</span>;\n    }\n  }\n\n  private renderCheckbox(option: PnActionMenuInput) {\n    const id = `pn-menu-${option.value}-label`;\n    const idHelper = `pn-menu-${option.value}-helpertext`;\n    return (\n      <div class=\"pn-action-menu-item-content\">\n        <input\n          type={option.input}\n          id={id}\n          class=\"pn-action-menu-input\"\n          name={option.name}\n          value={option.value}\n          checked={option.checked}\n          disabled={option.disabled}\n          aria-describedby={option.helpertext ? idHelper : null}\n          onInput={event => this.optionSelect(option, event)}\n          tabIndex={this.open ? null : -1}\n        />\n\n        <div class=\"pn-action-menu-button\">\n          {!!option.icon && <pn-icon icon={option.icon} color=\"blue700\" />}\n\n          <div class=\"pn-action-menu-item-text\">\n            <label htmlFor={id} class=\"pn-action-menu-item-label\">\n              {option.label}\n            </label>\n            {option.helpertext && (\n              <p id={idHelper} class=\"pn-action-menu-item-helpertext\">\n                <span>{option.helpertext}</span>\n              </p>\n            )}\n          </div>\n          {option.input === 'checkbox' ? (\n            <div class=\"pn-action-menu-checkbox\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <polyline class=\"pn-action-menu-checkbox-checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n              </svg>\n            </div>\n          ) : (\n            <div class=\"pn-action-menu-radio\">\n              <div class=\"pn-action-menu-radio-outer\">\n                <div class=\"pn-action-menu-radio-inner\" />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderButton(option: PnActionMenuItem) {\n    const isCloseButton = option.label === 'BACK';\n    const isSub = !!option?.options?.length;\n    const isGroup = !!option?.group?.length;\n    const isLink = !!option.href && !isSub && !isGroup;\n\n    const appendedId = isCloseButton ? '-close' : '';\n    const hasIcon = isCloseButton || !!option.icon;\n\n    const trailingObject = isCloseButton ? null : this.getOptionTrailing(option);\n    const open = this.isSubmenuActive(option.value);\n    const subMenuAttrs = isSub\n      ? {\n          'aria-haspopup': 'true',\n          'aria-controls': open ? this.getListId(option) : null,\n          'aria-expanded': open?.toString(),\n        }\n      : {};\n\n    const attrs = isLink\n      ? {\n          href: option.href,\n          target: option.target,\n        }\n      : {\n          disabled: option.disabled,\n        };\n\n    const Tag = isLink ? 'a' : 'button';\n\n    return isGroup ? (\n      <div class=\"pn-action-menu-group-label\">\n        <p class=\"pn-action-menu-p\">{option.label}</p>\n        {option.helpertext && <p class=\"pn-action-menu-group-helpertext\">{option.helpertext}</p>}\n      </div>\n    ) : (\n      <div class=\"pn-action-menu-item-content\" data-close={isCloseButton}>\n        <Tag\n          id={this.getButtonId(option) + appendedId}\n          class=\"pn-action-menu-button\"\n          {...subMenuAttrs}\n          {...attrs}\n          tabIndex={this.open ? null : -1}\n          onClick={event => this.optionSelect(option, event)}\n          onKeyDown={(event: KeyboardEvent) => this.escButton(event, option)}\n        >\n          {hasIcon && <pn-icon icon={isCloseButton ? chevron_left : option.icon} color=\"blue700\" />}\n          <div class=\"pn-action-menu-item-text\">\n            <span class=\"pn-action-menu-item-label\">{isCloseButton ? this.translate('BACK') : option.label}</span>\n            {option.helpertext && !isLink && <span class=\"pn-action-menu-item-helpertext\">{option.helpertext}</span>}\n          </div>\n          {trailingObject}\n        </Tag>\n      </div>\n    );\n  }\n\n  private renderSub(option: PnActionMenuItem) {\n    return (\n      <menu\n        id={this.getListId(option)}\n        aria-labelledby={this.getButtonId(option)}\n        class=\"pn-action-menu-sub\"\n        data-open={this.isSubmenuActive(option.value)?.toString()}\n        data-current={this.isCurrentSubMenu(option.value)}\n      >\n        {this.smallMenu && (\n          <li class=\"pn-action-menu-item\">\n            {this.renderButton({\n              label: 'BACK',\n              value: option.value,\n              options: option.options,\n            })}\n          </li>\n        )}\n        {option.options.map(item => this.renderMenuItem(item))}\n      </menu>\n    );\n  }\n\n  private renderGroup(option: PnActionMenuGroup) {\n    return <menu class=\"pn-action-menu-group\">{option.group.map(item => this.renderMenuItem(item))}</menu>;\n  }\n\n  private renderMenuItem(option: PnActionMenuItem) {\n    const isSub = !!option?.options?.length;\n    const isGroup = !isSub && !!option?.group?.length;\n\n    const isCheckbox = !!option.input && !isSub && !isGroup;\n\n    return (\n      <li class=\"pn-action-menu-item\" data-group={isGroup} data-sub={isSub}>\n        {isCheckbox ? this.renderCheckbox(option) : this.renderButton(option)}\n        {isSub ? this.renderSub(option) : isGroup && this.renderGroup(option)}\n      </li>\n    );\n  }\n\n  private renderMenu() {\n    return (\n      <div\n        id={this.menuListId}\n        class=\"pn-action-menu-container\"\n        role=\"region\"\n        aria-labelledby={this.menuButtonId}\n        data-open={this.open}\n        data-moving={this.isClosing || this.isExpanding}\n        data-upwards={this.upwards}\n        data-small={this.smallMenu}\n        style={{ height: '0px' }}\n        ref={el => (this.menuContainer = el)}\n      >\n        <menu class=\"pn-action-menu-list\" ref={el => (this.menuList = el)} data-current={this.isMenuActive()}>\n          {this.options?.map(option => this.renderMenuItem(option))}\n        </menu>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.menuId !== this.id ? this.menuId : null} class=\"pn-action-menu\">\n          <pn-button\n            icon={this.getTriggerIcon()}\n            {...this.button}\n            buttonId={this.menuButtonId}\n            tooltipUp={!this.upwards}\n            ariahaspopup=\"true\"\n            ariacontrols={this.open ? this.menuListId : null}\n            ariaexpanded={this.open.toString()}\n            data-default-icon={!this.button?.icon}\n            onPnClick={() => this.toggleActionMenu()}\n            ref={el => (this.menuTrigger = el)}\n          />\n          {this.renderMenu()}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/row/pn-accordion-row.js

@@ -3,7 +3,7 @@
  * By PostNord.
  */
 import { h, Host } from "@stencil/core";
-import { angle_down } from "pn-design-assets/pn-assets/icons.js";
+import { chevron_down } from "pn-design-assets/pn-assets/icons.js";
 import { reduceMotion, ripple } from "../../../../index";
 /**
  * Use this row component inside a `pn-accordion` to create an accordion group.
@@ -113,7 +113,7 @@ export class PnAccordionRow {
             this.animation.cancel();
     }
     render() {
-        return (h(Host, { key: '9f3142a471217bc0656c4d5641c420262a913c13' }, h("details", { key: 'c742d23b97fe2d489166f18f53b3e5f0d12107d8', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, h("summary", { key: 'd061093bf3bb58150d4bbb102caf9da3e9559fb8', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, h("div", { key: '921e67cc639e701df60a7bc359d3415ccdec39e3', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', h("slot", { key: 'e355acdeeb2e62e4056837b26f808d3e5663343e', name: "label" }), h("pn-icon", { key: 'c10681330981f5d019db4d6f7f6cd03d3c67234b', class: "pn-accordion-row-icon", icon: angle_down }))), h("div", { key: 'ddb95ef323966c0c55292dde2b5776e0700bf27a', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, h("slot", { key: 'e0ded60210d472842a8aa5cd87a6374ad7120e58' })))));
+        return (h(Host, { key: '0dcedaab706f95589734c04230abbdbeca16cdf1' }, h("details", { key: '58bead8dce64594af81aae11a42beea75ba0db88', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, h("summary", { key: '7447539647210cb5b132ce16d7019e310c8ca1f4', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, h("div", { key: '83c87346e27703cab3203920848691fc8d3d007f', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', h("slot", { key: '8904be6cbec811925b0fa935ed10c4b7bc12fb5d', name: "label" }), h("pn-icon", { key: 'cf71062d11b3a20c106dec2bec2aab1dc4bf0c7f', class: "pn-accordion-row-icon", icon: chevron_down }))), h("div", { key: 'ae73f9fa6e7121352979ec2dad9a4620cff58a91', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, h("slot", { key: '4d7d894af656c1b7e95028832611530d04f3d439' })))));
     }
     static get is() { return "pn-accordion-row"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/row/pn-accordion-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"pn-accordion-row.js","sourceRoot":"","sources":["../../../../../src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { angle_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n  tag: 'pn-accordion-row',\n  styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n  private details: HTMLDetailsElement;\n  private summary: HTMLElement;\n  private content: HTMLDivElement;\n  private animation: Animation;\n\n  private readonly defaultAnimationDuration: number = 400;\n  private animationDuration: number = this.defaultAnimationDuration;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n  @Prop({ mutable: true }) label: string;\n  /** The open/close status of the accordion row. */\n  @Prop({ mutable: true }) state?: boolean = false;\n\n  /** Optional unique id for the `summary` element. @category ID */\n  @Prop() buttonid?: string;\n  /** Optional unique id for the `div` element containing the content. @category ID */\n  @Prop() contentid?: string;\n  /** Optional prop that removes the default white background on the accordion row */\n  @Prop() transparent: boolean = false;\n\n  /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n  @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n  /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n  @Listen('rowstate')\n  handleRowState(event: CustomEvent) {\n    if (event.detail !== this.state) {\n      this.details.style.overflow = 'hidden';\n      this.closeAccordion();\n    }\n  }\n\n  componentWillLoad() {\n    const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.label = slottedLabel ? null : this.label;\n  }\n\n  private toggleOpen(open?: boolean) {\n    const state = open ?? !this.state;\n    if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n    this.state = state;\n  }\n\n  private clickHandler(e: MouseEvent) {\n    e.preventDefault();\n\n    this.details.style.overflow = 'hidden';\n\n    if (this.isClosing || !this.state) this.openAccordion();\n    else if (this.isClosing || this.state) this.closeAccordion();\n\n    const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n    const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n    ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n  }\n\n  private openAccordion() {\n    this.details.style.height = `${this.details.offsetHeight}px`;\n    this.toggleOpen(true);\n\n    requestAnimationFrame(() => {\n      this.isExpanding = true;\n\n      const startHeight = `${this.details.offsetHeight}px`;\n      const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n      this.cancelAnimations();\n\n      this.animate(true, startHeight, endHeight);\n    });\n  }\n\n  private closeAccordion() {\n    this.isClosing = true;\n\n    const startHeight = `${this.details.offsetHeight}px`;\n    const endHeight = `${this.summary.offsetHeight}px`;\n\n    this.cancelAnimations();\n\n    this.animate(false, startHeight, endHeight);\n  }\n\n  private animate(open: boolean, startHeight: string, endHeight: string) {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.defaultAnimationDuration;\n\n    this.animation = this.details.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n\n    this.animation.onfinish = () => this.animationFinish(open);\n\n    this.animation.oncancel = () => {\n      if (open) this.isExpanding = false;\n      else this.isClosing = false;\n    };\n  }\n\n  private animationFinish(open: boolean) {\n    this.toggleOpen(open);\n    this.cancelAnimations();\n\n    this.isClosing = false;\n    this.isExpanding = false;\n\n    this.details.style.height = '';\n    this.details.style.overflow = '';\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n          <summary\n            id={this.buttonid}\n            class=\"pn-accordion-row-summary\"\n            onClick={e => this.clickHandler(e)}\n            ref={el => (this.summary = el)}\n          >\n            <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n              {this.label ? this.label : ''}\n              <slot name=\"label\" />\n\n              <pn-icon class=\"pn-accordion-row-icon\" icon={angle_down} />\n            </div>\n          </summary>\n\n          <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-accordion-row.js","sourceRoot":"","sources":["../../../../../src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n  tag: 'pn-accordion-row',\n  styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n  private details: HTMLDetailsElement;\n  private summary: HTMLElement;\n  private content: HTMLDivElement;\n  private animation: Animation;\n\n  private readonly defaultAnimationDuration: number = 400;\n  private animationDuration: number = this.defaultAnimationDuration;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n  @Prop({ mutable: true }) label: string;\n  /** The open/close status of the accordion row. */\n  @Prop({ mutable: true }) state?: boolean = false;\n\n  /** Optional unique id for the `summary` element. @category ID */\n  @Prop() buttonid?: string;\n  /** Optional unique id for the `div` element containing the content. @category ID */\n  @Prop() contentid?: string;\n  /** Optional prop that removes the default white background on the accordion row */\n  @Prop() transparent: boolean = false;\n\n  /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n  @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n  /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n  @Listen('rowstate')\n  handleRowState(event: CustomEvent) {\n    if (event.detail !== this.state) {\n      this.details.style.overflow = 'hidden';\n      this.closeAccordion();\n    }\n  }\n\n  componentWillLoad() {\n    const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.label = slottedLabel ? null : this.label;\n  }\n\n  private toggleOpen(open?: boolean) {\n    const state = open ?? !this.state;\n    if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n    this.state = state;\n  }\n\n  private clickHandler(e: MouseEvent) {\n    e.preventDefault();\n\n    this.details.style.overflow = 'hidden';\n\n    if (this.isClosing || !this.state) this.openAccordion();\n    else if (this.isClosing || this.state) this.closeAccordion();\n\n    const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n    const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n    ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n  }\n\n  private openAccordion() {\n    this.details.style.height = `${this.details.offsetHeight}px`;\n    this.toggleOpen(true);\n\n    requestAnimationFrame(() => {\n      this.isExpanding = true;\n\n      const startHeight = `${this.details.offsetHeight}px`;\n      const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n      this.cancelAnimations();\n\n      this.animate(true, startHeight, endHeight);\n    });\n  }\n\n  private closeAccordion() {\n    this.isClosing = true;\n\n    const startHeight = `${this.details.offsetHeight}px`;\n    const endHeight = `${this.summary.offsetHeight}px`;\n\n    this.cancelAnimations();\n\n    this.animate(false, startHeight, endHeight);\n  }\n\n  private animate(open: boolean, startHeight: string, endHeight: string) {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.defaultAnimationDuration;\n\n    this.animation = this.details.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n\n    this.animation.onfinish = () => this.animationFinish(open);\n\n    this.animation.oncancel = () => {\n      if (open) this.isExpanding = false;\n      else this.isClosing = false;\n    };\n  }\n\n  private animationFinish(open: boolean) {\n    this.toggleOpen(open);\n    this.cancelAnimations();\n\n    this.isClosing = false;\n    this.isExpanding = false;\n\n    this.details.style.height = '';\n    this.details.style.overflow = '';\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n          <summary\n            id={this.buttonid}\n            class=\"pn-accordion-row-summary\"\n            onClick={e => this.clickHandler(e)}\n            ref={el => (this.summary = el)}\n          >\n            <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n              {this.label ? this.label : ''}\n              <slot name=\"label\" />\n\n              <pn-icon class=\"pn-accordion-row-icon\" icon={chevron_down} />\n            </div>\n          </summary>\n\n          <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.css

@@ -3,22 +3,17 @@
 /* Transition variables */
 pn-modal .pn-modal {
   --pn-modal-max-width: 45em;
-  --pn-modal-overflow: hidden auto;
   z-index: 10000;
   position: fixed;
   top: 0;
   inset-block-start: 0;
   inset-block-end: 0;
   margin: auto;
-  overflow: var(--pn-modal-overflow);
+  padding: 0;
   max-width: var(--pn-modal-max-width);
-  max-height: 85vh;
-  padding: clamp(1em, 5vw, 1.5em) 0;
-  border: 0.0625em solid #f3f2f2;
-  border-radius: 0.5em;
-  flex-direction: column;
-  align-items: stretch;
-  gap: 0.75em;
+  overflow: hidden;
+  border: 0;
+  border-radius: 1.5em;
   box-shadow: 0 0.25em 0.875em rgba(0, 0, 0, 0.18), 0 1.625em 3.5em rgba(0, 0, 0, 0.22);
   background-color: #ffffff;
   display: none;
@@ -26,7 +21,7 @@ pn-modal .pn-modal {
   transform: translate(0%, 20%);
   outline: 0.2rem solid transparent;
   outline-offset: 0.2rem;
-  transition-property: opacity, overlay, display, transform, outline-color;
+  transition-property: opacity, overlay, display, transform, outline-color, border-radius;
   transition-duration: 0.4s;
   transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
   transition-behavior: allow-discrete;
@@ -34,40 +29,34 @@ pn-modal .pn-modal {
 pn-modal .pn-modal:focus-visible {
   outline-color: #ffffff;
 }
-pn-modal .pn-modal::-webkit-scrollbar {
-  background-color: #ffffff;
-  width: 0.875em;
-  border-radius: 0.5em;
-}
-pn-modal .pn-modal::-webkit-scrollbar-track {
-  background-color: #ffffff;
-  border-radius: 0.5em;
-}
-pn-modal .pn-modal::-webkit-scrollbar-thumb {
-  cursor: pointer;
-  background-color: #969087;
-  border-radius: 1em;
-  border: 0.25em solid #ffffff;
-}
-pn-modal .pn-modal::-webkit-scrollbar-thumb:hover {
-  background-color: #5e554a;
-}
-pn-modal .pn-modal::-webkit-scrollbar-corner, pn-modal .pn-modal::-webkit-scrollbar-button {
-  display: none;
-}
 @media (prefers-reduced-motion: reduce) {
   pn-modal .pn-modal {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
+pn-modal .pn-modal[data-allow-overflow] {
+  overflow: unset;
+}
+pn-modal .pn-modal[data-allow-overflow] .pn-modal-container {
+  overflow: unset;
+}
+pn-modal .pn-modal[data-allow-overflow] .pn-modal-picture {
+  border-top-right-radius: 1.5em;
+}
+pn-modal .pn-modal[data-image] {
+  padding-top: 0;
+}
 pn-modal .pn-modal[data-sheet] {
   margin: 0 0 0 auto;
   height: 100%;
   max-height: unset;
-  border-radius: 0.5em 0 0 0.5em;
+  border-radius: 1.5em 0 0 1.5em;
   transform: translate(20%, 0%);
 }
+pn-modal .pn-modal[data-sheet] .pn-modal-container {
+  max-height: unset;
+}
 pn-modal .pn-modal[open] {
   display: flex;
   opacity: 1;
@@ -109,16 +98,52 @@ pn-modal .pn-modal[open]::backdrop {
     background-color: rgba(0, 0, 0, 0);
   }
 }
+pn-modal .pn-modal-container {
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  overflow: hidden auto;
+}
+pn-modal .pn-modal-container::-webkit-scrollbar {
+  background-color: #ffffff;
+  width: 0.875em;
+  border-radius: 0.5em;
+}
+pn-modal .pn-modal-container::-webkit-scrollbar-track {
+  background-color: #ffffff;
+  border-radius: 0.5em;
+}
+pn-modal .pn-modal-container::-webkit-scrollbar-thumb {
+  cursor: pointer;
+  background-color: #969087;
+  border-radius: 1em;
+  border: 0.25em solid #ffffff;
+}
+pn-modal .pn-modal-container::-webkit-scrollbar-thumb:hover {
+  background-color: #5e554a;
+}
+pn-modal .pn-modal-container::-webkit-scrollbar-corner, pn-modal .pn-modal-container::-webkit-scrollbar-button {
+  display: none;
+}
 pn-modal .pn-modal-close-button {
   position: absolute;
-  right: 0.5em;
-  top: 0.5em;
+  z-index: 10;
+  right: 0.75em;
+  top: 0.75em;
 }
 pn-modal .pn-modal-header {
   display: flex;
   flex-direction: column;
   gap: 0.5em;
-  padding: 0 clamp(1em, 5vw, 1.5em);
+  padding: clamp(1em, 5vw, 1.5em);
+}
+pn-modal .pn-modal-header[hidden] {
+  display: none;
+}
+pn-modal .pn-modal-header:not([hidden]) + .pn-modal-content:not([hidden]) {
+  padding-top: 0;
 }
 pn-modal .pn-modal-label {
   line-height: 1.5;
@@ -129,28 +154,55 @@ pn-modal .pn-modal-text {
   margin: 0;
 }
 pn-modal .pn-modal-content {
-  padding: 0 clamp(1em, 5vw, 1.5em);
+  padding: clamp(1em, 5vw, 1.5em);
+}
+pn-modal .pn-modal-image {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+pn-modal .pn-modal-image[hidden] {
+  display: none;
+}
+pn-modal .pn-modal-picture {
+  margin: 0;
+  padding: 0;
+  display: block;
+  overflow: hidden;
+  border-radius: 1.5em 0 0 0;
+}
+pn-modal .pn-modal-picture > *[slot=image] {
+  display: block;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
 }
 pn-modal .pn-modal-buttons {
   background-color: #ffffff;
   border-top: 0.0625em solid #d3cecb;
-  padding: clamp(1em, 5vw, 1.5em) clamp(1em, 5vw, 1.5em) 0;
+  padding: clamp(1em, 5vw, 1.5em);
   display: flex;
   justify-content: flex-end;
   gap: 0.5em;
+  border-radius: 0 0 1.5em 1.5em;
 }
-pn-modal .pn-modal-buttons [slot=buttons]:not(pn-button) {
+pn-modal .pn-modal-buttons > [slot=buttons]:not(pn-button) {
   display: flex;
   justify-content: flex-end;
   gap: 0.5em;
 }
+pn-modal .pn-modal-buttons > [slot=buttons]:not(pn-button) > [data-left] {
+  margin-right: auto;
+}
+pn-modal .pn-modal-buttons > [data-left] {
+  margin-right: auto;
+}
 pn-modal .pn-modal-buttons:empty {
   display: none;
 }
 
-@media (max-width: 30em) {
+@media (max-width: 55em) {
   pn-modal .pn-modal {
-    width: 100%;
     max-height: 95vh;
     margin-bottom: 0;
     bottom: 0;

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.js

@@ -2,8 +2,8 @@
  * Built with Stencil
  * By PostNord.
  */
-import { h, Host, forceUpdate } from "@stencil/core";
-import { awaitTopbar, en, reduceMotion } from "../../../index";
+import { h, Host, forceUpdate, } from "@stencil/core";
+import { awaitTopbar, en, isSmallScreen, reduceMotion } from "../../../index";
 import { close as closeIcon } from "pn-design-assets/pn-assets/icons.js";
 import { translations } from "./translation";
 /**
@@ -12,13 +12,16 @@ import { translations } from "./translation";
  * Use the event `modalToggle` to determine when the modal is being closed/opened by the user.
  *
  * @slot - The default slot, will be placed in the middle content area.
+ * @slot image - Place an image or illustration at the top of the modal.
  * @slot header - Place the title + lead text in the header.
  * @slot buttons - Place buttons inside the modal at the bottom.
+ * pn-buttons aligns automatically to the right, set the data-left attribute on the button you want to align to the left.
  */
 export class PnModal {
     constructor() {
         this.isClosing = false;
         this.isOpening = false;
+        this.removeOverflow = false;
         this.label = undefined;
         this.helpertext = undefined;
         this.language = null;
@@ -34,6 +37,8 @@ export class PnModal {
     animationDuration = this.standardAnimationDuration;
     modalTimeout;
     modalElement;
+    modalContainer;
+    modalPicture;
     hostElement;
     handleOpen() {
         if (this.open)
@@ -59,6 +64,10 @@ export class PnModal {
         const width = this.maxWidth || '45em';
         this.modalElement.style.setProperty('--pn-modal-max-width', width);
     }
+    handleOverflow() {
+        if (this.allowOverflow)
+            this.setOverflow();
+    }
     /** This event is fired when the modal is toggled. */
     modalToggle;
     /** This event is dispatched after the opening/closing animation has finished playing. */
@@ -88,11 +97,18 @@ export class PnModal {
     translate(prop) {
         return translations?.[prop]?.[this.language || en] || prop;
     }
-    handleOverflow() {
-        if (!this.allowOverflow)
-            return;
-        const overflow = this.modalElement.scrollHeight > innerHeight * 0.85 ? 'hidden auto' : 'unset';
-        this.modalElement.style.setProperty('--pn-modal-overflow', overflow);
+    showImage() {
+        return !!this.modalPicture?.innerHTML;
+    }
+    showHeader() {
+        return !!(this.label || this.helpertext || this.hostElement.querySelector('[slot="header"]')?.textContent);
+    }
+    setOverflow() {
+        this.removeOverflow = !this.hasOverflow();
+    }
+    hasOverflow() {
+        const multiplyWith = isSmallScreen() ? 0.95 : 0.85;
+        return this.modalContainer?.scrollHeight > innerHeight * multiplyWith;
     }
     isSameModal(target) {
         return this.modalElement.isSameNode(target);
@@ -129,7 +145,7 @@ export class PnModal {
         this.open = state ?? !this.open;
     }
     render() {
-        return (h(Host, { key: '6bf631cc88584b24782904a9918091736e27c3d6' }, h("dialog", { key: '543806f18626bd7f8f6983a5c3769f8bf0422544', class: "pn-modal", "data-closing": this.isClosing, "data-sheet": this.sheet, onClose: () => this.setModalClose(), onCancel: () => this.setModalClose(), onToggle: () => this.modalToggle.emit({ open: this.open }), onKeyDown: event => this.handleKeyboard(event), onClick: event => this.clickModalBackground(event), ref: el => (this.modalElement = el) }, !this.hideClose && (h("pn-button", { key: '60350dfcac19aa570b78e4fb82ca2a0a288de1b7', small: true, class: "pn-modal-close-button", icon: closeIcon, iconOnly: true, arialabel: this.translate('CLOSE_MODAL'), appearance: "light", variant: "borderless", type: "button", onPnClick: () => this.setModalClose() })), h("header", { key: 'ba3d857e5f0b57c9567b045843f3b3a1aee9f06d', class: "pn-modal-header" }, this.label && h("h2", { key: '524b36cbeb3f1e0274fb29a3656638c4c221cec9', class: "pn-modal-label" }, this.label), this.helpertext && h("p", { key: '330777c3c194177f7fc811eb45f2ee3a585894fc', class: "pn-modal-text" }, this.helpertext), h("slot", { key: '62dbf64100d4e62974a18752423a781db737333f', name: "header" })), h("section", { key: '57618a994095a9f24c7a142d86fa788cca531062', class: "pn-modal-content" }, h("slot", { key: '14f533135af35a88d1fb03b8e57cd133d3981629' })), h("nav", { key: 'd355d6c0024893a26b1e17bf187a7d0e3142b766', class: "pn-modal-buttons" }, h("slot", { key: '20020f7fd89b706bfaf5825090d6a0470e91b577', name: "buttons" })))));
+        return (h(Host, { key: 'd24c1b43f9eebc2d2759e4b6b15982889c559c08' }, h("dialog", { key: '4111d8ae6c9eb198cb74744dce15b37ec1a4157c', class: "pn-modal", "data-closing": this.isClosing, "data-sheet": this.sheet, "data-image": this.showImage(), "data-allow-overflow": this.removeOverflow, onClose: () => this.setModalClose(), onCancel: () => this.setModalClose(), onToggle: () => this.modalToggle.emit({ open: this.open }), onKeyDown: event => this.handleKeyboard(event), onClick: event => this.clickModalBackground(event), ref: el => (this.modalElement = el) }, !this.hideClose && (h("pn-button", { key: '9411bdbf12899d1913f5094981d08e8161277408', small: true, class: "pn-modal-close-button", icon: closeIcon, iconOnly: true, arialabel: this.translate('CLOSE_MODAL'), appearance: "light", variant: "borderless", type: "button", onPnClick: () => this.setModalClose() })), h("div", { key: '917803e1f7847c4b4609fd121391fc33919ea5d3', class: "pn-modal-container", ref: el => (this.modalContainer = el) }, h("div", { key: '3241e14d8647278032ecb4274c39ab6e3615cf6b', class: "pn-modal-image", hidden: !this.showImage() }, h("picture", { key: '6a830c0e51a4c1a9870dd06509a3eaa5a06ce048', class: "pn-modal-picture", ref: el => (this.modalPicture = el) }, h("slot", { key: '098e962a7cc8ac57309ba74951e4a8b0c0aebf08', name: "image" }))), h("header", { key: '41697c436ba9431fe4fa2ae11ca270852f7db309', class: "pn-modal-header", hidden: !this.showHeader() }, this.label && h("h2", { key: '1fcb37a181cfcb6315f2e470eef006842b1ccf53', class: "pn-modal-label" }, this.label), this.helpertext && h("p", { key: '7907955b0d34a729eb142985be24a85fcf5b0c73', class: "pn-modal-text" }, this.helpertext), h("slot", { key: 'c4c8d17830001c3e8df504de9006bcc3cd448549', name: "header" })), h("section", { key: '266f424be0a181433d50cb08904133c9f2aaa67e', class: "pn-modal-content" }, h("slot", { key: '030bb328e6fc00a14305b4134861b38a8fc8f426' })), h("nav", { key: '05d67c40c30af133a7037c3ed57a72b5e5b9de2f', class: "pn-modal-buttons" }, h("slot", { key: 'a12fd530166c6d08aa1a50f0393c4ca2b22b1fc0', name: "buttons" }))))));
     }
     static get is() { return "pn-modal"; }
     static get originalStyleUrls() {
@@ -330,7 +346,8 @@ export class PnModal {
     static get states() {
         return {
             "isClosing": {},
-            "isOpening": {}
+            "isOpening": {},
+            "removeOverflow": {}
         };
     }
     static get events() {
@@ -394,5 +411,14 @@ export class PnModal {
                 "methodName": "handleMaxWidth"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "resize",
+                "method": "handleOverflow",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
 }
 //# sourceMappingURL=pn-modal.js.map