@peculiar/certificates-viewer 4.1.0 → 4.2.1

package/components/actions.js

@@ -11,9 +11,9 @@ import { h } from '@stencil/core/internal/client';
  * LICENSE file in the root directory of this source tree.
  */
 const ActionsIcon = (props) => {
-  const { color = 'gray-10' } = props;
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
-    h("path", { fill: `var(--pv-color-${color})`, d: "M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" })));
+    const { color = 'gray-10' } = props;
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
+        h("path", { fill: `var(--pv-color-${color})`, d: "M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" })));
 };
 
 export { ActionsIcon as A };

package/components/actions.js.map

@@ -1 +1 @@
-{"file":"actions.js","mappings":";;;;;AAAA;;;;;;;MAWa,WAAW,GAA+C,CAAC,KAAK;EAC3E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2GAA2G,GAC7G,CACE,EACN;AACJ;;;;","names":[],"sources":["src/components/icons/actions.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 { ColorType } from '../../interface';\n\nexport const ActionsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z\"\n      />\n    </svg>\n  );\n};\n"],"version":3}
+{"file":"actions.js","mappings":";;;;;AAAA;;;;;;;MAWa,WAAW,GAA+C,CAAC,KAAK;IAC3E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2GAA2G,GAC7G,CACE,EACN;AACJ;;;;","names":[],"sources":["src/components/icons/actions.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 { ColorType } from '../../interface';\n\nexport const ActionsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/components/arrow_top.js

@@ -11,9 +11,9 @@ import { h } from '@stencil/core/internal/client';
  * LICENSE file in the root directory of this source tree.
  */
 const ArrowBottomIcon = (props) => {
-  const { color = 'gray-10' } = props;
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-    h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
+    const { color = 'gray-10' } = props;
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
+        h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
 };
 
 /**
@@ -24,9 +24,9 @@ const ArrowBottomIcon = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const ArrowTopIcon = (props) => {
-  const { color = 'gray-10' } = props;
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-    h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
+    const { color = 'gray-10' } = props;
+    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
+        h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
 };
 
 export { ArrowBottomIcon as A, ArrowTopIcon as a };

package/components/arrow_top.js.map

@@ -1 +1 @@
-{"file":"arrow_top.js","mappings":";;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;EAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;","names":[],"sources":["src/components/icons/arrow_bottom.tsx","src/components/icons/arrow_top.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 { ColorType } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n","/**\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 { ColorType } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"],"version":3}
+{"file":"arrow_top.js","mappings":";;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;IAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;IAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;","names":[],"sources":["src/components/icons/arrow_bottom.tsx","src/components/icons/arrow_top.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 { ColorType } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n","/**\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 { ColorType } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/components/attribute-certificate-viewer.js

@@ -2,7 +2,7 @@
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
 import { h, proxyCustomElement, HTMLElement, Build, Host } from '@stencil/core/internal/client';
-import { A as AsnData, c as certificateRawToBuffer, a as AttributeCertificate, d as dateDiff, E as Extension, b as AsnConvert, g as getCertificateThumbprint, h as hexFormat, e as base64Format, R as RowTitle, l as l10n, G as GeneralNamePart, f as RowValue, i as getStringByOID, B as BasicInformation, S as Signature, T as Thumbprints, j as getLEILink, k as getDNSNameLink, m as getIPAddressLink, n as Extensions, M as Miscellaneous } from './miscellaneous.js';
+import { A as AsnData, c as certificateRawToBuffer, a as AttributeCertificate, d as dateDiff, E as Extension, b as AsnConvert, g as getCertificateThumbprint, h as hexFormat, e as base64Format, R as RowTitle, l as l10n, G as GeneralNamePart, f as RowValue, T as TableRowTable, i as getStringByOID, B as BasicInformation, S as Signature, j as Thumbprints, k as getLEILink, m as getDNSNameLink, n as getIPAddressLink, o as Extensions, M as Miscellaneous } from './miscellaneous.js';
 import { C as Convert_1, D as Download } from './download.js';
 import { A as Attribute, a as Attributes } from './index2.js';
 import { T as Typography } from './button.js';
@@ -15,78 +15,78 @@ import { T as Typography } from './button.js';
  * LICENSE file in the root directory of this source tree.
  */
 class X509AttributeCertificate extends AsnData {
-  constructor(raw) {
-    var _a;
-    super(certificateRawToBuffer(raw), AttributeCertificate);
-    this.thumbprints = {};
-    this.type = 'X.509 Attribute Certificate';
-    const { acinfo } = this.asn;
-    this.serialNumber = Convert_1.ToHex(acinfo.serialNumber);
-    this.version = acinfo.version;
-    const notBefore = acinfo.attrCertValidityPeriod.notBeforeTime;
-    if (!notBefore) {
-      throw new Error("Cannot get 'notBefore' value");
+    constructor(raw) {
+        var _a;
+        super(certificateRawToBuffer(raw), AttributeCertificate);
+        this.thumbprints = {};
+        this.type = 'X.509 Attribute Certificate';
+        const { acinfo } = this.asn;
+        this.serialNumber = Convert_1.ToHex(acinfo.serialNumber);
+        this.version = acinfo.version;
+        const notBefore = acinfo.attrCertValidityPeriod.notBeforeTime;
+        if (!notBefore) {
+            throw new Error("Cannot get 'notBefore' value");
+        }
+        this.notBefore = notBefore;
+        const notAfter = acinfo.attrCertValidityPeriod.notAfterTime;
+        if (!notAfter) {
+            throw new Error("Cannot get 'notAfter' value");
+        }
+        this.notAfter = notAfter;
+        this.validity = dateDiff(this.notBefore, this.notAfter);
+        this.issuer = acinfo.issuer.v1Form || ((_a = acinfo.issuer.v2Form) === null || _a === void 0 ? void 0 : _a.issuerName);
+        this.holder = acinfo.holder;
     }
-    this.notBefore = notBefore;
-    const notAfter = acinfo.attrCertValidityPeriod.notAfterTime;
-    if (!notAfter) {
-      throw new Error("Cannot get 'notAfter' value");
+    get signature() {
+        const { signatureValue, signatureAlgorithm } = this.asn;
+        return {
+            value: signatureValue,
+            algorithm: signatureAlgorithm.algorithm,
+        };
     }
-    this.notAfter = notAfter;
-    this.validity = dateDiff(this.notBefore, this.notAfter);
-    this.issuer = acinfo.issuer.v1Form || ((_a = acinfo.issuer.v2Form) === null || _a === void 0 ? void 0 : _a.issuerName);
-    this.holder = acinfo.holder;
-  }
-  get signature() {
-    const { signatureValue, signatureAlgorithm } = this.asn;
-    return {
-      value: signatureValue,
-      algorithm: signatureAlgorithm.algorithm,
-    };
-  }
-  parseExtensions() {
-    const { acinfo } = this.asn;
-    if (acinfo.extensions) {
-      this.extensions = acinfo.extensions
-        .map((e) => new Extension(AsnConvert.serialize(e)));
+    parseExtensions() {
+        const { acinfo } = this.asn;
+        if (acinfo.extensions) {
+            this.extensions = acinfo.extensions
+                .map((e) => new Extension(AsnConvert.serialize(e)));
+        }
     }
-  }
-  parseAttributes() {
-    const { acinfo } = this.asn;
-    if (acinfo.attributes) {
-      this.attributes = acinfo.attributes
-        .map((e) => new Attribute(AsnConvert.serialize(e)));
+    parseAttributes() {
+        const { acinfo } = this.asn;
+        if (acinfo.attributes) {
+            this.attributes = acinfo.attributes
+                .map((e) => new Attribute(AsnConvert.serialize(e)));
+        }
     }
-  }
-  async getThumbprint(algorithm = 'SHA-1') {
-    try {
-      const thumbprint = await getCertificateThumbprint(algorithm, this.raw);
-      if (thumbprint) {
-        this.thumbprints[algorithm] = Convert_1.ToHex(thumbprint);
-      }
+    async getThumbprint(algorithm = 'SHA-1') {
+        try {
+            const thumbprint = await getCertificateThumbprint(algorithm, this.raw);
+            if (thumbprint) {
+                this.thumbprints[algorithm] = Convert_1.ToHex(thumbprint);
+            }
+        }
+        catch (error) {
+            console.error('Error thumbprint get:', error);
+        }
     }
-    catch (error) {
-      console.error('Error thumbprint get:', error);
+    exportAsBase64() {
+        return Convert_1.ToBase64(this.raw);
+    }
+    exportAsHexFormatted() {
+        return hexFormat(Convert_1.ToHex(this.raw));
+    }
+    exportAsPemFormatted() {
+        return `-----BEGIN ATTRIBUTE CERTIFICATE-----\n${base64Format(this.exportAsBase64())}\n-----END ATTRIBUTE CERTIFICATE-----`;
+    }
+    get commonName() {
+        return `attribute-certificate-${this.thumbprints['SHA-1']}`;
+    }
+    downloadAsPEM(name) {
+        Download.attrCert.asPEM(this.exportAsPemFormatted(), name || this.commonName);
+    }
+    downloadAsDER(name) {
+        Download.attrCert.asDER(this.exportAsHexFormatted(), name || this.commonName);
     }
-  }
-  exportAsBase64() {
-    return Convert_1.ToBase64(this.raw);
-  }
-  exportAsHexFormatted() {
-    return hexFormat(Convert_1.ToHex(this.raw));
-  }
-  exportAsPemFormatted() {
-    return `-----BEGIN ATTRIBUTE CERTIFICATE-----\n${base64Format(this.exportAsBase64())}\n-----END ATTRIBUTE CERTIFICATE-----`;
-  }
-  get commonName() {
-    return `attribute-certificate-${this.thumbprints['SHA-1']}`;
-  }
-  downloadAsPEM(name) {
-    Download.attrCert.asPEM(this.exportAsPemFormatted(), name || this.commonName);
-  }
-  downloadAsDER(name) {
-    Download.attrCert.asDER(this.exportAsHexFormatted(), name || this.commonName);
-  }
 }
 
 /**
@@ -97,30 +97,31 @@ class X509AttributeCertificate extends AsnData {
  * LICENSE file in the root directory of this source tree.
  */
 const Holder = (props) => {
-  const { holder } = props;
-  if (!holder) {
-    return null;
-  }
-  const { baseCertificateID, objectDigestInfo } = holder;
-  return [
-    h(RowTitle, { value: l10n.getString('holder') }),
-    baseCertificateID && ([
-      baseCertificateID.issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-      h("tr", null,
-        h("td", null),
-        h("td", null)),
-      h(RowValue, { name: l10n.getString('serialNumber'), value: Convert_1.ToHex(baseCertificateID.serial), monospace: true }),
-      h("tr", null,
-        h("td", null),
-        h("td", null)),
-    ]),
-    objectDigestInfo && ([
-      h(RowValue, { name: l10n.getString('digestInfo'), value: "" }),
-      h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
-      h(RowValue, { name: l10n.getString('value'), value: Convert_1.ToHex(objectDigestInfo.objectDigest), monospace: true }),
-      h(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
-    ]),
-  ];
+    const { holder } = props;
+    if (!holder) {
+        return null;
+    }
+    const { baseCertificateID, objectDigestInfo } = holder;
+    return [
+        h(RowTitle, { value: l10n.getString('holder') }),
+        baseCertificateID && ([
+            baseCertificateID.issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+            h("tr", null,
+                h("td", null),
+                h("td", null)),
+            h(RowValue, { name: l10n.getString('serialNumber'), value: Convert_1.ToHex(baseCertificateID.serial), monospace: true }),
+            h("tr", null,
+                h("td", null),
+                h("td", null)),
+        ]),
+        objectDigestInfo && ([
+            h(RowValue, { name: l10n.getString('digestInfo'), value: "" }),
+            h(TableRowTable, null,
+                h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
+                h(RowValue, { name: l10n.getString('value'), value: Convert_1.ToHex(objectDigestInfo.objectDigest), monospace: true }),
+                h(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType })),
+        ]),
+    ];
 };
 
 /**
@@ -131,149 +132,150 @@ const Holder = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const Issuer = (props) => {
-  const { issuer } = props;
-  if (!issuer) {
-    return null;
-  }
-  return [
-    h(RowTitle, { value: l10n.getString('issuer') }),
-    issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-  ];
+    const { issuer } = props;
+    if (!issuer) {
+        return null;
+    }
+    return [
+        h(RowTitle, { value: l10n.getString('issuer') }),
+        issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+    ];
 };
 
 const certificateViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}";
+const PeculiarAttributeCertificateViewerStyle0 = certificateViewerCss;
 
 const AttributeCertificateViewer = /*@__PURE__*/ proxyCustomElement(class AttributeCertificateViewer extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.getAuthKeyIdParentLink = (value) => {
-      var _a;
-      return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
-    };
-    this.getAuthKeyIdSiblingsLink = (value) => {
-      var _a;
-      return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
-    };
-    this.getSubjectKeyIdChildrenLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.getSubjectKeyIdSiblingsLink = (value) => {
-      var _a;
-      return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
-    };
-    this.certificate = undefined;
-    this.download = undefined;
-    this.authKeyIdParentLink = undefined;
-    this.authKeyIdSiblingsLink = undefined;
-    this.subjectKeyIdChildrenLink = undefined;
-    this.subjectKeyIdSiblingsLink = undefined;
-    this.mobileMediaQueryString = '(max-width: 900px)';
-    this.mobileScreenView = false;
-    this.isDecodeInProcess = true;
-  }
-  handleMediaQueryChange(event) {
-    this.mobileScreenView = event.matches;
-  }
-  componentWillLoad() {
-    this.decodeCertificate(this.certificate);
-    if (Build.isBrowser) {
-      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);
-      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));
-      this.mobileScreenView = this.mobileMediaQuery.matches;
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.getAuthKeyIdParentLink = (value) => {
+            var _a;
+            return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+        };
+        this.getAuthKeyIdSiblingsLink = (value) => {
+            var _a;
+            return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+        };
+        this.getSubjectKeyIdChildrenLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.getSubjectKeyIdSiblingsLink = (value) => {
+            var _a;
+            return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+        };
+        this.certificate = undefined;
+        this.download = undefined;
+        this.authKeyIdParentLink = undefined;
+        this.authKeyIdSiblingsLink = undefined;
+        this.subjectKeyIdChildrenLink = undefined;
+        this.subjectKeyIdSiblingsLink = undefined;
+        this.mobileMediaQueryString = '(max-width: 900px)';
+        this.mobileScreenView = false;
+        this.isDecodeInProcess = true;
     }
-  }
-  disconnectedCallback() {
-    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));
-  }
-  async decodeCertificate(certificate) {
-    this.isDecodeInProcess = true;
-    try {
-      if (certificate instanceof X509AttributeCertificate) {
-        this.certificateDecoded = certificate;
-      }
-      else if (typeof certificate === 'string') {
-        this.certificateDecoded = new X509AttributeCertificate(certificate);
-      }
-      else {
-        return;
-      }
-      this.certificateDecoded.parseExtensions();
-      this.certificateDecoded.parseAttributes();
-      await this.certificateDecoded.getThumbprint('SHA-1');
-      await this.certificateDecoded.getThumbprint('SHA-256');
+    handleMediaQueryChange(event) {
+        this.mobileScreenView = event.matches;
+    }
+    componentWillLoad() {
+        this.decodeCertificate(this.certificate);
+        if (Build.isBrowser) {
+            this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);
+            this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));
+            this.mobileScreenView = this.mobileMediaQuery.matches;
+        }
     }
-    catch (error) {
-      this.certificateDecodeError = error;
-      console.error('Error certificate parse:', error);
+    disconnectedCallback() {
+        this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));
     }
-    this.isDecodeInProcess = false;
-  }
-  /**
-   * Rerun decodeCertificate if previuos value not equal current value
-   */
-  watchCertificateAndDecode(newValue, oldValue) {
-    if (typeof newValue === 'string' && typeof oldValue === 'string') {
-      if (newValue !== oldValue) {
-        this.decodeCertificate(newValue);
-      }
-      return;
+    async decodeCertificate(certificate) {
+        this.isDecodeInProcess = true;
+        try {
+            if (certificate instanceof X509AttributeCertificate) {
+                this.certificateDecoded = certificate;
+            }
+            else if (typeof certificate === 'string') {
+                this.certificateDecoded = new X509AttributeCertificate(certificate);
+            }
+            else {
+                return;
+            }
+            this.certificateDecoded.parseExtensions();
+            this.certificateDecoded.parseAttributes();
+            await this.certificateDecoded.getThumbprint('SHA-1');
+            await this.certificateDecoded.getThumbprint('SHA-256');
+        }
+        catch (error) {
+            this.certificateDecodeError = error;
+            console.error('Error certificate parse:', error);
+        }
+        this.isDecodeInProcess = false;
     }
-    if (newValue instanceof X509AttributeCertificate
-      && oldValue instanceof X509AttributeCertificate) {
-      if (newValue.serialNumber !== oldValue.serialNumber) {
-        this.decodeCertificate(newValue);
-      }
+    /**
+     * Rerun decodeCertificate if previuos value not equal current value
+     */
+    watchCertificateAndDecode(newValue, oldValue) {
+        if (typeof newValue === 'string' && typeof oldValue === 'string') {
+            if (newValue !== oldValue) {
+                this.decodeCertificate(newValue);
+            }
+            return;
+        }
+        if (newValue instanceof X509AttributeCertificate
+            && oldValue instanceof X509AttributeCertificate) {
+            if (newValue.serialNumber !== oldValue.serialNumber) {
+                this.decodeCertificate(newValue);
+            }
+        }
     }
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderErrorState() {
-    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There was an error decoding this attribute certificate.")));
-  }
-  // eslint-disable-next-line class-methods-use-this
-  renderEmptyState() {
-    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There is no attribute certificate available.")));
-  }
-  render() {
-    if (this.certificateDecodeError) {
-      return this.renderErrorState();
+    // eslint-disable-next-line class-methods-use-this
+    renderErrorState() {
+        return (h("div", { class: "status_wrapper" }, h(Typography, null, "There was an error decoding this attribute certificate.")));
     }
-    if (!this.certificateDecoded) {
-      return this.renderEmptyState();
+    // eslint-disable-next-line class-methods-use-this
+    renderEmptyState() {
+        return (h("div", { class: "status_wrapper" }, h(Typography, null, "There is no attribute certificate available.")));
     }
-    return (h(Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, h("table", null, h(BasicInformation, Object.assign({}, this.certificateDecoded)), h(Issuer, { issuer: this.certificateDecoded.issuer }), h(Holder, { holder: this.certificateDecoded.holder }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
-  }
-  static get watchers() { return {
-    "certificate": ["watchCertificateAndDecode"]
-  }; }
-  static get style() { return certificateViewerCss; }
+    render() {
+        if (this.certificateDecodeError) {
+            return this.renderErrorState();
+        }
+        if (!this.certificateDecoded) {
+            return this.renderEmptyState();
+        }
+        return (h(Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, h("table", null, h(BasicInformation, Object.assign({}, this.certificateDecoded)), h(Issuer, { issuer: this.certificateDecoded.issuer }), h(Holder, { holder: this.certificateDecoded.holder }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+    }
+    static get watchers() { return {
+        "certificate": ["watchCertificateAndDecode"]
+    }; }
+    static get style() { return PeculiarAttributeCertificateViewerStyle0; }
 }, [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]
-  }, undefined, {
-    "certificate": ["watchCertificateAndDecode"]
-  }]);
+        "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]
+    }, undefined, {
+        "certificate": ["watchCertificateAndDecode"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["peculiar-attribute-certificate-viewer"];
-  components.forEach(tagName => { switch (tagName) {
-    case "peculiar-attribute-certificate-viewer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AttributeCertificateViewer);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["peculiar-attribute-certificate-viewer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "peculiar-attribute-certificate-viewer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AttributeCertificateViewer);
+            }
+            break;
+    } });
 }
 
 export { AttributeCertificateViewer as A, X509AttributeCertificate as X, defineCustomElement as d };