@peculiar/certificates-viewer 3.10.1 → 4.0.2

package/dist/cjs/index.cjs.js

@@ -5,9 +5,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const download = require('./download-93f7b773.js');
+const download = require('./download-972dda8a.js');
+const button = require('./button-14e2b73f.js');
+const link = require('./link-6aea0be4.js');
+const cross = require('./cross-9872c473.js');
+const download$1 = require('./download-254ddc57.js');
+const actions = require('./actions-19013d4a.js');
+const arrow_top = require('./arrow_top-834fb7ec.js');
+require('./index-efd561e9.js');
 
 
 
 exports.Download = download.Download;
 exports.downloadFromBuffer = download.downloadFromBuffer;
+exports.Button = button.Button;
+exports.Typography = button.Typography;
+exports.Link = link.Link;
+exports.CrossIcon = cross.CrossIcon;
+exports.DetailsIcon = cross.DetailsIcon;
+exports.LinkIcon = cross.LinkIcon;
+exports.DownloadIcon = download$1.DownloadIcon;
+exports.ActionsIcon = actions.ActionsIcon;
+exports.ArrowBottomIcon = arrow_top.ArrowBottomIcon;
+exports.ArrowTopIcon = arrow_top.ArrowTopIcon;
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"file":"index.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/link-6aea0be4.js

@@ -0,0 +1,25 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+const index = require('./index-efd561e9.js');
+const button = require('./button-14e2b73f.js');
+
+/**
+ * @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 Link = (props, children) => {
+  const { href, variant, } = props;
+  return (index.h(button.Typography, { component: "a", variant: variant, color: "secondary", 
+    // @ts-ignore
+    href: href, target: "_blank", rel: "noreferrer noopener" }, children));
+};
+
+exports.Link = Link;
+
+//# sourceMappingURL=link-6aea0be4.js.map

package/dist/cjs/link-6aea0be4.js.map

@@ -0,0 +1 @@
+{"file":"link-6aea0be4.js","mappings":";;;;;;;;AAAA;;;;;;;MAiBa,IAAI,GAAmC,CAAC,KAAK,EAAE,QAAQ;EAClE,MAAM,EACJ,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAC;EAEV,QACEA,QAACC,iBAAU,IACT,SAAS,EAAC,GAAG,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,WAAW;;IAEjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,IAExB,QAAQ,CACE,EACb;AACJ;;;;","names":["h","Typography"],"sources":["src/components/link/link.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TypographyType } from '../../interface';\nimport { Typography } from '../typography';\n\ninterface LinkProps {\n  href: string;\n  variant?: TypographyType;\n}\n\nexport const Link: FunctionalComponent<LinkProps> = (props, children) => {\n  const {\n    href,\n    variant,\n  } = props;\n\n  return (\n    <Typography\n      component=\"a\"\n      variant={variant}\n      color=\"secondary\"\n      // @ts-ignore\n      href={href}\n      target=\"_blank\"\n      rel=\"noreferrer noopener\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -5,20 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-064e95c7.js');
-
-/*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
+const index = require('./index-efd561e9.js');
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["peculiar-certificates-viewer.cjs",[[1,"peculiar-certificates-viewer",{"certificates":[16],"filterWithSearch":[4,"filter-with-search"],"highlightWithSearch":[4,"highlight-with-search"],"search":[32],"certificatesDecoded":[32],"expandedRow":[32],"certificateSelectedForDetails":[32],"isDecodeInProcess":[32]}]]],["peculiar-certificate-decoder.cjs",[[1,"peculiar-certificate-decoder",{"certificateExample":[1,"certificate-example"],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-text-hider.cjs",[[1,"peculiar-text-hider",{"opened":[1540]},[[0,"textExpand","textExpandHandler"]]]]],["peculiar-link.cjs",[[1,"peculiar-link",{"href":[513],"type":[513]}]]],["peculiar-typography.cjs",[[1,"peculiar-typography",{"type":[513],"color":[1],"align":[1],"ellipsis":[4],"monospace":[4]}]]],["peculiar-certificate-viewer.cjs",[[1,"peculiar-certificate-viewer",{"certificate":[513],"download":[516],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-attribute-certificate-viewer_3.cjs",[[1,"peculiar-attribute-certificate-viewer",{"certificate":[1],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"isDecodeInProcess":[32]}],[1,"peculiar-crl-viewer",{"certificate":[513],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}],[1,"peculiar-csr-viewer",{"certificate":[513],"download":[4],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-button.cjs",[[1,"peculiar-button",{"fill":[1],"disabled":[516],"href":[1],"target":[1],"onClick":[16]}]]],["peculiar-button-split_4.cjs",[[1,"peculiar-button-split",{"onClick":[16],"fill":[1],"actions":[16],"open":[32]}],[1,"peculiar-certificate-summary",{"certificate":[16],"showIssuer":[4,"show-issuer"]}],[1,"peculiar-circular-progress",{"size":[2],"width":[2]}],[1,"peculiar-highlight-words",{"search":[1]}]]]], options);
-  });
+  if (typeof window === 'undefined') return undefined;
+  return index.bootstrapLazy([["peculiar-certificate-decoder.cjs",[[1,"peculiar-certificate-decoder",{"certificateExamples":[16],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-certificates-viewer.cjs",[[1,"peculiar-certificates-viewer",{"certificates":[16],"filterWithSearch":[4,"filter-with-search"],"highlightWithSearch":[4,"highlight-with-search"],"mobileMediaQueryString":[1,"mobile-media-query-string"],"mobileScreenView":[32],"search":[32],"certificatesDecoded":[32],"expandedRow":[32],"certificateSelectedForDetails":[32],"isDecodeInProcess":[32]},null,{"certificates":["watchCertificates"]}]]],["peculiar-text-hider.cjs",[[6,"peculiar-text-hider",{"opened":[32]}]]],["peculiar-certificate-viewer.cjs",[[1,"peculiar-certificate-viewer",{"certificate":[513],"download":[516],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"mobileMediaQueryString":[1,"mobile-media-query-string"],"mobileScreenView":[32],"isDecodeInProcess":[32]},null,{"certificate":["watchCertificateAndDecode"]}]]],["peculiar-attribute-certificate-viewer_3.cjs",[[1,"peculiar-attribute-certificate-viewer",{"certificate":[1],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"mobileMediaQueryString":[1,"mobile-media-query-string"],"mobileScreenView":[32],"isDecodeInProcess":[32]},null,{"certificate":["watchCertificateAndDecode"]}],[1,"peculiar-crl-viewer",{"certificate":[513],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"mobileMediaQueryString":[1,"mobile-media-query-string"],"mobileScreenView":[32],"isDecodeInProcess":[32]},null,{"certificate":["watchCertificateAndDecode"]}],[1,"peculiar-csr-viewer",{"certificate":[513],"download":[4],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"mobileMediaQueryString":[1,"mobile-media-query-string"],"mobileScreenView":[32],"isDecodeInProcess":[32]},null,{"certificate":["watchCertificateAndDecode"]}]]],["peculiar-button-menu_3.cjs",[[2,"peculiar-button-menu",{"groups":[16],"open":[32]}],[1,"peculiar-circular-progress",{"size":[2],"width":[2]}],[1,"peculiar-highlight-words",{"search":[1]}]]]], options);
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"file":"loader.cjs.js","mappings":";;;;;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AAEtD,EAAE,OAAOA,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}

package/dist/cjs/{miscellaneous-cac1cd8b.js → miscellaneous-e43aaae5.js}

@@ -3,10 +3,12 @@
  */
 'use strict';
 
-const index = require('./index-064e95c7.js');
-const l10n = require('./l10n-ddc7cff9.js');
-const download = require('./download-93f7b773.js');
-const certification_request = require('./certification_request-d5c6e32d.js');
+const index = require('./index-efd561e9.js');
+const certification_request = require('./certification_request-c0cafa72.js');
+const download = require('./download-972dda8a.js');
+const link = require('./link-6aea0be4.js');
+const button = require('./button-14e2b73f.js');
+const download$1 = require('./download-254ddc57.js');
 
 /**
  * @license
@@ -60,9 +62,14 @@ const RowTitle = (props) => {
   if (!value) {
     return null;
   }
-  return (index.h("tr", { class: "title" },
-    index.h("td", { colSpan: 2 },
-      index.h("peculiar-typography", { type: "h6" }, value))));
+  return [
+    index.h("tr", { class: "title" },
+      index.h("td", { colSpan: 2 },
+        index.h(button.Typography, { variant: "s1", color: "black" }, value))),
+    index.h("tr", null,
+      index.h("td", { colSpan: 2, class: "divider" },
+        index.h("span", null))),
+  ];
 };
 const RowValue = (props) => {
   const { name, value, monospace, collapse, href, extraValue, } = props;
@@ -82,12 +89,10 @@ const RowValue = (props) => {
   const hasValue = !!value.toString();
   return (index.h("tr", null,
     index.h("td", { colSpan: hasValue ? 1 : 2 },
-      index.h("peculiar-typography", { color: "grey_5" },
-        name,
-        hasValue ? ':' : '')),
+      index.h(button.Typography, { variant: "b2", color: "gray-9" }, name)),
     hasValue && (index.h("td", { class: {
         monospace,
-      } }, (isLink(value.toString()) || href) ? (index.h("peculiar-link", { href: href || value.toString() }, value)) : (index.h("peculiar-typography", { monospace: monospace },
+      } }, (isLink(value.toString()) || href) ? (index.h(link.Link, { variant: "b2", href: href || value.toString() }, value)) : (index.h(button.Typography, { variant: "b2", color: "black" },
       elementValue,
       extraValue))))));
 };
@@ -102,15 +107,15 @@ const RowValue = (props) => {
 const BasicInformation = (props) => {
   const { serialNumber, version, validity, notBefore, notAfter, lastUpdate, nextUpdate, type, } = props;
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('basicInformation') }),
-    index.h(RowValue, { name: l10n.l10n.getString('type'), value: type }),
-    index.h(RowValue, { name: l10n.l10n.getString('serialNumber'), value: serialNumber, monospace: true }),
-    index.h(RowValue, { name: l10n.l10n.getString('version'), value: version }),
-    index.h(RowValue, { name: l10n.l10n.getString('validity'), value: validity }),
-    index.h(RowValue, { name: l10n.l10n.getString('issued'), value: notBefore ? l10n.dateShort(notBefore) : undefined }),
-    index.h(RowValue, { name: l10n.l10n.getString('expired'), value: notAfter ? l10n.dateShort(notAfter) : undefined }),
-    index.h(RowValue, { name: l10n.l10n.getString('lastUpdate'), value: lastUpdate ? l10n.dateShort(lastUpdate) : undefined }),
-    index.h(RowValue, { name: l10n.l10n.getString('nextUpdate'), value: nextUpdate ? l10n.dateShort(nextUpdate) : undefined }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('basicInformation') }),
+    index.h(RowValue, { name: certification_request.l10n.getString('type'), value: type }),
+    index.h(RowValue, { name: certification_request.l10n.getString('serialNumber'), value: serialNumber, monospace: true }),
+    index.h(RowValue, { name: certification_request.l10n.getString('version'), value: version }),
+    index.h(RowValue, { name: certification_request.l10n.getString('validity'), value: validity }),
+    index.h(RowValue, { name: certification_request.l10n.getString('issued'), value: notBefore ? certification_request.dateShort(notBefore) : undefined }),
+    index.h(RowValue, { name: certification_request.l10n.getString('expired'), value: notAfter ? certification_request.dateShort(notAfter) : undefined }),
+    index.h(RowValue, { name: certification_request.l10n.getString('lastUpdate'), value: lastUpdate ? certification_request.dateShort(lastUpdate) : undefined }),
+    index.h(RowValue, { name: certification_request.l10n.getString('nextUpdate'), value: nextUpdate ? certification_request.dateShort(nextUpdate) : undefined }),
   ];
 };
 
@@ -122,7 +127,7 @@ const BasicInformation = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 function getPublicKeyModulus(publicKey) {
-  if ('modulus' in publicKey.params) {
+  if (publicKey.params && 'modulus' in publicKey.params) {
     let length = publicKey.params.modulus.byteLength;
     if (length % 2) {
       length -= 1;
@@ -132,7 +137,7 @@ function getPublicKeyModulus(publicKey) {
   return null;
 }
 function getPublicKeyExponent(publicKey) {
-  if ('publicExponent' in publicKey.params) {
+  if (publicKey.params && 'publicExponent' in publicKey.params) {
     return publicKey.params.publicExponent.byteLength === 3
       ? 65537
       : 3;
@@ -146,15 +151,15 @@ const PublicKey = (props) => {
   }
   function renderKeyDetails(key) {
     return [
-      index.h(RowValue, { name: l10n.l10n.getString('algorithm'), value: getStringByOID(key.algorithm) }),
-      index.h(RowValue, { name: l10n.l10n.getString('namedCurve'), value: getStringByOID('namedCurve' in key.params ? key.params.namedCurve : undefined) }),
-      index.h(RowValue, { name: l10n.l10n.getString('exponent'), value: getPublicKeyExponent(key) }),
-      index.h(RowValue, { name: l10n.l10n.getString('modulus'), value: getPublicKeyModulus(key) }),
-      index.h(RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(key.value), monospace: true, collapse: true }),
+      index.h(RowValue, { name: certification_request.l10n.getString('algorithm'), value: getStringByOID(key.algorithm) }),
+      index.h(RowValue, { name: certification_request.l10n.getString('namedCurve'), value: getStringByOID((key.params && 'namedCurve' in key.params) ? key.params.namedCurve : undefined) }),
+      index.h(RowValue, { name: certification_request.l10n.getString('exponent'), value: getPublicKeyExponent(key) }),
+      index.h(RowValue, { name: certification_request.l10n.getString('modulus'), value: getPublicKeyModulus(key) }),
+      index.h(RowValue, { name: certification_request.l10n.getString('value'), value: download.build.Convert.ToHex(key.value), monospace: true, collapse: true }),
     ];
   }
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('publicKeyInfo') }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('publicKeyInfo') }),
     renderKeyDetails(publicKey),
     (Array.isArray(publicKey.params) && publicKey.params.length && publicKey.params.map((param) => (index.h(TableRowTable, null, renderKeyDetails(param))))),
   ];
@@ -170,7 +175,7 @@ const PublicKey = (props) => {
 const SubjectName = (props) => {
   const { name } = props;
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('subjectName') }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('subjectName') }),
     name.map((n) => (index.h(RowValue, { name: n.name || n.type, value: n.value }))),
   ];
 };
@@ -184,9 +189,9 @@ const SubjectName = (props) => {
  */
 const IssuerName = (props) => {
   const { name, issuerDnLink } = props;
-  const title = l10n.l10n.getString('issuerName');
+  const title = certification_request.l10n.getString('issuerName');
   return [
-    index.h(RowTitle, { value: issuerDnLink ? (index.h("peculiar-link", { href: issuerDnLink, type: "h6" }, title)) : title }),
+    index.h(RowTitle, { value: issuerDnLink ? (index.h(link.Link, { href: issuerDnLink }, title)) : title }),
     name.map((n) => (index.h(RowValue, { name: n.name || n.type, value: n.value }))),
   ];
 };
@@ -205,12 +210,12 @@ const Signature = (props) => {
   }
   function renderSignatureDetails(data) {
     return [
-      index.h(RowValue, { name: l10n.l10n.getString('algorithm'), value: getStringByOID(data.algorithm) }),
-      index.h(RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(data.value), monospace: true, collapse: true }),
+      index.h(RowValue, { name: certification_request.l10n.getString('algorithm'), value: getStringByOID(data.algorithm) }),
+      index.h(RowValue, { name: certification_request.l10n.getString('value'), value: download.build.Convert.ToHex(data.value), monospace: true, collapse: true }),
     ];
   }
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('signature') }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('signature') }),
     renderSignatureDetails(signature),
     (signature.params && signature.params.length && signature.params.map((param) => (index.h(TableRowTable, null, renderSignatureDetails(param))))),
   ];
@@ -233,7 +238,7 @@ const Thumbprints = (props) => {
     return null;
   }
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('fingerprints') }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('fingerprints') }),
     keys.map((name) => (index.h(RowValue, { name: name, value: thumbprints[name], monospace: true }))),
   ];
 };
@@ -249,11 +254,11 @@ const BasicExtension = (props, children) => {
   const { extension } = props;
   return ([
     index.h(RowValue, { name: "Name", value: getStringByOID(extension.asn.extnID) }),
-    index.h(RowValue, { name: "Critical", value: extension.asn.critical ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') }),
+    index.h(RowValue, { name: "Critical", value: extension.asn.critical ? certification_request.l10n.getString('yes') : certification_request.l10n.getString('no') }),
     children,
     index.h("tr", null,
       index.h("td", { colSpan: 2, class: "divider" },
-        index.h("span", { class: "bg_fill" }))),
+        index.h("span", null))),
   ]);
 };
 
@@ -280,7 +285,7 @@ const KeyUsageExtension = (props) => {
 const BasicConstraintsExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension },
-    index.h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') }),
+    index.h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? certification_request.l10n.getString('yes') : certification_request.l10n.getString('no') }),
     index.h(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
 };
 
@@ -294,7 +299,7 @@ const BasicConstraintsExtension = (props) => {
 const ExtendedKeyUsageExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Purposes:", value: "" }),
+    index.h(RowValue, { name: "Purposes", value: "" }),
     extension.value.map((usage) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
   ])));
@@ -316,11 +321,11 @@ const SubjectKeyIdentifierExtension = (props) => {
     index.h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
         childrenLink && (index.h("span", null,
           "\u00A0[",
-          index.h("peculiar-link", { href: childrenLink }, "children"),
+          index.h(link.Link, { href: childrenLink }, "children"),
           "]")),
         siblingsLink && (index.h("span", null,
           "\u00A0[",
-          index.h("peculiar-link", { href: siblingsLink }, "siblings"),
+          index.h(link.Link, { href: siblingsLink }, "siblings"),
           "]")),
       ] })));
 };
@@ -341,11 +346,11 @@ const AuthorityKeyIdentifierExtension = (props) => {
     index.h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
         parentLink && (index.h("span", null,
           "\u00A0[",
-          index.h("peculiar-link", { href: parentLink }, "parents"),
+          index.h(link.Link, { href: parentLink }, "parents"),
           "]")),
         siblingsLink && (index.h("span", null,
           "\u00A0[",
-          index.h("peculiar-link", { href: siblingsLink }, "siblings"),
+          index.h(link.Link, { href: siblingsLink }, "siblings"),
           "]")),
       ] })));
 };
@@ -444,7 +449,7 @@ const CRLDistributionPointsExtension = (props) => {
 const InfoAccessSyntaxExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Descriptions:", value: "" }),
+    index.h(RowValue, { name: "Descriptions", value: "" }),
     extension.value.map((description) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
       index.h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
@@ -473,11 +478,11 @@ const SubjectAlternativeNameExtension = (props) => {
 const CertificatePoliciesExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Policies:", value: "" }),
+    index.h(RowValue, { name: "Policies", value: "" }),
     extension.value.map((policy) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }),
       policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
-        index.h(RowValue, { name: "Qualifiers:", value: "" }),
+        index.h(RowValue, { name: "Qualifiers", value: "" }),
         policy.policyQualifiers.map((qualifierInfo) => {
           const data = [
             index.h(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
@@ -594,12 +599,12 @@ const logs = {
 const CertificateTransparencyExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.items.length) && ([
-    index.h(RowValue, { name: "Signed Certificate Timestamps:", value: "" }),
+    index.h(RowValue, { name: "Signed Certificate Timestamps", value: "" }),
     extension.value.toJSON().map((signedCertificateTimestamp) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
       index.h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
       index.h(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }),
-      index.h(RowValue, { name: "Timestamp", value: l10n.dateShort(signedCertificateTimestamp.timestamp) }),
+      index.h(RowValue, { name: "Timestamp", value: certification_request.dateShort(signedCertificateTimestamp.timestamp) }),
       index.h(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }),
       index.h(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true })))),
   ])));
@@ -801,7 +806,7 @@ const QCStatementsExtension = (props) => {
     if (statementId === id_etsi_qcs_qcPDS) {
       const pdsLocations = certification_request.AsnParser.parse(statementInfo, PdsLocations);
       return ([
-        index.h(RowValue, { name: "PDS Locations:", value: "" }),
+        index.h(RowValue, { name: "PDS Locations", value: "" }),
         pdsLocations.map((location) => (index.h(TableRowTable, null,
           index.h(RowValue, { name: "URL", value: location.url }),
           index.h(RowValue, { name: "Language", value: location.language })))),
@@ -810,7 +815,7 @@ const QCStatementsExtension = (props) => {
     return (index.h(RowValue, { name: "Info", value: download.build.Convert.ToHex(statementInfo), monospace: true }));
   }
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Statements:", value: "" }),
+    index.h(RowValue, { name: "Statements", value: "" }),
     extension.value.map((statement) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }),
       renderStatementInfo(statement.statementId, statement.statementInfo)))),
@@ -881,7 +886,7 @@ const TimestampExtension = (props) => {
   return (index.h(BasicExtension, { extension: extension },
     index.h(RowValue, { name: "Version", value: extension.value.version }),
     index.h(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)),
-    index.h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') })));
+    index.h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? certification_request.l10n.getString('yes') : certification_request.l10n.getString('no') })));
 };
 
 /**
@@ -931,7 +936,7 @@ function getAttributeValue(attribute) {
 const SubjectDirectoryAttributesExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Attributes:", value: "" }),
+    index.h(RowValue, { name: "Attributes", value: "" }),
     extension.value.map((attribute) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
       index.h(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
@@ -961,8 +966,8 @@ const AsStringExtension = (props) => {
 const PrivateKeyUsagePeriodExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension },
-    index.h(RowValue, { name: "Not Before", value: l10n.dateShort(extension.value.notBefore) }),
-    index.h(RowValue, { name: "Not After", value: l10n.dateShort(extension.value.notAfter) })));
+    index.h(RowValue, { name: "Not Before", value: certification_request.dateShort(extension.value.notBefore) }),
+    index.h(RowValue, { name: "Not After", value: certification_request.dateShort(extension.value.notAfter) })));
 };
 
 /**
@@ -989,7 +994,7 @@ const EntrustVersionInfoExtension = (props) => {
 const BiometricSyntaxExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    index.h(RowValue, { name: "Biometrics:", value: "" }),
+    index.h(RowValue, { name: "Biometrics", value: "" }),
     extension.value.map((data) => (index.h(TableRowTable, null,
       index.h(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }),
       index.h(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }),
@@ -1112,7 +1117,7 @@ const PolicyMappingsExtension = (props) => {
 const CRLNumberExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension },
-    index.h(RowValue, { name: l10n.l10n.getString('value'), value: extension.value.value })));
+    index.h(RowValue, { name: certification_request.l10n.getString('value'), value: extension.value.value })));
 };
 
 /**
@@ -1128,11 +1133,11 @@ const IssuingDistributionPointExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension }, (_a = extension.value.distributionPoint) === null || _a === void 0 ? void 0 :
     _a.fullName.map((gn) => (index.h(GeneralNamePart, Object.assign({ generalName: gn }, props)))),
-    extension.value.onlySomeReasons && (index.h(RowValue, { name: l10n.l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })),
-    extension.value.indirectCRL && (index.h(RowValue, { name: l10n.l10n.getString('indirectCRL'), value: l10n.l10n.getString('yes') })),
-    extension.value.onlyContainsUserCerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyUserCertificates'), value: l10n.l10n.getString('yes') })),
-    extension.value.onlyContainsAttributeCerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyAttributeCertificates'), value: l10n.l10n.getString('yes') })),
-    extension.value.onlyContainsCACerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyCACertificates'), value: l10n.l10n.getString('yes') }))));
+    extension.value.onlySomeReasons && (index.h(RowValue, { name: certification_request.l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })),
+    extension.value.indirectCRL && (index.h(RowValue, { name: certification_request.l10n.getString('indirectCRL'), value: certification_request.l10n.getString('yes') })),
+    extension.value.onlyContainsUserCerts && (index.h(RowValue, { name: certification_request.l10n.getString('onlyUserCertificates'), value: certification_request.l10n.getString('yes') })),
+    extension.value.onlyContainsAttributeCerts && (index.h(RowValue, { name: certification_request.l10n.getString('onlyAttributeCertificates'), value: certification_request.l10n.getString('yes') })),
+    extension.value.onlyContainsCACerts && (index.h(RowValue, { name: certification_request.l10n.getString('onlyCACertificates'), value: certification_request.l10n.getString('yes') }))));
 };
 
 /**
@@ -1271,17 +1276,13 @@ const Extensions = (props) => {
 const Miscellaneous = (props) => {
   const { certificate } = props;
   return [
-    index.h(RowTitle, { value: l10n.l10n.getString('miscellaneous') }),
+    index.h(RowTitle, { value: certification_request.l10n.getString('miscellaneous') }),
     index.h("tr", null,
-      index.h("td", { class: "vertical_align_middle" },
-        index.h("peculiar-typography", { color: "grey_5" },
-          l10n.l10n.getString('download'),
-          ":")),
       index.h("td", null,
-        index.h("peculiar-button-split", { onClick: () => certificate.downloadAsPEM(), actions: [{
-              text: l10n.l10n.getString('download.der'),
-              onClick: () => certificate.downloadAsDER(),
-            }] }, l10n.l10n.getString('download.pem')))),
+        index.h(button.Button, { onClick: () => certificate.downloadAsPEM(), startIcon: index.h(download$1.DownloadIcon, null) }, certification_request.l10n.getString('download.pem')))),
+    index.h("tr", null,
+      index.h("td", null,
+        index.h(button.Button, { onClick: () => certificate.downloadAsDER(), startIcon: index.h(download$1.DownloadIcon, null) }, certification_request.l10n.getString('download.der')))),
   ];
 };
 
@@ -1301,3 +1302,5 @@ exports.getDNSNameLink = getDNSNameLink;
 exports.getIPAddressLink = getIPAddressLink;
 exports.getLEILink = getLEILink;
 exports.getStringByOID = getStringByOID;
+
+//# sourceMappingURL=miscellaneous-e43aaae5.js.map