@peculiar/certificates-viewer 4.2.0 → 4.2.2

package/dist/peculiar/p-e4ad4f13.system.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+System.register(["./p-821bdcdc.system.js","./p-9712b827.system.js","./p-5a662d6f.system.js"],(function(t){"use strict";var e,r,s,i,a,o,n;return{setters:[function(t){e=t.r;r=t.h;s=t.H;i=t.g},function(t){a=t.T;o=t.B},function(t){n=t.A}],execute:function(){var c='.sc-peculiar-button-menu-h{display:-ms-inline-flexbox;display:inline-flex;position:relative}.is_shown.sc-peculiar-button-menu-h .button_popover.sc-peculiar-button-menu:before{position:fixed;width:100%;height:100%;top:0;left:0;content:""}.is_shown.sc-peculiar-button-menu-h .popover.sc-peculiar-button-menu{display:block}.popover.sc-peculiar-button-menu{min-width:200px;position:absolute;top:100%;right:0;border-radius:4px;z-index:1;-webkit-box-shadow:var(--pv-shadow-light-medium);box-shadow:var(--pv-shadow-light-medium);background:var(--pv-color-white);padding:var(--pv-size-base-2) 0;margin:var(--pv-size-base) 0;display:none}.button_option.sc-peculiar-button-menu{width:100%;-ms-flex-pack:start;justify-content:flex-start;border-radius:0}.group.sc-peculiar-button-menu:not(:last-child){border-bottom:1px solid var(--pv-color-gray-5);padding-bottom:var(--pv-size-base-2);margin-bottom:var(--pv-size-base)}.group_title.sc-peculiar-button-menu{line-height:var(--pv-size-base-6);padding:0 var(--pv-size-base-2)}';var u=c;var l=t("peculiar_button_menu",function(){function t(t){var r=this;e(this,t);this.handleClick=function(){r.open=!r.open};this.groups=[];this.open=false}t.prototype.render=function(){var t=this;return r(s,{key:"484c56eb147ee97b4be9d9c0c324a6192be5d1b4",class:{is_shown:this.open}},r(o,{key:"00b7864c569169633c30a69f26185891ba9c39d1",class:"button_popover",onClick:this.handleClick,startIcon:r(n,null)}),r("div",{key:"afe0500732f053c8b22c65ec11bd2010546fc5e6",role:"dialog",tabIndex:-1,class:"popover","aria-hidden":String(this.open)},this.groups.map((function(e){return r("div",{class:"group"},r(a,{variant:"c2",color:"gray-9",class:"group_title"},e.title),e.options.map((function(e){return r(o,{class:"button_option",startIcon:e.startIcon,href:e.href,onClick:function(r){r.stopPropagation();t.handleClick();if(e.onClick){e.onClick(r)}}},e.text)})))}))))};return t}());l.style=u;var d=":host{display:block;width:100%}@-webkit-keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}@keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}.circle_progress{margin:0 auto}.circle_progress_svg{-webkit-animation:circular-rotate 1.4s linear infinite;animation:circular-rotate 1.4s linear infinite}.circle_progress_circle{stroke-linecap:round;-webkit-animation:circular-dash 1.4s ease-in-out infinite;animation:circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80, 200;stroke-dashoffset:0;stroke:var(--pv-color-secondary)}.circle_progress_backdrop{stroke:var(--pv-color-gray-3)}";var h=d;var f=t("peculiar_circular_progress",function(){function t(t){e(this,t);this.box=50;this.size=24;this.width=4}t.prototype.render=function(){return r(s,{key:"c53e431e95eb8d2328e4a612d678db3dbf4d98f8"},r("div",{key:"816dcbef66c4b41a68949cc61abce6fb238d6026",class:"circle_progress",style:{width:"".concat(this.size,"px"),height:"".concat(this.size,"px")}},r("svg",{key:"6858994e0d7c8166f24930dc161efb9f6f24cf5d",class:"circle_progress_svg",viewBox:"0 0 ".concat(this.box," ").concat(this.box)},r("circle",{key:"721859338d69dadca5854258688263a83dcad136",class:"circle_progress_backdrop",cx:this.box/2,cy:this.box/2,r:this.box/2-5,fill:"none",style:{strokeWidth:"".concat(this.width,"px")}}),r("circle",{key:"aca038b2a6534a5c4cce604514612a48b4e25c9f",class:"circle_progress_circle",cx:this.box/2,cy:this.box/2,r:this.box/2-5,fill:"none",style:{strokeWidth:"".concat(this.width,"px")}}))))};return t}());f.style=h;var p=":host{display:inline}::slotted(mark){background-color:var(--pv-color-attention-tint-4)}";var b=p;var v=t("peculiar_highlight_words",function(){function t(t){e(this,t);this.tag="mark";this.search=undefined}t.prototype.componentDidLoad=function(){this.handleHighlightSearch()};t.prototype.componentDidUpdate=function(){this.handleHighlightSearch()};t.prototype.handleHighlightSearch=function(){var t=this.resetHighlightSearch(this.host.innerHTML);var e=t;if(this.search){var r=new RegExp("(".concat(this.search,")"),"gi");e=t.replace(r,"<".concat(this.tag,">$1</").concat(this.tag,">"))}this.host.innerHTML=e};t.prototype.resetHighlightSearch=function(t){var e=new RegExp("</?".concat(this.tag,">"),"g");return t.replace(e,"")};t.prototype.render=function(){return r(s,{key:"138017ba171c6a5a3e9bf365cba2cb67fdd29b06"},r("slot",{key:"a1bf1fee5c437fe7e98bd954c11a5f282a5da02c"}))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());v.style=b}}}));
+//# sourceMappingURL=p-e4ad4f13.system.entry.js.map

package/dist/peculiar/p-e4ad4f13.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonMenuCss","PeculiarButtonMenuStyle0","ButtonMenu","exports","this","handleClick","_this","open","class_1","prototype","render","h","Host","key","class","is_shown","Button","onClick","startIcon","ActionsIcon","role","tabIndex","String","groups","map","group","Typography","variant","color","title","options","option","href","event","stopPropagation","text","circularProgressCss","PeculiarCircularProgressStyle0","CircularProgress","box","class_2","style","width","concat","size","height","viewBox","cx","cy","r","fill","strokeWidth","highlightWordsCss","PeculiarHighlightWordsStyle0","HighlightWords","tag","class_3","componentDidLoad","handleHighlightSearch","componentDidUpdate","basicString","resetHighlightSearch","host","innerHTML","result","search","substring","RegExp","replace","source"],"sources":["src/components/button-menu/button-menu.scss?tag=peculiar-button-menu&encapsulation=scoped","src/components/button-menu/button-menu.tsx","src/components/circular-progress/circular-progress.scss?tag=peculiar-circular-progress&encapsulation=shadow","src/components/circular-progress/circular-progress.tsx","src/components/highlight-words/highlight-words.scss?tag=peculiar-highlight-words&encapsulation=shadow","src/components/highlight-words/highlight-words.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  position: relative;\n\n  &.is_shown {\n    .button_popover {\n      &:before {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        content: '';\n      }\n    }\n\n    .popover {\n      display: block;\n    }\n  }\n}\n\n.popover {\n  min-width: 200px;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  border-radius: 4px;\n  z-index: 1;\n  box-shadow: var(--pv-shadow-light-medium);\n  background: var(--pv-color-white);\n  padding: var(--pv-size-base-2) 0;\n  margin: var(--pv-size-base) 0;\n  display: none;\n}\n\n.button_option {\n  width: 100%;\n  justify-content: flex-start;\n  border-radius: 0;\n}\n\n.group {\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--pv-color-gray-5);\n    padding-bottom: var(--pv-size-base-2);\n    margin-bottom: var(--pv-size-base);\n  }\n}\n\n.group_title {\n  line-height: var(--pv-size-base-6);\n  padding: 0 var(--pv-size-base-2);\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  State,\n  Prop,\n  Host,\n} from '@stencil/core';\nimport { Button, ButtonProps } from '../button';\nimport { Typography } from '../typography';\nimport { ActionsIcon } from '../icons';\n\nexport interface ButtonMenuGroupOptions extends ButtonProps {\n  text: string | string[];\n}\n\nexport interface ButtonMenuGroup {\n  title: string | string[];\n  options: ButtonMenuGroupOptions[];\n}\n\n@Component({\n  tag: 'peculiar-button-menu',\n  styleUrl: 'button-menu.scss',\n  scoped: true,\n})\nexport class ButtonMenu {\n  @Prop() groups: ButtonMenuGroup[] = [];\n\n  @State() open: boolean = false;\n\n  handleClick = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          is_shown: this.open,\n        }}\n      >\n        <Button\n          class=\"button_popover\"\n          onClick={this.handleClick}\n          startIcon={<ActionsIcon />}\n        />\n        <div\n          role=\"dialog\"\n          tabIndex={-1}\n          class=\"popover\"\n          aria-hidden={String(this.open)}\n        >\n          {this.groups.map((group) => (\n            <div class=\"group\">\n              <Typography\n                variant=\"c2\"\n                color=\"gray-9\"\n                class=\"group_title\"\n              >\n                {group.title}\n              </Typography>\n              {group.options.map((option) => (\n                <Button\n                  class=\"button_option\"\n                  startIcon={option.startIcon}\n                  href={option.href}\n                  onClick={(event) => {\n                    event.stopPropagation();\n\n                    this.handleClick();\n\n                    if (option.onClick) {\n                      option.onClick(event);\n                    }\n                  }}\n                >\n                  {option.text}\n                </Button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n}\n\n@keyframes circular-rotate {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n@keyframes circular-dash {\n  0% {\n    stroke-dasharray: 1,200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100,200;\n    stroke-dashoffset: -15;\n  }\n\n  to {\n    stroke-dasharray: 100,200;\n    stroke-dashoffset: -120;\n  }\n}\n\n.circle_progress {\n  margin: 0 auto;\n}\n\n.circle_progress_svg {\n  animation: circular-rotate 1.4s linear infinite;\n}\n\n.circle_progress_circle {\n  stroke-linecap: round;\n  animation: circular-dash 1.4s ease-in-out infinite;\n  stroke-dasharray: 80,200;\n  stroke-dashoffset: 0;\n  stroke: var(--pv-color-secondary);\n}\n\n.circle_progress_backdrop {\n  stroke: var(--pv-color-gray-3);\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  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-circular-progress',\n  styleUrl: 'circular-progress.scss',\n  shadow: true,\n})\nexport class CircularProgress {\n  /**\n   * Width/height of progress circle.\n   */\n  @Prop() size: number = 24;\n\n  /**\n   * Stroke width of progress bar circle.\n   */\n  @Prop() width: number = 4;\n\n  private box: number = 50;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"circle_progress\"\n          style={{\n            width: `${this.size}px`,\n            height: `${this.size}px`,\n          }}\n        >\n          <svg\n            class=\"circle_progress_svg\"\n            viewBox={`0 0 ${this.box} ${this.box}`}\n          >\n            <circle\n              class=\"circle_progress_backdrop\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n            <circle\n              class=\"circle_progress_circle\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n          </svg>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline;\n}\n\n::slotted(mark) {\n  background-color: var(--pv-color-attention-tint-4);\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, Host, h, Element, Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-highlight-words',\n  styleUrl: 'highlight-words.scss',\n  shadow: true,\n})\nexport class HighlightWords {\n  @Element() host: HTMLElement;\n\n  @Prop() search: string;\n\n  private tag: string = 'mark';\n\n  componentDidLoad() {\n    this.handleHighlightSearch();\n  }\n\n  componentDidUpdate() {\n    this.handleHighlightSearch();\n  }\n\n  handleHighlightSearch() {\n    const basicString = this.resetHighlightSearch(this.host.innerHTML);\n    let result = basicString;\n\n    if (this.search) {\n      const substring = new RegExp(`(${this.search})`, 'gi');\n\n      result = basicString.replace(substring, `<${this.tag}>$1</${this.tag}>`);\n    }\n\n    this.host.innerHTML = result;\n  }\n\n  resetHighlightSearch(source: string) {\n    // eslint-disable-next-line no-useless-escape\n    const substring = new RegExp(`<\\/?${this.tag}>`, 'g');\n\n    return source.replace(substring, '');\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/peculiar/p-e6a6e602.js

@@ -0,0 +1,12 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import{h as r}from"./p-3cb79cd9.js";import{T as o}from"./p-4bc5ddbe.js";
+/**
+ * @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.
+ */const e=(e,n)=>{const{href:t,variant:a}=e;return r(o,{component:"a",variant:a,color:"secondary",href:t,target:"_blank",rel:"noreferrer noopener"},n)};export{e as L};
+//# sourceMappingURL=p-e6a6e602.js.map

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

@@ -0,0 +1,27 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+System.register(["./p-821bdcdc.system.js"],(function(a){"use strict";var t;return{setters:[function(a){t=a.h}],execute:function(){
+/**
+             * @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 r=a("D",(function(a){var r=a.color,l=r===void 0?"secondary":r;return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"31",fill:"none"},t("path",{fill:"var(--pv-color-".concat(l,")"),d:"M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z"}))}));
+/**
+             * @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 l=a("L",(function(a){var r=a.color,l=r===void 0?"secondary":r;return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"31",fill:"none"},t("path",{fill:"var(--pv-color-".concat(l,")"),d:"M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z"}))}));
+/**
+             * @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 v=a("C",(function(a){var r=a.color,l=r===void 0?"gray-9":r;return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",fill:"none"},t("path",{fill:"var(--pv-color-".concat(l,")"),"fill-rule":"evenodd",d:"m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z","clip-rule":"evenodd"}))}))}}}));
+//# sourceMappingURL=p-eea904d7.system.js.map

package/dist/peculiar/{p-ddae2f8e.system.js.map → p-eea904d7.system.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DetailsIcon","exports","props","_a","color","h","xmlns","width","height","fill","concat","d","LinkIcon","CrossIcon"],"sources":["src/components/icons/details.tsx","src/components/icons/link.tsx","src/components/icons/cross.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 { ColorType } from '../../interface';\n\nexport const DetailsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z\"\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 { ColorType } from '../../interface';\n\nexport const LinkIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z\"\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 { ColorType } from '../../interface';\n\nexport const CrossIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-9' } = 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        fill={`var(--pv-color-${color})`}\n        fill-rule=\"evenodd\"\n        d=\"m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;;;;;;;;IAWaA,EAAWC,EAAA,KAA+C,SAACC,GAC9D,IAAAC,EAAwBD,EAAKE,MAA7BA,EAAKD,SAAA,EAAG,YAAWA,EAE3B,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAC7BO,EAAE,kxBAIV;;;;;;;aChBaC,EAAQX,EAAA,KAA+C,SAACC,GAC3D,IAAAC,EAAwBD,EAAKE,MAA7BA,EAAKD,SAAA,EAAG,YAAWA,EAE3B,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAC7BO,EAAE,oWAIV;;;;;;;aChBaE,EAASZ,EAAA,KAA+C,SAACC,GAC5D,IAAAC,EAAqBD,EAAKE,MAA1BA,EAAKD,SAAA,EAAG,SAAQA,EAExB,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAAG,YACtB,UACVO,EAAE,oTAAmT,YAC3S,YAIlB,G"}
+{"version":3,"names":["DetailsIcon","exports","props","_a","color","h","xmlns","width","height","fill","concat","d","LinkIcon","CrossIcon"],"sources":["src/components/icons/details.tsx","src/components/icons/link.tsx","src/components/icons/cross.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 { ColorType } from '../../interface';\n\nexport const DetailsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z\"\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 { ColorType } from '../../interface';\n\nexport const LinkIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z\"\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 { ColorType } from '../../interface';\n\nexport const CrossIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-9' } = 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        fill={`var(--pv-color-${color})`}\n        fill-rule=\"evenodd\"\n        d=\"m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;;;;;;;;IAWaA,EAAWC,EAAA,KAA+C,SAACC,GAC9D,IAAAC,EAAwBD,EAAKE,MAA7BA,EAAKD,SAAA,EAAG,YAAWA,EAE3B,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAC7BO,EAAE,kxBAIV;;;;;;;mBChBaC,EAAQX,EAAA,KAA+C,SAACC,GAC3D,IAAAC,EAAwBD,EAAKE,MAA7BA,EAAKD,SAAA,EAAG,YAAWA,EAE3B,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAC7BO,EAAE,oWAIV;;;;;;;mBChBaE,EAASZ,EAAA,KAA+C,SAACC,GAC5D,IAAAC,EAAqBD,EAAKE,MAA1BA,EAAKD,SAAA,EAAG,SAAQA,EAExB,OACEE,EAAA,OACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,KAAK,QAELJ,EAAA,QACEI,KAAM,kBAAAC,OAAkBN,EAAK,KAAG,YACtB,UACVO,EAAE,oTAAmT,YAC3S,YAIlB,G"}

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

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

package/dist/peculiar/p-f8efbe93.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","PeculiarCertificatesViewerStyle0","CertificatesViewer","this","isHasRoots","handleClickDetails","certificateSelectedForDetails","detailsOpen","emit","handleModalClose","undefined","detailsClose","handleSearch","event","search","target","trim","handleMediaQueryChange","mobileScreenView","matches","componentWillLoad","certificatesDecodeAndSet","mobileMediaQuery","window","matchMedia","mobileMediaQueryString","addEventListener","bind","disconnectedCallback","removeEventListener","watchCertificates","newValue","oldValue","JSON","stringify","hasRoots","Array","isArray","certificates","data","decoded","X509Certificate","getThumbprint","push","body","tests","isRoot","error","console","isDecodeInProcess","certificatesDecoded","handleClickDownloadAsPem","downloadAsPEM","commonName","handleClickDownloadAsDer","downloadAsDER","handleClickRow","index","isExpandedRowClicked","expandedRow","getMaxColSpanValue","colSpan","renderCertificateButtonActions","isHasTestURLs","expired","revoked","valid","class","groups","title","options","text","startIcon","DetailsIcon","onClick","DownloadIcon","_a","href","LinkIcon","_b","_c","renderExpandedRow","renderCertificatesRows","searchHighlight","highlightWithSearch","content","forEach","isExpandedRow","publicKeyValue","OIDs","signature","algorithm","filterWithSearch","certificateStringForSearch","issuerCommonName","thumbprints","join","toLowerCase","indexOf","certificate_row","m_expanded","key","Button","ArrowTopIcon","ArrowBottomIcon","renderCertificateDetailsModal","role","part","CrossIcon","renderSearch","onInput","type","disabled","length","placeholder","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 CertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<CertificateSummaryProps> = (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';\n\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;\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?: string;\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots: boolean = 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: boolean = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch: boolean = 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: boolean = false;\n\n  @State() search: string = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess: boolean = 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    // eslint-disable-next-line no-restricted-syntax\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  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\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: any) => {\n    this.search = event.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            title: l10n.getString('testURLs'),\n            options: [\n              ...(certificate.tests?.valid ? [{\n                text: l10n.getString('valid'),\n                href: certificate.tests.valid,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.revoked ? [{\n                text: l10n.getString('revoked'),\n                href: certificate.tests.revoked,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.expired ? [{\n                text: l10n.getString('expired'),\n                href: certificate.tests.expired,\n                startIcon: <LinkIcon />,\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          certificate.name,\n          certificate.body.commonName,\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                          {certificate.name || certificate.body.commonName}\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                        // eslint-disable-next-line react/jsx-no-bind\n                        onClick={this.handleClickRow.bind(this, index)}\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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={{\n            m_expanded: isExpandedRow,\n          }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              class=\"button_table_cell\"\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={this.handleClickRow.bind(this, index)}\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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                {certificate.name || certificate.body.commonName}\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          onClick={this.handleModalClose}\n          aria-hidden=\"true\"\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              onClick={this.handleModalClose}\n              startIcon={<CrossIcon />}\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          onInput={this.handleSearch}\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\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  // eslint-disable-next-line class-methods-use-this\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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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"}

package/dist/peculiar/peculiar.esm.js

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

package/dist/peculiar/peculiar.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","certificateExamples","defaultCertificate","certificateDecoded","certificates","filterWithSearch","highlightWithSearch","mobileMediaQueryString","mobileScreenView","search","certificatesDecoded","expandedRow","certificateSelectedForDetails","isDecodeInProcess","opened","certificate","download","authKeyIdParentLink","authKeyIdSiblingsLink","subjectKeyIdChildrenLink","subjectKeyIdSiblingsLink","issuerDnLink","groups","open","size","width"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;sFAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,GAEXC,EAAc,kDAAuC,CAAAC,oBAAA,KAAAC,mBAAA,0BAAAC,mBAAA,2DAAAC,aAAA,KAAAC,iBAAA,yBAAAC,oBAAA,4BAAAC,uBAAA,gCAAAC,iBAAA,KAAAC,OAAA,KAAAC,oBAAA,KAAAC,YAAA,KAAAC,8BAAA,KAAAC,kBAAA,YAAAT,aAAA,mEAAAU,OAAA,0DAAAC,YAAA,MAAAC,SAAA,MAAAC,oBAAA,gCAAAC,sBAAA,kCAAAC,yBAAA,qCAAAC,yBAAA,qCAAAC,aAAA,uBAAAd,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,6FAAAA,YAAA,IAAAC,SAAA,IAAAC,oBAAA,gCAAAC,sBAAA,kCAAAC,yBAAA,qCAAAC,yBAAA,qCAAAb,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,0DAAAA,YAAA,MAAAC,SAAA,IAAAC,oBAAA,gCAAAC,sBAAA,kCAAAG,aAAA,uBAAAd,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,0DAAAA,YAAA,MAAAC,SAAA,IAAAG,yBAAA,qCAAAC,yBAAA,qCAAAb,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,4EAAAO,OAAA,KAAAC,KAAA,wCAAAC,KAAA,IAAAC,MAAA,qCAAAhB,OAAA,SAAAV"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","certificateExamples","defaultCertificate","certificateDecoded","certificates","filterWithSearch","highlightWithSearch","mobileMediaQueryString","mobileScreenView","search","certificatesDecoded","expandedRow","certificateSelectedForDetails","isDecodeInProcess","opened","certificate","download","authKeyIdParentLink","authKeyIdSiblingsLink","subjectKeyIdChildrenLink","subjectKeyIdSiblingsLink","issuerDnLink","groups","open","size","width"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.13.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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"],"mappings":";;;0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,kDAAuC,CAAAC,oBAAA,KAAAC,mBAAA,0BAAAC,mBAAA,2DAAAC,aAAA,KAAAC,iBAAA,yBAAAC,oBAAA,4BAAAC,uBAAA,gCAAAC,iBAAA,KAAAC,OAAA,KAAAC,oBAAA,KAAAC,YAAA,KAAAC,8BAAA,KAAAC,kBAAA,YAAAT,aAAA,mEAAAU,OAAA,0DAAAC,YAAA,MAAAC,SAAA,MAAAC,oBAAA,gCAAAC,sBAAA,kCAAAC,yBAAA,qCAAAC,yBAAA,qCAAAC,aAAA,uBAAAd,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,6FAAAA,YAAA,IAAAC,SAAA,IAAAC,oBAAA,gCAAAC,sBAAA,kCAAAC,yBAAA,qCAAAC,yBAAA,qCAAAb,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,0DAAAA,YAAA,MAAAC,SAAA,IAAAC,oBAAA,gCAAAC,sBAAA,kCAAAG,aAAA,uBAAAd,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,0DAAAA,YAAA,MAAAC,SAAA,IAAAG,yBAAA,qCAAAC,yBAAA,qCAAAb,uBAAA,gCAAAC,iBAAA,KAAAK,kBAAA,YAAAE,YAAA,4EAAAO,OAAA,KAAAC,KAAA,wCAAAC,KAAA,IAAAC,MAAA,qCAAAhB,OAAA,SAAAX,EAAA"}

package/dist/peculiar/peculiar.js

@@ -6,7 +6,7 @@
   // Safari 10 support type="module" but still download and executes the nomodule script
   if (!currentScript || !currentScript.hasAttribute('nomodule') || !('onbeforeload' in currentScript)) {
 
-  /**
+    /**
  * core-js 3.6.5
  * https://github.com/zloirock/core-js
  * License: http://rock.mit-license.org
@@ -106,22 +106,22 @@ DOMTokenList
  */
 !function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=n.System||new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}();
 
-  // Figure out currentScript (for IE11, since it does not support currentScript)
-  var regex = /\/peculiar(\.esm)?\.js($|\?|#)/;
-  var scriptElm = currentScript || Array.from(document.querySelectorAll('script')).find(function(s) {
-    return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "peculiar";
-  });
+    // Figure out currentScript (for IE11, since it does not support currentScript)
+    var regex = /\/peculiar(\.esm)?\.js($|\?|#)/;
+    var scriptElm = currentScript || Array.from(document.querySelectorAll('script')).find(function(s) {
+      return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "peculiar";
+    });
 
-  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
-  var start = function() {
-    // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-80832207.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
-    System.import(url.href);
-  };
+    var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
+    var start = function() {
+      // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
+      var url = new URL('./p-8393399a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      System.import(url.href);
+    };
 
-  start();
+    start();
 
-  // Note: using .call(window) here because the self-executing function needs
-  // to be scoped to the window object for the ES6Promise polyfill to work
+    // Note: using .call(window) here because the self-executing function needs
+    // to be scoped to the window object for the ES6Promise polyfill to work
   }
 }).call(window);

package/dist/types/components/attribute-certificate-viewer/attribute-certificate-viewer.d.ts

@@ -8,72 +8,72 @@
 import { X509AttributeCertificate } from '../../crypto';
 export type AttributeCertificateProp = string | X509AttributeCertificate;
 export declare class AttributeCertificateViewer {
-  private certificateDecoded;
-  private certificateDecodeError;
-  private mobileMediaQuery;
-  /**
-   * The certificate value for decode and show details. Use PEM or DER.
-   */
-  certificate: AttributeCertificateProp;
-  /**
-   * If `true` - component will show split-button to download certificate as PEM or DER.
-   */
-  download?: boolean;
-  /**
-   * Authority Key Identifier extension parent link.
-   * <br />
-   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
-   * @example
-   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}
-   */
-  authKeyIdParentLink?: string;
-  /**
-   * Authority Key Identifier extension siblings link.
-   * <br />
-   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
-   * @example
-   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}
-   */
-  authKeyIdSiblingsLink?: string;
-  /**
-   * Subject Key Identifier extension children link.
-   * <br />
-   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
-   * @example
-   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
-   */
-  subjectKeyIdChildrenLink?: string;
-  /**
-   * Subject Key Identifier extension siblings link.
-   * <br />
-   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
-   * @example
-   *  https://some.com/{{subjectKeyId}}
-   */
-  subjectKeyIdSiblingsLink?: string;
-  /**
-   * Mobile media query string to control screen view change.
-   * <br />
-   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
-   * @example
-   *  (max-width: 900px)
-   */
-  mobileMediaQueryString?: string;
-  mobileScreenView: boolean;
-  isDecodeInProcess: boolean;
-  private handleMediaQueryChange;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  private decodeCertificate;
-  /**
-   * Rerun decodeCertificate if previuos value not equal current value
-   */
-  watchCertificateAndDecode(newValue: AttributeCertificateProp, oldValue: AttributeCertificateProp): void;
-  private getAuthKeyIdParentLink;
-  private getAuthKeyIdSiblingsLink;
-  private getSubjectKeyIdChildrenLink;
-  private getSubjectKeyIdSiblingsLink;
-  private renderErrorState;
-  private renderEmptyState;
-  render(): any;
+    private certificateDecoded;
+    private certificateDecodeError;
+    private mobileMediaQuery;
+    /**
+     * The certificate value for decode and show details. Use PEM or DER.
+     */
+    certificate: AttributeCertificateProp;
+    /**
+     * If `true` - component will show split-button to download certificate as PEM or DER.
+     */
+    download?: boolean;
+    /**
+     * Authority Key Identifier extension parent link.
+     * <br />
+     * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
+     * @example
+     *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}
+     */
+    authKeyIdParentLink?: string;
+    /**
+     * Authority Key Identifier extension siblings link.
+     * <br />
+     * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
+     * @example
+     *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}
+     */
+    authKeyIdSiblingsLink?: string;
+    /**
+     * Subject Key Identifier extension children link.
+     * <br />
+     * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
+     * @example
+     *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
+     */
+    subjectKeyIdChildrenLink?: string;
+    /**
+     * Subject Key Identifier extension siblings link.
+     * <br />
+     * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
+     * @example
+     *  https://some.com/{{subjectKeyId}}
+     */
+    subjectKeyIdSiblingsLink?: string;
+    /**
+     * Mobile media query string to control screen view change.
+     * <br />
+     * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+     * @example
+     *  (max-width: 900px)
+     */
+    mobileMediaQueryString?: string;
+    mobileScreenView: boolean;
+    isDecodeInProcess: boolean;
+    private handleMediaQueryChange;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private decodeCertificate;
+    /**
+     * Rerun decodeCertificate if previuos value not equal current value
+     */
+    watchCertificateAndDecode(newValue: AttributeCertificateProp, oldValue: AttributeCertificateProp): void;
+    private getAuthKeyIdParentLink;
+    private getAuthKeyIdSiblingsLink;
+    private getSubjectKeyIdChildrenLink;
+    private getSubjectKeyIdSiblingsLink;
+    private renderErrorState;
+    private renderEmptyState;
+    render(): any;
 }

package/dist/types/components/button/button.d.ts

@@ -7,9 +7,9 @@
  */
 import { FunctionalComponent, VNode } from '../../stencil-public-runtime';
 export interface ButtonProps {
-  href?: string;
-  class?: string;
-  startIcon?: VNode;
-  onClick?: (event: MouseEvent) => void;
+    href?: string;
+    class?: string;
+    startIcon?: VNode;
+    onClick?: (event: MouseEvent) => void;
 }
 export declare const Button: FunctionalComponent<ButtonProps>;