@peculiar/certificates-viewer 4.4.0 → 4.6.0

package/hydrate/index.js

@@ -9544,9 +9544,7 @@ var en = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const MESSAGES_ALL = {
-    en,
-};
+const MESSAGES_ALL = { en };
 class Localization {
     constructor() {
         this.setLocale = (locale) => {
@@ -9596,9 +9594,9 @@ const l10n = new Localization();
  */
 function downloadFromBuffer(value, name, extension, mime = 'application/octet-stream') {
     const blob = new Blob([value], { type: mime });
-    // @ts-ignore
-    if (navigator.msSaveBlob) { // IE10+ : (has Blob, but not a[download] or URL)
-        // @ts-ignore
+    // @ts-expect-error - IE10+ : (has Blob, but not a[download] or URL)
+    if (navigator.msSaveBlob) {
+        // @ts-expect-error - IE10+ : (has Blob, but not a[download] or URL)
         navigator.msSaveBlob(blob, `${name}.${extension}`);
         return new Promise((resolve) => {
             setTimeout(resolve, 100);
@@ -9632,6 +9630,7 @@ function downloadFromBuffer(value, name, extension, mime = 'application/octet-st
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 class Download {
 }
 Download.cert = {
@@ -10915,6 +10914,7 @@ const OIDs = {
     '1.3.6.1.4.1.40869.1.1.22.3': 'TWCAEV policy',
     '1.3.6.1.4.1.13177.10.1.2.2': 'Corporate certificates for Natural Person',
     '1.3.6.1.4.1.37476.9000.64.1': 'Smallstep CA Provisioner ID',
+    '1.3.6.1.5.2.3.4': 'KP Client Authentication',
     '1.3.6.1.5.2.3.5': 'KCD Authentication',
     '1.3.6.1.5.5.7': 'PKIX',
     '1.3.6.1.5.5.7.0.12': 'Attribute Cert',
@@ -10951,6 +10951,7 @@ const OIDs = {
     '1.3.6.1.5.5.7.3.11': 'Sbgp Cert AA Server Auth',
     '1.3.6.1.5.5.7.3.13': 'Eap Over PPP',
     '1.3.6.1.5.5.7.3.14': 'Eap Over LAN',
+    '1.3.6.1.5.5.7.3.21': 'Secure Shell Client',
     '1.3.6.1.5.5.7.3.31': 'Brand Indicator for Message Identification',
     '1.3.6.1.5.5.7.3.46': 'Document Signing',
     '1.3.6.1.5.5.7.4': 'Cmp Information Types',
@@ -11683,6 +11684,7 @@ const OIDs = {
     '2.16.840.1.101.3.2.1.3.3': 'FBCA Medium Policy',
     '2.16.840.1.101.3.2.1.3.4': 'FBCA High Policy',
     '2.16.840.1.101.3.2.1.3.12': 'FBCA Medium Hardware Policy',
+    '2.16.840.1.101.3.2.1.3.13': 'FPKI Common Authentication Policy',
     '2.16.840.1.101.3.2.1.48.1': 'Nist Test Policy1',
     '2.16.840.1.101.3.2.1.48.2': 'Nist Test Policy2',
     '2.16.840.1.101.3.2.1.48.3': 'Nist Test Policy3',
@@ -11731,9 +11733,8 @@ const OIDs = {
     '2.16.840.1.101.3.4.2.4': 'SHA-224',
     '2.16.840.1.101.3.4.3.1': 'DSA with Sha224',
     '2.16.840.1.101.3.4.3.2': 'DSA with Sha256',
-    '2.16.840.1.101.3.4.3.17': 'ML-DSA-44',
-    '2.16.840.1.101.3.4.3.18': 'ML-DSA-65',
-    '2.16.840.1.101.3.4.3.19': 'ML-DSA-87',
+    '2.16.840.1.101.3.6.9.1': 'Personal Identity Verification (PIV) National Agency Check with Inquiries (NACI) indicator',
+    '2.16.840.1.101.3.6.6': 'FASC-N',
     '2.16.840.1.113719.1.2.8': 'Novell Algorithm',
     '2.16.840.1.113719.1.2.8.22': 'DES Cbc IV8',
     '2.16.840.1.113719.1.2.8.23': 'DES Cbc Pad IV8',
@@ -12017,6 +12018,22 @@ const OIDs = {
     '2.23.140.1.31': 'CA/B Forum Onion EV',
     '2.23.140.2.1': 'CA/B Forum Test Certificate',
     '2.23.140.3.1': 'CA/B Forum Organization Identifier',
+    // https://github.com/IETF-Hackathon/pqc-certificates/blob/master/docs/oid_mapping.md
+    '2.16.840.1.101.3.4.3.17': 'ML-DSA-44',
+    '2.16.840.1.101.3.4.3.18': 'ML-DSA-65',
+    '2.16.840.1.101.3.4.3.19': 'ML-DSA-87',
+    '2.16.840.1.101.3.4.3.20': 'SLH-DSA-SHA2-128s',
+    '2.16.840.1.101.3.4.3.21': 'SLH-DSA-SHA2-128f',
+    '2.16.840.1.101.3.4.3.22': 'SLH-DSA-SHA2-192s',
+    '2.16.840.1.101.3.4.3.23': 'SLH-DSA-SHA2-192f',
+    '2.16.840.1.101.3.4.3.24': 'SLH-DSA-SHA2-256s',
+    '2.16.840.1.101.3.4.3.25': 'SLH-DSA-SHA2-256f',
+    '2.16.840.1.101.3.4.3.26': 'SLH-DSA-SHAKE-128s',
+    '2.16.840.1.101.3.4.3.27': 'SLH-DSA-SHAKE-128f',
+    '2.16.840.1.101.3.4.3.28': 'SLH-DSA-SHAKE-192f',
+    '2.16.840.1.101.3.4.3.29': 'SLH-DSA-SHAKE-256s',
+    '2.16.840.1.101.3.4.3.30': 'SLH-DSA-SHAKE-256f',
+    '2.16.840.1.101.3.4.3.31': 'SLH-DSA-SHAKE-256f',
 };
 
 /**
@@ -13654,12 +13671,12 @@ var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) ||
 };
 var _AsnData_asn, _AsnData_raw;
 class AsnData {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(...args) {
         _AsnData_asn.set(this, void 0);
         _AsnData_raw.set(this, void 0);
         if (args.length === 1) {
             // asn
-            // eslint-disable-next-line prefer-destructuring
             __classPrivateFieldSet(this, _AsnData_asn, args[0], "f");
             __classPrivateFieldSet(this, _AsnData_raw, AsnConvert.serialize(__classPrivateFieldGet(this, _AsnData_asn, "f")), "f");
         }
@@ -13774,13 +13791,13 @@ const rPem = `${rBeginTag}${rEolGroup}(?:((?:${rHeaderKey}: ${rHeaderValue})+))?
 /**
  * Represents PEM Converter.
  */
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 class PemConverter {
     static isPem(data) {
         return typeof data === 'string'
-            && new RegExp(rPem, 'g').test(data);
+            && new RegExp(rPem, 'g').test(data.replace(/\r/g, ''));
     }
     static decodeWithHeaders(pem) {
-        // eslint-disable-next-line no-param-reassign
         pem = pem.replace(/\r/g, ''); // CRLF -> LF
         const pattern = new RegExp(rPem, 'g');
         const res = [];
@@ -13800,7 +13817,6 @@ class PemConverter {
             if (headersString) {
                 const headers = headersString.split(new RegExp(rEolGroup, 'g'));
                 let lastHeader = null;
-                // eslint-disable-next-line no-restricted-syntax
                 for (const header of headers) {
                     const [key, value] = header.split(/:(.*)/);
                     if (value === undefined) {
@@ -13815,7 +13831,9 @@ class PemConverter {
                         if (lastHeader) {
                             pemStruct.headers.push(lastHeader);
                         }
-                        lastHeader = { key, value: value.trim() };
+                        lastHeader = {
+                            key, value: value.trim(),
+                        };
                     }
                 }
                 // add last header
@@ -13835,6 +13853,11 @@ class PemConverter {
         const blocks = this.decodeWithHeaders(pem);
         return blocks.map((o) => o.rawData);
     }
+    /**
+     * Encodes a list of raws in PEM format
+     * @param raws A list of raws
+     * @param tag PEM tag
+     */
     static encode(rawData, tag) {
         if (Array.isArray(rawData)) {
             const raws = new Array();
@@ -13851,10 +13874,10 @@ class PemConverter {
                 });
             }
             else {
-                // encode PemStruct[]
+                // encode IPemStruct[]
                 rawData.forEach((element) => {
                     if (!('type' in element)) {
-                        throw new TypeError('Cannot encode array of PemStruct in PEM format. Not all items of the array are PemStrut');
+                        throw new TypeError('Cannot encode array of IPemStruct in PEM format. Not all items of the array are PemStrut');
                     }
                     raws.push(this.encodeStruct(element));
                 });
@@ -13862,7 +13885,7 @@ class PemConverter {
             return raws.join('\n');
         }
         if (!tag) {
-            throw new Error("Required argument 'tag' is missed");
+            throw new Error('Required argument \'tag\' is missed');
         }
         return this.encodeStruct({
             type: tag,
@@ -13880,7 +13903,6 @@ class PemConverter {
         const res = [];
         res.push(`-----BEGIN ${upperCaseType}-----`);
         if ((_a = pem.headers) === null || _a === void 0 ? void 0 : _a.length) {
-            // eslint-disable-next-line no-restricted-syntax
             for (const header of pem.headers) {
                 res.push(`${header.key}: ${header.value}`);
             }
@@ -13927,16 +13949,20 @@ PemConverter.AttributeCertificateTag = 'ATTRIBUTE CERTIFICATE';
  */
 class CryptoProvider {
     static isCryptoKeyPair(data) {
-        return data && data.privateKey && data.publicKey;
+        return data && typeof data === 'object' && 'privateKey' in data && 'publicKey' in data;
     }
     constructor() {
         this.providers = new Map();
-        // @ts-ignore
+        // @ts-expect-error - window.crypto is not typed
         const crypto = window.crypto || window.msCrypto;
         if (typeof crypto !== 'undefined') {
             this.set(CryptoProvider.DEFAULT, crypto);
         }
     }
+    /**
+     * Returns crypto by name
+     * @param key Crypto name
+     */
     get(key = CryptoProvider.DEFAULT) {
         const crypto = this.providers.get(key.toLowerCase());
         if (!crypto) {
@@ -13947,7 +13973,7 @@ class CryptoProvider {
     set(key, value) {
         if (typeof key === 'string') {
             if (!value) {
-                throw new TypeError("Argument 'value' is required");
+                throw new TypeError('Argument \'value\' is required');
             }
             this.providers.set(key.toLowerCase(), value);
         }
@@ -13980,7 +14006,7 @@ const certificateRawToBuffer = (raw) => {
     if (Convert.isBase64Url(raw)) {
         return Convert.FromBase64Url(raw);
     }
-    throw new TypeError("Unsupported format of 'raw' argument. Must be one of DER, PEM, HEX, Base64, or Base4Url");
+    return Convert.FromBinary(raw);
 };
 const getCertificateThumbprint = async (algorithm, data) => {
     const crypto = cryptoProvider.get();
@@ -14011,13 +14037,13 @@ class X509Certificate extends AsnData {
         const notBefore = tbsCertificate.validity.notBefore.utcTime
             || tbsCertificate.validity.notBefore.generalTime;
         if (!notBefore) {
-            throw new Error("Cannot get 'notBefore' value");
+            throw new Error('Cannot get \'notBefore\' value');
         }
         this.notBefore = notBefore;
         const notAfter = tbsCertificate.validity.notAfter.utcTime
             || tbsCertificate.validity.notAfter.generalTime;
         if (!notAfter) {
-            throw new Error("Cannot get 'notAfter' value");
+            throw new Error('Cannot get \'notAfter\' value');
         }
         this.notAfter = notAfter;
         this.validity = dateDiff(this.notBefore, this.notAfter);
@@ -14095,10 +14121,7 @@ class X509Certificate extends AsnData {
         }
         for (let i = 0; i < this.issuer.length; i += 1) {
             const name = this.issuer[i];
-            if (name.shortName === 'CN') {
-                return name.value;
-            }
-            if (name.shortName === 'E') {
+            if (name.shortName === 'CN' || name.shortName === 'E' || name.shortName === 'O') {
                 return name.value;
             }
         }
@@ -15756,12 +15779,12 @@ class X509AttributeCertificate extends AsnData {
         this.version = acinfo.version;
         const notBefore = acinfo.attrCertValidityPeriod.notBeforeTime;
         if (!notBefore) {
-            throw new Error("Cannot get 'notBefore' value");
+            throw new Error('Cannot get \'notBefore\' value');
         }
         this.notBefore = notBefore;
         const notAfter = acinfo.attrCertValidityPeriod.notAfterTime;
         if (!notAfter) {
-            throw new Error("Cannot get 'notAfter' value");
+            throw new Error('Cannot get \'notAfter\' value');
         }
         this.notAfter = notAfter;
         this.validity = dateDiff(this.notBefore, this.notAfter);
@@ -16057,7 +16080,6 @@ class X509Certificates extends Array {
         if (rawItems.length < 2) {
             throw new Error('Unable to parse string. The array of elements is less than 2');
         }
-        // eslint-disable-next-line no-restricted-syntax
         for (const item of rawItems) {
             this.push(new X509Certificate(item));
         }
@@ -16071,12 +16093,9 @@ class X509Certificates extends Array {
         const signedData = new SignedData();
         signedData.version = 1;
         signedData.encapContentInfo.eContentType = id_data;
-        signedData.encapContentInfo.eContent = new EncapsulatedContent({
-            single: new OctetString(),
-        });
-        signedData.certificates = new CertificateSet(Array.from(this).map((o) => new CertificateChoices({
-            certificate: AsnConvert.parse(o.raw, Certificate),
-        })));
+        signedData.encapContentInfo.eContent = new EncapsulatedContent({ single: new OctetString() });
+        signedData.certificates = new CertificateSet(Array.from(this)
+            .map((o) => new CertificateChoices({ certificate: AsnConvert.parse(o.raw, Certificate) })));
         const cms = new ContentInfo({
             contentType: id_signedData,
             content: AsnConvert.serialize(signedData),
@@ -16184,7 +16203,7 @@ const Typography = (props, children) => {
 const Link = (props, children) => {
     const { href, variant, } = props;
     return (hAsync(Typography, { component: "a", variant: variant, color: "secondary", 
-        // @ts-ignore
+        // @ts-expect-error - href is a string
         href: href, target: "_blank", rel: "noreferrer noopener" }, children));
 };
 
@@ -16231,11 +16250,11 @@ const RowValue = (props) => {
     return (hAsync("tr", null,
         hAsync("td", { colSpan: hasValue ? 1 : 2 },
             hAsync(Typography, { variant: "b2", color: "gray-9" }, name)),
-        hasValue && (hAsync("td", { class: {
-                monospace,
-            } }, (isLink(value.toString()) || href) ? (hAsync(Link, { variant: "b2", href: href || value.toString() }, value)) : (hAsync(Typography, { variant: "b2", color: "black" },
-            elementValue,
-            extraValue))))));
+        hasValue && (hAsync("td", { class: { monospace } }, (isLink(value.toString()) || href)
+            ? (hAsync(Link, { variant: "b2", href: href || value.toString() }, value))
+            : (hAsync(Typography, { variant: "b2", color: "black" },
+                elementValue,
+                extraValue))))));
 };
 
 /**
@@ -16332,7 +16351,9 @@ const IssuerName = (props) => {
     const { name, issuerDnLink } = props;
     const title = l10n.getString('issuerName');
     return [
-        hAsync(RowTitle, { value: issuerDnLink ? (hAsync(Link, { href: issuerDnLink }, title)) : title }),
+        hAsync(RowTitle, { value: issuerDnLink
+                ? (hAsync(Link, { href: issuerDnLink }, title))
+                : title }),
         name.map((n) => (hAsync(RowValue, { name: n.name || n.type, value: n.value }))),
     ];
 };
@@ -16454,7 +16475,7 @@ const ExtendedKeyUsageExtension = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const SubjectKeyIdentifierExtension = (props) => {
-    const { extension, getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink } = props;
+    const { extension, getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink, } = props;
     const keyId = Convert.ToHex(extension.value.buffer);
     const childrenLink = getSubjectKeyIdChildrenLink(keyId);
     const siblingsLink = getSubjectKeyIdSiblingsLink(keyId);
@@ -16479,7 +16500,7 @@ const SubjectKeyIdentifierExtension = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const AuthorityKeyIdentifierExtension = (props) => {
-    const { extension, getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink } = props;
+    const { extension, getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink, } = props;
     const keyId = Convert.ToHex(extension.value.keyIdentifier.buffer);
     const parentLink = getAuthKeyIdParentLink(keyId);
     const siblingsLink = getAuthKeyIdSiblingsLink(keyId);
@@ -16515,7 +16536,7 @@ const names = {
     registeredID: 'Registered ID',
 };
 const GeneralNamePart = (props) => {
-    const { generalName, getDNSNameLink, getIPAddressLink } = props;
+    const { generalName, getDNSNameLink, getIPAddressLink, } = props;
     if (!generalName) {
         return null;
     }
@@ -16532,7 +16553,7 @@ const GeneralNamePart = (props) => {
                 const text = AsnParser.parse(value.value, DisplayText);
                 return (hAsync(RowValue, { name: OIDs[value.typeId] || value.typeId, value: text.toString() }));
             }
-            catch (error) {
+            catch (_a) {
                 //
             }
             try {
@@ -16541,7 +16562,7 @@ const GeneralNamePart = (props) => {
                     return (hAsync(RowValue, { name: OIDs[value.typeId] || value.typeId, value: text.explicitText.toString() }));
                 }
             }
-            catch (error) {
+            catch (_b) {
                 //
             }
             return (hAsync(RowValue, { name: OIDs[value.typeId] || value.typeId, value: Convert.ToHex(value.value), monospace: true }));
@@ -17271,7 +17292,6 @@ const CRLNumberExtension = (props) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// eslint-disable-next-line max-len
 const IssuingDistributionPointExtension = (props) => {
     var _a;
     const { extension } = props;
@@ -17329,14 +17349,14 @@ const KeyDescriptionExtension = (props) => {
                             ];
                         }
                     }
-                    catch (error) {
+                    catch (_a) {
                         //
                     }
                 }
                 try {
                     value = Convert.ToString(keyValue);
                 }
-                catch (error) {
+                catch (_b) {
                     value = Convert.ToHex(keyValue);
                 }
                 break;
@@ -17499,7 +17519,7 @@ const Extensions = (props) => {
                 }
                 return (hAsync(BasicExtension, { extension: extension }));
             }
-            catch (error) {
+            catch (_a) {
                 console.error('Error render extension:', extension.asn.extnID);
                 return null;
             }
@@ -17532,6 +17552,7 @@ const BasicAttribute = (props, children) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const NamePart = (props) => {
     const { name } = props;
     if (!name) {
@@ -17733,7 +17754,7 @@ const Attributes = (props) => {
                 }
                 return (hAsync(BasicAttribute, { attribute: attribute }));
             }
-            catch (error) {
+            catch (_a) {
                 console.error('Error render attribute:', attribute.asn.type);
                 return null;
             }
@@ -17752,12 +17773,12 @@ const Button = (props, children) => {
     const { href, class: classProp, startIcon, onClick, } = props;
     const isLink = !!href;
     const TagType = isLink ? 'a' : 'button';
-    return (hAsync(TagType, { type: !isLink && 'button', href: isLink && href, target: isLink && '_blank', rel: isLink && 'noreferrer noopener', onClick: onClick, class: {
+    return (hAsync(TagType, { type: !isLink && 'button', href: isLink && href, target: isLink && '_blank', rel: isLink && 'noreferrer noopener', class: {
             button: true,
             // eslint-disable-next-line react/destructuring-assignment
             m_no_padding: children.length === 0,
             [classProp]: Boolean(classProp),
-        } },
+        }, onClick: onClick },
         startIcon,
         children.length > 0 && (hAsync(Typography, { variant: "b3", color: "black", component: "span" }, children))));
 };
@@ -17866,10 +17887,10 @@ const Miscellaneous = (props) => {
         hAsync(RowTitle, { value: l10n.getString('miscellaneous') }),
         hAsync("tr", null,
             hAsync("td", null,
-                hAsync(Button, { onClick: () => certificate.downloadAsPEM(), startIcon: hAsync(DownloadIcon, null) }, l10n.getString('download.pem')))),
+                hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsPEM() }, l10n.getString('download.pem')))),
         hAsync("tr", null,
             hAsync("td", null,
-                hAsync(Button, { onClick: () => certificate.downloadAsDER(), startIcon: hAsync(DownloadIcon, null) }, l10n.getString('download.der')))),
+                hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsDER() }, l10n.getString('download.der')))),
     ];
 };
 
@@ -18050,11 +18071,9 @@ class AttributeCertificateViewer {
             }
         }
     }
-    // eslint-disable-next-line class-methods-use-this
     renderErrorState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There was an error decoding this attribute certificate.")));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There is no attribute certificate available.")));
     }
@@ -18103,9 +18122,7 @@ class ButtonMenu {
         };
     }
     render() {
-        return (hAsync(Host, { key: '484c56eb147ee97b4be9d9c0c324a6192be5d1b4', class: {
-                is_shown: this.open,
-            } }, hAsync(Button, { key: '00b7864c569169633c30a69f26185891ba9c39d1', class: "button_popover", onClick: this.handleClick, startIcon: hAsync(ActionsIcon, null) }), hAsync("div", { key: 'afe0500732f053c8b22c65ec11bd2010546fc5e6', role: "dialog", tabIndex: -1, class: "popover", "aria-hidden": String(this.open) }, this.groups.map((group) => (hAsync("div", { class: "group" }, hAsync(Typography, { variant: "c2", color: "gray-9", class: "group_title" }, group.title), group.options.map((option) => (hAsync(Button, { class: "button_option", startIcon: option.startIcon, href: option.href, onClick: (event) => {
+        return (hAsync(Host, { key: '66dd03eaa8d6e1f6dee3d9782390e094c5804b4a', class: { is_shown: this.open } }, hAsync(Button, { key: 'ba4e5601321b4e778937f6386a8a5220e28f5809', class: "button_popover", startIcon: hAsync(ActionsIcon, null), onClick: this.handleClick }), hAsync("div", { key: 'ed4d374f4a4982a24665e1cb60eaa57428ba0e4e', role: "dialog", tabIndex: -1, class: "popover", "aria-hidden": String(this.open) }, this.groups.map((group) => (hAsync("div", { class: "group" }, hAsync(Typography, { variant: "c2", color: "gray-9", class: "group_title" }, group.title), group.options.map((option) => (hAsync(Button, { class: "button_option", startIcon: option.startIcon, href: option.href, onClick: (event) => {
                 event.stopPropagation();
                 this.handleClick();
                 if (option.onClick) {
@@ -18134,7 +18151,6 @@ class CertificateChainViewer {
         registerInstance(this, hostRef);
         this.selectedCertificateIndex = 0;
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There is no certificates available.")));
     }
@@ -18182,6 +18198,7 @@ class CertificateDecoder {
         this.handleClickClear = () => {
             this.clearValue();
         };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.handleChangeInputFile = async (event) => {
             const element = event.target;
             if (element.files) {
@@ -18192,6 +18209,7 @@ class CertificateDecoder {
                 element.value = '';
             }
         };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.handleChangeExample = (event) => {
             if (event.target.value) {
                 this.decode(event.target.value);
@@ -18200,6 +18218,7 @@ class CertificateDecoder {
                 this.clearValue();
             }
         };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.handleDropFile = async (event) => {
             event.stopPropagation();
             event.preventDefault();
@@ -18264,7 +18283,7 @@ class CertificateDecoder {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '466ae73c347d305938c8b5f7a9ca0fcc8ec000eb' }, hAsync("textarea", { key: '00d3552d847823c1e4e10162c5ac22de48062c47', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '2b45a534e3db2d4c879efcc849f439d494ad5adc', class: "controls" }, hAsync("div", { key: 'c78db2ec219c7417c10c8aa4b99e72e1fc16499d', class: "control_row" }, hAsync(Typography, { key: '9e72c34b567870083b68fdaf082aae28f8899b24', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("input", { key: '7069e5db2f0de85126b4fdcace19e181ab407a16', type: "file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl", onChange: this.handleChangeInputFile, value: "" })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (hAsync("div", { key: 'e184a0864d8432e1f0aa26788e58f3c336abc598', class: "control_row" }, hAsync(Typography, { key: '19e3213a14ef0b24bb110df7a4e943bf1f2a8ebf', variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { key: '79082619d5d4bc82cf90afddf58ec58a5ae232b7', onChange: this.handleChangeExample }, hAsync("option", { key: 'add23975d376914239389b621bd956bcd4fb52eb', value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: '876ccefd3125618d5c1e7c83e277349fa78da802', class: "control_row" }, hAsync(Button, { key: 'bb890810c0895ba3fdcc22695e72cd8c2cf9645d', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: 'dadc94b3e9e2e7211d993d99c127abfc8e593545', onClick: this.handleClickClear }, "Clear"))), this.renderCertificate()));
+        return (hAsync(Host, { key: '2c4ec8c59145c494dee26f7e6eae99b10481f091' }, hAsync("textarea", { key: '88129c0b5c56b2458c4af2df6d746c25d4252fd2', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '3730b1bade8d27bb9bc1617018dc5bf01f9277ef', class: "controls" }, hAsync("div", { key: 'b803986ab6d5bfaf5e61cd9df57428e6bff6bb55', class: "control_row" }, hAsync(Typography, { key: 'e6ed2ea27f11d0957da4109e19483cd040febb01', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("input", { key: '898d0fdd1de5f204337ab8bf77ad1dafd25da882', type: "file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl", value: "", onChange: this.handleChangeInputFile })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (hAsync("div", { key: 'd6cf99bfc145f44fdfef32e52eb6afa8ec3836cf', class: "control_row" }, hAsync(Typography, { key: '4f7ff1b34fe34837909e328afdf401a5826d89f5', variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { key: '47c7433eefc2e82fb5dd9a30f062cc71104f7f5b', onChange: this.handleChangeExample }, hAsync("option", { key: '667a68723f7a22b954c1c89e1e86b85ddc6b4fd5', value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: 'e1fc1f00e7bb998d26a818fee955df9561f8e6c0', class: "control_row" }, hAsync(Button, { key: '254fdd5ff25e644ba5d233d9cec2508a28e023c9', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: '594d6e51c56a1b51440f6495eb85af0eda75bcef', onClick: this.handleClickClear }, "Clear"))), this.renderCertificate()));
     }
     static get style() { return certificateDecoderCss; }
     static get cmpMeta() { return {
@@ -18363,11 +18382,9 @@ class CertificateViewer {
     getIssuerDnLink() {
         return this.issuerDnLink;
     }
-    // eslint-disable-next-line class-methods-use-this
     renderErrorState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There was an error decoding this certificate.")));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There is no certificate available.")));
     }
@@ -18478,7 +18495,8 @@ class CertificatesViewer {
             this.detailsClose.emit();
         };
         this.handleSearch = (event) => {
-            this.search = event.target.value.trim();
+            const target = event.target;
+            this.search = target.value.trim();
         };
     }
     handleMediaQueryChange(event) {
@@ -18504,7 +18522,6 @@ class CertificatesViewer {
             return;
         }
         const data = [];
-        // eslint-disable-next-line no-restricted-syntax
         for (const certificate of this.certificates) {
             try {
                 const decoded = new X509Certificate(certificate.value);
@@ -18526,13 +18543,17 @@ class CertificatesViewer {
         this.isDecodeInProcess = false;
         this.certificatesDecoded = data;
     }
-    // eslint-disable-next-line class-methods-use-this
+    getCertificateName(certificate) {
+        if (typeof certificate.name === 'function') {
+            return certificate.name(certificate.body);
+        }
+        return certificate.name || certificate.body.commonName;
+    }
     handleClickDownloadAsPem(certificate) {
-        certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);
+        certificate.body.downloadAsPEM(this.getCertificateName(certificate));
     }
-    // eslint-disable-next-line class-methods-use-this
     handleClickDownloadAsDer(certificate) {
-        certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);
+        certificate.body.downloadAsDER(this.getCertificateName(certificate));
     }
     handleClickRow(index) {
         const isExpandedRowClicked = this.expandedRow === index;
@@ -18577,26 +18598,34 @@ class CertificatesViewer {
                         },
                     ],
                 },
-                ...(isHasTestURLs ? [{
-                        title: l10n.getString('testURLs'),
-                        options: [
-                            ...(((_a = certificate.tests) === null || _a === void 0 ? void 0 : _a.valid) ? [{
-                                    text: l10n.getString('valid'),
-                                    href: certificate.tests.valid,
-                                    startIcon: hAsync(LinkIcon, null),
-                                }] : []),
-                            ...(((_b = certificate.tests) === null || _b === void 0 ? void 0 : _b.revoked) ? [{
-                                    text: l10n.getString('revoked'),
-                                    href: certificate.tests.revoked,
-                                    startIcon: hAsync(LinkIcon, null),
-                                }] : []),
-                            ...(((_c = certificate.tests) === null || _c === void 0 ? void 0 : _c.expired) ? [{
-                                    text: l10n.getString('expired'),
-                                    href: certificate.tests.expired,
-                                    startIcon: hAsync(LinkIcon, null),
-                                }] : []),
-                        ],
-                    }] : []),
+                ...(isHasTestURLs
+                    ? [{
+                            title: l10n.getString('testURLs'),
+                            options: [
+                                ...(((_a = certificate.tests) === null || _a === void 0 ? void 0 : _a.valid)
+                                    ? [{
+                                            text: l10n.getString('valid'),
+                                            href: certificate.tests.valid,
+                                            startIcon: hAsync(LinkIcon, null),
+                                        }]
+                                    : []),
+                                ...(((_b = certificate.tests) === null || _b === void 0 ? void 0 : _b.revoked)
+                                    ? [{
+                                            text: l10n.getString('revoked'),
+                                            href: certificate.tests.revoked,
+                                            startIcon: hAsync(LinkIcon, null),
+                                        }]
+                                    : []),
+                                ...(((_c = certificate.tests) === null || _c === void 0 ? void 0 : _c.expired)
+                                    ? [{
+                                            text: l10n.getString('expired'),
+                                            href: certificate.tests.expired,
+                                            startIcon: hAsync(LinkIcon, null),
+                                        }]
+                                    : []),
+                            ],
+                        }]
+                    : []),
             ] }));
     }
     renderExpandedRow(certificate) {
@@ -18616,8 +18645,7 @@ class CertificatesViewer {
                 const certificateStringForSearch = [
                     publicKeyValue,
                     certificate.body.issuerCommonName,
-                    certificate.name,
-                    certificate.body.commonName,
+                    this.getCertificateName(certificate),
                     certificate.body.thumbprints['SHA-1'],
                 ]
                     .join(' ')
@@ -18631,21 +18659,12 @@ class CertificatesViewer {
                     hAsync("tr", { class: {
                             certificate_row: true,
                             m_expanded: isExpandedRow,
-                        }, key: certificate.body.thumbprints['SHA-1'] }, hAsync("td", null, hAsync("table", null, hAsync("tbody", null, !this.isHasRoots && (hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('issuer'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.issuerCommonName))))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('name'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.name || certificate.body.commonName)))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('publicKey'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, publicKeyValue)))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1)")), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.thumbprints['SHA-1'])))), isExpandedRow && this.renderExpandedRow(certificate.body), hAsync("tr", { class: "certificate_row_actions" }, hAsync("td", null, this.renderCertificateButtonActions(certificate), hAsync(Button
-                    // eslint-disable-next-line react/jsx-no-bind
-                    , {
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onClick: this.handleClickRow.bind(this, index), startIcon: isExpandedRow ? hAsync(ArrowTopIcon, null) : hAsync(ArrowBottomIcon, null)
-                    }))))))),
+                        }, key: certificate.body.thumbprints['SHA-1'] }, hAsync("td", null, hAsync("table", null, hAsync("tbody", null, !this.isHasRoots && (hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('issuer'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.issuerCommonName))))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('name'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, this.getCertificateName(certificate))))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('publicKey'))), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, publicKeyValue)))), hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1)")), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.thumbprints['SHA-1'])))), isExpandedRow && this.renderExpandedRow(certificate.body), hAsync("tr", { class: "certificate_row_actions" }, hAsync("td", null, this.renderCertificateButtonActions(certificate), hAsync(Button, { startIcon: isExpandedRow ? hAsync(ArrowTopIcon, null) : hAsync(ArrowBottomIcon, null), onClick: this.handleClickRow.bind(this, index) }))))))),
                 ]);
                 return;
             }
             content.push([
-                hAsync("tr", { class: {
-                        m_expanded: isExpandedRow,
-                    }, key: certificate.body.thumbprints['SHA-1'] }, hAsync("td", null, hAsync(Button, { class: "button_table_cell",
-                    // eslint-disable-next-line react/jsx-no-bind
-                    onClick: this.handleClickRow.bind(this, index), startIcon: isExpandedRow ? hAsync(ArrowTopIcon, null) : hAsync(ArrowBottomIcon, null) })), !this.isHasRoots && (hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.issuerCommonName)))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.name || certificate.body.commonName))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, publicKeyValue))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.thumbprints['SHA-1']))), hAsync("td", null, this.renderCertificateButtonActions(certificate))),
+                hAsync("tr", { class: { m_expanded: isExpandedRow }, key: certificate.body.thumbprints['SHA-1'] }, hAsync("td", null, hAsync(Button, { startIcon: isExpandedRow ? hAsync(ArrowTopIcon, null) : hAsync(ArrowBottomIcon, null), class: "button_table_cell", onClick: this.handleClickRow.bind(this, index) })), !this.isHasRoots && (hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.issuerCommonName)))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, this.getCertificateName(certificate)))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, publicKeyValue))), hAsync("td", null, hAsync(Typography, null, hAsync("peculiar-highlight-words", { search: searchHighlight }, certificate.body.thumbprints['SHA-1']))), hAsync("td", null, this.renderCertificateButtonActions(certificate))),
                 isExpandedRow && this.renderExpandedRow(certificate.body),
             ]);
         });
@@ -18655,13 +18674,13 @@ class CertificatesViewer {
         if (!this.certificateSelectedForDetails) {
             return null;
         }
-        return (hAsync("div", { class: "modal_wrapper", role: "presentation", "aria-hidden": "false", part: "presentation" }, hAsync("div", { class: "modal_backdrop", onClick: this.handleModalClose, "aria-hidden": "true" }), hAsync("div", { class: "modal_container", role: "dialog", part: "presentation_container" }, hAsync("header", { class: "modal_header" }, hAsync(Typography, { variant: "h4" }, l10n.getString('certificateDetails')), hAsync(Button, { onClick: this.handleModalClose, startIcon: hAsync(CrossIcon, null) })), hAsync("div", { class: "modal_content" }, hAsync("peculiar-certificate-viewer", { certificate: this.certificateSelectedForDetails, mobileMediaQueryString: this.mobileMediaQueryString })))));
+        return (hAsync("div", { class: "modal_wrapper", role: "presentation", "aria-hidden": "false", part: "presentation" }, hAsync("div", { class: "modal_backdrop", "aria-hidden": "true", onClick: this.handleModalClose }), hAsync("div", { class: "modal_container", role: "dialog", part: "presentation_container" }, hAsync("header", { class: "modal_header" }, hAsync(Typography, { variant: "h4" }, l10n.getString('certificateDetails')), hAsync(Button, { startIcon: hAsync(CrossIcon, null), onClick: this.handleModalClose })), hAsync("div", { class: "modal_content" }, hAsync("peculiar-certificate-viewer", { certificate: this.certificateSelectedForDetails, mobileMediaQueryString: this.mobileMediaQueryString })))));
     }
     renderSearch() {
         if (!this.filterWithSearch && !this.highlightWithSearch) {
             return null;
         }
-        return (hAsync("div", { class: "search_section" }, hAsync("input", { onInput: this.handleSearch, type: "search", value: "", class: "input_search t-b3 c-black", disabled: !this.certificatesDecoded.length, placeholder: "Search" })));
+        return (hAsync("div", { class: "search_section" }, hAsync("input", { type: "search", value: "", class: "input_search t-b3 c-black", disabled: !this.certificatesDecoded.length, placeholder: "Search", onInput: this.handleSearch })));
     }
     renderEmptyState() {
         const colSpan = this.getMaxColSpanValue();
@@ -18671,7 +18690,6 @@ class CertificatesViewer {
         const colSpan = this.getMaxColSpanValue();
         return (hAsync("tr", null, hAsync("td", { class: "status_wrapper", colSpan: colSpan }, hAsync(Typography, { variant: "b1" }, "No results found for \u201C", this.search, "\u201C"))));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderLoadingState() {
         return (hAsync("div", { class: "loading_container" }, hAsync("peculiar-circular-progress", null)));
     }
@@ -18689,7 +18707,7 @@ class CertificatesViewer {
         return certificatesRows;
     }
     render() {
-        return (hAsync(Host, { key: 'e10ac3070a3cb75cb9a281a999fec42ef28d593d', "data-mobile-screen-view": String(this.mobileScreenView) }, this.renderSearch(), hAsync("table", { key: 'abc765a09c9537c36500143c6caffa688910483e' }, !this.mobileScreenView && (hAsync("thead", { key: 'c948fc3f9929deda81bfe9f1205b5c6f6032d256' }, hAsync("tr", { key: '7deae387a944910a82588698b61d55c0ba64ff55' }, hAsync("th", { key: '70927a2c00545a1c500e4312ed30022dc24df23a' }), !this.isHasRoots && (hAsync("th", { key: 'af4811bbd78a46f4ab1e96d9a2f3251e59d5d773', class: "col_issuer" }, hAsync(Typography, { key: '11064fc9659acfb8856ad96aba1192972b27e0e3', variant: "s2" }, l10n.getString('issuer')))), hAsync("th", { key: '7898e55528b973f8dddebff2e86763fc4f0ad013', class: "col_name" }, hAsync(Typography, { key: 'e5bae939345bce44423efaaee774678a163d51a6', variant: "s2" }, l10n.getString('name'))), hAsync("th", { key: '83128f3a2812996df534b95690d6268bf0f096ec', class: "col_public_key" }, hAsync(Typography, { key: '05e7f862d2336e2144ddd9438bb2636625abed36', variant: "s2" }, l10n.getString('publicKey'))), hAsync("th", { key: '1387d00b085a524bd97d96e68e07f3e82ee57796', class: "col_fingerprint" }, hAsync(Typography, { key: '393eac698d27bb9a17a2ae5cec18a0658f510f78', variant: "s2" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1)")), hAsync("th", { key: 'ffdba17371ff65a6df244edefe55bb81a9e821c8' })))), hAsync("tbody", { key: '8e44c28a8d4bc64fe76c73d67054df3dcef7a7c1' }, this.renderTableBody())), this.renderCertificateDetailsModal(), this.isDecodeInProcess && this.renderLoadingState()));
+        return (hAsync(Host, { key: '894edb33a53c1128d812c2fd7a5b230a4b13493c', "data-mobile-screen-view": String(this.mobileScreenView) }, this.renderSearch(), hAsync("table", { key: '998d37ab98be6743f1564fafb4ce9fc70b79e358' }, !this.mobileScreenView && (hAsync("thead", { key: '4728e09450b6285cbc2f69cf0a0e06135910558f' }, hAsync("tr", { key: '70bf5be60e50b9d7109e27128b661044778e0ded' }, hAsync("th", { key: 'cf0fef5df1b42d0bce49d3bf0af2d91b82de6d05' }), !this.isHasRoots && (hAsync("th", { key: '59f00d345883dfb3c81a97278583821543ce6808', class: "col_issuer" }, hAsync(Typography, { key: '54ce8fba1ab5355ac1f82ccc3aa62945351a3632', variant: "s2" }, l10n.getString('issuer')))), hAsync("th", { key: '9aea7911edafca1482f31e2ca3316d2cde40fd78', class: "col_name" }, hAsync(Typography, { key: '2a0145b0cc56543ed4b5170a8773c3c43e5e64f9', variant: "s2" }, l10n.getString('name'))), hAsync("th", { key: '9eab414d9b1558d6a5b9938f55165aeca5baa54e', class: "col_public_key" }, hAsync(Typography, { key: 'cbdcb1013bbf12ac88e63ca2d268c55854803297', variant: "s2" }, l10n.getString('publicKey'))), hAsync("th", { key: '06adb89146693583a0dad86644b2c8b399e25c0e', class: "col_fingerprint" }, hAsync(Typography, { key: 'eca0440721f16953219f014edb8d3742f312f704', variant: "s2" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1)")), hAsync("th", { key: '56b7fdf83f5c45cf524a8cce81dbca584b9b5fa8' })))), hAsync("tbody", { key: '01ccda1abfa846a8b0cdc00588b106398358ed88' }, this.renderTableBody())), this.renderCertificateDetailsModal(), this.isDecodeInProcess && this.renderLoadingState()));
     }
     static get watchers() { return {
         "certificates": ["watchCertificates"]
@@ -18732,14 +18750,10 @@ class CircularProgress {
         this.box = 50;
     }
     render() {
-        return (hAsync(Host, { key: 'c71275c96a3abcd67c09448bbcd2bcc541500805' }, hAsync("div", { key: 'f2deb4e8dc2878d0975ca9a7da9c5481e7ed01a7', class: "circle_progress", style: {
+        return (hAsync(Host, { key: '0a7d6a83e20839fb324b3f24c7e8b1074775c6a3' }, hAsync("div", { key: '88111c52129ca2806ab67f7862ccdbec0e55e68f', class: "circle_progress", style: {
                 width: `${this.size}px`,
                 height: `${this.size}px`,
-            } }, hAsync("svg", { key: '3968a506d8e670a5199497ee42ae3ec99fb65de7', class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` }, hAsync("circle", { key: '55d8b2592fb6614c38841706bd7e55ec3912b88c', class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                strokeWidth: `${this.width}px`,
-            } }), hAsync("circle", { key: 'f61b2daa3fad404e325b787d3be59c8d7f04c118', class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                strokeWidth: `${this.width}px`,
-            } })))));
+            } }, hAsync("svg", { key: '73b6d9ef7d0b5d09049f8b0c3477e633fa6ee8a3', class: "circle_progress_svg", viewBox: `0 0 ${this.box} ${this.box}` }, hAsync("circle", { key: '764d4d27927cd961c84631ac2d9bf2d0ca3e542f', class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: { strokeWidth: `${this.width}px` } }), hAsync("circle", { key: 'b24985974a66d754514f5a82b06fa6e7cae77133', class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: { strokeWidth: `${this.width}px` } })))));
     }
     static get style() { return circularProgressCss; }
     static get cmpMeta() { return {
@@ -18830,11 +18844,9 @@ class CrlViewer {
             }
         }
     }
-    // eslint-disable-next-line class-methods-use-this
     renderErrorState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There was an error decoding this certificate revocation list.")));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There is no certificate revocation list available.")));
     }
@@ -18885,9 +18897,7 @@ class CsrViewer {
         this.mobileMediaQueryString = '(max-width: 900px)';
         this.mobileScreenView = false;
         this.isDecodeInProcess = true;
-        // eslint-disable-next-line class-methods-use-this
         this.getAuthKeyIdParentLink = (value) => value;
-        // eslint-disable-next-line class-methods-use-this
         this.getAuthKeyIdSiblingsLink = (value) => value;
         this.getSubjectKeyIdChildrenLink = (value) => {
             var _a;
@@ -18946,11 +18956,9 @@ class CsrViewer {
             }
         }
     }
-    // eslint-disable-next-line class-methods-use-this
     renderErrorState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There was an error decoding this certificate request.")));
     }
-    // eslint-disable-next-line class-methods-use-this
     renderEmptyState() {
         return (hAsync("div", { class: "status_wrapper" }, hAsync(Typography, null, "There is no certificate request available.")));
     }
@@ -19013,7 +19021,7 @@ class HighlightWords {
         return source.replace(substring, '');
     }
     render() {
-        return (hAsync(Host, { key: '353abad7e2fc43ea4af75ec025e08d2ff3159ee6' }, hAsync("slot", { key: '9ac44c0a2b95ea7a778e2d6a2909c797f8c17b6d' })));
+        return (hAsync(Host, { key: '95b1cef18522eabfb495710d6756d8eee86dfa73' }, hAsync("slot", { key: '360e1c4d7121833dbfccdd6e1021d2030017373b' })));
     }
     get host() { return getElement(this); }
     static get style() { return highlightWordsCss; }
@@ -19037,7 +19045,7 @@ class TextHider {
         this.opened = false;
     }
     render() {
-        return (hAsync(Host, { key: '8e4789c87df5e4b37a5fdce7b9489e1f26d52fd9', "aria-expanded": String(this.opened) }, hAsync("div", { key: 'd98c5a205b320e9590953cf1e66ef7087413c24c', class: "content" }, hAsync("slot", { key: 'c20480b3144c9b05a719d3bd33a9569a937f176d' })), hAsync(Button, { key: 'a1913fb7cb9a79437e3c84553d38a7245824211a', class: "action", onClick: () => { this.opened = !this.opened; }, startIcon: this.opened ? hAsync(ArrowTopIcon, { color: "secondary" }) : hAsync(ArrowBottomIcon, { color: "secondary" }) })));
+        return (hAsync(Host, { key: 'e62e0ae5bad2145d9d0f8e47493d89f1c9bdd559', "aria-expanded": String(this.opened) }, hAsync("div", { key: 'ee6a5b678e4ff568d017fde3168a37c818c241da', class: "content" }, hAsync("slot", { key: 'b9d073a716fec21e5e9c1dadc66da3fef292d00b' })), hAsync(Button, { key: '398b81d7ec84ccac8803f46dd4d78104a86b9be7', class: "action", startIcon: this.opened ? hAsync(ArrowTopIcon, { color: "secondary" }) : hAsync(ArrowBottomIcon, { color: "secondary" }), onClick: () => { this.opened = !this.opened; } })));
     }
     static get style() { return textHiderCss; }
     static get cmpMeta() { return {