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

package/dist/cjs/{index-uHmGhObe.js → index-BDWR3dnW.js}

@@ -4,13 +4,13 @@
 'use strict';
 
 const NAMESPACE = 'peculiar';
-const BUILD = /* peculiar */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
+const BUILD = /* peculiar */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
 const globalStyles = ":root{--pv-font-family:\"Manrope\", \"Open Sans\", \"Arial\", sans-serif;--pv-color-primary-tint-5:#e8ffe5;--pv-color-primary-tint-4:#c6efc2;--pv-color-primary-tint-3:#a9e2a3;--pv-color-primary-tint-2:#8ed686;--pv-color-primary-tint-1:#76c96c;--pv-color-primary:#5ebc54;--pv-color-primary-shade-1:#569e4f;--pv-color-primary-shade-2:#4b7f46;--pv-color-primary-shade-3:#3e603a;--pv-color-primary-shade-4:#2d422b;--pv-color-primary-shade-5:#1b261a;--pv-color-primary-contrast:#FFFFFF;--pv-color-secondary-tint-5:#e5efff;--pv-color-secondary-tint-4:#c2d8fc;--pv-color-secondary-tint-3:#9fc2f9;--pv-color-secondary-tint-2:#7babf7;--pv-color-secondary-tint-1:#5a95f4;--pv-color-secondary:#377ff4;--pv-color-secondary-shade-1:#4276c9;--pv-color-secondary-shade-2:#4367a0;--pv-color-secondary-shade-3:#3e5477;--pv-color-secondary-shade-4:#303c4f;--pv-color-secondary-shade-5:#1a1f26;--pv-color-secondary-contrast:#FFFFFF;--pv-color-wrong-tint-5:#ffe6e5;--pv-color-wrong-tint-4:#f7c2c0;--pv-color-wrong-tint-3:#efa09e;--pv-color-wrong-tint-2:#ea827e;--pv-color-wrong-tint-1:#e2635f;--pv-color-wrong:#de4641;--pv-color-wrong-shade-1:#b74945;--pv-color-wrong-shade-2:#934644;--pv-color-wrong-shade-3:#6d3c3b;--pv-color-wrong-shade-4:#492e2d;--pv-color-wrong-shade-5:#261b1a;--pv-color-wrong-contrast:#FFFFFF;--pv-color-attention-tint-5:#fff4e5;--pv-color-attention-tint-4:#fce4bf;--pv-color-attention-tint-3:#f9d39a;--pv-color-attention-tint-2:#f9c577;--pv-color-attention-tint-1:#f7b654;--pv-color-attention:#f7a831;--pv-color-attention-shade-1:#cc923d;--pv-color-attention-shade-2:#a37c41;--pv-color-attention-shade-3:#775f3b;--pv-color-attention-shade-4:#4f422f;--pv-color-attention-shade-5:#26211a;--pv-color-success-tint-5:#e5fff6;--pv-color-success-tint-4:#bcf4e2;--pv-color-success-tint-3:#96eace;--pv-color-success-tint-2:#72e0bb;--pv-color-success-tint-1:#51d6a9;--pv-color-success:#33cc99;--pv-color-success-shade-1:#3aaa85;--pv-color-success-shade-2:#3b896f;--pv-color-success-shade-3:#366857;--pv-color-success-shade-4:#2b473e;--pv-color-success-shade-5:#1a2622;--pv-color-white:#FFFFFF;--pv-color-gray-1:#FBFCFD;--pv-color-gray-2:#F4F7FC;--pv-color-gray-3:#EFF1F6;--pv-color-gray-4:#EAEDF2;--pv-color-gray-5:#E3E5E8;--pv-color-gray-6:#D8DBDE;--pv-color-gray-7:#CDD1D5;--pv-color-gray-8:#C4C8CC;--pv-color-gray-9:#8F999E;--pv-color-gray-10:#5C666A;--pv-color-black:#293033;--pv-color-extra-1:#826FF6;--pv-color-extra-2:#DC6CDF;--pv-shadow-light-low:0px 1px 3px rgba(85, 94, 98, 0.12),0px 3px 3px rgba(85, 94, 98, 0.08),0px 1px 7px rgba(85, 94, 98, 0.06);--pv-shadow-light-medium:0px 1px 4px rgba(85, 94, 98, 0.18),0px 3px 5px rgba(85, 94, 98, 0.14),0px 1px 10px rgba(85, 94, 98, 0.12);--pv-shadow-light-hight:0px 1px 8px -2px rgba(85, 94, 98, 0.2),0px 5px 10px 0.2px rgba(85, 94, 98, 0.25),0px 15px 20px 0.2px rgba(85, 94, 98, 0.21);--pv-shadow-dark-medium:0px 1px 4px rgba(41, 48, 51, 0.18),0px 3px 5px rgba(41, 48, 51, 0.16),0px 1px 10px rgba(41, 48, 51, 0.14);--pv-shadow-dark-hight:0px 1px 8px -2px rgba(85, 94, 98, 0.2),0px 5px 10px 0.2px rgba(85, 94, 98, 0.3),0px 15px 20px 0.2px rgba(85, 94, 98, 0.25);--pv-text-h1-weight:800;--pv-text-h1-size:30px;--pv-text-h1-height:40px;--pv-text-h1-spacing:0.1px;--pv-text-h2-weight:800;--pv-text-h2-size:24px;--pv-text-h2-height:35px;--pv-text-h2-spacing:0.1px;--pv-text-h3-weight:700;--pv-text-h3-size:20px;--pv-text-h3-height:30px;--pv-text-h3-spacing:0.2px;--pv-text-h4-weight:700;--pv-text-h4-size:18px;--pv-text-h4-height:28px;--pv-text-h4-spacing:0.2px;--pv-text-h5-weight:700;--pv-text-h5-size:16px;--pv-text-h5-height:25px;--pv-text-h5-spacing:0.15px;--pv-text-s1-weight:600;--pv-text-s1-size:15px;--pv-text-s1-height:25px;--pv-text-s1-spacing:0.25px;--pv-text-s2-weight:600;--pv-text-s2-size:14px;--pv-text-s2-height:22px;--pv-text-s2-spacing:0.25px;--pv-text-b1-weight:400;--pv-text-b1-size:15px;--pv-text-b1-height:25px;--pv-text-b1-spacing:0.4px;--pv-text-b2-weight:400;--pv-text-b2-size:14px;--pv-text-b2-height:22px;--pv-text-b2-spacing:0.4px;--pv-text-b3-weight:400;--pv-text-b3-size:13px;--pv-text-b3-height:20px;--pv-text-b3-spacing:0.55px;--pv-text-btn1-weight:700;--pv-text-btn1-size:14px;--pv-text-btn1-height:20px;--pv-text-btn1-spacing:0.2px;--pv-text-btn2-weight:700;--pv-text-btn2-size:13px;--pv-text-btn2-height:17px;--pv-text-btn2-spacing:0.2px;--pv-text-c1-weight:400;--pv-text-c1-size:12px;--pv-text-c1-height:17px;--pv-text-c1-spacing:0.45px;--pv-text-c2-weight:400;--pv-text-c2-size:11px;--pv-text-c2-height:15px;--pv-text-c2-spacing:0.5px;--pv-size-base-half:2.5px;--pv-size-base:5px;--pv-size-base-2:10px;--pv-size-base-3:15px;--pv-size-base-4:20px;--pv-size-base-5:25px;--pv-size-base-6:30px;--pv-size-base-7:35px;--pv-size-base-8:40px;--pv-size-base-9:45px;--pv-size-base-10:50px;--pv-size-base-11:55px;--pv-size-base-12:60px;--pv-size-base-14:70px;--pv-size-base-16:80px}";
 
 /*
- Stencil Client Platform v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -45,6 +45,38 @@ var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
 var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
+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/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -54,21 +86,29 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
+  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(lazyInstance, hostRef);
+  }
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
@@ -750,7 +790,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 = [];
@@ -759,21 +799,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$;
@@ -812,7 +837,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(
@@ -881,7 +906,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");
         }
       }
@@ -1191,13 +1216,6 @@ createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
 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;
@@ -1801,9 +1819,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$)) {
@@ -1935,6 +1955,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);
@@ -2110,9 +2135,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
+    {
+      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]]) => {
@@ -2147,8 +2180,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(
@@ -2163,7 +2194,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$onReadyPromise$.then(() => {
+                  ref.$fetchedCbList$.push(() => {
                     if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
                       ref.$lazyInstance$[memberName] = newValue;
                     }
@@ -2184,7 +2215,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if (ref.$lazyInstance$) {
                 setterSetVal();
               } else {
-                ref.$onReadyPromise$.then(() => setterSetVal());
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
               }
             }
           }
@@ -2197,14 +2230,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
           if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
@@ -2217,9 +2251,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -2227,7 +2264,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
             var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
@@ -2264,6 +2301,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, 2 /* proxyState */);
         Cstr.isProxied = true;
@@ -2359,7 +2398,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -2439,7 +2478,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -2457,6 +2496,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
@@ -2569,6 +2610,6 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-uHmGhObe.js.map
+//# sourceMappingURL=index-BDWR3dnW.js.map
 
-//# sourceMappingURL=index-uHmGhObe.js.map
+//# sourceMappingURL=index-BDWR3dnW.js.map