A common function for element that handles lists of client certificates

Usage no npm install needed!

<script type="module">
  import advancedRestClientClientCertificatesConsumerMixin from 'https://cdn.skypack.dev/@advanced-rest-client/client-certificates-consumer-mixin';


Published on NPM

Build Status

Published on webcomponents.org


A common function for element that handles lists of client certificates. Primarily made for Advanced REST Client.

The mixin does not offer models to work with as the storing implementation may be different for different platforms. Use @advanced-rest-client/arc-models/client-certificate-model.js as a default store.

See the model definition to learn about events API for certificates to implement own store. Required events are:

  • client-certificate-insert
  • client-certificate-list
  • client-certificate-delete

Other elements may require additional event:

  • client-certificate-get



npm install --save @advanced-rest-client/client-certificates-consumer-mixin

In a LitElement

import { LitElement, html } from 'lit-element';
import { ClientCertificatesConsumerMixin } from '@advanced-rest-client/client-certificates-consumer-mixin/client-certificates-consumer-mixin.js';

class SampleElement extends ClientCertificatesConsumerMixin(LitElement) {
  render() {
    return html`
      ${(this.items || []).map((item) => html`...`)};
customElements.define('sample-element', SampleElement);

The element queries certificates storage for the list of certificates when initialized. After that you need to call refresh() function manually.


git clone https://github.com/advanced-rest-client/client-certificates-consumer-mixin
cd client-certificates-consumer-mixin
npm install

Running the tests

npm test

API components

This components is a part of API components ecosystem