@peculiar/certificates-viewer 4.2.1 → 4.2.2

package/dist/peculiar/p-c3fce3f5.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import{r as t,c as e,h as a,H as r}from"./p-3cb79cd9.js";import{K as o,L as c,M as s,O as i,P as n}from"./p-6acca6ea.js";import{a as v}from"./p-25a532a3.js";import{X as p}from"./p-31d5da39.js";import{X as l,a as h}from"./p-82e4faf0.js";import{P as d}from"./p-78a6b479.js";import{T as b,B as g}from"./p-4bc5ddbe.js";const f="*{-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%}.textarea{min-height:300px;width:100%;border-radius:4px;border:1px solid var(--pv-color-gray-5);padding:14px;font-family:monospace;resize:vertical}.viewer{margin-top:var(--pv-size-base-12)}.controls{margin-top:var(--pv-size-base-2);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pv-size-base-2)}.control_row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--pv-size-base)}";const y=f;const x=class{constructor(a){t(this,a);this.successParse=e(this,"successParse",7);this.clearCertificate=e(this,"clearCertificate",7);this.handleClickDecode=()=>{const{value:t}=this.inputPaste;if(t){this.decode(t)}};this.handleClickClear=()=>{this.clearValue()};this.handleChangeInputFile=async t=>{const e=t.target;if(e.files){const t=await v(e.files[0]);if(typeof t.value==="string"){this.decode(t.value)}e.value=""}};this.handleChangeExample=t=>{if(t.target.value){this.decode(t.target.value)}else{this.clearValue()}};this.handleDropFile=async t=>{t.stopPropagation();t.preventDefault();const e=t.dataTransfer;if(e.files){const t=await v(e.files[0]);if(typeof t.value==="string"){this.decode(t.value)}}};this.certificateExamples=undefined;this.defaultCertificate=undefined;this.certificateDecoded=undefined}componentDidLoad(){if(this.defaultCertificate){setTimeout((()=>this.decode(this.defaultCertificate)),100)}}clearValue(){this.inputPaste.value="";this.certificateDecoded=null;this.clearCertificate.emit()}setValue(t){this.certificateDecoded=t;this.inputPaste.value=t.toString("pem");this.successParse.emit(t.toString("base64"))}decode(t){const e=o(t);const a=c(t);const r=s(t);const v=i(t);const b=n(t);let g;let f;if(e&&!(a||v||r||b)){this.clearValue();alert("Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.");return}try{if(a){g=new p(t)}if(v){g=new l(t)}if(r){g=new d(t)}if(b){g=new h(t)}}catch(t){f=t}if(!g){try{g=new p(t)}catch(t){f=t}}if(!g){try{g=new l(t)}catch(t){f=t}}if(!g){try{g=new d(t)}catch(t){f=t}}if(!g){try{g=new h(t)}catch(t){f=t}}if(!g){this.clearValue();console.log(f);alert("Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.")}else{this.setValue(g)}}render(){var t;return a(r,{key:"7e7738b6552c8bcecc62850e7cffd915b94dc144"},a("textarea",{key:"fce9e435a476f015ac9fcafba23cb6cd338734b9",placeholder:"Certificate DER or PEM",class:"textarea t-b2 c-black",ref:t=>{this.inputPaste=t},onDrop:this.handleDropFile}),a("div",{key:"5fbb94920b5226a81ca57c9ebf489f081684f282",class:"controls"},a("div",{key:"828ff9a65a035dafa43b8bca8f7746682b86afac",class:"control_row"},a(b,{key:"80b75774669e2f54dda2fbdbd87cb5a6932f43fc",variant:"b3",color:"secondary-tint-2"},"Drag or load file:"),a("input",{key:"fb281f25973807c84fda36dd52c99c1fe6c62398",type:"file",accept:"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl",onChange:this.handleChangeInputFile,value:""})),((t=this.certificateExamples)===null||t===void 0?void 0:t.length)&&a("div",{class:"control_row"},a(b,{variant:"b3",color:"secondary-tint-2"},"Load examples:"),a("select",{onChange:this.handleChangeExample},a("option",{value:""},"None"),this.certificateExamples.map((t=>a("option",{value:t.value},t.title))))),a("div",{key:"a975c8f848d0c2dd2dd1e74d558051a3a28c99e7",class:"control_row"},a(g,{key:"4979abadf98b879c32751d5454d00bb4323a306b",onClick:this.handleClickDecode},"Decode"),a(g,{key:"2f1118d241db412e56a00bf449acbc24853efff9",onClick:this.handleClickClear},"Clear"))),this.certificateDecoded instanceof p&&a("peculiar-certificate-viewer",{certificate:this.certificateDecoded,class:"viewer",download:true}),this.certificateDecoded instanceof l&&a("peculiar-attribute-certificate-viewer",{certificate:this.certificateDecoded,class:"viewer",download:true}),this.certificateDecoded instanceof d&&a("peculiar-csr-viewer",{certificate:this.certificateDecoded,class:"viewer",download:true}),this.certificateDecoded instanceof h&&a("peculiar-crl-viewer",{certificate:this.certificateDecoded,class:"viewer",download:true}))}};x.style=y;export{x as peculiar_certificate_decoder};
+//# sourceMappingURL=p-c3fce3f5.entry.js.map

package/dist/peculiar/p-c3fce3f5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["certificateDecoderCss","PeculiarCertificateDecoderStyle0","CertificateDecoder","this","handleClickDecode","value","inputPaste","decode","handleClickClear","clearValue","handleChangeInputFile","async","event","element","target","files","file","readAsBinaryString","handleChangeExample","handleDropFile","stopPropagation","preventDefault","dataTransfer","componentDidLoad","defaultCertificate","setTimeout","certificateDecoded","clearCertificate","emit","setValue","toString","successParse","certificate","isPem","validator.isPem","isX509Pem","validator.isX509Pem","isPkcs10Pem","validator.isPkcs10Pem","isX509AttributePem","validator.isX509AttributePem","isX509CRLPem","validator.isX509CRLPem","decoded","decodeError","alert","X509Certificate","X509AttributeCertificate","Pkcs10CertificateRequest","X509Crl","error","console","log","render","h","Host","key","placeholder","class","ref","el","onDrop","Typography","variant","color","type","accept","onChange","_a","certificateExamples","length","map","example","title","Button","onClick","download"],"sources":["src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.tsx"],"sourcesContent":["@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.textarea {\n  min-height: 300px;\n  width: 100%;\n  border-radius: 4px;\n  border: 1px solid var(--pv-color-gray-5);;\n  padding: 14px;\n  font-family: monospace;\n  resize: vertical;\n}\n\n.viewer {\n  margin-top: var(--pv-size-base-12);\n}\n\n.controls {\n  margin-top: var(--pv-size-base-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pv-size-base-2);\n}\n\n.control_row {\n  display: flex;\n  align-items: center;\n  gap: var(--pv-size-base);\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 {\n  Component,\n  Host,\n  h,\n  State,\n  Prop,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\n\nimport { validator, readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  Pkcs10CertificateRequest,\n  X509Crl,\n} from '../../crypto';\nimport { Button } from '../button';\nimport { Typography } from '../typography';\n\n@Component({\n  tag: 'peculiar-certificate-decoder',\n  styleUrl: 'certificate-decoder.scss',\n  shadow: true,\n})\nexport class CertificateDecoder {\n  private inputPaste?: HTMLTextAreaElement;\n\n  /**\n   * The example certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateExamples?: {\n    title: string;\n    value: string;\n  }[];\n\n  /**\n   * The default certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() defaultCertificate?: string;\n\n  @State() certificateDecoded: X509Certificate\n  | X509AttributeCertificate\n  | Pkcs10CertificateRequest\n  | X509Crl;\n\n  /**\n   * Emitted when the certificate has been successfully parsed.\n   */\n  @Event() successParse!: EventEmitter<string>;\n\n  /**\n   * Emitted when the certificate has been removed.\n   */\n  @Event() clearCertificate!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.defaultCertificate) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.defaultCertificate), 100);\n    }\n  }\n\n  private handleClickDecode = () => {\n    const { value } = this.inputPaste;\n\n    if (value) {\n      this.decode(value);\n    }\n  };\n\n  private handleClickClear = () => {\n    this.clearValue();\n  };\n\n  private handleChangeInputFile = async (event: any) => {\n    const element = event.target;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n\n      element.value = '';\n    }\n  };\n\n  private handleChangeExample = (event: any) => {\n    if (event.target.value) {\n      this.decode(event.target.value);\n    } else {\n      this.clearValue();\n    }\n  };\n\n  private handleDropFile = async (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const element = event.dataTransfer;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n    }\n  };\n\n  clearValue() {\n    this.inputPaste.value = '';\n    this.certificateDecoded = null;\n    this.clearCertificate.emit();\n  }\n\n  setValue(value: X509Certificate | X509AttributeCertificate | Pkcs10CertificateRequest | X509Crl) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.toString('pem');\n    this.successParse.emit(value.toString('base64'));\n  }\n\n  decode(certificate: string) {\n    const isPem = validator.isPem(certificate);\n    const isX509Pem = validator.isX509Pem(certificate);\n    const isPkcs10Pem = validator.isPkcs10Pem(certificate);\n    const isX509AttributePem = validator.isX509AttributePem(certificate);\n    const isX509CRLPem = validator.isX509CRLPem(certificate);\n    let decoded: X509Certificate | X509AttributeCertificate | Pkcs10CertificateRequest | X509Crl;\n    let decodeError: Error;\n\n    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {\n      this.clearValue();\n\n      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n\n      return;\n    }\n\n    try {\n      if (isX509Pem) {\n        decoded = new X509Certificate(certificate);\n      }\n\n      if (isX509AttributePem) {\n        decoded = new X509AttributeCertificate(certificate);\n      }\n\n      if (isPkcs10Pem) {\n        decoded = new Pkcs10CertificateRequest(certificate);\n      }\n\n      if (isX509CRLPem) {\n        decoded = new X509Crl(certificate);\n      }\n    } catch (error) {\n      decodeError = error;\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509Certificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509AttributeCertificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new Pkcs10CertificateRequest(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509Crl(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      this.clearValue();\n\n      console.log(decodeError);\n      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n    } else {\n      this.setValue(decoded);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <textarea\n          placeholder=\"Certificate DER or PEM\"\n          class=\"textarea t-b2 c-black\"\n          ref={(el) => { this.inputPaste = el; }}\n          onDrop={this.handleDropFile}\n        />\n        <div class=\"controls\">\n          <div class=\"control_row\">\n            <Typography\n              variant=\"b3\"\n              color=\"secondary-tint-2\"\n            >\n              Drag or load file:\n            </Typography>\n            <input\n              type=\"file\"\n              accept=\"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl\"\n              onChange={this.handleChangeInputFile}\n              value=\"\"\n            />\n          </div>\n          {this.certificateExamples?.length && (\n            <div class=\"control_row\">\n              <Typography\n                variant=\"b3\"\n                color=\"secondary-tint-2\"\n              >\n                Load examples:\n              </Typography>\n              <select onChange={this.handleChangeExample}>\n                <option value=\"\">None</option>\n                {this.certificateExamples.map((example) => (\n                  <option value={example.value}>\n                    {example.title}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div class=\"control_row\">\n            <Button\n              onClick={this.handleClickDecode}\n            >\n              Decode\n            </Button>\n            <Button\n              onClick={this.handleClickClear}\n            >\n              Clear\n            </Button>\n          </div>\n        </div>\n        {this.certificateDecoded instanceof X509Certificate && (\n          <peculiar-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof X509AttributeCertificate && (\n          <peculiar-attribute-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof Pkcs10CertificateRequest && (\n          <peculiar-csr-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof X509Crl && (\n          <peculiar-crl-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}