@peculiar/certificates-viewer 4.2.0 → 4.2.2

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

@@ -5,14 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-efd561e9.js');
-const certification_request = require('./certification_request-5672c667.js');
-const download = require('./download-0fa5b33c.js');
-const crl = require('./crl-3f681d44.js');
-const miscellaneous = require('./miscellaneous-905ec852.js');
-const button = require('./button-14e2b73f.js');
-require('./link-6aea0be4.js');
-require('./download-254ddc57.js');
+const index = require('./index-e2ae280a.js');
+const certification_request = require('./certification_request-815ec558.js');
+const x509_crl = require('./x509_crl-86b6e71d.js');
+const miscellaneous = require('./miscellaneous-9a573276.js');
+const button = require('./button-87086210.js');
+const pkcs10_certificate_request = require('./pkcs10_certificate_request-0ebc0023.js');
+require('./link-a3d3799d.js');
+require('./download-820d66ba.js');
 
 /**
  * @license
@@ -22,14 +22,14 @@ require('./download-254ddc57.js');
  * LICENSE file in the root directory of this source tree.
  */
 const BasicAttribute = (props, children) => {
-  const { attribute } = props;
-  return ([
-    index.h(miscellaneous.RowValue, { name: "Name", value: miscellaneous.getStringByOID(attribute.asn.type) }),
-    children,
-    index.h("tr", null,
-      index.h("td", { colSpan: 2, class: "divider" },
-        index.h("span", null))),
-  ]);
+    const { attribute } = props;
+    return ([
+        index.h(miscellaneous.RowValue, { name: "Name", value: miscellaneous.getStringByOID(attribute.asn.type) }),
+        children,
+        index.h("tr", null,
+            index.h("td", { colSpan: 2, class: "divider" },
+                index.h("span", null))),
+    ]);
 };
 
 /**
@@ -40,11 +40,11 @@ const BasicAttribute = (props, children) => {
  * LICENSE file in the root directory of this source tree.
  */
 const NamePart = (props) => {
-  const { name } = props;
-  if (!name) {
-    return null;
-  }
-  return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (index.h(miscellaneous.RowValue, { name: certification_request.OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
+    const { name } = props;
+    if (!name) {
+        return null;
+    }
+    return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (index.h(miscellaneous.RowValue, { name: certification_request.OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
 };
 
 /**
@@ -55,9 +55,9 @@ const NamePart = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const NameAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(NamePart, { name: attribute.value })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(NamePart, { name: attribute.value })));
 };
 
 /**
@@ -68,14 +68,16 @@ const NameAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const ActivityDescriptionAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Code Authority", value: "" }),
-    index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(miscellaneous.RowValue, { name: "Code Id", value: "" }),
-    index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(miscellaneous.RowValue, { name: "Short Name", value: attribute.value.shortName }),
-    index.h(miscellaneous.RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('codeAuthority'), value: "" }),
+        index.h(miscellaneous.TableRowTable, null,
+            index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('codeId'), value: "" }),
+        index.h(miscellaneous.TableRowTable, null,
+            index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('shortName'), value: attribute.value.shortName }),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('shortDescription'), value: attribute.value.shortDescription })));
 };
 
 /**
@@ -86,16 +88,19 @@ const ActivityDescriptionAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const WebGdprAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Assessment Authority", value: "" }),
-    index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(miscellaneous.RowValue, { name: "Assessment Location", value: "" }),
-    index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(miscellaneous.RowValue, { name: "Assessment Ref", value: "" }),
-    index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(miscellaneous.RowValue, { name: "Data Storage Territory", value: attribute.value.dataStorageTerritory }),
-    index.h(miscellaneous.RowValue, { name: "Description", value: attribute.value.description })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('assessmentAuthority'), value: "" }),
+        index.h(miscellaneous.TableRowTable, null,
+            index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('assessmentLocation'), value: "" }),
+        index.h(miscellaneous.TableRowTable, null,
+            index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('assessmentRef'), value: "" }),
+        index.h(miscellaneous.TableRowTable, null,
+            index.h(miscellaneous.GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('dataStorageTerritory'), value: attribute.value.dataStorageTerritory }),
+        index.h(miscellaneous.RowValue, { name: miscellaneous.camelCaseToWords('description'), value: attribute.value.description })));
 };
 
 /**
@@ -106,10 +111,10 @@ const WebGdprAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const InsuranceValueAttribute = (props) => {
-  const { attribute } = props;
-  const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Value", value: value })));
+    const { attribute } = props;
+    const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: "Value", value: value })));
 };
 
 /**
@@ -120,8 +125,8 @@ const InsuranceValueAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const TypeRelationshipAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (index.h(miscellaneous.RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? certification_request.l10n.getString('yes') : certification_request.l10n.getString('no') })))));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (index.h(miscellaneous.RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? certification_request.l10n.getString('yes') : certification_request.l10n.getString('no') })))));
 };
 
 /**
@@ -132,23 +137,23 @@ const TypeRelationshipAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const getValueRank = (value) => {
-  let ratio = 1;
-  if (value / 100 > 1) {
-    ratio = 100;
-  }
-  else if (value / 10 > 1) {
-    ratio = 10;
-  }
-  return `${value}/${5 * ratio}`;
+    let ratio = 1;
+    if (value / 100 > 1) {
+        ratio = 100;
+    }
+    else if (value / 10 > 1) {
+        ratio = 10;
+    }
+    return `${value}/${5 * ratio}`;
 };
 const ValuationRankingAttribute = (props) => {
-  const { attribute } = props;
-  const values = Object.keys(attribute.value).map((keyName) => ([
-    getValueRank(attribute.value[keyName]),
-    index.h("br", null),
-  ]));
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Value", value: values })));
+    const { attribute } = props;
+    const values = Object.keys(attribute.value).map((keyName) => ([
+        getValueRank(attribute.value[keyName]),
+        index.h("br", null),
+    ]));
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: "Value", value: values })));
 };
 
 /**
@@ -159,9 +164,9 @@ const ValuationRankingAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const AsStringAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value, monospace: true })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value, monospace: true })));
 };
 
 /**
@@ -172,9 +177,9 @@ const AsStringAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const UnstructuredNameAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.utf8String })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.utf8String })));
 };
 
 /**
@@ -185,9 +190,9 @@ const UnstructuredNameAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const ChallengePasswordAttribute = (props) => {
-  const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.toString() })));
+    const { attribute } = props;
+    return (index.h(BasicAttribute, { attribute: attribute },
+        index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.toString() })));
 };
 
 /**
@@ -198,49 +203,49 @@ const ChallengePasswordAttribute = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const Attributes = (props) => {
-  const { attributes } = props;
-  if (!attributes || !attributes.length) {
-    return null;
-  }
-  return ([
-    index.h(miscellaneous.RowTitle, { value: "Attributes" }),
-    attributes.map((attribute) => {
-      try {
-        if (attribute.value instanceof certification_request.Name$1) {
-          return (index.h(NameAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.ActivityDescription) {
-          return (index.h(ActivityDescriptionAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.WebGDPR) {
-          return (index.h(WebGdprAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.InsuranceValue) {
-          return (index.h(InsuranceValueAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.TypeRelationship) {
-          return (index.h(TypeRelationshipAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.ValuationRanking) {
-          return (index.h(ValuationRankingAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.UnstructuredName) {
-          return (index.h(UnstructuredNameAttribute, { attribute: attribute }));
-        }
-        if (attribute.value instanceof certification_request.ChallengePassword) {
-          return (index.h(ChallengePasswordAttribute, { attribute: attribute }));
-        }
-        if (typeof attribute.value === 'string') {
-          return (index.h(AsStringAttribute, { attribute: attribute }));
-        }
-        return (index.h(BasicAttribute, { attribute: attribute }));
-      }
-      catch (error) {
-        console.error('Error render attribute:', attribute.asn.type);
+    const { attributes } = props;
+    if (!attributes || !attributes.length) {
         return null;
-      }
-    }),
-  ]);
+    }
+    return ([
+        index.h(miscellaneous.RowTitle, { value: "Attributes" }),
+        attributes.map((attribute) => {
+            try {
+                if (attribute.value instanceof certification_request.Name$1) {
+                    return (index.h(NameAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.ActivityDescription) {
+                    return (index.h(ActivityDescriptionAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.WebGDPR) {
+                    return (index.h(WebGdprAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.InsuranceValue) {
+                    return (index.h(InsuranceValueAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.TypeRelationship) {
+                    return (index.h(TypeRelationshipAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.ValuationRanking) {
+                    return (index.h(ValuationRankingAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.UnstructuredName) {
+                    return (index.h(UnstructuredNameAttribute, { attribute: attribute }));
+                }
+                if (attribute.value instanceof certification_request.ChallengePassword) {
+                    return (index.h(ChallengePasswordAttribute, { attribute: attribute }));
+                }
+                if (typeof attribute.value === 'string') {
+                    return (index.h(AsStringAttribute, { attribute: attribute }));
+                }
+                return (index.h(BasicAttribute, { attribute: attribute }));
+            }
+            catch (error) {
+                console.error('Error render attribute:', attribute.asn.type);
+                return null;
+            }
+        }),
+    ]);
 };
 
 /**
@@ -251,39 +256,39 @@ const Attributes = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const RevokedCertificates = (props) => {
-  const { revokedCertificates, getDNSNameLink, getIPAddressLink, } = props;
-  if (!revokedCertificates || !revokedCertificates.length) {
-    return null;
-  }
-  return [
-    index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('revokedCertificates') }),
-    revokedCertificates.map((certificate) => ([
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('serialNumber'), value: download.Convert_1.ToHex(certificate.userCertificate), monospace: true }),
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('revocationDate'), value: certification_request.dateShort(certificate.revocationDate.getTime()) }),
-      (certificate.crlEntryExtensions && certificate.crlEntryExtensions.length && ([
-        index.h(miscellaneous.RowValue, { name: `${certification_request.l10n.getString('crlEntryExtensions')}:`, value: "" }),
-        index.h(miscellaneous.TableRowTable, null, certificate.crlEntryExtensions.map((extension) => {
-          if (extension.value instanceof certification_request.CRLReason) {
-            return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: extension.value.toJSON() || extension.value.reason }));
-          }
-          if (extension.value instanceof certification_request.InvalidityDate) {
-            return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: extension.value.value.getTime() }));
-          }
-          if (extension.value instanceof certification_request.CertificateIssuer && extension.value.length) {
-            return ([
-              index.h(miscellaneous.RowValue, { name: `${miscellaneous.getStringByOID(extension.asn.extnID)}:`, value: "" }),
-              extension.value.map((gn) => (index.h(miscellaneous.TableRowTable, null,
-                index.h(miscellaneous.GeneralNamePart, { generalName: gn, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink })))),
-            ]);
-          }
-          return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: download.Convert_1.ToHex(extension.asn.extnValue), monospace: true }));
-        })),
-      ])),
-      index.h("tr", null,
-        index.h("td", { colSpan: 2, class: "divider" },
-          index.h("span", null))),
-    ])),
-  ];
+    const { revokedCertificates, getDNSNameLink, getIPAddressLink, } = props;
+    if (!revokedCertificates || !revokedCertificates.length) {
+        return null;
+    }
+    return [
+        index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('revokedCertificates') }),
+        revokedCertificates.map((certificate) => ([
+            index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('serialNumber'), value: certification_request.Convert_1.ToHex(certificate.userCertificate), monospace: true }),
+            index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('revocationDate'), value: certification_request.dateShort(certificate.revocationDate.getTime()) }),
+            (certificate.crlEntryExtensions && certificate.crlEntryExtensions.length && ([
+                index.h(miscellaneous.RowValue, { name: `${certification_request.l10n.getString('crlEntryExtensions')}:`, value: "" }),
+                index.h(miscellaneous.TableRowTable, null, certificate.crlEntryExtensions.map((extension) => {
+                    if (extension.value instanceof certification_request.CRLReason) {
+                        return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: extension.value.toJSON() || extension.value.reason }));
+                    }
+                    if (extension.value instanceof certification_request.InvalidityDate) {
+                        return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: extension.value.value.getTime() }));
+                    }
+                    if (extension.value instanceof certification_request.CertificateIssuer && extension.value.length) {
+                        return ([
+                            index.h(miscellaneous.RowValue, { name: `${miscellaneous.getStringByOID(extension.asn.extnID)}:`, value: "" }),
+                            extension.value.map((gn) => (index.h(miscellaneous.TableRowTable, null,
+                                index.h(miscellaneous.GeneralNamePart, { generalName: gn, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink })))),
+                        ]);
+                    }
+                    return (index.h(miscellaneous.RowValue, { name: miscellaneous.getStringByOID(extension.asn.extnID), value: certification_request.Convert_1.ToHex(extension.asn.extnValue), monospace: true }));
+                })),
+            ])),
+            index.h("tr", null,
+                index.h("td", { colSpan: 2, class: "divider" },
+                    index.h("span", null))),
+        ])),
+    ];
 };
 
 /**
@@ -294,30 +299,31 @@ const RevokedCertificates = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const Holder = (props) => {
-  const { holder } = props;
-  if (!holder) {
-    return null;
-  }
-  const { baseCertificateID, objectDigestInfo } = holder;
-  return [
-    index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('holder') }),
-    baseCertificateID && ([
-      baseCertificateID.issuer.map((item) => (index.h(miscellaneous.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-      index.h("tr", null,
-        index.h("td", null),
-        index.h("td", null)),
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('serialNumber'), value: download.Convert_1.ToHex(baseCertificateID.serial), monospace: true }),
-      index.h("tr", null,
-        index.h("td", null),
-        index.h("td", null)),
-    ]),
-    objectDigestInfo && ([
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('digestInfo'), value: "" }),
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('algorithm'), value: miscellaneous.getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('value'), value: download.Convert_1.ToHex(objectDigestInfo.objectDigest), monospace: true }),
-      index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
-    ]),
-  ];
+    const { holder } = props;
+    if (!holder) {
+        return null;
+    }
+    const { baseCertificateID, objectDigestInfo } = holder;
+    return [
+        index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('holder') }),
+        baseCertificateID && ([
+            baseCertificateID.issuer.map((item) => (index.h(miscellaneous.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+            index.h("tr", null,
+                index.h("td", null),
+                index.h("td", null)),
+            index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('serialNumber'), value: certification_request.Convert_1.ToHex(baseCertificateID.serial), monospace: true }),
+            index.h("tr", null,
+                index.h("td", null),
+                index.h("td", null)),
+        ]),
+        objectDigestInfo && ([
+            index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('digestInfo'), value: "" }),
+            index.h(miscellaneous.TableRowTable, null,
+                index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('algorithm'), value: miscellaneous.getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
+                index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('value'), value: certification_request.Convert_1.ToHex(objectDigestInfo.objectDigest), monospace: true }),
+                index.h(miscellaneous.RowValue, { name: certification_request.l10n.getString('type'), value: objectDigestInfo.digestedObjectType })),
+        ]),
+    ];
 };
 
 /**
@@ -328,333 +334,328 @@ const Holder = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const Issuer = (props) => {
-  const { issuer } = props;
-  if (!issuer) {
-    return null;
-  }
-  return [
-    index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('issuer') }),
-    issuer.map((item) => (index.h(miscellaneous.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-  ];
+    const { issuer } = props;
+    if (!issuer) {
+        return null;
+    }
+    return [
+        index.h(miscellaneous.RowTitle, { value: certification_request.l10n.getString('issuer') }),
+        issuer.map((item) => (index.h(miscellaneous.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+    ];
 };
 
 const certificateViewerCss$2 = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}";
+const PeculiarAttributeCertificateViewerStyle0 = certificateViewerCss$2;
 
 const AttributeCertificateViewer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.getAuthKeyIdParentLink = (value) => {
-      var _a;
-      return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
-    };
-    this.getAuthKeyIdSiblingsLink = (value) => {
-      var _a;
-      return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
-    };
-    this.getSubjectKeyIdChildrenLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.getSubjectKeyIdSiblingsLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.certificate = undefined;
-    this.download = undefined;
-    this.authKeyIdParentLink = undefined;
-    this.authKeyIdSiblingsLink = undefined;
-    this.subjectKeyIdChildrenLink = undefined;
-    this.subjectKeyIdSiblingsLink = undefined;
-    this.mobileMediaQueryString = '(max-width: 900px)';
-    this.mobileScreenView = false;
-    this.isDecodeInProcess = true;
-  }
-  handleMediaQueryChange(event) {
-    this.mobileScreenView = event.matches;
-  }
-  componentWillLoad() {
-    this.decodeCertificate(this.certificate);
-    {
-      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;
-    try {
-      if (certificate instanceof crl.X509AttributeCertificate) {
-        this.certificateDecoded = certificate;
-      }
-      else if (typeof certificate === 'string') {
-        this.certificateDecoded = new crl.X509AttributeCertificate(certificate);
-      }
-      else {
-        return;
-      }
-      this.certificateDecoded.parseExtensions();
-      this.certificateDecoded.parseAttributes();
-      await this.certificateDecoded.getThumbprint('SHA-1');
-      await this.certificateDecoded.getThumbprint('SHA-256');
-    }
-    catch (error) {
-      this.certificateDecodeError = error;
-      console.error('Error certificate parse:', error);
-    }
-    this.isDecodeInProcess = false;
-  }
-  /**
-   * Rerun decodeCertificate if previuos value not equal current value
-   */
-  watchCertificateAndDecode(newValue, oldValue) {
-    if (typeof newValue === 'string' && typeof oldValue === 'string') {
-      if (newValue !== oldValue) {
-        this.decodeCertificate(newValue);
-      }
-      return;
-    }
-    if (newValue instanceof crl.X509AttributeCertificate
-      && oldValue instanceof crl.X509AttributeCertificate) {
-      if (newValue.serialNumber !== oldValue.serialNumber) {
-        this.decodeCertificate(newValue);
-      }
-    }
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderErrorState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this attribute certificate.")));
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderEmptyState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no attribute certificate available.")));
-  }
-  render() {
-    if (this.certificateDecodeError) {
-      return this.renderErrorState();
-    }
-    if (!this.certificateDecoded) {
-      return this.renderEmptyState();
-    }
-    return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(Issuer, { issuer: this.certificateDecoded.issuer }), index.h(Holder, { holder: this.certificateDecoded.holder }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(miscellaneous.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
-  }
-  static get watchers() { return {
-    "certificate": ["watchCertificateAndDecode"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.getAuthKeyIdParentLink = (value) => {
+            var _a;
+            return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+        };
+        this.getAuthKeyIdSiblingsLink = (value) => {
+            var _a;
+            return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+        };
+        this.getSubjectKeyIdChildrenLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.getSubjectKeyIdSiblingsLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.certificate = undefined;
+        this.download = undefined;
+        this.authKeyIdParentLink = undefined;
+        this.authKeyIdSiblingsLink = undefined;
+        this.subjectKeyIdChildrenLink = undefined;
+        this.subjectKeyIdSiblingsLink = undefined;
+        this.mobileMediaQueryString = '(max-width: 900px)';
+        this.mobileScreenView = false;
+        this.isDecodeInProcess = true;
+    }
+    handleMediaQueryChange(event) {
+        this.mobileScreenView = event.matches;
+    }
+    componentWillLoad() {
+        this.decodeCertificate(this.certificate);
+        {
+            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;
+        try {
+            if (certificate instanceof x509_crl.X509AttributeCertificate) {
+                this.certificateDecoded = certificate;
+            }
+            else if (typeof certificate === 'string') {
+                this.certificateDecoded = new x509_crl.X509AttributeCertificate(certificate);
+            }
+            else {
+                return;
+            }
+            this.certificateDecoded.parseExtensions();
+            this.certificateDecoded.parseAttributes();
+            await this.certificateDecoded.getThumbprint('SHA-1');
+            await this.certificateDecoded.getThumbprint('SHA-256');
+        }
+        catch (error) {
+            this.certificateDecodeError = error;
+            console.error('Error certificate parse:', error);
+        }
+        this.isDecodeInProcess = false;
+    }
+    /**
+     * Rerun decodeCertificate if previuos value not equal current value
+     */
+    watchCertificateAndDecode(newValue, oldValue) {
+        if (typeof newValue === 'string' && typeof oldValue === 'string') {
+            if (newValue !== oldValue) {
+                this.decodeCertificate(newValue);
+            }
+            return;
+        }
+        if (newValue instanceof x509_crl.X509AttributeCertificate
+            && oldValue instanceof x509_crl.X509AttributeCertificate) {
+            if (newValue.serialNumber !== oldValue.serialNumber) {
+                this.decodeCertificate(newValue);
+            }
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    renderErrorState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this attribute certificate.")));
+    }
+    // eslint-disable-next-line class-methods-use-this
+    renderEmptyState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no attribute certificate available.")));
+    }
+    render() {
+        if (this.certificateDecodeError) {
+            return this.renderErrorState();
+        }
+        if (!this.certificateDecoded) {
+            return this.renderEmptyState();
+        }
+        return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(Issuer, { issuer: this.certificateDecoded.issuer }), index.h(Holder, { holder: this.certificateDecoded.holder }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(miscellaneous.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
+    }
+    static get watchers() { return {
+        "certificate": ["watchCertificateAndDecode"]
+    }; }
 };
-AttributeCertificateViewer.style = certificateViewerCss$2;
+AttributeCertificateViewer.style = PeculiarAttributeCertificateViewerStyle0;
 
 const certificateViewerCss$1 = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}";
+const PeculiarCrlViewerStyle0 = certificateViewerCss$1;
 
 const CrlViewer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.getAuthKeyIdParentLink = (value) => {
-      var _a;
-      return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
-    };
-    this.getAuthKeyIdSiblingsLink = (value) => {
-      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);
-    {
-      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;
-    try {
-      if (certificate instanceof crl.CRL) {
-        this.certificateDecoded = certificate;
-      }
-      else if (typeof certificate === 'string') {
-        this.certificateDecoded = new crl.CRL(certificate);
-      }
-      else {
-        return;
-      }
-      this.certificateDecoded.parseExtensions();
-      await this.certificateDecoded.getThumbprint('SHA-1');
-      await this.certificateDecoded.getThumbprint('SHA-256');
-    }
-    catch (error) {
-      this.certificateDecodeError = error;
-      console.error('Error certificate parse:', error);
-    }
-    this.isDecodeInProcess = false;
-  }
-  getIssuerDnLink() {
-    return this.issuerDnLink;
-  }
-  /**
-   * Rerun decodeCertificate if previuos value not equal current value
-   */
-  watchCertificateAndDecode(newValue, oldValue) {
-    if (typeof newValue === 'string' && typeof oldValue === 'string') {
-      if (newValue !== oldValue) {
-        this.decodeCertificate(newValue);
-      }
-      return;
-    }
-    if (newValue instanceof crl.CRL
-      && oldValue instanceof crl.CRL) {
-      if (newValue.commonName !== oldValue.commonName) {
-        this.decodeCertificate(newValue);
-      }
-    }
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderErrorState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this certificate revocation list.")));
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderEmptyState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no certificate revocation list available.")));
-  }
-  render() {
-    if (this.certificateDecodeError) {
-      return this.renderErrorState();
-    }
-    if (!this.certificateDecoded) {
-      return this.renderEmptyState();
-    }
-    return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(miscellaneous.IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(miscellaneous.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink }), index.h(RevokedCertificates, { revokedCertificates: this.certificateDecoded.revokedCertificates, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
-  }
-  static get watchers() { return {
-    "certificate": ["watchCertificateAndDecode"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.getAuthKeyIdParentLink = (value) => {
+            var _a;
+            return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+        };
+        this.getAuthKeyIdSiblingsLink = (value) => {
+            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);
+        {
+            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;
+        try {
+            if (certificate instanceof x509_crl.X509Crl) {
+                this.certificateDecoded = certificate;
+            }
+            else if (typeof certificate === 'string') {
+                this.certificateDecoded = new x509_crl.X509Crl(certificate);
+            }
+            else {
+                return;
+            }
+            this.certificateDecoded.parseExtensions();
+            await this.certificateDecoded.getThumbprint('SHA-1');
+            await this.certificateDecoded.getThumbprint('SHA-256');
+        }
+        catch (error) {
+            this.certificateDecodeError = error;
+            console.error('Error certificate parse:', error);
+        }
+        this.isDecodeInProcess = false;
+    }
+    getIssuerDnLink() {
+        return this.issuerDnLink;
+    }
+    /**
+     * Rerun decodeCertificate if previuos value not equal current value
+     */
+    watchCertificateAndDecode(newValue, oldValue) {
+        if (typeof newValue === 'string' && typeof oldValue === 'string') {
+            if (newValue !== oldValue) {
+                this.decodeCertificate(newValue);
+            }
+            return;
+        }
+        if (newValue instanceof x509_crl.X509Crl
+            && oldValue instanceof x509_crl.X509Crl) {
+            if (newValue.commonName !== oldValue.commonName) {
+                this.decodeCertificate(newValue);
+            }
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    renderErrorState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this certificate revocation list.")));
+    }
+    // eslint-disable-next-line class-methods-use-this
+    renderEmptyState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no certificate revocation list available.")));
+    }
+    render() {
+        if (this.certificateDecodeError) {
+            return this.renderErrorState();
+        }
+        if (!this.certificateDecoded) {
+            return this.renderEmptyState();
+        }
+        return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(miscellaneous.IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(miscellaneous.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink }), index.h(RevokedCertificates, { revokedCertificates: this.certificateDecoded.revokedCertificates, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
+    }
+    static get watchers() { return {
+        "certificate": ["watchCertificateAndDecode"]
+    }; }
 };
-CrlViewer.style = certificateViewerCss$1;
+CrlViewer.style = PeculiarCrlViewerStyle0;
 
 const certificateViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}";
+const PeculiarCsrViewerStyle0 = certificateViewerCss;
 
 const CsrViewer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        // eslint-disable-next-line class-methods-use-this
+        this.getAuthKeyIdParentLink = (value) => value;
+        // eslint-disable-next-line class-methods-use-this
+        this.getAuthKeyIdSiblingsLink = (value) => value;
+        this.getSubjectKeyIdChildrenLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.getSubjectKeyIdSiblingsLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.certificate = undefined;
+        this.download = undefined;
+        this.subjectKeyIdChildrenLink = undefined;
+        this.subjectKeyIdSiblingsLink = undefined;
+        this.mobileMediaQueryString = '(max-width: 900px)';
+        this.mobileScreenView = false;
+        this.isDecodeInProcess = true;
+    }
+    handleMediaQueryChange(event) {
+        this.mobileScreenView = event.matches;
+    }
+    componentWillLoad() {
+        this.decodeCertificate(this.certificate);
+        {
+            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;
+        try {
+            if (certificate instanceof pkcs10_certificate_request.Pkcs10CertificateRequest) {
+                this.certificateDecoded = certificate;
+            }
+            else if (typeof certificate === 'string') {
+                this.certificateDecoded = new pkcs10_certificate_request.Pkcs10CertificateRequest(certificate);
+            }
+            else {
+                return;
+            }
+            this.certificateDecoded.parseAttributes();
+            await this.certificateDecoded.getThumbprint('SHA-1');
+            await this.certificateDecoded.getThumbprint('SHA-256');
+        }
+        catch (error) {
+            this.certificateDecodeError = error;
+            console.error('Error certificate parse:', error);
+        }
+        this.isDecodeInProcess = false;
+    }
+    /**
+     * Rerun decodeCertificate if previuos value not equal current value
+     */
+    watchCertificateAndDecode(newValue, oldValue) {
+        if (typeof newValue === 'string' && typeof oldValue === 'string') {
+            if (newValue !== oldValue) {
+                this.decodeCertificate(newValue);
+            }
+            return;
+        }
+        if (newValue instanceof pkcs10_certificate_request.Pkcs10CertificateRequest
+            && oldValue instanceof pkcs10_certificate_request.Pkcs10CertificateRequest) {
+            if (newValue.commonName !== oldValue.commonName) {
+                this.decodeCertificate(newValue);
+            }
+        }
+    }
     // eslint-disable-next-line class-methods-use-this
-    this.getAuthKeyIdParentLink = (value) => value;
+    renderErrorState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this certificate request.")));
+    }
     // eslint-disable-next-line class-methods-use-this
-    this.getAuthKeyIdSiblingsLink = (value) => value;
-    this.getSubjectKeyIdChildrenLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.getSubjectKeyIdSiblingsLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.certificate = undefined;
-    this.download = undefined;
-    this.subjectKeyIdChildrenLink = undefined;
-    this.subjectKeyIdSiblingsLink = undefined;
-    this.mobileMediaQueryString = '(max-width: 900px)';
-    this.mobileScreenView = false;
-    this.isDecodeInProcess = true;
-  }
-  handleMediaQueryChange(event) {
-    this.mobileScreenView = event.matches;
-  }
-  componentWillLoad() {
-    this.decodeCertificate(this.certificate);
-    {
-      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;
-    try {
-      if (certificate instanceof crl.CSR) {
-        this.certificateDecoded = certificate;
-      }
-      else if (typeof certificate === 'string') {
-        this.certificateDecoded = new crl.CSR(certificate);
-      }
-      else {
-        return;
-      }
-      this.certificateDecoded.parseAttributes();
-      await this.certificateDecoded.getThumbprint('SHA-1');
-      await this.certificateDecoded.getThumbprint('SHA-256');
-    }
-    catch (error) {
-      this.certificateDecodeError = error;
-      console.error('Error certificate parse:', error);
-    }
-    this.isDecodeInProcess = false;
-  }
-  /**
-   * Rerun decodeCertificate if previuos value not equal current value
-   */
-  watchCertificateAndDecode(newValue, oldValue) {
-    if (typeof newValue === 'string' && typeof oldValue === 'string') {
-      if (newValue !== oldValue) {
-        this.decodeCertificate(newValue);
-      }
-      return;
-    }
-    if (newValue instanceof crl.CSR
-      && oldValue instanceof crl.CSR) {
-      if (newValue.commonName !== oldValue.commonName) {
-        this.decodeCertificate(newValue);
-      }
-    }
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderErrorState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There was an error decoding this certificate request.")));
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderEmptyState() {
-    return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no certificate request available.")));
-  }
-  getExtensionRequestAttribute() {
-    if (!this.certificateDecoded) {
-      return undefined;
-    }
-    return this.certificateDecoded.attributes
-      .find((attribute) => attribute.asn.type === '1.2.840.113549.1.9.14');
-  }
-  render() {
-    if (this.certificateDecodeError) {
-      return this.renderErrorState();
-    }
-    if (!this.certificateDecoded) {
-      return this.renderEmptyState();
-    }
-    const extensionRequestAttribute = this.getExtensionRequestAttribute();
-    return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(miscellaneous.SubjectName, { name: this.certificateDecoded.subject }), index.h(miscellaneous.PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(miscellaneous.Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
-  }
-  static get watchers() { return {
-    "certificate": ["watchCertificateAndDecode"]
-  }; }
+    renderEmptyState() {
+        return (index.h("div", { class: "status_wrapper" }, index.h(button.Typography, null, "There is no certificate request available.")));
+    }
+    render() {
+        if (this.certificateDecodeError) {
+            return this.renderErrorState();
+        }
+        if (!this.certificateDecoded) {
+            return this.renderEmptyState();
+        }
+        return (index.h(index.Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(miscellaneous.SubjectName, { name: this.certificateDecoded.subject }), index.h(miscellaneous.PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(miscellaneous.Signature, { signature: this.certificateDecoded.signature }), index.h(miscellaneous.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(miscellaneous.Extensions, { extensions: this.certificateDecoded.extensions, title: "Extension Request", getLEILink: miscellaneous.getLEILink, getDNSNameLink: miscellaneous.getDNSNameLink, getIPAddressLink: miscellaneous.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(miscellaneous.Miscellaneous, { certificate: this.certificateDecoded })))));
+    }
+    static get watchers() { return {
+        "certificate": ["watchCertificateAndDecode"]
+    }; }
 };
-CsrViewer.style = certificateViewerCss;
+CsrViewer.style = PeculiarCsrViewerStyle0;
 
 exports.peculiar_attribute_certificate_viewer = AttributeCertificateViewer;
 exports.peculiar_crl_viewer = CrlViewer;