@peculiar/certificates-viewer 3.10.0 → 3.10.1-alpha.14

package/dist/collection/components/certificates-viewer/certificates-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"certificates-viewer.js","sourceRoot":"","sources":["../../../src/components/certificates-viewer/certificates-viewer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EAEL,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,GACV,MAAM,UAAU,CAAC;AAuBlB,MAAM,OAAO,kBAAkB;;IACrB,eAAU,GAAY,KAAK,CAAC;IAkI5B,uBAAkB,GAAG,CAAC,WAA4B,EAAE,EAAE;MAC5D,IAAI,CAAC,6BAA6B,GAAG,WAAW,CAAC;MACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC,CAAC;IAEM,qBAAgB,GAAG,GAAG,EAAE;MAC9B,IAAI,CAAC,6BAA6B,GAAG,SAAS,CAAC;MAE/C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,CAAC;IAUM,iBAAY,GAAG,CAAC,KAAU,EAAE,EAAE;MACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC,CAAC;wBAzIqC,EAAE;4BAKL,IAAI;+BAKD,IAAI;kCASiB,oBAAoB;4BAY3C,KAAK;kBAEhB,EAAE;+BAE0B,EAAE;;;6BAMlB,IAAI;;EAElC,sBAAsB,CAAC,KAA0B;IACvD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;EACxC,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAEhC,IAAI,KAAK,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;MACvE,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MACzF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;KACvD;EACH,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;EAC9F,CAAC;EAGD,iBAAiB,CAAC,QAAwB,EAAE,QAAwB;IAClE;;OAEG;IACH,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;MACzD,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;EACH,CAAC;EAED,KAAK,CAAC,wBAAwB;IAC5B,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MACrC,OAAO;KACR;IAED,MAAM,IAAI,GAA0B,EAAE,CAAC;IAEvC,gDAAgD;IAChD,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE;MAC3C,IAAI;QACF,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvD,MAAM,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC;UACR,IAAI,EAAE,OAAO;UACb,KAAK,EAAE,WAAW,CAAC,KAAK;UACxB,IAAI,EAAE,WAAW,CAAC,IAAI;SACvB,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,EAAE;UAC/B,QAAQ,GAAG,IAAI,CAAC;SACjB;OACF;MAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;OAClD;KACF;IAED,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;EAClC,CAAC;EAED,kDAAkD;EAC1C,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;EAClF,CAAC;EAED,kDAAkD;EAC1C,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;EAClF,CAAC;EAaO,cAAc,CAAC,KAAa;IAClC,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC;IAExD,IAAI,CAAC,WAAW,GAAG,oBAAoB;MACrC,CAAC,CAAC,SAAS;MACX,CAAC,CAAC,KAAK,CAAC;EACZ,CAAC;EAMO,kBAAkB;IACxB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,OAAO,IAAI,CAAC,CAAC;KACd;IAED,OAAO,OAAO,CAAC;EACjB,CAAC;EAEO,8BAA8B,CAAC,WAAgC;;IACrE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK;SAChC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,4BACE,KAAK,EAAC,mBAAmB,EACzB,MAAM,EAAE;QACN;UACE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;UAC3C,OAAO,EAAE;YACP;cACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;cACnC,SAAS,EAAE,EAAC,WAAW,OAAG;cAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC;aACzD;WACF;SACF;QACD;UACE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;UACxC,OAAO,EAAE;YACP;cACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAE,EAAC,YAAY,OAAG;cAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;YACD;cACE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAE,EAAC,YAAY,OAAG;cAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;WACF;SACF;QACD,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACnB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACjC,OAAO,EAAE;cACP,GAAG,CAAC,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,KAAK,EAAC,CAAC,CAAC,CAAC;kBAC9B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;kBAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK;kBAC7B,SAAS,EAAE,EAAC,QAAQ,OAAG;iBACxB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;cACR,GAAG,CAAC,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,EAAC,CAAC,CAAC,CAAC;kBAChC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAE,EAAC,QAAQ,OAAG;iBACxB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;cACR,GAAG,CAAC,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,EAAC,CAAC,CAAC,CAAC;kBAChC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAE,EAAC,QAAQ,OAAG;iBACxB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;aACT;WACF,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;OACT,GACD,CACH,CAAC;EACJ,CAAC;EAEO,iBAAiB,CAAC,WAA4B;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAE9C,OAAO,CACL,UAAI,KAAK,EAAC,kBAAkB;MAC1B,aAAM;MACN,UAAI,OAAO,EAAE,OAAO;QAClB,EAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,WAAW,CAAC,MAAM,GAC/B,CACC;MACL,aAAM,CACH,CACN,CAAC;EACJ,CAAC;EAEO,sBAAsB;IAC5B,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB;MAC9C,CAAC,CAAC,IAAI,CAAC,MAAM;MACb,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;MACtD,MAAM,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC;MACjD,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;WAC5D,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;MAE1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,MAAM,EAAE;QACxC,MAAM,0BAA0B,GAAG;UACjC,cAAc;UACd,WAAW,CAAC,IAAI,CAAC,gBAAgB;UACjC,WAAW,CAAC,IAAI;UAChB,WAAW,CAAC,IAAI,CAAC,UAAU;UAC3B,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;SACtC;WACE,IAAI,CAAC,GAAG,CAAC;WACT,WAAW,EAAE,CAAC;QAEjB,IAAI,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;UACxE,OAAO;SACR;OACF;MAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC;UACX,UACE,KAAK,EAAE;cACL,eAAe,EAAE,IAAI;cACrB,UAAU,EAAE,aAAa;aAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;YAE1C;cACE;gBACE;kBACG,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB;oBACE;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV;oBACL;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO;wBACpC,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACF,CACN;kBACD;oBACE;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV;oBACL;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO;wBACpC,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV,CACF;kBACL;oBACE;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV;oBACL;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO;wBACpC,gCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV,CACF;kBACL;oBACE;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ;wBACpC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;yCAEnB,CACV;oBACL;sBACE,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO;wBACpC,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV,CACF;kBACJ,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;kBAC1D,UAAI,KAAK,EAAC,yBAAyB;oBACjC;sBACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC;sBACjD,EAAC,MAAM;sBACL,6CAA6C;;wBAA7C,6CAA6C;wBAC7C,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAAC,YAAY,OAAG,CAAC,CAAC,CAAC,EAAC,eAAe,OAAG,GACjE,CACC,CACF,CACC,CACF,CACL,CACF;SACN,CAAC,CAAC;QAEH,OAAO;OACR;MAED,OAAO,CAAC,IAAI,CAAC;QACX,UACE,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;WAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;UAE1C;YACE,EAAC,MAAM,IACL,KAAK,EAAC,mBAAmB;cACzB,6CAA6C;cAC7C,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAAC,YAAY,OAAG,CAAC,CAAC,CAAC,EAAC,eAAe,OAAG,GACjE,CACC;UACJ,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB;YACE,EAAC,UAAU;cACT,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACN;UACD;YACE,EAAC,UAAU;cACT,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV;UACL;YACE,EAAC,UAAU;cACT,gCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV;UACL;YACE,EAAC,UAAU;cACT,gCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV;UACL,cACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC,CAC9C,CACF;QACL,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;OAC1D,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;EACjB,CAAC;EAEO,6BAA6B;IACnC,IAAI,CAAC,IAAI,CAAC,6BAA6B,EAAE;MACvC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,WACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,cAAc,iBACP,OAAO,EACnB,IAAI,EAAC,cAAc;MAEnB,WACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,gBAAgB,iBAClB,MAAM,GAClB;MACF,WACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB;QAE7B,cAAQ,KAAK,EAAC,cAAc;UAC1B,EAAC,UAAU,IACT,OAAO,EAAC,IAAI,IAEX,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAC1B;UACb,EAAC,MAAM,IACL,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAE,EAAC,SAAS,OAAG,GACxB,CACK;QACT,WAAK,KAAK,EAAC,eAAe;UACxB,mCACE,WAAW,EAAE,IAAI,CAAC,6BAA6B,EAC/C,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACE,CACF,CACF,CACP,CAAC;EACJ,CAAC;EAEO,YAAY;IAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;MACvD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;MACzB,aACE,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAC1C,WAAW,EAAC,QAAQ,GACpB,CACE,CACP,CAAC;EACJ,CAAC;EAEO,gBAAgB;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,OAAO,CACL;MACE,UACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO;QAEhB,EAAC,UAAU,IACT,OAAO,EAAC,IAAI,2CAGD,CACV,CACF,CACN,CAAC;EACJ,CAAC;EAEO,sBAAsB;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,OAAO,CACL;MACE,UACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO;QAEhB,EAAC,UAAU,IACT,OAAO,EAAC,IAAI;;UAGX,IAAI,CAAC,MAAM;mBAED,CACV,CACF,CACN,CAAC;EACJ,CAAC;EAED,kDAAkD;EAC1C,kBAAkB;IACxB,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;MAC5B,qCAA8B,CAC1B,CACP,CAAC;EACJ,CAAC;EAEO,eAAe;IACrB,IAAI,IAAI,CAAC,iBAAiB,EAAE;MAC1B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;MACpC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAChC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAEvD,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;MAC3C,OAAO,IAAI,CAAC,sBAAsB,EAAE,CAAC;KACtC;IAED,OAAO,gBAAgB,CAAC;EAC1B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,+BACsB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;MAErD,IAAI,CAAC,YAAY,EAAE;MACpB;QACG,CAAC,IAAI,CAAC,gBAAgB,IAAI,CACzB;UACE;YAEE,aAAM;YACL,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB,UAAI,KAAK,EAAC,YAAY;cACpB,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV,CACN;YACD,UAAI,KAAK,EAAC,UAAU;cAClB,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IACrB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV;YACL,UAAI,KAAK,EAAC,gBAAgB;cACxB,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IACrB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV;YACL,UAAI,KAAK,EAAC,iBAAiB;cACzB,EAAC,UAAU,IAAC,OAAO,EAAC,IAAI;gBACrB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;iCAEnB,CACV;YAEL,aAAM,CACH,CACC,CACT;QACD,iBACG,IAAI,CAAC,eAAe,EAAE,CACjB,CACF;MAEP,IAAI,CAAC,6BAA6B,EAAE;MACpC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAC/C,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\n\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string;\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: string;\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots: boolean = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch: boolean = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch: boolean = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView: boolean = false;\n\n  @State() search: string = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess: boolean = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: any) => {\n    this.search = event.target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n        && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs ? [{\n            title: l10n.getString('testURLs'),\n            options: [\n              ...(certificate.tests?.valid ? [{\n                text: l10n.getString('valid'),\n                href: certificate.tests.valid,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.revoked ? [{\n                text: l10n.getString('revoked'),\n                href: certificate.tests.revoked,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.expired ? [{\n                text: l10n.getString('expired'),\n                href: certificate.tests.expired,\n                startIcon: <LinkIcon />,\n              }] : []),\n            ],\n          }] : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          certificate.name,\n          certificate.body.commonName,\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.name || certificate.body.commonName}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        // eslint-disable-next-line react/jsx-no-bind\n                        onClick={this.handleClickRow.bind(this, index)}\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{\n            m_expanded: isExpandedRow,\n          }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              class=\"button_table_cell\"\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={this.handleClickRow.bind(this, index)}\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.name || certificate.body.commonName}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          onClick={this.handleModalClose}\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              onClick={this.handleModalClose}\n              startIcon={<CrossIcon />}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          onInput={this.handleSearch}\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/circular-progress/circular-progress.css

@@ -1,10 +1,3 @@
-:host {
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
 :host {
   display: block;
   width: 100%;
@@ -42,11 +35,9 @@
   animation: circular-dash 1.4s ease-in-out infinite;
   stroke-dasharray: 80, 200;
   stroke-dashoffset: 0;
-  stroke: #3584f7;
-  stroke: rgba(var(--pv-color-primary-rgb), 1);
+  stroke: var(--pv-color-secondary);
 }
 
 .circle_progress_backdrop {
-  stroke: #d1d5d9;
-  stroke: rgba(var(--pv-color-grey_3-rgb), 1);
+  stroke: var(--pv-color-gray-3);
 }

package/dist/collection/components/circular-progress/circular-progress.js

@@ -8,77 +8,74 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Host, h, Prop, } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class CircularProgress {
   constructor() {
-    /**
-     * Width/height of progress circle.
-     */
+    this.box = 50;
     this.size = 24;
-    /**
-     * Stroke width of progress bar circle.
-     */
     this.width = 4;
-    this.box = 50;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "circle_progress", style: {
-          width: `${this.size}px`,
-          height: `${this.size}px`,
-        } },
-        h("svg", { class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` },
-          h("circle", { class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-              strokeWidth: `${this.width}px`,
-            } }),
-          h("circle", { class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-              strokeWidth: `${this.width}px`,
-            } })))));
+    return (h(Host, null, h("div", { class: "circle_progress", style: {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+      } }, h("svg", { class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` }, h("circle", { class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
+        strokeWidth: `${this.width}px`,
+      } }), h("circle", { class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
+        strokeWidth: `${this.width}px`,
+      } })))));
   }
   static get is() { return "peculiar-circular-progress"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["circular-progress.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["circular-progress.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Width/height of progress circle."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "24"
-    },
-    "width": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Stroke width of progress bar circle."
+  static get originalStyleUrls() {
+    return {
+      "$": ["circular-progress.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["circular-progress.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Width/height of progress circle."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
       },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "4"
-    }
-  }; }
+      "width": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Stroke width of progress bar circle."
+        },
+        "attribute": "width",
+        "reflect": false,
+        "defaultValue": "4"
+      }
+    };
+  }
 }
+//# sourceMappingURL=circular-progress.js.map

package/dist/collection/components/circular-progress/circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/circular-progress/circular-progress.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,GACL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,gBAAgB;;IAWnB,QAAG,GAAW,EAAE,CAAC;gBAPF,EAAE;iBAKD,CAAC;;EAIzB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE;UACL,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;UACvB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;SACzB;QAED,WACE,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE;UAEtC,cACE,KAAK,EAAC,0BAA0B,EAChC,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAChB,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;cACL,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;aAC/B,GACD;UACF,cACE,KAAK,EAAC,wBAAwB,EAC9B,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAChB,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;cACL,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;aAC/B,GACD,CACE,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-circular-progress',\n  styleUrl: 'circular-progress.scss',\n  shadow: true,\n})\nexport class CircularProgress {\n  /**\n   * Width/height of progress circle.\n   */\n  @Prop() size: number = 24;\n\n  /**\n   * Stroke width of progress bar circle.\n   */\n  @Prop() width: number = 4;\n\n  private box: number = 50;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"circle_progress\"\n          style={{\n            width: `${this.size}px`,\n            height: `${this.size}px`,\n          }}\n        >\n          <svg\n            class=\"circle_progress_svg\"\n            viewBox={`0 0 ${this.box} ${this.box}`}\n          >\n            <circle\n              class=\"circle_progress_backdrop\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n            <circle\n              class=\"circle_progress_circle\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n          </svg>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/crl-viewer/crl-viewer.js

@@ -8,13 +8,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Host, h, Prop, State, Watch, } from '@stencil/core';
-import { CRL } from '../../crypto';
-import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { BasicInformation, IssuerName, Signature, Thumbprints, Extensions, Miscellaneous, RevokedCertificates, } from '../certificate-details-parts';
+import { Host, h, Build, } from "@stencil/core";
+import { CRL } from "../../crypto";
+import { getDNSNameLink, getIPAddressLink, getLEILink } from "../../utils/third_party_links";
+import { BasicInformation, IssuerName, Signature, Thumbprints, Extensions, Miscellaneous, RevokedCertificates, } from "../certificate-details-parts";
+import { Typography } from "../typography";
 export class CrlViewer {
   constructor() {
-    this.isDecodeInProcess = true;
     this.getAuthKeyIdParentLink = (value) => {
       var _a;
       return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
@@ -23,9 +23,28 @@ export class CrlViewer {
       var _a;
       return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
     };
+    this.certificate = undefined;
+    this.download = undefined;
+    this.authKeyIdParentLink = undefined;
+    this.authKeyIdSiblingsLink = undefined;
+    this.issuerDnLink = undefined;
+    this.mobileMediaQueryString = '(max-width: 900px)';
+    this.mobileScreenView = false;
+    this.isDecodeInProcess = true;
+  }
+  handleMediaQueryChange(event) {
+    this.mobileScreenView = event.matches;
   }
   componentWillLoad() {
     this.decodeCertificate(this.certificate);
+    if (Build.isBrowser) {
+      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);
+      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));
+      this.mobileScreenView = this.mobileMediaQuery.matches;
+    }
+  }
+  disconnectedCallback() {
+    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));
   }
   async decodeCertificate(certificate) {
     this.isDecodeInProcess = true;
@@ -71,13 +90,11 @@ export class CrlViewer {
   }
   // eslint-disable-next-line class-methods-use-this
   renderErrorState() {
-    return (h("div", { class: "status_wrapper" },
-      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this certificate revocation list.")));
+    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There was an error decoding this certificate revocation list.")));
   }
   // eslint-disable-next-line class-methods-use-this
   renderEmptyState() {
-    return (h("div", { class: "status_wrapper" },
-      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no certificate revocation list available.")));
+    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There is no certificate revocation list available.")));
   }
   render() {
     if (this.certificateDecodeError) {
@@ -86,143 +103,153 @@ export class CrlViewer {
     if (!this.certificateDecoded) {
       return this.renderEmptyState();
     }
-    return (h(Host, { "data-view": this.view },
-      h("table", null,
-        h(BasicInformation, Object.assign({}, this.certificateDecoded)),
-        h(IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }),
-        h(Signature, { signature: this.certificateDecoded.signature }),
-        h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }),
-        h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink }),
-        h(RevokedCertificates, { revokedCertificates: this.certificateDecoded.revokedCertificates, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink }),
-        this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (h(Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, h("table", null, h(BasicInformation, Object.assign({}, this.certificateDecoded)), h(IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink }), h(RevokedCertificates, { revokedCertificates: this.certificateDecoded.revokedCertificates, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
   }
   static get is() { return "peculiar-crl-viewer"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../certificate-viewer/certificate-viewer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../certificate-viewer/certificate-viewer.css"]
-  }; }
-  static get properties() { return {
-    "certificate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CrlProp",
-        "resolved": "CRL | string",
-        "references": {
-          "CrlProp": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../certificate-viewer/certificate-viewer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../certificate-viewer/certificate-viewer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "certificate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CrlProp",
+          "resolved": "CRL | string",
+          "references": {
+            "CrlProp": {
+              "location": "local",
+              "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/crl-viewer/crl-viewer.tsx",
+              "id": "src/components/crl-viewer/crl-viewer.tsx::CrlProp"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The certificate value for decode and show details. Use PEM or DER."
-      },
-      "attribute": "certificate",
-      "reflect": true
-    },
-    "download": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The certificate value for decode and show details. Use PEM or DER."
+        },
+        "attribute": "certificate",
+        "reflect": true
       },
-      "attribute": "download",
-      "reflect": false
-    },
-    "authKeyIdParentLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "download": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+        },
+        "attribute": "download",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "example",
-            "text": " https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}"
-          }],
-        "text": "Authority Key Identifier extension parent link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+      "authKeyIdParentLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}"
+            }],
+          "text": "Authority Key Identifier extension parent link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+        },
+        "attribute": "auth-key-id-parent-link",
+        "reflect": true
       },
-      "attribute": "auth-key-id-parent-link",
-      "reflect": true
-    },
-    "authKeyIdSiblingsLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "authKeyIdSiblingsLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}"
+            }],
+          "text": "Authority Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+        },
+        "attribute": "auth-key-id-siblings-link",
+        "reflect": true
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "example",
-            "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}"
-          }],
-        "text": "Authority Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+      "issuerDnLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Issuer DN link.\n**NOTE**: HTML component attribute must be `issuer-dn-link`."
+        },
+        "attribute": "issuer-dn-link",
+        "reflect": true
       },
-      "attribute": "auth-key-id-siblings-link",
-      "reflect": true
-    },
-    "issuerDnLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Issuer DN link.\n**NOTE**: HTML component attribute must be `issuer-dn-link`."
-      },
-      "attribute": "issuer-dn-link",
-      "reflect": true
-    },
-    "view": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'mobile'",
-        "resolved": "\"mobile\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Choose view type instead @media."
-      },
-      "attribute": "view",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "isDecodeInProcess": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "certificate",
-      "methodName": "watchCertificateAndDecode"
-    }]; }
+      "mobileMediaQueryString": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " (max-width: 900px)"
+            }],
+          "text": "Mobile media query string to control screen view change.\n<br />\n**NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia."
+        },
+        "attribute": "mobile-media-query-string",
+        "reflect": false,
+        "defaultValue": "'(max-width: 900px)'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "mobileScreenView": {},
+      "isDecodeInProcess": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "certificate",
+        "methodName": "watchCertificateAndDecode"
+      }];
+  }
 }
+//# sourceMappingURL=crl-viewer.js.map

package/dist/collection/components/crl-viewer/crl-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crl-viewer.js","sourceRoot":"","sources":["../../../src/components/crl-viewer/crl-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Build,\n} from '@stencil/core';\n\nimport { CRL } from '../../crypto';\nimport { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  IssuerName,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n  RevokedCertificates,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type CrlProp = string | CRL;\n\n@Component({\n  tag: 'peculiar-crl-viewer',\n  styleUrl: '../certificate-viewer/certificate-viewer.scss',\n  shadow: true,\n})\nexport class CrlViewer {\n  private certificateDecoded: CRL;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: CrlProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop() download?: boolean;\n\n  /**\n   * Authority Key Identifier extension parent link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdParentLink?: string;\n\n  /**\n   * Authority Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdSiblingsLink?: string;\n\n  /**\n   * Issuer DN link.\n   * **NOTE**: HTML component attribute must be `issuer-dn-link`.\n   */\n  @Prop({ reflect: true }) issuerDnLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView: boolean = false;\n\n  @State() isDecodeInProcess: boolean = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: CrlProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof CRL) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new CRL(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseExtensions();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  private getAuthKeyIdParentLink = (value: string) => this.authKeyIdParentLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getAuthKeyIdSiblingsLink = (value: string) => this.authKeyIdSiblingsLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getIssuerDnLink() {\n    return this.issuerDnLink;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(\n    newValue: CrlProp,\n    oldValue: CrlProp,\n  ) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (\n      newValue instanceof CRL\n      && oldValue instanceof CRL\n    ) {\n      if (newValue.commonName !== oldValue.commonName) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate revocation list.\n        </Typography>\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate revocation list available.\n        </Typography>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <IssuerName\n            name={this.certificateDecoded.issuer}\n            issuerDnLink={this.getIssuerDnLink()}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Extensions\n            extensions={this.certificateDecoded.extensions}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n          />\n\n          <RevokedCertificates\n            revokedCertificates={this.certificateDecoded.revokedCertificates}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"]}