@api-client/ui 0.0.1

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

@@ -0,0 +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"]}

package/dist/elements/http/LogHeaders.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=LogHeaders.styles.d.ts.map

package/dist/elements/http/LogHeaders.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogHeaders.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/http/LogHeaders.styles.ts"],"names":[],"mappings":";AAGA,wBA4GG"}

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

@@ -0,0 +1,112 @@
+import { css } from 'lit';
+import { StatusStyles } from "./HttpStatus.js";
+export default [StatusStyles, css `
+:host {
+  display: block;
+}
+
+.tree {
+  list-style: none;
+  padding: 0 0 4px 0;
+  margin: 0;
+}
+
+.tree-parent {
+  list-style: none;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  user-select: none;
+
+  font-family: var(--md-sys-typescale-title-medium-font-family-name);
+  font-style: var(--md-sys-typescale-title-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-title-medium-font-weight);
+  font-size: var(--md-sys-typescale-title-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  line-height: var(--md-sys-typescale-title-medium-height);
+  text-transform: var(--md-sys-typescale-title-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+}
+
+.toggle-icon {
+  transition: transform 230ms var(--md-sys-animation-easing-standard);
+  width: 40px;
+}
+
+.tree-parent.closed .toggle-icon {
+  transform: rotate(-90deg);
+}
+
+.tree-item {
+  min-height: 40px;
+  user-select: text;
+  word-break: break-all;
+  list-style: none;
+  margin: 0;
+  box-sizing: border-box;
+  padding: 0 0 0 40px;
+  display: flex;
+  align-items: center;
+
+  font-family: var(--md-sys-typescale-body-large-font-family-name);
+  font-style: var(--md-sys-typescale-body-large-font-family-style);
+  font-weight: var(--md-sys-typescale-body-large-font-weight);
+  font-size: var(--md-sys-typescale-body-large-font-size);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  line-height: var(--md-sys-typescale-body-large-height);
+  text-transform: var(--md-sys-typescale-body-large-text-transform);
+  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+
+  position: relative;
+}
+
+.tree-item .item-content {
+  position: relative;
+  z-index: 1;
+}
+
+.tree-item:hover {
+  color: var(--md-sys-color-on-surface);
+}
+
+.tree-item:hover::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-color: var(--md-sys-color-on-surface);
+  opacity: var(--md-sys-state-hover-state-layer-opacity);
+}
+
+.tree-item:focus {
+  color: var(--md-sys-color-on-surface);
+}
+
+.tree-item:focus::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-color: var(--md-sys-color-on-surface);
+  opacity: var(--md-sys-state-focus-state-layer-opacity);
+}
+
+.auto-link {
+  color: var(--link-color);
+}
+
+.children {
+  padding-left: 0;
+}
+
+.children.collapsed {
+  display: none;
+}
+
+ui-divider:last-child {
+  display: none;
+}
+
+.status-code {
+  margin-left: 8px;
+}
+`];
+//# sourceMappingURL=LogHeaders.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogHeaders.styles.js","sourceRoot":"","sources":["../../../src/elements/http/LogHeaders.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAe,CAAC,YAAY,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GhC,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { StatusStyles } from \"./HttpStatus.js\";\n\nexport default [StatusStyles, css`\n:host {\n  display: block;\n}\n\n.tree {\n  list-style: none;\n  padding: 0 0 4px 0;\n  margin: 0;\n}\n\n.tree-parent {\n  list-style: none;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  user-select: none;\n\n  font-family: var(--md-sys-typescale-title-medium-font-family-name);\n  font-style: var(--md-sys-typescale-title-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-title-medium-font-weight);\n  font-size: var(--md-sys-typescale-title-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n  line-height: var(--md-sys-typescale-title-medium-height);\n  text-transform: var(--md-sys-typescale-title-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);\n}\n\n.toggle-icon {\n  transition: transform 230ms var(--md-sys-animation-easing-standard);\n  width: 40px;\n}\n\n.tree-parent.closed .toggle-icon {\n  transform: rotate(-90deg);\n}\n\n.tree-item {\n  min-height: 40px;\n  user-select: text;\n  word-break: break-all;\n  list-style: none;\n  margin: 0;\n  box-sizing: border-box;\n  padding: 0 0 0 40px;\n  display: flex;\n  align-items: center;\n\n  font-family: var(--md-sys-typescale-body-large-font-family-name);\n  font-style: var(--md-sys-typescale-body-large-font-family-style);\n  font-weight: var(--md-sys-typescale-body-large-font-weight);\n  font-size: var(--md-sys-typescale-body-large-font-size);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n  line-height: var(--md-sys-typescale-body-large-height);\n  text-transform: var(--md-sys-typescale-body-large-text-transform);\n  text-decoration: var(--md-sys-typescale-body-large-text-decoration);\n\n  position: relative;\n}\n\n.tree-item .item-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tree-item:hover {\n  color: var(--md-sys-color-on-surface);\n}\n\n.tree-item:hover::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-color: var(--md-sys-color-on-surface);\n  opacity: var(--md-sys-state-hover-state-layer-opacity);\n}\n\n.tree-item:focus {\n  color: var(--md-sys-color-on-surface);\n}\n\n.tree-item:focus::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-color: var(--md-sys-color-on-surface);\n  opacity: var(--md-sys-state-focus-state-layer-opacity);\n}\n\n.auto-link {\n  color: var(--link-color);\n}\n\n.children {\n  padding-left: 0;\n}\n\n.children.collapsed {\n  display: none;\n}\n\nui-divider:last-child {\n  display: none;\n}\n\n.status-code {\n  margin-left: 8px;\n}\n`];\n"]}

package/dist/elements/http/LogTimings.d.ts

@@ -0,0 +1,43 @@
+import { TemplateResult, PropertyValues } from 'lit';
+import { RequestTime, IRequestTime } from "@api-client/core/build/browser.js";
+import { ITimingViewData, ITimingProgressInfo } from '../../lib/http/Har.js';
+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?: (RequestTime | IRequestTime)[];
+    /**
+     * When set it renders mobile friendly view
+     * @attribute
+     */
+    narrow: boolean;
+    protected withRedirects: boolean;
+    protected viewData: ITimingViewData[];
+    protected totalTime: number;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected processTimings(): void;
+    protected render(): TemplateResult;
+    protected renderNoData(): TemplateResult;
+    protected renderRedirectsTable(): TemplateResult;
+    protected renderRedirectItem(item: ITimingViewData, index: number): TemplateResult;
+    /**
+     * @returns The template for a single timing item.
+     */
+    protected renderTiming(info: ITimingViewData): TemplateResult;
+    /**
+     * Renders a single timing row.
+     * @param duration Max value of the progress
+     * @param info The computed timing values.
+     */
+    protected renderTimingRow(duration: number, info?: ITimingProgressInfo): TemplateResult | string;
+    /**
+     * Renders the start time row
+     * @param time The timestamp of the request
+     */
+    protected renderStartTime(time: number): TemplateResult | string;
+}
+//# sourceMappingURL=LogTimings.d.ts.map

package/dist/elements/http/LogTimings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogTimings.d.ts","sourceRoot":"","sources":["../../../src/elements/http/LogTimings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAA0B,MAAM,uBAAuB,CAAC;AACrG,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,iCAAiC,CAAA;AACxC,OAAO,gCAAgC,CAAA;AAGvC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACwB,OAAO,CAAC,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,EAAE,CAAC;IAEpE;;;OAGG;IACyC,MAAM,UAAS;IAElD,SAAS,CAAC,aAAa,UAAS;IAEhC,SAAS,CAAC,QAAQ,EAAE,eAAe,EAAE,CAAM;IAE3C,SAAS,CAAC,SAAS,SAAK;cAEd,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,cAAc,IAAI,IAAI;cAab,MAAM,IAAI,cAAc;IAW3C,SAAS,CAAC,YAAY,IAAI,cAAc;IAMxC,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAsBhD,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc;IAWlF;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc;IAiB7D;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,mBAAmB,GAAG,cAAc,GAAG,MAAM;IAmBhG;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;CAmBjE"}

package/dist/elements/http/LogTimings.js

@@ -0,0 +1,167 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { property, state } from "lit/decorators.js";
+import { computeTimingsViewData } from '../../lib/http/Har.js';
+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;
+    willUpdate(cp) {
+        super.updated(cp);
+        if (cp.has('timings')) {
+            this.processTimings();
+        }
+    }
+    processTimings() {
+        const { timings } = this;
+        if (!timings) {
+            this.viewData = [];
+            this.withRedirects = false;
+            this.totalTime = 0;
+            return;
+        }
+        this.withRedirects = timings.length > 1;
+        this.viewData = computeTimingsViewData(timings);
+        this.totalTime = this.viewData.reduce((prev, current) => prev + current.duration, 0);
+    }
+    render() {
+        const { viewData, withRedirects } = this;
+        if (!Array.isArray(viewData) || !viewData.length) {
+            return this.renderNoData();
+        }
+        if (withRedirects) {
+            return this.renderRedirectsTable();
+        }
+        return this.renderTiming(viewData[0]);
+    }
+    renderNoData() {
+        return html `
+    <div class="no-data">No data available.</div>
+    `;
+    }
+    renderRedirectsTable() {
+        const { totalTime, viewData } = this;
+        const items = [...viewData];
+        const last = items.pop();
+        return html `
+    <section class="redirects">
+      <h3 class="sub-title">Redirects</h3>
+      ${items.map((item, index) => this.renderRedirectItem(item, index))}
+      <h3 class="sub-title">Final request</h3>
+      <div class="timings-row">
+        <div class="redirect-value">
+          ${this.renderTiming(last)}
+        </div>
+      </div>
+      <div class="status-row">
+        <div class="flex"></div>
+        <span class="timing-value total text">Total: ${totalTime} ms</span>
+      </div>
+    </section>
+    `;
+    }
+    renderRedirectItem(item, index) {
+        return html `
+    <div class="timings-row">
+      <div class="status-label text">#<span>${index + 1}</span></div>
+      <div class="redirect-value">
+        ${this.renderTiming(item)}
+      </div>
+    </div>
+    `;
+    }
+    /**
+     * @returns The template for a single timing item.
+     */
+    renderTiming(info) {
+        const { data, duration } = info;
+        const { blocked, connect, dns, receive, send, wait, ssl } = data;
+        return html `
+    ${this.renderTimingRow(duration, blocked)}
+    ${this.renderTimingRow(duration, dns)}
+    ${this.renderTimingRow(duration, connect)}
+    ${this.renderTimingRow(duration, ssl)}
+    ${this.renderTimingRow(duration, send)}
+    ${this.renderTimingRow(duration, wait)}
+    ${this.renderTimingRow(duration, receive)}
+    <div class="row is-total">
+      <span class="timing-value total">${info.duration} ms</span>
+    </div>
+    `;
+    }
+    /**
+     * Renders a single timing row.
+     * @param duration Max value of the progress
+     * @param info The computed timing values.
+     */
+    renderTimingRow(duration, info) {
+        if (!info || typeof info.label === 'undefined') {
+            return '';
+        }
+        return html `
+    <div class="row" data-type="${info.type}-time">
+      <div class="timing-label label">${info.title}</div>
+      <ui-progress
+        aria-label="${info.ariaLabel}"
+        .value="${info.previous}"
+        .secondaryProgress="${info.value}"
+        .max="${duration}"
+        step="0.0001"
+      ></ui-progress>
+      <span class="timing-value">${info.label} ms</span>
+    </div>
+    `;
+    }
+    /**
+     * Renders the start time row
+     * @param time The timestamp of the request
+     */
+    renderStartTime(time) {
+        if (typeof time !== 'number') {
+            return '';
+        }
+        return html `
+    <div class="row" data-type="start-time">
+      <span class="label">Start date:</span>
+      <ui-date-time
+        year="numeric"
+        month="numeric"
+        day="numeric"
+        hour="numeric"
+        minute="numeric"
+        second="numeric"
+        class="date-value"
+        .date="${time}"
+      ></ui-date-time>
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Array })
+], LogTimings.prototype, "timings", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LogTimings.prototype, "narrow", void 0);
+__decorate([
+    state()
+], LogTimings.prototype, "withRedirects", void 0);
+__decorate([
+    state()
+], LogTimings.prototype, "viewData", void 0);
+__decorate([
+    state()
+], LogTimings.prototype, "totalTime", void 0);
+//# sourceMappingURL=LogTimings.js.map

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

@@ -0,0 +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"]}

package/dist/elements/http/LogTimings.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=LogTimings.styles.d.ts.map

package/dist/elements/http/LogTimings.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogTimings.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/http/LogTimings.styles.ts"],"names":[],"mappings":";AAEA,wBAgKE"}

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

@@ -0,0 +1,163 @@
+import { css } from "lit";
+export default css `
+:host {
+  display: block;
+  --ui-progress-height: var(--request-timings-progress-height, 12px);
+  --ui-progress-track-color: var(--md-sys-color-surface-variant);
+  --ui-progress-primary-progress-color: var(--md-sys-color-surface-variant);
+  --ui-progress-secondary-progress-color: var(--request-timings-progress-color, #4a4);
+
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+ui-progress {
+  flex: 1;
+  flex-basis: 0.000000001px;
+}
+
+.label,
+.date-value {
+  user-select: text;
+  cursor: text;
+}
+
+.label {
+  margin-right: 8px;
+}
+
+.timing-label {
+  width: var(--request-timings-label-width, 160px);
+  
+  font-family: var(--md-sys-typescale-label-large-font-family-name);
+  font-style: var(--md-sys-typescale-label-large-font-family-style);
+  font-weight: var(--md-sys-typescale-label-large-font-weight);
+  font-size: var(--md-sys-typescale-label-large-font-size);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  line-height: var(--md-sys-typescale-label-large-height);
+  text-transform: var(--md-sys-typescale-label-large-text-transform);
+  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+}
+
+.timing-value {
+  width: var(--request-timings-value-width, 120px);
+  text-align: right;
+  user-select: text;
+  cursor: text;
+}
+
+.total {
+  margin-top: 12px;
+  padding-top: 12px;
+  
+  font-family: var(--md-sys-typescale-body-large-font-family-name);
+  font-style: var(--md-sys-typescale-body-large-font-family-style);
+  font-weight: var(--md-sys-typescale-body-large-font-weight);
+  font-size: var(--md-sys-typescale-body-large-font-size);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  line-height: var(--md-sys-typescale-body-large-height);
+  text-transform: var(--md-sys-typescale-body-large-text-transform);
+  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+}
+
+.row.is-total {
+  justify-content: flex-end;
+}
+
+:host([narrow]) .row {
+  flex-direction: column;
+  align-items: start;
+  margin: 8px 0;
+}
+
+:host([narrow]) ui-progress {
+  width: 100%;
+  flex: auto;
+  order: 3;
+}
+
+:host([narrow]) .timing-value {
+  text-align: left;
+  order: 2;
+}
+
+:host([narrow]) .timing-label {
+  order: 1;
+  width: auto;
+}
+
+.status-row,
+.timings-row {
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  min-height: 56px;
+}
+
+.status-row {
+  flex-direction: row;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.sub-title {
+  font-family: var(--md-sys-typescale-title-medium-font-family-name);
+  font-style: var(--md-sys-typescale-title-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-title-medium-font-weight);
+  font-size: var(--md-sys-typescale-title-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  line-height: var(--md-sys-typescale-title-medium-height);
+  text-transform: var(--md-sys-typescale-title-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+}
+
+.status-label {
+  width: 60px;
+  font-size: var(--request-timings-panel-timing-total-size, 1.1rem);
+  font-weight: var(--request-timings-panel-timing-total-weight, 400);
+}
+
+.text {
+  user-select: text;
+  cursor: text;
+}
+
+.redirect-value {
+  margin-top: 12px;
+  flex: 1;
+  flex-basis: 0.000000001px;
+}
+
+:host([narrow]) .timings-row {
+  flex-direction: column;
+  align-items: start;
+  margin: 20px 0;
+}
+
+:host([narrow]) .redirect-value {
+  width: 100%;
+  flex: auto;
+}
+
+:host([narrow]) .status-row {
+  justify-content: flex-start;
+}
+
+.no-data {
+  text-align: left;
+  margin: 20px;
+}
+`;
+//# sourceMappingURL=LogTimings.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogTimings.styles.js","sourceRoot":"","sources":["../../../src/elements/http/LogTimings.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKjB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport default css`\n:host {\n  display: block;\n  --ui-progress-height: var(--request-timings-progress-height, 12px);\n  --ui-progress-track-color: var(--md-sys-color-surface-variant);\n  --ui-progress-primary-progress-color: var(--md-sys-color-surface-variant);\n  --ui-progress-secondary-progress-color: var(--request-timings-progress-color, #4a4);\n\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\nui-progress {\n  flex: 1;\n  flex-basis: 0.000000001px;\n}\n\n.label,\n.date-value {\n  user-select: text;\n  cursor: text;\n}\n\n.label {\n  margin-right: 8px;\n}\n\n.timing-label {\n  width: var(--request-timings-label-width, 160px);\n  \n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight);\n  font-size: var(--md-sys-typescale-label-large-font-size);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n}\n\n.timing-value {\n  width: var(--request-timings-value-width, 120px);\n  text-align: right;\n  user-select: text;\n  cursor: text;\n}\n\n.total {\n  margin-top: 12px;\n  padding-top: 12px;\n  \n  font-family: var(--md-sys-typescale-body-large-font-family-name);\n  font-style: var(--md-sys-typescale-body-large-font-family-style);\n  font-weight: var(--md-sys-typescale-body-large-font-weight);\n  font-size: var(--md-sys-typescale-body-large-font-size);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n  line-height: var(--md-sys-typescale-body-large-height);\n  text-transform: var(--md-sys-typescale-body-large-text-transform);\n  text-decoration: var(--md-sys-typescale-body-large-text-decoration);\n}\n\n.row.is-total {\n  justify-content: flex-end;\n}\n\n:host([narrow]) .row {\n  flex-direction: column;\n  align-items: start;\n  margin: 8px 0;\n}\n\n:host([narrow]) ui-progress {\n  width: 100%;\n  flex: auto;\n  order: 3;\n}\n\n:host([narrow]) .timing-value {\n  text-align: left;\n  order: 2;\n}\n\n:host([narrow]) .timing-label {\n  order: 1;\n  width: auto;\n}\n\n.status-row,\n.timings-row {\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  min-height: 56px;\n}\n\n.status-row {\n  flex-direction: row;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.sub-title {\n  font-family: var(--md-sys-typescale-title-medium-font-family-name);\n  font-style: var(--md-sys-typescale-title-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-title-medium-font-weight);\n  font-size: var(--md-sys-typescale-title-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n  line-height: var(--md-sys-typescale-title-medium-height);\n  text-transform: var(--md-sys-typescale-title-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);\n}\n\n.status-label {\n  width: 60px;\n  font-size: var(--request-timings-panel-timing-total-size, 1.1rem);\n  font-weight: var(--request-timings-panel-timing-total-weight, 400);\n}\n\n.text {\n  user-select: text;\n  cursor: text;\n}\n\n.redirect-value {\n  margin-top: 12px;\n  flex: 1;\n  flex-basis: 0.000000001px;\n}\n\n:host([narrow]) .timings-row {\n  flex-direction: column;\n  align-items: start;\n  margin: 20px 0;\n}\n\n:host([narrow]) .redirect-value {\n  width: 100%;\n  flex: auto;\n}\n\n:host([narrow]) .status-row {\n  justify-content: flex-start;\n}\n\n.no-data {\n  text-align: left;\n  margin: 20px;\n}\n`;\n"]}

package/dist/elements/http/RequestAuth.template.d.ts

@@ -0,0 +1,11 @@
+import { TemplateResult } from 'lit';
+import { RequestAuthorization, RequestUiMeta } from '@api-client/core/build/browser.js';
+import '../../define/authorization-selector.js';
+import '../../define/authorization-method.js';
+export interface AuthorizationTemplateOptions {
+    ui?: RequestUiMeta;
+    oauth2RedirectUri?: string;
+    hidden?: boolean;
+}
+export default function authorizationTemplate(changeHandler: Function, config: AuthorizationTemplateOptions, auth?: RequestAuthorization[]): TemplateResult;
+//# sourceMappingURL=RequestAuth.template.d.ts.map

package/dist/elements/http/RequestAuth.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuth.template.d.ts","sourceRoot":"","sources":["../../../src/elements/http/RequestAuth.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAA8I,oBAAoB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACpO,OAAO,wCAAwC,CAAC;AAChD,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,4BAA4B;IAC3C,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0JD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,4BAA4B,EAAE,IAAI,GAAE,oBAAoB,EAAO,GAAG,cAAc,CA8B9J"}