@peculiar/certificates-viewer 4.1.0 → 4.2.1

package/dist/types/components/certificate-details-parts/extensions/key_description_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { NonStandardKeyDescription } from '@peculiar/asn1-android';
 import { Extension } from '../../../crypto/extension';
 interface IKeyDescriptionExtensionProps {
-  extension: Extension<NonStandardKeyDescription>;
+    extension: Extension<NonStandardKeyDescription>;
 }
 export declare const KeyDescriptionExtension: FunctionalComponent<IKeyDescriptionExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/key_usage_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { KeyUsage } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface IKeyUsageExtensionProps {
-  extension: Extension<KeyUsage>;
+    extension: Extension<KeyUsage>;
 }
 export declare const KeyUsageExtension: FunctionalComponent<IKeyUsageExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/lei_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { LeiChoice } from '@peculiar/asn1-lei';
 import { Extension } from '../../../crypto/extension';
 interface ILeiExtensionProps extends ILeiOptions {
-  extension: Extension<LeiChoice>;
+    extension: Extension<LeiChoice>;
 }
 export declare const LeiExtension: FunctionalComponent<ILeiExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/lei_role_extennsion.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { LeiRole } from '@peculiar/asn1-lei';
 import { Extension } from '../../../crypto/extension';
 interface ILeiRoleExtensionProps {
-  extension: Extension<LeiRole>;
+    extension: Extension<LeiRole>;
 }
 export declare const LeiRoleExtension: FunctionalComponent<ILeiRoleExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/logotype_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { LogotypeExtn } from '@peculiar/asn1-x509-logotype';
 import { Extension } from '../../../crypto/extension';
 interface ILogotypeExtensionProps {
-  extension: Extension<LogotypeExtn>;
+    extension: Extension<LogotypeExtn>;
 }
 export declare const LogotypeExtension: FunctionalComponent<ILogotypeExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/name_constraints_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { NameConstraints } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface INameConstraintsExtensionProps extends IGeneralNameOptions {
-  extension: Extension<NameConstraints>;
+    extension: Extension<NameConstraints>;
 }
 export declare const NameConstraintsExtension: FunctionalComponent<INameConstraintsExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/netscape_cert_type_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { NetscapeCertType } from '@peculiar/asn1-x509-netscape';
 import { Extension } from '../../../crypto/extension';
 interface INetscapeCertTypeExtensionProps {
-  extension: Extension<NetscapeCertType>;
+    extension: Extension<NetscapeCertType>;
 }
 export declare const NetscapeCertTypeExtension: FunctionalComponent<INetscapeCertTypeExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/netscape_comment_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { NetscapeComment } from '@peculiar/asn1-x509-netscape';
 import { Extension } from '../../../crypto/extension';
 interface INetscapeCommentExtensionProps {
-  extension: Extension<NetscapeComment>;
+    extension: Extension<NetscapeComment>;
 }
 export declare const NetscapeCommentExtension: FunctionalComponent<INetscapeCommentExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/policy_constraints_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { PolicyConstraints } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface IPolicyConstraintsExtensionProps {
-  extension: Extension<PolicyConstraints>;
+    extension: Extension<PolicyConstraints>;
 }
 export declare const PolicyConstraintsExtension: FunctionalComponent<IPolicyConstraintsExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/policy_mappings_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { PolicyMappings } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface IPolicyMappingsExtensionProps {
-  extension: Extension<PolicyMappings>;
+    extension: Extension<PolicyMappings>;
 }
 export declare const PolicyMappingsExtension: FunctionalComponent<IPolicyMappingsExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/private_key_usage_period_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { PrivateKeyUsagePeriod } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface IPrivateKeyUsagePeriodExtensionProps {
-  extension: Extension<PrivateKeyUsagePeriod>;
+    extension: Extension<PrivateKeyUsagePeriod>;
 }
 export declare const PrivateKeyUsagePeriodExtension: FunctionalComponent<IPrivateKeyUsagePeriodExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/qc_statements_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { QCStatements } from '@peculiar/asn1-x509-qualified';
 import { Extension } from '../../../crypto/extension';
 interface IQCStatementsExtensionProps {
-  extension: Extension<QCStatements>;
+    extension: Extension<QCStatements>;
 }
 export declare const QCStatementsExtension: FunctionalComponent<IQCStatementsExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/subject_alternative_name_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { SubjectAlternativeName } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface ISubjectAlternativeNameExtensionProps extends IGeneralNameOptions {
-  extension: Extension<SubjectAlternativeName>;
+    extension: Extension<SubjectAlternativeName>;
 }
 export declare const SubjectAlternativeNameExtension: FunctionalComponent<ISubjectAlternativeNameExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/subject_directory_attributes_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { SubjectDirectoryAttributes } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface ISubjectDirectoryAttributesExtensionProps {
-  extension: Extension<SubjectDirectoryAttributes>;
+    extension: Extension<SubjectDirectoryAttributes>;
 }
 export declare const SubjectDirectoryAttributesExtension: FunctionalComponent<ISubjectDirectoryAttributesExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/subject_key_identifier_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { SubjectKeyIdentifier } from '@peculiar/asn1-x509';
 import { Extension } from '../../../crypto/extension';
 interface ISubjectKeyIdentifierExtensionProps extends ISubjectKeyIdentifierOptions {
-  extension: Extension<SubjectKeyIdentifier>;
+    extension: Extension<SubjectKeyIdentifier>;
 }
 export declare const SubjectKeyIdentifierExtension: FunctionalComponent<ISubjectKeyIdentifierExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/timestamp_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { Timestamp } from '@peculiar/asn1-adobe-acrobat';
 import { Extension } from '../../../crypto/extension';
 interface ITimestampExtensionProps extends IGeneralNameOptions {
-  extension: Extension<Timestamp>;
+    extension: Extension<Timestamp>;
 }
 export declare const TimestampExtension: FunctionalComponent<ITimestampExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/extensions/tn_auth_list_extension.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { TNAuthorizationList } from '@peculiar/asn1-rfc8226';
 import { Extension } from '../../../crypto/extension';
 interface ITNAuthListExtensionProps {
-  extension: Extension<TNAuthorizationList>;
+    extension: Extension<TNAuthorizationList>;
 }
 export declare const TNAuthListExtension: FunctionalComponent<ITNAuthListExtensionProps>;
 export {};

package/dist/types/components/certificate-details-parts/holder.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { X509AttributeCertificate } from '../../crypto';
 interface IHolderProps {
-  holder: X509AttributeCertificate['holder'];
+    holder: X509AttributeCertificate['holder'];
 }
 export declare const Holder: FunctionalComponent<IHolderProps>;
 export {};

package/dist/types/components/certificate-details-parts/issuer.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { X509AttributeCertificate } from '../../crypto';
 interface IIssuerProps {
-  issuer: X509AttributeCertificate['issuer'];
+    issuer: X509AttributeCertificate['issuer'];
 }
 export declare const Issuer: FunctionalComponent<IIssuerProps>;
 export {};

package/dist/types/components/certificate-details-parts/issuer_name.d.ts

@@ -8,8 +8,8 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { INameJSON } from '../../crypto/name';
 interface ISubjectNameProps {
-  name: INameJSON[];
-  issuerDnLink?: string;
+    name: INameJSON[];
+    issuerDnLink?: string;
 }
 export declare const IssuerName: FunctionalComponent<ISubjectNameProps>;
 export {};

package/dist/types/components/certificate-details-parts/miscellaneous.d.ts

@@ -9,7 +9,7 @@ import { FunctionalComponent } from '../../stencil-public-runtime';
 import { X509Certificate, X509AttributeCertificate, CSR, CRL } from '../../crypto';
 type CertificateType = X509Certificate | X509AttributeCertificate | CSR | CRL;
 interface IMiscellaneousProps {
-  certificate: CertificateType;
+    certificate: CertificateType;
 }
 export declare const Miscellaneous: FunctionalComponent<IMiscellaneousProps>;
 export {};

package/dist/types/components/certificate-details-parts/public_key.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { IPublicKey } from '../../crypto';
 interface IPublicKeyProps {
-  publicKey: IPublicKey;
+    publicKey: IPublicKey;
 }
 export declare const PublicKey: FunctionalComponent<IPublicKeyProps>;
 export {};

package/dist/types/components/certificate-details-parts/revoked_certificates.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { IRevokedCertificate } from '../../crypto';
 interface IRevokedCertificatesProps extends IGeneralNameOptions {
-  revokedCertificates: IRevokedCertificate[];
+    revokedCertificates: IRevokedCertificate[];
 }
 export declare const RevokedCertificates: FunctionalComponent<IRevokedCertificatesProps>;
 export {};

package/dist/types/components/certificate-details-parts/row.d.ts

@@ -8,16 +8,16 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 export declare const TableRowTable: FunctionalComponent;
 interface IRowTitleProps {
-  value: string | string[];
+    value: string | string[];
 }
 export declare const RowTitle: FunctionalComponent<IRowTitleProps>;
 interface IRowValueProps {
-  name: string | string[];
-  value: string | number | string[];
-  monospace?: boolean;
-  collapse?: boolean;
-  href?: string;
-  extraValue?: Element[];
+    name: string | string[];
+    value: string | number | string[];
+    monospace?: boolean;
+    collapse?: boolean;
+    href?: string;
+    extraValue?: Element[];
 }
 export declare const RowValue: FunctionalComponent<IRowValueProps>;
 export {};

package/dist/types/components/certificate-details-parts/signature.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { ISignature } from '../../crypto';
 interface ISignatureProps {
-  signature: ISignature;
+    signature: ISignature;
 }
 export declare const Signature: FunctionalComponent<ISignatureProps>;
 export {};

package/dist/types/components/certificate-details-parts/subject_name.d.ts

@@ -8,7 +8,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { INameJSON } from '../../crypto/name';
 interface ISubjectNameProps {
-  name: INameJSON[];
+    name: INameJSON[];
 }
 export declare const SubjectName: FunctionalComponent<ISubjectNameProps>;
 export {};

package/dist/types/components/certificate-details-parts/thumbprints.d.ts

@@ -7,7 +7,7 @@
  */
 import { FunctionalComponent } from '../../stencil-public-runtime';
 interface IThumbprintsProps {
-  thumbprints: Record<string, string>;
+    thumbprints: Record<string, string>;
 }
 export declare const Thumbprints: FunctionalComponent<IThumbprintsProps>;
 export {};

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

@@ -8,8 +8,8 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import type { X509Certificate } from '../../crypto';
 interface CertificateSummaryProps {
-  certificate: X509Certificate;
-  showIssuer?: boolean;
+    certificate: X509Certificate;
+    showIssuer?: boolean;
 }
 export declare const CertificateSummary: FunctionalComponent<CertificateSummaryProps>;
 export {};

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

@@ -8,78 +8,78 @@
 import { X509Certificate } from '../../crypto';
 export type CertificateProp = string | X509Certificate;
 export declare class CertificateViewer {
-  private certificateDecoded;
-  private certificateDecodeError;
-  private mobileMediaQuery;
-  /**
-   * The certificate value for decode and show details. Use PEM or DER.
-   */
-  certificate: CertificateProp;
-  /**
-   * 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;
-  /**
-   * Issuer DN link.
-   * **NOTE**: HTML component attribute must be `issuer-dn-link`.
-   */
-  issuerDnLink?: 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: CertificateProp, oldValue: CertificateProp): void;
-  private getAuthKeyIdParentLink;
-  private getAuthKeyIdSiblingsLink;
-  private getSubjectKeyIdChildrenLink;
-  private getSubjectKeyIdSiblingsLink;
-  private getIssuerDnLink;
-  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: CertificateProp;
+    /**
+     * 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;
+    /**
+     * Issuer DN link.
+     * **NOTE**: HTML component attribute must be `issuer-dn-link`.
+     */
+    issuerDnLink?: 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: CertificateProp, oldValue: CertificateProp): void;
+    private getAuthKeyIdParentLink;
+    private getAuthKeyIdSiblingsLink;
+    private getSubjectKeyIdChildrenLink;
+    private getSubjectKeyIdSiblingsLink;
+    private getIssuerDnLink;
+    private renderErrorState;
+    private renderEmptyState;
+    render(): any;
 }

package/dist/types/components/certificates-viewer/certificates-viewer.d.ts

@@ -8,84 +8,84 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { X509Certificate } from '../../crypto';
 export interface ICertificate {
-  value: string;
-  name?: string;
-  tests?: {
-    valid?: string;
-    revoked?: string;
-    expired?: string;
-  };
+    value: string;
+    name?: string;
+    tests?: {
+        valid?: string;
+        revoked?: string;
+        expired?: string;
+    };
 }
 interface ICertificateDecoded {
-  body: X509Certificate;
-  tests?: ICertificate['tests'];
-  name?: string;
+    body: X509Certificate;
+    tests?: ICertificate['tests'];
+    name?: string;
 }
 export declare class CertificatesViewer {
-  private isHasRoots;
-  private mobileMediaQuery;
-  /**
-   * List of certificates values for decode and show in the list.
-   * <br />
-   * **NOTE**: If you do not provide a `name` value when
-   * invocing the component it will take the first Subject CN value.
-   * <br />
-   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.
-   * <br />
-   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.
-   */
-  certificates: ICertificate[];
-  /**
-   * Use filter in the list when search is changed.
-   */
-  filterWithSearch: boolean;
-  /**
-   * Use highlight chapters in the list when search is changed.
-   */
-  highlightWithSearch: boolean;
-  /**
-   * 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;
-  /**
-   * Emitted when the user open certificate details modal.
-   */
-  detailsOpen: EventEmitter<X509Certificate>;
-  /**
-   * Emitted when the user close certificate details modal.
-   */
-  detailsClose: EventEmitter<void>;
-  mobileScreenView: boolean;
-  search: string;
-  certificatesDecoded: ICertificateDecoded[];
-  expandedRow?: number;
-  certificateSelectedForDetails?: X509Certificate;
-  isDecodeInProcess: boolean;
-  private handleMediaQueryChange;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]): void;
-  certificatesDecodeAndSet(): Promise<void>;
-  private handleClickDownloadAsPem;
-  private handleClickDownloadAsDer;
-  private handleClickDetails;
-  private handleModalClose;
-  private handleClickRow;
-  private handleSearch;
-  private getMaxColSpanValue;
-  private renderCertificateButtonActions;
-  private renderExpandedRow;
-  private renderCertificatesRows;
-  private renderCertificateDetailsModal;
-  private renderSearch;
-  private renderEmptyState;
-  private renderEmptySearchState;
-  private renderLoadingState;
-  private renderTableBody;
-  render(): any;
+    private isHasRoots;
+    private mobileMediaQuery;
+    /**
+     * List of certificates values for decode and show in the list.
+     * <br />
+     * **NOTE**: If you do not provide a `name` value when
+     * invocing the component it will take the first Subject CN value.
+     * <br />
+     * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.
+     * <br />
+     * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.
+     */
+    certificates: ICertificate[];
+    /**
+     * Use filter in the list when search is changed.
+     */
+    filterWithSearch: boolean;
+    /**
+     * Use highlight chapters in the list when search is changed.
+     */
+    highlightWithSearch: boolean;
+    /**
+     * 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;
+    /**
+     * Emitted when the user open certificate details modal.
+     */
+    detailsOpen: EventEmitter<X509Certificate>;
+    /**
+     * Emitted when the user close certificate details modal.
+     */
+    detailsClose: EventEmitter<void>;
+    mobileScreenView: boolean;
+    search: string;
+    certificatesDecoded: ICertificateDecoded[];
+    expandedRow?: number;
+    certificateSelectedForDetails?: X509Certificate;
+    isDecodeInProcess: boolean;
+    private handleMediaQueryChange;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]): void;
+    certificatesDecodeAndSet(): Promise<void>;
+    private handleClickDownloadAsPem;
+    private handleClickDownloadAsDer;
+    private handleClickDetails;
+    private handleModalClose;
+    private handleClickRow;
+    private handleSearch;
+    private getMaxColSpanValue;
+    private renderCertificateButtonActions;
+    private renderExpandedRow;
+    private renderCertificatesRows;
+    private renderCertificateDetailsModal;
+    private renderSearch;
+    private renderEmptyState;
+    private renderEmptySearchState;
+    private renderLoadingState;
+    private renderTableBody;
+    render(): any;
 }
 export {};