@peculiar/certificates-viewer 4.2.0 → 4.2.1

package/dist/collection/components/button-menu/button-menu.js

@@ -13,66 +13,66 @@ import { Button } from "../button";
 import { Typography } from "../typography";
 import { ActionsIcon } from "../icons";
 export class ButtonMenu {
-  constructor() {
-    this.handleClick = () => {
-      this.open = !this.open;
-    };
-    this.groups = [];
-    this.open = false;
-  }
-  render() {
-    return (h(Host, { class: {
-        is_shown: this.open,
-      } }, h(Button, { class: "button_popover", onClick: this.handleClick, startIcon: h(ActionsIcon, null) }), h("div", { role: "dialog", tabIndex: -1, class: "popover", "aria-hidden": String(this.open) }, this.groups.map((group) => (h("div", { class: "group" }, h(Typography, { variant: "c2", color: "gray-9", class: "group_title" }, group.title), group.options.map((option) => (h(Button, { class: "button_option", startIcon: option.startIcon, href: option.href, onClick: (event) => {
-        event.stopPropagation();
-        this.handleClick();
-        if (option.onClick) {
-          option.onClick(event);
-        }
-      } }, option.text)))))))));
-  }
-  static get is() { return "peculiar-button-menu"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["button-menu.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["button-menu.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "groups": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "ButtonMenuGroup[]",
-          "resolved": "ButtonMenuGroup[]",
-          "references": {
-            "ButtonMenuGroup": {
-              "location": "local",
-              "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/button-menu/button-menu.tsx",
-              "id": "src/components/button-menu/button-menu.tsx::ButtonMenuGroup"
+    constructor() {
+        this.handleClick = () => {
+            this.open = !this.open;
+        };
+        this.groups = [];
+        this.open = false;
+    }
+    render() {
+        return (h(Host, { key: '484c56eb147ee97b4be9d9c0c324a6192be5d1b4', class: {
+                is_shown: this.open,
+            } }, h(Button, { key: '00b7864c569169633c30a69f26185891ba9c39d1', class: "button_popover", onClick: this.handleClick, startIcon: h(ActionsIcon, null) }), h("div", { key: 'afe0500732f053c8b22c65ec11bd2010546fc5e6', role: "dialog", tabIndex: -1, class: "popover", "aria-hidden": String(this.open) }, this.groups.map((group) => (h("div", { class: "group" }, h(Typography, { variant: "c2", color: "gray-9", class: "group_title" }, group.title), group.options.map((option) => (h(Button, { class: "button_option", startIcon: option.startIcon, href: option.href, onClick: (event) => {
+                event.stopPropagation();
+                this.handleClick();
+                if (option.onClick) {
+                    option.onClick(event);
+                }
+            } }, option.text)))))))));
+    }
+    static get is() { return "peculiar-button-menu"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["button-menu.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["button-menu.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "groups": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonMenuGroup[]",
+                    "resolved": "ButtonMenuGroup[]",
+                    "references": {
+                        "ButtonMenuGroup": {
+                            "location": "local",
+                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/button-menu/button-menu.tsx",
+                            "id": "src/components/button-menu/button-menu.tsx::ButtonMenuGroup"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "open": {}
-    };
-  }
+        };
+    }
+    static get states() {
+        return {
+            "open": {}
+        };
+    }
 }
 //# sourceMappingURL=button-menu.js.map

package/dist/collection/components/button-menu/button-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-menu.js","sourceRoot":"","sources":["../../../src/components/button-menu/button-menu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,SAAS,EACT,CAAC,EACD,KAAK,EACL,IAAI,EACJ,IAAI,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAgBvC,MAAM,OAAO,UAAU;;IAKrB,gBAAW,GAAG,GAAG,EAAE;MACjB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC,CAAC;kBANkC,EAAE;gBAEb,KAAK;;EAM9B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,QAAQ,EAAE,IAAI,CAAC,IAAI;OACpB;MAED,EAAC,MAAM,IACL,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,EAAC,WAAW,OAAG,GAC1B;MACF,WACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,SAAS,iBACF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAE7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAC,OAAO;QAChB,EAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,aAAa,IAElB,KAAK,CAAC,KAAK,CACD;QACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,EAAC,MAAM,IACL,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,CAAC,WAAW,EAAE,CAAC;YAEnB,IAAI,MAAM,CAAC,OAAO,EAAE;cAClB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACvB;UACH,CAAC,IAEA,MAAM,CAAC,IAAI,CACL,CACV,CAAC,CACE,CACP,CAAC,CACE,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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 {\n  Component,\n  h,\n  State,\n  Prop,\n  Host,\n} from '@stencil/core';\nimport { Button, ButtonProps } from '../button';\nimport { Typography } from '../typography';\nimport { ActionsIcon } from '../icons';\n\nexport interface ButtonMenuGroupOptions extends ButtonProps {\n  text: string | string[];\n}\n\nexport interface ButtonMenuGroup {\n  title: string | string[];\n  options: ButtonMenuGroupOptions[];\n}\n\n@Component({\n  tag: 'peculiar-button-menu',\n  styleUrl: 'button-menu.scss',\n  scoped: true,\n})\nexport class ButtonMenu {\n  @Prop() groups: ButtonMenuGroup[] = [];\n\n  @State() open: boolean = false;\n\n  handleClick = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          is_shown: this.open,\n        }}\n      >\n        <Button\n          class=\"button_popover\"\n          onClick={this.handleClick}\n          startIcon={<ActionsIcon />}\n        />\n        <div\n          role=\"dialog\"\n          tabIndex={-1}\n          class=\"popover\"\n          aria-hidden={String(this.open)}\n        >\n          {this.groups.map((group) => (\n            <div class=\"group\">\n              <Typography\n                variant=\"c2\"\n                color=\"gray-9\"\n                class=\"group_title\"\n              >\n                {group.title}\n              </Typography>\n              {group.options.map((option) => (\n                <Button\n                  class=\"button_option\"\n                  startIcon={option.startIcon}\n                  href={option.href}\n                  onClick={(event) => {\n                    event.stopPropagation();\n\n                    this.handleClick();\n\n                    if (option.onClick) {\n                      option.onClick(event);\n                    }\n                  }}\n                >\n                  {option.text}\n                </Button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"button-menu.js","sourceRoot":"","sources":["../../../src/components/button-menu/button-menu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,SAAS,EACT,CAAC,EACD,KAAK,EACL,IAAI,EACJ,IAAI,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAgBvC,MAAM,OAAO,UAAU;;QAKrB,gBAAW,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC;sBANkC,EAAE;oBAEb,KAAK;;IAM9B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,IAAI;aACpB;YAED,EAAC,MAAM,qDACL,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,EAAC,WAAW,OAAG,GAC1B;YACF,4DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,SAAS,iBACF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAE7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAC,OAAO;gBAChB,EAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,aAAa,IAElB,KAAK,CAAC,KAAK,CACD;gBACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,EAAC,MAAM,IACL,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;wBAExB,IAAI,CAAC,WAAW,EAAE,CAAC;wBAEnB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;4BACnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACxB,CAAC;oBACH,CAAC,IAEA,MAAM,CAAC,IAAI,CACL,CACV,CAAC,CACE,CACP,CAAC,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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 {\n  Component,\n  h,\n  State,\n  Prop,\n  Host,\n} from '@stencil/core';\nimport { Button, ButtonProps } from '../button';\nimport { Typography } from '../typography';\nimport { ActionsIcon } from '../icons';\n\nexport interface ButtonMenuGroupOptions extends ButtonProps {\n  text: string | string[];\n}\n\nexport interface ButtonMenuGroup {\n  title: string | string[];\n  options: ButtonMenuGroupOptions[];\n}\n\n@Component({\n  tag: 'peculiar-button-menu',\n  styleUrl: 'button-menu.scss',\n  scoped: true,\n})\nexport class ButtonMenu {\n  @Prop() groups: ButtonMenuGroup[] = [];\n\n  @State() open: boolean = false;\n\n  handleClick = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          is_shown: this.open,\n        }}\n      >\n        <Button\n          class=\"button_popover\"\n          onClick={this.handleClick}\n          startIcon={<ActionsIcon />}\n        />\n        <div\n          role=\"dialog\"\n          tabIndex={-1}\n          class=\"popover\"\n          aria-hidden={String(this.open)}\n        >\n          {this.groups.map((group) => (\n            <div class=\"group\">\n              <Typography\n                variant=\"c2\"\n                color=\"gray-9\"\n                class=\"group_title\"\n              >\n                {group.title}\n              </Typography>\n              {group.options.map((option) => (\n                <Button\n                  class=\"button_option\"\n                  startIcon={option.startIcon}\n                  href={option.href}\n                  onClick={(event) => {\n                    event.stopPropagation();\n\n                    this.handleClick();\n\n                    if (option.onClick) {\n                      option.onClick(event);\n                    }\n                  }}\n                >\n                  {option.text}\n                </Button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/certificate-decoder/certificate-decoder.js

@@ -14,227 +14,227 @@ import { X509Certificate, X509AttributeCertificate, CSR, CRL, } from "../../cryp
 import { Button } from "../button";
 import { Typography } from "../typography";
 export class CertificateDecoder {
-  constructor() {
-    this.handleClickDecode = () => {
-      const { value } = this.inputPaste;
-      if (value) {
-        this.decode(value);
-      }
-    };
-    this.handleClickClear = () => {
-      this.clearValue();
-    };
-    this.handleChangeInputFile = async (event) => {
-      const element = event.target;
-      if (element.files) {
-        const file = await readAsBinaryString(element.files[0]);
-        if (typeof file.value === 'string') {
-          this.decode(file.value);
-        }
-        element.value = '';
-      }
-    };
-    this.handleChangeExample = (event) => {
-      if (event.target.value) {
-        this.decode(event.target.value);
-      }
-      else {
-        this.clearValue();
-      }
-    };
-    this.handleDropFile = async (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      const element = event.dataTransfer;
-      if (element.files) {
-        const file = await readAsBinaryString(element.files[0]);
-        if (typeof file.value === 'string') {
-          this.decode(file.value);
+    constructor() {
+        this.handleClickDecode = () => {
+            const { value } = this.inputPaste;
+            if (value) {
+                this.decode(value);
+            }
+        };
+        this.handleClickClear = () => {
+            this.clearValue();
+        };
+        this.handleChangeInputFile = async (event) => {
+            const element = event.target;
+            if (element.files) {
+                const file = await readAsBinaryString(element.files[0]);
+                if (typeof file.value === 'string') {
+                    this.decode(file.value);
+                }
+                element.value = '';
+            }
+        };
+        this.handleChangeExample = (event) => {
+            if (event.target.value) {
+                this.decode(event.target.value);
+            }
+            else {
+                this.clearValue();
+            }
+        };
+        this.handleDropFile = async (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            const element = event.dataTransfer;
+            if (element.files) {
+                const file = await readAsBinaryString(element.files[0]);
+                if (typeof file.value === 'string') {
+                    this.decode(file.value);
+                }
+            }
+        };
+        this.certificateExamples = undefined;
+        this.defaultCertificate = undefined;
+        this.certificateDecoded = undefined;
+    }
+    componentDidLoad() {
+        if (this.defaultCertificate) {
+            /**
+             * Prevent Stencil warning about re-render
+             */
+            setTimeout(() => this.decode(this.defaultCertificate), 100);
         }
-      }
-    };
-    this.certificateExamples = undefined;
-    this.defaultCertificate = undefined;
-    this.certificateDecoded = undefined;
-  }
-  componentDidLoad() {
-    if (this.defaultCertificate) {
-      /**
-       * Prevent Stencil warning about re-render
-       */
-      setTimeout(() => this.decode(this.defaultCertificate), 100);
     }
-  }
-  clearValue() {
-    this.inputPaste.value = '';
-    this.certificateDecoded = null;
-    this.clearCertificate.emit();
-  }
-  setValue(value) {
-    this.certificateDecoded = value;
-    this.inputPaste.value = value.exportAsPemFormatted();
-    this.successParse.emit(value.exportAsBase64());
-  }
-  decode(certificate) {
-    const isPem = validator.isPem(certificate);
-    const isX509Pem = validator.isX509Pem(certificate);
-    const isPkcs10Pem = validator.isPkcs10Pem(certificate);
-    const isX509AttributePem = validator.isX509AttributePem(certificate);
-    const isX509CRLPem = validator.isX509CRLPem(certificate);
-    let decoded;
-    let decodeError;
-    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {
-      this.clearValue();
-      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
-      return;
+    clearValue() {
+        this.inputPaste.value = '';
+        this.certificateDecoded = null;
+        this.clearCertificate.emit();
     }
-    try {
-      if (isX509Pem) {
-        decoded = new X509Certificate(certificate);
-      }
-      if (isX509AttributePem) {
-        decoded = new X509AttributeCertificate(certificate);
-      }
-      if (isPkcs10Pem) {
-        decoded = new CSR(certificate);
-      }
-      if (isX509CRLPem) {
-        decoded = new CRL(certificate);
-      }
+    setValue(value) {
+        this.certificateDecoded = value;
+        this.inputPaste.value = value.exportAsPemFormatted();
+        this.successParse.emit(value.exportAsBase64());
     }
-    catch (error) {
-      decodeError = error;
+    decode(certificate) {
+        const isPem = validator.isPem(certificate);
+        const isX509Pem = validator.isX509Pem(certificate);
+        const isPkcs10Pem = validator.isPkcs10Pem(certificate);
+        const isX509AttributePem = validator.isX509AttributePem(certificate);
+        const isX509CRLPem = validator.isX509CRLPem(certificate);
+        let decoded;
+        let decodeError;
+        if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {
+            this.clearValue();
+            alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
+            return;
+        }
+        try {
+            if (isX509Pem) {
+                decoded = new X509Certificate(certificate);
+            }
+            if (isX509AttributePem) {
+                decoded = new X509AttributeCertificate(certificate);
+            }
+            if (isPkcs10Pem) {
+                decoded = new CSR(certificate);
+            }
+            if (isX509CRLPem) {
+                decoded = new CRL(certificate);
+            }
+        }
+        catch (error) {
+            decodeError = error;
+        }
+        if (!decoded) {
+            try {
+                decoded = new X509Certificate(certificate);
+            }
+            catch (error) {
+                decodeError = error;
+            }
+        }
+        if (!decoded) {
+            try {
+                decoded = new X509AttributeCertificate(certificate);
+            }
+            catch (error) {
+                decodeError = error;
+            }
+        }
+        if (!decoded) {
+            try {
+                decoded = new CSR(certificate);
+            }
+            catch (error) {
+                decodeError = error;
+            }
+        }
+        if (!decoded) {
+            try {
+                decoded = new CRL(certificate);
+            }
+            catch (error) {
+                decodeError = error;
+            }
+        }
+        if (!decoded) {
+            this.clearValue();
+            console.log(decodeError);
+            alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
+        }
+        else {
+            this.setValue(decoded);
+        }
     }
-    if (!decoded) {
-      try {
-        decoded = new X509Certificate(certificate);
-      }
-      catch (error) {
-        decodeError = error;
-      }
+    render() {
+        var _a;
+        return (h(Host, { key: 'b10e5ce1d2efe26bbe7e0daafb3bbaf5a9f73a62' }, h("textarea", { key: '581e7c2eadf2fe33876106b2fdc90bdc9fb92096', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), h("div", { key: '71f93ecef6e3571d3ca795be1b53e1b19c4881d3', class: "controls" }, h("div", { key: 'b2f2dfbe0637d3119bbb2dbf622f7614685f5cb5', class: "control_row" }, h(Typography, { key: 'c639c7c696d589ef1035ca8c0f910ce5456e83cf', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), h("input", { key: 'c8acf8a1620a802fbcf9afe6b52d8bed1e90bd23', 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: "" })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (h("div", { class: "control_row" }, h(Typography, { variant: "b3", color: "secondary-tint-2" }, "Load examples:"), h("select", { onChange: this.handleChangeExample }, h("option", { value: "" }, "None"), this.certificateExamples.map((example) => (h("option", { value: example.value }, example.title)))))), h("div", { key: '051ce823203fa7bf2a5f4e2c85b121017fdd8651', class: "control_row" }, h(Button, { key: '405a0894a87ab000e3717cecd7d3fa34620c26a9', onClick: this.handleClickDecode }, "Decode"), h(Button, { key: '34282cb209b5fb99a29b2b415435d31646fe0e7e', onClick: this.handleClickClear }, "Clear"))), this.certificateDecoded instanceof X509Certificate && (h("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509AttributeCertificate && (h("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof CRL && (h("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
     }
-    if (!decoded) {
-      try {
-        decoded = new X509AttributeCertificate(certificate);
-      }
-      catch (error) {
-        decodeError = error;
-      }
+    static get is() { return "peculiar-certificate-decoder"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["certificate-decoder.scss"]
+        };
     }
-    if (!decoded) {
-      try {
-        decoded = new CSR(certificate);
-      }
-      catch (error) {
-        decodeError = error;
-      }
+    static get styleUrls() {
+        return {
+            "$": ["certificate-decoder.css"]
+        };
     }
-    if (!decoded) {
-      try {
-        decoded = new CRL(certificate);
-      }
-      catch (error) {
-        decodeError = error;
-      }
+    static get properties() {
+        return {
+            "certificateExamples": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{\n    title: string;\n    value: string;\n  }[]",
+                    "resolved": "{ title: string; value: string; }[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The example certificate value for decode and show details. Use PEM or DER."
+                }
+            },
+            "defaultCertificate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The default certificate value for decode and show details. Use PEM or DER."
+                },
+                "attribute": "default-certificate",
+                "reflect": false
+            }
+        };
     }
-    if (!decoded) {
-      this.clearValue();
-      console.log(decodeError);
-      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
+    static get states() {
+        return {
+            "certificateDecoded": {}
+        };
     }
-    else {
-      this.setValue(decoded);
+    static get events() {
+        return [{
+                "method": "successParse",
+                "name": "successParse",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the certificate has been successfully parsed."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "clearCertificate",
+                "name": "clearCertificate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the certificate has been removed."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
     }
-  }
-  render() {
-    var _a;
-    return (h(Host, null, h("textarea", { placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), h("div", { class: "controls" }, h("div", { class: "control_row" }, h(Typography, { variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), h("input", { 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: "" })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (h("div", { class: "control_row" }, h(Typography, { variant: "b3", color: "secondary-tint-2" }, "Load examples:"), h("select", { onChange: this.handleChangeExample }, h("option", { value: "" }, "None"), this.certificateExamples.map((example) => (h("option", { value: example.value }, example.title)))))), h("div", { class: "control_row" }, h(Button, { onClick: this.handleClickDecode }, "Decode"), h(Button, { onClick: this.handleClickClear }, "Clear"))), this.certificateDecoded instanceof X509Certificate && (h("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509AttributeCertificate && (h("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof CRL && (h("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
-  }
-  static get is() { return "peculiar-certificate-decoder"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["certificate-decoder.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["certificate-decoder.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "certificateExamples": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "{\n    title: string;\n    value: string;\n  }[]",
-          "resolved": "{ title: string; value: string; }[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The example certificate value for decode and show details. Use PEM or DER."
-        }
-      },
-      "defaultCertificate": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The default certificate value for decode and show details. Use PEM or DER."
-        },
-        "attribute": "default-certificate",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "certificateDecoded": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "successParse",
-        "name": "successParse",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the certificate has been successfully parsed."
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "clearCertificate",
-        "name": "clearCertificate",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the certificate has been removed."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
 }
 //# sourceMappingURL=certificate-decoder.js.map