<style include="cr-hidden-style">
cr-tabs {
--cr-tabs-font-size: inherit;
--cr-tabs-height: 40px;
margin-bottom: 24px;
}
</style>
<template is="dom-if" if="[[showCaTrustEditDialog_]]" restamp>
<ca-trust-edit-dialog model="[[dialogModel_]]">
</ca-trust-edit-dialog>
</template>
<template is="dom-if" if="[[showDeleteConfirmationDialog_]]" restamp>
<certificate-delete-confirmation-dialog
model="[[dialogModel_]]"
certificate-type="[[dialogModelCertificateType_]]">
</certificate-delete-confirmation-dialog>
</template>
<template is="dom-if" if="[[showPasswordEncryptionDialog_]]" restamp>
<certificate-password-encryption-dialog>
</certificate-password-encryption-dialog>
</template>
<template is="dom-if" if="[[showPasswordDecryptionDialog_]]" restamp>
<certificate-password-decryption-dialog>
</certificate-password-decryption-dialog>
</template>
<template is="dom-if" if="[[showErrorDialog_]]" restamp>
<certificates-error-dialog model="[[errorDialogModel_]]">
</certificates-error-dialog>
</template>
<cr-tabs selected="{{selected}}" tab-names="[[tabNames_]]"></cr-tabs>
<cr-page-selector selected="[[selected]]">
<div>
<certificate-list id="personalCerts"
certificates="[[personalCerts]]"
certificate-type="[[certificateTypeEnum_.PERSONAL]]"
import-allowed="[[clientImportAllowed]]">
</certificate-list>
<if expr="is_chromeos">
<certificate-provisioning-list></certificate-provisioning-list>
</if>
</div>
<div>
<template is="dom-if" if="[[isTabSelected_(selected, 1)]]">
<certificate-list id="serverCerts"
certificates="[[serverCerts]]"
certificate-type="[[certificateTypeEnum_.SERVER]]"
import-allowed="true">
</certificate-list>
</template>
</div>
<div>
<template is="dom-if" if="[[isTabSelected_(selected, 2)]]">
<certificate-list id="caCerts"
certificates="[[caCerts]]"
certificate-type="[[certificateTypeEnum_.CA]]"
import-allowed="[[caImportAllowed]]">
</certificate-list>
</template>
</div>
<div>
<template is="dom-if" if="[[isTabSelected_(selected, 3)]]">
<certificate-list id="otherCerts"
certificates="[[otherCerts]]"
certificate-type="[[certificateTypeEnum_.OTHER]]"
import-allowed="false">
</certificate-list>
</template>
</div>
</cr-page-selector>