@peculiar/certificates-viewer 3.0.4 → 3.2.0

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

@@ -0,0 +1,479 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+const certification_request = require('./certification_request-cde57123.js');
+const index$1 = require('./index-ff818d4d.js');
+const l10n = require('./l10n-a048a686.js');
+const x509_attribute_certificate = require('./x509_attribute_certificate-cc325b70.js');
+const public_key = require('./public_key-e56dbe52.js');
+const csr = require('./csr-78378ed0.js');
+require('./_commonjsHelpers-cb1f949a.js');
+require('./download-6724f3a7.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 BasicAttribute = (props, children) => {
+  const { attribute } = props;
+  return ([
+    index.h(public_key.RowValue, { name: "Name", value: public_key.getStringByOID(attribute.asn.type) }),
+    children,
+    index.h("tr", null,
+      index.h("td", { colSpan: 2, class: "divider" },
+        index.h("span", { class: "bg_fill" }))),
+  ]);
+};
+
+/**
+ * @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 NamePart = (props) => {
+  const { name } = props;
+  if (!name) {
+    return null;
+  }
+  return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (index.h(public_key.RowValue, { name: certification_request.OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
+};
+
+/**
+ * @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 NameAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(NamePart, { name: attribute.value })));
+};
+
+/**
+ * @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 ActivityDescriptionAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Code Authority", value: "" }),
+    index.h(public_key.GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    index.h(public_key.RowValue, { name: "Code Id", value: "" }),
+    index.h(public_key.GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    index.h(public_key.RowValue, { name: "Short Name", value: attribute.value.shortName }),
+    index.h(public_key.RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
+};
+
+/**
+ * @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 WebGdprAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Assessment Authority", value: "" }),
+    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    index.h(public_key.RowValue, { name: "Assessment Location", value: "" }),
+    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    index.h(public_key.RowValue, { name: "Assessment Ref", value: "" }),
+    index.h(public_key.GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    index.h(public_key.RowValue, { name: "Data Storage Territory", value: attribute.value.dataStorageTerritory }),
+    index.h(public_key.RowValue, { name: "Description", value: attribute.value.description })));
+};
+
+/**
+ * @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 InsuranceValueAttribute = (props) => {
+  const { attribute } = props;
+  const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Value", value: value })));
+};
+
+/**
+ * @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 TypeRelationshipAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (index.h(public_key.RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? 'YES' : 'NO' })))));
+};
+
+/**
+ * @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 getValueRank = (value) => {
+  let ratio = 1;
+  if (value / 100 > 1) {
+    ratio = 100;
+  }
+  else if (value / 10 > 1) {
+    ratio = 10;
+  }
+  return `${value}/${5 * ratio}`;
+};
+const ValuationRankingAttribute = (props) => {
+  const { attribute } = props;
+  const values = Object.keys(attribute.value).map((keyName) => ([
+    getValueRank(attribute.value[keyName]),
+    index.h("br", null),
+  ]));
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Value", value: values })));
+};
+
+/**
+ * @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 AsStringAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Value", value: attribute.value, monospace: true })));
+};
+
+/**
+ * @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 UnstructuredNameAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Value", value: attribute.value.utf8String })));
+};
+
+/**
+ * @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 ChallengePasswordAttribute = (props) => {
+  const { attribute } = props;
+  return (index.h(BasicAttribute, { attribute: attribute },
+    index.h(public_key.RowValue, { name: "Value", value: attribute.value.toString() })));
+};
+
+/**
+ * @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 Attributes = (props) => {
+  const { attributes } = props;
+  if (!attributes || !attributes.length) {
+    return null;
+  }
+  return ([
+    index.h(public_key.RowTitle, { value: "Attributes" }),
+    attributes.map((attribute) => {
+      try {
+        if (attribute.value instanceof certification_request.Name$1) {
+          return (index.h(NameAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.ActivityDescription) {
+          return (index.h(ActivityDescriptionAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.WebGDPR) {
+          return (index.h(WebGdprAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.InsuranceValue) {
+          return (index.h(InsuranceValueAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.TypeRelationship) {
+          return (index.h(TypeRelationshipAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.ValuationRanking) {
+          return (index.h(ValuationRankingAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.UnstructuredName) {
+          return (index.h(UnstructuredNameAttribute, { attribute: attribute }));
+        }
+        if (attribute.value instanceof certification_request.ChallengePassword) {
+          return (index.h(ChallengePasswordAttribute, { attribute: attribute }));
+        }
+        if (typeof attribute.value === 'string') {
+          return (index.h(AsStringAttribute, { attribute: attribute }));
+        }
+        return (index.h(BasicAttribute, { attribute: attribute }));
+      }
+      catch (error) {
+        console.error('Error render attribute:', attribute.asn.type);
+        return null;
+      }
+    }),
+  ]);
+};
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const Issuer = (props) => {
+  const { issuer } = props;
+  if (!issuer) {
+    return null;
+  }
+  return [
+    index.h(public_key.RowTitle, { value: l10n.l10n.getString('issuer') }),
+    issuer.map((item) => (index.h(public_key.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+  ];
+};
+
+/**
+ * @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 Holder = (props) => {
+  const { holder } = props;
+  if (!holder) {
+    return null;
+  }
+  const { baseCertificateID, objectDigestInfo } = holder;
+  return [
+    index.h(public_key.RowTitle, { value: l10n.l10n.getString('holder') }),
+    baseCertificateID && ([
+      baseCertificateID.issuer.map((item) => (index.h(public_key.GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+      index.h("tr", null,
+        index.h("td", null),
+        index.h("td", null)),
+      index.h(public_key.RowValue, { name: l10n.l10n.getString('serialNumber'), value: index$1.build.Convert.ToHex(baseCertificateID.serial), monospace: true }),
+      index.h("tr", null,
+        index.h("td", null),
+        index.h("td", null)),
+    ]),
+    objectDigestInfo && ([
+      index.h(public_key.RowValue, { name: l10n.l10n.getString('digestInfo'), value: "" }),
+      index.h(public_key.RowValue, { name: l10n.l10n.getString('algorithm'), value: public_key.getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
+      index.h(public_key.RowValue, { name: l10n.l10n.getString('value'), value: index$1.build.Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
+      index.h(public_key.RowValue, { name: l10n.l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
+    ]),
+  ];
+};
+
+const certificateViewerCss$1 = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+
+const AttributeCertificateViewer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isDecodeInProcess = true;
+    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);
+    };
+  }
+  componentWillLoad() {
+    this.decodeCertificate(this.certificate);
+  }
+  async decodeCertificate(certificate) {
+    this.isDecodeInProcess = true;
+    try {
+      if (certificate instanceof x509_attribute_certificate.X509AttributeCertificate) {
+        this.certificateDecoded = certificate;
+      }
+      else if (typeof certificate === 'string') {
+        this.certificateDecoded = new x509_attribute_certificate.X509AttributeCertificate(certificate);
+      }
+      else {
+        return;
+      }
+      this.certificateDecoded.parseExtensions();
+      this.certificateDecoded.parseAttributes();
+      await this.certificateDecoded.getThumbprint('SHA-1');
+      await this.certificateDecoded.getThumbprint('SHA-256');
+    }
+    catch (error) {
+      this.certificateDecodeError = error;
+      console.error('Error certificate parse:', error);
+    }
+    this.isDecodeInProcess = false;
+  }
+  /**
+   * Rerun decodeCertificate if previuos value not equal current value
+   */
+  watchCertificateAndDecode(newValue, oldValue) {
+    if (typeof newValue === 'string' && typeof oldValue === 'string') {
+      if (newValue !== oldValue) {
+        this.decodeCertificate(newValue);
+      }
+      return;
+    }
+    if (newValue instanceof x509_attribute_certificate.X509AttributeCertificate
+      && oldValue instanceof x509_attribute_certificate.X509AttributeCertificate) {
+      if (newValue.serialNumber !== oldValue.serialNumber) {
+        this.decodeCertificate(newValue);
+      }
+    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderErrorState() {
+    return (index.h("div", { class: "status_wrapper" }, index.h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this attribute certificate.")));
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderEmptyState() {
+    return (index.h("div", { class: "status_wrapper" }, index.h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no attribute certificate available.")));
+  }
+  render() {
+    if (this.certificateDecodeError) {
+      return this.renderErrorState();
+    }
+    if (!this.certificateDecoded) {
+      return this.renderEmptyState();
+    }
+    return (index.h(index.Host, null, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(Issuer, { issuer: this.certificateDecoded.issuer }), index.h(Holder, { holder: this.certificateDecoded.holder }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(public_key.Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+  }
+  static get watchers() { return {
+    "certificate": ["watchCertificateAndDecode"]
+  }; }
+};
+AttributeCertificateViewer.style = certificateViewerCss$1;
+
+const certificateViewerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;border-collapse:collapse}table .title td{border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
+
+const CsrViewer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isDecodeInProcess = true;
+    this.getAuthKeyIdParentLink = (value) => value;
+    this.getAuthKeyIdSiblingsLink = (value) => value;
+    this.getSubjectKeyIdChildrenLink = (value) => {
+      var _a;
+      return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+    };
+    this.getSubjectKeyIdSiblingsLink = (value) => {
+      var _a;
+      return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+    };
+  }
+  componentWillLoad() {
+    this.decodeCertificate(this.certificate);
+  }
+  async decodeCertificate(certificate) {
+    this.isDecodeInProcess = true;
+    try {
+      if (certificate instanceof csr.CSR) {
+        this.certificateDecoded = certificate;
+      }
+      else if (typeof certificate === 'string') {
+        this.certificateDecoded = new csr.CSR(certificate);
+      }
+      else {
+        return;
+      }
+      this.certificateDecoded.parseAttributes();
+      await this.certificateDecoded.getThumbprint('SHA-1');
+      await this.certificateDecoded.getThumbprint('SHA-256');
+    }
+    catch (error) {
+      this.certificateDecodeError = error;
+      console.error('Error certificate parse:', error);
+    }
+    this.isDecodeInProcess = false;
+  }
+  /**
+   * Rerun decodeCertificate if previuos value not equal current value
+   */
+  watchCertificateAndDecode(newValue, oldValue) {
+    if (typeof newValue === 'string' && typeof oldValue === 'string') {
+      if (newValue !== oldValue) {
+        this.decodeCertificate(newValue);
+      }
+      return;
+    }
+    if (newValue instanceof csr.CSR
+      && oldValue instanceof csr.CSR) {
+      if (newValue.commonName !== oldValue.commonName) {
+        this.decodeCertificate(newValue);
+      }
+    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderErrorState() {
+    return (index.h("div", { class: "status_wrapper" }, index.h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this certificate request.")));
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderEmptyState() {
+    return (index.h("div", { class: "status_wrapper" }, index.h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no certificate request available.")));
+  }
+  getExtensionRequestAttribute() {
+    if (!this.certificateDecoded) {
+      return undefined;
+    }
+    return this.certificateDecoded.attributes
+      .find((attribute) => attribute.asn.type === '1.2.840.113549.1.9.14');
+  }
+  render() {
+    if (this.certificateDecodeError) {
+      return this.renderErrorState();
+    }
+    if (!this.certificateDecoded) {
+      return this.renderEmptyState();
+    }
+    const extensionRequestAttribute = this.getExtensionRequestAttribute();
+    return (index.h(index.Host, { "data-view": this.view }, index.h("table", null, index.h(public_key.BasicInformation, Object.assign({}, this.certificateDecoded)), index.h(public_key.SubjectName, { name: this.certificateDecoded.subject }), index.h(public_key.PublicKey, { publicKey: this.certificateDecoded.publicKey }), index.h(public_key.Signature, { signature: this.certificateDecoded.signature }), index.h(public_key.Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), index.h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), index.h(public_key.Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: public_key.getLEILink, getDNSNameLink: public_key.getDNSNameLink, getIPAddressLink: public_key.getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (index.h(public_key.Miscellaneous, { certificate: this.certificateDecoded })))));
+  }
+  static get watchers() { return {
+    "certificate": ["watchCertificateAndDecode"]
+  }; }
+};
+CsrViewer.style = certificateViewerCss;
+
+exports.peculiar_attribute_certificate_viewer = AttributeCertificateViewer;
+exports.peculiar_csr_viewer = CsrViewer;

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

@@ -0,0 +1,148 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+
+const buttonCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;width:auto;cursor:pointer;position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;--pv-button-padding-end:5px;--pv-button-padding-start:5px}.button{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);font-size:13px;font-size:var(--pv-font-size-b3);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;border-style:solid;border-width:1px;font-weight:400;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;cursor:inherit;height:30px;line-height:30px;border-radius:2px;padding:0 5px;padding:0 var(--pv-button-padding-end) 0 var(--pv-button-padding-start)}.button::-moz-focus-inner{border:0}.button:focus{outline:none;-webkit-box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1);box-shadow:0 4px 10px 0 rgba(var(--pv-color-dark-rgb), 0.1)}.button[disabled]{opacity:0.5;cursor:not-allowed}.button_stroke{border-color:rgba(53, 132, 247, 0.3);border-color:rgba(var(--pv-color-primary-rgb), 0.3);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);background-color:transparent}.button_fill{border-color:#3584f7;border-color:rgba(var(--pv-color-primary-rgb), 1);background-color:#3584f7;background-color:rgba(var(--pv-color-primary-rgb), 1);color:white;color:rgba(var(--pv-color-light-rgb), 1)}.button_label{-webkit-transition:opacity 200ms;transition:opacity 200ms}.button:hover .button_label{opacity:0.7}";
+
+const Button = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fill = 'stroke';
+    this.handleClick = (event) => {
+      if (this.disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      if (this.onClick) {
+        this.onClick(event);
+      }
+    };
+  }
+  render() {
+    const isLink = !!this.href;
+    const TagType = isLink ? 'a' : 'button';
+    return (index.h(TagType, { class: {
+        button: true,
+        button_stroke: this.fill === 'stroke',
+        button_fill: this.fill === 'fill',
+        button_disabled: this.disabled,
+      }, disabled: this.disabled, type: !isLink && 'button', href: isLink && this.href, target: isLink && this.target ? this.target : null, rel: isLink && 'noreferrer noopener', onClick: this.handleClick, part: "base" }, index.h("span", { part: "label", class: "button_label" }, index.h("slot", null))));
+  }
+};
+Button.style = buttonCss;
+
+const buttonSplitCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline-block;vertical-align:top;position:relative;white-space:nowrap;font-size:0}.button_split_icon{width:7px;height:5px;display:inline-block;vertical-align:middle}.button_split_with_icon{width:25px;border-bottom-left-radius:0;border-top-left-radius:0}.button_split_with_icon.m_open::part(base):before{position:fixed;width:100%;height:100%;top:0;left:0;content:\"\"}.button_split_action{width:100%}.button_split_container{position:absolute;bottom:calc(100% + 1px);left:0;width:100%;border-radius:2px;-webkit-box-shadow:0px -2px 1px rgb(var(--pv-color-light-rgb)), 0px 0px 10px rgba(var(--pv-color-dark-rgb), 0.0241168);box-shadow:0px -2px 1px rgb(var(--pv-color-light-rgb)), 0px 0px 10px rgba(var(--pv-color-dark-rgb), 0.0241168);z-index:1}.button_split>peculiar-button:first-of-type::part(base){border-top-right-radius:0;border-bottom-right-radius:0}.button_split>peculiar-button:last-of-type::part(base){border-top-left-radius:0;border-bottom-left-radius:0}.button_split>peculiar-button:not(:first-child){margin-left:-1px}";
+
+const ButtonSplit = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fill = 'stroke';
+    this.actions = [];
+    this.open = false;
+    this.onClickSplitButton = (event) => {
+      event.stopPropagation();
+      this.open = !this.open;
+    };
+  }
+  onClickActiveButton(action, event) {
+    this.open = false;
+    action(event);
+  }
+  renderActiveSplitState() {
+    if (!this.open) {
+      return null;
+    }
+    return (index.h("div", { class: "button_split_container" }, this.actions.map((action) => (index.h("peculiar-button", { fill: "fill", class: "button_split_action", onClick: this.onClickActiveButton.bind(this, action.onClick) }, action.text)))));
+  }
+  render() {
+    return (index.h("div", { class: {
+        button_split: true,
+      } }, index.h("peculiar-button", { fill: this.fill, onClick: this.onClick }, index.h("slot", null)), index.h("peculiar-button", { fill: this.fill, onClick: this.onClickSplitButton, class: {
+        button_split_with_icon: true,
+        m_open: this.open,
+      } }, index.h("svg", { viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", class: "button_split_icon" }, index.h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.459.124c.934.001 1.442.994.84 1.644L4.425 3.794c-.44.475-1.244.475-1.684 0L.862 1.764C.26 1.115.77.12 1.705.122l3.754.003z" }))), this.renderActiveSplitState()));
+  }
+};
+ButtonSplit.style = buttonSplitCss;
+
+const linkCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;display:inline-block}.link{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);line-height:1.4;line-height:var(--pv-line-height-normal);color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1);font-weight:400;margin:0;padding:0;word-break:break-all}.link_type_h4{font-size:17px;font-size:var(--pv-font-size-h4);font-weight:600}.link_type_h6{font-size:15px;font-size:var(--pv-font-size-h6);font-weight:600}.link_type_h7{font-size:14px;font-size:var(--pv-font-size-h7);font-weight:600}.link_type_b1{font-size:15px;font-size:var(--pv-font-size-b1)}.link_type_b3{font-size:13px;font-size:var(--pv-font-size-b3)}.link:hover{text-decoration:none}";
+
+const Link = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Typography type.
+     */
+    this.type = 'b3';
+  }
+  render() {
+    return (index.h("a", { href: this.href, target: "_blank", rel: "noreferrer noopener", class: {
+        link: true,
+        [`link_type_${this.type || 'b3'}`]: true,
+      } }, index.h("slot", null)));
+  }
+};
+Link.style = linkCss;
+
+const textHiderCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%}.text{display:inline-block;width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.text.m_opened{white-space:initial}.action{vertical-align:top;display:inline-block;width:60px;text-align:right;position:relative;top:-6px}.button_action{width:30px}.expand_icon{width:7px;height:5px;display:inline-block}.m_opened .expand_icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}";
+
+const TextHider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.textExpand = index.createEvent(this, "textExpand", 7);
+    this.opened = false;
+  }
+  textExpandHandler() {
+    this.opened = !this.opened;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "root" }, index.h("div", { class: {
+        text: true,
+        m_opened: this.opened,
+      } }, index.h("slot", null)), index.h("div", { class: "action" }, index.h("peculiar-button", { onClick: this.textExpand.emit, class: {
+        button_action: true,
+        m_opened: this.opened,
+      }, fill: this.opened ? 'fill' : 'stroke' }, index.h("svg", { viewBox: "0 0 7 5", xmlns: "http://www.w3.org/2000/svg", class: "expand_icon" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "currentColor", d: "M5.459.124c.934.001 1.442.994.84 1.644L4.425 3.794c-.44.475-1.244.475-1.684 0L.862 1.764C.26 1.115.77.12 1.705.122l3.754.003z" })))))));
+  }
+};
+TextHider.style = textHiderCss;
+
+const typographyCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;display:block}.typography{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);line-height:1.4;line-height:var(--pv-line-height-normal);font-weight:400;margin:0;padding:0;display:block}.typography_type_h4{font-size:17px;font-size:var(--pv-font-size-h4);font-weight:600}.typography_type_h6{font-size:15px;font-size:var(--pv-font-size-h6);font-weight:600}.typography_type_h7{font-size:14px;font-size:var(--pv-font-size-h7);font-weight:600}.typography_type_b1{font-size:15px;font-size:var(--pv-font-size-b1)}.typography_type_b3{font-size:13px;font-size:var(--pv-font-size-b3)}.typography_color_dark{color:#2a3134;color:rgba(var(--pv-color-dark-rgb), 1)}.typography_color_light{color:white;color:rgba(var(--pv-color-light-rgb), 1)}.typography_color_grey_3{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.typography_color_grey_5{color:#869196;color:rgba(var(--pv-color-grey_5-rgb), 1)}.typography_color_attention{color:#f7a831;color:rgba(var(--pv-color-attention-rgb), 1)}.typography_color_primary{color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1)}.typography_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography_monospace{font-family:monospace}.typography_align_left{text-align:left}.typography_align_center{text-align:center}.typography_align_right{text-align:right}";
+
+const PeculiarTypography = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Typography type.
+     */
+    this.type = 'b3';
+    /**
+     * Component color from theme.
+     */
+    this.color = 'dark';
+  }
+  render() {
+    const TagType = this.type && this.type.includes('h') ? this.type : 'p';
+    return (index.h(TagType, { class: {
+        typography: true,
+        [`typography_type_${this.type || 'b3'}`]: true,
+        [`typography_color_${this.color || 'dark'}`]: true,
+        [`typography_align_${this.align}`]: !!this.align,
+        typography_ellipsis: this.ellipsis,
+        typography_monospace: this.monospace,
+      } }, index.h("slot", null)));
+  }
+};
+PeculiarTypography.style = typographyCss;
+
+exports.peculiar_button = Button;
+exports.peculiar_button_split = ButtonSplit;
+exports.peculiar_link = Link;
+exports.peculiar_text_hider = TextHider;
+exports.peculiar_typography = PeculiarTypography;