@peculiar/certificates-viewer 1.16.1 → 1.17.2

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

@@ -5833,7 +5833,7 @@ var build = createCommonjsModule(function (module, exports) {
      */
     (function (global, factory) {
         factory(exports);
-    }(commonjsGlobal, (function (exports) {
+    })(commonjsGlobal, (function (exports) {
         var BufferSourceConverter = /** @class */ (function () {
             function BufferSourceConverter() {
             }
@@ -5870,6 +5870,19 @@ var build = createCommonjsModule(function (module, exports) {
                 return ArrayBuffer.isView(data)
                     || (data && this.isArrayBuffer(data.buffer));
             };
+            BufferSourceConverter.isEqual = function (a, b) {
+                var aView = BufferSourceConverter.toUint8Array(a);
+                var bView = BufferSourceConverter.toUint8Array(b);
+                if (aView.length !== bView.byteLength) {
+                    return false;
+                }
+                for (var i = 0; i < aView.length; i++) {
+                    if (aView[i] !== bView[i]) {
+                        return false;
+                    }
+                }
+                return true;
+            };
             return BufferSourceConverter;
         }());
         var Utf8Converter = /** @class */ (function () {
@@ -6174,7 +6187,7 @@ var build = createCommonjsModule(function (module, exports) {
         exports.combine = combine;
         exports.isEqual = isEqual;
         Object.defineProperty(exports, '__esModule', { value: true });
-    })));
+    }));
 });
 var index = unwrapExports(build);
 var BitString$1 = /** @class */ (function () {
@@ -8137,6 +8150,29 @@ var CertificatePolicies = CertificatePolicies_1 = /** @class */ (function (_supe
 CertificatePolicies = CertificatePolicies_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: PolicyInformation })
 ], CertificatePolicies);
+var CRLNumber = /** @class */ (function () {
+    function CRLNumber(value) {
+        if (value === void 0) { value = 0; }
+        this.value = value;
+    }
+    return CRLNumber;
+}());
+__decorate([
+    AsnProp({ type: AsnPropTypes.Integer })
+], CRLNumber.prototype, "value", void 0);
+CRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], CRLNumber);
+var BaseCRLNumber = /** @class */ (function (_super) {
+    __extends(BaseCRLNumber, _super);
+    function BaseCRLNumber() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return BaseCRLNumber;
+}(CRLNumber));
+BaseCRLNumber = __decorate([
+    AsnType({ type: AsnTypeTypes.Choice })
+], BaseCRLNumber);
 var CRLDistributionPoints_1;
 var id_ce_cRLDistributionPoints = id_ce + ".31";
 var ReasonFlags;
@@ -8237,6 +8273,53 @@ var CRLDistributionPoints = CRLDistributionPoints_1 = /** @class */ (function (_
 CRLDistributionPoints = CRLDistributionPoints_1 = __decorate([
     AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
 ], CRLDistributionPoints);
+var FreshestCRL_1;
+var FreshestCRL = FreshestCRL_1 = /** @class */ (function (_super) {
+    __extends(FreshestCRL, _super);
+    function FreshestCRL(items) {
+        var _this = _super.call(this, items) || this;
+        Object.setPrototypeOf(_this, FreshestCRL_1.prototype);
+        return _this;
+    }
+    return FreshestCRL;
+}(CRLDistributionPoints));
+FreshestCRL = FreshestCRL_1 = __decorate([
+    AsnType({ type: AsnTypeTypes.Sequence, itemType: DistributionPoint })
+], FreshestCRL);
+var IssuingDistributionPoint = /** @class */ (function () {
+    function IssuingDistributionPoint(params) {
+        if (params === void 0) { params = {}; }
+        this.onlyContainsUserCerts = IssuingDistributionPoint.ONLY;
+        this.onlyContainsCACerts = IssuingDistributionPoint.ONLY;
+        this.indirectCRL = IssuingDistributionPoint.ONLY;
+        this.onlyContainsAttributeCerts = IssuingDistributionPoint.ONLY;
+        Object.assign(this, params);
+    }
+    ;
+    ;
+    ;
+    ;
+    return IssuingDistributionPoint;
+}());
+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);
 var id_ce_cRLReasons = id_ce + ".21";
 var CRLReasons;
 (function (CRLReasons) {
@@ -12969,6 +13052,7 @@ var X509Certificate = /** @class */ (function (_super) {
     function X509Certificate(raw) {
         var _this = _super.call(this, certificateRawToBuffer(raw), Certificate) || this;
         _this.thumbprints = {};
+        _this.type = 'X.509 Certificate';
         var tbsCertificate = _this.asn.tbsCertificate;
         _this.serialNumber = index.Convert.ToHex(tbsCertificate.serialNumber);
         _this.subject = new Name$1(tbsCertificate.subject).toJSON();

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

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 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';
 /**
  * @license
@@ -157,6 +157,7 @@ var X509AttributeCertificate = /** @class */ (function (_super) {
         var _a;
         _this = _super.call(this, certificateRawToBuffer(raw), AttributeCertificate) || this;
         _this.thumbprints = {};
+        _this.type = 'X.509 Attribute Certificate';
         var acinfo = _this.asn.acinfo;
         _this.serialNumber = index.Convert.ToHex(acinfo.serialNumber);
         _this.version = acinfo.version;
@@ -252,6 +253,7 @@ var CSR = /** @class */ (function (_super) {
     function CSR(raw) {
         var _this = _super.call(this, certificateRawToBuffer(raw), CertificationRequest) || this;
         _this.thumbprints = {};
+        _this.type = 'PKCS#10 Certificate Request';
         var certificationRequestInfo = _this.asn.certificationRequestInfo;
         _this.subject = new Name(certificationRequestInfo.subject).toJSON();
         _this.version = certificationRequestInfo.version;
@@ -1350,14 +1352,15 @@ var Extensions = function (props) {
  * LICENSE file in the root directory of this source tree.
  */
 var BasicInformation = function (props) {
-    var serialNumber = props.serialNumber, version = props.version, validity = props.validity, notBefore = props.notBefore, notAfter = props.notAfter;
+    var serialNumber = props.serialNumber, version = props.version, validity = props.validity, notBefore = props.notBefore, notAfter = props.notAfter, type = props.type;
     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 }),
     ];
 };
 /**
@@ -1551,7 +1554,7 @@ var AttributeCertificateViewer = /** @class */ (function () {
     return class_1;
 }());
 AttributeCertificateViewer.style = certificateViewerCss;
-var 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}";
+var 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}";
 var Button = /** @class */ (function () {
     function Button(hostRef) {
         var _this = this;
@@ -2052,7 +2055,7 @@ var CsrViewer = /** @class */ (function () {
             return this.renderEmptyState();
         }
         var 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 })))));
     };
     Object.defineProperty(class_4, "watchers", {
         get: function () {

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

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 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';
 var 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}}";
 var CertificatesViewer = /** @class */ (function () {
@@ -164,7 +164,7 @@ var CertificatesViewer = /** @class */ (function () {
             ? undefined
             : index;
     };
-    class_1.prototype.renderExpandedRow = function (certificate) {
+    class_1.prototype.getMaxColSpanValue = function () {
         var colSpan = 4;
         if (this.isHasTests) {
             colSpan += 1;
@@ -172,6 +172,10 @@ var CertificatesViewer = /** @class */ (function () {
         if (!this.isHasRoots) {
             colSpan += 1;
         }
+        return colSpan;
+    };
+    class_1.prototype.renderExpandedRow = function (certificate) {
+        var 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
@@ -241,12 +245,13 @@ var CertificatesViewer = /** @class */ (function () {
         }
         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
     class_1.prototype.renderEmptyState = function () {
-        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: 5 }, h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
+        var 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."))));
     };
     class_1.prototype.renderEmptySearchState = function () {
-        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"))));
+        var 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
     class_1.prototype.renderLoadingState = function () {