@peculiar/certificates-viewer 4.5.0 → 4.6.1

package/dist/peculiar/p-591a9019.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["id_data","id_signedData","X509Certificates","_super","__extends","raw","_this","call","this","rawItems","PemConverter","isPem","decode","map","value","Convert","ToBase64Url","split","length","Error","_i","rawItems_1","item","push","X509Certificate","Object","defineProperty","prototype","Array","from","o","commonName","join","signedData","SignedData","version","encapContentInfo","eContentType","eContent","EncapsulatedContent","single","OctetString","certificates","CertificateSet","CertificateChoices","certificate","AsnConvert","parse","Certificate","cms","ContentInfo","contentType","content","serialize","toString","format","downloadAsPEM","name","Download","cert","asPEM","downloadAsDER","asDER","certificateDecoderCss","CertificateDecoder","exports","class_1","hostRef","handleClickDecode","inputPaste","handleClickClear","clearValue","handleChangeInputFile","event","__awaiter","element","target","files","readAsBinaryString","file","_b","sent","handleChangeExample","handleDropFile","stopPropagation","preventDefault","dataTransfer","componentDidLoad","certificateToDecode","setTimeout","certificateDecoded","clearCertificate","emit","setValue","successParse","Promise","resolve","catch","X509AttributeCertificate","Pkcs10CertificateRequest","X509Crl","then","res","error","console","log","alert","concat","renderCertificate","h","download","render","Host","key","placeholder","class","ref","el","onDrop","Typography","variant","color","type","accept","onChange","_a","certificateExamples","example","title","Button","onClick"],"sources":["../../node_modules/.pnpm/@peculiar+asn1-cms@2.4.0/node_modules/@peculiar/asn1-cms/build/es2015/object_identifiers.js","src/crypto/x509_certificates.ts","src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.tsx"],"sourcesContent":["export const id_ct_contentInfo = \"1.2.840.113549.1.9.16.1.6\";\nexport const id_data = \"1.2.840.113549.1.7.1\";\nexport const id_signedData = \"1.2.840.113549.1.7.2\";\nexport const id_envelopedData = \"1.2.840.113549.1.7.3\";\nexport const id_digestedData = \"1.2.840.113549.1.7.5\";\nexport const id_encryptedData = \"1.2.840.113549.1.7.6\";\nexport const id_authData = \"1.2.840.113549.1.9.16.1.2\";\n","import { Convert } from 'pvtsutils';\nimport {\n  SignedData,\n  id_data,\n  EncapsulatedContent,\n  CertificateSet,\n  CertificateChoices,\n  ContentInfo,\n  id_signedData,\n} from '@peculiar/asn1-cms';\nimport { Certificate } from '@peculiar/asn1-x509';\nimport { AsnConvert, OctetString } from '@peculiar/asn1-schema';\nimport { Download } from '../utils';\nimport { PemConverter } from './pem_converter';\nimport { X509Certificate } from './x509_certificate';\n\nexport class X509Certificates extends Array<X509Certificate> {\n  constructor(raw: string) {\n    super();\n\n    const rawItems = PemConverter.isPem(raw)\n      ? PemConverter.decode(raw).map((value) => Convert.ToBase64Url(value))\n      : raw.split(',');\n\n    if (rawItems.length < 2) {\n      throw new Error('Unable to parse string. The array of elements is less than 2');\n    }\n\n    for (const item of rawItems) {\n      this.push(new X509Certificate(item));\n    }\n  }\n\n  public get commonName(): string {\n    return Array.from(this)\n      .map((o) => o.commonName)\n      .join('_');\n  }\n\n  public get raw(): ArrayBuffer {\n    const signedData = new SignedData();\n\n    signedData.version = 1;\n    signedData.encapContentInfo.eContentType = id_data;\n    signedData.encapContentInfo.eContent = new EncapsulatedContent({ single: new OctetString() });\n    signedData.certificates = new CertificateSet(\n      Array.from(this)\n        .map((o) => new CertificateChoices({ certificate: AsnConvert.parse(o.raw, Certificate) })),\n    );\n\n    const cms = new ContentInfo({\n      contentType: id_signedData,\n      content: AsnConvert.serialize(signedData),\n    });\n\n    return AsnConvert.serialize(cms);\n  }\n\n  public toString(format: 'pem' | 'base64' | 'base64url' = 'pem'): string {\n    switch (format) {\n      case 'pem':\n        return Array.from(this)\n          .map((o) => o.toString('pem'))\n          .join('\\n');\n      case 'base64url':\n        return Array.from(this)\n          .map((o) => o.toString('base64url'))\n          .join(',');\n      default:\n        return Array.from(this)\n          .map((o) => o.toString('base64'))\n          .join(',');\n    }\n  }\n\n  public downloadAsPEM(name?: string) {\n    Download.cert.asPEM(\n      this.toString('pem'),\n      name || this.commonName,\n    );\n  }\n\n  public downloadAsDER(name?: string) {\n    Download.cert.asDER(\n      this.raw,\n      name || this.commonName,\n    );\n  }\n}\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.textarea {\n  min-height: 300px;\n  width: 100%;\n  border-radius: 4px;\n  border: 1px solid var(--pv-color-gray-5);;\n  padding: 14px;\n  font-family: monospace;\n  resize: vertical;\n}\n\n.controls {\n  margin-top: var(--pv-size-base-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pv-size-base-2);\n  margin-bottom: var(--pv-size-base-12);\n}\n\n.control_row {\n  display: flex;\n  align-items: center;\n  gap: var(--pv-size-base);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n  Prop,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  Pkcs10CertificateRequest,\n  X509Crl,\n  X509Certificates,\n} from '../../crypto';\nimport { Button } from '../button';\nimport { Typography } from '../typography';\n\n@Component({\n  tag: 'peculiar-certificate-decoder',\n  styleUrl: 'certificate-decoder.scss',\n  shadow: true,\n})\nexport class CertificateDecoder {\n  private inputPaste?: HTMLTextAreaElement;\n\n  /**\n   * The example certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateExamples?: {\n    title: string;\n    value: string;\n  }[];\n\n  /**\n   * The default certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateToDecode?: string;\n\n  @State() certificateDecoded: X509Certificates\n    | X509Certificate\n    | X509AttributeCertificate\n    | Pkcs10CertificateRequest\n    | X509Crl;\n\n  /**\n   * Emitted when the certificate has been successfully parsed.\n   */\n  @Event() successParse!: EventEmitter<string>;\n\n  /**\n   * Emitted when the certificate has been removed.\n   */\n  @Event() clearCertificate!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.certificateToDecode) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.certificateToDecode), 100);\n    }\n  }\n\n  private handleClickDecode = () => {\n    const { value } = this.inputPaste;\n\n    if (value) {\n      this.decode(value);\n    }\n  };\n\n  private handleClickClear = () => {\n    this.clearValue();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private handleChangeInputFile = async (event: any) => {\n    const element = event.target;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n\n      element.value = '';\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private handleChangeExample = (event: any) => {\n    if (event.target.value) {\n      this.decode(event.target.value);\n    } else {\n      this.clearValue();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private handleDropFile = async (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const element = event.dataTransfer;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n    }\n  };\n\n  clearValue() {\n    this.inputPaste.value = '';\n    this.certificateDecoded = null;\n    this.clearCertificate.emit();\n  }\n\n  setValue(value: typeof this.certificateDecoded) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.toString('pem');\n    this.successParse.emit(value.toString('base64url'));\n  }\n\n  decode(value: string) {\n    new Promise<X509Certificates>((resolve) => {\n      resolve(new X509Certificates(value));\n    })\n      .catch(() => new X509Certificate(value))\n      .catch(() => new X509AttributeCertificate(value))\n      .catch(() => new Pkcs10CertificateRequest(value))\n      .catch(() => new X509Crl(value))\n      .then((res: typeof this.certificateDecoded) => this.setValue(res))\n      .catch((error) => {\n        console.log(error);\n\n        alert(`Error decoding certificate:\\n\"${value}\"\\n\\nPlease try to use Certificate/AttributeCertificate/CertificateRequest/CRL.`);\n      });\n  }\n\n  renderCertificate() {\n    if (this.certificateDecoded instanceof X509Certificates) {\n      return (\n        <peculiar-certificate-chain-viewer\n          certificates={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Certificate) {\n      return (\n        <peculiar-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509AttributeCertificate) {\n      return (\n        <peculiar-attribute-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof Pkcs10CertificateRequest) {\n      return (\n        <peculiar-csr-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Crl) {\n      return (\n        <peculiar-crl-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    return null;\n  }\n\n  render() {\n    return (\n      <Host>\n        <textarea\n          placeholder=\"Certificate DER or PEM\"\n          class=\"textarea t-b2 c-black\"\n          ref={(el) => { this.inputPaste = el; }}\n          onDrop={this.handleDropFile}\n        />\n        <div class=\"controls\">\n          <div class=\"control_row\">\n            <Typography\n              variant=\"b3\"\n              color=\"secondary-tint-2\"\n            >\n              Drag or load file:\n            </Typography>\n            <input\n              type=\"file\"\n              accept=\"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl\"\n              value=\"\"\n              onChange={this.handleChangeInputFile}\n            />\n          </div>\n          {this.certificateExamples?.length && (\n            <div class=\"control_row\">\n              <Typography\n                variant=\"b3\"\n                color=\"secondary-tint-2\"\n              >\n                Load examples:\n              </Typography>\n              <select onChange={this.handleChangeExample}>\n                <option value=\"\">None</option>\n                {this.certificateExamples.map((example) => (\n                  <option value={example.value}>\n                    {example.title}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div class=\"control_row\">\n            <Button\n              onClick={this.handleClickDecode}\n            >\n              Decode\n            </Button>\n            <Button\n              onClick={this.handleClickClear}\n            >\n              Clear\n            </Button>\n          </div>\n        </div>\n        {this.renderCertificate()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/peculiar/p-607d08e8.system.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+System.register(["./p-DKl0YViA.system.js","./p-B4PdAFCr.system.js","./p-Bi5mjeeg.system.js"],(function(e){"use strict";var t,i,c,a,s,n;return{setters:[function(e){t=e.r;i=e.h;c=e.H},function(e){a=e.B},function(e){s=e.a;n=e.A}],execute:function(){var r=".sc-peculiar-text-hider-h{display:-ms-flexbox;display:flex;width:100%;gap:var(--pv-size-base-4)}[aria-expanded=true].sc-peculiar-text-hider-h .content.sc-peculiar-text-hider{white-space:initial}.content.sc-peculiar-text-hider{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action.sc-peculiar-text-hider{-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--pv-size-base) * -1)}";var d=e("peculiar_text_hider",function(){function e(e){t(this,e);this.opened=false}e.prototype.render=function(){var e=this;return i(c,{key:"e62e0ae5bad2145d9d0f8e47493d89f1c9bdd559","aria-expanded":String(this.opened)},i("div",{key:"ee6a5b678e4ff568d017fde3168a37c818c241da",class:"content"},i("slot",{key:"b9d073a716fec21e5e9c1dadc66da3fef292d00b"})),i(a,{key:"398b81d7ec84ccac8803f46dd4d78104a86b9be7",class:"action",startIcon:this.opened?i(s,{color:"secondary"}):i(n,{color:"secondary"}),onClick:function(){e.opened=!e.opened}}))};return e}());d.style=r}}}));
+//# sourceMappingURL=p-607d08e8.system.entry.js.map

package/dist/peculiar/{p-cae95996.system.entry.js.map → p-607d08e8.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["textHiderCss","TextHider","exports","class_1","hostRef","this","opened","prototype","render","_this","h","Host","key","String","class","Button","onClick","startIcon","ArrowTopIcon","color","ArrowBottomIcon"],"sources":["src/components/text-hider/text-hider.scss?tag=peculiar-text-hider&encapsulation=scoped","src/components/text-hider/text-hider.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  gap: var(--pv-size-base-4);\n\n  &[aria-expanded=\"true\"] {\n    .content {\n      white-space: initial;\n    }\n  }\n}\n\n.content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.action {\n  flex-shrink: 0;\n  margin-top: calc(var(--pv-size-base) * -1);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n} from '@stencil/core';\nimport { Button } from '../button';\nimport { ArrowBottomIcon, ArrowTopIcon } from '../icons';\n\n@Component({\n  tag: 'peculiar-text-hider',\n  styleUrl: 'text-hider.scss',\n  scoped: true,\n})\nexport class TextHider {\n  @State() opened: boolean = false;\n\n  render() {\n    return (\n      <Host\n        aria-expanded={String(this.opened)}\n      >\n        <div class=\"content\">\n          <slot />\n        </div>\n        <Button\n          class=\"action\"\n          onClick={() => { this.opened = !this.opened; }}\n          startIcon={this.opened ? <ArrowTopIcon color=\"secondary\" /> : <ArrowBottomIcon color=\"secondary\" />}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;sPAAA,IAAMA,EAAe,qZ,ICsBRC,EAASC,EAAA,iCALtB,SAAAC,EAAAC,G,UAMWC,KAAMC,OAAY,KAkB5B,CAhBCH,EAAAI,UAAAC,OAAA,eAAAC,EAAAJ,KACE,OACEK,EAACC,EAAI,CAAAC,IAAA,2DACYC,OAAOR,KAAKC,SAE3BI,EAAK,OAAAE,IAAA,2CAAAE,MAAM,WACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAACK,EAAM,CAAAH,IAAA,2CACLE,MAAM,SACNE,QAAS,WAAQP,EAAKH,QAAUG,EAAKH,MAAO,EAC5CW,UAAWZ,KAAKC,OAASI,EAACQ,EAAa,CAAAC,MAAM,cAAiBT,EAACU,EAAe,CAACD,MAAM,gB,WAdzE,I","ignoreList":[]}
+{"version":3,"names":["textHiderCss","TextHider","exports","class_1","hostRef","this","opened","prototype","render","_this","h","Host","key","String","class","Button","startIcon","ArrowTopIcon","color","ArrowBottomIcon","onClick"],"sources":["src/components/text-hider/text-hider.scss?tag=peculiar-text-hider&encapsulation=scoped","src/components/text-hider/text-hider.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  gap: var(--pv-size-base-4);\n\n  &[aria-expanded=\"true\"] {\n    .content {\n      white-space: initial;\n    }\n  }\n}\n\n.content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.action {\n  flex-shrink: 0;\n  margin-top: calc(var(--pv-size-base) * -1);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n} from '@stencil/core';\nimport { Button } from '../button';\nimport { ArrowBottomIcon, ArrowTopIcon } from '../icons';\n\n@Component({\n  tag: 'peculiar-text-hider',\n  styleUrl: 'text-hider.scss',\n  scoped: true,\n})\nexport class TextHider {\n  @State() opened = false;\n\n  render() {\n    return (\n      <Host\n        aria-expanded={String(this.opened)}\n      >\n        <div class=\"content\">\n          <slot />\n        </div>\n        <Button\n          class=\"action\"\n          startIcon={this.opened ? <ArrowTopIcon color=\"secondary\" /> : <ArrowBottomIcon color=\"secondary\" />}\n          onClick={() => { this.opened = !this.opened; }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;sPAAA,IAAMA,EAAe,qZ,ICsBRC,EAASC,EAAA,iCALtB,SAAAC,EAAAC,G,UAMWC,KAAMC,OAAG,KAkBnB,CAhBCH,EAAAI,UAAAC,OAAA,eAAAC,EAAAJ,KACE,OACEK,EAACC,EAAI,CAAAC,IAAA,2DACYC,OAAOR,KAAKC,SAE3BI,EAAK,OAAAE,IAAA,2CAAAE,MAAM,WACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAACK,EAAM,CAAAH,IAAA,2CACLE,MAAM,SACNE,UAAWX,KAAKC,OAASI,EAACO,EAAa,CAAAC,MAAM,cAAiBR,EAACS,EAAgB,CAAAD,MAAM,cACrFE,QAAS,WAAQX,EAAKH,QAAUG,EAAKH,MAAO,I,WAdhC,I","ignoreList":[]}

package/dist/peculiar/{p-63aa01ad.system.entry.js → p-84f69023.system.entry.js}

@@ -1,7 +1,7 @@
 var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function n(t){try{c(a.next(t))}catch(t){i(t)}}function s(t){try{c(a["throw"](t))}catch(t){i(t)}}function c(t){t.done?r(t.value):o(t.value).then(n,s)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(e){return c([t,e])}}function c(s){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(a=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];o=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var a=0,o=e.length,i;a<o;a++){if(i||!(a in e)){if(!i)i=Array.prototype.slice.call(e,0,a);i[a]=e[a]}}return t.concat(i||Array.prototype.slice.call(e))};
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
- */System.register(["./p-BFenL1ap.system.js","./p-L1KL0R34.system.js","./p-DgcB4Nqx.system.js","./p-BRhx1gbw.system.js","./p-BBgwMHRZ.system.js","./p-BP2bmYR2.system.js","./p-B2YrZuK2.system.js"],(function(t){"use strict";var e,r,a,o,i,n,s,c,l,v,p,d,h,u,b,g;return{setters:[function(t){e=t.h;r=t.r;a=t.c;o=t.H},function(t){i=t.X},function(t){n=t.Y;s=t.Z;c=t._},function(t){l=t.T;v=t.B},function(t){p=t.D;d=t.L;h=t.C},function(t){u=t.D},function(t){b=t.a;g=t.A}],execute:function(){
+ */System.register(["./p-DKl0YViA.system.js","./p-C9sY8yng.system.js","./p-BipKYW6e.system.js","./p-B4PdAFCr.system.js","./p-CdS84qJs.system.js","./p-D8xU284r.system.js","./p-Bi5mjeeg.system.js"],(function(t){"use strict";var e,r,a,o,i,n,s,c,l,v,p,d,h,b,u,g;return{setters:[function(t){e=t.h;r=t.r;a=t.c;o=t.H},function(t){i=t.X},function(t){n=t.Y;s=t.Z;c=t._},function(t){l=t.T;v=t.B},function(t){p=t.D;d=t.L;h=t.C},function(t){b=t.D},function(t){u=t.a;g=t.A}],execute:function(){
 /**
              * @license
              * Copyright (c) Peculiar Ventures, LLC.
@@ -9,5 +9,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t ins
              * This source code is licensed under the MIT license found in the
              * LICENSE file in the root directory of this source tree.
              */
-var f=function(t){var r=t.certificate,a=t.showIssuer;var o=function(t,r){return e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},t)),e("td",null,e(l,{variant:"b2",color:"black"},r)))};return e("table",null,e("tbody",null,o(n.getString("subjectName"),r.subjectToString()),a&&o(n.getString("issuerName"),r.issuerToString()),o(n.getString("serialNumber"),r.serialNumber),o(n.getString("version"),r.version),o(n.getString("validity"),r.validity),o(n.getString("issued"),s(r.notBefore)),o(n.getString("expired"),s(r.notAfter))))};var y="*{-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}";var w=t("peculiar_certificates_viewer",function(){function t(t){var e=this;r(this,t);this.detailsOpen=a(this,"detailsOpen");this.detailsClose=a(this,"detailsClose");this.isHasRoots=false;this.certificates=[];this.filterWithSearch=true;this.highlightWithSearch=true;this.mobileMediaQueryString="(max-width: 900px)";this.mobileScreenView=false;this.search="";this.certificatesDecoded=[];this.isDecodeInProcess=true;this.handleClickDetails=function(t){e.certificateSelectedForDetails=t;e.detailsOpen.emit(t)};this.handleModalClose=function(){e.certificateSelectedForDetails=undefined;e.detailsClose.emit()};this.handleSearch=function(t){e.search=t.target.value.trim()}}t.prototype.handleMediaQueryChange=function(t){this.mobileScreenView=t.matches};t.prototype.componentWillLoad=function(){this.certificatesDecodeAndSet();{this.mobileMediaQuery=window.matchMedia(this.mobileMediaQueryString);this.mobileMediaQuery.addEventListener("change",this.handleMediaQueryChange.bind(this));this.mobileScreenView=this.mobileMediaQuery.matches}};t.prototype.disconnectedCallback=function(){this.mobileMediaQuery.removeEventListener("change",this.handleMediaQueryChange.bind(this))};t.prototype.watchCertificates=function(t,e){if(JSON.stringify(t)!==JSON.stringify(e)){this.certificatesDecodeAndSet()}};t.prototype.certificatesDecodeAndSet=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,r,a,o,n,s;return __generator(this,(function(c){switch(c.label){case 0:t=false;if(!Array.isArray(this.certificates)){return[2]}e=[];r=0,a=this.certificates;c.label=1;case 1:if(!(r<a.length))return[3,6];o=a[r];c.label=2;case 2:c.trys.push([2,4,,5]);n=new i(o.value);return[4,n.getThumbprint("SHA-1")];case 3:c.sent();e.push({body:n,tests:o.tests,name:o.name});if(!t&&n.isRoot){t=true}return[3,5];case 4:s=c.sent();console.error("Error certificate parse:",s);return[3,5];case 5:r++;return[3,1];case 6:this.isHasRoots=t;this.isDecodeInProcess=false;this.certificatesDecoded=e;return[2]}}))}))};t.prototype.handleClickDownloadAsPem=function(t){t.body.downloadAsPEM(t.name||t.body.commonName)};t.prototype.handleClickDownloadAsDer=function(t){t.body.downloadAsDER(t.name||t.body.commonName)};t.prototype.handleClickRow=function(t){var e=this.expandedRow===t;this.expandedRow=e?undefined:t};t.prototype.getMaxColSpanValue=function(){var t=5;if(!this.isHasRoots){t+=1}return t};t.prototype.renderCertificateButtonActions=function(t){var r=this;var a,o,i;var s=t.tests&&(t.tests.expired||t.tests.revoked||t.tests.valid);return e("peculiar-button-menu",{class:"button_table_cell",groups:__spreadArray([{title:n.getString("previewCertificate"),options:[{text:n.getString("viewDetails"),startIcon:e(p,null),onClick:function(){return r.handleClickDetails(t.body)}}]},{title:n.getString("downloadOptions"),options:[{text:n.getString("download.pem"),startIcon:e(u,null),onClick:function(){return r.handleClickDownloadAsPem(t)}},{text:n.getString("download.der"),startIcon:e(u,null),onClick:function(){return r.handleClickDownloadAsDer(t)}}]}],s?[{title:n.getString("testURLs"),options:__spreadArray(__spreadArray(__spreadArray([],((a=t.tests)===null||a===void 0?void 0:a.valid)?[{text:n.getString("valid"),href:t.tests.valid,startIcon:e(d,null)}]:[],true),((o=t.tests)===null||o===void 0?void 0:o.revoked)?[{text:n.getString("revoked"),href:t.tests.revoked,startIcon:e(d,null)}]:[],true),((i=t.tests)===null||i===void 0?void 0:i.expired)?[{text:n.getString("expired"),href:t.tests.expired,startIcon:e(d,null)}]:[],true)}]:[],true)})};t.prototype.renderExpandedRow=function(t){var r=this.getMaxColSpanValue()-2;return e("tr",{class:"expanded_summary"},e("td",null),e("td",{colSpan:r},e(f,{certificate:t,showIssuer:!t.isRoot})),e("td",null))};t.prototype.renderCertificatesRows=function(){var t=this;var r=this.highlightWithSearch?this.search:"";var a=[];this.certificatesDecoded.forEach((function(o,i){var s=i===t.expandedRow;var p=c[o.body.signature.algorithm]||o.body.signature.algorithm;if(t.filterWithSearch&&t.search){var d=[p,o.body.issuerCommonName,o.name,o.body.commonName,o.body.thumbprints["SHA-1"]].join(" ").toLowerCase();if(d.indexOf(t.search.toLowerCase())===-1){return}}if(t.mobileScreenView){a.push([e("tr",{class:{certificate_row:true,m_expanded:s},key:o.body.thumbprints["SHA-1"]},e("td",null,e("table",null,e("tbody",null,!t.isHasRoots&&e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("issuer"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},o.body.issuerCommonName)))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("name"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},o.name||o.body.commonName)))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("publicKey"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},p)))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("fingerprint"),"  (SHA-1)")),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},o.body.thumbprints["SHA-1"])))),s&&t.renderExpandedRow(o.body),e("tr",{class:"certificate_row_actions"},e("td",null,t.renderCertificateButtonActions(o),e(v,{onClick:t.handleClickRow.bind(t,i),startIcon:s?e(b,null):e(g,null)})))))))]);return}a.push([e("tr",{class:{m_expanded:s},key:o.body.thumbprints["SHA-1"]},e("td",null,e(v,{class:"button_table_cell",onClick:t.handleClickRow.bind(t,i),startIcon:s?e(b,null):e(g,null)})),!t.isHasRoots&&e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},o.body.issuerCommonName))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},o.name||o.body.commonName))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},p))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},o.body.thumbprints["SHA-1"]))),e("td",null,t.renderCertificateButtonActions(o))),s&&t.renderExpandedRow(o.body)])}));return a};t.prototype.renderCertificateDetailsModal=function(){if(!this.certificateSelectedForDetails){return null}return e("div",{class:"modal_wrapper",role:"presentation","aria-hidden":"false",part:"presentation"},e("div",{class:"modal_backdrop",onClick:this.handleModalClose,"aria-hidden":"true"}),e("div",{class:"modal_container",role:"dialog",part:"presentation_container"},e("header",{class:"modal_header"},e(l,{variant:"h4"},n.getString("certificateDetails")),e(v,{onClick:this.handleModalClose,startIcon:e(h,null)})),e("div",{class:"modal_content"},e("peculiar-certificate-viewer",{certificate:this.certificateSelectedForDetails,mobileMediaQueryString:this.mobileMediaQueryString}))))};t.prototype.renderSearch=function(){if(!this.filterWithSearch&&!this.highlightWithSearch){return null}return e("div",{class:"search_section"},e("input",{onInput:this.handleSearch,type:"search",value:"",class:"input_search t-b3 c-black",disabled:!this.certificatesDecoded.length,placeholder:"Search"}))};t.prototype.renderEmptyState=function(){var t=this.getMaxColSpanValue();return e("tr",null,e("td",{class:"status_wrapper",colSpan:t},e(l,{variant:"b1"},"There are no certificates available.")))};t.prototype.renderEmptySearchState=function(){var t=this.getMaxColSpanValue();return e("tr",null,e("td",{class:"status_wrapper",colSpan:t},e(l,{variant:"b1"},"No results found for “",this.search,"“")))};t.prototype.renderLoadingState=function(){return e("div",{class:"loading_container"},e("peculiar-circular-progress",null))};t.prototype.renderTableBody=function(){if(this.isDecodeInProcess){return null}if(!this.certificatesDecoded.length){return this.renderEmptyState()}var t=this.renderCertificatesRows();if(this.search&&!t.length){return this.renderEmptySearchState()}return t};t.prototype.render=function(){return e(o,{key:"e10ac3070a3cb75cb9a281a999fec42ef28d593d","data-mobile-screen-view":String(this.mobileScreenView)},this.renderSearch(),e("table",{key:"abc765a09c9537c36500143c6caffa688910483e"},!this.mobileScreenView&&e("thead",{key:"c948fc3f9929deda81bfe9f1205b5c6f6032d256"},e("tr",{key:"7deae387a944910a82588698b61d55c0ba64ff55"},e("th",{key:"70927a2c00545a1c500e4312ed30022dc24df23a"}),!this.isHasRoots&&e("th",{key:"af4811bbd78a46f4ab1e96d9a2f3251e59d5d773",class:"col_issuer"},e(l,{key:"11064fc9659acfb8856ad96aba1192972b27e0e3",variant:"s2"},n.getString("issuer"))),e("th",{key:"7898e55528b973f8dddebff2e86763fc4f0ad013",class:"col_name"},e(l,{key:"e5bae939345bce44423efaaee774678a163d51a6",variant:"s2"},n.getString("name"))),e("th",{key:"83128f3a2812996df534b95690d6268bf0f096ec",class:"col_public_key"},e(l,{key:"05e7f862d2336e2144ddd9438bb2636625abed36",variant:"s2"},n.getString("publicKey"))),e("th",{key:"1387d00b085a524bd97d96e68e07f3e82ee57796",class:"col_fingerprint"},e(l,{key:"393eac698d27bb9a17a2ae5cec18a0658f510f78",variant:"s2"},n.getString("fingerprint"),"  (SHA-1)")),e("th",{key:"ffdba17371ff65a6df244edefe55bb81a9e821c8"}))),e("tbody",{key:"8e44c28a8d4bc64fe76c73d67054df3dcef7a7c1"},this.renderTableBody())),this.renderCertificateDetailsModal(),this.isDecodeInProcess&&this.renderLoadingState())};Object.defineProperty(t,"watchers",{get:function(){return{certificates:["watchCertificates"]}},enumerable:false,configurable:true});return t}());w.style=y}}}));
-//# sourceMappingURL=p-63aa01ad.system.entry.js.map
+var f=function(t){var r=t.certificate,a=t.showIssuer;var o=function(t,r){return e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},t)),e("td",null,e(l,{variant:"b2",color:"black"},r)))};return e("table",null,e("tbody",null,o(n.getString("subjectName"),r.subjectToString()),a&&o(n.getString("issuerName"),r.issuerToString()),o(n.getString("serialNumber"),r.serialNumber),o(n.getString("version"),r.version),o(n.getString("validity"),r.validity),o(n.getString("issued"),s(r.notBefore)),o(n.getString("expired"),s(r.notAfter))))};var y="*{-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}";var m=t("peculiar_certificates_viewer",function(){function t(t){var e=this;r(this,t);this.detailsOpen=a(this,"detailsOpen");this.detailsClose=a(this,"detailsClose");this.isHasRoots=false;this.certificates=[];this.filterWithSearch=true;this.highlightWithSearch=true;this.mobileMediaQueryString="(max-width: 900px)";this.mobileScreenView=false;this.search="";this.certificatesDecoded=[];this.isDecodeInProcess=true;this.handleClickDetails=function(t){e.certificateSelectedForDetails=t;e.detailsOpen.emit(t)};this.handleModalClose=function(){e.certificateSelectedForDetails=undefined;e.detailsClose.emit()};this.handleSearch=function(t){var r=t.target;e.search=r.value.trim()}}t.prototype.handleMediaQueryChange=function(t){this.mobileScreenView=t.matches};t.prototype.componentWillLoad=function(){this.certificatesDecodeAndSet();{this.mobileMediaQuery=window.matchMedia(this.mobileMediaQueryString);this.mobileMediaQuery.addEventListener("change",this.handleMediaQueryChange.bind(this));this.mobileScreenView=this.mobileMediaQuery.matches}};t.prototype.disconnectedCallback=function(){this.mobileMediaQuery.removeEventListener("change",this.handleMediaQueryChange.bind(this))};t.prototype.watchCertificates=function(t,e){if(JSON.stringify(t)!==JSON.stringify(e)){this.certificatesDecodeAndSet()}};t.prototype.certificatesDecodeAndSet=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,r,a,o,n,s;return __generator(this,(function(c){switch(c.label){case 0:t=false;if(!Array.isArray(this.certificates)){return[2]}e=[];r=0,a=this.certificates;c.label=1;case 1:if(!(r<a.length))return[3,6];o=a[r];c.label=2;case 2:c.trys.push([2,4,,5]);n=new i(o.value);return[4,n.getThumbprint("SHA-1")];case 3:c.sent();e.push({body:n,tests:o.tests,name:o.name});if(!t&&n.isRoot){t=true}return[3,5];case 4:s=c.sent();console.error("Error certificate parse:",s);return[3,5];case 5:r++;return[3,1];case 6:this.isHasRoots=t;this.isDecodeInProcess=false;this.certificatesDecoded=e;return[2]}}))}))};t.prototype.getCertificateName=function(t){if(typeof t.name==="function"){return t.name(t.body)}return t.name||t.body.commonName};t.prototype.handleClickDownloadAsPem=function(t){t.body.downloadAsPEM(this.getCertificateName(t))};t.prototype.handleClickDownloadAsDer=function(t){t.body.downloadAsDER(this.getCertificateName(t))};t.prototype.handleClickRow=function(t){var e=this.expandedRow===t;this.expandedRow=e?undefined:t};t.prototype.getMaxColSpanValue=function(){var t=5;if(!this.isHasRoots){t+=1}return t};t.prototype.renderCertificateButtonActions=function(t){var r=this;var a,o,i;var s=t.tests&&(t.tests.expired||t.tests.revoked||t.tests.valid);return e("peculiar-button-menu",{class:"button_table_cell",groups:__spreadArray([{title:n.getString("previewCertificate"),options:[{text:n.getString("viewDetails"),startIcon:e(p,null),onClick:function(){return r.handleClickDetails(t.body)}}]},{title:n.getString("downloadOptions"),options:[{text:n.getString("download.pem"),startIcon:e(b,null),onClick:function(){return r.handleClickDownloadAsPem(t)}},{text:n.getString("download.der"),startIcon:e(b,null),onClick:function(){return r.handleClickDownloadAsDer(t)}}]}],s?[{title:n.getString("testURLs"),options:__spreadArray(__spreadArray(__spreadArray([],((a=t.tests)===null||a===void 0?void 0:a.valid)?[{text:n.getString("valid"),href:t.tests.valid,startIcon:e(d,null)}]:[],true),((o=t.tests)===null||o===void 0?void 0:o.revoked)?[{text:n.getString("revoked"),href:t.tests.revoked,startIcon:e(d,null)}]:[],true),((i=t.tests)===null||i===void 0?void 0:i.expired)?[{text:n.getString("expired"),href:t.tests.expired,startIcon:e(d,null)}]:[],true)}]:[],true)})};t.prototype.renderExpandedRow=function(t){var r=this.getMaxColSpanValue()-2;return e("tr",{class:"expanded_summary"},e("td",null),e("td",{colSpan:r},e(f,{certificate:t,showIssuer:!t.isRoot})),e("td",null))};t.prototype.renderCertificatesRows=function(){var t=this;var r=this.highlightWithSearch?this.search:"";var a=[];this.certificatesDecoded.forEach((function(o,i){var s=i===t.expandedRow;var p=c[o.body.signature.algorithm]||o.body.signature.algorithm;if(t.filterWithSearch&&t.search){var d=[p,o.body.issuerCommonName,t.getCertificateName(o),o.body.thumbprints["SHA-1"]].join(" ").toLowerCase();if(d.indexOf(t.search.toLowerCase())===-1){return}}if(t.mobileScreenView){a.push([e("tr",{class:{certificate_row:true,m_expanded:s},key:o.body.thumbprints["SHA-1"]},e("td",null,e("table",null,e("tbody",null,!t.isHasRoots&&e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("issuer"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},o.body.issuerCommonName)))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("name"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},t.getCertificateName(o))))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("publicKey"))),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},p)))),e("tr",null,e("td",null,e(l,{variant:"b2",color:"gray-9"},n.getString("fingerprint"),"  (SHA-1)")),e("td",null,e(l,{variant:"b2",color:"black"},e("peculiar-highlight-words",{search:r},o.body.thumbprints["SHA-1"])))),s&&t.renderExpandedRow(o.body),e("tr",{class:"certificate_row_actions"},e("td",null,t.renderCertificateButtonActions(o),e(v,{startIcon:s?e(u,null):e(g,null),onClick:t.handleClickRow.bind(t,i)})))))))]);return}a.push([e("tr",{class:{m_expanded:s},key:o.body.thumbprints["SHA-1"]},e("td",null,e(v,{startIcon:s?e(u,null):e(g,null),class:"button_table_cell",onClick:t.handleClickRow.bind(t,i)})),!t.isHasRoots&&e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},o.body.issuerCommonName))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},t.getCertificateName(o)))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},p))),e("td",null,e(l,null,e("peculiar-highlight-words",{search:r},o.body.thumbprints["SHA-1"]))),e("td",null,t.renderCertificateButtonActions(o))),s&&t.renderExpandedRow(o.body)])}));return a};t.prototype.renderCertificateDetailsModal=function(){if(!this.certificateSelectedForDetails){return null}return e("div",{class:"modal_wrapper",role:"presentation","aria-hidden":"false",part:"presentation"},e("div",{class:"modal_backdrop","aria-hidden":"true",onClick:this.handleModalClose}),e("div",{class:"modal_container",role:"dialog",part:"presentation_container"},e("header",{class:"modal_header"},e(l,{variant:"h4"},n.getString("certificateDetails")),e(v,{startIcon:e(h,null),onClick:this.handleModalClose})),e("div",{class:"modal_content"},e("peculiar-certificate-viewer",{certificate:this.certificateSelectedForDetails,mobileMediaQueryString:this.mobileMediaQueryString}))))};t.prototype.renderSearch=function(){if(!this.filterWithSearch&&!this.highlightWithSearch){return null}return e("div",{class:"search_section"},e("input",{type:"search",value:"",class:"input_search t-b3 c-black",disabled:!this.certificatesDecoded.length,placeholder:"Search",onInput:this.handleSearch}))};t.prototype.renderEmptyState=function(){var t=this.getMaxColSpanValue();return e("tr",null,e("td",{class:"status_wrapper",colSpan:t},e(l,{variant:"b1"},"There are no certificates available.")))};t.prototype.renderEmptySearchState=function(){var t=this.getMaxColSpanValue();return e("tr",null,e("td",{class:"status_wrapper",colSpan:t},e(l,{variant:"b1"},"No results found for “",this.search,"“")))};t.prototype.renderLoadingState=function(){return e("div",{class:"loading_container"},e("peculiar-circular-progress",null))};t.prototype.renderTableBody=function(){if(this.isDecodeInProcess){return null}if(!this.certificatesDecoded.length){return this.renderEmptyState()}var t=this.renderCertificatesRows();if(this.search&&!t.length){return this.renderEmptySearchState()}return t};t.prototype.render=function(){return e(o,{key:"894edb33a53c1128d812c2fd7a5b230a4b13493c","data-mobile-screen-view":String(this.mobileScreenView)},this.renderSearch(),e("table",{key:"998d37ab98be6743f1564fafb4ce9fc70b79e358"},!this.mobileScreenView&&e("thead",{key:"4728e09450b6285cbc2f69cf0a0e06135910558f"},e("tr",{key:"70bf5be60e50b9d7109e27128b661044778e0ded"},e("th",{key:"cf0fef5df1b42d0bce49d3bf0af2d91b82de6d05"}),!this.isHasRoots&&e("th",{key:"59f00d345883dfb3c81a97278583821543ce6808",class:"col_issuer"},e(l,{key:"54ce8fba1ab5355ac1f82ccc3aa62945351a3632",variant:"s2"},n.getString("issuer"))),e("th",{key:"9aea7911edafca1482f31e2ca3316d2cde40fd78",class:"col_name"},e(l,{key:"2a0145b0cc56543ed4b5170a8773c3c43e5e64f9",variant:"s2"},n.getString("name"))),e("th",{key:"9eab414d9b1558d6a5b9938f55165aeca5baa54e",class:"col_public_key"},e(l,{key:"cbdcb1013bbf12ac88e63ca2d268c55854803297",variant:"s2"},n.getString("publicKey"))),e("th",{key:"06adb89146693583a0dad86644b2c8b399e25c0e",class:"col_fingerprint"},e(l,{key:"eca0440721f16953219f014edb8d3742f312f704",variant:"s2"},n.getString("fingerprint"),"  (SHA-1)")),e("th",{key:"56b7fdf83f5c45cf524a8cce81dbca584b9b5fa8"}))),e("tbody",{key:"01ccda1abfa846a8b0cdc00588b106398358ed88"},this.renderTableBody())),this.renderCertificateDetailsModal(),this.isDecodeInProcess&&this.renderLoadingState())};Object.defineProperty(t,"watchers",{get:function(){return{certificates:["watchCertificates"]}},enumerable:false,configurable:true});return t}());m.style=y}}}));
+//# sourceMappingURL=p-84f69023.system.entry.js.map

package/dist/peculiar/p-84f69023.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CertificateSummary","props","certificate","showIssuer","renderRow","name","value","h","Typography","variant","color","l10n","getString","subjectToString","issuerToString","serialNumber","version","validity","dateShort","notBefore","notAfter","certificatesViewerCss","CertificatesViewer","exports","class_1","hostRef","_this","this","isHasRoots","certificates","filterWithSearch","highlightWithSearch","mobileMediaQueryString","mobileScreenView","search","certificatesDecoded","isDecodeInProcess","handleClickDetails","certificateSelectedForDetails","detailsOpen","emit","handleModalClose","undefined","detailsClose","handleSearch","event","target","trim","prototype","handleMediaQueryChange","matches","componentWillLoad","certificatesDecodeAndSet","mobileMediaQuery","window","matchMedia","addEventListener","bind","disconnectedCallback","removeEventListener","watchCertificates","newValue","oldValue","JSON","stringify","hasRoots","Array","isArray","data","_d","_i","length","decoded","X509Certificate","getThumbprint","_e","sent","push","body","tests","isRoot","console","error","error_1","getCertificateName","commonName","handleClickDownloadAsPem","downloadAsPEM","handleClickDownloadAsDer","downloadAsDER","handleClickRow","index","isExpandedRowClicked","expandedRow","getMaxColSpanValue","colSpan","renderCertificateButtonActions","isHasTestURLs","expired","revoked","valid","class","groups","__spreadArray","title","options","text","startIcon","DetailsIcon","onClick","DownloadIcon","_a","href","LinkIcon","_b","_c","renderExpandedRow","renderCertificatesRows","searchHighlight","content","forEach","isExpandedRow","publicKeyValue","OIDs","signature","algorithm","certificateStringForSearch","issuerCommonName","thumbprints","join","toLowerCase","indexOf","certificate_row","m_expanded","key","Button","ArrowTopIcon","ArrowBottomIcon","renderCertificateDetailsModal","role","part","CrossIcon","renderSearch","type","disabled","placeholder","onInput","renderEmptyState","renderEmptySearchState","renderLoadingState","renderTableBody","certificatesRows","render","Host","String"],"sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport type { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface ICertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<ICertificateSummaryProps> = (props) => {\n  const {\n    certificate,\n    showIssuer,\n  } = props;\n\n  const renderRow = (name: string | string[], value: string | number) => (\n    <tr>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"gray-9\"\n        >\n          {name}\n        </Typography>\n      </td>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"black\"\n        >\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  );\n\n  return (\n    <table>\n      <tbody>\n        {renderRow(\n          l10n.getString('subjectName'),\n          certificate.subjectToString(),\n        )}\n        {showIssuer && renderRow(\n          l10n.getString('issuerName'),\n          certificate.issuerToString(),\n        )}\n\n        {renderRow(\n          l10n.getString('serialNumber'),\n          certificate.serialNumber,\n        )}\n        {renderRow(\n          l10n.getString('version'),\n          certificate.version,\n        )}\n        {renderRow(\n          l10n.getString('validity'),\n          certificate.validity,\n        )}\n        {renderRow(\n          l10n.getString('issued'),\n          dateShort(certificate.notBefore),\n        )}\n        {renderRow(\n          l10n.getString('expired'),\n          dateShort(certificate.notAfter),\n        )}\n      </tbody>\n    </table>\n  );\n};\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  word-wrap: break-word;\n  min-width: 280px;\n  overflow: auto;\n  position: relative;\n}\n\n.search_section {\n  padding: var(--pv-size-base-4);\n  border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n  height: var(--pv-size-base-8);\n  width: 100%;\n  outline: none;\n  background-color: var(--pv-color-gray-1);\n  padding: 0 var(--pv-size-base-2);\n  border: 1px solid var(--pv-color-gray-7);\n  border-radius: 4px;\n  transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n  &::placeholder {\n    color: var(--pv-color-gray-9);\n  }\n}\n\ntable {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  td, th {\n    border-bottom: 1px solid var(--pv-color-gray-4);\n    vertical-align: top;\n    text-align: left;\n\n    &:first-child {\n      padding-right: 0;\n      width: var(--pv-size-base-10);\n    }\n    &:last-child {\n      padding-left: 0;\n      width: var(--pv-size-base-10);\n    }\n  }\n\n  th {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n    &.col_action {\n      padding: 0;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-4);\n  }\n\n  tr {\n    &.m_expanded {\n      background: var(--pv-color-gray-1);\n\n      > td {\n        border-bottom: none;\n      }\n    }\n\n    &.expanded_summary {\n      background: var(--pv-color-gray-1);\n\n      table {\n        table-layout: initial;\n\n        td {\n          border-bottom: none;\n          padding: var(--pv-size-base-2);\n\n          &:first-child {\n            width: 200px;\n          }\n\n          &:last-child {\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n}\n\n.button_table_cell {\n  margin-top: -3px;\n}\n\n.status_wrapper {\n  text-align: center;\n  height: var(--pv-size-base-16);\n  vertical-align: middle;\n}\n\n.modal_wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  animation: fadeIn 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modal_backdrop {\n  background: var(--pv-color-black);\n  z-index: -1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n}\n\n.modal_container {\n  background: var(--pv-color-white);\n  width: 100%;\n  display: flex;\n  max-height: calc(100% - 60px);\n  flex-direction: column;\n  margin: var(--pv-size-base-6);\n  position: relative;\n  outline: none;\n  box-shadow: var(--pv-shadow-dark-hight);\n  overflow: hidden;\n  border: 0px;\n  padding: 0px;\n  max-width: 640px;\n  border-radius: 4px;\n}\n\n.modal_header {\n  padding: var(--pv-size-base-3) var(--pv-size-base-4);\n  display: flex;\n  flex: 0 0 auto;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  gap: var(--pv-size-base-2);\n  border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n  flex: 1 1 auto;\n  overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tbody, tr, td {\n    display: block;\n    width: 100% !important;\n    padding: 0;\n    border: none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n    }\n\n    .expanded_summary {\n      padding: 0;\n    }\n\n    .certificate_row {\n      border-bottom: 1px solid var(--pv-color-gray-5);\n      padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    }\n\n    .certificate_row_actions {\n      padding-top: var(--pv-size-base-6);\n\n      td {\n        display: flex;\n        justify-content: right;\n        gap: var(--pv-size-base-4);\n      }\n    }\n  }\n\n  .button_table_cell {\n    margin-top: 0;\n  }\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/peculiar/p-9d9f24bd.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import{r as e,h as a,H as t}from"./p-CwgZaF40.js";import{B as s}from"./p-CutTi-2B.js";import{a as i,A as c}from"./p-ZT6tVIen.js";const r=".sc-peculiar-text-hider-h{display:-ms-flexbox;display:flex;width:100%;gap:var(--pv-size-base-4)}[aria-expanded=true].sc-peculiar-text-hider-h .content.sc-peculiar-text-hider{white-space:initial}.content.sc-peculiar-text-hider{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action.sc-peculiar-text-hider{-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--pv-size-base) * -1)}";const d=class{constructor(a){e(this,a);this.opened=false}render(){return a(t,{key:"e62e0ae5bad2145d9d0f8e47493d89f1c9bdd559","aria-expanded":String(this.opened)},a("div",{key:"ee6a5b678e4ff568d017fde3168a37c818c241da",class:"content"},a("slot",{key:"b9d073a716fec21e5e9c1dadc66da3fef292d00b"})),a(s,{key:"398b81d7ec84ccac8803f46dd4d78104a86b9be7",class:"action",startIcon:this.opened?a(i,{color:"secondary"}):a(c,{color:"secondary"}),onClick:()=>{this.opened=!this.opened}}))}};d.style=r;export{d as peculiar_text_hider};
+//# sourceMappingURL=p-9d9f24bd.entry.js.map

package/dist/peculiar/{p-f4490197.entry.js.map → p-9d9f24bd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["textHiderCss","TextHider","constructor","hostRef","this","opened","render","h","Host","key","String","class","Button","onClick","startIcon","ArrowTopIcon","color","ArrowBottomIcon"],"sources":["src/components/text-hider/text-hider.scss?tag=peculiar-text-hider&encapsulation=scoped","src/components/text-hider/text-hider.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  gap: var(--pv-size-base-4);\n\n  &[aria-expanded=\"true\"] {\n    .content {\n      white-space: initial;\n    }\n  }\n}\n\n.content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.action {\n  flex-shrink: 0;\n  margin-top: calc(var(--pv-size-base) * -1);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n} from '@stencil/core';\nimport { Button } from '../button';\nimport { ArrowBottomIcon, ArrowTopIcon } from '../icons';\n\n@Component({\n  tag: 'peculiar-text-hider',\n  styleUrl: 'text-hider.scss',\n  scoped: true,\n})\nexport class TextHider {\n  @State() opened: boolean = false;\n\n  render() {\n    return (\n      <Host\n        aria-expanded={String(this.opened)}\n      >\n        <div class=\"content\">\n          <slot />\n        </div>\n        <Button\n          class=\"action\"\n          onClick={() => { this.opened = !this.opened; }}\n          startIcon={this.opened ? <ArrowTopIcon color=\"secondary\" /> : <ArrowBottomIcon color=\"secondary\" />}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;iIAAA,MAAMA,EAAe,qZ,MCsBRC,EAAS,MALtB,WAAAC,CAAAC,G,UAMWC,KAAMC,OAAY,KAkB5B,CAhBC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYC,OAAON,KAAKC,SAE3BE,EAAK,OAAAE,IAAA,2CAAAE,MAAM,WACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAACK,EAAM,CAAAH,IAAA,2CACLE,MAAM,SACNE,QAAS,KAAQT,KAAKC,QAAUD,KAAKC,MAAM,EAC3CS,UAAWV,KAAKC,OAASE,EAACQ,EAAa,CAAAC,MAAM,cAAiBT,EAACU,EAAe,CAACD,MAAM,gB","ignoreList":[]}
+{"version":3,"names":["textHiderCss","TextHider","constructor","hostRef","this","opened","render","h","Host","key","String","class","Button","startIcon","ArrowTopIcon","color","ArrowBottomIcon","onClick"],"sources":["src/components/text-hider/text-hider.scss?tag=peculiar-text-hider&encapsulation=scoped","src/components/text-hider/text-hider.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  gap: var(--pv-size-base-4);\n\n  &[aria-expanded=\"true\"] {\n    .content {\n      white-space: initial;\n    }\n  }\n}\n\n.content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.action {\n  flex-shrink: 0;\n  margin-top: calc(var(--pv-size-base) * -1);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n} from '@stencil/core';\nimport { Button } from '../button';\nimport { ArrowBottomIcon, ArrowTopIcon } from '../icons';\n\n@Component({\n  tag: 'peculiar-text-hider',\n  styleUrl: 'text-hider.scss',\n  scoped: true,\n})\nexport class TextHider {\n  @State() opened = false;\n\n  render() {\n    return (\n      <Host\n        aria-expanded={String(this.opened)}\n      >\n        <div class=\"content\">\n          <slot />\n        </div>\n        <Button\n          class=\"action\"\n          startIcon={this.opened ? <ArrowTopIcon color=\"secondary\" /> : <ArrowBottomIcon color=\"secondary\" />}\n          onClick={() => { this.opened = !this.opened; }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;iIAAA,MAAMA,EAAe,qZ,MCsBRC,EAAS,MALtB,WAAAC,CAAAC,G,UAMWC,KAAMC,OAAG,KAkBnB,CAhBC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYC,OAAON,KAAKC,SAE3BE,EAAK,OAAAE,IAAA,2CAAAE,MAAM,WACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAACK,EAAM,CAAAH,IAAA,2CACLE,MAAM,SACNE,UAAWT,KAAKC,OAASE,EAACO,EAAa,CAAAC,MAAM,cAAiBR,EAACS,EAAgB,CAAAD,MAAM,cACrFE,QAAS,KAAQb,KAAKC,QAAUD,KAAKC,MAAM,I","ignoreList":[]}

package/dist/peculiar/{p-BRhx1gbw.system.js → p-B4PdAFCr.system.js}

@@ -1,7 +1,7 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-System.register(["./p-BFenL1ap.system.js"],(function(n){"use strict";var t;return{setters:[function(n){t=n.h}],execute:function(){
+System.register(["./p-DKl0YViA.system.js"],(function(n){"use strict";var t;return{setters:[function(n){t=n.h}],execute:function(){
 /**
              * @license
              * Copyright (c) Peculiar Ventures, LLC.
@@ -9,12 +9,12 @@ System.register(["./p-BFenL1ap.system.js"],(function(n){"use strict";var t;retur
              * This source code is licensed under the MIT license found in the
              * LICENSE file in the root directory of this source tree.
              */
-var r=undefined&&undefined.__rest||function(n,t){var r={};for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0)r[e]=n[e];if(n!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,e=Object.getOwnPropertySymbols(n);a<e.length;a++){if(t.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(n,e[a]))r[e[a]]=n[e[a]]}return r};var e={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",s1:"h6",s2:"h6",b1:"p",b2:"p",b3:"p",btn1:"span",btn2:"span",c1:"p",c2:"p"};var a=n("T",(function(n,a){var o;var c=n.component,u=n.variant,i=u===void 0?"b2":u,p=n.color,s=p===void 0?"black":p,v=n.class,b=r(n,["component","variant","color","class"]);var f=c||e[i]||"p";return t(f,Object.assign({},b,{class:(o={typography:true},o["t-".concat(i)]=true,o["c-".concat(s)]=true,o[v]=Boolean(v),o)}),a)}));
+var r=undefined&&undefined.__rest||function(n,t){var r={};for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0)r[e]=n[e];if(n!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,e=Object.getOwnPropertySymbols(n);a<e.length;a++){if(t.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(n,e[a]))r[e[a]]=n[e[a]]}return r};var e={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",s1:"h6",s2:"h6",b1:"p",b2:"p",b3:"p",btn1:"span",btn2:"span",c1:"p",c2:"p"};var a=n("T",(function(n,a){var o;var c=n.component,u=n.variant,i=u===void 0?"b2":u,s=n.color,p=s===void 0?"black":s,v=n.class,b=r(n,["component","variant","color","class"]);var f=c||e[i]||"p";return t(f,Object.assign({},b,{class:(o={typography:true},o["t-".concat(i)]=true,o["c-".concat(p)]=true,o[v]=Boolean(v),o)}),t("span",null),a)}));
 /**
              * @license
              * Copyright (c) Peculiar Ventures, LLC.
              *
              * This source code is licensed under the MIT license found in the
              * LICENSE file in the root directory of this source tree.
-             */var o=n("B",(function(n,r){var e;var o=n.href,c=n.class,u=n.startIcon,i=n.onClick;var p=!!o;var s=p?"a":"button";return t(s,{type:!p&&"button",href:p&&o,target:p&&"_blank",rel:p&&"noreferrer noopener",onClick:i,class:(e={button:true,m_no_padding:r.length===0},e[c]=Boolean(c),e)},u,r.length>0&&t(a,{variant:"b3",color:"black",component:"span"},r))}))}}}));
-//# sourceMappingURL=p-BRhx1gbw.system.js.map
+             */var o=n("B",(function(n,r){var e;var o=n.href,c=n.class,u=n.startIcon,i=n.onClick;var s=!!o;var p=s?"a":"button";return t(p,{type:!s&&"button",href:s&&o,target:s&&"_blank",rel:s&&"noreferrer noopener",class:(e={button:true,m_no_padding:r.length===0},e[c]=Boolean(c),e),onClick:i},u,r.length>0&&t(a,{variant:"b3",color:"black",component:"span"},r))}))}}}));
+//# sourceMappingURL=p-B4PdAFCr.system.js.map

package/dist/peculiar/p-B4PdAFCr.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-B4PdAFCr.system.js","sources":["src/components/typography/typography.tsx","src/components/button/button.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport type { TTypography, TColor } from '../../interface';\n\ninterface ITypographyProps {\n  component?: keyof JSXBase.IntrinsicElements;\n  variant?: TTypography;\n  color?: TColor;\n  class?: string;\n}\n\nconst variantMapping: Record<TTypography, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  s1: 'h6',\n  s2: 'h6',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  btn1: 'span',\n  btn2: 'span',\n  c1: 'p',\n  c2: 'p',\n};\n\nexport const Typography: FunctionalComponent<ITypographyProps> = (props, children) => {\n  const {\n    component: componentProp,\n    variant = 'b2',\n    color = 'black',\n    class: classProp,\n    ...other\n  } = props;\n\n  const Component = componentProp || variantMapping[variant] || 'p';\n\n  return (\n    <Component\n      {...other}\n      class={{\n        typography: true,\n        [`t-${variant}`]: true,\n        [`c-${color}`]: true,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      <span></span>\n      {children}\n    </Component>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  FunctionalComponent, h, VNode,\n} from '@stencil/core';\nimport { Typography } from '../typography';\n\nexport interface IButtonProps {\n  href?: string;\n  class?: string;\n  startIcon?: VNode;\n  onClick?: (event: MouseEvent) => void;\n}\n\nexport const Button: FunctionalComponent<IButtonProps> = (props, children) => {\n  const {\n    href,\n    class: classProp,\n    startIcon,\n    onClick,\n  } = props;\n\n  const isLink = !!href;\n  const TagType = isLink ? 'a' : 'button';\n\n  return (\n    <TagType\n      type={!isLink && 'button'}\n      href={isLink && href}\n      target={isLink && '_blank'}\n      rel={isLink && 'noreferrer noopener'}\n      class={{\n        button: true,\n        // eslint-disable-next-line react/destructuring-assignment\n        m_no_padding: children.length === 0,\n        [classProp]: Boolean(classProp),\n      }}\n      onClick={onClick}\n    >\n      {startIcon}\n      {/* eslint-disable-next-line react/destructuring-assignment */}\n      {children.length > 0 && (\n        <Typography\n          variant=\"b3\"\n          color=\"black\"\n          component=\"span\"\n        >\n          {children}\n        </Typography>\n      )}\n    </TagType>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;YAAA;;;;;;YAMG;;;;;;;;;;;;YAaH,MAAM,cAAc,GAAgF;YAClG,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,IAAI;YACR,IAAA,EAAE,EAAE,GAAG;YACP,IAAA,EAAE,EAAE,GAAG;YACP,IAAA,EAAE,EAAE,GAAG;YACP,IAAA,IAAI,EAAE,MAAM;YACZ,IAAA,IAAI,EAAE,MAAM;YACZ,IAAA,EAAE,EAAE,GAAG;YACP,IAAA,EAAE,EAAE,GAAG;aACR;kBAEY,UAAU,gBAA0C,CAAC,KAAK,EAAE,QAAQ,KAAI;gBACnF,MAAM,EACJ,SAAS,EAAE,aAAa,EACxB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,EACf,KAAK,EAAE,SAAS,EAAA,GAEd,KAAK,EADJ,KAAK,GAAA,MAAA,CACN,KAAK,EANH,CAML,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,CAAA,CAAQ;gBAET,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG;YAEjE,IAAA,QACE,CAAC,CAAA,SAAS,oBACJ,KAAK,EAAA,EACT,KAAK,EAAE;YACL,YAAA,UAAU,EAAE,IAAI;YAChB,YAAA,CAAC,CAAK,EAAA,EAAA,OAAO,CAAE,CAAA,GAAG,IAAI;YACtB,YAAA,CAAC,CAAK,EAAA,EAAA,KAAK,CAAE,CAAA,GAAG,IAAI;YACpB,YAAA,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;YAChC,SAAA,EAAA,CAAA;oBAED,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA;oBACZ,QAAQ,CACC;YAEhB;;YC7DA;;;;;;YAMG;kBAcU,MAAM,gBAAsC,CAAC,KAAK,EAAE,QAAQ,KAAI;YAC3E,IAAA,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,OAAO,GACR,GAAG,KAAK;YAET,IAAA,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI;gBACrB,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ;YAEvC,IAAA,QACE,CAAA,CAAC,OAAO,EAAA,EACN,IAAI,EAAE,CAAC,MAAM,IAAI,QAAQ,EACzB,IAAI,EAAE,MAAM,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,QAAQ,EAC1B,GAAG,EAAE,MAAM,IAAI,qBAAqB,EACpC,KAAK,EAAE;YACL,YAAA,MAAM,EAAE,IAAI;;YAEZ,YAAA,YAAY,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC;YACnC,YAAA,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;qBAChC,EACD,OAAO,EAAE,OAAO,EAAA;oBAEf,SAAS;oBAET,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClB,CAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,MAAM,EAEf,EAAA,QAAQ,CACE,CACd,CACO;YAEd;;;;;;;;"}

package/dist/peculiar/p-BGASC3UX.system.js

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,c){function a(e){try{u(r.next(e))}catch(e){c(e)}}function s(e){try{u(r["throw"](e))}catch(e){c(e)}}function u(e){e.done?t(e.value):n(e.value).then(a,s)}u((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,n,c,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(i){return u([e,i])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(t=0)),t)try{if(r=1,n&&(c=s[0]&2?n["return"]:s[0]?n["throw"]||((c=n["return"])&&c.call(n),0):n.next)&&!(c=c.call(n,s[1])).done)return c;if(n=0,c)s=[s[0]&2,c.value];switch(s[0]){case 0:case 1:c=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!c||s[1]>c[0]&&s[1]<c[3])){t.label=s[1];break}if(s[0]===6&&t.label<c[1]){t.label=c[1];c=s;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(s);break}if(c[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];n=0}finally{r=c=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */System.register(["./p-DKl0YViA.system.js"],(function(e,i){"use strict";var t,r,n;return{setters:[function(i){t=i.p;r=i.g;n=i.b;e("setNonce",i.s)}],execute:function(){var e=this;var c=function(){var e=i.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};c().then((function(i){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,r()];case 1:e.sent();return[2,n([["p-607d08e8.system",[[262,"peculiar-text-hider",{opened:[32]}]]],["p-14fcbc5c.system",[[257,"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-00d6f11f.system",[[257,"peculiar-certificate-chain-viewer",{certificates:[16],download:[516],selectedCertificateIndex:[32]}],[257,"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"]}],[257,"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"]}],[257,"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-591a9019.system",[[257,"peculiar-certificate-decoder",{certificateExamples:[16,"certificate-examples"],certificateToDecode:[1,"certificate-to-decode"],certificateDecoded:[32]}]]],["p-de857304.system",[[258,"peculiar-button-menu",{groups:[16],open:[32]}],[257,"peculiar-circular-progress",{size:[2],width:[2]}],[257,"peculiar-highlight-words",{search:[1]}]]],["p-84f69023.system",[[257,"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"]}]]]],i)]}}))}))}))}}}));
+//# sourceMappingURL=p-BGASC3UX.system.js.map

package/dist/peculiar/p-BGASC3UX.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BGASC3UX.system.js","sources":["../../node_modules/.pnpm/@stencil+core@4.36.1/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAAA;MACA;MACA;;MAKA,IAAI,YAAY,GAAG,MAAM;MAUzB,EAAE,MAAM,UAAU,GAAG,eAAe;MACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;MAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;MACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;MACrD;MACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;MAC7B,CAAC;;MCnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;MACvC,EAAE,MAAM,aAAa,EAAE;MACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;MAC7D,CAAC,CAAC;;;;;;;;","x_google_ignoreList":[0]}

package/dist/peculiar/p-BaebEpW0.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BaebEpW0.system.js","sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport type { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface ICertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<ICertificateSummaryProps> = (props) => {\n  const {\n    certificate,\n    showIssuer,\n  } = props;\n\n  const renderRow = (name: string | string[], value: string | number) => (\n    <tr>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"gray-9\"\n        >\n          {name}\n        </Typography>\n      </td>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"black\"\n        >\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  );\n\n  return (\n    <table>\n      <tbody>\n        {renderRow(\n          l10n.getString('subjectName'),\n          certificate.subjectToString(),\n        )}\n        {showIssuer && renderRow(\n          l10n.getString('issuerName'),\n          certificate.issuerToString(),\n        )}\n\n        {renderRow(\n          l10n.getString('serialNumber'),\n          certificate.serialNumber,\n        )}\n        {renderRow(\n          l10n.getString('version'),\n          certificate.version,\n        )}\n        {renderRow(\n          l10n.getString('validity'),\n          certificate.validity,\n        )}\n        {renderRow(\n          l10n.getString('issued'),\n          dateShort(certificate.notBefore),\n        )}\n        {renderRow(\n          l10n.getString('expired'),\n          dateShort(certificate.notAfter),\n        )}\n      </tbody>\n    </table>\n  );\n};\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  word-wrap: break-word;\n  min-width: 280px;\n  overflow: auto;\n  position: relative;\n}\n\n.search_section {\n  padding: var(--pv-size-base-4);\n  border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n  height: var(--pv-size-base-8);\n  width: 100%;\n  outline: none;\n  background-color: var(--pv-color-gray-1);\n  padding: 0 var(--pv-size-base-2);\n  border: 1px solid var(--pv-color-gray-7);\n  border-radius: 4px;\n  transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n  &::placeholder {\n    color: var(--pv-color-gray-9);\n  }\n}\n\ntable {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  td, th {\n    border-bottom: 1px solid var(--pv-color-gray-4);\n    vertical-align: top;\n    text-align: left;\n\n    &:first-child {\n      padding-right: 0;\n      width: var(--pv-size-base-10);\n    }\n    &:last-child {\n      padding-left: 0;\n      width: var(--pv-size-base-10);\n    }\n  }\n\n  th {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n    &.col_action {\n      padding: 0;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-4);\n  }\n\n  tr {\n    &.m_expanded {\n      background: var(--pv-color-gray-1);\n\n      > td {\n        border-bottom: none;\n      }\n    }\n\n    &.expanded_summary {\n      background: var(--pv-color-gray-1);\n\n      table {\n        table-layout: initial;\n\n        td {\n          border-bottom: none;\n          padding: var(--pv-size-base-2);\n\n          &:first-child {\n            width: 200px;\n          }\n\n          &:last-child {\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n}\n\n.button_table_cell {\n  margin-top: -3px;\n}\n\n.status_wrapper {\n  text-align: center;\n  height: var(--pv-size-base-16);\n  vertical-align: middle;\n}\n\n.modal_wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  animation: fadeIn 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modal_backdrop {\n  background: var(--pv-color-black);\n  z-index: -1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n}\n\n.modal_container {\n  background: var(--pv-color-white);\n  width: 100%;\n  display: flex;\n  max-height: calc(100% - 60px);\n  flex-direction: column;\n  margin: var(--pv-size-base-6);\n  position: relative;\n  outline: none;\n  box-shadow: var(--pv-shadow-dark-hight);\n  overflow: hidden;\n  border: 0px;\n  padding: 0px;\n  max-width: 640px;\n  border-radius: 4px;\n}\n\n.modal_header {\n  padding: var(--pv-size-base-3) var(--pv-size-base-4);\n  display: flex;\n  flex: 0 0 auto;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  gap: var(--pv-size-base-2);\n  border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n  flex: 1 1 auto;\n  overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tbody, tr, td {\n    display: block;\n    width: 100% !important;\n    padding: 0;\n    border: none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n    }\n\n    .expanded_summary {\n      padding: 0;\n    }\n\n    .certificate_row {\n      border-bottom: 1px solid var(--pv-color-gray-5);\n      padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    }\n\n    .certificate_row_actions {\n      padding-top: var(--pv-size-base-6);\n\n      td {\n        display: flex;\n        justify-content: right;\n        gap: var(--pv-size-base-4);\n      }\n    }\n  }\n\n  .button_table_cell {\n    margin-top: 0;\n  }\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/peculiar/{p-B2YrZuK2.system.js → p-Bi5mjeeg.system.js}

@@ -1,7 +1,7 @@
 /*!
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
-System.register(["./p-BFenL1ap.system.js"],(function(t){"use strict";var r;return{setters:[function(t){r=t.h}],execute:function(){
+System.register(["./p-DKl0YViA.system.js"],(function(t){"use strict";var r;return{setters:[function(t){r=t.h}],execute:function(){
 /**
              * @license
              * Copyright (c) Peculiar Ventures, LLC.
@@ -17,4 +17,4 @@ var e=t("A",(function(t){var e=t.color,n=e===void 0?"gray-10":e;return r("svg",{
              * This source code is licensed under the MIT license found in the
              * LICENSE file in the root directory of this source tree.
              */var n=t("a",(function(t){var e=t.color,n=e===void 0?"gray-10":e;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",fill:"none"},r("path",{stroke:"var(--pv-color-".concat(n,")"),"stroke-linecap":"round","stroke-width":"1.5",d:"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28"}))}))}}}));
-//# sourceMappingURL=p-B2YrZuK2.system.js.map
+//# sourceMappingURL=p-Bi5mjeeg.system.js.map

package/dist/peculiar/p-Bi5mjeeg.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-Bi5mjeeg.system.js","sources":["src/components/icons/arrow_bottom.tsx","src/components/icons/arrow_top.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport type { TColor } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: TColor }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TColor } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: TColor }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;YAAA;;;;;;YAMG;AAKU,kBAAA,eAAe,gBAA4C,CAAC,KAAK,KAAI;YAChF,IAAA,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK;YAEnC,IAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EAAA;YAEX,QAAA,CAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAE,CAAA,eAAA,EAAkB,KAAK,CAAA,CAAA,CAAG,oBAEnB,OAAO,EAAA,cAAA,EACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,EAC5D,CAAA,CACE;YAEV;;YC9BA;;;;;;YAMG;AAKU,kBAAA,YAAY,gBAA4C,CAAC,KAAK,KAAI;YAC7E,IAAA,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK;YAEnC,IAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EAAA;YAEX,QAAA,CAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAE,CAAA,eAAA,EAAkB,KAAK,CAAA,CAAA,CAAG,oBAEnB,OAAO,EAAA,cAAA,EACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,EAC1D,CAAA,CACE;YAEV;;;;;;;;"}