@peculiar/certificates-viewer 2.0.0 → 3.0.0

package/dist/collection/components/circular-progress/circular-progress.css

@@ -10,31 +10,11 @@
   width: 100%;
 }
 
-@-webkit-keyframes circular-rotate {
-  to {
-    transform: rotate(1turn);
-  }
-}
-
 @keyframes circular-rotate {
   to {
     transform: rotate(1turn);
   }
 }
-@-webkit-keyframes circular-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 100, 200;
-    stroke-dashoffset: -15;
-  }
-  to {
-    stroke-dasharray: 100, 200;
-    stroke-dashoffset: -120;
-  }
-}
 @keyframes circular-dash {
   0% {
     stroke-dasharray: 1, 200;
@@ -54,14 +34,12 @@
 }
 
 .circle_progress_svg {
-  -webkit-animation: circular-rotate 1.4s linear infinite;
-          animation: circular-rotate 1.4s linear infinite;
+  animation: circular-rotate 1.4s linear infinite;
 }
 
 .circle_progress_circle {
   stroke-linecap: round;
-  -webkit-animation: circular-dash 1.4s ease-in-out infinite;
-          animation: circular-dash 1.4s ease-in-out infinite;
+  animation: circular-dash 1.4s ease-in-out infinite;
   stroke-dasharray: 80, 200;
   stroke-dashoffset: 0;
   stroke: #3584f7;

package/dist/collection/components/circular-progress/circular-progress.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -7,75 +10,75 @@
  */
 import { Component, Host, h, Prop, } from '@stencil/core';
 export class CircularProgress {
-    constructor() {
-        /**
-         * Width/height of progress circle.
-         */
-        this.size = 24;
-        /**
-         * Stroke width of progress bar circle.
-         */
-        this.width = 4;
-        this.box = 50;
-    }
-    render() {
-        return (h(Host, null,
-            h("div", { class: "circle_progress", style: {
-                    width: `${this.size}px`,
-                    height: `${this.size}px`,
-                } },
-                h("svg", { class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` },
-                    h("circle", { class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                            strokeWidth: `${this.width}px`,
-                        } }),
-                    h("circle", { class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                            strokeWidth: `${this.width}px`,
-                        } })))));
+  constructor() {
+    /**
+     * Width/height of progress circle.
+     */
+    this.size = 24;
+    /**
+     * Stroke width of progress bar circle.
+     */
+    this.width = 4;
+    this.box = 50;
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "circle_progress", style: {
+          width: `${this.size}px`,
+          height: `${this.size}px`,
+        } },
+        h("svg", { class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` },
+          h("circle", { class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
+              strokeWidth: `${this.width}px`,
+            } }),
+          h("circle", { class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
+              strokeWidth: `${this.width}px`,
+            } })))));
+  }
+  static get is() { return "peculiar-circular-progress"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["circular-progress.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["circular-progress.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Width/height of progress circle."
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    },
+    "width": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Stroke width of progress bar circle."
+      },
+      "attribute": "width",
+      "reflect": false,
+      "defaultValue": "4"
     }
-    static get is() { return "peculiar-circular-progress"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() { return {
-        "$": ["circular-progress.scss"]
-    }; }
-    static get styleUrls() { return {
-        "$": ["circular-progress.css"]
-    }; }
-    static get properties() { return {
-        "size": {
-            "type": "number",
-            "mutable": false,
-            "complexType": {
-                "original": "number",
-                "resolved": "number",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": "Width/height of progress circle."
-            },
-            "attribute": "size",
-            "reflect": false,
-            "defaultValue": "24"
-        },
-        "width": {
-            "type": "number",
-            "mutable": false,
-            "complexType": {
-                "original": "number",
-                "resolved": "number",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": "Stroke width of progress bar circle."
-            },
-            "attribute": "width",
-            "reflect": false,
-            "defaultValue": "4"
-        }
-    }; }
+  }; }
 }

package/dist/collection/components/csr-viewer/csr-viewer.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -17,201 +20,207 @@ import { Extensions } from '../certificate-viewer/extensions';
 import { Miscellaneous } from '../certificate-viewer/miscellaneous';
 import { BasicInformation } from '../certificate-viewer/basic_information';
 export class CsrViewer {
-    constructor() {
-        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); };
+  constructor() {
+    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) {
+        this.certificateDecoded = certificate;
+      }
+      else if (typeof certificate === 'string') {
+        this.certificateDecoded = new CSR(certificate);
+      }
+      else {
+        return;
+      }
+      this.certificateDecoded.parseAttributes();
+      await this.certificateDecoded.getThumbprint('SHA-1');
+      await this.certificateDecoded.getThumbprint('SHA-256');
     }
-    componentWillLoad() {
-        this.decodeCertificate(this.certificate);
+    catch (error) {
+      this.certificateDecodeError = error;
+      console.error('Error certificate parse:', error);
     }
-    async decodeCertificate(certificate) {
-        this.isDecodeInProcess = true;
-        try {
-            if (certificate instanceof CSR) {
-                this.certificateDecoded = certificate;
-            }
-            else if (typeof certificate === 'string') {
-                this.certificateDecoded = new 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;
+    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;
     }
-    /**
-     * 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
-            && oldValue instanceof CSR) {
-            if (newValue.commonName !== oldValue.commonName) {
-                this.decodeCertificate(newValue);
-            }
-        }
+    if (newValue instanceof CSR
+      && oldValue instanceof CSR) {
+      if (newValue.commonName !== oldValue.commonName) {
+        this.decodeCertificate(newValue);
+      }
     }
-    // eslint-disable-next-line class-methods-use-this
-    renderErrorState() {
-        return (h("div", { class: "status_wrapper" },
-            h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this certificate request.")));
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderErrorState() {
+    return (h("div", { class: "status_wrapper" },
+      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 (h("div", { class: "status_wrapper" },
+      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no certificate request available.")));
+  }
+  getExtensionRequestAttribute() {
+    if (!this.certificateDecoded) {
+      return undefined;
     }
-    // eslint-disable-next-line class-methods-use-this
-    renderEmptyState() {
-        return (h("div", { class: "status_wrapper" },
-            h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no certificate request available.")));
+    return this.certificateDecoded.attributes
+      .find((attribute) => attribute.asn.type === '1.2.840.113549.1.9.14');
+  }
+  render() {
+    if (this.certificateDecodeError) {
+      return this.renderErrorState();
     }
-    getExtensionRequestAttribute() {
-        if (!this.certificateDecoded) {
-            return undefined;
-        }
-        return this.certificateDecoded.attributes
-            .find((attribute) => attribute.asn.type === '1.2.840.113549.1.9.14');
+    if (!this.certificateDecoded) {
+      return this.renderEmptyState();
     }
-    render() {
-        if (this.certificateDecodeError) {
-            return this.renderErrorState();
+    const extensionRequestAttribute = this.getExtensionRequestAttribute();
+    return (h(Host, { "data-view": this.view },
+      h("table", null,
+        h(BasicInformation, Object.assign({}, this.certificateDecoded)),
+        h(SubjectName, { name: this.certificateDecoded.subject }),
+        h(PublicKey, { publicKey: this.certificateDecoded.publicKey }),
+        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: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", 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 is() { return "peculiar-csr-viewer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../certificate-viewer/certificate-viewer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../certificate-viewer/certificate-viewer.css"]
+  }; }
+  static get properties() { return {
+    "certificate": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "CsrProp",
+        "resolved": "CSR | string",
+        "references": {
+          "CsrProp": {
+            "location": "local"
+          }
         }
-        if (!this.certificateDecoded) {
-            return this.renderEmptyState();
-        }
-        const extensionRequestAttribute = this.getExtensionRequestAttribute();
-        return (h(Host, { "data-view": this.view },
-            h("table", null,
-                h(BasicInformation, Object.assign({}, this.certificateDecoded)),
-                h(SubjectName, { name: this.certificateDecoded.subject }),
-                h(PublicKey, { publicKey: this.certificateDecoded.publicKey }),
-                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: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", 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 })))));
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The certificate value for decode and show details. Use PEM or DER."
+      },
+      "attribute": "certificate",
+      "reflect": true
+    },
+    "download": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+      },
+      "attribute": "download",
+      "reflect": false
+    },
+    "subjectKeyIdChildrenLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}"
+          }],
+        "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "subject-key-id-children-link",
+      "reflect": true
+    },
+    "subjectKeyIdSiblingsLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://some.com/{{subjectKeyId}}"
+          }],
+        "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "subject-key-id-siblings-link",
+      "reflect": true
+    },
+    "view": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'mobile'",
+        "resolved": "\"mobile\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Choose view type instead @media."
+      },
+      "attribute": "view",
+      "reflect": true
     }
-    static get is() { return "peculiar-csr-viewer"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() { return {
-        "$": ["../certificate-viewer/certificate-viewer.scss"]
-    }; }
-    static get styleUrls() { return {
-        "$": ["../certificate-viewer/certificate-viewer.css"]
-    }; }
-    static get properties() { return {
-        "certificate": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "CsrProp",
-                "resolved": "CSR | string",
-                "references": {
-                    "CsrProp": {
-                        "location": "local"
-                    }
-                }
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": "The certificate value for decode and show details. Use PEM or DER."
-            },
-            "attribute": "certificate",
-            "reflect": true
-        },
-        "download": {
-            "type": "boolean",
-            "mutable": false,
-            "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [],
-                "text": "If `true` - component will show split-button to download certificate as PEM or DER."
-            },
-            "attribute": "download",
-            "reflect": false
-        },
-        "subjectKeyIdChildrenLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "subject-key-id-children-link",
-            "reflect": true
-        },
-        "subjectKeyIdSiblingsLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://some.com/{{subjectKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "subject-key-id-siblings-link",
-            "reflect": true
-        },
-        "view": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "'mobile'",
-                "resolved": "\"mobile\"",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [],
-                "text": "Choose view type instead @media."
-            },
-            "attribute": "view",
-            "reflect": true
-        }
-    }; }
-    static get states() { return {
-        "isDecodeInProcess": {}
-    }; }
-    static get watchers() { return [{
-            "propName": "certificate",
-            "methodName": "watchCertificateAndDecode"
-        }]; }
+  }; }
+  static get states() { return {
+    "isDecodeInProcess": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "certificate",
+      "methodName": "watchCertificateAndDecode"
+    }]; }
 }