@peculiar/certificates-viewer 4.3.1 → 4.4.0

package/hydrate/package.json

@@ -2,5 +2,11 @@
   "name": "@peculiar/certificates-viewer/hydrate",
   "description": "peculiar component hydration app.",
   "main": "index.js",
-  "types": "index.d.ts"
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
+  }
 }

package/loader/cdn.js

@@ -2,4 +2,4 @@
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -2,4 +2,4 @@
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/loader/index.es2017.js

@@ -2,4 +2,4 @@
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
  */
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -3,4 +3,4 @@
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peculiar/certificates-viewer",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "private": false,
   "description": "Peculiar Certificate Viewer web-components makes it easy for you to display certificate related details in your web application.",
   "keywords": [
@@ -34,42 +34,45 @@
     "generate": "stencil generate",
     "deploy:gh-pages": "gh-pages -d www",
     "clean": "rimraf dist loader www",
-    "test.e2e": "stencil test --e2e",
-    "test.e2e.update": "stencil test --e2e --updateSnapshot"
+    "test": "yarn test.unit",
+    "test.unit": "stencil test --spec",
+    "test.e2e": "stencil test --e2e --maxWorkers=1",
+    "test.e2e.update": "stencil test --e2e --updateSnapshot --maxWorkers=1"
   },
   "dependencies": {
-    "@peculiar/asn1-adobe-acrobat": "^2.3.13",
-    "@peculiar/asn1-android": "^2.3.13",
-    "@peculiar/asn1-cert-transparency": "^2.3.13",
-    "@peculiar/asn1-csr": "^2.3.13",
-    "@peculiar/asn1-ecc": "^2.3.14",
-    "@peculiar/asn1-lei": "^2.3.13",
-    "@peculiar/asn1-ntqwac": "^2.3.13",
-    "@peculiar/asn1-pkcs9": "^2.3.13",
-    "@peculiar/asn1-rfc8226": "^2.3.13",
-    "@peculiar/asn1-rsa": "^2.3.13",
-    "@peculiar/asn1-schema": "^2.3.13",
-    "@peculiar/asn1-x509": "^2.3.13",
-    "@peculiar/asn1-x509-attr": "^2.3.13",
-    "@peculiar/asn1-x509-logotype": "^2.3.13",
-    "@peculiar/asn1-x509-microsoft": "^2.3.13",
-    "@peculiar/asn1-x509-netscape": "^2.3.13",
-    "@peculiar/asn1-x509-post-quantum": "^2.3.13",
-    "@peculiar/asn1-x509-qualified": "^2.3.13",
-    "@peculiar/asn1-x509-qualified-etsi": "^2.3.13",
-    "@stencil/core": "^4.13.0",
-    "dayjs": "^1.11.11",
-    "pvtsutils": "^1.3.5"
+    "@peculiar/asn1-adobe-acrobat": "^2.3.15",
+    "@peculiar/asn1-android": "^2.3.16",
+    "@peculiar/asn1-cert-transparency": "^2.3.15",
+    "@peculiar/asn1-cms": "^2.3.15",
+    "@peculiar/asn1-csr": "^2.3.15",
+    "@peculiar/asn1-ecc": "^2.3.15",
+    "@peculiar/asn1-lei": "^2.3.15",
+    "@peculiar/asn1-ntqwac": "^2.3.15",
+    "@peculiar/asn1-pkcs9": "^2.3.15",
+    "@peculiar/asn1-rfc8226": "^2.3.15",
+    "@peculiar/asn1-rsa": "^2.3.15",
+    "@peculiar/asn1-schema": "^2.3.15",
+    "@peculiar/asn1-x509": "^2.3.15",
+    "@peculiar/asn1-x509-attr": "^2.3.15",
+    "@peculiar/asn1-x509-logotype": "^2.3.15",
+    "@peculiar/asn1-x509-microsoft": "^2.3.15",
+    "@peculiar/asn1-x509-netscape": "^2.3.15",
+    "@peculiar/asn1-x509-post-quantum": "^2.3.15",
+    "@peculiar/asn1-x509-qualified": "^2.3.15",
+    "@peculiar/asn1-x509-qualified-etsi": "^2.3.15",
+    "@stencil/core": "^4.28.2",
+    "dayjs": "^1.11.13",
+    "pvtsutils": "^1.3.6"
   },
   "devDependencies": {
-    "@stencil/sass": "^3.0.11",
+    "@stencil/sass": "^3.0.12",
     "@types/jest": "27.0.3",
     "@types/jest-image-snapshot": "^6.2.3",
     "gh-pages": "^5.0.0",
     "jest": "27.0.3",
     "jest-cli": "27.4.5",
-    "jest-image-snapshot": "^6.2.0",
-    "puppeteer": "^21.5.1",
+    "jest-image-snapshot": "^6.4.0",
+    "puppeteer": "^23.10.4",
     "rimraf": "^3.0.2",
     "typescript": "^4.0.5"
   },
@@ -83,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c4f24ddedbd73755ab304d59961e7628dde41233"
+  "gitHead": "8b4687e89779e3b4e7cf18d1ac976374e2b29065"
 }

package/dist/cjs/actions-789906f5.js.map

@@ -1 +0,0 @@
-{"file":"actions-789906f5.js","mappings":";;;;;;;AAAA;;;;;;;MAWa,WAAW,GAA+C,CAAC,KAAK;IAC3E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEXA,kBACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2GAA2G,GAC7G,CACE,EACN;AACJ;;;;","names":["h"],"sources":["src/components/icons/actions.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ActionsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        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\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/app-globals-c20ffa41.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-c20ffa41.js","mappings":";;;;;AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

package/dist/cjs/arrow_top-76e4261e.js.map

@@ -1 +0,0 @@
-{"file":"arrow_top-76e4261e.js","mappings":";;;;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;IAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEXA,kBACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;IAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;QAEXA,kBACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;;","names":["h"],"sources":["src/components/icons/arrow_bottom.tsx","src/components/icons/arrow_top.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/button-87086210.js.map

@@ -1 +0,0 @@
-{"file":"button-87086210.js","mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;MAEW,UAAU,GAAyC,CAAC,KAAK,EAAE,QAAQ;IAC9E,MAAM,EACJ,SAAS,EAAE,aAAa,EACxB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,EACf,KAAK,EAAE,SAAS,KAEd,KAAK,EADJ,KAAK,UACN,KAAK,EANH,0CAML,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAElE,QACEA,QAAC,SAAS,oBACJ,KAAK,IACT,KAAK,EAAE;YACL,UAAU,EAAE,IAAI;YAChB,CAAC,KAAK,OAAO,EAAE,GAAG,IAAI;YACtB,CAAC,KAAK,KAAK,EAAE,GAAG,IAAI;YACpB,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;SAChC,KAEA,QAAQ,CACC,EACZ;AACJ;;AC3DA;;;;;;;MAkBa,MAAM,GAAqC,CAAC,KAAK,EAAE,QAAQ;IACtE,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;IACtB,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC;IAExC,QACEA,QAAC,OAAO,IACN,IAAI,EAAE,CAAC,MAAM,IAAI,QAAQ,EACzB,IAAI,EAAE,MAAM,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,QAAQ,EAC1B,GAAG,EAAE,MAAM,IAAI,qBAAqB,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;;YAEZ,YAAY,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC;YACnC,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;SAChC;QAEA,SAAS;QAET,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBA,QAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,MAAM,IAEf,QAAQ,CACE,CACd,CACO,EACV;AACJ;;;;;","names":["h"],"sources":["src/components/typography/typography.tsx","src/components/button/button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TypographyType, ColorType } from '../../interface';\n\ninterface TypographyProps {\n  component?: keyof JSX.IntrinsicElements;\n  variant?: TypographyType;\n  color?: ColorType;\n  class?: string;\n}\n\nconst variantMapping: Record<TypographyType, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  s1: 'h6',\n  s2: 'h6',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  btn1: 'span',\n  btn2: 'span',\n  c1: 'p',\n  c2: 'p',\n};\n\nexport const Typography: FunctionalComponent<TypographyProps> = (props, children) => {\n  const {\n    component: componentProp,\n    variant = 'b2',\n    color = 'black',\n    class: classProp,\n    ...other\n  } = props;\n\n  const Component = componentProp || variantMapping[variant] || 'p';\n\n  return (\n    <Component\n      {...other}\n      class={{\n        typography: true,\n        [`t-${variant}`]: true,\n        [`c-${color}`]: true,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { Typography } from '../typography';\n\nexport interface ButtonProps {\n  href?: string;\n  class?: string;\n  startIcon?: VNode;\n  onClick?: (event: MouseEvent) => void;\n}\n\nexport const Button: FunctionalComponent<ButtonProps> = (props, children) => {\n  const {\n    href,\n    class: classProp,\n    startIcon,\n    onClick,\n  } = props;\n\n  const isLink = !!href;\n  const TagType = isLink ? 'a' : 'button';\n\n  return (\n    <TagType\n      type={!isLink && 'button'}\n      href={isLink && href}\n      target={isLink && '_blank'}\n      rel={isLink && 'noreferrer noopener'}\n      onClick={onClick}\n      class={{\n        button: true,\n        // eslint-disable-next-line react/destructuring-assignment\n        m_no_padding: children.length === 0,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {startIcon}\n      {/* eslint-disable-next-line react/destructuring-assignment */}\n      {children.length > 0 && (\n        <Typography\n          variant=\"b3\"\n          color=\"black\"\n          component=\"span\"\n        >\n          {children}\n        </Typography>\n      )}\n    </TagType>\n  );\n};\n"],"version":3}