@peculiar/certificates-viewer 3.6.0 → 3.8.0

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

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const certification_request = require('./certification_request-6cd86a69.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 const download = require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
-const crl = require('./crl-91c8642c.js');
-const public_key = require('./public_key-dccd1cdf.js');
+const crl = require('./crl-75106e2e.js');
+const miscellaneous = require('./miscellaneous-0eade914.js');
 
 /**
  * @license
@@ -22,7 +22,7 @@ const public_key = require('./public_key-dccd1cdf.js');
 const BasicAttribute = (props, children) => {
   const { attribute } = props;
   return ([
-    index.h(public_key.RowValue, { name: "Name", value: public_key.getStringByOID(attribute.asn.type) }),
+    index.h(miscellaneous.RowValue, { name: "Name", value: miscellaneous.getStringByOID(attribute.asn.type) }),
     children,
     index.h("tr", null,
       index.h("td", { colSpan: 2, class: "divider" },
@@ -42,7 +42,7 @@ const NamePart = (props) => {
   if (!name) {
     return null;
   }
-  return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (index.h(public_key.RowValue, { name: certification_request.OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
+  return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (index.h(miscellaneous.RowValue, { name: certification_request.OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
 };
 
 /**
@@ -68,12 +68,12 @@ const NameAttribute = (props) => {
 const ActivityDescriptionAttribute = (props) => {
   const { attribute } = props;
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Code Authority", value: "" }),
-    index.h(public_key.GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(public_key.RowValue, { name: "Code Id", value: "" }),
-    index.h(public_key.GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(public_key.RowValue, { name: "Short Name", value: attribute.value.shortName }),
-    index.h(public_key.RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
+    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 })));
 };
 
 /**
@@ -86,14 +86,14 @@ const ActivityDescriptionAttribute = (props) => {
 const WebGdprAttribute = (props) => {
   const { attribute } = props;
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Assessment Authority", value: "" }),
-    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(public_key.RowValue, { name: "Assessment Location", value: "" }),
-    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(public_key.RowValue, { name: "Assessment Ref", value: "" }),
-    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    index.h(public_key.RowValue, { name: "Data Storage Territory", value: attribute.value.dataStorageTerritory }),
-    index.h(public_key.RowValue, { name: "Description", value: attribute.value.description })));
+    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 })));
 };
 
 /**
@@ -107,7 +107,7 @@ 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(public_key.RowValue, { name: "Value", value: value })));
+    index.h(miscellaneous.RowValue, { name: "Value", value: value })));
 };
 
 /**
@@ -119,7 +119,7 @@ const InsuranceValueAttribute = (props) => {
  */
 const TypeRelationshipAttribute = (props) => {
   const { attribute } = props;
-  return (index.h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (index.h(public_key.RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') })))));
+  return (index.h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (index.h(miscellaneous.RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') })))));
 };
 
 /**
@@ -146,7 +146,7 @@ const ValuationRankingAttribute = (props) => {
     index.h("br", null),
   ]));
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Value", value: values })));
+    index.h(miscellaneous.RowValue, { name: "Value", value: values })));
 };
 
 /**
@@ -159,7 +159,7 @@ const ValuationRankingAttribute = (props) => {
 const AsStringAttribute = (props) => {
   const { attribute } = props;
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Value", value: attribute.value, monospace: true })));
+    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value, monospace: true })));
 };
 
 /**
@@ -172,7 +172,7 @@ const AsStringAttribute = (props) => {
 const UnstructuredNameAttribute = (props) => {
   const { attribute } = props;
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Value", value: attribute.value.utf8String })));
+    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.utf8String })));
 };
 
 /**
@@ -185,7 +185,7 @@ const UnstructuredNameAttribute = (props) => {
 const ChallengePasswordAttribute = (props) => {
   const { attribute } = props;
   return (index.h(BasicAttribute, { attribute: attribute },
-    index.h(public_key.RowValue, { name: "Value", value: attribute.value.toString() })));
+    index.h(miscellaneous.RowValue, { name: "Value", value: attribute.value.toString() })));
 };
 
 /**
@@ -201,7 +201,7 @@ const Attributes = (props) => {
     return null;
   }
   return ([
-    index.h(public_key.RowTitle, { value: "Attributes" }),
+    index.h(miscellaneous.RowTitle, { value: "Attributes" }),
     attributes.map((attribute) => {
       try {
         if (attribute.value instanceof certification_request.Name$1) {
@@ -248,14 +248,39 @@ const Attributes = (props) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const Issuer = (props) => {
-  const { issuer } = props;
-  if (!issuer) {
+const RevokedCertificates = (props) => {
+  const { revokedCertificates, getDNSNameLink, getIPAddressLink, } = props;
+  if (!revokedCertificates || !revokedCertificates.length) {
     return null;
   }
   return [
-    index.h(public_key.RowTitle, { value: l10n.l10n.getString('issuer') }),
-    issuer.map((item) => (index.h(public_key.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+    index.h(miscellaneous.RowTitle, { value: l10n.l10n.getString('revokedCertificates') }),
+    revokedCertificates.map((certificate) => ([
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('serialNumber'), value: download.build.Convert.ToHex(certificate.userCertificate), monospace: true }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('revocationDate'), value: l10n.dateShort(certificate.revocationDate.getTime()) }),
+      (certificate.crlEntryExtensions && certificate.crlEntryExtensions.length && ([
+        index.h(miscellaneous.RowValue, { name: `${l10n.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.build.Convert.ToHex(extension.asn.extnValue), monospace: true }));
+        })),
+      ])),
+      index.h("tr", null,
+        index.h("td", { colSpan: 2, class: "divider" },
+          index.h("span", { class: "bg_fill" }))),
+    ])),
   ];
 };
 
@@ -273,27 +298,45 @@ const Holder = (props) => {
   }
   const { baseCertificateID, objectDigestInfo } = holder;
   return [
-    index.h(public_key.RowTitle, { value: l10n.l10n.getString('holder') }),
+    index.h(miscellaneous.RowTitle, { value: l10n.l10n.getString('holder') }),
     baseCertificateID && ([
-      baseCertificateID.issuer.map((item) => (index.h(public_key.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+      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(public_key.RowValue, { name: l10n.l10n.getString('serialNumber'), value: download.build.Convert.ToHex(baseCertificateID.serial), monospace: true }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('serialNumber'), value: download.build.Convert.ToHex(baseCertificateID.serial), monospace: true }),
       index.h("tr", null,
         index.h("td", null),
         index.h("td", null)),
     ]),
     objectDigestInfo && ([
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('digestInfo'), value: "" }),
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('algorithm'), value: public_key.getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('digestInfo'), value: "" }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('algorithm'), value: miscellaneous.getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
+      index.h(miscellaneous.RowValue, { name: l10n.l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
     ]),
   ];
 };
 
-const certificateViewerCss$2 = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * 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: l10n.l10n.getString('issuer') }),
+    issuer.map((item) => (index.h(miscellaneous.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+  ];
+};
+
+const certificateViewerCss$2 = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table table{margin-bottom:0}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
 
 const AttributeCertificateViewer = class {
   constructor(hostRef) {
@@ -374,7 +417,7 @@ const AttributeCertificateViewer = class {
     if (!this.certificateDecoded) {
       return this.renderEmptyState();
     }
-    return (index.h(index.Host, null, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(Issuer, { issuer: this.certificateDecoded.issuer }), index.h(Holder, { holder: this.certificateDecoded.holder }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(public_key.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (index.h(index.Host, null, 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"]
@@ -382,53 +425,7 @@ const AttributeCertificateViewer = class {
 };
 AttributeCertificateViewer.style = certificateViewerCss$2;
 
-/**
- * @license
- * Copyright (c) Peculiar Ventures, LLC.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const TableRowTable = (_, children) => (index.h("tr", null,
-  index.h("td", { colSpan: 2 },
-    index.h("table", null, children))));
-const RevokedCertificates = (props) => {
-  const { revokedCertificates, getDNSNameLink, getIPAddressLink, } = props;
-  if (!revokedCertificates || !revokedCertificates.length) {
-    return null;
-  }
-  return [
-    index.h(public_key.RowTitle, { value: l10n.l10n.getString('revokedCertificates') }),
-    revokedCertificates.map((certificate) => ([
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('serialNumber'), value: download.build.Convert.ToHex(certificate.userCertificate), monospace: true }),
-      index.h(public_key.RowValue, { name: l10n.l10n.getString('revocationDate'), value: l10n.dateShort(certificate.revocationDate.getTime()) }),
-      (certificate.crlEntryExtensions && certificate.crlEntryExtensions.length && ([
-        index.h(public_key.RowValue, { name: `${l10n.l10n.getString('crlEntryExtensions')}:`, value: "" }),
-        index.h(TableRowTable, null, certificate.crlEntryExtensions.map((extension) => {
-          if (extension.value instanceof certification_request.CRLReason) {
-            return (index.h(public_key.RowValue, { name: public_key.getStringByOID(extension.asn.extnID), value: extension.value.toJSON() || extension.value.reason }));
-          }
-          if (extension.value instanceof certification_request.InvalidityDate) {
-            return (index.h(public_key.RowValue, { name: public_key.getStringByOID(extension.asn.extnID), value: extension.value.value.getTime() }));
-          }
-          if (extension.value instanceof certification_request.CertificateIssuer && extension.value.length) {
-            return ([
-              index.h(public_key.RowValue, { name: `${public_key.getStringByOID(extension.asn.extnID)}:`, value: "" }),
-              extension.value.map((gn) => (index.h(TableRowTable, null,
-                index.h(public_key.GeneralNamePart, { generalName: gn, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink })))),
-            ]);
-          }
-          return (index.h(public_key.RowValue, { name: public_key.getStringByOID(extension.asn.extnID), value: download.build.Convert.ToHex(extension.asn.extnValue), monospace: true }));
-        })),
-      ])),
-      index.h("tr", null,
-        index.h("td", { colSpan: 2, class: "divider" },
-          index.h("span", { class: "bg_fill" }))),
-    ])),
-  ];
-};
-
-const certificateViewerCss$1 = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+const certificateViewerCss$1 = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table table{margin-bottom:0}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
 
 const CrlViewer = class {
   constructor(hostRef) {
@@ -503,7 +500,7 @@ const CrlViewer = class {
     if (!this.certificateDecoded) {
       return this.renderEmptyState();
     }
-    return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(public_key.IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(public_key.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink }), index.h(RevokedCertificates, { revokedCertificates: this.certificateDecoded.revokedCertificates, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (index.h(index.Host, { "data-view": this.view }, 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"]
@@ -511,7 +508,7 @@ const CrlViewer = class {
 };
 CrlViewer.style = certificateViewerCss$1;
 
-const certificateViewerCss = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+const certificateViewerCss = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table table{margin-bottom:0}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
 
 const CsrViewer = class {
   constructor(hostRef) {
@@ -593,7 +590,7 @@ const CsrViewer = class {
       return this.renderEmptyState();
     }
     const extensionRequestAttribute = this.getExtensionRequestAttribute();
-    return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(public_key.SubjectName, { name: this.certificateDecoded.subject }), index.h(public_key.PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(public_key.Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (index.h(index.Host, { "data-view": this.view }, 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"]

package/dist/cjs/{peculiar-certificate-summary_3.cjs.entry.js → peculiar-button-split_4.cjs.entry.js}

@@ -9,6 +9,40 @@ const index = require('./index-064e95c7.js');
 const l10n = require('./l10n-17c96aba.js');
 require('./download-a97f4cb2.js');
 
+const buttonSplitCss = ":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;vertical-align:top;position:relative;white-space:nowrap;font-size:0}.button_split_icon{width:7px;height:5px;display:inline-block;vertical-align:middle}.button_split_with_icon{width:25px;border-bottom-left-radius:0;border-top-left-radius:0}.button_split_with_icon.m_open::part(base):before{position:fixed;width:100%;height:100%;top:0;left:0;content:\"\"}.button_split_action{width:100%}.button_split_container{position:absolute;bottom:calc(100% + 1px);left:0;width:100%;border-radius:2px;-webkit-box-shadow:0px -2px 1px rgb(var(--pv-color-light-rgb)), 0px 0px 10px rgba(var(--pv-color-dark-rgb), 0.0241168);box-shadow:0px -2px 1px rgb(var(--pv-color-light-rgb)), 0px 0px 10px rgba(var(--pv-color-dark-rgb), 0.0241168);z-index:1}.button_split>peculiar-button:first-of-type::part(base){border-top-right-radius:0;border-bottom-right-radius:0}.button_split>peculiar-button:last-of-type::part(base){border-top-left-radius:0;border-bottom-left-radius:0}.button_split>peculiar-button:not(:first-child){margin-left:-1px}";
+
+const ButtonSplit = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fill = 'stroke';
+    this.actions = [];
+    this.open = false;
+    this.onClickSplitButton = (event) => {
+      event.stopPropagation();
+      this.open = !this.open;
+    };
+  }
+  onClickActiveButton(action, event) {
+    this.open = false;
+    action(event);
+  }
+  renderActiveSplitState() {
+    if (!this.open) {
+      return null;
+    }
+    return (index.h("div", { class: "button_split_container" }, this.actions.map((action) => (index.h("peculiar-button", { fill: "fill", class: "button_split_action", onClick: this.onClickActiveButton.bind(this, action.onClick) }, action.text)))));
+  }
+  render() {
+    return (index.h("div", { class: {
+        button_split: true,
+      } }, index.h("peculiar-button", { fill: this.fill, onClick: this.onClick }, index.h("slot", null)), index.h("peculiar-button", { fill: this.fill, onClick: this.onClickSplitButton, class: {
+        button_split_with_icon: true,
+        m_open: this.open,
+      } }, index.h("svg", { viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", class: "button_split_icon" }, index.h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.459.124c.934.001 1.442.994.84 1.644L4.425 3.794c-.44.475-1.244.475-1.684 0L.862 1.764C.26 1.115.77.12 1.705.122l3.754.003z" }))), this.renderActiveSplitState()));
+  }
+};
+ButtonSplit.style = buttonSplitCss;
+
 const certificateSummaryCss = ":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%}td{border:none;padding:0}table{width:100%;border-spacing:0;border-collapse:collapse}td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td:first-child{width:130px;padding-right:10px}table td:last-child{width:calc(100% - 130px)}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{width:100%}}";
 
 const CertificateSummary = class {
@@ -88,6 +122,7 @@ const HighlightWords = class {
 };
 HighlightWords.style = highlightWordsCss;
 
+exports.peculiar_button_split = ButtonSplit;
 exports.peculiar_certificate_summary = CertificateSummary;
 exports.peculiar_circular_progress = CircularProgress;
 exports.peculiar_highlight_words = HighlightWords;

package/dist/cjs/peculiar-button.cjs.entry.js

@@ -0,0 +1,40 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+
+const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
+
+const Button = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fill = 'stroke';
+    this.handleClick = (event) => {
+      if (this.disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      if (this.onClick) {
+        this.onClick(event);
+      }
+    };
+  }
+  render() {
+    const isLink = !!this.href;
+    const TagType = isLink ? 'a' : 'button';
+    return (index.h(TagType, { class: {
+        button: true,
+        button_stroke: this.fill === 'stroke',
+        button_fill: this.fill === 'fill',
+        button_disabled: this.disabled,
+      }, disabled: this.disabled, type: !isLink && 'button', href: isLink && this.href, target: isLink && this.target ? this.target : null, rel: isLink && 'noreferrer noopener', onClick: this.handleClick, part: "base" }, index.h("span", { part: "label", class: "button_label" }, index.h("slot", null))));
+  }
+};
+Button.style = buttonCss;
+
+exports.peculiar_button = Button;

package/dist/cjs/peculiar-certificate-decoder.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const certification_request = require('./certification_request-6cd86a69.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 require('./l10n-17c96aba.js');
 require('./download-a97f4cb2.js');
-const x509_certificate = require('./x509_certificate-87a3fdb6.js');
-const crl = require('./crl-91c8642c.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+const crl = require('./crl-75106e2e.js');
 
 /**
  * @license

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

@@ -6,13 +6,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const x509_certificate = require('./x509_certificate-87a3fdb6.js');
-require('./certification_request-6cd86a69.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+require('./certification_request-6eb7ef37.js');
 require('./download-a97f4cb2.js');
 require('./l10n-17c96aba.js');
-const public_key = require('./public_key-dccd1cdf.js');
+const miscellaneous = require('./miscellaneous-0eade914.js');
 
-const certificateViewerCss = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+const certificateViewerCss = ":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;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table table{margin-bottom:0}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
 
 const CertificateViewer = class {
   constructor(hostRef) {
@@ -94,7 +94,7 @@ const CertificateViewer = class {
     if (!this.certificateDecoded) {
       return this.renderEmptyState();
     }
-    return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(public_key.SubjectName, { name: this.certificateDecoded.subject }), index.h(public_key.IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), index.h(public_key.PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(public_key.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(miscellaneous.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(miscellaneous.SubjectName, { name: this.certificateDecoded.subject }), index.h(miscellaneous.IssuerName, { name: this.certificateDecoded.issuer, issuerDnLink: this.getIssuerDnLink() }), 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(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"]

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const x509_certificate = require('./x509_certificate-87a3fdb6.js');
-const certification_request = require('./certification_request-6cd86a69.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
 

package/dist/cjs/peculiar-link.cjs.entry.js

@@ -0,0 +1,29 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+
+const linkCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{-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;display:inline-block}.link{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);line-height:1.4;line-height:var(--pv-line-height-normal);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);font-weight:400;margin:0;padding:0;word-break:break-all}.link_type_h4{font-size:17px;font-size:var(--pv-font-size-h4);font-weight:600}.link_type_h6{font-size:15px;font-size:var(--pv-font-size-h6);font-weight:600}.link_type_h7{font-size:14px;font-size:var(--pv-font-size-h7);font-weight:600}.link_type_b1{font-size:15px;font-size:var(--pv-font-size-b1)}.link_type_b3{font-size:13px;font-size:var(--pv-font-size-b3)}.link:hover{text-decoration:none}";
+
+const Link = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Typography type.
+     */
+    this.type = 'b3';
+  }
+  render() {
+    return (index.h("a", { href: this.href, target: "_blank", rel: "noreferrer noopener", class: {
+        link: true,
+        [`link_type_${this.type || 'b3'}`]: true,
+      } }, index.h("slot", null)));
+  }
+};
+Link.style = linkCss;
+
+exports.peculiar_link = Link;

package/dist/cjs/peculiar-text-hider.cjs.entry.js

@@ -0,0 +1,33 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+
+const textHiderCss = ":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%}.text{display:inline-block;width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.text.m_opened{white-space:initial}.action{vertical-align:top;display:inline-block;width:60px;text-align:right;position:relative;top:-6px}.button_action{width:30px}.expand_icon{width:7px;height:5px;display:inline-block}.m_opened .expand_icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}";
+
+const TextHider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.textExpand = index.createEvent(this, "textExpand", 7);
+    this.opened = false;
+  }
+  textExpandHandler() {
+    this.opened = !this.opened;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "root" }, index.h("div", { class: {
+        text: true,
+        m_opened: this.opened,
+      } }, index.h("slot", null)), index.h("div", { class: "action" }, index.h("peculiar-button", { onClick: this.textExpand.emit, class: {
+        button_action: true,
+        m_opened: this.opened,
+      }, fill: this.opened ? 'fill' : 'stroke' }, index.h("svg", { viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", class: "expand_icon" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "currentColor", d: "M5.459.124c.934.001 1.442.994.84 1.644L4.425 3.794c-.44.475-1.244.475-1.684 0L.862 1.764C.26 1.115.77.12 1.705.122l3.754.003z" })))))));
+  }
+};
+TextHider.style = textHiderCss;
+
+exports.peculiar_text_hider = TextHider;