@peculiar/certificates-viewer 1.16.1 → 1.17.2

package/dist/cjs/{download-5b56f3a9.js → download-78e61b1d.js}

@@ -6836,7 +6836,7 @@ var build = l10n.createCommonjsModule(function (module, exports) {
 
 (function (global, factory) {
    factory(exports) ;
-}(l10n.commonjsGlobal, (function (exports) {
+})(l10n.commonjsGlobal, (function (exports) {
   class BufferSourceConverter {
       static isArrayBuffer(data) {
           return Object.prototype.toString.call(data) === '[object ArrayBuffer]';
@@ -6871,6 +6871,19 @@ var build = l10n.createCommonjsModule(function (module, exports) {
           return ArrayBuffer.isView(data)
               || (data && this.isArrayBuffer(data.buffer));
       }
+      static isEqual(a, b) {
+          const aView = BufferSourceConverter.toUint8Array(a);
+          const bView = BufferSourceConverter.toUint8Array(b);
+          if (aView.length !== bView.byteLength) {
+              return false;
+          }
+          for (let i = 0; i < aView.length; i++) {
+              if (aView[i] !== bView[i]) {
+                  return false;
+              }
+          }
+          return true;
+      }
   }
 
   class Utf8Converter {
@@ -7153,7 +7166,7 @@ var build = l10n.createCommonjsModule(function (module, exports) {
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 });
 
 const index = l10n.unwrapExports(build);
@@ -9178,6 +9191,24 @@ exports.CertificatePolicies = CertificatePolicies_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: PolicyInformation })
 ], exports.CertificatePolicies);
 
+let CRLNumber = class CRLNumber {
+    constructor(value = 0) {
+        this.value = value;
+    }
+};
+__decorate([
+    AsnProp({ type: AsnPropTypes.Integer })
+], CRLNumber.prototype, "value", void 0);
+CRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], CRLNumber);
+
+let BaseCRLNumber = class BaseCRLNumber extends CRLNumber {
+};
+BaseCRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], BaseCRLNumber);
+
 var CRLDistributionPoints_1;
 const id_ce_cRLDistributionPoints = `${id_ce}.31`;
 var ReasonFlags;
@@ -9267,6 +9298,50 @@ exports.CRLDistributionPoints = CRLDistributionPoints_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
 ], exports.CRLDistributionPoints);
 
+var FreshestCRL_1;
+let FreshestCRL = FreshestCRL_1 = class FreshestCRL extends exports.CRLDistributionPoints {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, FreshestCRL_1.prototype);
+    }
+};
+FreshestCRL = FreshestCRL_1 = __decorate([
+    AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
+], FreshestCRL);
+
+class IssuingDistributionPoint {
+    constructor(params = {}) {
+        this.onlyContainsUserCerts = IssuingDistributionPoint.ONLY;
+        this.onlyContainsCACerts = IssuingDistributionPoint.ONLY;
+        this.indirectCRL = IssuingDistributionPoint.ONLY;
+        this.onlyContainsAttributeCerts = IssuingDistributionPoint.ONLY;
+        Object.assign(this, params);
+    }
+    ;
+    ;
+    ;
+    ;
+}
+IssuingDistributionPoint.ONLY = false;
+__decorate([
+    AsnProp({ type: DistributionPointName, context: 0, optional: true })
+], IssuingDistributionPoint.prototype, "distributionPoint", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 1, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsUserCerts", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 2, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsCACerts", void 0);
+__decorate([
+    AsnProp({ type: Reason, context: 3, optional: true })
+], IssuingDistributionPoint.prototype, "onlySomeReasons", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 4, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "indirectCRL", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 5, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsAttributeCerts", void 0);
+
 const id_ce_cRLReasons = `${id_ce}.21`;
 var CRLReasons;
 (function (CRLReasons) {
@@ -13825,6 +13900,7 @@ class X509Certificate extends AsnData {
     constructor(raw) {
         super(certificateRawToBuffer(raw), Certificate);
         this.thumbprints = {};
+        this.type = 'X.509 Certificate';
         const { tbsCertificate } = this.asn;
         this.serialNumber = index.Convert.ToHex(tbsCertificate.serialNumber);
         this.subject = new Name(tbsCertificate.subject).toJSON();

package/dist/cjs/peculiar-attribute-certificate-viewer_9.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2973f90a.js');
-const download = require('./download-5b56f3a9.js');
+const download = require('./download-78e61b1d.js');
 const l10n = require('./l10n-91045362.js');
 
 /**
@@ -110,6 +110,7 @@ class X509AttributeCertificate extends download.AsnData {
         var _a;
         super(download.certificateRawToBuffer(raw), download.AttributeCertificate);
         this.thumbprints = {};
+        this.type = 'X.509 Attribute Certificate';
         const { acinfo } = this.asn;
         this.serialNumber = download.index.Convert.ToHex(acinfo.serialNumber);
         this.version = acinfo.version;
@@ -182,6 +183,7 @@ class CSR extends download.AsnData {
     constructor(raw) {
         super(download.certificateRawToBuffer(raw), download.CertificationRequest);
         this.thumbprints = {};
+        this.type = 'PKCS#10 Certificate Request';
         const { certificationRequestInfo } = this.asn;
         this.subject = new download.Name(certificationRequestInfo.subject).toJSON();
         this.version = certificationRequestInfo.version;
@@ -1379,14 +1381,15 @@ const Extensions = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const BasicInformation = (props) => {
-    const { serialNumber, version, validity, notBefore, notAfter, } = props;
+    const { serialNumber, version, validity, notBefore, notAfter, type, } = props;
     return [
         index.h(RowTitle, { value: l10n.l10n.getString('basicInformation') }),
+        index.h(RowValue, { name: l10n.l10n.getString('type'), value: type }),
         index.h(RowValue, { name: l10n.l10n.getString('serialNumber'), value: serialNumber, monospace: true }),
         index.h(RowValue, { name: l10n.l10n.getString('version'), value: version }),
         index.h(RowValue, { name: l10n.l10n.getString('validity'), value: validity }),
-        index.h(RowValue, { name: l10n.l10n.getString('issued'), value: l10n.dateShort(notBefore) }),
-        index.h(RowValue, { name: l10n.l10n.getString('expired'), value: l10n.dateShort(notAfter) }),
+        index.h(RowValue, { name: l10n.l10n.getString('issued'), value: notBefore ? l10n.dateShort(notBefore) : undefined }),
+        index.h(RowValue, { name: l10n.l10n.getString('expired'), value: notAfter ? l10n.dateShort(notAfter) : undefined }),
     ];
 };
 
@@ -1571,7 +1574,7 @@ const AttributeCertificateViewer = class {
 };
 AttributeCertificateViewer.style = certificateViewerCss;
 
-const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
+const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
 
 const Button = class {
     constructor(hostRef) {
@@ -2014,7 +2017,7 @@ const CsrViewer = class {
             return this.renderEmptyState();
         }
         const extensionRequestAttribute = this.getExtensionRequestAttribute();
-        return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(SubjectName, { name: this.certificateDecoded.subject }), index.h(PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(Signature, { signature: this.certificateDecoded.signature }), index.h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(Miscellaneous, { certificate: this.certificateDecoded })))));
+        return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(SubjectName, { name: this.certificateDecoded.subject }), index.h(PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(Signature, { signature: this.certificateDecoded.signature }), index.h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(Miscellaneous, { certificate: this.certificateDecoded })))));
     }
     static get watchers() { return {
         "certificate": ["watchCertificateAndDecode"]

package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2973f90a.js');
-const download = require('./download-5b56f3a9.js');
+const download = require('./download-78e61b1d.js');
 const l10n = require('./l10n-91045362.js');
 
 const certificatesViewerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;min-width:280px;overflow:auto;position:relative;background:white;background:rgba(var(--pv-color-light-rgb), 1)}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table thead{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07)}table tr td{vertical-align:middle}table tbody tr:not(.expanded_summary){cursor:pointer}table tr{border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table th{padding:15px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table td{padding:8px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table .col_issuer,table .col_name,table .col_public_key{width:16%}table .col_actions,table .col_tests{width:18%}table.m_extra .col_issuer,table.m_extra .col_name,table.m_extra .col_public_key{width:12%}table.m_extra .col_actions,table.m_extra .col_tests{width:17%}table tr.expanded td:not(:last-child){border-right-color:transparent}table tr.expanded td{border-bottom-color:transparent}.expanded{border-bottom-color:transparent;background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary td{vertical-align:top;padding:10px 20px 26px}@-webkit-keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}.modal_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:auto;text-align:center;-webkit-animation:fadeIn 200ms;animation:fadeIn 200ms;padding:30px 10px}.modal_wrapper:before{display:inline-block;vertical-align:middle;width:0;height:100%;content:\"\"}.modal_backdrop{background:rgba(42, 49, 52, 0.5);background:rgba(var(--pv-color-dark-rgb), 0.5);z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0}.modal_container{position:relative;display:inline-block;vertical-align:middle;width:100%;max-width:900px;text-align:left;border-radius:3px;overflow:hidden;background-color:white;background-color:rgba(var(--pv-color-light-rgb), 1);height:100%}.modal_title{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);border-bottom-width:1px;border-bottom-style:solid;padding:20px 60px 16px 20px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px}.modal_content{height:calc(100% - 60px);overflow-y:auto}.modal_close{cursor:pointer;border:none;background-color:transparent;position:absolute;top:0;bottom:0;right:0;padding:0 12px;-webkit-transition:opacity 100ms;transition:opacity 100ms;outline:none}.modal_close:hover{opacity:0.6}.modal_close svg{fill:#2a3134;fill:rgba(var(--pv-color-dark-rgb), 1)}.button_table_action{margin:2px}.mobile_title{display:none}.status_wrapper{height:85px;text-align:center;pointer-events:none}.search_section{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);height:50px;padding:10px;border-width:1px 1px 0 1px;border-style:solid}.input_search{height:100%;width:100%;border-radius:3px;border-width:1px;border-style:solid;padding:0 14px;font-size:12px;outline:none;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);color:#2a3134;color:rgba(var(--pv-color-dark-rgb), 1)}.input_search::-moz-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search:-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-webkit-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.loading_container{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42, 49, 52, 0.3);background:rgba(var(--pv-color-dark-rgb), 0.3);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.align_center{text-align:center}@media (hover: hover){table tbody tr:not(.expanded_summary):hover{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}}@media (max-width: 900px){table,tbody,tr,td{display:block}thead{display:none}tr{padding:0 15px;border-width:1px;border-style:solid}tr:not(:first-child){margin-top:-1px}tr:not(.expanded_summary) td:first-child{border:none !important}table td{padding-left:0;padding-right:0;border-width:1px 0 0 0 !important;border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr.expanded_summary td{padding:15px 0}.mobile_title{display:inline-block;width:90px;vertical-align:middle}.modal_title{padding:17px 60px 17px 15px}.content{display:inline-block;width:calc(100% - 90px);vertical-align:middle;text-align:left}.expanded_summary{border-top-color:transparent;padding-bottom:10px}.expanded_summary td:before{content:none}.status_wrapper{height:266px;display:table-cell}.search_section{height:60px;padding:15px}.align_center{text-align:inherit}}";
@@ -113,7 +113,7 @@ const CertificatesViewer = class {
             ? undefined
             : index;
     }
-    renderExpandedRow(certificate) {
+    getMaxColSpanValue() {
         let colSpan = 4;
         if (this.isHasTests) {
             colSpan += 1;
@@ -121,6 +121,10 @@ const CertificatesViewer = class {
         if (!this.isHasRoots) {
             colSpan += 1;
         }
+        return colSpan;
+    }
+    renderExpandedRow(certificate) {
+        const colSpan = this.getMaxColSpanValue();
         return (index.h("tr", { class: "expanded_summary" }, index.h("td", { colSpan: colSpan }, index.h("peculiar-certificate-summary", { certificate: certificate, showIssuer: !certificate.isRoot }))));
     }
     // eslint-disable-next-line class-methods-use-this
@@ -189,12 +193,13 @@ const CertificatesViewer = class {
         }
         return (index.h("div", { class: "search_section" }, index.h("input", { onInput: this.handleSearch, type: "search", value: "", class: "input_search", disabled: !this.certificatesDecoded.length, placeholder: "Search" })));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
-        return (index.h("tr", null, index.h("td", { class: "status_wrapper", colSpan: 5 }, index.h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
+        const colSpan = this.getMaxColSpanValue();
+        return (index.h("tr", null, index.h("td", { class: "status_wrapper", colSpan: colSpan }, index.h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
     }
     renderEmptySearchState() {
-        return (index.h("tr", null, index.h("td", { class: "status_wrapper", colSpan: 5 }, index.h("peculiar-typography", { type: "b1", align: "center" }, "No results found for \u201C", this.search, "\u201C"))));
+        const colSpan = this.getMaxColSpanValue();
+        return (index.h("tr", null, index.h("td", { class: "status_wrapper", colSpan: colSpan }, index.h("peculiar-typography", { type: "b1", align: "center" }, "No results found for \u201C", this.search, "\u201C"))));
     }
     // eslint-disable-next-line class-methods-use-this
     renderLoadingState() {

package/dist/collection/components/button/button.css

@@ -32,7 +32,7 @@
   letter-spacing: 0.03em;
   letter-spacing: var(--pv-letter-spacing-normal);
   display: inline-flex;
-  align-items: stretch;
+  align-items: center;
   justify-content: center;
   width: 100%;
   border-style: solid;

package/dist/collection/components/certificate-viewer/basic_information.js

@@ -9,13 +9,14 @@ import { h } from '@stencil/core';
 import { dateShort, l10n } from '../../utils';
 import { RowTitle, RowValue } from './row';
 export const BasicInformation = (props) => {
-    const { serialNumber, version, validity, notBefore, notAfter, } = props;
+    const { serialNumber, version, validity, notBefore, notAfter, type, } = props;
     return [
         h(RowTitle, { value: l10n.getString('basicInformation') }),
+        h(RowValue, { name: l10n.getString('type'), value: type }),
         h(RowValue, { name: l10n.getString('serialNumber'), value: serialNumber, monospace: true }),
         h(RowValue, { name: l10n.getString('version'), value: version }),
         h(RowValue, { name: l10n.getString('validity'), value: validity }),
-        h(RowValue, { name: l10n.getString('issued'), value: dateShort(notBefore) }),
-        h(RowValue, { name: l10n.getString('expired'), value: dateShort(notAfter) }),
+        h(RowValue, { name: l10n.getString('issued'), value: notBefore ? dateShort(notBefore) : undefined }),
+        h(RowValue, { name: l10n.getString('expired'), value: notAfter ? dateShort(notAfter) : undefined }),
     ];
 };

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

@@ -112,7 +112,7 @@ export class CertificatesViewer {
             ? undefined
             : index;
     }
-    renderExpandedRow(certificate) {
+    getMaxColSpanValue() {
         let colSpan = 4;
         if (this.isHasTests) {
             colSpan += 1;
@@ -120,6 +120,10 @@ export class CertificatesViewer {
         if (!this.isHasRoots) {
             colSpan += 1;
         }
+        return colSpan;
+    }
+    renderExpandedRow(certificate) {
+        const colSpan = this.getMaxColSpanValue();
         return (h("tr", { class: "expanded_summary" },
             h("td", { colSpan: colSpan },
                 h("peculiar-certificate-summary", { certificate: certificate, showIssuer: !certificate.isRoot }))));
@@ -236,15 +240,16 @@ export class CertificatesViewer {
         return (h("div", { class: "search_section" },
             h("input", { onInput: this.handleSearch, type: "search", value: "", class: "input_search", disabled: !this.certificatesDecoded.length, placeholder: "Search" })));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
+        const colSpan = this.getMaxColSpanValue();
         return (h("tr", null,
-            h("td", { class: "status_wrapper", colSpan: 5 },
+            h("td", { class: "status_wrapper", colSpan: colSpan },
                 h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
     }
     renderEmptySearchState() {
+        const colSpan = this.getMaxColSpanValue();
         return (h("tr", null,
-            h("td", { class: "status_wrapper", colSpan: 5 },
+            h("td", { class: "status_wrapper", colSpan: colSpan },
                 h("peculiar-typography", { type: "b1", align: "center" },
                     "No results found for \u201C",
                     this.search,

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

@@ -14,6 +14,7 @@ import { Thumbprints } from '../certificate-viewer/thumbprints';
 import { Attributes } from '../certificate-viewer/attributes';
 import { Extensions } from '../certificate-viewer/extensions';
 import { Miscellaneous } from '../certificate-viewer/miscellaneous';
+import { BasicInformation } from '../certificate-viewer/basic_information';
 export class CsrViewer {
     constructor() {
         this.isDecodeInProcess = true;
@@ -103,6 +104,7 @@ export class CsrViewer {
         const extensionRequestAttribute = this.getExtensionRequestAttribute();
         return (h(Host, { "data-view": this.view },
             h("table", null,
+                h(BasicInformation, Object.assign({}, this.certificateDecoded)),
                 h(SubjectName, { name: this.certificateDecoded.subject }),
                 h(PublicKey, { publicKey: this.certificateDecoded.publicKey }),
                 h(Signature, { signature: this.certificateDecoded.signature }),

package/dist/collection/crypto/csr.js

@@ -18,6 +18,7 @@ export class CSR extends AsnData {
     constructor(raw) {
         super(certificateRawToBuffer(raw), CertificationRequest);
         this.thumbprints = {};
+        this.type = 'PKCS#10 Certificate Request';
         const { certificationRequestInfo } = this.asn;
         this.subject = new Name(certificationRequestInfo.subject).toJSON();
         this.version = certificationRequestInfo.version;

package/dist/collection/crypto/x509_attribute_certificate.js

@@ -18,6 +18,7 @@ export class X509AttributeCertificate extends AsnData {
         var _a;
         super(certificateRawToBuffer(raw), AttributeCertificate);
         this.thumbprints = {};
+        this.type = 'X.509 Attribute Certificate';
         const { acinfo } = this.asn;
         this.serialNumber = Convert.ToHex(acinfo.serialNumber);
         this.version = acinfo.version;

package/dist/collection/crypto/x509_certificate.js

@@ -19,6 +19,7 @@ export class X509Certificate extends AsnData {
     constructor(raw) {
         super(certificateRawToBuffer(raw), Certificate);
         this.thumbprints = {};
+        this.type = 'X.509 Certificate';
         const { tbsCertificate } = this.asn;
         this.serialNumber = Convert.ToHex(tbsCertificate.serialNumber);
         this.subject = new Name(tbsCertificate.subject).toJSON();

package/dist/esm/{download-93437bcb.js → download-c6153e99.js}

@@ -6834,7 +6834,7 @@ var build = createCommonjsModule(function (module, exports) {
 
 (function (global, factory) {
    factory(exports) ;
-}(commonjsGlobal, (function (exports) {
+})(commonjsGlobal, (function (exports) {
   class BufferSourceConverter {
       static isArrayBuffer(data) {
           return Object.prototype.toString.call(data) === '[object ArrayBuffer]';
@@ -6869,6 +6869,19 @@ var build = createCommonjsModule(function (module, exports) {
           return ArrayBuffer.isView(data)
               || (data && this.isArrayBuffer(data.buffer));
       }
+      static isEqual(a, b) {
+          const aView = BufferSourceConverter.toUint8Array(a);
+          const bView = BufferSourceConverter.toUint8Array(b);
+          if (aView.length !== bView.byteLength) {
+              return false;
+          }
+          for (let i = 0; i < aView.length; i++) {
+              if (aView[i] !== bView[i]) {
+                  return false;
+              }
+          }
+          return true;
+      }
   }
 
   class Utf8Converter {
@@ -7151,7 +7164,7 @@ var build = createCommonjsModule(function (module, exports) {
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 });
 
 const index = unwrapExports(build);
@@ -9176,6 +9189,24 @@ CertificatePolicies = CertificatePolicies_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: PolicyInformation })
 ], CertificatePolicies);
 
+let CRLNumber = class CRLNumber {
+    constructor(value = 0) {
+        this.value = value;
+    }
+};
+__decorate([
+    AsnProp({ type: AsnPropTypes.Integer })
+], CRLNumber.prototype, "value", void 0);
+CRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], CRLNumber);
+
+let BaseCRLNumber = class BaseCRLNumber extends CRLNumber {
+};
+BaseCRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], BaseCRLNumber);
+
 var CRLDistributionPoints_1;
 const id_ce_cRLDistributionPoints = `${id_ce}.31`;
 var ReasonFlags;
@@ -9265,6 +9296,50 @@ CRLDistributionPoints = CRLDistributionPoints_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
 ], CRLDistributionPoints);
 
+var FreshestCRL_1;
+let FreshestCRL = FreshestCRL_1 = class FreshestCRL extends CRLDistributionPoints {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, FreshestCRL_1.prototype);
+    }
+};
+FreshestCRL = FreshestCRL_1 = __decorate([
+    AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
+], FreshestCRL);
+
+class IssuingDistributionPoint {
+    constructor(params = {}) {
+        this.onlyContainsUserCerts = IssuingDistributionPoint.ONLY;
+        this.onlyContainsCACerts = IssuingDistributionPoint.ONLY;
+        this.indirectCRL = IssuingDistributionPoint.ONLY;
+        this.onlyContainsAttributeCerts = IssuingDistributionPoint.ONLY;
+        Object.assign(this, params);
+    }
+    ;
+    ;
+    ;
+    ;
+}
+IssuingDistributionPoint.ONLY = false;
+__decorate([
+    AsnProp({ type: DistributionPointName, context: 0, optional: true })
+], IssuingDistributionPoint.prototype, "distributionPoint", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 1, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsUserCerts", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 2, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsCACerts", void 0);
+__decorate([
+    AsnProp({ type: Reason, context: 3, optional: true })
+], IssuingDistributionPoint.prototype, "onlySomeReasons", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 4, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "indirectCRL", void 0);
+__decorate([
+    AsnProp({ type: AsnPropTypes.Boolean, context: 5, defaultValue: IssuingDistributionPoint.ONLY })
+], IssuingDistributionPoint.prototype, "onlyContainsAttributeCerts", void 0);
+
 const id_ce_cRLReasons = `${id_ce}.21`;
 var CRLReasons;
 (function (CRLReasons) {
@@ -13823,6 +13898,7 @@ class X509Certificate extends AsnData {
     constructor(raw) {
         super(certificateRawToBuffer(raw), Certificate);
         this.thumbprints = {};
+        this.type = 'X.509 Certificate';
         const { tbsCertificate } = this.asn;
         this.serialNumber = index.Convert.ToHex(tbsCertificate.serialNumber);
         this.subject = new Name$1(tbsCertificate.subject).toJSON();

package/dist/esm/peculiar-attribute-certificate-viewer_9.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, H as Host, c as createEvent } from './index-5ef692cc.js';
-import { A as AsnData, a as Attribute$1, i as index, b as id_pkcs9_at_extensionRequest, c as AsnParser, E as ExtensionRequest, d as Extension, e as AsnConvert, f as id_pkcs9_at_unstructuredName, U as UnstructuredName, g as id_pkcs9_at_challengePassword, C as ChallengePassword, h as id_ValuationRanking, V as ValuationRanking, j as id_InsuranceValue, I as InsuranceValue, k as id_WebGDPR, W as WebGDPR, l as id_ActivityDescription, m as ActivityDescription, n as id_TypeRelationship, T as TypeRelationship, o as id_DomainNameTechnicalOperator, D as DomainNameTechnicalOperator, p as id_DomainNameOwner, q as DomainNameOwner, r as id_DomainNameLegalRepresentative, s as DomainNameLegalRepresentative, t as id_DomainNameBeneficiary, u as DomainNameBeneficiary, v as certificateRawToBuffer, w as AttributeCertificate, x as getCertificateThumbprint, y as hexFormat, z as base64Format, B as CertificationRequest, N as Name, F as id_ecPublicKey, G as ECParameters, H as id_rsaEncryption, R as RSAPublicKey, O as OIDs, J as Name$1, K as OtherName, L as DisplayText, M as EDIPartyName, P as UserNotice, Q as KeyUsage, S as BasicConstraints, X as ExtendedKeyUsage, Y as SubjectKeyIdentifier, Z as AuthorityKeyIdentifier, _ as CRLDistributionPoints, $ as AuthorityInfoAccessSyntax, a0 as SubjectAlternativeName, a1 as CertificatePolicies, a2 as CertificateTransparency, a3 as NameConstraints, a4 as CertificateTemplate, a5 as EnrollCertTypeChoice, a6 as CaVersion, a7 as QCStatements, a8 as NetscapeComment, a9 as NetscapeCertType, aa as LeiRole, ab as LeiChoice, ac as Timestamp, ad as ArchiveRevInfo, ae as CRLReason, af as SubjectDirectoryAttributes, ag as PrivateKeyUsagePeriod, ah as EntrustVersionInfo, ai as BiometricSyntax, aj as LogotypeExtn, ak as TNAuthorizationList, al as Download, am as isPem, an as isX509Pem, ao as isPkcs10Pem, ap as isX509AttributePem, aq as X509Certificate } from './download-93437bcb.js';
+import { A as AsnData, a as Attribute$1, i as index, b as id_pkcs9_at_extensionRequest, c as AsnParser, E as ExtensionRequest, d as Extension, e as AsnConvert, f as id_pkcs9_at_unstructuredName, U as UnstructuredName, g as id_pkcs9_at_challengePassword, C as ChallengePassword, h as id_ValuationRanking, V as ValuationRanking, j as id_InsuranceValue, I as InsuranceValue, k as id_WebGDPR, W as WebGDPR, l as id_ActivityDescription, m as ActivityDescription, n as id_TypeRelationship, T as TypeRelationship, o as id_DomainNameTechnicalOperator, D as DomainNameTechnicalOperator, p as id_DomainNameOwner, q as DomainNameOwner, r as id_DomainNameLegalRepresentative, s as DomainNameLegalRepresentative, t as id_DomainNameBeneficiary, u as DomainNameBeneficiary, v as certificateRawToBuffer, w as AttributeCertificate, x as getCertificateThumbprint, y as hexFormat, z as base64Format, B as CertificationRequest, N as Name, F as id_ecPublicKey, G as ECParameters, H as id_rsaEncryption, R as RSAPublicKey, O as OIDs, J as Name$1, K as OtherName, L as DisplayText, M as EDIPartyName, P as UserNotice, Q as KeyUsage, S as BasicConstraints, X as ExtendedKeyUsage, Y as SubjectKeyIdentifier, Z as AuthorityKeyIdentifier, _ as CRLDistributionPoints, $ as AuthorityInfoAccessSyntax, a0 as SubjectAlternativeName, a1 as CertificatePolicies, a2 as CertificateTransparency, a3 as NameConstraints, a4 as CertificateTemplate, a5 as EnrollCertTypeChoice, a6 as CaVersion, a7 as QCStatements, a8 as NetscapeComment, a9 as NetscapeCertType, aa as LeiRole, ab as LeiChoice, ac as Timestamp, ad as ArchiveRevInfo, ae as CRLReason, af as SubjectDirectoryAttributes, ag as PrivateKeyUsagePeriod, ah as EntrustVersionInfo, ai as BiometricSyntax, aj as LogotypeExtn, ak as TNAuthorizationList, al as Download, am as isPem, an as isX509Pem, ao as isPkcs10Pem, ap as isX509AttributePem, aq as X509Certificate } from './download-c6153e99.js';
 import { d as dateDiff, l as l10n, a as dateShort, h as history } from './l10n-25aa4c54.js';
 
 /**
@@ -106,6 +106,7 @@ class X509AttributeCertificate extends AsnData {
         var _a;
         super(certificateRawToBuffer(raw), AttributeCertificate);
         this.thumbprints = {};
+        this.type = 'X.509 Attribute Certificate';
         const { acinfo } = this.asn;
         this.serialNumber = index.Convert.ToHex(acinfo.serialNumber);
         this.version = acinfo.version;
@@ -178,6 +179,7 @@ class CSR extends AsnData {
     constructor(raw) {
         super(certificateRawToBuffer(raw), CertificationRequest);
         this.thumbprints = {};
+        this.type = 'PKCS#10 Certificate Request';
         const { certificationRequestInfo } = this.asn;
         this.subject = new Name(certificationRequestInfo.subject).toJSON();
         this.version = certificationRequestInfo.version;
@@ -1375,14 +1377,15 @@ const Extensions = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const BasicInformation = (props) => {
-    const { serialNumber, version, validity, notBefore, notAfter, } = props;
+    const { serialNumber, version, validity, notBefore, notAfter, type, } = props;
     return [
         h(RowTitle, { value: l10n.getString('basicInformation') }),
+        h(RowValue, { name: l10n.getString('type'), value: type }),
         h(RowValue, { name: l10n.getString('serialNumber'), value: serialNumber, monospace: true }),
         h(RowValue, { name: l10n.getString('version'), value: version }),
         h(RowValue, { name: l10n.getString('validity'), value: validity }),
-        h(RowValue, { name: l10n.getString('issued'), value: dateShort(notBefore) }),
-        h(RowValue, { name: l10n.getString('expired'), value: dateShort(notAfter) }),
+        h(RowValue, { name: l10n.getString('issued'), value: notBefore ? dateShort(notBefore) : undefined }),
+        h(RowValue, { name: l10n.getString('expired'), value: notAfter ? dateShort(notAfter) : undefined }),
     ];
 };
 
@@ -1567,7 +1570,7 @@ const AttributeCertificateViewer = class {
 };
 AttributeCertificateViewer.style = certificateViewerCss;
 
-const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
+const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
 
 const Button = class {
     constructor(hostRef) {
@@ -2010,7 +2013,7 @@ const CsrViewer = class {
             return this.renderEmptyState();
         }
         const extensionRequestAttribute = this.getExtensionRequestAttribute();
-        return (h(Host, { "data-view": this.view }, h("table", null, h(SubjectName, { name: this.certificateDecoded.subject }), h(PublicKey, { publicKey: this.certificateDecoded.publicKey }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+        return (h(Host, { "data-view": this.view }, h("table", null, h(BasicInformation, Object.assign({}, this.certificateDecoded)), h(SubjectName, { name: this.certificateDecoded.subject }), h(PublicKey, { publicKey: this.certificateDecoded.publicKey }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: this.getLEILink, getDNSNameLink: this.getDNSNameLink, getIPAddressLink: this.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
     }
     static get watchers() { return {
         "certificate": ["watchCertificateAndDecode"]

package/dist/esm/peculiar-certificates-viewer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-5ef692cc.js';
-import { aq as X509Certificate, al as Download, O as OIDs } from './download-93437bcb.js';
+import { aq as X509Certificate, al as Download, O as OIDs } from './download-c6153e99.js';
 import { l as l10n } from './l10n-25aa4c54.js';
 
 const certificatesViewerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;min-width:280px;overflow:auto;position:relative;background:white;background:rgba(var(--pv-color-light-rgb), 1)}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table thead{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07)}table tr td{vertical-align:middle}table tbody tr:not(.expanded_summary){cursor:pointer}table tr{border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table th{padding:15px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table td{padding:8px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table .col_issuer,table .col_name,table .col_public_key{width:16%}table .col_actions,table .col_tests{width:18%}table.m_extra .col_issuer,table.m_extra .col_name,table.m_extra .col_public_key{width:12%}table.m_extra .col_actions,table.m_extra .col_tests{width:17%}table tr.expanded td:not(:last-child){border-right-color:transparent}table tr.expanded td{border-bottom-color:transparent}.expanded{border-bottom-color:transparent;background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary td{vertical-align:top;padding:10px 20px 26px}@-webkit-keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}.modal_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:auto;text-align:center;-webkit-animation:fadeIn 200ms;animation:fadeIn 200ms;padding:30px 10px}.modal_wrapper:before{display:inline-block;vertical-align:middle;width:0;height:100%;content:\"\"}.modal_backdrop{background:rgba(42, 49, 52, 0.5);background:rgba(var(--pv-color-dark-rgb), 0.5);z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0}.modal_container{position:relative;display:inline-block;vertical-align:middle;width:100%;max-width:900px;text-align:left;border-radius:3px;overflow:hidden;background-color:white;background-color:rgba(var(--pv-color-light-rgb), 1);height:100%}.modal_title{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);border-bottom-width:1px;border-bottom-style:solid;padding:20px 60px 16px 20px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px}.modal_content{height:calc(100% - 60px);overflow-y:auto}.modal_close{cursor:pointer;border:none;background-color:transparent;position:absolute;top:0;bottom:0;right:0;padding:0 12px;-webkit-transition:opacity 100ms;transition:opacity 100ms;outline:none}.modal_close:hover{opacity:0.6}.modal_close svg{fill:#2a3134;fill:rgba(var(--pv-color-dark-rgb), 1)}.button_table_action{margin:2px}.mobile_title{display:none}.status_wrapper{height:85px;text-align:center;pointer-events:none}.search_section{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);height:50px;padding:10px;border-width:1px 1px 0 1px;border-style:solid}.input_search{height:100%;width:100%;border-radius:3px;border-width:1px;border-style:solid;padding:0 14px;font-size:12px;outline:none;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);color:#2a3134;color:rgba(var(--pv-color-dark-rgb), 1)}.input_search::-moz-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search:-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-webkit-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.loading_container{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42, 49, 52, 0.3);background:rgba(var(--pv-color-dark-rgb), 0.3);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.align_center{text-align:center}@media (hover: hover){table tbody tr:not(.expanded_summary):hover{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}}@media (max-width: 900px){table,tbody,tr,td{display:block}thead{display:none}tr{padding:0 15px;border-width:1px;border-style:solid}tr:not(:first-child){margin-top:-1px}tr:not(.expanded_summary) td:first-child{border:none !important}table td{padding-left:0;padding-right:0;border-width:1px 0 0 0 !important;border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr.expanded_summary td{padding:15px 0}.mobile_title{display:inline-block;width:90px;vertical-align:middle}.modal_title{padding:17px 60px 17px 15px}.content{display:inline-block;width:calc(100% - 90px);vertical-align:middle;text-align:left}.expanded_summary{border-top-color:transparent;padding-bottom:10px}.expanded_summary td:before{content:none}.status_wrapper{height:266px;display:table-cell}.search_section{height:60px;padding:15px}.align_center{text-align:inherit}}";
@@ -109,7 +109,7 @@ const CertificatesViewer = class {
             ? undefined
             : index;
     }
-    renderExpandedRow(certificate) {
+    getMaxColSpanValue() {
         let colSpan = 4;
         if (this.isHasTests) {
             colSpan += 1;
@@ -117,6 +117,10 @@ const CertificatesViewer = class {
         if (!this.isHasRoots) {
             colSpan += 1;
         }
+        return colSpan;
+    }
+    renderExpandedRow(certificate) {
+        const colSpan = this.getMaxColSpanValue();
         return (h("tr", { class: "expanded_summary" }, h("td", { colSpan: colSpan }, h("peculiar-certificate-summary", { certificate: certificate, showIssuer: !certificate.isRoot }))));
     }
     // eslint-disable-next-line class-methods-use-this
@@ -185,12 +189,13 @@ const CertificatesViewer = class {
         }
         return (h("div", { class: "search_section" }, h("input", { onInput: this.handleSearch, type: "search", value: "", class: "input_search", disabled: !this.certificatesDecoded.length, placeholder: "Search" })));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
-        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: 5 }, h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
+        const colSpan = this.getMaxColSpanValue();
+        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: colSpan }, h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
     }
     renderEmptySearchState() {
-        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: 5 }, h("peculiar-typography", { type: "b1", align: "center" }, "No results found for \u201C", this.search, "\u201C"))));
+        const colSpan = this.getMaxColSpanValue();
+        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: colSpan }, h("peculiar-typography", { type: "b1", align: "center" }, "No results found for \u201C", this.search, "\u201C"))));
     }
     // eslint-disable-next-line class-methods-use-this
     renderLoadingState() {