@peculiar/certificates-viewer 3.10.1 → 4.0.2

package/dist/esm/index.js

@@ -1,4 +1,13 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-export { D as Download, d as downloadFromBuffer } from './download-91511aeb.js';
+export { D as Download, d as downloadFromBuffer } from './download-57c5bf8f.js';
+export { B as Button, T as Typography } from './button-35146bdd.js';
+export { L as Link } from './link-ad24c3be.js';
+export { C as CrossIcon, D as DetailsIcon, L as LinkIcon } from './cross-9ec9a759.js';
+export { D as DownloadIcon } from './download-0cc3077a.js';
+export { A as ActionsIcon } from './actions-8d745b2a.js';
+export { A as ArrowBottomIcon, a as ArrowTopIcon } from './arrow_top-fc298828.js';
+import './index-4079bbb5.js';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/link-ad24c3be.js

@@ -0,0 +1,23 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import { h } from './index-4079bbb5.js';
+import { T as Typography } from './button-35146bdd.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 (h(Typography, { component: "a", variant: variant, color: "secondary", 
+    // @ts-ignore
+    href: href, target: "_blank", rel: "noreferrer noopener" }, children));
+};
+
+export { Link as L };
+
+//# sourceMappingURL=link-ad24c3be.js.map

package/dist/esm/link-ad24c3be.js.map

@@ -0,0 +1 @@
+{"file":"link-ad24c3be.js","mappings":";;;;;;AAAA;;;;;;;MAiBa,IAAI,GAAmC,CAAC,KAAK,EAAE,QAAQ;EAClE,MAAM,EACJ,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAC;EAEV,QACE,EAAC,UAAU,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":[],"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/esm/loader.js

@@ -1,20 +1,14 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-bbd484d9.js';
-
-/*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return promiseResolve();
-};
+import { b as bootstrapLazy } from './index-4079bbb5.js';
+export { s as setNonce } from './index-4079bbb5.js';
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return bootstrapLazy([["peculiar-certificates-viewer",[[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",[[1,"peculiar-certificate-decoder",{"certificateExample":[1,"certificate-example"],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-text-hider",[[1,"peculiar-text-hider",{"opened":[1540]},[[0,"textExpand","textExpandHandler"]]]]],["peculiar-link",[[1,"peculiar-link",{"href":[513],"type":[513]}]]],["peculiar-typography",[[1,"peculiar-typography",{"type":[513],"color":[1],"align":[1],"ellipsis":[4],"monospace":[4]}]]],["peculiar-certificate-viewer",[[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",[[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",[[1,"peculiar-button",{"fill":[1],"disabled":[516],"href":[1],"target":[1],"onClick":[16]}]]],["peculiar-button-split_4",[[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 bootstrapLazy([["peculiar-certificate-decoder",[[1,"peculiar-certificate-decoder",{"certificateExamples":[16],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-certificates-viewer",[[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",[[6,"peculiar-text-hider",{"opened":[32]}]]],["peculiar-certificate-viewer",[[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",[[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",[[2,"peculiar-button-menu",{"groups":[16],"open":[32]}],[1,"peculiar-circular-progress",{"size":[2],"width":[2]}],[1,"peculiar-highlight-words",{"search":[1]}]]]], options);
 };
 
 export { defineCustomElements };
+
+//# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -0,0 +1 @@
+{"file":"loader.js","mappings":";;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AAEtD,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;","names":[],"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/esm/{miscellaneous-c7c0d04a.js → miscellaneous-7793a310.js}

@@ -1,10 +1,12 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-import { h } from './index-bbd484d9.js';
-import { l as l10n, a as dateShort } from './l10n-d48f35ff.js';
-import { b as build } from './download-91511aeb.js';
-import { _ as OIDs, $ as Name, a3 as OtherName, u as AsnParser, a4 as DisplayText, a5 as UserNotice, a6 as EDIPartyName, a7 as __decorate, a8 as AsnProp, a9 as AsnPropTypes, aa as AsnType, ab as AsnTypeTypes, ac as AsnArray, ad as id_qcs_pkixQCSyntax_v2, ae as SemanticsInformation, af as AsnIntegerArrayBufferConverter, ag as KeyUsage, ah as BasicConstraints, ai as ExtendedKeyUsage, aj as SubjectKeyIdentifier, ak as AuthorityKeyIdentifier, al as CRLDistributionPoints, am as AuthorityInfoAccessSyntax, an as SubjectInfoAccessSyntax, ao as SubjectAlternativeName, ap as CertificatePolicies, aq as CertificateTransparency, ar as NameConstraints, as as CertificateTemplate, at as EnrollCertTypeChoice, au as CaVersion, av as QCStatements, aw as NetscapeComment, ax as NetscapeCertType, ay as LeiRole, az as LeiChoice, aA as Timestamp, aB as ArchiveRevInfo, a0 as CRLReason, aC as SubjectDirectoryAttributes, aD as PrivateKeyUsagePeriod, aE as EntrustVersionInfo, aF as BiometricSyntax, aG as LogotypeExtn, aH as TNAuthorizationList, aI as PolicyConstraints, aJ as PolicyMappings, aK as CRLNumber, aL as IssuingDistributionPoint } from './certification_request-23cd5124.js';
+import { h } from './index-4079bbb5.js';
+import { a1 as OIDs, $ as l10n, a0 as dateShort, a2 as Name, a6 as OtherName, v as AsnParser, a7 as DisplayText, a8 as UserNotice, a9 as EDIPartyName, aa as __decorate, ab as AsnProp, ac as AsnPropTypes, ad as AsnType, ae as AsnTypeTypes, af as AsnArray, ag as id_qcs_pkixQCSyntax_v2, ah as SemanticsInformation, ai as AsnIntegerArrayBufferConverter, aj as KeyUsage, ak as BasicConstraints, al as ExtendedKeyUsage, am as SubjectKeyIdentifier, an as AuthorityKeyIdentifier, ao as CRLDistributionPoints, ap as AuthorityInfoAccessSyntax, aq as SubjectInfoAccessSyntax, ar as SubjectAlternativeName, as as CertificatePolicies, at as CertificateTransparency, au as NameConstraints, av as CertificateTemplate, aw as EnrollCertTypeChoice, ax as CaVersion, ay as QCStatements, az as NetscapeComment, aA as NetscapeCertType, aB as LeiRole, aC as LeiChoice, aD as Timestamp, aE as ArchiveRevInfo, a3 as CRLReason, aF as SubjectDirectoryAttributes, aG as PrivateKeyUsagePeriod, aH as EntrustVersionInfo, aI as BiometricSyntax, aJ as LogotypeExtn, aK as TNAuthorizationList, aL as PolicyConstraints, aM as PolicyMappings, aN as CRLNumber, aO as IssuingDistributionPoint } from './certification_request-5cadde9f.js';
+import { b as build } from './download-57c5bf8f.js';
+import { L as Link } from './link-ad24c3be.js';
+import { T as Typography, B as Button } from './button-35146bdd.js';
+import { D as DownloadIcon } from './download-0cc3077a.js';
 
 /**
  * @license
@@ -58,9 +60,14 @@ const RowTitle = (props) => {
   if (!value) {
     return null;
   }
-  return (h("tr", { class: "title" },
-    h("td", { colSpan: 2 },
-      h("peculiar-typography", { type: "h6" }, value))));
+  return [
+    h("tr", { class: "title" },
+      h("td", { colSpan: 2 },
+        h(Typography, { variant: "s1", color: "black" }, value))),
+    h("tr", null,
+      h("td", { colSpan: 2, class: "divider" },
+        h("span", null))),
+  ];
 };
 const RowValue = (props) => {
   const { name, value, monospace, collapse, href, extraValue, } = props;
@@ -80,12 +87,10 @@ const RowValue = (props) => {
   const hasValue = !!value.toString();
   return (h("tr", null,
     h("td", { colSpan: hasValue ? 1 : 2 },
-      h("peculiar-typography", { color: "grey_5" },
-        name,
-        hasValue ? ':' : '')),
+      h(Typography, { variant: "b2", color: "gray-9" }, name)),
     hasValue && (h("td", { class: {
         monospace,
-      } }, (isLink(value.toString()) || href) ? (h("peculiar-link", { href: href || value.toString() }, value)) : (h("peculiar-typography", { monospace: monospace },
+      } }, (isLink(value.toString()) || href) ? (h(Link, { variant: "b2", href: href || value.toString() }, value)) : (h(Typography, { variant: "b2", color: "black" },
       elementValue,
       extraValue))))));
 };
@@ -120,7 +125,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;
@@ -130,7 +135,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;
@@ -145,7 +150,7 @@ const PublicKey = (props) => {
   function renderKeyDetails(key) {
     return [
       h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(key.algorithm) }),
-      h(RowValue, { name: l10n.getString('namedCurve'), value: getStringByOID('namedCurve' in key.params ? key.params.namedCurve : undefined) }),
+      h(RowValue, { name: l10n.getString('namedCurve'), value: getStringByOID((key.params && 'namedCurve' in key.params) ? key.params.namedCurve : undefined) }),
       h(RowValue, { name: l10n.getString('exponent'), value: getPublicKeyExponent(key) }),
       h(RowValue, { name: l10n.getString('modulus'), value: getPublicKeyModulus(key) }),
       h(RowValue, { name: l10n.getString('value'), value: build.Convert.ToHex(key.value), monospace: true, collapse: true }),
@@ -184,7 +189,7 @@ const IssuerName = (props) => {
   const { name, issuerDnLink } = props;
   const title = l10n.getString('issuerName');
   return [
-    h(RowTitle, { value: issuerDnLink ? (h("peculiar-link", { href: issuerDnLink, type: "h6" }, title)) : title }),
+    h(RowTitle, { value: issuerDnLink ? (h(Link, { href: issuerDnLink }, title)) : title }),
     name.map((n) => (h(RowValue, { name: n.name || n.type, value: n.value }))),
   ];
 };
@@ -251,7 +256,7 @@ const BasicExtension = (props, children) => {
     children,
     h("tr", null,
       h("td", { colSpan: 2, class: "divider" },
-        h("span", { class: "bg_fill" }))),
+        h("span", null))),
   ]);
 };
 
@@ -292,7 +297,7 @@ const BasicConstraintsExtension = (props) => {
 const ExtendedKeyUsageExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Purposes:", value: "" }),
+    h(RowValue, { name: "Purposes", value: "" }),
     extension.value.map((usage) => (h(TableRowTable, null,
       h(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
   ])));
@@ -314,11 +319,11 @@ const SubjectKeyIdentifierExtension = (props) => {
     h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
         childrenLink && (h("span", null,
           "\u00A0[",
-          h("peculiar-link", { href: childrenLink }, "children"),
+          h(Link, { href: childrenLink }, "children"),
           "]")),
         siblingsLink && (h("span", null,
           "\u00A0[",
-          h("peculiar-link", { href: siblingsLink }, "siblings"),
+          h(Link, { href: siblingsLink }, "siblings"),
           "]")),
       ] })));
 };
@@ -339,11 +344,11 @@ const AuthorityKeyIdentifierExtension = (props) => {
     h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
         parentLink && (h("span", null,
           "\u00A0[",
-          h("peculiar-link", { href: parentLink }, "parents"),
+          h(Link, { href: parentLink }, "parents"),
           "]")),
         siblingsLink && (h("span", null,
           "\u00A0[",
-          h("peculiar-link", { href: siblingsLink }, "siblings"),
+          h(Link, { href: siblingsLink }, "siblings"),
           "]")),
       ] })));
 };
@@ -442,7 +447,7 @@ const CRLDistributionPointsExtension = (props) => {
 const InfoAccessSyntaxExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Descriptions:", value: "" }),
+    h(RowValue, { name: "Descriptions", value: "" }),
     extension.value.map((description) => (h(TableRowTable, null,
       h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
       h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
@@ -471,11 +476,11 @@ const SubjectAlternativeNameExtension = (props) => {
 const CertificatePoliciesExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Policies:", value: "" }),
+    h(RowValue, { name: "Policies", value: "" }),
     extension.value.map((policy) => (h(TableRowTable, null,
       h(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }),
       policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
-        h(RowValue, { name: "Qualifiers:", value: "" }),
+        h(RowValue, { name: "Qualifiers", value: "" }),
         policy.policyQualifiers.map((qualifierInfo) => {
           const data = [
             h(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
@@ -592,7 +597,7 @@ const logs = {
 const CertificateTransparencyExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.items.length) && ([
-    h(RowValue, { name: "Signed Certificate Timestamps:", value: "" }),
+    h(RowValue, { name: "Signed Certificate Timestamps", value: "" }),
     extension.value.toJSON().map((signedCertificateTimestamp) => (h(TableRowTable, null,
       h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
       h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
@@ -799,7 +804,7 @@ const QCStatementsExtension = (props) => {
     if (statementId === id_etsi_qcs_qcPDS) {
       const pdsLocations = AsnParser.parse(statementInfo, PdsLocations);
       return ([
-        h(RowValue, { name: "PDS Locations:", value: "" }),
+        h(RowValue, { name: "PDS Locations", value: "" }),
         pdsLocations.map((location) => (h(TableRowTable, null,
           h(RowValue, { name: "URL", value: location.url }),
           h(RowValue, { name: "Language", value: location.language })))),
@@ -808,7 +813,7 @@ const QCStatementsExtension = (props) => {
     return (h(RowValue, { name: "Info", value: build.Convert.ToHex(statementInfo), monospace: true }));
   }
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Statements:", value: "" }),
+    h(RowValue, { name: "Statements", value: "" }),
     extension.value.map((statement) => (h(TableRowTable, null,
       h(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }),
       renderStatementInfo(statement.statementId, statement.statementInfo)))),
@@ -929,7 +934,7 @@ function getAttributeValue(attribute) {
 const SubjectDirectoryAttributesExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Attributes:", value: "" }),
+    h(RowValue, { name: "Attributes", value: "" }),
     extension.value.map((attribute) => (h(TableRowTable, null,
       h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
       h(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
@@ -987,7 +992,7 @@ const EntrustVersionInfoExtension = (props) => {
 const BiometricSyntaxExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
-    h(RowValue, { name: "Biometrics:", value: "" }),
+    h(RowValue, { name: "Biometrics", value: "" }),
     extension.value.map((data) => (h(TableRowTable, null,
       h(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }),
       h(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }),
@@ -1271,16 +1276,14 @@ const Miscellaneous = (props) => {
   return [
     h(RowTitle, { value: l10n.getString('miscellaneous') }),
     h("tr", null,
-      h("td", { class: "vertical_align_middle" },
-        h("peculiar-typography", { color: "grey_5" },
-          l10n.getString('download'),
-          ":")),
       h("td", null,
-        h("peculiar-button-split", { onClick: () => certificate.downloadAsPEM(), actions: [{
-              text: l10n.getString('download.der'),
-              onClick: () => certificate.downloadAsDER(),
-            }] }, l10n.getString('download.pem')))),
+        h(Button, { onClick: () => certificate.downloadAsPEM(), startIcon: h(DownloadIcon, null) }, l10n.getString('download.pem')))),
+    h("tr", null,
+      h("td", null,
+        h(Button, { onClick: () => certificate.downloadAsDER(), startIcon: h(DownloadIcon, null) }, l10n.getString('download.der')))),
   ];
 };
 
 export { BasicInformation as B, Extensions as E, GeneralNamePart as G, IssuerName as I, Miscellaneous as M, PublicKey as P, RowValue as R, Signature as S, TableRowTable as T, RowTitle as a, Thumbprints as b, getLEILink as c, getDNSNameLink as d, getIPAddressLink as e, SubjectName as f, getStringByOID as g };
+
+//# sourceMappingURL=miscellaneous-7793a310.js.map