@peculiar/certificates-viewer 4.2.2 → 4.3.0

package/dist/peculiar/{p-28b4d316.system.js → p-d6229f42.system.js}

@@ -1,5 +1,5 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-System.register(["./p-df2c8826.system.js","./p-55303453.system.js","./p-4ee5140c.system.js","./p-9712b827.system.js","./p-243244af.system.js","./p-eea904d7.system.js","./p-8bbee8f4.system.js","./p-5a662d6f.system.js","./p-c241e4ba.system.js","./p-821bdcdc.system.js"],(function(s){"use strict";return{setters:[function(t){var n={};n.Download=t.D;n.downloadFromBuffer=t.d;s(n)},function(t){var n={};n.readAsArrayBuffer=t.r;n.readAsBinaryString=t.a;n.readAsDataUrl=t.b;n.readAsText=t.c;s(n)},function(t){s("Pkcs10CertificateRequest",t.P)},function(t){var n={};n.Button=t.B;n.Typography=t.T;s(n)},function(t){s("Link",t.L)},function(t){var n={};n.CrossIcon=t.C;n.DetailsIcon=t.D;n.LinkIcon=t.L;s(n)},function(t){s("DownloadIcon",t.D)},function(t){s("ActionsIcon",t.A)},function(t){var n={};n.ArrowBottomIcon=t.A;n.ArrowTopIcon=t.a;s(n)},function(){}],execute:function(){}}}));
-//# sourceMappingURL=p-28b4d316.system.js.map
+System.register(["./p-d1066b51.system.js","./p-55303453.system.js","./p-a06f51a2.system.js","./p-9712b827.system.js","./p-243244af.system.js","./p-eea904d7.system.js","./p-8bbee8f4.system.js","./p-5a662d6f.system.js","./p-c241e4ba.system.js","./p-821bdcdc.system.js"],(function(s){"use strict";return{setters:[function(t){var n={};n.Download=t.D;n.downloadFromBuffer=t.d;s(n)},function(t){var n={};n.readAsArrayBuffer=t.r;n.readAsBinaryString=t.a;n.readAsDataUrl=t.b;n.readAsText=t.c;s(n)},function(t){s("Pkcs10CertificateRequest",t.P)},function(t){var n={};n.Button=t.B;n.Typography=t.T;s(n)},function(t){s("Link",t.L)},function(t){var n={};n.CrossIcon=t.C;n.DetailsIcon=t.D;n.LinkIcon=t.L;s(n)},function(t){s("DownloadIcon",t.D)},function(t){s("ActionsIcon",t.A)},function(t){var n={};n.ArrowBottomIcon=t.A;n.ArrowTopIcon=t.a;s(n)},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-d6229f42.system.js.map

package/dist/peculiar/{p-f8efbe93.entry.js → p-ddadcb44.entry.js}

@@ -1,7 +1,7 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-import{h as t,r as e,c as a,H as r}from"./p-3cb79cd9.js";import{X as o}from"./p-31d5da39.js";import{a2 as s,a3 as i,a4 as c}from"./p-6acca6ea.js";import{T as n,B as l}from"./p-4bc5ddbe.js";import{D as v,L as p,C as h}from"./p-99efefea.js";import{D as d}from"./p-ae91d778.js";import{a as b,A as g}from"./p-27ca6743.js";
+import{h as t,r as e,c as a,H as r}from"./p-3cb79cd9.js";import{X as o}from"./p-80477c05.js";import{Z as s,_ as i,$ as c}from"./p-666438a8.js";import{T as n,B as l}from"./p-4bc5ddbe.js";import{D as v,L as p,C as h}from"./p-99efefea.js";import{D as d}from"./p-ae91d778.js";import{a as b,A as g}from"./p-27ca6743.js";
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -9,4 +9,4 @@ import{h as t,r as e,c as a,H as r}from"./p-3cb79cd9.js";import{X as o}from"./p-
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */const u=e=>{const{certificate:a,showIssuer:r}=e;const o=(e,a)=>t("tr",null,t("td",null,t(n,{variant:"b2",color:"gray-9"},e)),t("td",null,t(n,{variant:"b2",color:"black"},a)));return t("table",null,t("tbody",null,o(s.getString("subjectName"),a.subjectToString()),r&&o(s.getString("issuerName"),a.issuerToString()),o(s.getString("serialNumber"),a.serialNumber),o(s.getString("version"),a.version),o(s.getString("validity"),a.validity),o(s.getString("issued"),i(a.notBefore)),o(s.getString("expired"),i(a.notAfter))))};const m="*{-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%;word-wrap:break-word;min-width:280px;overflow:auto;position:relative}.search_section{padding:var(--pv-size-base-4);border-bottom:1px solid var(--pv-color-gray-4)}.input_search{height:var(--pv-size-base-8);width:100%;outline:none;background-color:var(--pv-color-gray-1);padding:0 var(--pv-size-base-2);border:1px solid var(--pv-color-gray-7);border-radius:4px;-webkit-transition:background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;transition:background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s}.input_search::-webkit-input-placeholder{color:var(--pv-color-gray-9)}.input_search::-moz-placeholder{color:var(--pv-color-gray-9)}.input_search:-ms-input-placeholder{color:var(--pv-color-gray-9)}.input_search::-ms-input-placeholder{color:var(--pv-color-gray-9)}.input_search::placeholder{color:var(--pv-color-gray-9)}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table td,table th{border-bottom:1px solid var(--pv-color-gray-4);vertical-align:top;text-align:left}table td:first-child,table th:first-child{padding-right:0;width:var(--pv-size-base-10)}table td:last-child,table th:last-child{padding-left:0;width:var(--pv-size-base-10)}table th{padding:var(--pv-size-base-2) var(--pv-size-base-4)}table th.col_action{padding:0}table td{padding:var(--pv-size-base-4)}table tr.m_expanded{background:var(--pv-color-gray-1)}table tr.m_expanded>td{border-bottom:none}table tr.expanded_summary{background:var(--pv-color-gray-1)}table tr.expanded_summary table{table-layout:initial}table tr.expanded_summary table td{border-bottom:none;padding:var(--pv-size-base-2)}table tr.expanded_summary table td:first-child{width:200px}table tr.expanded_summary table td:last-child{width:auto}.button_table_cell{margin-top:-3px}.status_wrapper{text-align:center;height:var(--pv-size-base-16);vertical-align:middle}.modal_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-animation:fadeIn 200ms;animation:fadeIn 200ms;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.modal_backdrop{background:var(--pv-color-black);z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0.5}.modal_container{background:var(--pv-color-white);width:100%;display:-ms-flexbox;display:flex;max-height:calc(100% - 60px);-ms-flex-direction:column;flex-direction:column;margin:var(--pv-size-base-6);position:relative;outline:none;-webkit-box-shadow:var(--pv-shadow-dark-hight);box-shadow:var(--pv-shadow-dark-hight);overflow:hidden;border:0px;padding:0px;max-width:640px;border-radius:4px}.modal_header{padding:var(--pv-size-base-3) var(--pv-size-base-4);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--pv-size-base-2);border-bottom:1px solid var(--pv-color-gray-5)}.modal_content{-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tbody,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block;width:100% !important;padding:0;border:none}:host([data-mobile-screen-view=true]) thead{display:none}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table .expanded_summary{padding:0}:host([data-mobile-screen-view=true]) table .certificate_row{border-bottom:1px solid var(--pv-color-gray-5);padding:var(--pv-size-base-2) var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table .certificate_row_actions{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table .certificate_row_actions td{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;gap:var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) .button_table_cell{margin-top:0}";const f=m;const x=class{constructor(t){e(this,t);this.detailsOpen=a(this,"detailsOpen",7);this.detailsClose=a(this,"detailsClose",7);this.isHasRoots=false;this.handleClickDetails=t=>{this.certificateSelectedForDetails=t;this.detailsOpen.emit(t)};this.handleModalClose=()=>{this.certificateSelectedForDetails=undefined;this.detailsClose.emit()};this.handleSearch=t=>{this.search=t.target.value.trim()};this.certificates=[];this.filterWithSearch=true;this.highlightWithSearch=true;this.mobileMediaQueryString="(max-width: 900px)";this.mobileScreenView=false;this.search="";this.certificatesDecoded=[];this.expandedRow=undefined;this.certificateSelectedForDetails=undefined;this.isDecodeInProcess=true}handleMediaQueryChange(t){this.mobileScreenView=t.matches}componentWillLoad(){this.certificatesDecodeAndSet();{this.mobileMediaQuery=window.matchMedia(this.mobileMediaQueryString);this.mobileMediaQuery.addEventListener("change",this.handleMediaQueryChange.bind(this));this.mobileScreenView=this.mobileMediaQuery.matches}}disconnectedCallback(){this.mobileMediaQuery.removeEventListener("change",this.handleMediaQueryChange.bind(this))}watchCertificates(t,e){if(JSON.stringify(t)!==JSON.stringify(e)){this.certificatesDecodeAndSet()}}async certificatesDecodeAndSet(){let t=false;if(!Array.isArray(this.certificates)){return}const e=[];for(const a of this.certificates){try{const r=new o(a.value);await r.getThumbprint("SHA-1");e.push({body:r,tests:a.tests,name:a.name});if(!t&&r.isRoot){t=true}}catch(t){console.error("Error certificate parse:",t)}}this.isHasRoots=t;this.isDecodeInProcess=false;this.certificatesDecoded=e}handleClickDownloadAsPem(t){t.body.downloadAsPEM(t.name||t.body.commonName)}handleClickDownloadAsDer(t){t.body.downloadAsDER(t.name||t.body.commonName)}handleClickRow(t){const e=this.expandedRow===t;this.expandedRow=e?undefined:t}getMaxColSpanValue(){let t=5;if(!this.isHasRoots){t+=1}return t}renderCertificateButtonActions(e){var a,r,o;const i=e.tests&&(e.tests.expired||e.tests.revoked||e.tests.valid);return t("peculiar-button-menu",{class:"button_table_cell",groups:[{title:s.getString("previewCertificate"),options:[{text:s.getString("viewDetails"),startIcon:t(v,null),onClick:()=>this.handleClickDetails(e.body)}]},{title:s.getString("downloadOptions"),options:[{text:s.getString("download.pem"),startIcon:t(d,null),onClick:()=>this.handleClickDownloadAsPem(e)},{text:s.getString("download.der"),startIcon:t(d,null),onClick:()=>this.handleClickDownloadAsDer(e)}]},...i?[{title:s.getString("testURLs"),options:[...((a=e.tests)===null||a===void 0?void 0:a.valid)?[{text:s.getString("valid"),href:e.tests.valid,startIcon:t(p,null)}]:[],...((r=e.tests)===null||r===void 0?void 0:r.revoked)?[{text:s.getString("revoked"),href:e.tests.revoked,startIcon:t(p,null)}]:[],...((o=e.tests)===null||o===void 0?void 0:o.expired)?[{text:s.getString("expired"),href:e.tests.expired,startIcon:t(p,null)}]:[]]}]:[]]})}renderExpandedRow(e){const a=this.getMaxColSpanValue()-2;return t("tr",{class:"expanded_summary"},t("td",null),t("td",{colSpan:a},t(u,{certificate:e,showIssuer:!e.isRoot})),t("td",null))}renderCertificatesRows(){const e=this.highlightWithSearch?this.search:"";const a=[];this.certificatesDecoded.forEach(((r,o)=>{const i=o===this.expandedRow;const v=c[r.body.signature.algorithm]||r.body.signature.algorithm;if(this.filterWithSearch&&this.search){const t=[v,r.body.issuerCommonName,r.name,r.body.commonName,r.body.thumbprints["SHA-1"]].join(" ").toLowerCase();if(t.indexOf(this.search.toLowerCase())===-1){return}}if(this.mobileScreenView){a.push([t("tr",{class:{certificate_row:true,m_expanded:i},key:r.body.thumbprints["SHA-1"]},t("td",null,t("table",null,t("tbody",null,!this.isHasRoots&&t("tr",null,t("td",null,t(n,{variant:"b2",color:"gray-9"},s.getString("issuer"))),t("td",null,t(n,{variant:"b2",color:"black"},t("peculiar-highlight-words",{search:e},r.body.issuerCommonName)))),t("tr",null,t("td",null,t(n,{variant:"b2",color:"gray-9"},s.getString("name"))),t("td",null,t(n,{variant:"b2",color:"black"},t("peculiar-highlight-words",{search:e},r.name||r.body.commonName)))),t("tr",null,t("td",null,t(n,{variant:"b2",color:"gray-9"},s.getString("publicKey"))),t("td",null,t(n,{variant:"b2",color:"black"},t("peculiar-highlight-words",{search:e},v)))),t("tr",null,t("td",null,t(n,{variant:"b2",color:"gray-9"},s.getString("fingerprint"),"  (SHA-1)")),t("td",null,t(n,{variant:"b2",color:"black"},t("peculiar-highlight-words",{search:e},r.body.thumbprints["SHA-1"])))),i&&this.renderExpandedRow(r.body),t("tr",{class:"certificate_row_actions"},t("td",null,this.renderCertificateButtonActions(r),t(l,{onClick:this.handleClickRow.bind(this,o),startIcon:i?t(b,null):t(g,null)})))))))]);return}a.push([t("tr",{class:{m_expanded:i},key:r.body.thumbprints["SHA-1"]},t("td",null,t(l,{class:"button_table_cell",onClick:this.handleClickRow.bind(this,o),startIcon:i?t(b,null):t(g,null)})),!this.isHasRoots&&t("td",null,t(n,null,t("peculiar-highlight-words",{search:e},r.body.issuerCommonName))),t("td",null,t(n,null,t("peculiar-highlight-words",{search:e},r.name||r.body.commonName))),t("td",null,t(n,null,t("peculiar-highlight-words",{search:e},v))),t("td",null,t(n,null,t("peculiar-highlight-words",{search:e},r.body.thumbprints["SHA-1"]))),t("td",null,this.renderCertificateButtonActions(r))),i&&this.renderExpandedRow(r.body)])}));return a}renderCertificateDetailsModal(){if(!this.certificateSelectedForDetails){return null}return t("div",{class:"modal_wrapper",role:"presentation","aria-hidden":"false",part:"presentation"},t("div",{class:"modal_backdrop",onClick:this.handleModalClose,"aria-hidden":"true"}),t("div",{class:"modal_container",role:"dialog",part:"presentation_container"},t("header",{class:"modal_header"},t(n,{variant:"h4"},s.getString("certificateDetails")),t(l,{onClick:this.handleModalClose,startIcon:t(h,null)})),t("div",{class:"modal_content"},t("peculiar-certificate-viewer",{certificate:this.certificateSelectedForDetails,mobileMediaQueryString:this.mobileMediaQueryString}))))}renderSearch(){if(!this.filterWithSearch&&!this.highlightWithSearch){return null}return t("div",{class:"search_section"},t("input",{onInput:this.handleSearch,type:"search",value:"",class:"input_search t-b3 c-black",disabled:!this.certificatesDecoded.length,placeholder:"Search"}))}renderEmptyState(){const e=this.getMaxColSpanValue();return t("tr",null,t("td",{class:"status_wrapper",colSpan:e},t(n,{variant:"b1"},"There are no certificates available.")))}renderEmptySearchState(){const e=this.getMaxColSpanValue();return t("tr",null,t("td",{class:"status_wrapper",colSpan:e},t(n,{variant:"b1"},"No results found for “",this.search,"“")))}renderLoadingState(){return t("div",{class:"loading_container"},t("peculiar-circular-progress",null))}renderTableBody(){if(this.isDecodeInProcess){return null}if(!this.certificatesDecoded.length){return this.renderEmptyState()}const t=this.renderCertificatesRows();if(this.search&&!t.length){return this.renderEmptySearchState()}return t}render(){return t(r,{key:"e10ac3070a3cb75cb9a281a999fec42ef28d593d","data-mobile-screen-view":String(this.mobileScreenView)},this.renderSearch(),t("table",{key:"abc765a09c9537c36500143c6caffa688910483e"},!this.mobileScreenView&&t("thead",null,t("tr",null,t("th",null),!this.isHasRoots&&t("th",{class:"col_issuer"},t(n,{variant:"s2"},s.getString("issuer"))),t("th",{class:"col_name"},t(n,{variant:"s2"},s.getString("name"))),t("th",{class:"col_public_key"},t(n,{variant:"s2"},s.getString("publicKey"))),t("th",{class:"col_fingerprint"},t(n,{variant:"s2"},s.getString("fingerprint"),"  (SHA-1)")),t("th",null))),t("tbody",{key:"e61dfb14836909b154cdbc359c8f04bef5a42df0"},this.renderTableBody())),this.renderCertificateDetailsModal(),this.isDecodeInProcess&&this.renderLoadingState())}static get watchers(){return{certificates:["watchCertificates"]}}};x.style=f;export{x as peculiar_certificates_viewer};
-//# sourceMappingURL=p-f8efbe93.entry.js.map
+//# sourceMappingURL=p-ddadcb44.entry.js.map

package/dist/peculiar/peculiar.esm.js

@@ -1,5 +1,5 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-import{p as e,b as i}from"./p-3cb79cd9.js";export{s as setNonce}from"./p-3cb79cd9.js";import{g as t}from"./p-dac867e8.js";const c=()=>{const i=import.meta.url;const t={};if(i!==""){t.resourcesUrl=new URL(".",i).href}return e(t)};c().then((async e=>{await t();return i([["p-c3fce3f5",[[1,"peculiar-certificate-decoder",{certificateExamples:[16],defaultCertificate:[1,"default-certificate"],certificateDecoded:[32]}]]],["p-f8efbe93",[[1,"peculiar-certificates-viewer",{certificates:[16],filterWithSearch:[4,"filter-with-search"],highlightWithSearch:[4,"highlight-with-search"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],search:[32],certificatesDecoded:[32],expandedRow:[32],certificateSelectedForDetails:[32],isDecodeInProcess:[32]},null,{certificates:["watchCertificates"]}]]],["p-713563fb",[[6,"peculiar-text-hider",{opened:[32]}]]],["p-9c8dc738",[[1,"peculiar-certificate-viewer",{certificate:[513],download:[516],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],issuerDnLink:[513,"issuer-dn-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}]]],["p-84e3e94a",[[1,"peculiar-attribute-certificate-viewer",{certificate:[1],download:[4],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}],[1,"peculiar-crl-viewer",{certificate:[513],download:[4],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],issuerDnLink:[513,"issuer-dn-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}],[1,"peculiar-csr-viewer",{certificate:[513],download:[4],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}]]],["p-afbd1c8e",[[2,"peculiar-button-menu",{groups:[16],open:[32]}],[1,"peculiar-circular-progress",{size:[2],width:[2]}],[1,"peculiar-highlight-words",{search:[1]}]]]],e)}));
+import{p as e,b as i}from"./p-3cb79cd9.js";export{s as setNonce}from"./p-3cb79cd9.js";import{g as t}from"./p-dac867e8.js";const c=()=>{const i=import.meta.url;const t={};if(i!==""){t.resourcesUrl=new URL(".",i).href}return e(t)};c().then((async e=>{await t();return i([["p-494d26fb",[[1,"peculiar-certificate-decoder",{certificateExamples:[16],defaultCertificate:[1,"default-certificate"],certificateDecoded:[32]}]]],["p-ddadcb44",[[1,"peculiar-certificates-viewer",{certificates:[16],filterWithSearch:[4,"filter-with-search"],highlightWithSearch:[4,"highlight-with-search"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],search:[32],certificatesDecoded:[32],expandedRow:[32],certificateSelectedForDetails:[32],isDecodeInProcess:[32]},null,{certificates:["watchCertificates"]}]]],["p-713563fb",[[6,"peculiar-text-hider",{opened:[32]}]]],["p-8ff95ad8",[[1,"peculiar-certificate-viewer",{certificate:[513],download:[516],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],issuerDnLink:[513,"issuer-dn-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}]]],["p-7a5173be",[[1,"peculiar-attribute-certificate-viewer",{certificate:[1],download:[4],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}],[1,"peculiar-crl-viewer",{certificate:[513],download:[4],authKeyIdParentLink:[513,"auth-key-id-parent-link"],authKeyIdSiblingsLink:[513,"auth-key-id-siblings-link"],issuerDnLink:[513,"issuer-dn-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}],[1,"peculiar-csr-viewer",{certificate:[513],download:[4],subjectKeyIdChildrenLink:[513,"subject-key-id-children-link"],subjectKeyIdSiblingsLink:[513,"subject-key-id-siblings-link"],mobileMediaQueryString:[1,"mobile-media-query-string"],mobileScreenView:[32],isDecodeInProcess:[32]},null,{certificate:["watchCertificateAndDecode"]}]]],["p-afbd1c8e",[[2,"peculiar-button-menu",{groups:[16],open:[32]}],[1,"peculiar-circular-progress",{size:[2],width:[2]}],[1,"peculiar-highlight-words",{search:[1]}]]]],e)}));
 //# sourceMappingURL=peculiar.esm.js.map

package/dist/types/components/certificate-decoder/certificate-decoder.d.ts

@@ -36,7 +36,7 @@ export declare class CertificateDecoder {
     private handleChangeExample;
     private handleDropFile;
     clearValue(): void;
-    setValue(value: X509Certificate | X509AttributeCertificate | Pkcs10CertificateRequest | X509Crl): void;
+    setValue(value: typeof this.certificateDecoded): void;
     decode(certificate: string): void;
     render(): any;
 }

package/dist/types/constants/oids.d.ts

@@ -982,6 +982,7 @@ export declare const OIDs: {
     '1.2.840.113635.100.4.6.3': string;
     '1.2.840.113635.100.4.6.4': string;
     '1.2.840.113635.100.4.7': string;
+    '1.2.840.113635.100.4.13': string;
     '1.2.840.113635.100.5': string;
     '1.2.840.113635.100.5.1': string;
     '1.2.840.113635.100.5.2': string;
@@ -993,6 +994,8 @@ export declare const OIDs: {
     '1.2.840.113635.100.6.1.2': string;
     '1.2.840.113635.100.6.1.3': string;
     '1.2.840.113635.100.6.2.3': string;
+    '1.2.840.113635.100.6.1.33': string;
+    '1.2.840.113635.100.6.1.14': string;
     '1.2.840.114021.1.6.1': string;
     '1.2.840.114021.4.1': string;
     '1.3.6.1.4.1.188.7.1.1': string;

package/dist/types/utils/download.d.ts

@@ -8,18 +8,18 @@
 export declare class Download {
     static cert: {
         asPEM: (pem: string, name: string) => void;
-        asDER: (hex: string, name: string) => void;
+        asDER: (raw: ArrayBuffer, name: string) => void;
     };
     static attrCert: {
         asPEM: (pem: string, name: string) => void;
-        asDER: (hex: string, name: string) => void;
+        asDER: (raw: ArrayBuffer, name: string) => void;
     };
     static csr: {
         asPEM: (pem: string, name: string) => void;
-        asDER: (hex: string, name: string) => void;
+        asDER: (raw: ArrayBuffer, name: string) => void;
     };
     static crl: {
         asPEM: (pem: string, name: string) => void;
-        asDER: (hex: string, name: string) => void;
+        asDER: (raw: ArrayBuffer, name: string) => void;
     };
 }

package/dist/types/utils/validator.d.ts

@@ -7,8 +7,4 @@
  */
 export declare const isHex: (value: string) => boolean;
 export declare const isPem: (value: string) => boolean;
-export declare const isX509Pem: (value: string) => boolean;
-export declare const isX509CRLPem: (value: string) => boolean;
-export declare const isPkcs10Pem: (value: string) => boolean;
-export declare const isX509AttributePem: (value: string) => boolean;
 export declare const isBase64: (value: string) => boolean;

package/hydrate/index.js

@@ -14749,14 +14749,6 @@ const isHex = (value) => (/^\s*(?:[0-9A-Fa-f][0-9A-Fa-f]\s*)+$/
     .test(value));
 const isPem = (value) => (/-----BEGIN [^-]+-----([A-Za-z0-9+\/=\s]+)-----END [^-]+-----|begin-base64[^\n]+\n([A-Za-z0-9+\/=\s]+)====/
     .test(value));
-const isX509Pem = (value) => (/-----BEGIN CERTIFICATE-----([A-Za-z0-9+\/=\s]+)-----END CERTIFICATE-----/
-    .test(value));
-const isX509CRLPem = (value) => (/-----BEGIN X509 CRL-----([A-Za-z0-9+\/=\s]+)-----END X509 CRL-----/
-    .test(value));
-const isPkcs10Pem = (value) => (/-----BEGIN CERTIFICATE REQUEST-----([A-Za-z0-9+\/=\s]+)-----END CERTIFICATE REQUEST-----/
-    .test(value));
-const isX509AttributePem = (value) => (/-----BEGIN ATTRIBUTE CERTIFICATE-----([A-Za-z0-9+\/=\s]+)-----END ATTRIBUTE CERTIFICATE-----/
-    .test(value));
 const isBase64 = (value) => {
     try {
         window.atob(value);
@@ -15029,32 +15021,32 @@ Download.cert = {
     asPEM: (pem, name) => {
         downloadFromBuffer(Convert_1.FromString(pem), name, 'cer', 'application/pkix-cert');
     },
-    asDER: (hex, name) => {
-        downloadFromBuffer(Convert_1.FromString(hex), name, 'cer', 'application/pkix-cert');
+    asDER: (raw, name) => {
+        downloadFromBuffer(raw, name, 'cer', 'application/pkix-cert');
     },
 };
 Download.attrCert = {
     asPEM: (pem, name) => {
         downloadFromBuffer(Convert_1.FromString(pem), name, 'cer', 'application/pkix-attr-cert');
     },
-    asDER: (hex, name) => {
-        downloadFromBuffer(Convert_1.FromString(hex), name, 'cer', 'application/pkix-attr-cert');
+    asDER: (raw, name) => {
+        downloadFromBuffer(raw, name, 'cer', 'application/pkix-attr-cert');
     },
 };
 Download.csr = {
     asPEM: (pem, name) => {
         downloadFromBuffer(Convert_1.FromString(pem), name, 'csr', 'application/pkcs10');
     },
-    asDER: (hex, name) => {
-        downloadFromBuffer(Convert_1.FromString(hex), name, 'csr', 'application/pkcs10');
+    asDER: (raw, name) => {
+        downloadFromBuffer(raw, name, 'csr', 'application/pkcs10');
     },
 };
 Download.crl = {
     asPEM: (pem, name) => {
         downloadFromBuffer(Convert_1.FromString(pem), name, 'crl', 'application/pkix-crl');
     },
-    asDER: (hex, name) => {
-        downloadFromBuffer(Convert_1.FromString(hex), name, 'crl', 'application/pkix-crl');
+    asDER: (raw, name) => {
+        downloadFromBuffer(raw, name, 'crl', 'application/pkix-crl');
     },
 };
 
@@ -16042,6 +16034,7 @@ const OIDs = {
     '1.2.840.113635.100.4.6.3': 'Apple Crypto Tier2 QoS',
     '1.2.840.113635.100.4.6.4': 'Apple Crypto Tier3 QoS',
     '1.2.840.113635.100.4.7': 'Apple ID Sharing Certificate',
+    '1.2.840.113635.100.4.13': 'Apple Extended Key Usage Developer ID Installer',
     '1.2.840.113635.100.5': 'Apple Certificate Policies',
     '1.2.840.113635.100.5.1': 'Apple Certificate Policy ID',
     '1.2.840.113635.100.5.2': 'Apple Dot Mac Certificate Policy ID',
@@ -16053,6 +16046,8 @@ const OIDs = {
     '1.2.840.113635.100.6.1.2': 'Apple Certificate Extension ADC Developer Signing',
     '1.2.840.113635.100.6.1.3': 'Apple Certificate Extension ADC Apple Signing',
     '1.2.840.113635.100.6.2.3': 'Apple Application Integration',
+    '1.2.840.113635.100.6.1.33': 'Apple Certificate Extension Developer ID Date',
+    '1.2.840.113635.100.6.1.14': 'Apple Certificate Extension Developer ID Installer',
     '1.2.840.114021.1.6.1': 'Identrus unknown policy Identifier',
     '1.2.840.114021.4.1': 'Identrus OCSP',
     '1.3.6.1.4.1.188.7.1.1': 'Ascom',
@@ -19251,7 +19246,7 @@ class X509Certificate extends AsnData {
         Download.cert.asPEM(this.toString('pem'), name || this.commonName);
     }
     downloadAsDER(name) {
-        Download.cert.asDER(this.toString('hex'), name || this.commonName);
+        Download.cert.asDER(this.raw, name || this.commonName);
     }
 }
 
@@ -20921,7 +20916,7 @@ class X509AttributeCertificate extends AsnData {
         Download.attrCert.asPEM(this.toString('pem'), name || this.commonName);
     }
     downloadAsDER(name) {
-        Download.attrCert.asDER(this.toString('hex'), name || this.commonName);
+        Download.attrCert.asDER(this.raw, name || this.commonName);
     }
 }
 
@@ -21065,7 +21060,7 @@ class Pkcs10CertificateRequest extends AsnData {
         Download.csr.asPEM(this.toString('pem'), name || this.commonName);
     }
     downloadAsDER(name) {
-        Download.csr.asDER(this.toString('hex'), name || this.commonName);
+        Download.csr.asDER(this.raw, name || this.commonName);
     }
 }
 
@@ -21148,7 +21143,7 @@ class X509Crl extends AsnData {
         Download.crl.asPEM(this.toString('pem'), name || this.commonName);
     }
     downloadAsDER(name) {
-        Download.crl.asDER(this.toString('hex'), name || this.commonName);
+        Download.crl.asDER(this.raw, name || this.commonName);
     }
 }
 
@@ -23242,79 +23237,22 @@ class CertificateDecoder {
         this.successParse.emit(value.toString('base64'));
     }
     decode(certificate) {
-        const isPem$1 = isPem(certificate);
-        const isX509Pem$1 = isX509Pem(certificate);
-        const isPkcs10Pem$1 = isPkcs10Pem(certificate);
-        const isX509AttributePem$1 = isX509AttributePem(certificate);
-        const isX509CRLPem$1 = isX509CRLPem(certificate);
-        let decoded;
-        let decodeError;
-        if (isPem$1 && !(isX509Pem$1 || isX509AttributePem$1 || isPkcs10Pem$1 || isX509CRLPem$1)) {
+        new Promise((resolve) => {
+            resolve(new X509Certificate(certificate));
+        })
+            .catch(() => new X509AttributeCertificate(certificate))
+            .catch(() => new Pkcs10CertificateRequest(certificate))
+            .catch(() => new X509Crl(certificate))
+            .then((res) => this.setValue(res))
+            .catch((err) => {
             this.clearValue();
-            alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
-            return;
-        }
-        try {
-            if (isX509Pem$1) {
-                decoded = new X509Certificate(certificate);
-            }
-            if (isX509AttributePem$1) {
-                decoded = new X509AttributeCertificate(certificate);
-            }
-            if (isPkcs10Pem$1) {
-                decoded = new Pkcs10CertificateRequest(certificate);
-            }
-            if (isX509CRLPem$1) {
-                decoded = new X509Crl(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 Pkcs10CertificateRequest(certificate);
-            }
-            catch (error) {
-                decodeError = error;
-            }
-        }
-        if (!decoded) {
-            try {
-                decoded = new X509Crl(certificate);
-            }
-            catch (error) {
-                decodeError = error;
-            }
-        }
-        if (!decoded) {
-            this.clearValue();
-            console.log(decodeError);
+            console.log(err);
             alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
-        }
-        else {
-            this.setValue(decoded);
-        }
+        });
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '7e7738b6552c8bcecc62850e7cffd915b94dc144' }, hAsync("textarea", { key: 'fce9e435a476f015ac9fcafba23cb6cd338734b9', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '5fbb94920b5226a81ca57c9ebf489f081684f282', class: "controls" }, hAsync("div", { key: '828ff9a65a035dafa43b8bca8f7746682b86afac', class: "control_row" }, hAsync(Typography, { key: '80b75774669e2f54dda2fbdbd87cb5a6932f43fc', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("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: "" })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (hAsync("div", { class: "control_row" }, hAsync(Typography, { variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { onChange: this.handleChangeExample }, hAsync("option", { value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: 'a975c8f848d0c2dd2dd1e74d558051a3a28c99e7', class: "control_row" }, hAsync(Button, { key: '4979abadf98b879c32751d5454d00bb4323a306b', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: '2f1118d241db412e56a00bf449acbc24853efff9', onClick: this.handleClickClear }, "Clear"))), this.certificateDecoded instanceof X509Certificate && (hAsync("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509AttributeCertificate && (hAsync("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof Pkcs10CertificateRequest && (hAsync("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509Crl && (hAsync("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
+        return (hAsync(Host, { key: '7c3bfca68882e39705e9640f76754cce2e5d6c6a' }, hAsync("textarea", { key: '4d24f4b914f7f118efde2144e7597e0767d59ce8', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '06ba6e2b5658225a585ec9711e6f3f945ef3a840', class: "controls" }, hAsync("div", { key: 'df2e115ea04d4eae7985f6ee57bfe47354f50240', class: "control_row" }, hAsync(Typography, { key: '05c30b2956055455cdb1f52b40995752dd0d7da4', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("input", { key: 'cca59d7c59d9917e728f9795bcfbd546d4cf75b8', 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) && (hAsync("div", { class: "control_row" }, hAsync(Typography, { variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { onChange: this.handleChangeExample }, hAsync("option", { value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: '6d1f010e03d7836459214e5c0abe1af7fbbe2a10', class: "control_row" }, hAsync(Button, { key: '4038db36b62ff11f592f380f5c98bebb0014585e', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: 'fb7c30e61b10194b5f02a2cefa06191904f5ce46', onClick: this.handleClickClear }, "Clear"))), this.certificateDecoded instanceof X509Certificate && (hAsync("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509AttributeCertificate && (hAsync("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof Pkcs10CertificateRequest && (hAsync("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })), this.certificateDecoded instanceof X509Crl && (hAsync("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
     }
     static get style() { return PeculiarCertificateDecoderStyle0; }
     static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peculiar/certificates-viewer",
-  "version": "4.2.2",
+  "version": "4.3.0",
   "private": false,
   "description": "Peculiar Certificate Viewer web-components makes it easy for you to display certificate related details in your web application.",
   "keywords": [
@@ -58,7 +58,7 @@
     "@peculiar/asn1-x509-qualified": "^2.3.8",
     "@peculiar/asn1-x509-qualified-etsi": "^2.3.8",
     "@stencil/core": "^4.13.0",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
     "pvtsutils": "^1.3.5"
   },
   "devDependencies": {
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0518ebd97423a6cce687d23e0e36b2620c5e26b9"
+  "gitHead": "698cbf60141169b910f6fc64d275fdf5ca662983"
 }