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

package/hydrate/index.js

@@ -130,10 +130,10 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'peculiar';
-const BUILD = /* peculiar */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
+const BUILD = /* peculiar */ { hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Hydrate Platform v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -169,6 +169,40 @@ var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
 
+// src/utils/es2022-rewire-class-members.ts
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
 // src/utils/helpers.ts
 var isDef = (v) => v != null && v !== void 0;
 var isComplexType = (o) => {
@@ -726,7 +760,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b, _c;
+  var _a, _b;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -735,21 +769,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const shadowRootNodes = shadowRoot ? [] : null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
-  const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
-  members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _b2;
-    if (!(memberFlags & 31 /* Prop */)) {
-      return;
-    }
-    const attributeName = metaAttributeName || memberName;
-    const attrVal = hostElm.getAttribute(attributeName);
-    if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(
-        attrVal,
-        memberFlags);
-      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
-    }
-  });
   let scopeId2;
   {
     const cmpMeta = hostRef.$cmpMeta$;
@@ -788,7 +807,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
-    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+    } else if (((_a = childRenderNode.$tag$) == null ? void 0 : _a.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
       const cmpMeta = getHostRef(childRenderNode.$elm$);
       if (cmpMeta) {
         const scopeId3 = getScopeId(
@@ -857,7 +876,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+        if (((_b = slottedItem.node.parentElement) == null ? void 0 : _b.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
           slottedItem.node.removeAttribute("slot");
         }
       }
@@ -1561,13 +1580,6 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
   return cssText;
 };
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      propValue = JSON.parse(propValue);
-      return propValue;
-    } catch (e) {
-    }
-  }
   if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
     propValue = deserializeProperty(propValue);
     return propValue;
@@ -2167,9 +2179,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.map(
-      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
-    );
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
   }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
@@ -2296,6 +2310,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   }
   let maybePromise;
   if (isInitialLoad) {
+    {
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
   } else {
     maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -2500,9 +2519,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -2537,8 +2564,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -2584,6 +2609,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr.isProxied) {
         {
           cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
         proxyComponent(Cstr, cmpMeta);
         Cstr.isProxied = true;
@@ -2873,6 +2900,9 @@ var hAsync = (nodeName, vnodeData, ...children) => {
 // src/hydrate/platform/proxy-host-element.ts
 function proxyHostElement(elm, cstr) {
   const cmpMeta = cstr.cmpMeta;
+  cmpMeta.$watchers$ = cmpMeta.$watchers$ || cstr.watchers;
+  cmpMeta.$deserializers$ = cmpMeta.$deserializers$ || cstr.deserializers;
+  cmpMeta.$serializers$ = cmpMeta.$serializers$ || cstr.serializers;
   if (typeof elm.componentOnReady !== "function") {
     elm.componentOnReady = componentOnReady;
   }
@@ -2886,7 +2916,7 @@ function proxyHostElement(elm, cstr) {
     const hostRef = getHostRef(elm);
     const members = Object.entries(cmpMeta.$members$);
     members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-      var _a;
+      var _a, _b;
       if (memberFlags & 31 /* Prop */) {
         const attributeName = metaAttributeName || memberName;
         const attrValue = elm.getAttribute(attributeName);
@@ -2894,7 +2924,13 @@ function proxyHostElement(elm, cstr) {
         let attrPropVal;
         const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(cstr.prototype, memberName) || {};
         if (attrValue != null) {
-          attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          if ((_a = cmpMeta.$deserializers$) == null ? void 0 : _a[memberName]) {
+            for (const methodName of cmpMeta.$deserializers$[memberName]) {
+              attrPropVal = cstr.prototype[methodName](attrValue, memberName);
+            }
+          } else {
+            attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          }
         }
         if (propValue !== void 0) {
           attrPropVal = propValue;
@@ -2905,7 +2941,7 @@ function proxyHostElement(elm, cstr) {
             origSetter.apply(elm, [attrPropVal]);
             attrPropVal = origGetter ? origGetter.apply(elm) : attrPropVal;
           }
-          (_a = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a.set(memberName, attrPropVal);
+          (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
         }
         const getterSetterDescriptor = {
           get: function() {
@@ -2919,21 +2955,18 @@ function proxyHostElement(elm, cstr) {
         };
         Object.defineProperty(elm, memberName, getterSetterDescriptor);
         Object.defineProperty(elm, metaAttributeName, getterSetterDescriptor);
-        if (!cstr.prototype.__stencilAugmented) {
-          Object.defineProperty(cstr.prototype, memberName, {
-            get: function() {
-              var _a2;
-              const ref = getHostRef(this);
-              const attrPropVal2 = (_a2 = ref == null ? void 0 : ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
-              if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
-                setValue(this, memberName, origGetter.apply(this), cmpMeta);
-              }
-              return attrPropVal2 !== void 0 ? attrPropVal2 : origGetter ? origGetter.apply(this) : getValue(this, memberName);
-            },
-            configurable: true,
-            enumerable: true
-          });
-        }
+        hostRef.$fetchedCbList$.push(() => {
+          var _a2;
+          if (!((_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.has(memberName))) {
+            setValue(
+              elm,
+              memberName,
+              attrPropVal !== void 0 ? attrPropVal : hostRef.$lazyInstance$[memberName],
+              cmpMeta
+            );
+          }
+          Object.defineProperty(hostRef.$lazyInstance$, memberName, getterSetterDescriptor);
+        });
       } else if (memberFlags & 64 /* Method */) {
         Object.defineProperty(elm, memberName, {
           value(...args) {
@@ -2949,7 +2982,6 @@ function proxyHostElement(elm, cstr) {
         });
       }
     });
-    cstr.prototype.__stencilAugmented = true;
   }
 }
 function componentOnReady() {
@@ -3298,8 +3330,12 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return void 0;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
   return hostRef;
 };
 var registerHost = (elm, cmpMeta) => {
@@ -3308,8 +3344,10 @@ var registerHost = (elm, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $hostElement$: elm,
     $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map(),
     $renderCount$: 0
   };
+  hostRef.$fetchedCbList$ = [];
   hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
   hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
   elm["s-p"] = [];
@@ -7488,6 +7526,7 @@ const AsnProp = (options) => (target, propertyKey) => {
         }
         copyOptions.converter = defaultConverter$1;
     }
+    copyOptions.raw = options.raw;
     schema.items[propertyKey] = copyOptions;
 };
 
@@ -7524,15 +7563,11 @@ class AsnParser {
                 targetSchema = choiceResult.targetSchema;
             }
             const sequenceResult = this.handleSequenceTypes(asn1Schema, schema, target, targetSchema);
-            if (sequenceResult && "isManualMapping" in sequenceResult) {
-                return sequenceResult.result;
-            }
-            const asn1ComparedSchema = sequenceResult;
             const res = new target();
             if (isTypeOfArray(target)) {
                 return this.handleArrayTypes(asn1Schema, schema, target);
             }
-            this.processSchemaItems(schema, asn1ComparedSchema, res);
+            this.processSchemaItems(schema, sequenceResult, res);
             return res;
         }
         catch (error) {
@@ -7586,65 +7621,20 @@ class AsnParser {
     }
     static handleSequenceTypes(asn1Schema, schema, target, targetSchema) {
         if (schema.type === AsnTypeTypes.Sequence) {
-            const optionalChoiceFields = Object.keys(schema.items).filter((key) => {
-                const item = schema.items[key];
-                return (item.optional &&
-                    typeof item.type === "function" &&
-                    schemaStorage.has(item.type) &&
-                    schemaStorage.get(item.type).type === AsnTypeTypes.Choice);
-            });
-            if (optionalChoiceFields.length > 0 &&
-                "value" in asn1Schema.valueBlock &&
-                Array.isArray(asn1Schema.valueBlock.value) &&
-                target.name === "CertReqMsg") {
-                return this.handleManualMapping(asn1Schema, schema, target);
-            }
             const asn1ComparedSchema = compareSchema({}, asn1Schema, targetSchema);
             if (!asn1ComparedSchema.verified) {
-                throw new AsnSchemaValidationError(`Data does not match to ${target.name} ASN1 schema. ${asn1ComparedSchema.result.error}`);
+                throw new AsnSchemaValidationError(`Data does not match to ${target.name} ASN1 schema.${asn1ComparedSchema.result.error ? ` ${asn1ComparedSchema.result.error}` : ""}`);
             }
             return asn1ComparedSchema;
         }
         else {
             const asn1ComparedSchema = compareSchema({}, asn1Schema, targetSchema);
             if (!asn1ComparedSchema.verified) {
-                throw new AsnSchemaValidationError(`Data does not match to ${target.name} ASN1 schema. ${asn1ComparedSchema.result.error}`);
+                throw new AsnSchemaValidationError(`Data does not match to ${target.name} ASN1 schema.${asn1ComparedSchema.result.error ? ` ${asn1ComparedSchema.result.error}` : ""}`);
             }
             return asn1ComparedSchema;
         }
     }
-    static handleManualMapping(asn1Schema, schema, target) {
-        const res = new target();
-        const asn1Elements = asn1Schema.valueBlock.value;
-        const schemaKeys = Object.keys(schema.items);
-        let asn1Index = 0;
-        for (let i = 0; i < schemaKeys.length; i++) {
-            const key = schemaKeys[i];
-            const schemaItem = schema.items[key];
-            if (asn1Index >= asn1Elements.length)
-                break;
-            if (schemaItem.repeated) {
-                res[key] = this.processRepeatedField(asn1Elements, asn1Index, schemaItem);
-                break;
-            }
-            else if (typeof schemaItem.type === "number") {
-                res[key] = this.processPrimitiveField(asn1Elements[asn1Index], schemaItem);
-                asn1Index++;
-            }
-            else if (this.isOptionalChoiceField(schemaItem)) {
-                const result = this.processOptionalChoiceField(asn1Elements[asn1Index], schemaItem);
-                if (result.processed) {
-                    res[key] = result.value;
-                    asn1Index++;
-                }
-            }
-            else {
-                res[key] = this.fromASN(asn1Elements[asn1Index], schemaItem.type);
-                asn1Index++;
-            }
-        }
-        return { result: res, verified: true, isManualMapping: true };
-    }
     static processRepeatedField(asn1Elements, asn1Index, schemaItem) {
         let elementsToProcess = asn1Elements.slice(asn1Index);
         if (elementsToProcess.length === 1 && elementsToProcess[0].constructor.name === "Sequence") {
@@ -7732,11 +7722,22 @@ class AsnParser {
             }
             const schemaItem = schema.items[key];
             const schemaItemType = schemaItem.type;
+            let parsedValue;
             if (typeof schemaItemType === "number" || isConvertible(schemaItemType)) {
-                res[key] = this.processPrimitiveSchemaItem(asn1SchemaValue, schemaItem, schemaItemType);
+                parsedValue = this.processPrimitiveSchemaItem(asn1SchemaValue, schemaItem, schemaItemType);
+            }
+            else {
+                parsedValue = this.processComplexSchemaItem(asn1SchemaValue, schemaItem, schemaItemType);
+            }
+            if (parsedValue &&
+                typeof parsedValue === "object" &&
+                "value" in parsedValue &&
+                "raw" in parsedValue) {
+                res[key] = parsedValue.value;
+                res[`${key}Raw`] = parsedValue.raw;
             }
             else {
-                res[key] = this.processComplexSchemaItem(asn1SchemaValue, schemaItem, schemaItemType);
+                res[key] = parsedValue;
             }
         }
     }
@@ -7817,7 +7818,14 @@ class AsnParser {
                 }
             }
             else {
-                return this.fromASN(valueToProcess, schemaItemType);
+                const parsedValue = this.fromASN(valueToProcess, schemaItemType);
+                if (schemaItem.raw) {
+                    return {
+                        value: parsedValue,
+                        raw: asn1SchemaValue.valueBeforeDecodeView,
+                    };
+                }
+                return parsedValue;
             }
         }
     }
@@ -9285,7 +9293,7 @@ class Certificate {
     }
 }
 __decorate$1([
-    AsnProp({ type: TBSCertificate })
+    AsnProp({ type: TBSCertificate, raw: true })
 ], Certificate.prototype, "tbsCertificate", void 0);
 __decorate$1([
     AsnProp({ type: AlgorithmIdentifier })
@@ -9349,7 +9357,7 @@ class CertificateList {
     }
 }
 __decorate$1([
-    AsnProp({ type: TBSCertList })
+    AsnProp({ type: TBSCertList, raw: true })
 ], CertificateList.prototype, "tbsCertList", void 0);
 __decorate$1([
     AsnProp({ type: AlgorithmIdentifier })
@@ -10004,7 +10012,6 @@ var en = {
 	download: download,
 	"download.pem": "Download PEM",
 	"download.der": "Download DER",
-	"download.ssh": "Download SSH",
 	serialNumber: serialNumber,
 	version: version,
 	validity: validity,
@@ -10177,8 +10184,8 @@ Download.crl = {
     },
 };
 Download.certSSH = {
-    asSSH: (value, name) => {
-        downloadFromBuffer(Convert.FromString(value), name, 'cert', 'application/ssh-cert');
+    asPub: (value, name) => {
+        downloadFromBuffer(Convert.FromString(value), name, 'pub', 'text/plain');
     },
 };
 
@@ -12589,14 +12596,19 @@ function camelCaseToWords(value) {
  * LICENSE file in the root directory of this source tree.
  */
 var __classPrivateFieldSet$2 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var __classPrivateFieldGet$2 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _Name_asn;
@@ -12683,7 +12695,6 @@ const id_pe_qcStatements = `${id_pe$1}.3`;
 class QCStatement {
     constructor() {
         this.statementId = "";
-        this.statementInfo = new ArrayBuffer(0);
     }
 }
 __decorate$1([
@@ -14125,8 +14136,12 @@ __decorate$1([
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
@@ -14177,14 +14192,19 @@ __decorate([
  * LICENSE file in the root directory of this source tree.
  */
 var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var __classPrivateFieldGet$1 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _AsnData_asn, _AsnData_raw;
@@ -15342,7 +15362,14 @@ __decorate$1([
     AsnProp({ type: DigestAlgorithmIdentifier })
 ], SignerInfo.prototype, "digestAlgorithm", void 0);
 __decorate$1([
-    AsnProp({ type: Attribute$1, repeated: "set", context: 0, implicit: true, optional: true })
+    AsnProp({
+        type: Attribute$1,
+        repeated: "set",
+        context: 0,
+        implicit: true,
+        optional: true,
+        raw: true,
+    })
 ], SignerInfo.prototype, "signedAttrs", void 0);
 __decorate$1([
     AsnProp({ type: SignatureAlgorithmIdentifier })
@@ -15363,17 +15390,18 @@ SignerInfos = SignerInfos_1 = __decorate$1([
     AsnType({ type: AsnTypeTypes.Set, itemType: SignerInfo })
 ], SignerInfos);
 
-let SigningTime$1 = class SigningTime extends Time {
-};
-SigningTime$1 = __decorate$1([
-    AsnType({ type: AsnTypeTypes.Choice })
-], SigningTime$1);
 let CounterSignature$1 = class CounterSignature extends SignerInfo {
 };
 CounterSignature$1 = __decorate$1([
     AsnType({ type: AsnTypeTypes.Sequence })
 ], CounterSignature$1);
 
+let SigningTime$1 = class SigningTime extends Time {
+};
+SigningTime$1 = __decorate$1([
+    AsnType({ type: AsnTypeTypes.Choice })
+], SigningTime$1);
+
 var CertificateSet_1;
 class OtherCertificateFormat {
     constructor(params = {}) {
@@ -16409,7 +16437,7 @@ __decorate$1([
     AsnProp({ type: SubjectPublicKeyInfo })
 ], CertificationRequestInfo.prototype, "subjectPKInfo", void 0);
 __decorate$1([
-    AsnProp({ type: Attributes$1, implicit: true, context: 0 })
+    AsnProp({ type: Attributes$1, implicit: true, context: 0, optional: true })
 ], CertificationRequestInfo.prototype, "attributes", void 0);
 
 class CertificationRequest {
@@ -16421,7 +16449,7 @@ class CertificationRequest {
     }
 }
 __decorate$1([
-    AsnProp({ type: CertificationRequestInfo })
+    AsnProp({ type: CertificationRequestInfo, raw: true })
 ], CertificationRequest.prototype, "certificationRequestInfo", void 0);
 __decorate$1([
     AsnProp({ type: AlgorithmIdentifier })
@@ -18239,21 +18267,28 @@ let SshCertificate$1 = class SshCertificate extends SshObject {
 };
 
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _SshCertificate_cert;
 class SshCertificate {
     constructor(raw) {
         _SshCertificate_cert.set(this, void 0);
-        const blob = parse(raw.trim());
+        const blob = parse(Convert.isBase64Url(raw.trim())
+            ? Convert.ToString(Convert.FromBase64Url(raw.trim()))
+            : raw.trim());
         // @ts-expect-error - SshCertificateType is not a constructor
         __classPrivateFieldSet(this, _SshCertificate_cert, new SshCertificate$1(blob), "f");
         this.notBefore = __classPrivateFieldGet(this, _SshCertificate_cert, "f").validAfter;
@@ -18288,15 +18323,18 @@ class SshCertificate {
             thumbprint: Convert.ToBase64(thumbprint),
         };
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    async toString(_format = 'pem') {
+    async toString(format = 'pem') {
+        if (format === 'base64url') {
+            const blob = await __classPrivateFieldGet(this, _SshCertificate_cert, "f").toSSH();
+            return Convert.ToBase64Url(Convert.FromString(blob));
+        }
         return __classPrivateFieldGet(this, _SshCertificate_cert, "f").toSSH();
     }
     get commonName() {
         return __classPrivateFieldGet(this, _SshCertificate_cert, "f").principals.join('_') || __classPrivateFieldGet(this, _SshCertificate_cert, "f").keyId || __classPrivateFieldGet(this, _SshCertificate_cert, "f").certType;
     }
-    async downloadAsSSH(name) {
-        Download.certSSH.asSSH(await this.toString(), name || this.commonName);
+    async downloadAsPub(name) {
+        Download.certSSH.asPub(await this.toString(), name || [this.commonName, 'cert'].join('-'));
     }
 }
 _SshCertificate_cert = new WeakMap();
@@ -18332,8 +18370,9 @@ function isLink(value) {
  */
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
         for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
             if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -18365,9 +18404,7 @@ const Typography = (props, children) => {
             [`t-${variant}`]: true,
             [`c-${color}`]: true,
             [classProp]: Boolean(classProp),
-        } }),
-        hAsync("span", null),
-        children));
+        } }), hAsync("span", null), children));
 };
 
 /**
@@ -18379,7 +18416,7 @@ const Typography = (props, children) => {
  */
 const Link = (props, children) => {
     const { href, variant, } = props;
-    return (hAsync(Typography, { component: "a", variant: variant, color: "secondary", 
+    return (hAsync(Typography, { component: "a", variant: variant, color: "secondary",
         // @ts-expect-error - href is a string
         href: href, target: "_blank", rel: "noreferrer noopener" }, children));
 };
@@ -18391,21 +18428,15 @@ const Link = (props, children) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-const TableRowTable = (_, children) => (hAsync("tr", null,
-    hAsync("td", { colSpan: 2 },
-        hAsync("table", null, children))));
+const TableRowTable = (_, children) => (hAsync("tr", null, hAsync("td", { colSpan: 2 }, hAsync("table", null, children))));
 const RowTitle = (props) => {
     const { value } = props;
     if (!value) {
         return null;
     }
     return [
-        hAsync("tr", { class: "title" },
-            hAsync("td", { colSpan: 2 },
-                hAsync(Typography, { variant: "s1", color: "black" }, value))),
-        hAsync("tr", null,
-            hAsync("td", { colSpan: 2, class: "divider" },
-                hAsync("span", null))),
+        hAsync("tr", { class: "title" }, hAsync("td", { colSpan: 2 }, hAsync(Typography, { variant: "s1", color: "black" }, value))),
+        hAsync("tr", null, hAsync("td", { colSpan: 2, class: "divider" }, hAsync("span", null))),
     ];
 };
 const RowValue = (props) => {
@@ -18424,14 +18455,9 @@ const RowValue = (props) => {
         elementValue = value;
     }
     const hasValue = !!value.toString();
-    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))))));
+    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))))));
 };
 
 /**
@@ -18595,9 +18621,7 @@ const BasicExtension = (props, children) => {
         hAsync(RowValue, { name: "Name", value: getStringByOID(extension.asn.extnID) }),
         hAsync(RowValue, { name: "Critical", value: extension.asn.critical ? l10n.getString('yes') : l10n.getString('no') }),
         children,
-        hAsync("tr", null,
-            hAsync("td", { colSpan: 2, class: "divider" },
-                hAsync("span", null))),
+        hAsync("tr", null, hAsync("td", { colSpan: 2, class: "divider" }, hAsync("span", null))),
     ]);
 };
 
@@ -18610,8 +18634,7 @@ const BasicExtension = (props, children) => {
  */
 const KeyUsageExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Usage", value: extension.value.toJSON().join(', ') })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Usage", value: extension.value.toJSON().join(', ') })));
 };
 
 /**
@@ -18623,9 +18646,7 @@ const KeyUsageExtension = (props) => {
  */
 const BasicConstraintsExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.getString('yes') : l10n.getString('no') }),
-        hAsync(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.getString('yes') : l10n.getString('no') }), hAsync(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
 };
 
 /**
@@ -18639,8 +18660,7 @@ const ExtendedKeyUsageExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Purposes", value: "" }),
-        extension.value.map((usage) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
+        extension.value.map((usage) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
     ])));
 };
 
@@ -18656,17 +18676,10 @@ const SubjectKeyIdentifierExtension = (props) => {
     const keyId = Convert.ToHex(extension.value.buffer);
     const childrenLink = getSubjectKeyIdChildrenLink(keyId);
     const siblingsLink = getSubjectKeyIdSiblingsLink(keyId);
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
-                childrenLink && (hAsync("span", null,
-                    "\u00A0[",
-                    hAsync(Link, { href: childrenLink }, "children"),
-                    "]")),
-                siblingsLink && (hAsync("span", null,
-                    "\u00A0[",
-                    hAsync(Link, { href: siblingsLink }, "siblings"),
-                    "]")),
-            ] })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
+            childrenLink && (hAsync("span", null, "\u00A0[", hAsync(Link, { href: childrenLink }, "children"), "]")),
+            siblingsLink && (hAsync("span", null, "\u00A0[", hAsync(Link, { href: siblingsLink }, "siblings"), "]")),
+        ] })));
 };
 
 /**
@@ -18681,17 +18694,10 @@ const AuthorityKeyIdentifierExtension = (props) => {
     const keyId = Convert.ToHex(extension.value.keyIdentifier.buffer);
     const parentLink = getAuthKeyIdParentLink(keyId);
     const siblingsLink = getAuthKeyIdSiblingsLink(keyId);
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
-                parentLink && (hAsync("span", null,
-                    "\u00A0[",
-                    hAsync(Link, { href: parentLink }, "parents"),
-                    "]")),
-                siblingsLink && (hAsync("span", null,
-                    "\u00A0[",
-                    hAsync(Link, { href: siblingsLink }, "siblings"),
-                    "]")),
-            ] })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
+            parentLink && (hAsync("span", null, "\u00A0[", hAsync(Link, { href: parentLink }, "parents"), "]")),
+            siblingsLink && (hAsync("span", null, "\u00A0[", hAsync(Link, { href: siblingsLink }, "siblings"), "]")),
+        ] })));
 };
 
 /**
@@ -18789,9 +18795,7 @@ const InfoAccessSyntaxExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Descriptions", value: "" }),
-        extension.value.map((description) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
-            hAsync(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
+        extension.value.map((description) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }), hAsync(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
     ])));
 };
 
@@ -18818,27 +18822,25 @@ const CertificatePoliciesExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Policies", value: "" }),
-        extension.value.map((policy) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }),
-            policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
-                hAsync(RowValue, { name: "Qualifiers", value: "" }),
-                policy.policyQualifiers.map((qualifierInfo) => {
-                    const data = [
-                        hAsync(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
-                    ];
-                    if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
-                        const value = AsnParser.parse(qualifierInfo.qualifier, DisplayText);
-                        data.push(hAsync(RowValue, { name: "Value", value: value.toString() }));
-                    }
-                    if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
-                        const value = AsnParser.parse(qualifierInfo.qualifier, UserNotice);
-                        if (value.explicitText) {
-                            data.push(hAsync(RowValue, { name: "Value", value: value.explicitText.toString() }));
-                        }
+        extension.value.map((policy) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }), policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
+            hAsync(RowValue, { name: "Qualifiers", value: "" }),
+            policy.policyQualifiers.map((qualifierInfo) => {
+                const data = [
+                    hAsync(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
+                ];
+                if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
+                    const value = AsnParser.parse(qualifierInfo.qualifier, DisplayText);
+                    data.push(hAsync(RowValue, { name: "Value", value: value.toString() }));
+                }
+                if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
+                    const value = AsnParser.parse(qualifierInfo.qualifier, UserNotice);
+                    if (value.explicitText) {
+                        data.push(hAsync(RowValue, { name: "Value", value: value.explicitText.toString() }));
                     }
-                    return (hAsync(TableRowTable, null, data));
-                }),
-            ])))),
+                }
+                return (hAsync(TableRowTable, null, data));
+            }),
+        ])))),
     ])));
 };
 
@@ -18940,13 +18942,7 @@ const CertificateTransparencyExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.items.length) && ([
         hAsync(RowValue, { name: "Signed Certificate Timestamps", value: "" }),
-        extension.value.toJSON().map((signedCertificateTimestamp) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
-            hAsync(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
-            hAsync(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }),
-            hAsync(RowValue, { name: "Timestamp", value: dateShort(signedCertificateTimestamp.timestamp) }),
-            hAsync(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }),
-            hAsync(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true })))),
+        extension.value.toJSON().map((signedCertificateTimestamp) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }), hAsync(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }), hAsync(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }), hAsync(RowValue, { name: "Timestamp", value: dateShort(signedCertificateTimestamp.timestamp) }), hAsync(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }), hAsync(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true }), hAsync(RowValue, { name: "Extensions", value: signedCertificateTimestamp.extensions || undefined, monospace: true })))),
     ])));
 };
 
@@ -18974,10 +18970,7 @@ const NameConstraintsExtension = (props) => {
  */
 const CertificateTemplateExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Template ID", value: extension.value.templateID }),
-        hAsync(RowValue, { name: "Template Major Version", value: extension.value.templateMajorVersion }),
-        hAsync(RowValue, { name: "Template Minor Version", value: extension.value.templateMinorVersion })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Template ID", value: extension.value.templateID }), hAsync(RowValue, { name: "Template Major Version", value: extension.value.templateMajorVersion }), hAsync(RowValue, { name: "Template Minor Version", value: extension.value.templateMinorVersion })));
 };
 
 /**
@@ -18989,8 +18982,7 @@ const CertificateTemplateExtension = (props) => {
  */
 const EnrollCertTypeChoiceExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Name", value: extension.value.toString() })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Name", value: extension.value.toString() })));
 };
 
 /**
@@ -19003,9 +18995,7 @@ const EnrollCertTypeChoiceExtension = (props) => {
 const CaVersionExtension = (props) => {
     const { extension } = props;
     const version = extension.value.getVersion();
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Certificate Index", value: version.certificateIndex }),
-        hAsync(RowValue, { name: "Key Index", value: version.keyIndex })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Certificate Index", value: version.certificateIndex }), hAsync(RowValue, { name: "Key Index", value: version.keyIndex })));
 };
 
 var PdsLocations_1, QcEuPDS_1, QcType_1, QcCClegislation_1;
@@ -19128,7 +19118,7 @@ const id_etsi_qcs_qcType = `${id_etsi_qcs}.6`;
 const QCStatementsExtension = (props) => {
     const { extension } = props;
     function renderStatementInfo(statementId, statementInfo) {
-        if (!statementInfo.byteLength) {
+        if (!statementInfo || !statementInfo.byteLength) {
             return null;
         }
         if (statementId === id_qcs_pkixQCSyntax_v2) {
@@ -19147,18 +19137,14 @@ const QCStatementsExtension = (props) => {
             const pdsLocations = AsnParser.parse(statementInfo, PdsLocations);
             return ([
                 hAsync(RowValue, { name: "PDS Locations", value: "" }),
-                pdsLocations.map((location) => (hAsync(TableRowTable, null,
-                    hAsync(RowValue, { name: "URL", value: location.url }),
-                    hAsync(RowValue, { name: "Language", value: location.language })))),
+                pdsLocations.map((location) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "URL", value: location.url }), hAsync(RowValue, { name: "Language", value: location.language })))),
             ]);
         }
         return (hAsync(RowValue, { name: "Info", value: Convert.ToHex(statementInfo), monospace: true }));
     }
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Statements", value: "" }),
-        extension.value.map((statement) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }),
-            renderStatementInfo(statement.statementId, statement.statementInfo)))),
+        extension.value.map((statement) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }), renderStatementInfo(statement.statementId, statement.statementInfo)))),
     ])));
 };
 
@@ -19171,8 +19157,7 @@ const QCStatementsExtension = (props) => {
  */
 const NetscapeCommentExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Comment", value: extension.value.value })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Comment", value: extension.value.value })));
 };
 
 /**
@@ -19184,8 +19169,7 @@ const NetscapeCommentExtension = (props) => {
  */
 const NetscapeCertTypeExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Type", value: extension.value.toJSON().join(', ') })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Type", value: extension.value.toJSON().join(', ') })));
 };
 
 /**
@@ -19197,8 +19181,7 @@ const NetscapeCertTypeExtension = (props) => {
  */
 const LeiRoleExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Role", value: extension.value.text })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Role", value: extension.value.text })));
 };
 
 /**
@@ -19210,8 +19193,7 @@ const LeiRoleExtension = (props) => {
  */
 const LeiExtension = (props) => {
     const { extension, getLEILink } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Identifier", value: extension.value.text, href: getLEILink(extension.value.text) })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Identifier", value: extension.value.text, href: getLEILink(extension.value.text) })));
 };
 
 /**
@@ -19223,10 +19205,7 @@ const LeiExtension = (props) => {
  */
 const TimestampExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Version", value: extension.value.version }),
-        hAsync(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)),
-        hAsync(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.getString('yes') : l10n.getString('no') })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Version", value: extension.value.version }), hAsync(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)), hAsync(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.getString('yes') : l10n.getString('no') })));
 };
 
 /**
@@ -19238,8 +19217,7 @@ const TimestampExtension = (props) => {
  */
 const ArchiveRevInfoExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Version", value: extension.value.version })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Version", value: extension.value.version })));
 };
 
 /**
@@ -19251,8 +19229,7 @@ const ArchiveRevInfoExtension = (props) => {
  */
 const CRLReasonExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Reason", value: extension.value.toJSON() })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Reason", value: extension.value.toJSON() })));
 };
 
 /**
@@ -19277,9 +19254,7 @@ const SubjectDirectoryAttributesExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Attributes", value: "" }),
-        extension.value.map((attribute) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
-            hAsync(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
+        extension.value.map((attribute) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Type", value: getStringByOID(attribute.type) }), hAsync(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
     ])));
 };
 
@@ -19292,8 +19267,7 @@ const SubjectDirectoryAttributesExtension = (props) => {
  */
 const AsStringExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Value", value: extension.value, monospace: true })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Value", value: extension.value, monospace: true })));
 };
 
 /**
@@ -19305,9 +19279,7 @@ const AsStringExtension = (props) => {
  */
 const PrivateKeyUsagePeriodExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Not Before", value: dateShort(extension.value.notBefore) }),
-        hAsync(RowValue, { name: "Not After", value: dateShort(extension.value.notAfter) })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Not Before", value: dateShort(extension.value.notBefore) }), hAsync(RowValue, { name: "Not After", value: dateShort(extension.value.notAfter) })));
 };
 
 /**
@@ -19319,9 +19291,7 @@ const PrivateKeyUsagePeriodExtension = (props) => {
  */
 const EntrustVersionInfoExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: "Version", value: extension.value.entrustVers }),
-        hAsync(RowValue, { name: "Info Flags", value: extension.value.entrustInfoFlags.toJSON().join(', ') })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: "Version", value: extension.value.entrustVers }), hAsync(RowValue, { name: "Info Flags", value: extension.value.entrustInfoFlags.toJSON().join(', ') })));
 };
 
 /**
@@ -19335,12 +19305,7 @@ const BiometricSyntaxExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         hAsync(RowValue, { name: "Biometrics", value: "" }),
-        extension.value.map((data) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }),
-            hAsync(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }),
-            hAsync(RowValue, { name: "Algorithm", value: getStringByOID(data.hashAlgorithm.algorithm) }),
-            hAsync(RowValue, { name: "Hash", value: Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
-            hAsync(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
+        extension.value.map((data) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }), hAsync(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }), hAsync(RowValue, { name: "Algorithm", value: getStringByOID(data.hashAlgorithm.algorithm) }), hAsync(RowValue, { name: "Hash", value: Convert.ToHex(data.biometricDataHash.buffer), monospace: true }), hAsync(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
     ])));
 };
 
@@ -19390,14 +19355,10 @@ const LogotypeExtension = (props) => {
             hAsync(RowValue, { name: "Type", value: title }),
             renderImage(image),
             renderAudio(audio),
-            hAsync("tr", null,
-                hAsync("td", null),
-                hAsync("td", null)),
+            hAsync("tr", null, hAsync("td", null), hAsync("td", null)),
         ];
     };
-    return (hAsync(BasicExtension, { extension: extension },
-        renderLogo('Subject', extension.value.subjectLogo),
-        renderLogo('Issuer', extension.value.issuerLogo)));
+    return (hAsync(BasicExtension, { extension: extension }, renderLogo('Subject', extension.value.subjectLogo), renderLogo('Issuer', extension.value.issuerLogo)));
 };
 
 /**
@@ -19411,10 +19372,7 @@ const TNAuthListExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, extension.value.length > 0 && ([
         hAsync(RowValue, { name: "Entries", value: "" }),
-        extension.value.map((entry) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "SPC", value: entry.spc }),
-            hAsync(RowValue, { name: "Range", value: entry.range ? `start=${entry.range.start} count==${entry.range.count}` : null }),
-            hAsync(RowValue, { name: "One", value: entry.one })))),
+        extension.value.map((entry) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "SPC", value: entry.spc }), hAsync(RowValue, { name: "Range", value: entry.range ? `start=${entry.range.start} count==${entry.range.count}` : null }), hAsync(RowValue, { name: "One", value: entry.one })))),
     ])));
 };
 
@@ -19427,9 +19385,7 @@ const TNAuthListExtension = (props) => {
  */
 const PolicyConstraintsExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        extension.value.requireExplicitPolicy && (hAsync(RowValue, { name: "Require Explicit Policy", value: AsnIntegerArrayBufferConverter.toASN(extension.value.requireExplicitPolicy).valueBlock.toString() })),
-        extension.value.inhibitPolicyMapping && (hAsync(RowValue, { name: "Inhibit Policy Mapping", value: AsnIntegerArrayBufferConverter.toASN(extension.value.inhibitPolicyMapping).valueBlock.toString() }))));
+    return (hAsync(BasicExtension, { extension: extension }, extension.value.requireExplicitPolicy && (hAsync(RowValue, { name: "Require Explicit Policy", value: AsnIntegerArrayBufferConverter.toASN(extension.value.requireExplicitPolicy).valueBlock.toString() })), extension.value.inhibitPolicyMapping && (hAsync(RowValue, { name: "Inhibit Policy Mapping", value: AsnIntegerArrayBufferConverter.toASN(extension.value.inhibitPolicyMapping).valueBlock.toString() }))));
 };
 
 /**
@@ -19443,9 +19399,7 @@ const PolicyMappingsExtension = (props) => {
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, extension.value.length > 0 && ([
         hAsync(RowValue, { name: "Policies", value: "" }),
-        extension.value.map((policy) => (hAsync(TableRowTable, null,
-            hAsync(RowValue, { name: "Issuer Domain", value: getStringByOID(policy.issuerDomainPolicy) }),
-            hAsync(RowValue, { name: "Subject Domain", value: getStringByOID(policy.subjectDomainPolicy) })))),
+        extension.value.map((policy) => (hAsync(TableRowTable, null, hAsync(RowValue, { name: "Issuer Domain", value: getStringByOID(policy.issuerDomainPolicy) }), hAsync(RowValue, { name: "Subject Domain", value: getStringByOID(policy.subjectDomainPolicy) })))),
     ])));
 };
 
@@ -19458,8 +19412,7 @@ const PolicyMappingsExtension = (props) => {
  */
 const CRLNumberExtension = (props) => {
     const { extension } = props;
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: l10n.getString('value'), value: extension.value.value })));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: l10n.getString('value'), value: extension.value.value })));
 };
 
 /**
@@ -19473,12 +19426,7 @@ const IssuingDistributionPointExtension = (props) => {
     var _a;
     const { extension } = props;
     return (hAsync(BasicExtension, { extension: extension }, (_a = extension.value.distributionPoint) === null || _a === void 0 ? void 0 :
-        _a.fullName.map((gn) => (hAsync(GeneralNamePart, Object.assign({ generalName: gn }, props)))),
-        extension.value.onlySomeReasons && (hAsync(RowValue, { name: l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })),
-        extension.value.indirectCRL && (hAsync(RowValue, { name: l10n.getString('indirectCRL'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsUserCerts && (hAsync(RowValue, { name: l10n.getString('onlyUserCertificates'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsAttributeCerts && (hAsync(RowValue, { name: l10n.getString('onlyAttributeCertificates'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsCACerts && (hAsync(RowValue, { name: l10n.getString('onlyCACertificates'), value: l10n.getString('yes') }))));
+        _a.fullName.map((gn) => (hAsync(GeneralNamePart, Object.assign({ generalName: gn }, props)))), extension.value.onlySomeReasons && (hAsync(RowValue, { name: l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })), extension.value.indirectCRL && (hAsync(RowValue, { name: l10n.getString('indirectCRL'), value: l10n.getString('yes') })), extension.value.onlyContainsUserCerts && (hAsync(RowValue, { name: l10n.getString('onlyUserCertificates'), value: l10n.getString('yes') })), extension.value.onlyContainsAttributeCerts && (hAsync(RowValue, { name: l10n.getString('onlyAttributeCertificates'), value: l10n.getString('yes') })), extension.value.onlyContainsCACerts && (hAsync(RowValue, { name: l10n.getString('onlyCACertificates'), value: l10n.getString('yes') }))));
 };
 
 /**
@@ -19520,9 +19468,7 @@ const KeyDescriptionExtension = (props) => {
                         if (parsed.packageInfos.length || parsed.signatureDigests.length) {
                             return [
                                 hAsync(RowValue, { name: camelCaseToWords(keyName), value: "" }),
-                                Boolean(parsed.packageInfos) && (hAsync(TableRowTable, null,
-                                    hAsync(RowValue, { name: camelCaseToWords('packageInfos'), value: "" }),
-                                    parsed.packageInfos.map((attestationPackageInfo) => (hAsync(TableRowTable, null, renderRowValue(attestationPackageInfo)))))),
+                                Boolean(parsed.packageInfos) && (hAsync(TableRowTable, null, hAsync(RowValue, { name: camelCaseToWords('packageInfos'), value: "" }), parsed.packageInfos.map((attestationPackageInfo) => (hAsync(TableRowTable, null, renderRowValue(attestationPackageInfo)))))),
                             ];
                         }
                     }
@@ -19549,15 +19495,7 @@ const KeyDescriptionExtension = (props) => {
             hAsync(TableRowTable, null, authorizationList.map(renderRowValue)),
         ];
     };
-    return (hAsync(BasicExtension, { extension: extension },
-        hAsync(RowValue, { name: camelCaseToWords('attestationVersion'), value: extension.value.attestationVersion }),
-        hAsync(RowValue, { name: camelCaseToWords('attestationSecurityLevel'), value: extension.value.attestationSecurityLevel }),
-        hAsync(RowValue, { name: camelCaseToWords('keymasterVersion'), value: extension.value.keymasterVersion }),
-        hAsync(RowValue, { name: camelCaseToWords('keymasterSecurityLevel'), value: extension.value.keymasterSecurityLevel }),
-        hAsync(RowValue, { name: camelCaseToWords('attestationChallenge'), value: Convert.ToString(extension.value.attestationChallenge) }),
-        hAsync(RowValue, { name: camelCaseToWords('uniqueId'), value: Convert.ToString(extension.value.uniqueId) || undefined }),
-        renderAuthorizationList(camelCaseToWords('softwareEnforced'), extension.value.softwareEnforced),
-        renderAuthorizationList(camelCaseToWords('teeEnforced'), extension.value.teeEnforced)));
+    return (hAsync(BasicExtension, { extension: extension }, hAsync(RowValue, { name: camelCaseToWords('attestationVersion'), value: extension.value.attestationVersion }), hAsync(RowValue, { name: camelCaseToWords('attestationSecurityLevel'), value: extension.value.attestationSecurityLevel }), hAsync(RowValue, { name: camelCaseToWords('keymasterVersion'), value: extension.value.keymasterVersion }), hAsync(RowValue, { name: camelCaseToWords('keymasterSecurityLevel'), value: extension.value.keymasterSecurityLevel }), hAsync(RowValue, { name: camelCaseToWords('attestationChallenge'), value: Convert.ToString(extension.value.attestationChallenge) }), hAsync(RowValue, { name: camelCaseToWords('uniqueId'), value: Convert.ToString(extension.value.uniqueId) || undefined }), renderAuthorizationList(camelCaseToWords('softwareEnforced'), extension.value.softwareEnforced), renderAuthorizationList(camelCaseToWords('teeEnforced'), extension.value.teeEnforced)));
 };
 
 /**
@@ -19716,9 +19654,7 @@ const BasicAttribute = (props, children) => {
     return ([
         hAsync(RowValue, { name: "Name", value: getStringByOID(attribute.asn.type) }),
         children,
-        hAsync("tr", null,
-            hAsync("td", { colSpan: 2, class: "divider" },
-                hAsync("span", null))),
+        hAsync("tr", null, hAsync("td", { colSpan: 2, class: "divider" }, hAsync("span", null))),
     ]);
 };
 
@@ -19747,8 +19683,7 @@ const NamePart = (props) => {
  */
 const NameAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(NamePart, { name: attribute.value })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(NamePart, { name: attribute.value })));
 };
 
 /**
@@ -19760,15 +19695,7 @@ const NameAttribute = (props) => {
  */
 const ActivityDescriptionAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: camelCaseToWords('codeAuthority'), value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
-        hAsync(RowValue, { name: camelCaseToWords('codeId'), value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
-        hAsync(RowValue, { name: camelCaseToWords('shortName'), value: attribute.value.shortName }),
-        hAsync(RowValue, { name: camelCaseToWords('shortDescription'), value: attribute.value.shortDescription })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: camelCaseToWords('codeAuthority'), value: "" }), hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })), hAsync(RowValue, { name: camelCaseToWords('codeId'), value: "" }), hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' })), hAsync(RowValue, { name: camelCaseToWords('shortName'), value: attribute.value.shortName }), hAsync(RowValue, { name: camelCaseToWords('shortDescription'), value: attribute.value.shortDescription })));
 };
 
 /**
@@ -19780,18 +19707,7 @@ const ActivityDescriptionAttribute = (props) => {
  */
 const WebGdprAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: camelCaseToWords('assessmentAuthority'), value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
-        hAsync(RowValue, { name: camelCaseToWords('assessmentLocation'), value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
-        hAsync(RowValue, { name: camelCaseToWords('assessmentRef'), value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' })),
-        hAsync(RowValue, { name: camelCaseToWords('dataStorageTerritory'), value: attribute.value.dataStorageTerritory }),
-        hAsync(RowValue, { name: camelCaseToWords('description'), value: attribute.value.description })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: camelCaseToWords('assessmentAuthority'), value: "" }), hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: attribute.value.assessmentAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' })), hAsync(RowValue, { name: camelCaseToWords('assessmentLocation'), value: "" }), hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: attribute.value.assessmentLocation, getDNSNameLink: () => '', getIPAddressLink: () => '' })), hAsync(RowValue, { name: camelCaseToWords('assessmentRef'), value: "" }), hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: attribute.value.assessmentRef, getDNSNameLink: () => '', getIPAddressLink: () => '' })), hAsync(RowValue, { name: camelCaseToWords('dataStorageTerritory'), value: attribute.value.dataStorageTerritory }), hAsync(RowValue, { name: camelCaseToWords('description'), value: attribute.value.description })));
 };
 
 /**
@@ -19804,8 +19720,7 @@ const WebGdprAttribute = (props) => {
 const InsuranceValueAttribute = (props) => {
     const { attribute } = props;
     const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Value", value: value })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Value", value: value })));
 };
 
 /**
@@ -19843,8 +19758,7 @@ const ValuationRankingAttribute = (props) => {
         getValueRank(attribute.value[keyName]),
         hAsync("br", null),
     ]));
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Value", value: values })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Value", value: values })));
 };
 
 /**
@@ -19856,8 +19770,7 @@ const ValuationRankingAttribute = (props) => {
  */
 const AsStringAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Value", value: attribute.value, monospace: true })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Value", value: attribute.value, monospace: true })));
 };
 
 /**
@@ -19869,8 +19782,7 @@ const AsStringAttribute = (props) => {
  */
 const UnstructuredNameAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Value", value: attribute.value.utf8String })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Value", value: attribute.value.utf8String })));
 };
 
 /**
@@ -19882,8 +19794,7 @@ const UnstructuredNameAttribute = (props) => {
  */
 const ChallengePasswordAttribute = (props) => {
     const { attribute } = props;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Value", value: attribute.value.toString() })));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Value", value: attribute.value.toString() })));
 };
 
 /**
@@ -19899,9 +19810,7 @@ const ExtensionRequestAttribute = (props) => {
     if (attribute.value) {
         extensions = attribute.value.map((e) => new Extension(AsnConvert.serialize(e)));
     }
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(TableRowTable, null,
-            hAsync(Extensions, { extensions: extensions, getDNSNameLink: () => '', getIPAddressLink: () => '', getLEILink: () => '' }))));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(TableRowTable, null, hAsync(Extensions, { extensions: extensions, getDNSNameLink: () => '', getIPAddressLink: () => '', getLEILink: () => '' }))));
 };
 
 /**
@@ -19916,16 +19825,10 @@ const PrivateKeyPossessionStatementAttribute = (props) => {
     const certificateRaw = attribute.value.cert
         ? AsnConvert.serialize(attribute.value.cert)
         : null;
-    return (hAsync(BasicAttribute, { attribute: attribute },
-        hAsync(RowValue, { name: "Serial Number", value: Convert.ToHex(attribute.value.signer.serialNumber), monospace: true }),
-        hAsync(RowValue, { name: "Issuer", value: "" }),
-        hAsync(TableRowTable, null,
-            hAsync(NamePart, { name: attribute.value.signer.issuer })),
-        certificateRaw && [
-            hAsync(RowValue, { name: "Certificate", value: "" }),
-            hAsync(TableRowTable, null,
-                hAsync("peculiar-certificate-viewer", { certificate: Convert.ToBase64(certificateRaw) })),
-        ]));
+    return (hAsync(BasicAttribute, { attribute: attribute }, hAsync(RowValue, { name: "Serial Number", value: Convert.ToHex(attribute.value.signer.serialNumber), monospace: true }), hAsync(RowValue, { name: "Issuer", value: "" }), hAsync(TableRowTable, null, hAsync(NamePart, { name: attribute.value.signer.issuer })), certificateRaw && [
+        hAsync(RowValue, { name: "Certificate", value: "" }),
+        hAsync(TableRowTable, null, hAsync("peculiar-certificate-viewer", { certificate: Convert.ToBase64(certificateRaw) })),
+    ]));
 };
 
 /**
@@ -20003,9 +19906,7 @@ const Button = (props, children) => {
             // 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))));
+        }, onClick: onClick }, startIcon, children.length > 0 && (hAsync(Typography, { variant: "b3", color: "black", component: "span" }, children))));
 };
 
 /**
@@ -20017,8 +19918,7 @@ const Button = (props, children) => {
  */
 const DetailsIcon = (props) => {
     const { color = 'secondary' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
-        hAsync("path", { fill: `var(--pv-color-${color})`, d: "M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" }, hAsync("path", { fill: `var(--pv-color-${color})`, d: "M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z" })));
 };
 
 /**
@@ -20030,8 +19930,7 @@ const DetailsIcon = (props) => {
  */
 const DownloadIcon = (props) => {
     const { color = 'secondary' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-        hAsync("path", { fill: `var(--pv-color-${color})`, d: "M21 12h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1-.4 1-1s-.4-1-1-1H9c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3Zm-9.7 5.7 3 3c.2.2.4.3.7.3.3 0 .5-.1.7-.3l3-3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L16 17.6V6c0-.6-.4-1-1-1s-1 .4-1 1v11.6l-1.3-1.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4Z" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, hAsync("path", { fill: `var(--pv-color-${color})`, d: "M21 12h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1-.4 1-1s-.4-1-1-1H9c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3Zm-9.7 5.7 3 3c.2.2.4.3.7.3.3 0 .5-.1.7-.3l3-3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L16 17.6V6c0-.6-.4-1-1-1s-1 .4-1 1v11.6l-1.3-1.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4Z" })));
 };
 
 /**
@@ -20043,8 +19942,7 @@ const DownloadIcon = (props) => {
  */
 const LinkIcon = (props) => {
     const { color = 'secondary' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
-        hAsync("path", { fill: `var(--pv-color-${color})`, d: "M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" }, hAsync("path", { fill: `var(--pv-color-${color})`, d: "M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z" })));
 };
 
 /**
@@ -20056,8 +19954,7 @@ const LinkIcon = (props) => {
  */
 const ActionsIcon = (props) => {
     const { color = 'gray-10' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
-        hAsync("path", { fill: `var(--pv-color-${color})`, d: "M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" }, hAsync("path", { fill: `var(--pv-color-${color})`, d: "M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" })));
 };
 
 /**
@@ -20069,8 +19966,7 @@ const ActionsIcon = (props) => {
  */
 const ArrowBottomIcon = (props) => {
     const { color = 'gray-10' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-        hAsync("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, hAsync("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
 };
 
 /**
@@ -20082,8 +19978,7 @@ const ArrowBottomIcon = (props) => {
  */
 const ArrowTopIcon = (props) => {
     const { color = 'gray-10' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-        hAsync("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, hAsync("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
 };
 
 /**
@@ -20095,8 +19990,7 @@ const ArrowTopIcon = (props) => {
  */
 const CrossIcon = (props) => {
     const { color = 'gray-9' } = props;
-    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
-        hAsync("path", { fill: `var(--pv-color-${color})`, "fill-rule": "evenodd", d: "m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z", "clip-rule": "evenodd" })));
+    return (hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, hAsync("path", { fill: `var(--pv-color-${color})`, "fill-rule": "evenodd", d: "m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z", "clip-rule": "evenodd" })));
 };
 
 /**
@@ -20110,12 +20004,8 @@ const Miscellaneous = (props) => {
     const { certificate } = props;
     return [
         hAsync(RowTitle, { value: l10n.getString('miscellaneous') }),
-        hAsync("tr", null,
-            hAsync("td", null,
-                hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsPEM() }, l10n.getString('download.pem')))),
-        hAsync("tr", null,
-            hAsync("td", null,
-                hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsDER() }, l10n.getString('download.der')))),
+        hAsync("tr", null, hAsync("td", null, hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsPEM() }, l10n.getString('download.pem')))),
+        hAsync("tr", null, hAsync("td", null, hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsDER() }, l10n.getString('download.der')))),
     ];
 };
 
@@ -20148,16 +20038,13 @@ const RevokedCertificates = (props) => {
                     if (extension.value instanceof CertificateIssuer && extension.value.length) {
                         return ([
                             hAsync(RowValue, { name: `${getStringByOID(extension.asn.extnID)}:`, value: "" }),
-                            extension.value.map((gn) => (hAsync(TableRowTable, null,
-                                hAsync(GeneralNamePart, { generalName: gn, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink })))),
+                            extension.value.map((gn) => (hAsync(TableRowTable, null, hAsync(GeneralNamePart, { generalName: gn, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink })))),
                         ]);
                     }
                     return (hAsync(RowValue, { name: getStringByOID(extension.asn.extnID), value: Convert.ToHex(extension.asn.extnValue), monospace: true }));
                 })),
             ])),
-            hAsync("tr", null,
-                hAsync("td", { colSpan: 2, class: "divider" },
-                    hAsync("span", null))),
+            hAsync("tr", null, hAsync("td", { colSpan: 2, class: "divider" }, hAsync("span", null))),
         ])),
     ];
 };
@@ -20179,20 +20066,13 @@ const Holder = (props) => {
         hAsync(RowTitle, { value: l10n.getString('holder') }),
         baseCertificateID && ([
             baseCertificateID.issuer.map((item) => (hAsync(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-            hAsync("tr", null,
-                hAsync("td", null),
-                hAsync("td", null)),
+            hAsync("tr", null, hAsync("td", null), hAsync("td", null)),
             hAsync(RowValue, { name: l10n.getString('serialNumber'), value: Convert.ToHex(baseCertificateID.serial), monospace: true }),
-            hAsync("tr", null,
-                hAsync("td", null),
-                hAsync("td", null)),
+            hAsync("tr", null, hAsync("td", null), hAsync("td", null)),
         ]),
         objectDigestInfo && ([
             hAsync(RowValue, { name: l10n.getString('digestInfo'), value: "" }),
-            hAsync(TableRowTable, null,
-                hAsync(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
-                hAsync(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
-                hAsync(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType })),
+            hAsync(TableRowTable, null, hAsync(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }), hAsync(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }), hAsync(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType })),
         ]),
     ];
 };
@@ -20369,7 +20249,7 @@ class ButtonMenu {
     }; }
 }
 
-const certificateChainViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table tr:last-child .divider{display:none}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}:host{display:block;width:100%}.tabs{white-space:nowrap;overflow-x:auto;border-bottom:1px solid var(--pv-color-gray-4);padding:0 var(--pv-size-base-4);margin-bottom:var(--pv-size-base-6)}.tab{font-family:inherit;outline:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:3px solid transparent;min-height:var(--pv-size-base-12);height:100%;padding:0 var(--pv-size-base-3);background-color:transparent;-webkit-transition:background-color 200ms, color 200ms, border-color 200ms;transition:background-color 200ms, color 200ms, border-color 200ms;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing);color:var(--pv-color-gray-10)}.tab:hover{background-color:var(--pv-color-secondary-tint-5)}.tab[aria-selected=true]{color:var(--pv-color-black);border-color:var(--pv-color-secondary)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
+const certificateChainViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;position:relative;min-width:280px;min-height:300px;word-wrap:break-word;word-break:break-word}th,td{border:none}table{width:100%;border-spacing:0;border-collapse:collapse}table tr:last-child .divider{display:none}table td{padding:var(--pv-size-base-2) var(--pv-size-base-4);vertical-align:top}table td:first-child{width:220px}table td:last-child{width:calc(100% - 220px)}table td.monospace{max-width:0}table td.divider{padding:var(--pv-size-base-2) 0}table td.divider span{height:1px;display:block;background-color:var(--pv-color-gray-4)}table .title td{padding-top:var(--pv-size-base-6);padding-bottom:var(--pv-size-base-2)}table table{border-left:1px solid var(--pv-color-gray-5)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table tr.title{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table tr.title td{padding:0 var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table td{padding:0 var(--pv-size-base-4);width:100% !important;max-width:100% !important}:host([data-mobile-screen-view=true]) table td.divider{padding:0}:host{display:block;width:100%}.tabs{white-space:nowrap;overflow-x:auto;border-bottom:1px solid var(--pv-color-gray-4);padding:0 var(--pv-size-base-4);margin-bottom:var(--pv-size-base-6)}.tab{font-family:inherit;outline:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:3px solid transparent;min-height:var(--pv-size-base-12);height:100%;padding:0 var(--pv-size-base-3);background-color:transparent;-webkit-transition:background-color 200ms, color 200ms, border-color 200ms;transition:background-color 200ms, color 200ms, border-color 200ms;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing);color:var(--pv-color-gray-10)}.tab:hover{background-color:var(--pv-color-secondary-tint-5)}.tab[aria-selected=true]{color:var(--pv-color-black);border-color:var(--pv-color-secondary)}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
 
 class CertificateChainViewer {
     constructor(hostRef) {
@@ -20512,14 +20392,14 @@ class CertificateDecoder {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '9067f2d7f33a40b3ad0ba03c7338a6f800100dab' }, hAsync("textarea", { key: '9e8962631c259fd5e144a1397d8591dde46d032f', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '9be2b1e6c9b3de94c9d5e1e6cf31d9fb487960d8', class: "controls" }, hAsync("div", { key: '3959b89ab5c5654a3c10a1166743c056c0340e2e', class: "control_row" }, hAsync(Typography, { key: '3c03f42d14ff5a485264523bab40765bb4f89a8f', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("input", { key: '3c8682f5de0b0e2f84e37a8a05882ebcf331daef', type: "file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl,.cert", value: "", onChange: this.handleChangeInputFile })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (hAsync("div", { key: '7c38788ccf4b038126ddf6909ec1d3de76325660', class: "control_row" }, hAsync(Typography, { key: 'c1c13aaad3d1df51465c6c51ee24f45313de8f1c', variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { key: '811c4440269bb0a0a55f488e10dfa12093b18d7b', onChange: this.handleChangeExample }, hAsync("option", { key: 'd2e30396fe3a59d5c46c83c6cd1e5b5a58f15f73', value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: '58daae2b9d8e2dd4c698ec9ad6e7f0d8b2500883', class: "control_row" }, hAsync(Button, { key: 'd7f813370ace60deaad975622cc26b9a497ce9d2', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: 'ec2fbeb6283ffd17c7328ee78c9464926b0bbb6b', onClick: this.handleClickClear }, "Clear"))), this.renderCertificate()));
+        return (hAsync(Host, { key: '9067f2d7f33a40b3ad0ba03c7338a6f800100dab' }, hAsync("textarea", { key: '9e8962631c259fd5e144a1397d8591dde46d032f', placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), hAsync("div", { key: '9be2b1e6c9b3de94c9d5e1e6cf31d9fb487960d8', class: "controls" }, hAsync("div", { key: '3959b89ab5c5654a3c10a1166743c056c0340e2e', class: "control_row" }, hAsync(Typography, { key: '3c03f42d14ff5a485264523bab40765bb4f89a8f', variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), hAsync("input", { key: '29845cfd11955ded4b43d19be3ede89d77b71fef', type: "file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl,.pub", value: "", onChange: this.handleChangeInputFile })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (hAsync("div", { key: 'ec2e21cdcda421bd046d42607569e90eb0a96589', class: "control_row" }, hAsync(Typography, { key: '17850c755e70545949be4f772ec67f02eae829af', variant: "b3", color: "secondary-tint-2" }, "Load examples:"), hAsync("select", { key: '4431af8f0dcc97fd8e26637cef8a9524a83e9519', onChange: this.handleChangeExample }, hAsync("option", { key: 'c08edb4c2faf0f640e100cf62ae7ad07f0714cc3', value: "" }, "None"), this.certificateExamples.map((example) => (hAsync("option", { value: example.value }, example.title)))))), hAsync("div", { key: 'e7f7a693ef5f72ce739fe6a42d8c87345d23a743', class: "control_row" }, hAsync(Button, { key: '7448517bf7f76af06f8a7f60d1e40360613d3acd', onClick: this.handleClickDecode }, "Decode"), hAsync(Button, { key: 'b831592de27a3b292b2d81a19400216fbce7e797', onClick: this.handleClickClear }, "Clear"))), this.renderCertificate()));
     }
     static get style() { return certificateDecoderCss; }
     static get cmpMeta() { return {
         "$flags$": 265,
         "$tagName$": "peculiar-certificate-decoder",
         "$members$": {
-            "certificateExamples": [16, "certificate-examples"],
+            "certificateExamples": [16],
             "certificateToDecode": [1, "certificate-to-decode"],
             "certificateDecoded": [32]
         },
@@ -20660,20 +20540,8 @@ class CertificateViewer {
  */
 const CertificateSummary = (props) => {
     const { certificate, showIssuer, } = props;
-    const renderRow = (name, value) => (hAsync("tr", null,
-        hAsync("td", null,
-            hAsync(Typography, { variant: "b2", color: "gray-9" }, name)),
-        hAsync("td", null,
-            hAsync(Typography, { variant: "b2", color: "black" }, value))));
-    return (hAsync("table", null,
-        hAsync("tbody", null,
-            renderRow(l10n.getString('subjectName'), certificate.subjectToString()),
-            showIssuer && renderRow(l10n.getString('issuerName'), certificate.issuerToString()),
-            renderRow(l10n.getString('serialNumber'), certificate.serialNumber),
-            renderRow(l10n.getString('version'), certificate.version),
-            renderRow(l10n.getString('validity'), certificate.validity),
-            renderRow(l10n.getString('issued'), dateShort(certificate.notBefore)),
-            renderRow(l10n.getString('expired'), dateShort(certificate.notAfter)))));
+    const renderRow = (name, value) => (hAsync("tr", null, hAsync("td", null, hAsync(Typography, { variant: "b2", color: "gray-9" }, name)), hAsync("td", null, hAsync(Typography, { variant: "b2", color: "black" }, value))));
+    return (hAsync("table", null, hAsync("tbody", null, renderRow(l10n.getString('subjectName'), certificate.subjectToString()), showIssuer && renderRow(l10n.getString('issuerName'), certificate.issuerToString()), renderRow(l10n.getString('serialNumber'), certificate.serialNumber), renderRow(l10n.getString('version'), certificate.version), renderRow(l10n.getString('validity'), certificate.validity), renderRow(l10n.getString('issued'), dateShort(certificate.notBefore)), renderRow(l10n.getString('expired'), dateShort(certificate.notAfter)))));
 };
 
 const certificatesViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:var(--pv-font-family, inherit)}.t-h1{font-weight:var(--pv-text-h1-weight);font-size:var(--pv-text-h1-size);line-height:var(--pv-text-h1-height);letter-spacing:var(--pv-text-h1-spacing)}.t-h2{font-weight:var(--pv-text-h2-weight);font-size:var(--pv-text-h2-size);line-height:var(--pv-text-h2-height);letter-spacing:var(--pv-text-h2-spacing)}.t-h3{font-weight:var(--pv-text-h3-weight);font-size:var(--pv-text-h3-size);line-height:var(--pv-text-h3-height);letter-spacing:var(--pv-text-h3-spacing)}.t-h4{font-weight:var(--pv-text-h4-weight);font-size:var(--pv-text-h4-size);line-height:var(--pv-text-h4-height);letter-spacing:var(--pv-text-h4-spacing)}.t-h5{font-weight:var(--pv-text-h5-weight);font-size:var(--pv-text-h5-size);line-height:var(--pv-text-h5-height);letter-spacing:var(--pv-text-h5-spacing)}.t-s1{font-weight:var(--pv-text-s1-weight);font-size:var(--pv-text-s1-size);line-height:var(--pv-text-s1-height);letter-spacing:var(--pv-text-s1-spacing)}.t-s2{font-weight:var(--pv-text-s2-weight);font-size:var(--pv-text-s2-size);line-height:var(--pv-text-s2-height);letter-spacing:var(--pv-text-s2-spacing)}.t-b1{font-weight:var(--pv-text-b1-weight);font-size:var(--pv-text-b1-size);line-height:var(--pv-text-b1-height);letter-spacing:var(--pv-text-b1-spacing)}.t-b2{font-weight:var(--pv-text-b2-weight);font-size:var(--pv-text-b2-size);line-height:var(--pv-text-b2-height);letter-spacing:var(--pv-text-b2-spacing)}.t-b3{font-weight:var(--pv-text-b3-weight);font-size:var(--pv-text-b3-size);line-height:var(--pv-text-b3-height);letter-spacing:var(--pv-text-b3-spacing)}.t-btn1{font-weight:var(--pv-text-btn1-weight);font-size:var(--pv-text-btn1-size);line-height:var(--pv-text-btn1-height);letter-spacing:var(--pv-text-btn1-spacing)}.t-btn2{font-weight:var(--pv-text-btn2-weight);font-size:var(--pv-text-btn2-size);line-height:var(--pv-text-btn2-height);letter-spacing:var(--pv-text-btn2-spacing)}.t-c1{font-weight:var(--pv-text-c1-weight);font-size:var(--pv-text-c1-size);line-height:var(--pv-text-c1-height);letter-spacing:var(--pv-text-c1-spacing)}.t-c2{font-weight:var(--pv-text-c2-weight);font-size:var(--pv-text-c2-size);line-height:var(--pv-text-c2-height);letter-spacing:var(--pv-text-c2-spacing)}.c-primary-tint-5{--pv-color-base:var(--pv-color-primary-tint-5)}.c-primary-tint-4{--pv-color-base:var(--pv-color-primary-tint-4)}.c-primary-tint-3{--pv-color-base:var(--pv-color-primary-tint-3)}.c-primary-tint-2{--pv-color-base:var(--pv-color-primary-tint-2)}.c-primary-tint-1{--pv-color-base:var(--pv-color-primary-tint-1)}.c-primary{--pv-color-base:var(--pv-color-primary)}.c-primary-shade-1{--pv-color-base:var(--pv-color-primary-shade-1)}.c-primary-shade-2{--pv-color-base:var(--pv-color-primary-shade-2)}.c-primary-shade-3{--pv-color-base:var(--pv-color-primary-shade-3)}.c-primary-shade-4{--pv-color-base:var(--pv-color-primary-shade-4)}.c-primary-shade-5{--pv-color-base:var(--pv-color-primary-shade-5)}.c-primary-contrast{--pv-color-base:var(--pv-color-primary-contrast)}.c-secondary-tint-5{--pv-color-base:var(--pv-color-secondary-tint-5)}.c-secondary-tint-4{--pv-color-base:var(--pv-color-secondary-tint-4)}.c-secondary-tint-3{--pv-color-base:var(--pv-color-secondary-tint-3)}.c-secondary-tint-2{--pv-color-base:var(--pv-color-secondary-tint-2)}.c-secondary-tint-1{--pv-color-base:var(--pv-color-secondary-tint-1)}.c-secondary{--pv-color-base:var(--pv-color-secondary)}.c-secondary-shade-1{--pv-color-base:var(--pv-color-secondary-shade-1)}.c-secondary-shade-2{--pv-color-base:var(--pv-color-secondary-shade-2)}.c-secondary-shade-3{--pv-color-base:var(--pv-color-secondary-shade-3)}.c-secondary-shade-4{--pv-color-base:var(--pv-color-secondary-shade-4)}.c-secondary-shade-5{--pv-color-base:var(--pv-color-secondary-shade-5)}.c-secondary-contrast{--pv-color-base:var(--pv-color-secondary-contrast)}.c-wrong-tint-5{--pv-color-base:var(--pv-color-wrong-tint-5)}.c-wrong-tint-4{--pv-color-base:var(--pv-color-wrong-tint-4)}.c-wrong-tint-3{--pv-color-base:var(--pv-color-wrong-tint-3)}.c-wrong-tint-2{--pv-color-base:var(--pv-color-wrong-tint-2)}.c-wrong-tint-1{--pv-color-base:var(--pv-color-wrong-tint-1)}.c-wrong{--pv-color-base:var(--pv-color-wrong)}.c-wrong-shade-1{--pv-color-base:var(--pv-color-wrong-shade-1)}.c-wrong-shade-2{--pv-color-base:var(--pv-color-wrong-shade-2)}.c-wrong-shade-3{--pv-color-base:var(--pv-color-wrong-shade-3)}.c-wrong-shade-4{--pv-color-base:var(--pv-color-wrong-shade-4)}.c-wrong-shade-5{--pv-color-base:var(--pv-color-wrong-shade-5)}.c-wrong-contrast{--pv-color-base:var(--pv-color-wrong-contrast)}.c-attention-tint-5{--pv-color-base:var(--pv-color-attention-tint-5)}.c-attention-tint-4{--pv-color-base:var(--pv-color-attention-tint-4)}.c-attention-tint-3{--pv-color-base:var(--pv-color-attention-tint-3)}.c-attention-tint-2{--pv-color-base:var(--pv-color-attention-tint-2)}.c-attention-tint-1{--pv-color-base:var(--pv-color-attention-tint-1)}.c-attention{--pv-color-base:var(--pv-color-attention)}.c-attention-shade-1{--pv-color-base:var(--pv-color-attention-shade-1)}.c-attention-shade-2{--pv-color-base:var(--pv-color-attention-shade-2)}.c-attention-shade-3{--pv-color-base:var(--pv-color-attention-shade-3)}.c-attention-shade-4{--pv-color-base:var(--pv-color-attention-shade-4)}.c-attention-shade-5{--pv-color-base:var(--pv-color-attention-shade-5)}.c-success-tint-5{--pv-color-base:var(--pv-color-success-tint-5)}.c-success-tint-4{--pv-color-base:var(--pv-color-success-tint-4)}.c-success-tint-3{--pv-color-base:var(--pv-color-success-tint-3)}.c-success-tint-2{--pv-color-base:var(--pv-color-success-tint-2)}.c-success-tint-1{--pv-color-base:var(--pv-color-success-tint-1)}.c-success{--pv-color-base:var(--pv-color-success)}.c-success-shade-1{--pv-color-base:var(--pv-color-success-shade-1)}.c-success-shade-2{--pv-color-base:var(--pv-color-success-shade-2)}.c-success-shade-3{--pv-color-base:var(--pv-color-success-shade-3)}.c-success-shade-4{--pv-color-base:var(--pv-color-success-shade-4)}.c-success-shade-5{--pv-color-base:var(--pv-color-success-shade-5)}.c-black{--pv-color-base:var(--pv-color-black)}.c-gray-10{--pv-color-base:var(--pv-color-gray-10)}.c-gray-9{--pv-color-base:var(--pv-color-gray-9)}.c-gray-8{--pv-color-base:var(--pv-color-gray-8)}.c-gray-7{--pv-color-base:var(--pv-color-gray-7)}.c-gray-6{--pv-color-base:var(--pv-color-gray-6)}.c-gray-5{--pv-color-base:var(--pv-color-gray-5)}.c-gray-4{--pv-color-base:var(--pv-color-gray-4)}.c-gray-3{--pv-color-base:var(--pv-color-gray-3)}.c-gray-2{--pv-color-base:var(--pv-color-gray-2)}.c-gray-1{--pv-color-base:var(--pv-color-gray-1)}.c-white{--pv-color-base:var(--pv-color-white)}.c-extra-1{--pv-color-base:var(--pv-color-extra-1)}.c-extra-2{--pv-color-base:var(--pv-color-extra-2)}.typography{color:var(--pv-color-base)}.button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;background:transparent;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;outline:none;font-family:inherit;border-radius:4px;height:var(--pv-size-base-6);min-width:var(--pv-size-base-6);padding:0 var(--pv-size-base-2);-webkit-transition:background-color 200ms ease 0s;transition:background-color 200ms ease 0s;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--pv-size-base-2);font-size:0}.button.m_no_padding{padding:0}.button:hover{background-color:var(--pv-color-gray-3)}.button:focus{background-color:var(--pv-color-gray-4)}.button:active{background-color:var(--pv-color-gray-5)}:host{display:block;width:100%;word-wrap:break-word;min-width:280px;overflow:auto;position:relative}.search_section{padding:var(--pv-size-base-4);border-bottom:1px solid var(--pv-color-gray-4)}.input_search{height:var(--pv-size-base-8);width:100%;outline:none;background-color:var(--pv-color-gray-1);padding:0 var(--pv-size-base-2);border:1px solid var(--pv-color-gray-7);border-radius:4px;-webkit-transition:background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;transition:background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s}.input_search::-webkit-input-placeholder{color:var(--pv-color-gray-9)}.input_search::-moz-placeholder{color:var(--pv-color-gray-9)}.input_search:-ms-input-placeholder{color:var(--pv-color-gray-9)}.input_search::-ms-input-placeholder{color:var(--pv-color-gray-9)}.input_search::placeholder{color:var(--pv-color-gray-9)}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table td,table th{border-bottom:1px solid var(--pv-color-gray-4);vertical-align:top;text-align:left}table td:first-child,table th:first-child{padding-right:0;width:var(--pv-size-base-10)}table td:last-child,table th:last-child{padding-left:0;width:var(--pv-size-base-10)}table th{padding:var(--pv-size-base-2) var(--pv-size-base-4)}table th.col_action{padding:0}table td{padding:var(--pv-size-base-4)}table tr.m_expanded{background:var(--pv-color-gray-1)}table tr.m_expanded>td{border-bottom:none}table tr.expanded_summary{background:var(--pv-color-gray-1)}table tr.expanded_summary table{table-layout:initial}table tr.expanded_summary table td{border-bottom:none;padding:var(--pv-size-base-2)}table tr.expanded_summary table td:first-child{width:200px}table tr.expanded_summary table td:last-child{width:auto}.button_table_cell{margin-top:-3px}.status_wrapper{text-align:center;height:var(--pv-size-base-16);vertical-align:middle}.modal_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-animation:fadeIn 200ms;animation:fadeIn 200ms;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.modal_backdrop{background:var(--pv-color-black);z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0.5}.modal_container{background:var(--pv-color-white);width:100%;display:-ms-flexbox;display:flex;max-height:calc(100% - 60px);-ms-flex-direction:column;flex-direction:column;margin:var(--pv-size-base-6);position:relative;outline:none;-webkit-box-shadow:var(--pv-shadow-dark-hight);box-shadow:var(--pv-shadow-dark-hight);overflow:hidden;border:0px;padding:0px;max-width:640px;border-radius:4px}.modal_header{padding:var(--pv-size-base-3) var(--pv-size-base-4);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--pv-size-base-2);border-bottom:1px solid var(--pv-color-gray-5)}.modal_content{-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto}:host([data-mobile-screen-view=true]) table,:host([data-mobile-screen-view=true]) tbody,:host([data-mobile-screen-view=true]) tr,:host([data-mobile-screen-view=true]) td{display:block;width:100% !important;padding:0;border:none}:host([data-mobile-screen-view=true]) thead{display:none}:host([data-mobile-screen-view=true]) table tr{padding:var(--pv-size-base-2) 0}:host([data-mobile-screen-view=true]) table .expanded_summary{padding:0}:host([data-mobile-screen-view=true]) table .certificate_row{border-bottom:1px solid var(--pv-color-gray-5);padding:var(--pv-size-base-2) var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) table .certificate_row_actions{padding-top:var(--pv-size-base-6)}:host([data-mobile-screen-view=true]) table .certificate_row_actions td{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;gap:var(--pv-size-base-4)}:host([data-mobile-screen-view=true]) .button_table_cell{margin-top:0}";
@@ -21340,9 +21208,7 @@ const SshMiscellaneous = (props) => {
     const { certificate } = props;
     return [
         hAsync(RowTitle, { value: l10n.getString('miscellaneous') }),
-        hAsync("tr", null,
-            hAsync("td", null,
-                hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsSSH() }, l10n.getString('download.ssh')))),
+        hAsync("tr", null, hAsync("td", null, hAsync(Button, { startIcon: hAsync(DownloadIcon, null), onClick: () => certificate.downloadAsPub() }, l10n.getString('download')))),
     ];
 };
 
@@ -21531,7 +21397,7 @@ var BUILD = {
   vdomRender: true,
   vdomStyle: true,
   vdomText: true,
-  watchCallback: true,
+  propChangeCallback: true,
   taskQueue: true,
   hotModuleReplacement: false,
   isDebug: false,
@@ -21579,7 +21445,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.38.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -21740,82 +21606,6 @@ var MockAttr = class {
   }
 };
 
-// src/mock-doc/class-list.ts
-var MockClassList = class {
-  constructor(elm) {
-    this.elm = elm;
-  }
-  add(...classNames) {
-    const clsNames = getItems(this.elm);
-    let updated = false;
-    classNames.forEach((className) => {
-      className = String(className);
-      validateClass(className);
-      if (clsNames.includes(className) === false) {
-        clsNames.push(className);
-        updated = true;
-      }
-    });
-    if (updated) {
-      this.elm.setAttributeNS(null, "class", clsNames.join(" "));
-    }
-  }
-  remove(...classNames) {
-    const clsNames = getItems(this.elm);
-    let updated = false;
-    classNames.forEach((className) => {
-      className = String(className);
-      validateClass(className);
-      const index = clsNames.indexOf(className);
-      if (index > -1) {
-        clsNames.splice(index, 1);
-        updated = true;
-      }
-    });
-    if (updated) {
-      this.elm.setAttributeNS(null, "class", clsNames.filter((c) => c.length > 0).join(" "));
-    }
-  }
-  contains(className) {
-    className = String(className);
-    return getItems(this.elm).includes(className);
-  }
-  toggle(className) {
-    className = String(className);
-    if (this.contains(className) === true) {
-      this.remove(className);
-    } else {
-      this.add(className);
-    }
-  }
-  get length() {
-    return getItems(this.elm).length;
-  }
-  item(index) {
-    return getItems(this.elm)[index];
-  }
-  toString() {
-    return getItems(this.elm).join(" ");
-  }
-};
-function validateClass(className) {
-  if (className === "") {
-    throw new Error("The token provided must not be empty.");
-  }
-  if (/\s/.test(className)) {
-    throw new Error(
-      `The token provided ('${className}') contains HTML space characters, which are not valid in tokens.`
-    );
-  }
-}
-function getItems(elm) {
-  const className = elm.getAttribute("class");
-  if (typeof className === "string" && className.length > 0) {
-    return className.trim().split(" ").filter((c) => c.length > 0);
-  }
-  return [];
-}
-
 // src/mock-doc/css-style-declaration.ts
 var MockCSSStyleDeclaration = class {
   constructor() {
@@ -32331,6 +32121,81 @@ var STRUCTURE_ELEMENTS = /* @__PURE__ */ new Set([
   "style"
 ]);
 
+// src/mock-doc/token-list.ts
+var MockTokenList = class {
+  constructor(elm, attr) {
+    this.elm = elm;
+    this.attr = attr;
+  }
+  add(...tokens) {
+    const items = getItems(this.elm, this.attr);
+    let updated = false;
+    tokens.forEach((token) => {
+      token = String(token);
+      validateToken(token);
+      if (items.includes(token) === false) {
+        items.push(token);
+        updated = true;
+      }
+    });
+    if (updated) {
+      this.elm.setAttributeNS(null, this.attr, items.join(" "));
+    }
+  }
+  remove(...tokens) {
+    const items = getItems(this.elm, this.attr);
+    let updated = false;
+    tokens.forEach((token) => {
+      token = String(token);
+      validateToken(token);
+      const index = items.indexOf(token);
+      if (index > -1) {
+        items.splice(index, 1);
+        updated = true;
+      }
+    });
+    if (updated) {
+      this.elm.setAttributeNS(null, this.attr, items.filter((c) => c.length > 0).join(" "));
+    }
+  }
+  contains(token) {
+    token = String(token);
+    return getItems(this.elm, this.attr).includes(token);
+  }
+  toggle(token) {
+    token = String(token);
+    if (this.contains(token) === true) {
+      this.remove(token);
+    } else {
+      this.add(token);
+    }
+  }
+  get length() {
+    return getItems(this.elm, this.attr).length;
+  }
+  item(index) {
+    return getItems(this.elm, this.attr)[index];
+  }
+  toString() {
+    return getItems(this.elm, this.attr).join(" ");
+  }
+};
+function validateToken(token) {
+  if (token === "") {
+    throw new Error("The token provided must not be empty.");
+  }
+  if (/\s/.test(token)) {
+    throw new Error(`The token provided ('${token}') contains HTML space characters, which are not valid in tokens.`);
+  }
+}
+function getItems(elm, attr) {
+  const value = elm.getAttribute(attr);
+  if (typeof value === "string" && value.length > 0) {
+    return value.trim().split(" ").filter((c) => c.length > 0);
+  }
+  return [];
+}
+
 // src/mock-doc/node.ts
 var MockNode2 = class {
   constructor(ownerDocument, nodeType, nodeName, nodeValue) {
@@ -32598,7 +32463,10 @@ var MockElement = class extends MockNode2 {
     this.setAttributeNS(null, "class", value);
   }
   get classList() {
-    return new MockClassList(this);
+    return new MockTokenList(this, "class");
+  }
+  get part() {
+    return new MockTokenList(this, "part");
   }
   click() {
     dispatchEvent(this, new MockEvent("click", { bubbles: true, cancelable: true, composed: true }));
@@ -35481,7 +35349,7 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
   }
   set location(val) {
     if (this.defaultView != null) {
-      this.defaultView.location = val;
+      this.defaultView.location.href = val;
     }
   }
   get baseURI() {
@@ -36256,6 +36124,9 @@ var _colonHostContextRe = createSupportsRuleRe(":host-context");
 var setMode = (handler) => modeResolutionChain.push(handler);
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+var baseClass = BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc, href) => {