@peculiar/certificates-viewer 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/components/actions.js +21 -0
  2. package/components/actions.js.map +1 -0
  3. package/components/arrow_top.js +1 -1
  4. package/components/button-menu.js +2 -14
  5. package/components/button-menu.js.map +1 -1
  6. package/components/cross.js +47 -0
  7. package/components/cross.js.map +1 -0
  8. package/components/download.js +31 -1
  9. package/components/download.js.map +1 -1
  10. package/components/index.js +5 -1
  11. package/components/index.js.map +1 -1
  12. package/components/issuer_name.js +2 -2
  13. package/components/miscellaneous.js +2 -29
  14. package/components/miscellaneous.js.map +1 -1
  15. package/components/peculiar-certificates-viewer.js +4 -42
  16. package/components/peculiar-certificates-viewer.js.map +1 -1
  17. package/components/peculiar-text-hider.js +1 -1
  18. package/dist/cjs/actions-19013d4a.js +23 -0
  19. package/dist/cjs/actions-19013d4a.js.map +1 -0
  20. package/dist/cjs/cross-9872c473.js +51 -0
  21. package/dist/cjs/cross-9872c473.js.map +1 -0
  22. package/dist/cjs/index.cjs.js +17 -0
  23. package/dist/cjs/index.cjs.js.map +1 -1
  24. package/dist/cjs/link-6aea0be4.js +25 -0
  25. package/dist/cjs/link-6aea0be4.js.map +1 -0
  26. package/dist/cjs/{miscellaneous-806a04a5.js → miscellaneous-e43aaae5.js} +8 -21
  27. package/dist/cjs/miscellaneous-e43aaae5.js.map +1 -0
  28. package/dist/cjs/peculiar-attribute-certificate-viewer_3.cjs.entry.js +2 -1
  29. package/dist/cjs/peculiar-attribute-certificate-viewer_3.cjs.entry.js.map +1 -1
  30. package/dist/cjs/peculiar-button-menu_3.cjs.entry.js +2 -14
  31. package/dist/cjs/peculiar-button-menu_3.cjs.entry.js.map +1 -1
  32. package/dist/cjs/peculiar-certificate-viewer.cjs.entry.js +2 -1
  33. package/dist/cjs/peculiar-certificate-viewer.cjs.entry.js.map +1 -1
  34. package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js +6 -44
  35. package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js.map +1 -1
  36. package/dist/collection/index.js +4 -0
  37. package/dist/collection/index.js.map +1 -1
  38. package/dist/esm/actions-8d745b2a.js +21 -0
  39. package/dist/esm/actions-8d745b2a.js.map +1 -0
  40. package/dist/esm/{arrow_top-efd3a56d.js → arrow_top-fc298828.js} +2 -2
  41. package/dist/esm/{arrow_top-efd3a56d.js.map → arrow_top-fc298828.js.map} +1 -1
  42. package/dist/esm/cross-9ec9a759.js +47 -0
  43. package/dist/esm/cross-9ec9a759.js.map +1 -0
  44. package/dist/esm/index.js +7 -0
  45. package/dist/esm/index.js.map +1 -1
  46. package/dist/esm/link-ad24c3be.js +23 -0
  47. package/dist/esm/link-ad24c3be.js.map +1 -0
  48. package/dist/esm/{miscellaneous-1d4e8b41.js → miscellaneous-7793a310.js} +2 -15
  49. package/dist/esm/miscellaneous-7793a310.js.map +1 -0
  50. package/dist/esm/peculiar-attribute-certificate-viewer_3.entry.js +2 -1
  51. package/dist/esm/peculiar-attribute-certificate-viewer_3.entry.js.map +1 -1
  52. package/dist/esm/peculiar-button-menu_3.entry.js +2 -14
  53. package/dist/esm/peculiar-button-menu_3.entry.js.map +1 -1
  54. package/dist/esm/peculiar-certificate-viewer.entry.js +2 -1
  55. package/dist/esm/peculiar-certificate-viewer.entry.js.map +1 -1
  56. package/dist/esm/peculiar-certificates-viewer.entry.js +2 -40
  57. package/dist/esm/peculiar-certificates-viewer.entry.js.map +1 -1
  58. package/dist/esm/peculiar-text-hider.entry.js +1 -1
  59. package/dist/esm-es5/actions-8d745b2a.js +12 -0
  60. package/dist/esm-es5/actions-8d745b2a.js.map +1 -0
  61. package/dist/esm-es5/{arrow_top-efd3a56d.js → arrow_top-fc298828.js} +2 -2
  62. package/dist/esm-es5/cross-9ec9a759.js +26 -0
  63. package/dist/esm-es5/cross-9ec9a759.js.map +1 -0
  64. package/dist/esm-es5/index.js +1 -1
  65. package/dist/esm-es5/link-ad24c3be.js +12 -0
  66. package/dist/esm-es5/link-ad24c3be.js.map +1 -0
  67. package/dist/esm-es5/{miscellaneous-1d4e8b41.js → miscellaneous-7793a310.js} +2 -9
  68. package/dist/esm-es5/miscellaneous-7793a310.js.map +1 -0
  69. package/dist/esm-es5/peculiar-attribute-certificate-viewer_3.entry.js +1 -1
  70. package/dist/esm-es5/peculiar-button-menu_3.entry.js +1 -8
  71. package/dist/esm-es5/peculiar-button-menu_3.entry.js.map +1 -1
  72. package/dist/esm-es5/peculiar-certificate-viewer.entry.js +1 -1
  73. package/dist/esm-es5/peculiar-certificate-viewer.entry.js.map +1 -1
  74. package/dist/esm-es5/peculiar-certificates-viewer.entry.js +2 -23
  75. package/dist/esm-es5/peculiar-certificates-viewer.entry.js.map +1 -1
  76. package/dist/esm-es5/peculiar-text-hider.entry.js +1 -1
  77. package/dist/peculiar/index.esm.js +1 -1
  78. package/dist/peculiar/{p-7ed7cd97.system.entry.js → p-0b475f2a.system.entry.js} +2 -2
  79. package/dist/peculiar/{p-709994c1.js → p-0fc2e2b4.js} +2 -2
  80. package/dist/peculiar/p-1844b807.system.entry.js +5 -0
  81. package/dist/peculiar/{p-26981468.system.entry.js.map → p-1844b807.system.entry.js.map} +1 -1
  82. package/dist/peculiar/p-1ceb0fe3.js +12 -0
  83. package/dist/peculiar/p-1ceb0fe3.js.map +1 -0
  84. package/dist/peculiar/p-1de0381c.system.js +5 -0
  85. package/dist/peculiar/p-33196289.entry.js +5 -0
  86. package/dist/peculiar/{p-90459cec.entry.js.map → p-33196289.entry.js.map} +1 -1
  87. package/dist/peculiar/p-370cee20.js +26 -0
  88. package/dist/peculiar/p-370cee20.js.map +1 -0
  89. package/dist/peculiar/p-441109db.system.entry.js +13 -0
  90. package/dist/peculiar/p-441109db.system.entry.js.map +1 -0
  91. package/dist/peculiar/{p-8748391f.system.entry.js → p-5151cb6f.system.entry.js} +2 -2
  92. package/dist/peculiar/p-53784f15.system.entry.js +5 -0
  93. package/dist/peculiar/p-53784f15.system.entry.js.map +1 -0
  94. package/dist/peculiar/p-5ab007e9.entry.js +5 -0
  95. package/dist/peculiar/p-5ab007e9.entry.js.map +1 -0
  96. package/dist/peculiar/{p-f3d85a5f.entry.js → p-673336cf.entry.js} +3 -3
  97. package/dist/peculiar/p-6cb88fd6.system.js +13 -0
  98. package/dist/peculiar/p-6cb88fd6.system.js.map +1 -0
  99. package/dist/peculiar/p-7f9fef87.entry.js +5 -0
  100. package/dist/peculiar/{p-fd4b9a50.entry.js.map → p-7f9fef87.entry.js.map} +1 -1
  101. package/dist/peculiar/p-80832207.system.js +1 -1
  102. package/dist/peculiar/p-94a453d7.js +12 -0
  103. package/dist/peculiar/p-94a453d7.js.map +1 -0
  104. package/dist/peculiar/{p-97688065.js → p-a6e2e335.js} +27 -34
  105. package/dist/peculiar/p-a6e2e335.js.map +1 -0
  106. package/dist/peculiar/p-b313be9e.system.js +13 -0
  107. package/dist/peculiar/p-b313be9e.system.js.map +1 -0
  108. package/dist/peculiar/p-bcc86979.entry.js +12 -0
  109. package/dist/peculiar/p-bcc86979.entry.js.map +1 -0
  110. package/dist/peculiar/{p-0bdcdbf7.system.js → p-c362dc5e.system.js} +26 -33
  111. package/dist/peculiar/p-c362dc5e.system.js.map +1 -0
  112. package/dist/peculiar/{p-daf23673.system.js → p-c99507d4.system.js} +3 -3
  113. package/dist/peculiar/p-ddae2f8e.system.js +27 -0
  114. package/dist/peculiar/p-ddae2f8e.system.js.map +1 -0
  115. package/dist/peculiar/peculiar.esm.js +1 -1
  116. package/dist/types/index.d.ts +4 -0
  117. package/package.json +2 -2
  118. package/dist/cjs/miscellaneous-806a04a5.js.map +0 -1
  119. package/dist/esm/miscellaneous-1d4e8b41.js.map +0 -1
  120. package/dist/esm-es5/miscellaneous-1d4e8b41.js.map +0 -1
  121. package/dist/peculiar/p-0bdcdbf7.system.js.map +0 -1
  122. package/dist/peculiar/p-23555789.system.entry.js +0 -34
  123. package/dist/peculiar/p-23555789.system.entry.js.map +0 -1
  124. package/dist/peculiar/p-26981468.system.entry.js +0 -5
  125. package/dist/peculiar/p-5823e6e8.entry.js +0 -12
  126. package/dist/peculiar/p-5823e6e8.entry.js.map +0 -1
  127. package/dist/peculiar/p-596836a7.entry.js +0 -33
  128. package/dist/peculiar/p-596836a7.entry.js.map +0 -1
  129. package/dist/peculiar/p-90459cec.entry.js +0 -5
  130. package/dist/peculiar/p-97688065.js.map +0 -1
  131. package/dist/peculiar/p-bd485115.system.entry.js +0 -13
  132. package/dist/peculiar/p-bd485115.system.entry.js.map +0 -1
  133. package/dist/peculiar/p-e1960173.system.js +0 -5
  134. package/dist/peculiar/p-fd4b9a50.entry.js +0 -5
  135. /package/dist/esm-es5/{arrow_top-efd3a56d.js.map → arrow_top-fc298828.js.map} +0 -0
  136. /package/dist/peculiar/{p-7ed7cd97.system.entry.js.map → p-0b475f2a.system.entry.js.map} +0 -0
  137. /package/dist/peculiar/{p-709994c1.js.map → p-0fc2e2b4.js.map} +0 -0
  138. /package/dist/peculiar/{p-e1960173.system.js.map → p-1de0381c.system.js.map} +0 -0
  139. /package/dist/peculiar/{p-8748391f.system.entry.js.map → p-5151cb6f.system.entry.js.map} +0 -0
  140. /package/dist/peculiar/{p-f3d85a5f.entry.js.map → p-673336cf.entry.js.map} +0 -0
  141. /package/dist/peculiar/{p-daf23673.system.js.map → p-c99507d4.system.js.map} +0 -0
package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js CHANGED
@@ -10,6 +10,7 @@ const x509_certificate = require('./x509_certificate-989b1435.js');
10
10
  const certification_request = require('./certification_request-c0cafa72.js');
11
11
  require('./download-972dda8a.js');
12
12
  const button = require('./button-14e2b73f.js');
13
+ const cross = require('./cross-9872c473.js');
13
14
  const download = require('./download-254ddc57.js');
14
15
  const arrow_top = require('./arrow_top-834fb7ec.js');
15
16
 
@@ -38,45 +39,6 @@ const CertificateSummary = (props) => {
38
39
  renderRow(certification_request.l10n.getString('expired'), certification_request.dateShort(certificate.notAfter)))));
39
40
  };
40
41
 
41
- /**
42
- * @license
43
- * Copyright (c) Peculiar Ventures, LLC.
44
- *
45
- * This source code is licensed under the MIT license found in the
46
- * LICENSE file in the root directory of this source tree.
47
- */
48
- const DetailsIcon = (props) => {
49
- const { color = 'secondary' } = props;
50
- return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
51
- index.h("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" })));
52
- };
53
-
54
- /**
55
- * @license
56
- * Copyright (c) Peculiar Ventures, LLC.
57
- *
58
- * This source code is licensed under the MIT license found in the
59
- * LICENSE file in the root directory of this source tree.
60
- */
61
- const LinkIcon = (props) => {
62
- const { color = 'secondary' } = props;
63
- return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
64
- index.h("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" })));
65
- };
66
-
67
- /**
68
- * @license
69
- * Copyright (c) Peculiar Ventures, LLC.
70
- *
71
- * This source code is licensed under the MIT license found in the
72
- * LICENSE file in the root directory of this source tree.
73
- */
74
- const CrossIcon = (props) => {
75
- const { color = 'gray-9' } = props;
76
- return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
77
- index.h("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" })));
78
- };
79
-
80
42
  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}";
81
43
 
82
44
  const CertificatesViewer = class {
@@ -188,7 +150,7 @@ const CertificatesViewer = class {
188
150
  options: [
189
151
  {
190
152
  text: certification_request.l10n.getString('viewDetails'),
191
- startIcon: index.h(DetailsIcon, null),
153
+ startIcon: index.h(cross.DetailsIcon, null),
192
154
  onClick: () => this.handleClickDetails(certificate.body),
193
155
  },
194
156
  ],
@@ -214,17 +176,17 @@ const CertificatesViewer = class {
214
176
  ...(((_a = certificate.tests) === null || _a === void 0 ? void 0 : _a.valid) ? [{
215
177
  text: certification_request.l10n.getString('valid'),
216
178
  href: certificate.tests.valid,
217
- startIcon: index.h(LinkIcon, null),
179
+ startIcon: index.h(cross.LinkIcon, null),
218
180
  }] : []),
219
181
  ...(((_b = certificate.tests) === null || _b === void 0 ? void 0 : _b.revoked) ? [{
220
182
  text: certification_request.l10n.getString('revoked'),
221
183
  href: certificate.tests.revoked,
222
- startIcon: index.h(LinkIcon, null),
184
+ startIcon: index.h(cross.LinkIcon, null),
223
185
  }] : []),
224
186
  ...(((_c = certificate.tests) === null || _c === void 0 ? void 0 : _c.expired) ? [{
225
187
  text: certification_request.l10n.getString('expired'),
226
188
  href: certificate.tests.expired,
227
- startIcon: index.h(LinkIcon, null),
189
+ startIcon: index.h(cross.LinkIcon, null),
228
190
  }] : []),
229
191
  ],
230
192
  }] : []),
@@ -286,7 +248,7 @@ const CertificatesViewer = class {
286
248
  if (!this.certificateSelectedForDetails) {
287
249
  return null;
288
250
  }
289
- return (index.h("div", { class: "modal_wrapper", role: "presentation", "aria-hidden": "false", part: "presentation" }, index.h("div", { class: "modal_backdrop", onClick: this.handleModalClose, "aria-hidden": "true" }), index.h("div", { class: "modal_container", role: "dialog", part: "presentation_container" }, index.h("header", { class: "modal_header" }, index.h(button.Typography, { variant: "h4" }, certification_request.l10n.getString('certificateDetails')), index.h(button.Button, { onClick: this.handleModalClose, startIcon: index.h(CrossIcon, null) })), index.h("div", { class: "modal_content" }, index.h("peculiar-certificate-viewer", { certificate: this.certificateSelectedForDetails, mobileMediaQueryString: this.mobileMediaQueryString })))));
251
+ return (index.h("div", { class: "modal_wrapper", role: "presentation", "aria-hidden": "false", part: "presentation" }, index.h("div", { class: "modal_backdrop", onClick: this.handleModalClose, "aria-hidden": "true" }), index.h("div", { class: "modal_container", role: "dialog", part: "presentation_container" }, index.h("header", { class: "modal_header" }, index.h(button.Typography, { variant: "h4" }, certification_request.l10n.getString('certificateDetails')), index.h(button.Button, { onClick: this.handleModalClose, startIcon: index.h(cross.CrossIcon, null) })), index.h("div", { class: "modal_content" }, index.h("peculiar-certificate-viewer", { certificate: this.certificateSelectedForDetails, mobileMediaQueryString: this.mobileMediaQueryString })))));
290
252
  }
291
253
  renderSearch() {
292
254
  if (!this.filterWithSearch && !this.highlightWithSearch) {
package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"peculiar-certificates-viewer.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;AAkBO,MAAM,kBAAkB,GAAiD,CAAC,KAAK;EACpF,MAAM,EACJ,WAAW,EACX,UAAU,GACX,GAAG,KAAK,CAAC;EAEV,MAAM,SAAS,GAAG,CAAC,IAAuB,EAAE,KAAsB,MAChEA;IACEA;MACEA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,IAEb,IAAI,CACM,CACV;IACLD;MACEA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,KAAK,CACK,CACV,CACF,CACN,CAAC;EAEF,QACED;IACEA;MACG,SAAS,CACRE,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAC7B,WAAW,CAAC,eAAe,EAAE,CAC9B;MACA,UAAU,IAAI,SAAS,CACtBA,0BAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAC5B,WAAW,CAAC,cAAc,EAAE,CAC7B;MAEA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAC9B,WAAW,CAAC,YAAY,CACzB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACzB,WAAW,CAAC,OAAO,CACpB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1B,WAAW,CAAC,QAAQ,CACrB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EACxBC,+BAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CACjC;MACA,SAAS,CACRD,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACzBC,+BAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAChC,CACK,CACF,EACR;AACJ,CAAC;;AChFD;;;;;;;AAWO,MAAM,WAAW,GAA+C,CAAC,KAAK;EAC3E,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,QACEH,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEXA,kBACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,+wBAA+wB,GACjxB,CACE,EACN;AACJ,CAAC;;AC3BD;;;;;;;AAWO,MAAM,QAAQ,GAA+C,CAAC,KAAK;EACxE,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEXA,kBACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,iWAAiW,GACnW,CACE,EACN;AACJ,CAAC;;AC3BD;;;;;;;AAWO,MAAM,SAAS,GAA+C,CAAC,KAAK;EACzE,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;EAEnC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEXA,kBACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,eACtB,SAAS,EACnB,CAAC,EAAC,mTAAmT,eAC3S,SAAS,GACnB,CACE,EACN;AACJ,CAAC;;AC7BD,MAAM,qBAAqB,GAAG,0/WAA0/W;;MCwD3gX,kBAAkB;;;;;IACrB,eAAU,GAAY,KAAK,CAAC;IAkI5B,uBAAkB,GAAG,CAAC,WAA4B;MACxD,IAAI,CAAC,6BAA6B,GAAG,WAAW,CAAC;MACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACpC,CAAC;IAEM,qBAAgB,GAAG;MACzB,IAAI,CAAC,6BAA6B,GAAG,SAAS,CAAC;MAE/C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;KAC1B,CAAC;IAUM,iBAAY,GAAG,CAAC,KAAU;MAChC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KACzC,CAAC;wBAzIqC,EAAE;4BAKL,IAAI;+BAKD,IAAI;kCASiB,oBAAoB;4BAY3C,KAAK;kBAEhB,EAAE;+BAE0B,EAAE;;;6BAMlB,IAAI;;EAElC,sBAAsB,CAAC,KAA0B;IACvD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;GACvC;EAED,iBAAiB;IACf,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAEX;MACnB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;MACvE,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MACzF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;KACvD;GACF;EAED,oBAAoB;IAClB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;GAC7F;EAGD,iBAAiB,CAAC,QAAwB,EAAE,QAAwB;;;;IAIlE,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;MACzD,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;GACF;EAED,MAAM,wBAAwB;IAC5B,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MACrC,OAAO;KACR;IAED,MAAM,IAAI,GAA0B,EAAE,CAAC;;IAGvC,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE;MAC3C,IAAI;QACF,MAAM,OAAO,GAAG,IAAII,gCAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvD,MAAM,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC;UACR,IAAI,EAAE,OAAO;UACb,KAAK,EAAE,WAAW,CAAC,KAAK;UACxB,IAAI,EAAE,WAAW,CAAC,IAAI;SACvB,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,EAAE;UAC/B,QAAQ,GAAG,IAAI,CAAC;SACjB;OACF;MAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;OAClD;KACF;IAED,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;GACjC;;EAGO,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GACjF;;EAGO,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GACjF;EAaO,cAAc,CAAC,KAAa;IAClC,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC;IAExD,IAAI,CAAC,WAAW,GAAG,oBAAoB;QACnC,SAAS;QACT,KAAK,CAAC;GACX;EAMO,kBAAkB;IACxB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,OAAO,IAAI,CAAC,CAAC;KACd;IAED,OAAO,OAAO,CAAC;GAChB;EAEO,8BAA8B,CAAC,WAAgC;;IACrE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK;UAC/B,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3F,QACEJ,kCACE,KAAK,EAAC,mBAAmB,EACzB,MAAM,EAAE;QACN;UACE,KAAK,EAAEE,0BAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;UAC3C,OAAO,EAAE;YACP;cACE,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC;cACnC,SAAS,EAAEF,QAAC,WAAW,OAAG;cAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC;aACzD;WACF;SACF;QACD;UACE,KAAK,EAAEE,0BAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;UACxC,OAAO,EAAE;YACP;cACE,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAEF,QAACK,qBAAY,OAAG;cAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;YACD;cACE,IAAI,EAAEH,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAEF,QAACK,qBAAY,OAAG;cAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;WACF;SACF;QACD,IAAI,aAAa,GAAG,CAAC;YACnB,KAAK,EAAEH,0BAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACjC,OAAO,EAAE;cACP,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,KAAK,IAAG,CAAC;kBAC9B,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,OAAO,CAAC;kBAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK;kBAC7B,SAAS,EAAEF,QAAC,QAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;cACR,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,IAAG,CAAC;kBAChC,IAAI,EAAEE,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAEF,QAAC,QAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;cACR,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,IAAG,CAAC;kBAChC,IAAI,EAAEE,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAEF,QAAC,QAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;aACT;WACF,CAAC,GAAG,EAAE,CAAC;OACT,GACD,EACF;GACH;EAEO,iBAAiB,CAAC,WAA4B;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAE9C,QACEA,gBAAI,KAAK,EAAC,kBAAkB,IAC1BA,mBAAM,EACNA,gBAAI,OAAO,EAAE,OAAO,IAClBA,QAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,WAAW,CAAC,MAAM,GAC/B,CACC,EACLA,mBAAM,CACH,EACL;GACH;EAEO,sBAAsB;IAC5B,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB;QAC5C,IAAI,CAAC,MAAM;QACX,EAAE,CAAC;IACP,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAEM,OAAK;MAClD,MAAM,aAAa,GAAGA,OAAK,KAAK,IAAI,CAAC,WAAW,CAAC;MACjD,MAAM,cAAc,GAAGC,0BAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;WAC5D,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;MAE1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,MAAM,EAAE;QACxC,MAAM,0BAA0B,GAAG;UACjC,cAAc;UACd,WAAW,CAAC,IAAI,CAAC,gBAAgB;UACjC,WAAW,CAAC,IAAI;UAChB,WAAW,CAAC,IAAI,CAAC,UAAU;UAC3B,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;SACtC;WACE,IAAI,CAAC,GAAG,CAAC;WACT,WAAW,EAAE,CAAC;QAEjB,IAAI,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;UACxE,OAAO;SACR;OACF;MAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC;UACXP,gBACE,KAAK,EAAE;cACL,eAAe,EAAE,IAAI;cACrB,UAAU,EAAE,aAAa;aAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAE1CA,oBACEA,uBACEA,uBACG,CAAC,IAAI,CAAC,UAAU,KACfA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACF,CACN,EACDA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV,CACF,EACLA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV,CACF,EACLA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,mBAEnB,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV,CACF,EACJ,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,EAC1DA,gBAAI,KAAK,EAAC,yBAAyB,IACjCA,oBACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC,EACjDA,QAACQ,aAAM;;;;YAEL,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAEF,OAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,GAAGN,QAACS,sBAAY,OAAG,GAAGT,QAACU,yBAAe,OAAG;YACjE,CACC,CACF,CACC,CACF,CACL,CACF;SACN,CAAC,CAAC;QAEH,OAAO;OACR;MAED,OAAO,CAAC,IAAI,CAAC;QACXV,gBACE,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;WAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAE1CA,oBACEA,QAACQ,aAAM,IACL,KAAK,EAAC,mBAAmB;;UAEzB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAEF,OAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,GAAGN,QAACS,sBAAY,OAAG,GAAGT,QAACU,yBAAe,OAAG,GACjE,CACC,EACJ,CAAC,IAAI,CAAC,UAAU,KACfV,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACN,EACDA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV,EACLA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV,EACLA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV,EACLA,oBACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC,CAC9C,CACF;QACL,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;OAC1D,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;GAChB;EAEO,6BAA6B;IACnC,IAAI,CAAC,IAAI,CAAC,6BAA6B,EAAE;MACvC,OAAO,IAAI,CAAC;KACb;IAED,QACEA,iBACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,cAAc,iBACP,OAAO,EACnB,IAAI,EAAC,cAAc,IAEnBA,iBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,gBAAgB,iBAClB,MAAM,GAClB,EACFA,iBACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,IAE7BA,oBAAQ,KAAK,EAAC,cAAc,IAC1BA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,IAEXC,0BAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAC1B,EACbF,QAACQ,aAAM,IACL,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAER,QAAC,SAAS,OAAG,GACxB,CACK,EACTA,iBAAK,KAAK,EAAC,eAAe,IACxBA,yCACE,WAAW,EAAE,IAAI,CAAC,6BAA6B,EAC/C,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACE,CACF,CACF,EACN;GACH;EAEO,YAAY;IAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;MACvD,OAAO,IAAI,CAAC;KACb;IAED,QACEA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,mBACE,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAC1C,WAAW,EAAC,QAAQ,GACpB,CACE,EACN;GACH;EAEO,gBAAgB;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,QACEA,oBACEA,gBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO,IAEhBA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,2CAGD,CACV,CACF,EACL;GACH;EAEO,sBAAsB;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,QACED,oBACEA,gBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO,IAEhBA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,mCAGX,IAAI,CAAC,MAAM,WAED,CACV,CACF,EACL;GACH;;EAGO,kBAAkB;IACxB,QACED,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,2CAA8B,CAC1B,EACN;GACH;EAEO,eAAe;IACrB,IAAI,IAAI,CAAC,iBAAiB,EAAE;MAC1B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;MACpC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAChC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAEvD,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;MAC3C,OAAO,IAAI,CAAC,sBAAsB,EAAE,CAAC;KACtC;IAED,OAAO,gBAAgB,CAAC;GACzB;EAED,MAAM;IACJ,QACEA,QAACW,UAAI,+BACsB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAErD,IAAI,CAAC,YAAY,EAAE,EACpBX,uBACG,CAAC,IAAI,CAAC,gBAAgB,KACrBA,uBACEA,oBAEEA,mBAAM,EACL,CAAC,IAAI,CAAC,UAAU,KACfA,gBAAI,KAAK,EAAC,YAAY,IACpBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV,CACN,EACDF,gBAAI,KAAK,EAAC,UAAU,IAClBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV,EACLF,gBAAI,KAAK,EAAC,gBAAgB,IACxBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV,EACLF,gBAAI,KAAK,EAAC,iBAAiB,IACzBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,mBAEnB,CACV,EAELF,mBAAM,CACH,CACC,CACT,EACDA,uBACG,IAAI,CAAC,eAAe,EAAE,CACjB,CACF,EAEP,IAAI,CAAC,6BAA6B,EAAE,EACpC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAC/C,EACP;GACH;;;;;;;;;","names":["h","Typography","l10n","dateShort","X509Certificate","DownloadIcon","index","OIDs","Button","ArrowTopIcon","ArrowBottomIcon","Host"],"sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/icons/details.tsx","src/components/icons/link.tsx","src/components/icons/cross.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.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 { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface CertificateSummaryProps {\n certificate: X509Certificate;\n showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<CertificateSummaryProps> = (props) => {\n const {\n certificate,\n showIssuer,\n } = props;\n\n const renderRow = (name: string | string[], value: string | number) => (\n <tr>\n <td>\n <Typography\n variant=\"b2\"\n color=\"gray-9\"\n >\n {name}\n </Typography>\n </td>\n <td>\n <Typography\n variant=\"b2\"\n color=\"black\"\n >\n {value}\n </Typography>\n </td>\n </tr>\n );\n\n return (\n <table>\n <tbody>\n {renderRow(\n l10n.getString('subjectName'),\n certificate.subjectToString(),\n )}\n {showIssuer && renderRow(\n l10n.getString('issuerName'),\n certificate.issuerToString(),\n )}\n\n {renderRow(\n l10n.getString('serialNumber'),\n certificate.serialNumber,\n )}\n {renderRow(\n l10n.getString('version'),\n certificate.version,\n )}\n {renderRow(\n l10n.getString('validity'),\n certificate.validity,\n )}\n {renderRow(\n l10n.getString('issued'),\n dateShort(certificate.notBefore),\n )}\n {renderRow(\n l10n.getString('expired'),\n dateShort(certificate.notAfter),\n )}\n </tbody>\n </table>\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 DetailsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'secondary' } = 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=\"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\"\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 LinkIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'secondary' } = 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=\"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\"\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 CrossIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'gray-9' } = 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 fill={`var(--pv-color-${color})`}\n fill-rule=\"evenodd\"\n 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\"\n clip-rule=\"evenodd\"\n />\n </svg>\n );\n};\n","@import '../../css/base.scss';\n\n:host {\n display: block;\n width: 100%;\n word-wrap: break-word;\n min-width: 280px;\n overflow: auto;\n position: relative;\n}\n\n.search_section {\n padding: var(--pv-size-base-4);\n border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n height: var(--pv-size-base-8);\n width: 100%;\n outline: none;\n background-color: var(--pv-color-gray-1);\n padding: 0 var(--pv-size-base-2);\n border: 1px solid var(--pv-color-gray-7);\n border-radius: 4px;\n transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n &::placeholder {\n color: var(--pv-color-gray-9);\n }\n}\n\ntable {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n border-spacing: 0;\n\n td, th {\n border-bottom: 1px solid var(--pv-color-gray-4);\n vertical-align: top;\n text-align: left;\n\n &:first-child {\n padding-right: 0;\n width: var(--pv-size-base-10);\n }\n &:last-child {\n padding-left: 0;\n width: var(--pv-size-base-10);\n }\n }\n\n th {\n padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n &.col_action {\n padding: 0;\n }\n }\n\n td {\n padding: var(--pv-size-base-4);\n }\n\n tr {\n &.m_expanded {\n background: var(--pv-color-gray-1);\n\n > td {\n border-bottom: none;\n }\n }\n\n &.expanded_summary {\n background: var(--pv-color-gray-1);\n\n table {\n table-layout: initial;\n\n td {\n border-bottom: none;\n padding: var(--pv-size-base-2);\n\n &:first-child {\n width: 200px;\n }\n\n &:last-child {\n width: auto;\n }\n }\n }\n }\n }\n}\n\n.button_table_cell {\n margin-top: -3px;\n}\n\n.status_wrapper {\n text-align: center;\n height: var(--pv-size-base-16);\n vertical-align: middle;\n}\n\n.modal_wrapper {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n animation: fadeIn 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.modal_backdrop {\n background: var(--pv-color-black);\n z-index: -1;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0.5;\n}\n\n.modal_container {\n background: var(--pv-color-white);\n width: 100%;\n display: flex;\n max-height: calc(100% - 60px);\n flex-direction: column;\n margin: var(--pv-size-base-6);\n position: relative;\n outline: none;\n box-shadow: var(--pv-shadow-dark-hight);\n overflow: hidden;\n border: 0px;\n padding: 0px;\n max-width: 640px;\n border-radius: 4px;\n}\n\n.modal_header {\n padding: var(--pv-size-base-3) var(--pv-size-base-4);\n display: flex;\n flex: 0 0 auto;\n -webkit-box-pack: justify;\n justify-content: space-between;\n gap: var(--pv-size-base-2);\n border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n flex: 1 1 auto;\n overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n table, tbody, tr, td {\n display: block;\n width: 100% !important;\n padding: 0;\n border: none;\n }\n\n thead {\n display: none;\n }\n\n table {\n tr {\n padding: var(--pv-size-base-2) 0;\n }\n\n .expanded_summary {\n padding: 0;\n }\n\n .certificate_row {\n border-bottom: 1px solid var(--pv-color-gray-5);\n padding: var(--pv-size-base-2) var(--pv-size-base-4);\n }\n\n .certificate_row_actions {\n padding-top: var(--pv-size-base-6);\n\n td {\n display: flex;\n justify-content: right;\n gap: var(--pv-size-base-4);\n }\n }\n }\n\n .button_table_cell {\n margin-top: 0;\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 {\n Component,\n h,\n Prop,\n State,\n Watch,\n Host,\n Event,\n EventEmitter,\n Build,\n} from '@stencil/core';\n\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n DownloadIcon,\n LinkIcon,\n DetailsIcon,\n ArrowBottomIcon,\n ArrowTopIcon,\n CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n value: string;\n name?: string;\n tests?: {\n valid?: string;\n revoked?: string;\n expired?: string;\n };\n}\n\ninterface ICertificateDecoded {\n body: X509Certificate;\n tests?: ICertificate['tests'];\n name?: string;\n}\n\n@Component({\n tag: 'peculiar-certificates-viewer',\n styleUrl: 'certificates-viewer.scss',\n shadow: true,\n})\nexport class CertificatesViewer {\n private isHasRoots: boolean = false;\n\n private mobileMediaQuery: MediaQueryList;\n\n /**\n * List of certificates values for decode and show in the list.\n * <br />\n * **NOTE**: If you do not provide a `name` value when\n * invocing the component it will take the first Subject CN value.\n * <br />\n * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n * <br />\n * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n */\n @Prop() certificates: ICertificate[] = [];\n\n /**\n * Use filter in the list when search is changed.\n */\n @Prop() filterWithSearch: boolean = true;\n\n /**\n * Use highlight chapters in the list when search is changed.\n */\n @Prop() highlightWithSearch: boolean = true;\n\n /**\n * Mobile media query string to control screen view change.\n * <br />\n * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n * @example\n * (max-width: 900px)\n */\n @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n /**\n * Emitted when the user open certificate details modal.\n */\n @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n /**\n * Emitted when the user close certificate details modal.\n */\n @Event() detailsClose!: EventEmitter<void>;\n\n @State() mobileScreenView: boolean = false;\n\n @State() search: string = '';\n\n @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n @State() expandedRow?: number;\n\n @State() certificateSelectedForDetails?: X509Certificate;\n\n @State() isDecodeInProcess: boolean = true;\n\n private handleMediaQueryChange(event: MediaQueryListEvent) {\n this.mobileScreenView = event.matches;\n }\n\n componentWillLoad() {\n this.certificatesDecodeAndSet();\n\n if (Build.isBrowser) {\n this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n this.mobileScreenView = this.mobileMediaQuery.matches;\n }\n }\n\n disconnectedCallback() {\n this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n }\n\n @Watch('certificates')\n watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n /**\n * Prevent rerender after set the same `certificates` prop.\n */\n if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n this.certificatesDecodeAndSet();\n }\n }\n\n async certificatesDecodeAndSet() {\n let hasRoots = false;\n\n if (!Array.isArray(this.certificates)) {\n return;\n }\n\n const data: ICertificateDecoded[] = [];\n\n // eslint-disable-next-line no-restricted-syntax\n for (const certificate of this.certificates) {\n try {\n const decoded = new X509Certificate(certificate.value);\n\n await decoded.getThumbprint('SHA-1');\n\n data.push({\n body: decoded,\n tests: certificate.tests,\n name: certificate.name,\n });\n\n if (!hasRoots && decoded.isRoot) {\n hasRoots = true;\n }\n } catch (error) {\n console.error('Error certificate parse:', error);\n }\n }\n\n this.isHasRoots = hasRoots;\n this.isDecodeInProcess = false;\n this.certificatesDecoded = data;\n }\n\n // eslint-disable-next-line class-methods-use-this\n private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n }\n\n // eslint-disable-next-line class-methods-use-this\n private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\n }\n\n private handleClickDetails = (certificate: X509Certificate) => {\n this.certificateSelectedForDetails = certificate;\n this.detailsOpen.emit(certificate);\n };\n\n private handleModalClose = () => {\n this.certificateSelectedForDetails = undefined;\n\n this.detailsClose.emit();\n };\n\n private handleClickRow(index: number) {\n const isExpandedRowClicked = this.expandedRow === index;\n\n this.expandedRow = isExpandedRowClicked\n ? undefined\n : index;\n }\n\n private handleSearch = (event: any) => {\n this.search = event.target.value.trim();\n };\n\n private getMaxColSpanValue() {\n let colSpan = 5;\n\n if (!this.isHasRoots) {\n colSpan += 1;\n }\n\n return colSpan;\n }\n\n private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n const isHasTestURLs = certificate.tests\n && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n return (\n <peculiar-button-menu\n class=\"button_table_cell\"\n groups={[\n {\n title: l10n.getString('previewCertificate'),\n options: [\n {\n text: l10n.getString('viewDetails'),\n startIcon: <DetailsIcon />,\n onClick: () => this.handleClickDetails(certificate.body),\n },\n ],\n },\n {\n title: l10n.getString('downloadOptions'),\n options: [\n {\n text: l10n.getString('download.pem'),\n startIcon: <DownloadIcon />,\n onClick: () => this.handleClickDownloadAsPem(certificate),\n },\n {\n text: l10n.getString('download.der'),\n startIcon: <DownloadIcon />,\n onClick: () => this.handleClickDownloadAsDer(certificate),\n },\n ],\n },\n ...(isHasTestURLs ? [{\n title: l10n.getString('testURLs'),\n options: [\n ...(certificate.tests?.valid ? [{\n text: l10n.getString('valid'),\n href: certificate.tests.valid,\n startIcon: <LinkIcon />,\n }] : []),\n ...(certificate.tests?.revoked ? [{\n text: l10n.getString('revoked'),\n href: certificate.tests.revoked,\n startIcon: <LinkIcon />,\n }] : []),\n ...(certificate.tests?.expired ? [{\n text: l10n.getString('expired'),\n href: certificate.tests.expired,\n startIcon: <LinkIcon />,\n }] : []),\n ],\n }] : []),\n ]}\n />\n );\n }\n\n private renderExpandedRow(certificate: X509Certificate) {\n const colSpan = this.getMaxColSpanValue() - 2;\n\n return (\n <tr class=\"expanded_summary\">\n <td />\n <td colSpan={colSpan}>\n <CertificateSummary\n certificate={certificate}\n showIssuer={!certificate.isRoot}\n />\n </td>\n <td />\n </tr>\n );\n }\n\n private renderCertificatesRows() {\n const searchHighlight = this.highlightWithSearch\n ? this.search\n : '';\n const content = [];\n\n this.certificatesDecoded.forEach((certificate, index) => {\n const isExpandedRow = index === this.expandedRow;\n const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n || certificate.body.signature.algorithm;\n\n if (this.filterWithSearch && this.search) {\n const certificateStringForSearch = [\n publicKeyValue,\n certificate.body.issuerCommonName,\n certificate.name,\n certificate.body.commonName,\n certificate.body.thumbprints['SHA-1'],\n ]\n .join(' ')\n .toLowerCase();\n\n if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n return;\n }\n }\n\n if (this.mobileScreenView) {\n content.push([\n <tr\n class={{\n certificate_row: true,\n m_expanded: isExpandedRow,\n }}\n key={certificate.body.thumbprints['SHA-1']}\n >\n <td>\n <table>\n <tbody>\n {!this.isHasRoots && (\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('issuer')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.issuerCommonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n )}\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('name')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.name || certificate.body.commonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('publicKey')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {publicKeyValue}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('fingerprint')}\n &nbsp; (SHA-1)\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.thumbprints['SHA-1']}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n {isExpandedRow && this.renderExpandedRow(certificate.body)}\n <tr class=\"certificate_row_actions\">\n <td>\n {this.renderCertificateButtonActions(certificate)}\n <Button\n // eslint-disable-next-line react/jsx-no-bind\n onClick={this.handleClickRow.bind(this, index)}\n startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n />\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>,\n ]);\n\n return;\n }\n\n content.push([\n <tr\n class={{\n m_expanded: isExpandedRow,\n }}\n key={certificate.body.thumbprints['SHA-1']}\n >\n <td>\n <Button\n class=\"button_table_cell\"\n // eslint-disable-next-line react/jsx-no-bind\n onClick={this.handleClickRow.bind(this, index)}\n startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n />\n </td>\n {!this.isHasRoots && (\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.issuerCommonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n )}\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.name || certificate.body.commonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {publicKeyValue}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.thumbprints['SHA-1']}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n {this.renderCertificateButtonActions(certificate)}\n </td>\n </tr>,\n isExpandedRow && this.renderExpandedRow(certificate.body),\n ]);\n });\n\n return content;\n }\n\n private renderCertificateDetailsModal() {\n if (!this.certificateSelectedForDetails) {\n return null;\n }\n\n return (\n <div\n class=\"modal_wrapper\"\n role=\"presentation\"\n aria-hidden=\"false\"\n part=\"presentation\"\n >\n <div\n class=\"modal_backdrop\"\n onClick={this.handleModalClose}\n aria-hidden=\"true\"\n />\n <div\n class=\"modal_container\"\n role=\"dialog\"\n part=\"presentation_container\"\n >\n <header class=\"modal_header\">\n <Typography\n variant=\"h4\"\n >\n {l10n.getString('certificateDetails')}\n </Typography>\n <Button\n onClick={this.handleModalClose}\n startIcon={<CrossIcon />}\n />\n </header>\n <div class=\"modal_content\">\n <peculiar-certificate-viewer\n certificate={this.certificateSelectedForDetails}\n mobileMediaQueryString={this.mobileMediaQueryString}\n />\n </div>\n </div>\n </div>\n );\n }\n\n private renderSearch() {\n if (!this.filterWithSearch && !this.highlightWithSearch) {\n return null;\n }\n\n return (\n <div class=\"search_section\">\n <input\n onInput={this.handleSearch}\n type=\"search\"\n value=\"\"\n class=\"input_search t-b3 c-black\"\n disabled={!this.certificatesDecoded.length}\n placeholder=\"Search\"\n />\n </div>\n );\n }\n\n private renderEmptyState() {\n const colSpan = this.getMaxColSpanValue();\n\n return (\n <tr>\n <td\n class=\"status_wrapper\"\n colSpan={colSpan}\n >\n <Typography\n variant=\"b1\"\n >\n There are no certificates available.\n </Typography>\n </td>\n </tr>\n );\n }\n\n private renderEmptySearchState() {\n const colSpan = this.getMaxColSpanValue();\n\n return (\n <tr>\n <td\n class=\"status_wrapper\"\n colSpan={colSpan}\n >\n <Typography\n variant=\"b1\"\n >\n No results found for &ldquo;\n {this.search}\n &ldquo;\n </Typography>\n </td>\n </tr>\n );\n }\n\n // eslint-disable-next-line class-methods-use-this\n private renderLoadingState() {\n return (\n <div class=\"loading_container\">\n <peculiar-circular-progress />\n </div>\n );\n }\n\n private renderTableBody() {\n if (this.isDecodeInProcess) {\n return null;\n }\n\n if (!this.certificatesDecoded.length) {\n return this.renderEmptyState();\n }\n\n const certificatesRows = this.renderCertificatesRows();\n\n if (this.search && !certificatesRows.length) {\n return this.renderEmptySearchState();\n }\n\n return certificatesRows;\n }\n\n render() {\n return (\n <Host\n data-mobile-screen-view={String(this.mobileScreenView)}\n >\n {this.renderSearch()}\n <table>\n {!this.mobileScreenView && (\n <thead>\n <tr>\n {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <th />\n {!this.isHasRoots && (\n <th class=\"col_issuer\">\n <Typography variant=\"s2\">\n {l10n.getString('issuer')}\n </Typography>\n </th>\n )}\n <th class=\"col_name\">\n <Typography variant=\"s2\">\n {l10n.getString('name')}\n </Typography>\n </th>\n <th class=\"col_public_key\">\n <Typography variant=\"s2\">\n {l10n.getString('publicKey')}\n </Typography>\n </th>\n <th class=\"col_fingerprint\">\n <Typography variant=\"s2\">\n {l10n.getString('fingerprint')}\n &nbsp; (SHA-1)\n </Typography>\n </th>\n {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <th />\n </tr>\n </thead>\n )}\n <tbody>\n {this.renderTableBody()}\n </tbody>\n </table>\n\n {this.renderCertificateDetailsModal()}\n {this.isDecodeInProcess && this.renderLoadingState()}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"peculiar-certificates-viewer.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAkBO,MAAM,kBAAkB,GAAiD,CAAC,KAAK;EACpF,MAAM,EACJ,WAAW,EACX,UAAU,GACX,GAAG,KAAK,CAAC;EAEV,MAAM,SAAS,GAAG,CAAC,IAAuB,EAAE,KAAsB,MAChEA;IACEA;MACEA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,IAEb,IAAI,CACM,CACV;IACLD;MACEA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,KAAK,CACK,CACV,CACF,CACN,CAAC;EAEF,QACED;IACEA;MACG,SAAS,CACRE,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAC7B,WAAW,CAAC,eAAe,EAAE,CAC9B;MACA,UAAU,IAAI,SAAS,CACtBA,0BAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAC5B,WAAW,CAAC,cAAc,EAAE,CAC7B;MAEA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAC9B,WAAW,CAAC,YAAY,CACzB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACzB,WAAW,CAAC,OAAO,CACpB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1B,WAAW,CAAC,QAAQ,CACrB;MACA,SAAS,CACRA,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EACxBC,+BAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CACjC;MACA,SAAS,CACRD,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EACzBC,+BAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAChC,CACK,CACF,EACR;AACJ,CAAC;;AChFD,MAAM,qBAAqB,GAAG,0/WAA0/W;;MCwD3gX,kBAAkB;;;;;IACrB,eAAU,GAAY,KAAK,CAAC;IAkI5B,uBAAkB,GAAG,CAAC,WAA4B;MACxD,IAAI,CAAC,6BAA6B,GAAG,WAAW,CAAC;MACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACpC,CAAC;IAEM,qBAAgB,GAAG;MACzB,IAAI,CAAC,6BAA6B,GAAG,SAAS,CAAC;MAE/C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;KAC1B,CAAC;IAUM,iBAAY,GAAG,CAAC,KAAU;MAChC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KACzC,CAAC;wBAzIqC,EAAE;4BAKL,IAAI;+BAKD,IAAI;kCASiB,oBAAoB;4BAY3C,KAAK;kBAEhB,EAAE;+BAE0B,EAAE;;;6BAMlB,IAAI;;EAElC,sBAAsB,CAAC,KAA0B;IACvD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;GACvC;EAED,iBAAiB;IACf,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAEX;MACnB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;MACvE,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MACzF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;KACvD;GACF;EAED,oBAAoB;IAClB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;GAC7F;EAGD,iBAAiB,CAAC,QAAwB,EAAE,QAAwB;;;;IAIlE,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;MACzD,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;GACF;EAED,MAAM,wBAAwB;IAC5B,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MACrC,OAAO;KACR;IAED,MAAM,IAAI,GAA0B,EAAE,CAAC;;IAGvC,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE;MAC3C,IAAI;QACF,MAAM,OAAO,GAAG,IAAIC,gCAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvD,MAAM,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC;UACR,IAAI,EAAE,OAAO;UACb,KAAK,EAAE,WAAW,CAAC,KAAK;UACxB,IAAI,EAAE,WAAW,CAAC,IAAI;SACvB,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,EAAE;UAC/B,QAAQ,GAAG,IAAI,CAAC;SACjB;OACF;MAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;OAClD;KACF;IAED,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;GACjC;;EAGO,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GACjF;;EAGO,wBAAwB,CAAC,WAAgC;IAC/D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GACjF;EAaO,cAAc,CAAC,KAAa;IAClC,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC;IAExD,IAAI,CAAC,WAAW,GAAG,oBAAoB;QACnC,SAAS;QACT,KAAK,CAAC;GACX;EAMO,kBAAkB;IACxB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,OAAO,IAAI,CAAC,CAAC;KACd;IAED,OAAO,OAAO,CAAC;GAChB;EAEO,8BAA8B,CAAC,WAAgC;;IACrE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK;UAC/B,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3F,QACEJ,kCACE,KAAK,EAAC,mBAAmB,EACzB,MAAM,EAAE;QACN;UACE,KAAK,EAAEE,0BAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;UAC3C,OAAO,EAAE;YACP;cACE,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC;cACnC,SAAS,EAAEF,QAACK,iBAAW,OAAG;cAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC;aACzD;WACF;SACF;QACD;UACE,KAAK,EAAEH,0BAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;UACxC,OAAO,EAAE;YACP;cACE,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAEF,QAACM,qBAAY,OAAG;cAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;YACD;cACE,IAAI,EAAEJ,0BAAI,CAAC,SAAS,CAAC,cAAc,CAAC;cACpC,SAAS,EAAEF,QAACM,qBAAY,OAAG;cAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC;aAC1D;WACF;SACF;QACD,IAAI,aAAa,GAAG,CAAC;YACnB,KAAK,EAAEJ,0BAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACjC,OAAO,EAAE;cACP,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,KAAK,IAAG,CAAC;kBAC9B,IAAI,EAAEA,0BAAI,CAAC,SAAS,CAAC,OAAO,CAAC;kBAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK;kBAC7B,SAAS,EAAEF,QAACO,cAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;cACR,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,IAAG,CAAC;kBAChC,IAAI,EAAEL,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAEF,QAACO,cAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;cACR,IAAI,CAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,OAAO,IAAG,CAAC;kBAChC,IAAI,EAAEL,0BAAI,CAAC,SAAS,CAAC,SAAS,CAAC;kBAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO;kBAC/B,SAAS,EAAEF,QAACO,cAAQ,OAAG;iBACxB,CAAC,GAAG,EAAE,CAAC;aACT;WACF,CAAC,GAAG,EAAE,CAAC;OACT,GACD,EACF;GACH;EAEO,iBAAiB,CAAC,WAA4B;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAE9C,QACEP,gBAAI,KAAK,EAAC,kBAAkB,IAC1BA,mBAAM,EACNA,gBAAI,OAAO,EAAE,OAAO,IAClBA,QAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,WAAW,CAAC,MAAM,GAC/B,CACC,EACLA,mBAAM,CACH,EACL;GACH;EAEO,sBAAsB;IAC5B,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB;QAC5C,IAAI,CAAC,MAAM;QACX,EAAE,CAAC;IACP,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAEQ,OAAK;MAClD,MAAM,aAAa,GAAGA,OAAK,KAAK,IAAI,CAAC,WAAW,CAAC;MACjD,MAAM,cAAc,GAAGC,0BAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;WAC5D,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;MAE1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,MAAM,EAAE;QACxC,MAAM,0BAA0B,GAAG;UACjC,cAAc;UACd,WAAW,CAAC,IAAI,CAAC,gBAAgB;UACjC,WAAW,CAAC,IAAI;UAChB,WAAW,CAAC,IAAI,CAAC,UAAU;UAC3B,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;SACtC;WACE,IAAI,CAAC,GAAG,CAAC;WACT,WAAW,EAAE,CAAC;QAEjB,IAAI,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;UACxE,OAAO;SACR;OACF;MAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC;UACXT,gBACE,KAAK,EAAE;cACL,eAAe,EAAE,IAAI;cACrB,UAAU,EAAE,aAAa;aAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAE1CA,oBACEA,uBACEA,uBACG,CAAC,IAAI,CAAC,UAAU,KACfA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACF,CACN,EACDA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV,CACF,EACLA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV,CACF,EACLA,oBACEA,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IACpCC,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,mBAEnB,CACV,EACLF,oBACEA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IACpCD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV,CACF,EACJ,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,EAC1DA,gBAAI,KAAK,EAAC,yBAAyB,IACjCA,oBACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC,EACjDA,QAACU,aAAM;;;;YAEL,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAEF,OAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,GAAGR,QAACW,sBAAY,OAAG,GAAGX,QAACY,yBAAe,OAAG;YACjE,CACC,CACF,CACC,CACF,CACL,CACF;SACN,CAAC,CAAC;QAEH,OAAO;OACR;MAED,OAAO,CAAC,IAAI,CAAC;QACXZ,gBACE,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;WAC1B,EACD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAE1CA,oBACEA,QAACU,aAAM,IACL,KAAK,EAAC,mBAAmB;;UAEzB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAEF,OAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,GAAGR,QAACW,sBAAY,OAAG,GAAGX,QAACY,yBAAe,OAAG,GACjE,CACC,EACJ,CAAC,IAAI,CAAC,UAAU,KACfZ,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CACT,CAChB,CACV,CACN,EACDA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CACvB,CAChB,CACV,EACLA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,cAAc,CACU,CAChB,CACV,EACLA,oBACEA,QAACC,iBAAU,QACTD,sCAA0B,MAAM,EAAE,eAAe,IAC9C,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CACb,CAChB,CACV,EACLA,oBACG,IAAI,CAAC,8BAA8B,CAAC,WAAW,CAAC,CAC9C,CACF;QACL,aAAa,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC;OAC1D,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;GAChB;EAEO,6BAA6B;IACnC,IAAI,CAAC,IAAI,CAAC,6BAA6B,EAAE;MACvC,OAAO,IAAI,CAAC;KACb;IAED,QACEA,iBACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,cAAc,iBACP,OAAO,EACnB,IAAI,EAAC,cAAc,IAEnBA,iBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,gBAAgB,iBAClB,MAAM,GAClB,EACFA,iBACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,IAE7BA,oBAAQ,KAAK,EAAC,cAAc,IAC1BA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,IAEXC,0BAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAC1B,EACbF,QAACU,aAAM,IACL,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,SAAS,EAAEV,QAACa,eAAS,OAAG,GACxB,CACK,EACTb,iBAAK,KAAK,EAAC,eAAe,IACxBA,yCACE,WAAW,EAAE,IAAI,CAAC,6BAA6B,EAC/C,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACE,CACF,CACF,EACN;GACH;EAEO,YAAY;IAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;MACvD,OAAO,IAAI,CAAC;KACb;IAED,QACEA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,mBACE,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAC1C,WAAW,EAAC,QAAQ,GACpB,CACE,EACN;GACH;EAEO,gBAAgB;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,QACEA,oBACEA,gBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO,IAEhBA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,2CAGD,CACV,CACF,EACL;GACH;EAEO,sBAAsB;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1C,QACED,oBACEA,gBACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,OAAO,IAEhBA,QAACC,iBAAU,IACT,OAAO,EAAC,IAAI,mCAGX,IAAI,CAAC,MAAM,WAED,CACV,CACF,EACL;GACH;;EAGO,kBAAkB;IACxB,QACED,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,2CAA8B,CAC1B,EACN;GACH;EAEO,eAAe;IACrB,IAAI,IAAI,CAAC,iBAAiB,EAAE;MAC1B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;MACpC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAChC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAEvD,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;MAC3C,OAAO,IAAI,CAAC,sBAAsB,EAAE,CAAC;KACtC;IAED,OAAO,gBAAgB,CAAC;GACzB;EAED,MAAM;IACJ,QACEA,QAACc,UAAI,+BACsB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAErD,IAAI,CAAC,YAAY,EAAE,EACpBd,uBACG,CAAC,IAAI,CAAC,gBAAgB,KACrBA,uBACEA,oBAEEA,mBAAM,EACL,CAAC,IAAI,CAAC,UAAU,KACfA,gBAAI,KAAK,EAAC,YAAY,IACpBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACd,CACV,CACN,EACDF,gBAAI,KAAK,EAAC,UAAU,IAClBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACZ,CACV,EACLF,gBAAI,KAAK,EAAC,gBAAgB,IACxBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CACjB,CACV,EACLF,gBAAI,KAAK,EAAC,iBAAiB,IACzBA,QAACC,iBAAU,IAAC,OAAO,EAAC,IAAI,IACrBC,0BAAI,CAAC,SAAS,CAAC,aAAa,CAAC,mBAEnB,CACV,EAELF,mBAAM,CACH,CACC,CACT,EACDA,uBACG,IAAI,CAAC,eAAe,EAAE,CACjB,CACF,EAEP,IAAI,CAAC,6BAA6B,EAAE,EACpC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAC/C,EACP;GACH;;;;;;;;;","names":["h","Typography","l10n","dateShort","X509Certificate","DetailsIcon","DownloadIcon","LinkIcon","index","OIDs","Button","ArrowTopIcon","ArrowBottomIcon","CrossIcon","Host"],"sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.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 { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface CertificateSummaryProps {\n certificate: X509Certificate;\n showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<CertificateSummaryProps> = (props) => {\n const {\n certificate,\n showIssuer,\n } = props;\n\n const renderRow = (name: string | string[], value: string | number) => (\n <tr>\n <td>\n <Typography\n variant=\"b2\"\n color=\"gray-9\"\n >\n {name}\n </Typography>\n </td>\n <td>\n <Typography\n variant=\"b2\"\n color=\"black\"\n >\n {value}\n </Typography>\n </td>\n </tr>\n );\n\n return (\n <table>\n <tbody>\n {renderRow(\n l10n.getString('subjectName'),\n certificate.subjectToString(),\n )}\n {showIssuer && renderRow(\n l10n.getString('issuerName'),\n certificate.issuerToString(),\n )}\n\n {renderRow(\n l10n.getString('serialNumber'),\n certificate.serialNumber,\n )}\n {renderRow(\n l10n.getString('version'),\n certificate.version,\n )}\n {renderRow(\n l10n.getString('validity'),\n certificate.validity,\n )}\n {renderRow(\n l10n.getString('issued'),\n dateShort(certificate.notBefore),\n )}\n {renderRow(\n l10n.getString('expired'),\n dateShort(certificate.notAfter),\n )}\n </tbody>\n </table>\n );\n};\n","@import '../../css/base.scss';\n\n:host {\n display: block;\n width: 100%;\n word-wrap: break-word;\n min-width: 280px;\n overflow: auto;\n position: relative;\n}\n\n.search_section {\n padding: var(--pv-size-base-4);\n border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n height: var(--pv-size-base-8);\n width: 100%;\n outline: none;\n background-color: var(--pv-color-gray-1);\n padding: 0 var(--pv-size-base-2);\n border: 1px solid var(--pv-color-gray-7);\n border-radius: 4px;\n transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n &::placeholder {\n color: var(--pv-color-gray-9);\n }\n}\n\ntable {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n border-spacing: 0;\n\n td, th {\n border-bottom: 1px solid var(--pv-color-gray-4);\n vertical-align: top;\n text-align: left;\n\n &:first-child {\n padding-right: 0;\n width: var(--pv-size-base-10);\n }\n &:last-child {\n padding-left: 0;\n width: var(--pv-size-base-10);\n }\n }\n\n th {\n padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n &.col_action {\n padding: 0;\n }\n }\n\n td {\n padding: var(--pv-size-base-4);\n }\n\n tr {\n &.m_expanded {\n background: var(--pv-color-gray-1);\n\n > td {\n border-bottom: none;\n }\n }\n\n &.expanded_summary {\n background: var(--pv-color-gray-1);\n\n table {\n table-layout: initial;\n\n td {\n border-bottom: none;\n padding: var(--pv-size-base-2);\n\n &:first-child {\n width: 200px;\n }\n\n &:last-child {\n width: auto;\n }\n }\n }\n }\n }\n}\n\n.button_table_cell {\n margin-top: -3px;\n}\n\n.status_wrapper {\n text-align: center;\n height: var(--pv-size-base-16);\n vertical-align: middle;\n}\n\n.modal_wrapper {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n animation: fadeIn 200ms;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.modal_backdrop {\n background: var(--pv-color-black);\n z-index: -1;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0.5;\n}\n\n.modal_container {\n background: var(--pv-color-white);\n width: 100%;\n display: flex;\n max-height: calc(100% - 60px);\n flex-direction: column;\n margin: var(--pv-size-base-6);\n position: relative;\n outline: none;\n box-shadow: var(--pv-shadow-dark-hight);\n overflow: hidden;\n border: 0px;\n padding: 0px;\n max-width: 640px;\n border-radius: 4px;\n}\n\n.modal_header {\n padding: var(--pv-size-base-3) var(--pv-size-base-4);\n display: flex;\n flex: 0 0 auto;\n -webkit-box-pack: justify;\n justify-content: space-between;\n gap: var(--pv-size-base-2);\n border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n flex: 1 1 auto;\n overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n table, tbody, tr, td {\n display: block;\n width: 100% !important;\n padding: 0;\n border: none;\n }\n\n thead {\n display: none;\n }\n\n table {\n tr {\n padding: var(--pv-size-base-2) 0;\n }\n\n .expanded_summary {\n padding: 0;\n }\n\n .certificate_row {\n border-bottom: 1px solid var(--pv-color-gray-5);\n padding: var(--pv-size-base-2) var(--pv-size-base-4);\n }\n\n .certificate_row_actions {\n padding-top: var(--pv-size-base-6);\n\n td {\n display: flex;\n justify-content: right;\n gap: var(--pv-size-base-4);\n }\n }\n }\n\n .button_table_cell {\n margin-top: 0;\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 {\n Component,\n h,\n Prop,\n State,\n Watch,\n Host,\n Event,\n EventEmitter,\n Build,\n} from '@stencil/core';\n\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n DownloadIcon,\n LinkIcon,\n DetailsIcon,\n ArrowBottomIcon,\n ArrowTopIcon,\n CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n value: string;\n name?: string;\n tests?: {\n valid?: string;\n revoked?: string;\n expired?: string;\n };\n}\n\ninterface ICertificateDecoded {\n body: X509Certificate;\n tests?: ICertificate['tests'];\n name?: string;\n}\n\n@Component({\n tag: 'peculiar-certificates-viewer',\n styleUrl: 'certificates-viewer.scss',\n shadow: true,\n})\nexport class CertificatesViewer {\n private isHasRoots: boolean = false;\n\n private mobileMediaQuery: MediaQueryList;\n\n /**\n * List of certificates values for decode and show in the list.\n * <br />\n * **NOTE**: If you do not provide a `name` value when\n * invocing the component it will take the first Subject CN value.\n * <br />\n * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n * <br />\n * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n */\n @Prop() certificates: ICertificate[] = [];\n\n /**\n * Use filter in the list when search is changed.\n */\n @Prop() filterWithSearch: boolean = true;\n\n /**\n * Use highlight chapters in the list when search is changed.\n */\n @Prop() highlightWithSearch: boolean = true;\n\n /**\n * Mobile media query string to control screen view change.\n * <br />\n * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n * @example\n * (max-width: 900px)\n */\n @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n /**\n * Emitted when the user open certificate details modal.\n */\n @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n /**\n * Emitted when the user close certificate details modal.\n */\n @Event() detailsClose!: EventEmitter<void>;\n\n @State() mobileScreenView: boolean = false;\n\n @State() search: string = '';\n\n @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n @State() expandedRow?: number;\n\n @State() certificateSelectedForDetails?: X509Certificate;\n\n @State() isDecodeInProcess: boolean = true;\n\n private handleMediaQueryChange(event: MediaQueryListEvent) {\n this.mobileScreenView = event.matches;\n }\n\n componentWillLoad() {\n this.certificatesDecodeAndSet();\n\n if (Build.isBrowser) {\n this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n this.mobileScreenView = this.mobileMediaQuery.matches;\n }\n }\n\n disconnectedCallback() {\n this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n }\n\n @Watch('certificates')\n watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n /**\n * Prevent rerender after set the same `certificates` prop.\n */\n if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n this.certificatesDecodeAndSet();\n }\n }\n\n async certificatesDecodeAndSet() {\n let hasRoots = false;\n\n if (!Array.isArray(this.certificates)) {\n return;\n }\n\n const data: ICertificateDecoded[] = [];\n\n // eslint-disable-next-line no-restricted-syntax\n for (const certificate of this.certificates) {\n try {\n const decoded = new X509Certificate(certificate.value);\n\n await decoded.getThumbprint('SHA-1');\n\n data.push({\n body: decoded,\n tests: certificate.tests,\n name: certificate.name,\n });\n\n if (!hasRoots && decoded.isRoot) {\n hasRoots = true;\n }\n } catch (error) {\n console.error('Error certificate parse:', error);\n }\n }\n\n this.isHasRoots = hasRoots;\n this.isDecodeInProcess = false;\n this.certificatesDecoded = data;\n }\n\n // eslint-disable-next-line class-methods-use-this\n private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n }\n\n // eslint-disable-next-line class-methods-use-this\n private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\n }\n\n private handleClickDetails = (certificate: X509Certificate) => {\n this.certificateSelectedForDetails = certificate;\n this.detailsOpen.emit(certificate);\n };\n\n private handleModalClose = () => {\n this.certificateSelectedForDetails = undefined;\n\n this.detailsClose.emit();\n };\n\n private handleClickRow(index: number) {\n const isExpandedRowClicked = this.expandedRow === index;\n\n this.expandedRow = isExpandedRowClicked\n ? undefined\n : index;\n }\n\n private handleSearch = (event: any) => {\n this.search = event.target.value.trim();\n };\n\n private getMaxColSpanValue() {\n let colSpan = 5;\n\n if (!this.isHasRoots) {\n colSpan += 1;\n }\n\n return colSpan;\n }\n\n private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n const isHasTestURLs = certificate.tests\n && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n return (\n <peculiar-button-menu\n class=\"button_table_cell\"\n groups={[\n {\n title: l10n.getString('previewCertificate'),\n options: [\n {\n text: l10n.getString('viewDetails'),\n startIcon: <DetailsIcon />,\n onClick: () => this.handleClickDetails(certificate.body),\n },\n ],\n },\n {\n title: l10n.getString('downloadOptions'),\n options: [\n {\n text: l10n.getString('download.pem'),\n startIcon: <DownloadIcon />,\n onClick: () => this.handleClickDownloadAsPem(certificate),\n },\n {\n text: l10n.getString('download.der'),\n startIcon: <DownloadIcon />,\n onClick: () => this.handleClickDownloadAsDer(certificate),\n },\n ],\n },\n ...(isHasTestURLs ? [{\n title: l10n.getString('testURLs'),\n options: [\n ...(certificate.tests?.valid ? [{\n text: l10n.getString('valid'),\n href: certificate.tests.valid,\n startIcon: <LinkIcon />,\n }] : []),\n ...(certificate.tests?.revoked ? [{\n text: l10n.getString('revoked'),\n href: certificate.tests.revoked,\n startIcon: <LinkIcon />,\n }] : []),\n ...(certificate.tests?.expired ? [{\n text: l10n.getString('expired'),\n href: certificate.tests.expired,\n startIcon: <LinkIcon />,\n }] : []),\n ],\n }] : []),\n ]}\n />\n );\n }\n\n private renderExpandedRow(certificate: X509Certificate) {\n const colSpan = this.getMaxColSpanValue() - 2;\n\n return (\n <tr class=\"expanded_summary\">\n <td />\n <td colSpan={colSpan}>\n <CertificateSummary\n certificate={certificate}\n showIssuer={!certificate.isRoot}\n />\n </td>\n <td />\n </tr>\n );\n }\n\n private renderCertificatesRows() {\n const searchHighlight = this.highlightWithSearch\n ? this.search\n : '';\n const content = [];\n\n this.certificatesDecoded.forEach((certificate, index) => {\n const isExpandedRow = index === this.expandedRow;\n const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n || certificate.body.signature.algorithm;\n\n if (this.filterWithSearch && this.search) {\n const certificateStringForSearch = [\n publicKeyValue,\n certificate.body.issuerCommonName,\n certificate.name,\n certificate.body.commonName,\n certificate.body.thumbprints['SHA-1'],\n ]\n .join(' ')\n .toLowerCase();\n\n if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n return;\n }\n }\n\n if (this.mobileScreenView) {\n content.push([\n <tr\n class={{\n certificate_row: true,\n m_expanded: isExpandedRow,\n }}\n key={certificate.body.thumbprints['SHA-1']}\n >\n <td>\n <table>\n <tbody>\n {!this.isHasRoots && (\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('issuer')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.issuerCommonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n )}\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('name')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.name || certificate.body.commonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('publicKey')}\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {publicKeyValue}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n <tr>\n <td>\n <Typography variant=\"b2\" color=\"gray-9\">\n {l10n.getString('fingerprint')}\n &nbsp; (SHA-1)\n </Typography>\n </td>\n <td>\n <Typography variant=\"b2\" color=\"black\">\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.thumbprints['SHA-1']}\n </peculiar-highlight-words>\n </Typography>\n </td>\n </tr>\n {isExpandedRow && this.renderExpandedRow(certificate.body)}\n <tr class=\"certificate_row_actions\">\n <td>\n {this.renderCertificateButtonActions(certificate)}\n <Button\n // eslint-disable-next-line react/jsx-no-bind\n onClick={this.handleClickRow.bind(this, index)}\n startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n />\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>,\n ]);\n\n return;\n }\n\n content.push([\n <tr\n class={{\n m_expanded: isExpandedRow,\n }}\n key={certificate.body.thumbprints['SHA-1']}\n >\n <td>\n <Button\n class=\"button_table_cell\"\n // eslint-disable-next-line react/jsx-no-bind\n onClick={this.handleClickRow.bind(this, index)}\n startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n />\n </td>\n {!this.isHasRoots && (\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.issuerCommonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n )}\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.name || certificate.body.commonName}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {publicKeyValue}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n <Typography>\n <peculiar-highlight-words search={searchHighlight}>\n {certificate.body.thumbprints['SHA-1']}\n </peculiar-highlight-words>\n </Typography>\n </td>\n <td>\n {this.renderCertificateButtonActions(certificate)}\n </td>\n </tr>,\n isExpandedRow && this.renderExpandedRow(certificate.body),\n ]);\n });\n\n return content;\n }\n\n private renderCertificateDetailsModal() {\n if (!this.certificateSelectedForDetails) {\n return null;\n }\n\n return (\n <div\n class=\"modal_wrapper\"\n role=\"presentation\"\n aria-hidden=\"false\"\n part=\"presentation\"\n >\n <div\n class=\"modal_backdrop\"\n onClick={this.handleModalClose}\n aria-hidden=\"true\"\n />\n <div\n class=\"modal_container\"\n role=\"dialog\"\n part=\"presentation_container\"\n >\n <header class=\"modal_header\">\n <Typography\n variant=\"h4\"\n >\n {l10n.getString('certificateDetails')}\n </Typography>\n <Button\n onClick={this.handleModalClose}\n startIcon={<CrossIcon />}\n />\n </header>\n <div class=\"modal_content\">\n <peculiar-certificate-viewer\n certificate={this.certificateSelectedForDetails}\n mobileMediaQueryString={this.mobileMediaQueryString}\n />\n </div>\n </div>\n </div>\n );\n }\n\n private renderSearch() {\n if (!this.filterWithSearch && !this.highlightWithSearch) {\n return null;\n }\n\n return (\n <div class=\"search_section\">\n <input\n onInput={this.handleSearch}\n type=\"search\"\n value=\"\"\n class=\"input_search t-b3 c-black\"\n disabled={!this.certificatesDecoded.length}\n placeholder=\"Search\"\n />\n </div>\n );\n }\n\n private renderEmptyState() {\n const colSpan = this.getMaxColSpanValue();\n\n return (\n <tr>\n <td\n class=\"status_wrapper\"\n colSpan={colSpan}\n >\n <Typography\n variant=\"b1\"\n >\n There are no certificates available.\n </Typography>\n </td>\n </tr>\n );\n }\n\n private renderEmptySearchState() {\n const colSpan = this.getMaxColSpanValue();\n\n return (\n <tr>\n <td\n class=\"status_wrapper\"\n colSpan={colSpan}\n >\n <Typography\n variant=\"b1\"\n >\n No results found for &ldquo;\n {this.search}\n &ldquo;\n </Typography>\n </td>\n </tr>\n );\n }\n\n // eslint-disable-next-line class-methods-use-this\n private renderLoadingState() {\n return (\n <div class=\"loading_container\">\n <peculiar-circular-progress />\n </div>\n );\n }\n\n private renderTableBody() {\n if (this.isDecodeInProcess) {\n return null;\n }\n\n if (!this.certificatesDecoded.length) {\n return this.renderEmptyState();\n }\n\n const certificatesRows = this.renderCertificatesRows();\n\n if (this.search && !certificatesRows.length) {\n return this.renderEmptySearchState();\n }\n\n return certificatesRows;\n }\n\n render() {\n return (\n <Host\n data-mobile-screen-view={String(this.mobileScreenView)}\n >\n {this.renderSearch()}\n <table>\n {!this.mobileScreenView && (\n <thead>\n <tr>\n {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <th />\n {!this.isHasRoots && (\n <th class=\"col_issuer\">\n <Typography variant=\"s2\">\n {l10n.getString('issuer')}\n </Typography>\n </th>\n )}\n <th class=\"col_name\">\n <Typography variant=\"s2\">\n {l10n.getString('name')}\n </Typography>\n </th>\n <th class=\"col_public_key\">\n <Typography variant=\"s2\">\n {l10n.getString('publicKey')}\n </Typography>\n </th>\n <th class=\"col_fingerprint\">\n <Typography variant=\"s2\">\n {l10n.getString('fingerprint')}\n &nbsp; (SHA-1)\n </Typography>\n </th>\n {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n <th />\n </tr>\n </thead>\n )}\n <tbody>\n {this.renderTableBody()}\n </tbody>\n </table>\n\n {this.renderCertificateDetailsModal()}\n {this.isDecodeInProcess && this.renderLoadingState()}\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/collection/index.js CHANGED
@@ -3,4 +3,8 @@
3
3
  */
4
4
  export { downloadFromBuffer } from './utils/download_from_buffer';
5
5
  export { Download } from './utils/download';
6
+ export { Typography } from './components/typography';
7
+ export { Button } from './components/button';
8
+ export { Link } from './components/link';
9
+ export * from './components/icons';
6
10
  //# sourceMappingURL=index.js.map
package/dist/collection/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { downloadFromBuffer } from './utils/download_from_buffer';\nexport { Download } from './utils/download';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,cAAc,oBAAoB,CAAC","sourcesContent":["export { downloadFromBuffer } from './utils/download_from_buffer';\nexport { Download } from './utils/download';\n\nexport { Typography } from './components/typography';\nexport { Button } from './components/button';\nexport { Link } from './components/link';\nexport * from './components/icons';\n"]}
package/dist/esm/actions-8d745b2a.js ADDED
@@ -0,0 +1,21 @@
1
+ /*!
2
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
3
+ */
4
+ import { h } from './index-4079bbb5.js';
5
+
6
+ /**
7
+ * @license
8
+ * Copyright (c) Peculiar Ventures, LLC.
9
+ *
10
+ * This source code is licensed under the MIT license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ */
13
+ const ActionsIcon = (props) => {
14
+ const { color = 'gray-10' } = props;
15
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
16
+ h("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" })));
17
+ };
18
+
19
+ export { ActionsIcon as A };
20
+
21
+ //# sourceMappingURL=actions-8d745b2a.js.map
package/dist/esm/actions-8d745b2a.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"actions-8d745b2a.js","mappings":";;;;;AAAA;;;;;;;MAWa,WAAW,GAA+C,CAAC,KAAK;EAC3E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2GAA2G,GAC7G,CACE,EACN;AACJ;;;;","names":[],"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/esm/{arrow_top-efd3a56d.js → arrow_top-fc298828.js} RENAMED
@@ -29,6 +29,6 @@ const ArrowTopIcon = (props) => {
29
29
  h("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" })));
30
30
  };
31
31
 
32
- export { ArrowTopIcon as A, ArrowBottomIcon as a };
32
+ export { ArrowBottomIcon as A, ArrowTopIcon as a };
33
33
 
34
- //# sourceMappingURL=arrow_top-efd3a56d.js.map
34
+ //# sourceMappingURL=arrow_top-fc298828.js.map
package/dist/esm/{arrow_top-efd3a56d.js.map → arrow_top-fc298828.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"arrow_top-efd3a56d.js","mappings":";;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;EAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;","names":[],"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}
1
+ {"file":"arrow_top-fc298828.js","mappings":";;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;EAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;","names":[],"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/esm/cross-9ec9a759.js ADDED
@@ -0,0 +1,47 @@
1
+ /*!
2
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
3
+ */
4
+ import { h } from './index-4079bbb5.js';
5
+
6
+ /**
7
+ * @license
8
+ * Copyright (c) Peculiar Ventures, LLC.
9
+ *
10
+ * This source code is licensed under the MIT license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ */
13
+ const DetailsIcon = (props) => {
14
+ const { color = 'secondary' } = props;
15
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
16
+ h("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" })));
17
+ };
18
+
19
+ /**
20
+ * @license
21
+ * Copyright (c) Peculiar Ventures, LLC.
22
+ *
23
+ * This source code is licensed under the MIT license found in the
24
+ * LICENSE file in the root directory of this source tree.
25
+ */
26
+ const LinkIcon = (props) => {
27
+ const { color = 'secondary' } = props;
28
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" },
29
+ h("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" })));
30
+ };
31
+
32
+ /**
33
+ * @license
34
+ * Copyright (c) Peculiar Ventures, LLC.
35
+ *
36
+ * This source code is licensed under the MIT license found in the
37
+ * LICENSE file in the root directory of this source tree.
38
+ */
39
+ const CrossIcon = (props) => {
40
+ const { color = 'gray-9' } = props;
41
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
42
+ h("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" })));
43
+ };
44
+
45
+ export { CrossIcon as C, DetailsIcon as D, LinkIcon as L };
46
+
47
+ //# sourceMappingURL=cross-9ec9a759.js.map
package/dist/esm/cross-9ec9a759.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"cross-9ec9a759.js","mappings":";;;;;AAAA;;;;;;;MAWa,WAAW,GAA+C,CAAC,KAAK;EAC3E,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,+wBAA+wB,GACjxB,CACE,EACN;AACJ;;AC3BA;;;;;;;MAWa,QAAQ,GAA+C,CAAC,KAAK;EACxE,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,iWAAiW,GACnW,CACE,EACN;AACJ;;AC3BA;;;;;;;MAWa,SAAS,GAA+C,CAAC,KAAK;EACzE,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;EAEnC,QACE,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,eACtB,SAAS,EACnB,CAAC,EAAC,mTAAmT,eAC3S,SAAS,GACnB,CACE,EACN;AACJ;;;;","names":[],"sources":["src/components/icons/details.tsx","src/components/icons/link.tsx","src/components/icons/cross.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 DetailsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'secondary' } = 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=\"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\"\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 LinkIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'secondary' } = 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=\"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\"\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 CrossIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n const { color = 'gray-9' } = 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 fill={`var(--pv-color-${color})`}\n fill-rule=\"evenodd\"\n 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\"\n clip-rule=\"evenodd\"\n />\n </svg>\n );\n};\n"],"version":3}
package/dist/esm/index.js CHANGED
@@ -2,5 +2,12 @@
2
2
  * © Peculiar Ventures https://peculiarventures.com/ - MIT License
3
3
  */
4
4
  export { D as Download, d as downloadFromBuffer } from './download-57c5bf8f.js';
5
+ export { B as Button, T as Typography } from './button-35146bdd.js';
6
+ export { L as Link } from './link-ad24c3be.js';
7
+ export { C as CrossIcon, D as DetailsIcon, L as LinkIcon } from './cross-9ec9a759.js';
8
+ export { D as DownloadIcon } from './download-0cc3077a.js';
9
+ export { A as ActionsIcon } from './actions-8d745b2a.js';
10
+ export { A as ArrowBottomIcon, a as ArrowTopIcon } from './arrow_top-fc298828.js';
11
+ import './index-4079bbb5.js';
5
12
 
6
13
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"index.js","mappings":";;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1
+ {"file":"index.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
package/dist/esm/link-ad24c3be.js ADDED
@@ -0,0 +1,23 @@
1
+ /*!
2
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
3
+ */
4
+ import { h } from './index-4079bbb5.js';
5
+ import { T as Typography } from './button-35146bdd.js';
6
+
7
+ /**
8
+ * @license
9
+ * Copyright (c) Peculiar Ventures, LLC.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ */
14
+ const Link = (props, children) => {
15
+ const { href, variant, } = props;
16
+ return (h(Typography, { component: "a", variant: variant, color: "secondary",
17
+ // @ts-ignore
18
+ href: href, target: "_blank", rel: "noreferrer noopener" }, children));
19
+ };
20
+
21
+ export { Link as L };
22
+
23
+ //# sourceMappingURL=link-ad24c3be.js.map
package/dist/esm/link-ad24c3be.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"link-ad24c3be.js","mappings":";;;;;;AAAA;;;;;;;MAiBa,IAAI,GAAmC,CAAC,KAAK,EAAE,QAAQ;EAClE,MAAM,EACJ,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAC;EAEV,QACE,EAAC,UAAU,IACT,SAAS,EAAC,GAAG,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,WAAW;;IAEjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,IAExB,QAAQ,CACE,EACb;AACJ;;;;","names":[],"sources":["src/components/link/link.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 } from '../../interface';\nimport { Typography } from '../typography';\n\ninterface LinkProps {\n href: string;\n variant?: TypographyType;\n}\n\nexport const Link: FunctionalComponent<LinkProps> = (props, children) => {\n const {\n href,\n variant,\n } = props;\n\n return (\n <Typography\n component=\"a\"\n variant={variant}\n color=\"secondary\"\n // @ts-ignore\n href={href}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n >\n {children}\n </Typography>\n );\n};\n"],"version":3}
package/dist/esm/{miscellaneous-1d4e8b41.js → miscellaneous-7793a310.js} RENAMED
@@ -4,6 +4,7 @@
4
4
  import { h } from './index-4079bbb5.js';
5
5
  import { a1 as OIDs, $ as l10n, a0 as dateShort, a2 as Name, a6 as OtherName, v as AsnParser, a7 as DisplayText, a8 as UserNotice, a9 as EDIPartyName, aa as __decorate, ab as AsnProp, ac as AsnPropTypes, ad as AsnType, ae as AsnTypeTypes, af as AsnArray, ag as id_qcs_pkixQCSyntax_v2, ah as SemanticsInformation, ai as AsnIntegerArrayBufferConverter, aj as KeyUsage, ak as BasicConstraints, al as ExtendedKeyUsage, am as SubjectKeyIdentifier, an as AuthorityKeyIdentifier, ao as CRLDistributionPoints, ap as AuthorityInfoAccessSyntax, aq as SubjectInfoAccessSyntax, ar as SubjectAlternativeName, as as CertificatePolicies, at as CertificateTransparency, au as NameConstraints, av as CertificateTemplate, aw as EnrollCertTypeChoice, ax as CaVersion, ay as QCStatements, az as NetscapeComment, aA as NetscapeCertType, aB as LeiRole, aC as LeiChoice, aD as Timestamp, aE as ArchiveRevInfo, a3 as CRLReason, aF as SubjectDirectoryAttributes, aG as PrivateKeyUsagePeriod, aH as EntrustVersionInfo, aI as BiometricSyntax, aJ as LogotypeExtn, aK as TNAuthorizationList, aL as PolicyConstraints, aM as PolicyMappings, aN as CRLNumber, aO as IssuingDistributionPoint } from './certification_request-5cadde9f.js';
6
6
  import { b as build } from './download-57c5bf8f.js';
7
+ import { L as Link } from './link-ad24c3be.js';
7
8
  import { T as Typography, B as Button } from './button-35146bdd.js';
8
9
  import { D as DownloadIcon } from './download-0cc3077a.js';
9
10
 
@@ -44,20 +45,6 @@ function isLink(value) {
44
45
  return value.indexOf('http') === 0;
45
46
  }
46
47
 
47
- /**
48
- * @license
49
- * Copyright (c) Peculiar Ventures, LLC.
50
- *
51
- * This source code is licensed under the MIT license found in the
52
- * LICENSE file in the root directory of this source tree.
53
- */
54
- const Link = (props, children) => {
55
- const { href, variant, } = props;
56
- return (h(Typography, { component: "a", variant: variant, color: "secondary",
57
- // @ts-ignore
58
- href: href, target: "_blank", rel: "noreferrer noopener" }, children));
59
- };
60
-
61
48
  /**
62
49
  * @license
63
50
  * Copyright (c) Peculiar Ventures, LLC.
@@ -1299,4 +1286,4 @@ const Miscellaneous = (props) => {
1299
1286
 
1300
1287
  export { BasicInformation as B, Extensions as E, GeneralNamePart as G, IssuerName as I, Miscellaneous as M, PublicKey as P, RowValue as R, Signature as S, TableRowTable as T, RowTitle as a, Thumbprints as b, getLEILink as c, getDNSNameLink as d, getIPAddressLink as e, SubjectName as f, getStringByOID as g };
1301
1288
 
1302
- //# sourceMappingURL=miscellaneous-1d4e8b41.js.map
1289
+ //# sourceMappingURL=miscellaneous-7793a310.js.map