@api-client/ui 0.0.3 → 0.0.5

package/dist/elements/http/LogHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogHeaders.js","sourceRoot":"","sources":["../../../src/elements/http/LogHeaders.ts"],"names":[],"mappings":";AAAA,2CAA2C;AAC3C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAe,UAAU,EAAwC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACjJ,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IACxC,eAAe,CAA4B;IAEnD;;OAEG;IACgB,YAAY,CAAc;IAE7C;;OAEG;IAEH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,IAAI,OAAO,CAAC,KAA2C;QACrD,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC;QACjC,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,KAAK,EAAE;YACT,IAAI,OAAQ,KAAoB,CAAC,MAAM,KAAK,UAAU,EAAE;gBACtD,IAAI,CAAC,YAAY,GAAG,KAAmB,CAAC;aACzC;iBAAM;gBACL,IAAI,CAAC,YAAY,GAAG,IAAI,UAAU,CAAC,KAAoB,CAAC,CAAC;aAC1D;SACF;aAAM;YACL,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;SAC/B;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEkB,UAAU,CAAU;IAEpB,WAAW,CAAU;IAExC;;OAEG;IACO,cAAc,CAAe;IAEvC;;OAEG;IACgB,cAAc,CAAW;IAE5C;;OAEG;IACgB,eAAe,CAAW;IAE7C;;OAEG;IACO,aAAa,GAAc,CAAC,SAAS,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IAExF;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEkB,OAAO,CAAC,EAAkB;QAC3C,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClB,IAAI,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;IACH,CAAC;IAED;;;;;OAKG;IACO,cAAc;QACtB,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAC5B,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACvC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;SAClC;aAAM,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YAChD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;SACpC;QACD,IAAI,EAAE,EAAE;YACN,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,EAAE,IAAI,CAAuB,CAAC;YACvF,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;SACF;IACH,CAAC;IAED;;;;OAIG;IACO,YAAY;QACpB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,YAAY,EAAE;YACjB,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;YAChC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,OAAO;SACR;QACD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC;QAC3C,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SACpD;QACD,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAI,CAAC,eAAe,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SACtD;IACH,CAAC;IAES,WAAW;QACnB,IAAI,IAAsC,CAAC;QAC3C,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,IAAI,CAAC,WAAW,IAAI,CAAkB,CAAC;SAC3F;aAAM;YACL,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,qBAAqB,CAAkB,CAAC;SAC/E;QACD,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;IAES,aAAa,CAAC,CAAgB;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,YAAY;gBAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;YACrD,KAAK,WAAW;gBAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;YACnD,KAAK,WAAW;gBAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;YACnD,KAAK,SAAS;gBAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;YAC/C,KAAK,MAAM;gBAAE,IAAI,CAAC,UAAU,EAAE,CAAC;gBAAC,MAAM;YACtC,KAAK,KAAK;gBAAE,IAAI,CAAC,SAAS,EAAE,CAAC;gBAAC,MAAM;YACpC,KAAK,OAAO;gBAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAAC,MAAM;YAChD,KAAK,GAAG;gBAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;gBAAC,MAAM;YAC3C,QAAQ;SACT;IACH,CAAC;IAES,KAAK,CAAC,WAAW,CAAC,CAAgB,EAAE,IAAiB;QAC7D,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;YACtC,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;QACrC,IAAI,GAAG,EAAE;YACP,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAC1C;QACD,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;YACzB,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,gCAAgC;SACxC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC;IAES,WAAW,CAAC,CAAQ;QAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAES,cAAc,CAAC,CAAQ;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YAC3C,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,GAAW;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC9C,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACrC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAC9B;IACH,CAAC;IAES,mBAAmB,CAAC,CAAQ;QACpC,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC,MAAM,EAAE;YAClB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAU,CAAC;YACpC,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM;aACP;YACD,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;gBACzC,SAAS;aACV;YACD,MAAM,GAAG,GAAG,MAAqB,CAAC;YAClC,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAChF,OAAO,GAAG,CAAC;aACZ;SACF;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;OAIG;IACO,eAAe,CAAC,IAAiB;QACzC,KAAK;QACL,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YAC3C,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,EAAE;YACX,KAAK;YACL,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,OAAO;SACR;QACD,KAAK;QACL,MAAM,IAAI,GAAG,IAAI,CAAC,kBAA6C,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SACjC;IACH,CAAC;IAED;;;;OAIG;IACO,cAAc,CAAC,IAAiB;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QACtC,IAAI,QAAQ,EAAE;YACZ,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAChD,IAAI,MAAM,EAAE;gBACV,KAAK;gBACL,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC9C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACpC,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,OAAO;aACR;YACD,KAAK;YACL,OAAO;SACR;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,aAAwC,CAAC;QAC3D,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,KAAK;QACL,MAAM,IAAI,GAAG,IAAI,CAAC,sBAA8C,CAAC;QACjE,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAC1B;IACH,CAAC;IAED;;OAEG;IACQ,cAAc,CAAC,IAAiB;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO;aACR;YACD,2BAA2B;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO;aACR;YACD,IAAI,WAAsC,CAAC;YAC3C,IAAI,OAAO,GAAG,QAAQ,CAAC,kBAAwC,CAAC;YAChE,OAAO,OAAO,EAAE;gBACd,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC;gBAC1C,IAAI,MAAM,EAAE;oBACV,WAAW,GAAG,OAAwB,CAAC;oBACvC,MAAM;iBACP;gBACD,OAAO,GAAG,OAAO,CAAC,kBAAwC,CAAC;aAC5D;YACD,IAAI,WAAW,EAAE;gBACf,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;aACjC;YACD,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QACtC,qDAAqD;QACrD,wCAAwC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChD,IAAI,MAAM,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,kBAAsC,CAAC,EAAE;YACpF,OAAO;SACR;QACD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACO,YAAY,CAAC,IAAiB;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,QAAQ,EAAE;YACZ,6DAA6D;YAC7D,wDAAwD;YACxD,IAAI,WAAsC,CAAC;YAC3C,IAAI,OAAO,GAAG,IAAI,CAAC,sBAA4C,CAAC;YAChE,OAAO,OAAO,EAAE;gBACd,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,EAAE;oBAC9B,WAAW,GAAG,OAAwB,CAAC;oBACvC,MAAM;iBACP;gBACD,OAAO,GAAG,OAAO,CAAC,sBAA4C,CAAC;aAChE;YACD,IAAI,WAAW,EAAE;gBACf,IAAI,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,kBAAsC,CAAC,EAAE;oBAC5H,OAAO;iBACR;gBACD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;aACjC;YACD,OAAO;SACR;QACD,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE;YACnC,OAAO;SACR;QACD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAES,UAAU;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,qBAAqB,CAAyB,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAES,SAAS;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAmB,CAAC;QACvE,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;YAC3B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE;gBAC3B,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAsC,CAAC,EAAE;oBACzE,OAAO;iBACR;gBACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBACzB,OAAO;aACR;SACF;IACH,CAAC;IAED;;;;;OAKG;IACO,eAAe,CAAC,IAAiB;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED;;;;;OAKG;IACO,oBAAoB,CAAC,IAAsB;QACnD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,IAAI,CAAoB,CAAC;QAC7F,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC3B,OAAO,KAAK,CAAC;SACd;QACD,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;YACzB,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBAClC,SAAS;aACV;YACD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;OAKG;IACO,mBAAmB,CAAC,IAAsB;QAClD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,IAAI,CAAoB,CAAC;QAC7F,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC3B,OAAO,KAAK,CAAC;SACd;QACD,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;YACzB,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBAClC,SAAS;aACV;YACD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAES,aAAa,CAAC,IAAiB;QACvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,EAAY,CAAC;QAC7C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACO,gBAAgB,CAAC,IAAiB;QAC1C,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,IAAI,OAAO,GAAG,IAAI,CAAC,kBAAiC,CAAC;QACrD,OAAO,OAAO,EAAE;YACd,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBAClE,OAAO,GAAG,OAAO,CAAC,kBAAiC,CAAC;gBACpD,SAAS;aACV;YACD,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC5B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAES,oBAAoB,CAAC,IAAiB;QAC9C,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,IAAI,OAAO,GAAG,IAAI,CAAC,sBAAqC,CAAC;QACzD,OAAO,OAAO,EAAE;YACd,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBAClE,OAAO,GAAG,OAAO,CAAC,sBAAqC,CAAC;gBACxD,SAAS;aACV;YACD,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC5B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;OAKG;IACO,gBAAgB,CAAC,IAAiB;QAC1C,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC3B,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAES,kBAAkB,CAAC,IAAiB;QAC5C,IAAI,MAAM,GAAG,IAAI,CAAC,aAA4B,CAAC;QAC/C,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,KAAK,IAAI,EAAE;gBACnB,OAAO,SAAS,CAAC;aAClB;YACD,IAAI,MAAM,CAAC,SAAS,KAAK,IAAI,EAAE;gBAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,sBAA8C,CAAC;gBACnE,OAAO,IAAI,IAAI,SAAS,CAAC;aAC1B;YACD,MAAM,GAAG,MAAM,CAAC,aAA4B,CAAC;SAC9C;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QACD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC;QAC3C,OAAO,IAAI,CAAA;;MAET,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC;MAC5C,IAAI,CAAC,qBAAqB,EAAE;MAC5B,IAAI,CAAC,oBAAoB,EAAE;;KAE5B,CAAC;IACJ,CAAC;IAES,cAAc,CAAC,IAAY,EAAE,KAA8B,EAAE,EAAU;QAC/E,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,KAAK,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC;QACxC,MAAM,OAAO,GAAG;YACd,MAAM;YACN,WAAW,EAAE,IAAI;SAClB,CAAC;QACF,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC9E,OAAO,IAAI,CAAA;;;eAGA,QAAQ,CAAC,OAAO,CAAC;iBACf,EAAE;kBACD,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;uBACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kCACd,KAAK;KAClC,CAAC;IACJ,CAAC;IAES,oBAAoB,CAAC,KAAa,EAAE,EAAU;QACtD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,KAAK,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG;YACd,MAAM;YACN,MAAM;YACN,MAAM,EAAE,CAAC,MAAM;YACf,OAAO;YACP,aAAa,EAAE,IAAI;SACpB,CAAC;QACF,OAAO,IAAI,CAAA;;eAEA,KAAK;eACL,QAAQ,CAAC,OAAO,CAAC;iBACf,EAAE;;kBAED,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;uBACf,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;uBACzB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;yCAGP,KAAK;;KAEzC,CAAC;IACJ,CAAC;IAES,mBAAmB,CAAC,EAAU,EAAE,KAAwC;QAChF,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG;YACd,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,CAAC,MAAM;YAClB,QAAQ,EAAE,IAAI;SACf,CAAC;QACF,OAAO,IAAI,CAAA;iBACE,QAAQ,CAAC,OAAO,CAAC;QAC1B,KAAK;;;KAGR,CAAC;IACJ,CAAC;IAES,oBAAoB,CAAC,IAAkB,EAAE,QAAmC;QACpF,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAA,EAAE,CAAC;SACf;QACD,MAAM,EAAE,GAAG,SAAS,CAAC;QACrB,MAAM,KAAK,GAAG,IAAI,CAAA;MAChB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC;MACjE,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,iBAAiB,CAAC;MAC1E,IAAI,CAAC,oBAAoB,CAAC,EAAE,EAAE,QAAQ,CAAC;KACxC,CAAC;QACF,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;MACxC,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,KAAK,CAAC;KACpC,CAAC;IACJ,CAAC;IAES,oBAAoB,CAAC,EAAU,EAAE,QAAmC;QAC5E,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,EAAE,CAAC;SACX;QACD,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,QAAQ,CAAC;QACjD,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC;IACtE,CAAC;IAES,oBAAoB;QAC5B,MAAM,EAAE,GAAG,iBAAiB,CAAC;QAC7B,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,EAAE,CAAC;MAChD,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC9E,CAAC;IACJ,CAAC;IAES,qBAAqB;QAC7B,MAAM,EAAE,GAAG,kBAAkB,CAAC;QAC9B,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,EAAE,CAAC;MACjD,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC/E,CAAC;IACJ,CAAC;IAES,iBAAiB,CAAC,MAAc,EAAE,OAAiB;QAC3D,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAA,mCAAmC,CAAC;SAChD;QACD,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE;YAC5D,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC;YAC5B,CAAC,IAAI,CAAC,CAAC;YACP,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAA,GAAG,SAAS,EAAE,CAAC;IAC5B,CAAC;CACF;AA1nBU;IAAR,KAAK,EAAE;gDAAqC;AAM7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAG1B;AAoBQ;IAAR,KAAK,EAAE;8CAA+B;AAE9B;IAAR,KAAK,EAAE;+CAAgC;AAU/B;IAAR,KAAK,EAAE;kDAAoC;AAKnC;IAAR,KAAK,EAAE;mDAAqC","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { LitElement, html, TemplateResult, PropertyValues } from \"lit\";\nimport { IRequestLog, RequestLog, SentRequest, Response, ErrorResponse, Headers, Events as CoreEvents } from \"@api-client/core/build/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from 'lit/directives/class-map.js';\nimport { statusTemplate } from \"./HttpStatus.js\";\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-divider.js';\n\n/**\n * An element that renders summary headers view for an HTTP response.\n */\nexport default class LogHeaders extends LitElement {\n  private httpLogInternal?: IRequestLog | RequestLog;\n\n  /**\n   * This property is set when the `httpLog` is set. It always represent an instance of the `RequestLog` (or undefined) regardless of the input format.\n   */\n  @state() protected effectiveLog?: RequestLog;\n\n  /**\n   * The request log to render. When not set it renders nothing.\n   */\n  @property({ type: Object })\n  get httpLog(): IRequestLog | RequestLog | undefined {\n    return this.httpLogInternal;\n  }\n\n  set httpLog(value: IRequestLog | RequestLog | undefined) {\n    const old = this.httpLogInternal;\n    if (old === value) {\n      return;\n    }\n    this.httpLogInternal = value;\n    if (value) {\n      if (typeof (value as RequestLog).toJSON === 'function') {\n        this.effectiveLog = value as RequestLog;\n      } else {\n        this.effectiveLog = new RequestLog(value as IRequestLog);\n      }\n    } else {\n      this.effectiveLog = undefined;\n    }\n    this.parseHeaders();\n  }\n\n  @state() protected activeItem?: string;\n\n  @state() protected focusedItem?: string;\n\n  /**\n   * The currently focused node.\n   */\n  protected focusedElement?: HTMLElement;\n\n  /**\n   * Parsed request headers, when the request is set.\n   */\n  @state() protected requestHeaders?: Headers;\n\n  /**\n   * Parsed response headers, when the response is set.\n   */\n  @state() protected responseHeaders?: Headers;\n\n  /**\n   * The list of ids of tree parents that are opened.\n   */\n  protected openedParents: string [] = ['general', 'response-headers', 'request-headers'];\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.handleKeydown.bind(this));\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('dblclick', this.handleDblclick.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.manageTabindex();\n  }\n\n  protected override updated(cp: PropertyValues): void {\n    super.updated(cp);\n    if (cp.has('focusedItem')) {\n      this.manageTabindex();\n    }\n  }\n\n  /**\n   * Manages the state of the tabindex attribute of the element.\n   * When the user changes the focus in the tree then the tabindex is removed from the element \n   * and moved to the focused element.\n   * When there's no focused element, the tabindex is again set on the element.\n   */\n  protected manageTabindex(): void {\n    const id = this.focusedItem;\n    if (id && this.hasAttribute('tabindex')) {\n      this.removeAttribute('tabindex');\n    } else if (!id && !this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', '0');\n    }\n    if (id) {\n      const node = this.shadowRoot?.querySelector(`[data-id=\"${id}\"]`) as HTMLElement | null;\n      if (node) {\n        node.focus();\n      }\n    }\n  }\n\n  /**\n   * Processes the request and response headers when the setter is invoked.\n   * This way we can cache results instead of generating the headers in the \n   * template.\n   */\n  protected parseHeaders(): void {\n    const { effectiveLog } = this;\n    if (!effectiveLog) {\n      this.requestHeaders = undefined;\n      this.responseHeaders = undefined;\n      return;\n    }\n    const { request, response } = effectiveLog;\n    if (request && request.headers) {\n      this.requestHeaders = new Headers(request.headers);\n    }\n    if (response && response.headers) {\n      this.responseHeaders = new Headers(response.headers);\n    }\n  }\n\n  protected handleFocus(): void {\n    let node: HTMLLIElement | undefined | null;\n    if (this.focusedItem) {\n      node = this.shadowRoot?.querySelector(`[data-id=\"${this.focusedItem}\"]`) as HTMLLIElement;\n    } else {\n      node = this.shadowRoot?.querySelector(`[data-id=\"general\"]`) as HTMLLIElement;\n    }\n    if (node) {\n      node.focus();\n    }\n  }\n\n  protected handleKeydown(e: KeyboardEvent): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    switch (e.key) {\n      case 'ArrowRight': this.handleItemRight(node); break;\n      case 'ArrowLeft': this.handleItemLeft(node); break;\n      case 'ArrowDown': this.handleItemDown(node); break;\n      case 'ArrowUp': this.handleItemUp(node); break;\n      case 'Home': this.handleHome(); break;\n      case 'End': this.handleEnd(); break;\n      case 'Enter': this.handleItemEnter(node); break;\n      case 'c': this.handleItemC(e, node); break;\n      default:\n    }\n  }\n\n  protected async handleItemC(e: KeyboardEvent, node: HTMLElement): Promise<void> {\n    if (!e.ctrlKey || !navigator.clipboard) {\n      return;\n    }\n    const txt = node.textContent?.trim();\n    if (txt) {\n      await navigator.clipboard.writeText(txt);\n    }\n    CoreEvents.Telemetry.event({\n      category: 'Usage',\n      action: 'Click',\n      label: 'Response header clipboard copy',\n    }, this);\n  }\n\n  protected handleClick(e: Event): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    this.focusListItem(node);\n  }\n\n  protected handleDblclick(e: Event): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    if (!node.classList.contains('tree-parent')) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    this.toggleParent(key);\n    this.requestUpdate();\n  }\n\n  protected toggleParent(key: string): void {\n    const index = this.openedParents.indexOf(key);\n    if (index >= 0) {\n      this.openedParents.splice(index, 1);\n    } else {\n      this.openedParents.push(key);\n    }\n  }\n\n  protected findClosestListItem(e: Event): HTMLElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const target = path.shift() as Node;\n      if (!target) {\n        break;\n      }\n      if (target.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      const elm = target as HTMLElement;\n      if (elm.classList.contains('tree-item') || elm.classList.contains('tree-parent')) {\n        return elm;\n      }\n    }\n    return undefined;\n  }\n\n  /**\n   * 1. When focus is on a closed node, opens the node; focus does not move.\n   * 2. When focus is on a open node, moves focus to the first child node.\n   * 3. When focus is on an end node (a tree item with no children), does nothing.\n   */\n  protected handleItemRight(node: HTMLElement): void {\n    // #3\n    if (!node.classList.contains('tree-parent')) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    const opened = this.openedParents.includes(key);\n    if (!opened) {\n      // #1\n      this.openedParents.push(key);\n      this.requestUpdate();\n      return;\n    }\n    // #2\n    const list = node.nextElementSibling as HTMLOListElement | null;\n    if (list) {\n      this.focusFirstDescendant(list);\n    }\n  }\n\n  /**\n   * 1. When focus is on an open node, closes the node.\n   * 2. When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n   * 3. When focus is on a closed `tree`, does nothing.\n   */\n  protected handleItemLeft(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    const key = node.dataset.id as string;\n    if (isParent) {\n      const opened = this.openedParents.includes(key);\n      if (opened) {\n        // #1\n        const index = this.openedParents.indexOf(key);\n        this.openedParents.splice(index, 1);\n        this.requestUpdate();\n        return;\n      }\n      // #3\n      return;\n    }\n    const list = node.parentElement as HTMLOListElement | null;\n    if (!list) {\n      return;\n    }\n    // #2\n    const item = list.previousElementSibling as HTMLLIElement | null;\n    if (item) {\n      this.focusListItem(item);\n    }\n  }\n\n  /**\n   * Moves focus to the next node that is focusable without opening or closing a node.\n   */\n   protected handleItemDown(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (!isParent) {\n      if (this.focusNextSibling(node)) {\n        return;\n      }\n      // focus on the next parent\n      const myParent = this.findParentListItem(node);\n      if (!myParent) {\n        return;\n      }\n      let firstParent: HTMLLIElement | undefined;\n      let current = myParent.nextElementSibling as HTMLElement | null;\n      while (current) {\n        const isList = current.localName === 'li';\n        if (isList) {\n          firstParent = current as HTMLLIElement;\n          break;\n        }\n        current = current.nextElementSibling as HTMLElement | null;\n      }\n      if (firstParent) {\n        this.focusListItem(firstParent);\n      }\n      return;\n    }\n    const key = node.dataset.id as string;\n    // if we are opened then we focus on the first child.\n    // otherwise we focus on the next parent\n    const opened = this.openedParents.includes(key);\n    if (opened && this.focusFirstDescendant(node.nextElementSibling as HTMLOListElement)) {\n      return;\n    }\n    this.focusNextSibling(node);\n  }\n\n  /**\n   * Moves focus to the previous node that is focusable without opening or closing a node.\n   */\n  protected handleItemUp(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (isParent) {\n      // focuses on a last item of the first opened previous parent\n      // or when the parent is closed then just on the parent.\n      let firstParent: HTMLLIElement | undefined;\n      let current = node.previousElementSibling as HTMLElement | null;\n      while (current) {\n        if (current.localName === 'li') {\n          firstParent = current as HTMLLIElement;\n          break;\n        }\n        current = current.previousElementSibling as HTMLElement | null;\n      }\n      if (firstParent) {\n        if (firstParent.classList.contains('opened') && this.focusLastDescendant(firstParent.nextElementSibling as HTMLOListElement)) {\n          return;\n        }\n        this.focusListItem(firstParent);\n      }\n      return;\n    }\n    if (this.focusPreviousSibling(node)) {\n      return;\n    }\n    this.focusFirstParent(node);\n  }\n\n  protected handleHome(): void {\n    const node = this.shadowRoot?.querySelector(`[data-id=\"general\"]`) as HTMLLIElement | null;\n    if (!node) {\n      return;\n    }\n    this.focusListItem(node);\n  }\n\n  protected handleEnd(): void {\n    const first = this.shadowRoot?.querySelector('ol');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children).reverse() as HTMLElement[];\n    for (const node of children) {\n      if (node.localName === 'li') {\n        if (this.focusLastDescendant(node.nextElementSibling as HTMLOListElement)) {\n          return;\n        }\n        this.focusListItem(node);\n        return;\n      }\n    }\n  }\n\n  /**\n   * Performs the default action of the currently focused node. \n   * For parent nodes, it opens or closes the node. \n   * In single-select trees, if the node has no children, selects the current node \n   * if not already selected (which is the default action).\n   */\n  protected handleItemEnter(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (!isParent) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    this.toggleParent(key);\n    this.requestUpdate();\n  }\n\n  /**\n   * Focuses on the first descendant of a folder item.\n   * \n   * @param node The list containing children to focus on.\n   * @returns true when focused on any of the descendants\n   */\n  protected focusFirstDescendant(node: HTMLOListElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const items = Array.from(node.children).filter(n => n.localName === 'li') as HTMLLIElement[];\n    if (!items || !items.length) {\n      return false;\n    }\n    for (const child of items) {\n      if (child.hasAttribute('disabled')) {\n        continue;\n      }\n      this.focusListItem(child);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the last descendant of a folder item.\n   * \n   * @param node The list containing children to focus on.\n   * @returns true when focused on any of the descendants\n   */\n  protected focusLastDescendant(node: HTMLOListElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const items = Array.from(node.children).filter(n => n.localName === 'li') as HTMLLIElement[];\n    if (!items || !items.length) {\n      return false;\n    }\n    items.reverse();\n    for (const child of items) {\n      if (child.hasAttribute('disabled')) {\n        continue;\n      }\n      this.focusListItem(child);\n      return true;\n    }\n    return false;\n  }\n\n  protected focusListItem(node: HTMLElement): void {\n    node.focus();\n    this.activeItem = node.dataset.id as string;\n    this.focusedItem = node.dataset.id as string;\n    this.focusedElement = node;\n    node.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  /**\n   * Focuses on the next node relative to the passed node.\n   * \n   * @param node The node to use as a mark. When not set it uses the currently focused node.\n   * @returns true when focused on any of the next siblings\n   */\n  protected focusNextSibling(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.nextElementSibling as HTMLElement;\n    while (current) {\n      if (current.localName !== 'li' || current.hasAttribute('disabled')) {\n        current = current.nextElementSibling as HTMLElement;\n        continue;\n      }\n      this.focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  protected focusPreviousSibling(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.previousElementSibling as HTMLElement;\n    while (current) {\n      if (current.localName !== 'li' || current.hasAttribute('disabled')) {\n        current = current.previousElementSibling as HTMLElement;\n        continue;\n      }\n      this.focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on a first parent list item that accepts focus relative to the given node.\n   * \n   * @param node The node to use as a reference.\n   * @returns true when focused on any of the parents\n   */\n  protected focusFirstParent(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const parent = this.findParentListItem(node);\n    if (parent) {\n      this.focusListItem(parent);\n      return true;\n    }\n    return false;\n  }\n\n  protected findParentListItem(node: HTMLElement): HTMLLIElement | undefined {\n    let parent = node.parentElement as HTMLElement;\n    while (parent) {\n      if (parent === this) {\n        return undefined;\n      }\n      if (parent.localName === 'ol') {\n        const item = parent.previousElementSibling as HTMLLIElement | null;\n        return item || undefined;\n      }\n      parent = parent.parentElement as HTMLElement;\n    }\n    return undefined;\n  }\n\n  protected override render(): TemplateResult {\n    const { effectiveLog } = this;\n    if (!effectiveLog) {\n      return html``;\n    }\n    const { request, response } = effectiveLog;\n    return html`\n    <ol role=\"tree\" tabindex=\"-1\" class=\"tree\" aria-multiselectable=\"false\">\n    ${this.RenderRequestGeneral(request, response)}\n    ${this.renderResponseHeaders()}\n    ${this.renderRequestHeaders()}\n    </ol>\n    `;\n  }\n\n  protected renderListItem(name: string, value: string | TemplateResult, id: string): TemplateResult {\n    const active = this.activeItem === id;\n    const focused = this.focusedItem === id;\n    const classes = {\n      active,\n      'tree-item': true,\n    };\n    const label = typeof value === 'string' ? `${name}: ${value}` : [name, value];\n    return html`\n    <li \n      role=\"treeitem\" \n      class=\"${classMap(classes)}\" \n      data-id=\"${id}\" \n      tabindex=\"${focused ? '0' : '-1'}\" \n      aria-selected=\"${active ? 'true' : 'false'}\"\n    ><span class=\"item-content\">${label}</span></li>\n    `;\n  }\n\n  protected renderParentListItem(label: string, id: string): TemplateResult {\n    const active = this.activeItem === id;\n    const focused = this.focusedItem === id;\n    const opened = this.openedParents.includes(id);\n    const classes = {\n      active,\n      opened,\n      closed: !opened,\n      focused,\n      'tree-parent': true,\n    };\n    return html`\n    <li \n      title=\"${label}\" \n      class=\"${classMap(classes)}\" \n      data-id=\"${id}\" \n      role=\"treeitem\" \n      tabindex=\"${focused ? '0' : '-1'}\" \n      aria-expanded=\"${opened ? 'true' : 'false'}\" \n      aria-selected=\"${active ? 'true' : 'false'}\"\n    >\n      <ui-icon icon=\"arrowDropDown\" role=\"presentation\" class=\"toggle-icon\"></ui-icon>\n      <span class=\"tree-element-title\">${label}</span>\n    </li>\n    `;\n  }\n\n  protected renderChildrenItems(id: string, items: TemplateResult | TemplateResult[]): TemplateResult {\n    const opened = this.openedParents.includes(id);\n    const classes = {\n      expanded: opened,\n      collapsed: !opened,\n      children: true,\n    };\n    return html`\n    <ol class=\"${classMap(classes)}\" role=\"group\">\n      ${items}\n    </ol>\n    <ui-divider type=\"inset\"></ui-divider>\n    `;\n  }\n\n  protected RenderRequestGeneral(sent?: SentRequest, response?: Response | ErrorResponse): TemplateResult {\n    if (!sent) {\n      return html``;\n    }\n    const id = 'general';\n    const items = html`\n    ${this.renderListItem('Request URL', sent.url, `${id}-request-url`)}\n    ${this.renderListItem('Request Method', sent.method, `${id}-request-method`)}\n    ${this.renderResponseStatus(id, response)}\n    `;\n    return html`\n    ${this.renderParentListItem('General', id)}\n    ${this.renderChildrenItems(id, items)}\n    `;\n  }\n\n  protected renderResponseStatus(id: string, response?: Response | ErrorResponse): TemplateResult | string {\n    if (!response) {\n      return '';\n    }\n    const { status = 0, statusText = '' } = response;\n    const tpl = statusTemplate(status, statusText);\n    return this.renderListItem('Status Code', tpl, `${id}-status-code`);\n  }\n\n  protected renderRequestHeaders(): TemplateResult {\n    const id = 'request-headers';\n    return html`\n    ${this.renderParentListItem('Request headers', id)}\n    ${this.renderChildrenItems(id, this.renderHeadersList(id, this.requestHeaders))}\n    `;\n  }\n\n  protected renderResponseHeaders(): TemplateResult {\n    const id = 'response-headers';\n    return html`\n    ${this.renderParentListItem('Response headers', id)}\n    ${this.renderChildrenItems(id, this.renderHeadersList(id, this.responseHeaders))}\n    `;\n  }\n\n  protected renderHeadersList(prefix: string, headers?: Headers): TemplateResult {\n    if (!headers) {\n      return html`<p class=\"no-data\">No headers</p>`;\n    }\n    let i = 0;\n    const templates = headers.map((value: string, name: string) => {\n      const id = `${prefix}-${i}`;\n      i += 1;\n      return this.renderListItem(name, value, id);\n    });\n    return html`${templates}`;\n  }\n}\n"]}
+{"version":3,"file":"LogHeaders.js","sourceRoot":"","sources":["../../../src/elements/http/LogHeaders.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { LitElement, html, TemplateResult, PropertyValues } from \"lit\";\nimport { IRequestLog, RequestLog, SentRequest, Response, ErrorResponse, Headers, Events as CoreEvents } from \"@api-client/core/build/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from 'lit/directives/class-map.js';\nimport { statusTemplate } from \"./HttpStatus.js\";\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-divider.js';\n\n/**\n * An element that renders summary headers view for an HTTP response.\n */\nexport default class LogHeaders extends LitElement {\n  private httpLogInternal?: IRequestLog | RequestLog;\n\n  /**\n   * This property is set when the `httpLog` is set. It always represent an instance of the `RequestLog` (or undefined) regardless of the input format.\n   */\n  @state() protected effectiveLog?: RequestLog;\n\n  /**\n   * The request log to render. When not set it renders nothing.\n   */\n  @property({ type: Object })\n  get httpLog(): IRequestLog | RequestLog | undefined {\n    return this.httpLogInternal;\n  }\n\n  set httpLog(value: IRequestLog | RequestLog | undefined) {\n    const old = this.httpLogInternal;\n    if (old === value) {\n      return;\n    }\n    this.httpLogInternal = value;\n    if (value) {\n      if (typeof (value as RequestLog).toJSON === 'function') {\n        this.effectiveLog = value as RequestLog;\n      } else {\n        this.effectiveLog = new RequestLog(value as IRequestLog);\n      }\n    } else {\n      this.effectiveLog = undefined;\n    }\n    this.parseHeaders();\n  }\n\n  @state() protected activeItem?: string;\n\n  @state() protected focusedItem?: string;\n\n  /**\n   * The currently focused node.\n   */\n  protected focusedElement?: HTMLElement;\n\n  /**\n   * Parsed request headers, when the request is set.\n   */\n  @state() protected requestHeaders?: Headers;\n\n  /**\n   * Parsed response headers, when the response is set.\n   */\n  @state() protected responseHeaders?: Headers;\n\n  /**\n   * The list of ids of tree parents that are opened.\n   */\n  protected openedParents: string [] = ['general', 'response-headers', 'request-headers'];\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.handleKeydown.bind(this));\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('dblclick', this.handleDblclick.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.manageTabindex();\n  }\n\n  protected override updated(cp: PropertyValues): void {\n    super.updated(cp);\n    if (cp.has('focusedItem')) {\n      this.manageTabindex();\n    }\n  }\n\n  /**\n   * Manages the state of the tabindex attribute of the element.\n   * When the user changes the focus in the tree then the tabindex is removed from the element \n   * and moved to the focused element.\n   * When there's no focused element, the tabindex is again set on the element.\n   */\n  protected manageTabindex(): void {\n    const id = this.focusedItem;\n    if (id && this.hasAttribute('tabindex')) {\n      this.removeAttribute('tabindex');\n    } else if (!id && !this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', '0');\n    }\n    if (id) {\n      const node = this.shadowRoot?.querySelector(`[data-id=\"${id}\"]`) as HTMLElement | null;\n      if (node) {\n        node.focus();\n      }\n    }\n  }\n\n  /**\n   * Processes the request and response headers when the setter is invoked.\n   * This way we can cache results instead of generating the headers in the \n   * template.\n   */\n  protected parseHeaders(): void {\n    const { effectiveLog } = this;\n    if (!effectiveLog) {\n      this.requestHeaders = undefined;\n      this.responseHeaders = undefined;\n      return;\n    }\n    const { request, response } = effectiveLog;\n    if (request && request.headers) {\n      this.requestHeaders = new Headers(request.headers);\n    }\n    if (response && response.headers) {\n      this.responseHeaders = new Headers(response.headers);\n    }\n  }\n\n  protected handleFocus(): void {\n    let node: HTMLLIElement | undefined | null;\n    if (this.focusedItem) {\n      node = this.shadowRoot?.querySelector(`[data-id=\"${this.focusedItem}\"]`) as HTMLLIElement;\n    } else {\n      node = this.shadowRoot?.querySelector(`[data-id=\"general\"]`) as HTMLLIElement;\n    }\n    if (node) {\n      node.focus();\n    }\n  }\n\n  protected handleKeydown(e: KeyboardEvent): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    switch (e.key) {\n      case 'ArrowRight': this.handleItemRight(node); break;\n      case 'ArrowLeft': this.handleItemLeft(node); break;\n      case 'ArrowDown': this.handleItemDown(node); break;\n      case 'ArrowUp': this.handleItemUp(node); break;\n      case 'Home': this.handleHome(); break;\n      case 'End': this.handleEnd(); break;\n      case 'Enter': this.handleItemEnter(node); break;\n      case 'c': this.handleItemC(e, node); break;\n      default:\n    }\n  }\n\n  protected async handleItemC(e: KeyboardEvent, node: HTMLElement): Promise<void> {\n    if (!e.ctrlKey || !navigator.clipboard) {\n      return;\n    }\n    const txt = node.textContent?.trim();\n    if (txt) {\n      await navigator.clipboard.writeText(txt);\n    }\n    CoreEvents.Telemetry.event({\n      category: 'Usage',\n      action: 'Click',\n      label: 'Response header clipboard copy',\n    }, this);\n  }\n\n  protected handleClick(e: Event): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    this.focusListItem(node);\n  }\n\n  protected handleDblclick(e: Event): void {\n    const node = this.findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    if (!node.classList.contains('tree-parent')) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    this.toggleParent(key);\n    this.requestUpdate();\n  }\n\n  protected toggleParent(key: string): void {\n    const index = this.openedParents.indexOf(key);\n    if (index >= 0) {\n      this.openedParents.splice(index, 1);\n    } else {\n      this.openedParents.push(key);\n    }\n  }\n\n  protected findClosestListItem(e: Event): HTMLElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const target = path.shift() as Node;\n      if (!target) {\n        break;\n      }\n      if (target.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      const elm = target as HTMLElement;\n      if (elm.classList.contains('tree-item') || elm.classList.contains('tree-parent')) {\n        return elm;\n      }\n    }\n    return undefined;\n  }\n\n  /**\n   * 1. When focus is on a closed node, opens the node; focus does not move.\n   * 2. When focus is on a open node, moves focus to the first child node.\n   * 3. When focus is on an end node (a tree item with no children), does nothing.\n   */\n  protected handleItemRight(node: HTMLElement): void {\n    // #3\n    if (!node.classList.contains('tree-parent')) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    const opened = this.openedParents.includes(key);\n    if (!opened) {\n      // #1\n      this.openedParents.push(key);\n      this.requestUpdate();\n      return;\n    }\n    // #2\n    const list = node.nextElementSibling as HTMLOListElement | null;\n    if (list) {\n      this.focusFirstDescendant(list);\n    }\n  }\n\n  /**\n   * 1. When focus is on an open node, closes the node.\n   * 2. When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n   * 3. When focus is on a closed `tree`, does nothing.\n   */\n  protected handleItemLeft(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    const key = node.dataset.id as string;\n    if (isParent) {\n      const opened = this.openedParents.includes(key);\n      if (opened) {\n        // #1\n        const index = this.openedParents.indexOf(key);\n        this.openedParents.splice(index, 1);\n        this.requestUpdate();\n        return;\n      }\n      // #3\n      return;\n    }\n    const list = node.parentElement as HTMLOListElement | null;\n    if (!list) {\n      return;\n    }\n    // #2\n    const item = list.previousElementSibling as HTMLLIElement | null;\n    if (item) {\n      this.focusListItem(item);\n    }\n  }\n\n  /**\n   * Moves focus to the next node that is focusable without opening or closing a node.\n   */\n   protected handleItemDown(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (!isParent) {\n      if (this.focusNextSibling(node)) {\n        return;\n      }\n      // focus on the next parent\n      const myParent = this.findParentListItem(node);\n      if (!myParent) {\n        return;\n      }\n      let firstParent: HTMLLIElement | undefined;\n      let current = myParent.nextElementSibling as HTMLElement | null;\n      while (current) {\n        const isList = current.localName === 'li';\n        if (isList) {\n          firstParent = current as HTMLLIElement;\n          break;\n        }\n        current = current.nextElementSibling as HTMLElement | null;\n      }\n      if (firstParent) {\n        this.focusListItem(firstParent);\n      }\n      return;\n    }\n    const key = node.dataset.id as string;\n    // if we are opened then we focus on the first child.\n    // otherwise we focus on the next parent\n    const opened = this.openedParents.includes(key);\n    if (opened && this.focusFirstDescendant(node.nextElementSibling as HTMLOListElement)) {\n      return;\n    }\n    this.focusNextSibling(node);\n  }\n\n  /**\n   * Moves focus to the previous node that is focusable without opening or closing a node.\n   */\n  protected handleItemUp(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (isParent) {\n      // focuses on a last item of the first opened previous parent\n      // or when the parent is closed then just on the parent.\n      let firstParent: HTMLLIElement | undefined;\n      let current = node.previousElementSibling as HTMLElement | null;\n      while (current) {\n        if (current.localName === 'li') {\n          firstParent = current as HTMLLIElement;\n          break;\n        }\n        current = current.previousElementSibling as HTMLElement | null;\n      }\n      if (firstParent) {\n        if (firstParent.classList.contains('opened') && this.focusLastDescendant(firstParent.nextElementSibling as HTMLOListElement)) {\n          return;\n        }\n        this.focusListItem(firstParent);\n      }\n      return;\n    }\n    if (this.focusPreviousSibling(node)) {\n      return;\n    }\n    this.focusFirstParent(node);\n  }\n\n  protected handleHome(): void {\n    const node = this.shadowRoot?.querySelector(`[data-id=\"general\"]`) as HTMLLIElement | null;\n    if (!node) {\n      return;\n    }\n    this.focusListItem(node);\n  }\n\n  protected handleEnd(): void {\n    const first = this.shadowRoot?.querySelector('ol');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children).reverse() as HTMLElement[];\n    for (const node of children) {\n      if (node.localName === 'li') {\n        if (this.focusLastDescendant(node.nextElementSibling as HTMLOListElement)) {\n          return;\n        }\n        this.focusListItem(node);\n        return;\n      }\n    }\n  }\n\n  /**\n   * Performs the default action of the currently focused node. \n   * For parent nodes, it opens or closes the node. \n   * In single-select trees, if the node has no children, selects the current node \n   * if not already selected (which is the default action).\n   */\n  protected handleItemEnter(node: HTMLElement): void {\n    const isParent = node.classList.contains('tree-parent');\n    if (!isParent) {\n      return;\n    }\n    const key = node.dataset.id as string;\n    this.toggleParent(key);\n    this.requestUpdate();\n  }\n\n  /**\n   * Focuses on the first descendant of a folder item.\n   * \n   * @param node The list containing children to focus on.\n   * @returns true when focused on any of the descendants\n   */\n  protected focusFirstDescendant(node: HTMLOListElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const items = Array.from(node.children).filter(n => n.localName === 'li') as HTMLLIElement[];\n    if (!items || !items.length) {\n      return false;\n    }\n    for (const child of items) {\n      if (child.hasAttribute('disabled')) {\n        continue;\n      }\n      this.focusListItem(child);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the last descendant of a folder item.\n   * \n   * @param node The list containing children to focus on.\n   * @returns true when focused on any of the descendants\n   */\n  protected focusLastDescendant(node: HTMLOListElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const items = Array.from(node.children).filter(n => n.localName === 'li') as HTMLLIElement[];\n    if (!items || !items.length) {\n      return false;\n    }\n    items.reverse();\n    for (const child of items) {\n      if (child.hasAttribute('disabled')) {\n        continue;\n      }\n      this.focusListItem(child);\n      return true;\n    }\n    return false;\n  }\n\n  protected focusListItem(node: HTMLElement): void {\n    node.focus();\n    this.activeItem = node.dataset.id as string;\n    this.focusedItem = node.dataset.id as string;\n    this.focusedElement = node;\n    node.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  /**\n   * Focuses on the next node relative to the passed node.\n   * \n   * @param node The node to use as a mark. When not set it uses the currently focused node.\n   * @returns true when focused on any of the next siblings\n   */\n  protected focusNextSibling(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.nextElementSibling as HTMLElement;\n    while (current) {\n      if (current.localName !== 'li' || current.hasAttribute('disabled')) {\n        current = current.nextElementSibling as HTMLElement;\n        continue;\n      }\n      this.focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  protected focusPreviousSibling(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.previousElementSibling as HTMLElement;\n    while (current) {\n      if (current.localName !== 'li' || current.hasAttribute('disabled')) {\n        current = current.previousElementSibling as HTMLElement;\n        continue;\n      }\n      this.focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on a first parent list item that accepts focus relative to the given node.\n   * \n   * @param node The node to use as a reference.\n   * @returns true when focused on any of the parents\n   */\n  protected focusFirstParent(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const parent = this.findParentListItem(node);\n    if (parent) {\n      this.focusListItem(parent);\n      return true;\n    }\n    return false;\n  }\n\n  protected findParentListItem(node: HTMLElement): HTMLLIElement | undefined {\n    let parent = node.parentElement as HTMLElement;\n    while (parent) {\n      if (parent === this) {\n        return undefined;\n      }\n      if (parent.localName === 'ol') {\n        const item = parent.previousElementSibling as HTMLLIElement | null;\n        return item || undefined;\n      }\n      parent = parent.parentElement as HTMLElement;\n    }\n    return undefined;\n  }\n\n  protected override render(): TemplateResult {\n    const { effectiveLog } = this;\n    if (!effectiveLog) {\n      return html``;\n    }\n    const { request, response } = effectiveLog;\n    return html`\n    <ol role=\"tree\" tabindex=\"-1\" class=\"tree\" aria-multiselectable=\"false\">\n    ${this.RenderRequestGeneral(request, response)}\n    ${this.renderResponseHeaders()}\n    ${this.renderRequestHeaders()}\n    </ol>\n    `;\n  }\n\n  protected renderListItem(name: string, value: string | TemplateResult, id: string): TemplateResult {\n    const active = this.activeItem === id;\n    const focused = this.focusedItem === id;\n    const classes = {\n      active,\n      'tree-item': true,\n    };\n    const label = typeof value === 'string' ? `${name}: ${value}` : [name, value];\n    return html`\n    <li \n      role=\"treeitem\" \n      class=\"${classMap(classes)}\" \n      data-id=\"${id}\" \n      tabindex=\"${focused ? '0' : '-1'}\" \n      aria-selected=\"${active ? 'true' : 'false'}\"\n    ><span class=\"item-content\">${label}</span></li>\n    `;\n  }\n\n  protected renderParentListItem(label: string, id: string): TemplateResult {\n    const active = this.activeItem === id;\n    const focused = this.focusedItem === id;\n    const opened = this.openedParents.includes(id);\n    const classes = {\n      active,\n      opened,\n      closed: !opened,\n      focused,\n      'tree-parent': true,\n    };\n    return html`\n    <li \n      title=\"${label}\" \n      class=\"${classMap(classes)}\" \n      data-id=\"${id}\" \n      role=\"treeitem\" \n      tabindex=\"${focused ? '0' : '-1'}\" \n      aria-expanded=\"${opened ? 'true' : 'false'}\" \n      aria-selected=\"${active ? 'true' : 'false'}\"\n    >\n      <ui-icon icon=\"arrowDropDown\" role=\"presentation\" class=\"toggle-icon\"></ui-icon>\n      <span class=\"tree-element-title\">${label}</span>\n    </li>\n    `;\n  }\n\n  protected renderChildrenItems(id: string, items: TemplateResult | TemplateResult[]): TemplateResult {\n    const opened = this.openedParents.includes(id);\n    const classes = {\n      expanded: opened,\n      collapsed: !opened,\n      children: true,\n    };\n    return html`\n    <ol class=\"${classMap(classes)}\" role=\"group\">\n      ${items}\n    </ol>\n    <ui-divider type=\"inset\"></ui-divider>\n    `;\n  }\n\n  protected RenderRequestGeneral(sent?: SentRequest, response?: Response | ErrorResponse): TemplateResult {\n    if (!sent) {\n      return html``;\n    }\n    const id = 'general';\n    const items = html`\n    ${this.renderListItem('Request URL', sent.url, `${id}-request-url`)}\n    ${this.renderListItem('Request Method', sent.method, `${id}-request-method`)}\n    ${this.renderResponseStatus(id, response)}\n    `;\n    return html`\n    ${this.renderParentListItem('General', id)}\n    ${this.renderChildrenItems(id, items)}\n    `;\n  }\n\n  protected renderResponseStatus(id: string, response?: Response | ErrorResponse): TemplateResult | string {\n    if (!response) {\n      return '';\n    }\n    const { status = 0, statusText = '' } = response;\n    const tpl = statusTemplate(status, statusText);\n    return this.renderListItem('Status Code', tpl, `${id}-status-code`);\n  }\n\n  protected renderRequestHeaders(): TemplateResult {\n    const id = 'request-headers';\n    return html`\n    ${this.renderParentListItem('Request headers', id)}\n    ${this.renderChildrenItems(id, this.renderHeadersList(id, this.requestHeaders))}\n    `;\n  }\n\n  protected renderResponseHeaders(): TemplateResult {\n    const id = 'response-headers';\n    return html`\n    ${this.renderParentListItem('Response headers', id)}\n    ${this.renderChildrenItems(id, this.renderHeadersList(id, this.responseHeaders))}\n    `;\n  }\n\n  protected renderHeadersList(prefix: string, headers?: Headers): TemplateResult {\n    if (!headers) {\n      return html`<p class=\"no-data\">No headers</p>`;\n    }\n    let i = 0;\n    const templates = headers.map((value: string, name: string) => {\n      const id = `${prefix}-${i}`;\n      i += 1;\n      return this.renderListItem(name, value, id);\n    });\n    return html`${templates}`;\n  }\n}\n"]}

package/dist/elements/http/LogTimings.js

@@ -6,19 +6,17 @@ import ApiElement from '../ApiElement.js';
 import '../../define/ui/ui-date-time.js';
 import '../../define/ui/ui-progress.js';
 export default class LogTimings extends ApiElement {
-    /**
-     * The ordered list of timings for each redirect.
-     * The last timing is the final request.
-     */
-    timings;
-    /**
-     * When set it renders mobile friendly view
-     * @attribute
-     */
-    narrow = false;
-    withRedirects = false;
-    viewData = [];
-    totalTime = 0;
+    constructor() {
+        super(...arguments);
+        /**
+         * When set it renders mobile friendly view
+         * @attribute
+         */
+        this.narrow = false;
+        this.withRedirects = false;
+        this.viewData = [];
+        this.totalTime = 0;
+    }
     willUpdate(cp) {
         super.updated(cp);
         if (cp.has('timings')) {

package/dist/elements/http/LogTimings.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogTimings.js","sourceRoot":"","sources":["../../../src/elements/http/LogTimings.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, PropertyValues } from 'lit';\nimport { RequestTime, IRequestTime } from \"@api-client/core/build/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ITimingViewData, ITimingProgressInfo, computeTimingsViewData } from '../../lib/http/Har.js';\nimport ApiElement from '../ApiElement.js';\nimport '../../define/ui/ui-date-time.js'\nimport '../../define/ui/ui-progress.js'\n\n\nexport default class LogTimings extends ApiElement {\n  /**\n   * The ordered list of timings for each redirect.\n   * The last timing is the final request.\n   */\n  @property({ type: Array }) timings?: (RequestTime | IRequestTime)[];\n\n  /**\n   * When set it renders mobile friendly view\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) narrow = false;\n\n  @state() protected withRedirects = false;\n\n  @state() protected viewData: ITimingViewData[] = [];\n\n  @state() protected totalTime = 0;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('timings')) {\n      this.processTimings();\n    }\n  }\n\n  protected processTimings(): void {\n    const { timings } = this;\n    if (!timings) {\n      this.viewData = [];\n      this.withRedirects = false;\n      this.totalTime = 0;\n      return;\n    }\n    this.withRedirects = timings.length > 1;\n    this.viewData = computeTimingsViewData(timings);\n    this.totalTime = this.viewData.reduce((prev, current) => prev + current.duration, 0);\n  }\n\n  protected override render(): TemplateResult {\n    const { viewData, withRedirects } = this;\n    if (!Array.isArray(viewData) || !viewData.length) {\n      return this.renderNoData();\n    }\n    if (withRedirects) {\n      return this.renderRedirectsTable();\n    }\n    return this.renderTiming(viewData[0]);\n  }\n\n  protected renderNoData(): TemplateResult {\n    return html`\n    <div class=\"no-data\">No data available.</div>\n    `;\n  }\n\n  protected renderRedirectsTable(): TemplateResult {\n    const { totalTime, viewData } = this;\n    const items = [...viewData];\n    const last = items.pop() as ITimingViewData;\n    return html`\n    <section class=\"redirects\">\n      <h3 class=\"sub-title\">Redirects</h3>\n      ${items.map((item, index) => this.renderRedirectItem(item, index))}\n      <h3 class=\"sub-title\">Final request</h3>\n      <div class=\"timings-row\">\n        <div class=\"redirect-value\">\n          ${this.renderTiming(last)}\n        </div>\n      </div>\n      <div class=\"status-row\">\n        <div class=\"flex\"></div>\n        <span class=\"timing-value total text\">Total: ${totalTime} ms</span>\n      </div>\n    </section>\n    `;\n  }\n\n  protected renderRedirectItem(item: ITimingViewData, index: number): TemplateResult {\n    return html`\n    <div class=\"timings-row\">\n      <div class=\"status-label text\">#<span>${index + 1}</span></div>\n      <div class=\"redirect-value\">\n        ${this.renderTiming(item)}\n      </div>\n    </div>\n    `;\n  }\n\n  /**\n   * @returns The template for a single timing item.\n   */\n  protected renderTiming(info: ITimingViewData): TemplateResult {\n    const { data, duration } = info;\n    const { blocked, connect, dns, receive, send, wait, ssl } = data;\n    return html`\n    ${this.renderTimingRow(duration, blocked)}\n    ${this.renderTimingRow(duration, dns)}\n    ${this.renderTimingRow(duration, connect)}\n    ${this.renderTimingRow(duration, ssl)}\n    ${this.renderTimingRow(duration, send)}\n    ${this.renderTimingRow(duration, wait)}\n    ${this.renderTimingRow(duration, receive)}\n    <div class=\"row is-total\">\n      <span class=\"timing-value total\">${info.duration} ms</span>\n    </div>\n    `;\n  }\n\n  /**\n   * Renders a single timing row.\n   * @param duration Max value of the progress\n   * @param info The computed timing values.\n   */\n  protected renderTimingRow(duration: number, info?: ITimingProgressInfo): TemplateResult | string {\n    if (!info || typeof info.label === 'undefined') {\n      return '';\n    }\n    return html`\n    <div class=\"row\" data-type=\"${info.type}-time\">\n      <div class=\"timing-label label\">${info.title}</div>\n      <ui-progress\n        aria-label=\"${info.ariaLabel}\"\n        .value=\"${info.previous}\"\n        .secondaryProgress=\"${info.value}\"\n        .max=\"${duration}\"\n        step=\"0.0001\"\n      ></ui-progress>\n      <span class=\"timing-value\">${info.label} ms</span>\n    </div>\n    `;\n  }\n\n  /**\n   * Renders the start time row\n   * @param time The timestamp of the request\n   */\n  protected renderStartTime(time: number): TemplateResult | string {\n    if (typeof time !== 'number') {\n      return '';\n    }\n    return html`\n    <div class=\"row\" data-type=\"start-time\">\n      <span class=\"label\">Start date:</span>\n      <ui-date-time\n        year=\"numeric\"\n        month=\"numeric\"\n        day=\"numeric\"\n        hour=\"numeric\"\n        minute=\"numeric\"\n        second=\"numeric\"\n        class=\"date-value\"\n        .date=\"${time}\"\n      ></ui-date-time>\n    </div>`;\n  }\n}\n"]}
+{"version":3,"file":"LogTimings.js","sourceRoot":"","sources":["../../../src/elements/http/LogTimings.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, PropertyValues } from 'lit';\nimport { RequestTime, IRequestTime } from \"@api-client/core/build/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ITimingViewData, ITimingProgressInfo, computeTimingsViewData } from '../../lib/http/Har.js';\nimport ApiElement from '../ApiElement.js';\nimport '../../define/ui/ui-date-time.js'\nimport '../../define/ui/ui-progress.js'\n\n\nexport default class LogTimings extends ApiElement {\n  /**\n   * The ordered list of timings for each redirect.\n   * The last timing is the final request.\n   */\n  @property({ type: Array }) timings?: (RequestTime | IRequestTime)[];\n\n  /**\n   * When set it renders mobile friendly view\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) narrow = false;\n\n  @state() protected withRedirects = false;\n\n  @state() protected viewData: ITimingViewData[] = [];\n\n  @state() protected totalTime = 0;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('timings')) {\n      this.processTimings();\n    }\n  }\n\n  protected processTimings(): void {\n    const { timings } = this;\n    if (!timings) {\n      this.viewData = [];\n      this.withRedirects = false;\n      this.totalTime = 0;\n      return;\n    }\n    this.withRedirects = timings.length > 1;\n    this.viewData = computeTimingsViewData(timings);\n    this.totalTime = this.viewData.reduce((prev, current) => prev + current.duration, 0);\n  }\n\n  protected override render(): TemplateResult {\n    const { viewData, withRedirects } = this;\n    if (!Array.isArray(viewData) || !viewData.length) {\n      return this.renderNoData();\n    }\n    if (withRedirects) {\n      return this.renderRedirectsTable();\n    }\n    return this.renderTiming(viewData[0]);\n  }\n\n  protected renderNoData(): TemplateResult {\n    return html`\n    <div class=\"no-data\">No data available.</div>\n    `;\n  }\n\n  protected renderRedirectsTable(): TemplateResult {\n    const { totalTime, viewData } = this;\n    const items = [...viewData];\n    const last = items.pop() as ITimingViewData;\n    return html`\n    <section class=\"redirects\">\n      <h3 class=\"sub-title\">Redirects</h3>\n      ${items.map((item, index) => this.renderRedirectItem(item, index))}\n      <h3 class=\"sub-title\">Final request</h3>\n      <div class=\"timings-row\">\n        <div class=\"redirect-value\">\n          ${this.renderTiming(last)}\n        </div>\n      </div>\n      <div class=\"status-row\">\n        <div class=\"flex\"></div>\n        <span class=\"timing-value total text\">Total: ${totalTime} ms</span>\n      </div>\n    </section>\n    `;\n  }\n\n  protected renderRedirectItem(item: ITimingViewData, index: number): TemplateResult {\n    return html`\n    <div class=\"timings-row\">\n      <div class=\"status-label text\">#<span>${index + 1}</span></div>\n      <div class=\"redirect-value\">\n        ${this.renderTiming(item)}\n      </div>\n    </div>\n    `;\n  }\n\n  /**\n   * @returns The template for a single timing item.\n   */\n  protected renderTiming(info: ITimingViewData): TemplateResult {\n    const { data, duration } = info;\n    const { blocked, connect, dns, receive, send, wait, ssl } = data;\n    return html`\n    ${this.renderTimingRow(duration, blocked)}\n    ${this.renderTimingRow(duration, dns)}\n    ${this.renderTimingRow(duration, connect)}\n    ${this.renderTimingRow(duration, ssl)}\n    ${this.renderTimingRow(duration, send)}\n    ${this.renderTimingRow(duration, wait)}\n    ${this.renderTimingRow(duration, receive)}\n    <div class=\"row is-total\">\n      <span class=\"timing-value total\">${info.duration} ms</span>\n    </div>\n    `;\n  }\n\n  /**\n   * Renders a single timing row.\n   * @param duration Max value of the progress\n   * @param info The computed timing values.\n   */\n  protected renderTimingRow(duration: number, info?: ITimingProgressInfo): TemplateResult | string {\n    if (!info || typeof info.label === 'undefined') {\n      return '';\n    }\n    return html`\n    <div class=\"row\" data-type=\"${info.type}-time\">\n      <div class=\"timing-label label\">${info.title}</div>\n      <ui-progress\n        aria-label=\"${info.ariaLabel}\"\n        .value=\"${info.previous}\"\n        .secondaryProgress=\"${info.value}\"\n        .max=\"${duration}\"\n        step=\"0.0001\"\n      ></ui-progress>\n      <span class=\"timing-value\">${info.label} ms</span>\n    </div>\n    `;\n  }\n\n  /**\n   * Renders the start time row\n   * @param time The timestamp of the request\n   */\n  protected renderStartTime(time: number): TemplateResult | string {\n    if (typeof time !== 'number') {\n      return '';\n    }\n    return html`\n    <div class=\"row\" data-type=\"start-time\">\n      <span class=\"label\">Start date:</span>\n      <ui-date-time\n        year=\"numeric\"\n        month=\"numeric\"\n        day=\"numeric\"\n        hour=\"numeric\"\n        minute=\"numeric\"\n        second=\"numeric\"\n        class=\"date-value\"\n        .date=\"${time}\"\n      ></ui-date-time>\n    </div>`;\n  }\n}\n"]}

package/dist/elements/http/RequestConfigElement.js

@@ -10,10 +10,13 @@ import '../../define/ui/ui-text-field.js';
  * @fires change - when the configuration object changed.
  */
 export default class RequestConfigElement extends ApiElement {
-    /**
-     * HTTP request configuration for the transport.
-     */
-    config = new RequestConfig().toJSON();
+    constructor() {
+        super(...arguments);
+        /**
+         * HTTP request configuration for the transport.
+         */
+        this.config = new RequestConfig().toJSON();
+    }
     handleEnabledToggle(e) {
         const node = e.currentTarget;
         this.config.enabled = node.checked;

package/dist/elements/http/RequestConfigElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestConfigElement.js","sourceRoot":"","sources":["../../../src/elements/http/RequestConfigElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { RequestConfig } from \"@api-client/core/build/browser.js\";\nimport { html, nothing, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport SwitchElement from \"../../ui/input/SwitchElement.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-text-field.js';\n\n/**\n * @fires change - when the configuration object changed.\n */\nexport default class RequestConfigElement extends ApiElement {\n  /**\n   * HTTP request configuration for the transport.\n   */\n  @property({ type: Object }) config = new RequestConfig().toJSON();\n\n  protected handleEnabledToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.enabled = node.checked;\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleFollowRedirects(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.followRedirects = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleIgnoreCookies(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.ignoreSessionCookies = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleValidateCertificates(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.validateCertificates = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleDefaultHeaders(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.defaultHeaders = node.checked;\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleTimeoutChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      delete this.config.timeout;\n      this.requestUpdate();\n    } else {\n      const num = Number(raw);\n      if (Number.isNaN(num)) {\n        input.setCustomValidity('Invalid input.');\n        input.checkValidity();\n        return;\n      }\n      if (this.config.timeout === num) {\n        return;\n      }\n      this.config.timeout = num;\n    }\n    input.setCustomValidity('');\n    input.checkValidity();\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleDefaultUserAgentChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      if (!this.config.defaultUserAgent) {\n        this.requestUpdate();\n        return;\n      }\n      delete this.config.defaultUserAgent;\n      this.requestUpdate();\n    } else {\n      if (this.config.defaultUserAgent === raw) {\n        return;\n      }\n      this.config.defaultUserAgent = raw;\n    }\n    this.notifyChanged();\n  }\n\n  protected handleDefaultAcceptChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      if (!this.config.defaultAccept) {\n        this.requestUpdate();\n        return;\n      }\n      delete this.config.defaultAccept;\n      this.requestUpdate();\n    } else {\n      if (this.config.defaultAccept === raw) {\n        return;\n      }\n      this.config.defaultAccept = raw;\n    }\n    this.notifyChanged();\n  }\n\n  protected notifyChanged(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderPanelTitle()}\n    ${this.renderEnableSwitch()}\n    ${this.renderRedirectsConfig()}\n    ${this.renderIgnoreSessionCookiesConfig()}\n    ${this.renderValidateCertificatesConfig()}\n    ${this.renderDefaultHeadersConfig()}\n    ${this.renderDefaultUserAgentConfig()}\n    ${this.renderDefaultAcceptConfig()}\n    ${this.renderTimeoutConfig()}\n    `;\n  }\n\n  protected renderPanelTitle(): TemplateResult {\n    return html`\n    <div class=\"title-medium\">Request options</div>\n    <p class=\"body-medium\">This overrides other configurations defined in the application.</p>\n    `;\n  }\n\n  protected renderEnableSwitch(): TemplateResult {\n    const { enabled = false } = this.config;\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"enabled\"\n        .checked=\"${enabled}\" \n        @change=\"${this.handleEnabledToggle}\" \n        title=\"Toggle options enabled\"\n        aria-label=\"Toggle options enabled\"\n        id=\"enable\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"enable\">\n        Enable custom request options\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderRedirectsConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, followRedirects = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"followRedirects\"\n        id=\"followRedirects\"\n        .checked=\"${followRedirects}\" \n        @change=\"${this.handleFollowRedirects}\" \n        title=\"Toggle follow redirects\"\n        aria-label=\"Toggle follow redirects\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"followRedirects\">\n        Follow redirects\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderTimeoutConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, timeout = 90 } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    const value = typeof timeout === 'number' ? String(timeout) : '';\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"timeout\"\n        label=\"Request timeout\"\n        .value=\"${live(value)}\"\n        @change=\"${this.handleTimeoutChange}\"\n        supportingText=\"0 for no timeout, clear for default.\"\n        inputMode=\"numeric\"\n        invalidText=\"Enter a positive integer or zero.\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderDefaultUserAgentConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultUserAgent = 'api-client', defaultHeaders = false } = this.config;\n    if (!enabled || !defaultHeaders) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"defaultUserAgent\"\n        label=\"Default user agent\"\n        .value=\"${live(defaultUserAgent)}\"\n        @change=\"${this.handleDefaultUserAgentChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderDefaultAcceptConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultAccept = '*/*', defaultHeaders = false } = this.config;\n    if (!enabled || !defaultHeaders) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"defaultAccept\"\n        label=\"Default accept\"\n        .value=\"${live(defaultAccept)}\"\n        @change=\"${this.handleDefaultAcceptChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderIgnoreSessionCookiesConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, ignoreSessionCookies = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"ignoreSessionCookies\"\n        id=\"ignoreSessionCookies\"\n        .checked=\"${ignoreSessionCookies}\" \n        @change=\"${this.handleIgnoreCookies}\" \n        title=\"Toggle ignore cookies\"\n        aria-label=\"Toggle ignore cookies\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"ignoreSessionCookies\">\n        Ignore cookies\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderValidateCertificatesConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, validateCertificates = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"validateCertificates\"\n        id=\"validateCertificates\"\n        .checked=\"${validateCertificates}\" \n        @change=\"${this.handleValidateCertificates}\" \n        title=\"Toggle validate certificates\"\n        aria-label=\"Toggle validate certificates\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"validateCertificates\">\n        Validate certificates\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderDefaultHeadersConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultHeaders = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"defaultHeaders\"\n        id=\"defaultHeaders\"\n        .checked=\"${defaultHeaders}\" \n        @change=\"${this.handleDefaultHeaders}\" \n        title=\"Toggle validate certificates\"\n        aria-label=\"Toggle validate certificates\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"defaultHeaders\">\n        Add default headers to the request (accept and user agent)\n      </label>\n    </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"RequestConfigElement.js","sourceRoot":"","sources":["../../../src/elements/http/RequestConfigElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { RequestConfig } from \"@api-client/core/build/browser.js\";\nimport { html, nothing, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport SwitchElement from \"../../ui/input/SwitchElement.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-text-field.js';\n\n/**\n * @fires change - when the configuration object changed.\n */\nexport default class RequestConfigElement extends ApiElement {\n  /**\n   * HTTP request configuration for the transport.\n   */\n  @property({ type: Object }) config = new RequestConfig().toJSON();\n\n  protected handleEnabledToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.enabled = node.checked;\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleFollowRedirects(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.followRedirects = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleIgnoreCookies(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.ignoreSessionCookies = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleValidateCertificates(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.validateCertificates = node.checked;\n    this.notifyChanged();\n  }\n\n  protected handleDefaultHeaders(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    this.config.defaultHeaders = node.checked;\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleTimeoutChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      delete this.config.timeout;\n      this.requestUpdate();\n    } else {\n      const num = Number(raw);\n      if (Number.isNaN(num)) {\n        input.setCustomValidity('Invalid input.');\n        input.checkValidity();\n        return;\n      }\n      if (this.config.timeout === num) {\n        return;\n      }\n      this.config.timeout = num;\n    }\n    input.setCustomValidity('');\n    input.checkValidity();\n    this.notifyChanged();\n    this.requestUpdate();\n  }\n\n  protected handleDefaultUserAgentChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      if (!this.config.defaultUserAgent) {\n        this.requestUpdate();\n        return;\n      }\n      delete this.config.defaultUserAgent;\n      this.requestUpdate();\n    } else {\n      if (this.config.defaultUserAgent === raw) {\n        return;\n      }\n      this.config.defaultUserAgent = raw;\n    }\n    this.notifyChanged();\n  }\n\n  protected handleDefaultAcceptChange(e: Event): void {\n    const input = e.target as Input;\n    const raw = input.value.trim();\n    if (!raw) {\n      if (!this.config.defaultAccept) {\n        this.requestUpdate();\n        return;\n      }\n      delete this.config.defaultAccept;\n      this.requestUpdate();\n    } else {\n      if (this.config.defaultAccept === raw) {\n        return;\n      }\n      this.config.defaultAccept = raw;\n    }\n    this.notifyChanged();\n  }\n\n  protected notifyChanged(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderPanelTitle()}\n    ${this.renderEnableSwitch()}\n    ${this.renderRedirectsConfig()}\n    ${this.renderIgnoreSessionCookiesConfig()}\n    ${this.renderValidateCertificatesConfig()}\n    ${this.renderDefaultHeadersConfig()}\n    ${this.renderDefaultUserAgentConfig()}\n    ${this.renderDefaultAcceptConfig()}\n    ${this.renderTimeoutConfig()}\n    `;\n  }\n\n  protected renderPanelTitle(): TemplateResult {\n    return html`\n    <div class=\"title-medium\">Request options</div>\n    <p class=\"body-medium\">This overrides other configurations defined in the application.</p>\n    `;\n  }\n\n  protected renderEnableSwitch(): TemplateResult {\n    const { enabled = false } = this.config;\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"enabled\"\n        .checked=\"${enabled}\" \n        @change=\"${this.handleEnabledToggle}\" \n        title=\"Toggle options enabled\"\n        aria-label=\"Toggle options enabled\"\n        id=\"enable\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"enable\">\n        Enable custom request options\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderRedirectsConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, followRedirects = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"followRedirects\"\n        id=\"followRedirects\"\n        .checked=\"${followRedirects}\" \n        @change=\"${this.handleFollowRedirects}\" \n        title=\"Toggle follow redirects\"\n        aria-label=\"Toggle follow redirects\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"followRedirects\">\n        Follow redirects\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderTimeoutConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, timeout = 90 } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    const value = typeof timeout === 'number' ? String(timeout) : '';\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"timeout\"\n        label=\"Request timeout\"\n        .value=\"${live(value)}\"\n        @change=\"${this.handleTimeoutChange}\"\n        supportingText=\"0 for no timeout, clear for default.\"\n        inputMode=\"numeric\"\n        invalidText=\"Enter a positive integer or zero.\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderDefaultUserAgentConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultUserAgent = 'api-client', defaultHeaders = false } = this.config;\n    if (!enabled || !defaultHeaders) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"defaultUserAgent\"\n        label=\"Default user agent\"\n        .value=\"${live(defaultUserAgent)}\"\n        @change=\"${this.handleDefaultUserAgentChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderDefaultAcceptConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultAccept = '*/*', defaultHeaders = false } = this.config;\n    if (!enabled || !defaultHeaders) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-text-field\n        name=\"defaultAccept\"\n        label=\"Default accept\"\n        .value=\"${live(defaultAccept)}\"\n        @change=\"${this.handleDefaultAcceptChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderIgnoreSessionCookiesConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, ignoreSessionCookies = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"ignoreSessionCookies\"\n        id=\"ignoreSessionCookies\"\n        .checked=\"${ignoreSessionCookies}\" \n        @change=\"${this.handleIgnoreCookies}\" \n        title=\"Toggle ignore cookies\"\n        aria-label=\"Toggle ignore cookies\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"ignoreSessionCookies\">\n        Ignore cookies\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderValidateCertificatesConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, validateCertificates = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"validateCertificates\"\n        id=\"validateCertificates\"\n        .checked=\"${validateCertificates}\" \n        @change=\"${this.handleValidateCertificates}\" \n        title=\"Toggle validate certificates\"\n        aria-label=\"Toggle validate certificates\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"validateCertificates\">\n        Validate certificates\n      </label>\n    </div>\n    `;\n  }\n\n  protected renderDefaultHeadersConfig(): TemplateResult | typeof nothing {\n    const { enabled = false, defaultHeaders = false } = this.config;\n    if (!enabled) {\n      return nothing;\n    }\n    return html`\n    <div class=\"form-row\">\n      <ui-switch\n        name=\"defaultHeaders\"\n        id=\"defaultHeaders\"\n        .checked=\"${defaultHeaders}\" \n        @change=\"${this.handleDefaultHeaders}\" \n        title=\"Toggle validate certificates\"\n        aria-label=\"Toggle validate certificates\"\n      ></ui-switch>\n      <label class=\"label-large\" for=\"defaultHeaders\">\n        Add default headers to the request (accept and user agent)\n      </label>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/http/RequestEditor.js

@@ -42,83 +42,6 @@ export const NonPayloadMethods = ['GET', 'HEAD'];
  * @fires uichange - When the UI model change.
  */
 export default class RequestEditor extends ApiElement {
-    /**
-     * A promise set when reading payload from the `request` object.
-     * It is resolved after the payload is read anf the `payload` property is set.
-     */
-    readingPayloadPromise = Promise.resolve();
-    /**
-     * A promise set when the payload is being written to the `request` object.
-     * It is resolved after the `payload` is set on the request as a serializable object.
-     */
-    writingPayloadPromise = Promise.resolve();
-    /**
-     * A flag used to determine when the payload is being read for the synchronous code.
-     */
-    readingPayload = false;
-    /**
-     * The base request object.
-     */
-    request = new HttpRequest().toJSON();
-    /**
-     * The request payload.
-     * It can be just a string or an object with the payload data depending on the content type.
-     */
-    payload;
-    /**
-     * The current content type value.
-     */
-    contentType;
-    authorization;
-    assertions;
-    /**
-     * Redirect URL for the OAuth2 authorization.
-     * If can be also set by dispatching `oauth2-redirect-url-changed`
-     * with `value` property on the `detail` object.
-     */
-    oauth2RedirectUri;
-    /**
-     * When set the editor is in read only mode.
-     */
-    readOnly = false;
-    /**
-     * A value to be passed to the OAuth 2 `authorizationUri` property in case
-     * if current configuration has no value.
-     * This is to be used as a default value.
-     */
-    oauth2AuthorizationUri;
-    /**
-     * A value to be passed to the OAuth 2 `accessTokenUri` property in case
-     * if current configuration has no value.
-     * This is to be used as a default value.
-     */
-    oauth2AccessTokenUri;
-    /**
-     * When set it ignores all `content-*` headers when the request method is `GET`.
-     * When not set or `false` it renders a warning message.
-     */
-    ignoreContentOnGet = false;
-    /**
-     * When set the `content-` headers warning dialog is rendered.
-     */
-    contentHeadersDialogOpened = false;
-    /**
-     * To be set when the request is being transported.
-     */
-    loading = false;
-    /**
-     * An index of currently opened tab.
-     * @default 0
-     */
-    selectedTab = 'parameters';
-    /**
-     * Optional instance of the `RequestUiMeta` to store the UI state.
-     */
-    ui;
-    /**
-     * HTTP request configuration for the transport.
-     */
-    config = new RequestConfig().toJSON();
     /**
      * @returns True when the request cannot have the payload on the message.
      */
@@ -129,19 +52,62 @@ export default class RequestEditor extends ApiElement {
         }
         return !NonPayloadMethods.includes(request.method);
     }
-    _awaitingOAuth2authorization = false;
-    /**
-     * This is set by the internal logic. When `ignoreContentOnGet` is set and the headers have `content-` headers
-     * a dialog is rendered when trying to send the request. When the user chooses to ignore the warning this
-     * flag makes sure that `send()` does not check headers.
-     *
-     * @todo(pawel): This should be done in the request logic module plugin.
-     * Plugins can stop request indefinitely or cancel it.
-     */
-    ignoreValidationOnGet = false;
-    snippets;
     constructor() {
         super();
+        /**
+         * A promise set when reading payload from the `request` object.
+         * It is resolved after the payload is read anf the `payload` property is set.
+         */
+        this.readingPayloadPromise = Promise.resolve();
+        /**
+         * A promise set when the payload is being written to the `request` object.
+         * It is resolved after the `payload` is set on the request as a serializable object.
+         */
+        this.writingPayloadPromise = Promise.resolve();
+        /**
+         * A flag used to determine when the payload is being read for the synchronous code.
+         */
+        this.readingPayload = false;
+        /**
+         * The base request object.
+         */
+        this.request = new HttpRequest().toJSON();
+        /**
+         * When set the editor is in read only mode.
+         */
+        this.readOnly = false;
+        /**
+         * When set it ignores all `content-*` headers when the request method is `GET`.
+         * When not set or `false` it renders a warning message.
+         */
+        this.ignoreContentOnGet = false;
+        /**
+         * When set the `content-` headers warning dialog is rendered.
+         */
+        this.contentHeadersDialogOpened = false;
+        /**
+         * To be set when the request is being transported.
+         */
+        this.loading = false;
+        /**
+         * An index of currently opened tab.
+         * @default 0
+         */
+        this.selectedTab = 'parameters';
+        /**
+         * HTTP request configuration for the transport.
+         */
+        this.config = new RequestConfig().toJSON();
+        this._awaitingOAuth2authorization = false;
+        /**
+         * This is set by the internal logic. When `ignoreContentOnGet` is set and the headers have `content-` headers
+         * a dialog is rendered when trying to send the request. When the user chooses to ignore the warning this
+         * flag makes sure that `send()` does not check headers.
+         *
+         * @todo(pawel): This should be done in the request logic module plugin.
+         * Plugins can stop request indefinitely or cancel it.
+         */
+        this.ignoreValidationOnGet = false;
         this.config.enabled = false;
         this.handleInternalSend = this.handleInternalSend.bind(this);
     }