@peculiar/certificates-viewer 4.7.1-alpha.5 → 4.8.0

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

@@ -128,7 +128,6 @@ export class CertificateViewer {
         return {
             "certificate": {
                 "type": "string",
-                "attribute": "certificate",
                 "mutable": false,
                 "complexType": {
                     "original": "TCertificateProp",
@@ -136,7 +135,7 @@ export class CertificateViewer {
                     "references": {
                         "TCertificateProp": {
                             "location": "local",
-                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/certificate-viewer/certificate-viewer.tsx",
+                            "path": "/Users/donskov/Documents/GitHub/pv-certificates-viewer/packages/webcomponents/src/components/certificate-viewer/certificate-viewer.tsx",
                             "id": "src/components/certificate-viewer/certificate-viewer.tsx::TCertificateProp"
                         }
                     }
@@ -149,11 +148,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "certificate"
             },
             "download": {
                 "type": "boolean",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -168,11 +167,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "download"
             },
             "authKeyIdParentLink": {
                 "type": "string",
-                "attribute": "auth-key-id-parent-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -190,11 +189,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "auth-key-id-parent-link"
             },
             "authKeyIdSiblingsLink": {
                 "type": "string",
-                "attribute": "auth-key-id-siblings-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -212,11 +211,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "auth-key-id-siblings-link"
             },
             "subjectKeyIdChildrenLink": {
                 "type": "string",
-                "attribute": "subject-key-id-children-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -234,11 +233,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "subject-key-id-children-link"
             },
             "subjectKeyIdSiblingsLink": {
                 "type": "string",
-                "attribute": "subject-key-id-siblings-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -256,11 +255,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "subject-key-id-siblings-link"
             },
             "issuerDnLink": {
                 "type": "string",
-                "attribute": "issuer-dn-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -275,11 +274,11 @@ export class CertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "issuer-dn-link"
             },
             "mobileMediaQueryString": {
                 "type": "string",
-                "attribute": "mobile-media-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -298,6 +297,7 @@ export class CertificateViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-media-query-string",
                 "defaultValue": "'(max-width: 900px)'"
             }
         };

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

@@ -294,7 +294,6 @@ export class CertificatesViewer {
         return {
             "certificates": {
                 "type": "unknown",
-                "attribute": "certificates",
                 "mutable": false,
                 "complexType": {
                     "original": "ICertificate[]",
@@ -302,7 +301,7 @@ export class CertificatesViewer {
                     "references": {
                         "ICertificate": {
                             "location": "local",
-                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/certificates-viewer/certificates-viewer.tsx",
+                            "path": "/Users/donskov/Documents/GitHub/pv-certificates-viewer/packages/webcomponents/src/components/certificates-viewer/certificates-viewer.tsx",
                             "id": "src/components/certificates-viewer/certificates-viewer.tsx::ICertificate"
                         }
                     }
@@ -319,7 +318,6 @@ export class CertificatesViewer {
             },
             "filterWithSearch": {
                 "type": "boolean",
-                "attribute": "filter-with-search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -335,11 +333,11 @@ export class CertificatesViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "filter-with-search",
                 "defaultValue": "true"
             },
             "highlightWithSearch": {
                 "type": "boolean",
-                "attribute": "highlight-with-search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -355,11 +353,11 @@ export class CertificatesViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "highlight-with-search",
                 "defaultValue": "true"
             },
             "mobileMediaQueryString": {
                 "type": "string",
-                "attribute": "mobile-media-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -378,6 +376,7 @@ export class CertificatesViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-media-query-string",
                 "defaultValue": "'(max-width: 900px)'"
             }
         };

package/dist/collection/components/certificates-viewer/certificates-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"certificates-viewer.js","sourceRoot":"","sources":["../../../src/components/certificates-viewer/certificates-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"certificates-viewer.js","sourceRoot":"","sources":["../../../src/components/certificates-viewer/certificates-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -43,7 +43,6 @@ export class CircularProgress {
         return {
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -59,11 +58,11 @@ export class CircularProgress {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "24"
             },
             "width": {
                 "type": "number",
-                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -79,6 +78,7 @@ export class CircularProgress {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "width",
                 "defaultValue": "4"
             }
         };

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

@@ -121,7 +121,6 @@ export class CrlViewer {
         return {
             "certificate": {
                 "type": "string",
-                "attribute": "certificate",
                 "mutable": false,
                 "complexType": {
                     "original": "TCrlProp",
@@ -129,7 +128,7 @@ export class CrlViewer {
                     "references": {
                         "TCrlProp": {
                             "location": "local",
-                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/crl-viewer/crl-viewer.tsx",
+                            "path": "/Users/donskov/Documents/GitHub/pv-certificates-viewer/packages/webcomponents/src/components/crl-viewer/crl-viewer.tsx",
                             "id": "src/components/crl-viewer/crl-viewer.tsx::TCrlProp"
                         }
                     }
@@ -142,11 +141,11 @@ export class CrlViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "certificate"
             },
             "download": {
                 "type": "boolean",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -161,11 +160,11 @@ export class CrlViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "download"
             },
             "authKeyIdParentLink": {
                 "type": "string",
-                "attribute": "auth-key-id-parent-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,11 +182,11 @@ export class CrlViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "auth-key-id-parent-link"
             },
             "authKeyIdSiblingsLink": {
                 "type": "string",
-                "attribute": "auth-key-id-siblings-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -205,11 +204,11 @@ export class CrlViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "auth-key-id-siblings-link"
             },
             "issuerDnLink": {
                 "type": "string",
-                "attribute": "issuer-dn-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -224,11 +223,11 @@ export class CrlViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "issuer-dn-link"
             },
             "mobileMediaQueryString": {
                 "type": "string",
-                "attribute": "mobile-media-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -247,6 +246,7 @@ export class CrlViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-media-query-string",
                 "defaultValue": "'(max-width: 900px)'"
             }
         };

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

@@ -120,7 +120,6 @@ export class CsrViewer {
         return {
             "certificate": {
                 "type": "string",
-                "attribute": "certificate",
                 "mutable": false,
                 "complexType": {
                     "original": "TCsrProp",
@@ -128,7 +127,7 @@ export class CsrViewer {
                     "references": {
                         "TCsrProp": {
                             "location": "local",
-                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/csr-viewer/csr-viewer.tsx",
+                            "path": "/Users/donskov/Documents/GitHub/pv-certificates-viewer/packages/webcomponents/src/components/csr-viewer/csr-viewer.tsx",
                             "id": "src/components/csr-viewer/csr-viewer.tsx::TCsrProp"
                         }
                     }
@@ -141,11 +140,11 @@ export class CsrViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "certificate"
             },
             "download": {
                 "type": "boolean",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -160,11 +159,11 @@ export class CsrViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "download"
             },
             "subjectKeyIdChildrenLink": {
                 "type": "string",
-                "attribute": "subject-key-id-children-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -182,11 +181,11 @@ export class CsrViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "subject-key-id-children-link"
             },
             "subjectKeyIdSiblingsLink": {
                 "type": "string",
-                "attribute": "subject-key-id-siblings-link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -204,11 +203,11 @@ export class CsrViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "subject-key-id-siblings-link"
             },
             "mobileMediaQueryString": {
                 "type": "string",
-                "attribute": "mobile-media-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,6 +226,7 @@ export class CsrViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-media-query-string",
                 "defaultValue": "'(max-width: 900px)'"
             }
         };

package/dist/collection/components/highlight-words/highlight-words.js

@@ -52,7 +52,6 @@ export class HighlightWords {
         return {
             "search": {
                 "type": "string",
-                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -67,7 +66,8 @@ export class HighlightWords {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "search"
             }
         };
     }

package/dist/collection/components/ssh-certificate-viewer/ssh-certificate-viewer.js

@@ -111,7 +111,6 @@ export class SshCertificateViewer {
         return {
             "certificate": {
                 "type": "string",
-                "attribute": "certificate",
                 "mutable": false,
                 "complexType": {
                     "original": "TSshCertificateProp",
@@ -119,7 +118,7 @@ export class SshCertificateViewer {
                     "references": {
                         "TSshCertificateProp": {
                             "location": "local",
-                            "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/ssh-certificate-viewer/ssh-certificate-viewer.tsx",
+                            "path": "/Users/donskov/Documents/GitHub/pv-certificates-viewer/packages/webcomponents/src/components/ssh-certificate-viewer/ssh-certificate-viewer.tsx",
                             "id": "src/components/ssh-certificate-viewer/ssh-certificate-viewer.tsx::TSshCertificateProp"
                         }
                     }
@@ -132,11 +131,11 @@ export class SshCertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "certificate"
             },
             "download": {
                 "type": "boolean",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -151,11 +150,11 @@ export class SshCertificateViewer {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "download"
             },
             "mobileMediaQueryString": {
                 "type": "string",
-                "attribute": "mobile-media-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -174,6 +173,7 @@ export class SshCertificateViewer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-media-query-string",
                 "defaultValue": "'(max-width: 900px)'"
             }
         };

package/dist/collection/crypto/extensions/cabforganization_identifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"cabforganization_identifier.js","sourceRoot":"","sources":["../../../src/crypto/extensions/cabforganization_identifier.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;GAEG;AACH,gEAAgE;AAChE,MAAM,CAAC,MAAM,6BAA6B,GAAG,cAAc,CAAC;AAE5D;;;;;;;;;;;GAWG;AAEH,MAAM,OAAO,0BAA0B;IAkBrC,YAAY,SAA8C,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;CACF;AAnBQ;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;gFACJ;AAGrC;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;uEACb;AAQ5B;IANN,OAAO,CAAC;QACP,IAAI,EAAE,YAAY,CAAC,eAAe;QAClC,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,IAAI;KACf,CAAC;+EAC0C;AAGrC;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,UAAU,EAAE,CAAC;yEACN","sourcesContent":["import { AsnProp, AsnPropTypes } from '@peculiar/asn1-schema';\n\n/**\n * Extension OID for CABF organization identifier.\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const id_cabforganizationIdentifier = '2.23.140.3.1';\n\n/**\n * Implements ASN.1 enumeration for CABF organization identifier.\n *\n * ```asn\n * CABFOrganizationIdentifier ::= SEQUENCE {\n *  registrationSchemeIdentifier  PrintableString (SIZE(3)),\n *  registrationCountry           PrintableString (SIZE(2)),\n *  registrationStateOrProvince   [0] IMPLICIT PrintableString OPTIONAL (SIZE(0..128)),\n *  registrationReference         UTF8String\n * }\n * ```\n */\n\nexport class CabforganizationIdentifier {\n  @AsnProp({ type: AsnPropTypes.PrintableString })\n  public registrationSchemeIdentifier: string;\n\n  @AsnProp({ type: AsnPropTypes.PrintableString })\n  public registrationCountry: string;\n\n  @AsnProp({\n    type: AsnPropTypes.PrintableString,\n    optional: true,\n    context: 0,\n    implicit: true,\n  })\n  public registrationStateOrProvince?: string;\n\n  @AsnProp({ type: AsnPropTypes.Utf8String })\n  public registrationReference: string;\n\n  constructor(params: Partial<CabforganizationIdentifier> = {}) {\n    Object.assign(this, params);\n  }\n}\n"]}
+{"version":3,"file":"cabforganization_identifier.js","sourceRoot":"","sources":["../../../src/crypto/extensions/cabforganization_identifier.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;GAEG;AACH,gEAAgE;AAChE,MAAM,CAAC,MAAM,6BAA6B,GAAG,cAAc,CAAC;AAE5D;;;;;;;;;;;GAWG;AAEH,MAAM,OAAO,0BAA0B;IAkBrC,YAAY,SAA8C,EAAE;QAC1D,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KAC7B;CACF;AAnBQ;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;gFACJ;AAGrC;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;uEACb;AAQ5B;IANN,OAAO,CAAC;QACP,IAAI,EAAE,YAAY,CAAC,eAAe;QAClC,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,IAAI;KACf,CAAC;+EAC0C;AAGrC;IADN,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,UAAU,EAAE,CAAC;yEACN","sourcesContent":["import { AsnProp, AsnPropTypes } from '@peculiar/asn1-schema';\n\n/**\n * Extension OID for CABF organization identifier.\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const id_cabforganizationIdentifier = '2.23.140.3.1';\n\n/**\n * Implements ASN.1 enumeration for CABF organization identifier.\n *\n * ```asn\n * CABFOrganizationIdentifier ::= SEQUENCE {\n *  registrationSchemeIdentifier  PrintableString (SIZE(3)),\n *  registrationCountry           PrintableString (SIZE(2)),\n *  registrationStateOrProvince   [0] IMPLICIT PrintableString OPTIONAL (SIZE(0..128)),\n *  registrationReference         UTF8String\n * }\n * ```\n */\n\nexport class CabforganizationIdentifier {\n  @AsnProp({ type: AsnPropTypes.PrintableString })\n  public registrationSchemeIdentifier: string;\n\n  @AsnProp({ type: AsnPropTypes.PrintableString })\n  public registrationCountry: string;\n\n  @AsnProp({\n    type: AsnPropTypes.PrintableString,\n    optional: true,\n    context: 0,\n    implicit: true,\n  })\n  public registrationStateOrProvince?: string;\n\n  @AsnProp({ type: AsnPropTypes.Utf8String })\n  public registrationReference: string;\n\n  constructor(params: Partial<CabforganizationIdentifier> = {}) {\n    Object.assign(this, params);\n  }\n}\n"]}