@peculiar/certificates-viewer 2.0.1 → 3.0.1

package/dist/esm-es5/peculiar-certificate-summary_3.entry.js

@@ -1,83 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5ef692cc.js';
-import { l as l10n, a as dateShort } from './l10n-c8cf6930.js';
-var certificateSummaryCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%}td{border:none;padding:0}table{width:100%;border-spacing:0;border-collapse:collapse}td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td:first-child{width:130px;padding-right:10px}table td:last-child{width:calc(100% - 130px)}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{width:100%}}";
-var CertificateSummary = /** @class */ (function () {
-    function CertificateSummary(hostRef) {
-        registerInstance(this, hostRef);
-        this.showIssuer = true;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    CertificateSummary.prototype.renderRow = function (name, value, monospace) {
-        return (h("tr", null, h("td", null, h("peculiar-typography", { color: "grey_5" }, name, ":")), h("td", null, h("peculiar-typography", { class: "meta_value", monospace: monospace }, value))));
-    };
-    CertificateSummary.prototype.render = function () {
-        return (h(Host, null, h("table", null, h("tbody", null, this.renderRow(l10n.getString('subjectName'), this.certificate.subjectToString()), this.showIssuer && this.renderRow(l10n.getString('issuerName'), this.certificate.issuerToString()), this.renderRow(l10n.getString('serialNumber'), this.certificate.serialNumber, true), this.renderRow(l10n.getString('version'), this.certificate.version), this.renderRow(l10n.getString('validity'), this.certificate.validity), this.renderRow(l10n.getString('issued'), dateShort(this.certificate.notBefore)), this.renderRow(l10n.getString('expired'), dateShort(this.certificate.notAfter))))));
-    };
-    return CertificateSummary;
-}());
-CertificateSummary.style = certificateSummaryCss;
-var circularProgressCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%}@-webkit-keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}@keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}.circle_progress{margin:0 auto}.circle_progress_svg{-webkit-animation:circular-rotate 1.4s linear infinite;animation:circular-rotate 1.4s linear infinite}.circle_progress_circle{stroke-linecap:round;-webkit-animation:circular-dash 1.4s ease-in-out infinite;animation:circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80, 200;stroke-dashoffset:0;stroke:#3584f7;stroke:rgba(var(--pv-color-primary-rgb), 1)}.circle_progress_backdrop{stroke:#d1d5d9;stroke:rgba(var(--pv-color-grey_3-rgb), 1)}";
-var CircularProgress = /** @class */ (function () {
-    function CircularProgress(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Width/height of progress circle.
-         */
-        this.size = 24;
-        /**
-         * Stroke width of progress bar circle.
-         */
-        this.width = 4;
-        this.box = 50;
-    }
-    CircularProgress.prototype.render = function () {
-        return (h(Host, null, h("div", { class: "circle_progress", style: {
-                width: this.size + "px",
-                height: this.size + "px",
-            } }, h("svg", { class: "circle_progress_svg", viewBox: "0 0 " + this.box + " " + this.box }, h("circle", { class: "circle_progress_backdrop", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                strokeWidth: this.width + "px",
-            } }), h("circle", { class: "circle_progress_circle", cx: this.box / 2, cy: this.box / 2, r: (this.box / 2) - 5, fill: "none", style: {
-                strokeWidth: this.width + "px",
-            } })))));
-    };
-    return CircularProgress;
-}());
-CircularProgress.style = circularProgressCss;
-var highlightWordsCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:inline}::slotted(mark){background-color:rgba(247, 168, 49, 0.4);background-color:rgba(var(--pv-color-attention-rgb), 0.4)}";
-var HighlightWords = /** @class */ (function () {
-    function HighlightWords(hostRef) {
-        registerInstance(this, hostRef);
-        this.tag = 'mark';
-    }
-    HighlightWords.prototype.componentDidLoad = function () {
-        this.handleHighlightSearch();
-    };
-    HighlightWords.prototype.componentDidUpdate = function () {
-        this.handleHighlightSearch();
-    };
-    HighlightWords.prototype.handleHighlightSearch = function () {
-        var basicString = this.resetHighlightSearch(this.host.innerHTML);
-        var result = basicString;
-        if (this.search) {
-            var substring = new RegExp("(" + this.search + ")", 'gi');
-            result = basicString.replace(substring, "<" + this.tag + ">$1</" + this.tag + ">");
-        }
-        this.host.innerHTML = result;
-    };
-    HighlightWords.prototype.resetHighlightSearch = function (source) {
-        // eslint-disable-next-line no-useless-escape
-        var substring = new RegExp("</?" + this.tag + ">", 'g');
-        return source.replace(substring, '');
-    };
-    HighlightWords.prototype.render = function () {
-        return (h(Host, null, h("slot", null)));
-    };
-    Object.defineProperty(HighlightWords.prototype, "host", {
-        get: function () { return getElement(this); },
-        enumerable: false,
-        configurable: true
-    });
-    return HighlightWords;
-}());
-HighlightWords.style = highlightWordsCss;
-export { CertificateSummary as peculiar_certificate_summary, CircularProgress as peculiar_circular_progress, HighlightWords as peculiar_highlight_words };

package/dist/esm-es5/peculiar-certificates-viewer.entry.js

@@ -1,290 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5ef692cc.js';
-import { l as l10n } from './l10n-c8cf6930.js';
-import { av as X509Certificate, aq as Download, O as OIDs } from './download-1ff0a3be.js';
-var certificatesViewerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;min-width:280px;overflow:auto;position:relative;background:white;background:rgba(var(--pv-color-light-rgb), 1)}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table thead{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07)}table tr td{vertical-align:middle}table tbody tr:not(.expanded_summary){cursor:pointer}table tr{border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table th{padding:15px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table td{padding:8px 10px;border-width:1px;border-style:solid;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1)}table .col_issuer,table .col_name,table .col_public_key{width:16%}table .col_actions,table .col_tests{width:18%}table.m_extra .col_issuer,table.m_extra .col_name,table.m_extra .col_public_key{width:12%}table.m_extra .col_actions,table.m_extra .col_tests{width:17%}table tr.expanded td:not(:last-child){border-right-color:transparent}table tr.expanded td{border-bottom-color:transparent}.expanded{border-bottom-color:transparent;background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}table tr.expanded_summary td{vertical-align:top;padding:10px 20px 26px}@-webkit-keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0.001}100%{opacity:1}}.modal_wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:auto;text-align:center;-webkit-animation:fadeIn 200ms;animation:fadeIn 200ms;padding:30px 10px}.modal_wrapper:before{display:inline-block;vertical-align:middle;width:0;height:100%;content:\"\"}.modal_backdrop{background:rgba(42, 49, 52, 0.5);background:rgba(var(--pv-color-dark-rgb), 0.5);z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0}.modal_container{position:relative;display:inline-block;vertical-align:middle;width:100%;max-width:900px;text-align:left;border-radius:3px;overflow:hidden;background-color:white;background-color:rgba(var(--pv-color-light-rgb), 1);height:100%}.modal_title{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);border-bottom-width:1px;border-bottom-style:solid;padding:20px 60px 16px 20px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px}.modal_content{height:calc(100% - 60px);overflow-y:auto}.modal_close{cursor:pointer;border:none;background-color:transparent;position:absolute;top:0;bottom:0;right:0;padding:0 12px;-webkit-transition:opacity 100ms;transition:opacity 100ms;outline:none}.modal_close:hover{opacity:0.6}.modal_close svg{fill:#2a3134;fill:rgba(var(--pv-color-dark-rgb), 1)}.button_table_action{margin:2px}.mobile_title{display:none}.status_wrapper{height:85px;text-align:center;pointer-events:none}.search_section{background-color:rgba(53, 132, 247, 0.07);background-color:rgba(var(--pv-color-primary-rgb), 0.07);border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);height:50px;padding:10px;border-width:1px 1px 0 1px;border-style:solid}.input_search{height:100%;width:100%;border-radius:3px;border-width:1px;border-style:solid;padding:0 14px;font-size:12px;outline:none;border-color:#d1d5d9;border-color:rgba(var(--pv-color-grey_3-rgb), 1);color:#2a3134;color:rgba(var(--pv-color-dark-rgb), 1)}.input_search::-moz-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search:-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-webkit-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::-ms-input-placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.input_search::placeholder{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.loading_container{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42, 49, 52, 0.3);background:rgba(var(--pv-color-dark-rgb), 0.3);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.align_center{text-align:center}@media (hover: hover){table tbody tr:not(.expanded_summary):hover{background-color:rgba(53, 132, 247, 0.04);background-color:rgba(var(--pv-color-primary-rgb), 0.04)}}@media (max-width: 900px){table,tbody,tr,td{display:block}thead{display:none}tr{padding:0 15px;border-width:1px;border-style:solid}tr:not(:first-child){margin-top:-1px}tr:not(.expanded_summary) td:first-child{border:none !important}table td{padding-left:0;padding-right:0;border-width:1px 0 0 0 !important;border-color:rgba(209, 213, 217, 0.5);border-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr.expanded_summary td{padding:15px 0}.mobile_title{display:inline-block;width:90px;vertical-align:middle}.modal_title{padding:17px 60px 17px 15px}.content{display:inline-block;width:calc(100% - 90px);vertical-align:middle;text-align:left}.expanded_summary{border-top-color:transparent;padding-bottom:10px}.expanded_summary td:before{content:none}.status_wrapper{height:266px;display:table-cell}.search_section{height:60px;padding:15px}.align_center{text-align:inherit}}";
-var CertificatesViewer = /** @class */ (function () {
-    function class_1(hostRef) {
-        var _this = this;
-        registerInstance(this, hostRef);
-        this.detailsOpen = createEvent(this, "detailsOpen", 7);
-        this.detailsClose = createEvent(this, "detailsClose", 7);
-        /**
-         * List of certificates values for decode and show in the list.
-         * <br />
-         * **NOTE**: If you do not provide a `name` value when
-         * invocing the component it will take the first Subject CN value.
-         * <br />
-         * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.
-         * <br />
-         * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.
-         */
-        this.certificates = [];
-        /**
-         * Use filter in the list when search is changed.
-         */
-        this.filterWithSearch = true;
-        /**
-         * Use highlight chapters in the list when search is changed.
-         */
-        this.highlightWithSearch = true;
-        this.search = '';
-        this.certificatesDecoded = [];
-        this.isDecodeInProcess = true;
-        this.isHasTests = false;
-        this.isHasRoots = false;
-        this.handleClickDetails = function (certificate, e) {
-            e.stopPropagation();
-            _this.certificateSelectedForDetails = certificate;
-            _this.detailsOpen.emit(certificate);
-        };
-        this.handleModalClose = function () {
-            _this.certificateSelectedForDetails = undefined;
-            _this.detailsClose.emit();
-        };
-        this.handleSearch = function (e) {
-            _this.search = e.target.value.trim();
-        };
-    }
-    class_1.prototype.componentWillLoad = function () {
-        this.certificatesDecodeAndSet();
-    };
-    class_1.prototype.watchCertificates = function (newValue, oldValue) {
-        /**
-         * Prevent rerender after set the same `certificates` prop.
-         */
-        if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
-            this.certificatesDecodeAndSet();
-        }
-    };
-    class_1.prototype.certificatesDecodeAndSet = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var hasTests, hasRoots, data, _i, _a, certificate, decoded, error_1;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        hasTests = false;
-                        hasRoots = false;
-                        if (!Array.isArray(this.certificates)) {
-                            return [2 /*return*/];
-                        }
-                        data = [];
-                        _i = 0, _a = this.certificates;
-                        _b.label = 1;
-                    case 1:
-                        if (!(_i < _a.length)) return [3 /*break*/, 6];
-                        certificate = _a[_i];
-                        _b.label = 2;
-                    case 2:
-                        _b.trys.push([2, 4, , 5]);
-                        decoded = new X509Certificate(certificate.value);
-                        return [4 /*yield*/, decoded.getThumbprint('SHA-1')];
-                    case 3:
-                        _b.sent();
-                        data.push({
-                            body: decoded,
-                            tests: certificate.tests,
-                            name: certificate.name,
-                        });
-                        if (!hasRoots && decoded.isRoot) {
-                            hasRoots = true;
-                        }
-                        if (!hasTests) {
-                            if (certificate.tests
-                                && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid)) {
-                                hasTests = true;
-                            }
-                        }
-                        return [3 /*break*/, 5];
-                    case 4:
-                        error_1 = _b.sent();
-                        console.error('Error certificate parse:', error_1);
-                        return [3 /*break*/, 5];
-                    case 5:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 6:
-                        this.isHasTests = hasTests;
-                        this.isHasRoots = hasRoots;
-                        this.isDecodeInProcess = false;
-                        this.certificatesDecoded = data;
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    // eslint-disable-next-line class-methods-use-this
-    class_1.prototype.handleClickDownloadAsPem = function (certificate, e) {
-        e.stopPropagation();
-        Download.certificate.asPEM(certificate.body.exportAsPemFormatted(), certificate.name || certificate.body.commonName);
-    };
-    // eslint-disable-next-line class-methods-use-this
-    class_1.prototype.handleClickDownloadAsDer = function (certificate, e) {
-        e.stopPropagation();
-        Download.certificate.asPEM(certificate.body.exportAsHexFormatted(), certificate.name || certificate.body.commonName);
-    };
-    class_1.prototype.handleClickRow = function (index) {
-        var isExpandedRowClicked = this.expandedRow === index;
-        this.expandedRow = isExpandedRowClicked
-            ? undefined
-            : index;
-    };
-    class_1.prototype.getMaxColSpanValue = function () {
-        var colSpan = 4;
-        if (this.isHasTests) {
-            colSpan += 1;
-        }
-        if (!this.isHasRoots) {
-            colSpan += 1;
-        }
-        return colSpan;
-    };
-    class_1.prototype.renderExpandedRow = function (certificate) {
-        var colSpan = this.getMaxColSpanValue();
-        return (h("tr", { class: "expanded_summary" }, h("td", { colSpan: colSpan }, h("peculiar-certificate-summary", { certificate: certificate, showIssuer: !certificate.isRoot }))));
-    };
-    // eslint-disable-next-line class-methods-use-this
-    class_1.prototype.renderCertificateTests = function (tests) {
-        if (!tests) {
-            return null;
-        }
-        var elems = [];
-        if (tests.valid) {
-            elems.push((h("peculiar-button", { class: "button_table_action", href: tests.valid, target: "_blank" }, l10n.getString('valid'))));
-        }
-        if (tests.revoked) {
-            elems.push((h("peculiar-button", { class: "button_table_action", href: tests.revoked, target: "_blank" }, l10n.getString('revoked'))));
-        }
-        if (tests.expired) {
-            elems.push((h("peculiar-button", { class: "button_table_action", href: tests.expired, target: "_blank" }, l10n.getString('expired'))));
-        }
-        return elems;
-    };
-    class_1.prototype.renderContentState = function () {
-        var _this = this;
-        var searchHighlight = this.highlightWithSearch
-            ? this.search
-            : '';
-        var content = [];
-        this.certificatesDecoded.forEach(function (certificate, index) {
-            var isExpandedRow = index === _this.expandedRow;
-            var publicKeyValue = OIDs[certificate.body.signature.algorithm]
-                || certificate.body.signature.algorithm;
-            if (_this.filterWithSearch && _this.search) {
-                var certificateStringForSearch = [
-                    publicKeyValue,
-                    certificate.body.issuerCommonName,
-                    certificate.name,
-                    certificate.body.commonName,
-                    certificate.body.thumbprints['SHA-1'],
-                ]
-                    .join(' ')
-                    .toLowerCase();
-                if (certificateStringForSearch.indexOf(_this.search.toLowerCase()) === -1) {
-                    return;
-                }
-            }
-            content.push([
-                h("tr", { class: {
-                        expanded: isExpandedRow,
-                    }, onClick: _this.handleClickRow.bind(_this, index),
-                    // eslint-disable-next-line react/no-array-index-key
-                    key: index }, !_this.isHasRoots && (h("td", null, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('issuer'), ":"), h("peculiar-typography", { class: "content" }, h("peculiar-highlight-words", { search: searchHighlight }, certificate.body.issuerCommonName)))), h("td", null, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('name'), ":"), h("peculiar-typography", { class: "content" }, h("peculiar-highlight-words", { search: searchHighlight }, certificate.name || certificate.body.commonName))), h("td", null, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('publicKey'), ":"), h("peculiar-typography", { class: "content" }, h("peculiar-highlight-words", { search: searchHighlight }, publicKeyValue))), h("td", null, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1):"), h("peculiar-typography", { class: "content", monospace: true }, h("peculiar-highlight-words", { search: searchHighlight }, certificate.body.thumbprints['SHA-1']))), h("td", { class: "align_center" }, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('actions'), ":"), h("span", { class: "content" }, h("peculiar-button", { onClick: _this.handleClickDetails.bind(_this, certificate.body), class: "button_table_action" }, l10n.getString('details')), h("peculiar-button-split", { onClick: _this.handleClickDownloadAsPem.bind(_this, certificate), actions: [{
-                            text: l10n.getString('download.der'),
-                            onClick: _this.handleClickDownloadAsDer.bind(_this, certificate),
-                        }], class: "button_table_action" }, l10n.getString('download.pem')))), _this.isHasTests && (h("td", { class: "align_center" }, h("peculiar-typography", { class: "mobile_title", color: "grey_5" }, l10n.getString('testURLs'), ":"), h("span", { class: "content" }, _this.renderCertificateTests(certificate.tests))))),
-                isExpandedRow && _this.renderExpandedRow(certificate.body),
-            ]);
-        });
-        return content;
-    };
-    class_1.prototype.renderCertificateDetailsModal = function () {
-        if (!this.certificateSelectedForDetails) {
-            return null;
-        }
-        return (h("div", { class: "modal_wrapper", role: "presentation", "aria-hidden": "false", part: "presentation" }, h("div", { class: "modal_backdrop", onClick: this.handleModalClose, "aria-hidden": "true" }), h("div", { class: "modal_container", role: "dialog", part: "presentation_container" }, h("header", { class: "modal_title" }, h("peculiar-typography", { type: "h4" }, l10n.getString('certificateDetails')), h("button", { class: "modal_close", onClick: this.handleModalClose, type: "button", "aria-label": "Close", title: "Close" }, h("svg", { width: "30", height: "30", viewBox: "0 0 30 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.7204 14.375L21.0654 19.7185C21.3115 19.9658 21.3115 20.3693 21.0654 20.6154L20.615 21.0645C20.3689 21.3118 19.9667 21.3118 19.7181 21.0645L14.3744 15.721L9.03194 21.0645C8.78327 21.3118 8.3811 21.3118 8.13371 21.0645L7.68459 20.6154C7.43847 20.3693 7.43847 19.9658 7.68459 19.7185L13.0296 14.375L7.68459 9.03155C7.43847 8.78417 7.43847 8.38074 7.68459 8.13463L8.13371 7.68554C8.3811 7.43815 8.78327 7.43815 9.03194 7.68554L14.3744 13.029L19.7181 7.68554C19.9667 7.43815 20.3689 7.43815 20.615 7.68554L21.0654 8.13463C21.3115 8.38074 21.3115 8.78417 21.0654 9.03155L15.7204 14.375Z" })))), h("div", { class: "modal_content" }, h("peculiar-certificate-viewer", { certificate: this.certificateSelectedForDetails })))));
-    };
-    class_1.prototype.renderSearch = function () {
-        if (!this.filterWithSearch && !this.highlightWithSearch) {
-            return null;
-        }
-        return (h("div", { class: "search_section" }, h("input", { onInput: this.handleSearch, type: "search", value: "", class: "input_search", disabled: !this.certificatesDecoded.length, placeholder: "Search" })));
-    };
-    class_1.prototype.renderEmptyState = function () {
-        var colSpan = this.getMaxColSpanValue();
-        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: colSpan }, h("peculiar-typography", { type: "b1", align: "center" }, "There are no certificates available."))));
-    };
-    class_1.prototype.renderEmptySearchState = function () {
-        var colSpan = this.getMaxColSpanValue();
-        return (h("tr", null, h("td", { class: "status_wrapper", colSpan: colSpan }, h("peculiar-typography", { type: "b1", align: "center" }, "No results found for \u201C", this.search, "\u201C"))));
-    };
-    // eslint-disable-next-line class-methods-use-this
-    class_1.prototype.renderLoadingState = function () {
-        return (h("div", { class: "loading_container" }, h("peculiar-circular-progress", null)));
-    };
-    class_1.prototype.renderBody = function () {
-        if (this.isDecodeInProcess) {
-            return null;
-        }
-        if (!this.certificatesDecoded.length) {
-            return this.renderEmptyState();
-        }
-        var contentState = this.renderContentState();
-        if (this.search && !contentState.length) {
-            return this.renderEmptySearchState();
-        }
-        return contentState;
-    };
-    class_1.prototype.render = function () {
-        return (h(Host, null, this.renderSearch(), h("table", { class: {
-                m_extra: this.isHasTests || !this.isHasRoots,
-            } }, h("thead", null, h("tr", null, !this.isHasRoots && (h("th", { class: "col_issuer" }, h("peculiar-typography", { type: "h7", align: "left" }, l10n.getString('issuer')))), h("th", { class: "col_name" }, h("peculiar-typography", { type: "h7", align: "left" }, l10n.getString('name'))), h("th", { class: "col_public_key" }, h("peculiar-typography", { type: "h7", align: "left" }, l10n.getString('publicKey'))), h("th", { class: "col_fingerprint" }, h("peculiar-typography", { type: "h7", align: "left" }, l10n.getString('fingerprint'), "\u00A0 (SHA-1)")), h("th", { class: "col_actions" }, h("peculiar-typography", { type: "h7", align: "center" }, l10n.getString('actions'))), this.isHasTests && (h("th", { class: "col_tests" }, h("peculiar-typography", { type: "h7", align: "center" }, l10n.getString('testURLs')))))), h("tbody", null, this.renderBody())), this.renderCertificateDetailsModal(), this.isDecodeInProcess && this.renderLoadingState()));
-    };
-    Object.defineProperty(class_1, "watchers", {
-        get: function () {
-            return {
-                "certificates": ["watchCertificates"]
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return class_1;
-}());
-CertificatesViewer.style = certificatesViewerCss;
-export { CertificatesViewer as peculiar_certificates_viewer };

package/dist/esm-es5/peculiar.mjs

@@ -1,5 +0,0 @@
-import { b as bootstrapLazy } from './index-5ef692cc.js';
-import { p as patchBrowser } from './patch-f8a17185.js';
-patchBrowser().then(function (options) {
-    return bootstrapLazy([["peculiar-attribute-certificate-viewer_9", [[1, "peculiar-certificate-decoder", { "certificateExample": [1, "certificate-example"], "certificateDecoded": [32] }], [1, "peculiar-attribute-certificate-viewer", { "certificate": [1], "download": [4], "authKeyIdParentLink": [513, "auth-key-id-parent-link"], "authKeyIdSiblingsLink": [513, "auth-key-id-siblings-link"], "subjectKeyIdChildrenLink": [513, "subject-key-id-children-link"], "subjectKeyIdSiblingsLink": [513, "subject-key-id-siblings-link"], "isDecodeInProcess": [32] }], [1, "peculiar-csr-viewer", { "certificate": [513], "download": [4], "subjectKeyIdChildrenLink": [513, "subject-key-id-children-link"], "subjectKeyIdSiblingsLink": [513, "subject-key-id-siblings-link"], "view": [513], "isDecodeInProcess": [32] }], [1, "peculiar-certificate-viewer", { "certificate": [513], "download": [516], "authKeyIdParentLink": [513, "auth-key-id-parent-link"], "authKeyIdSiblingsLink": [513, "auth-key-id-siblings-link"], "subjectKeyIdChildrenLink": [513, "subject-key-id-children-link"], "subjectKeyIdSiblingsLink": [513, "subject-key-id-siblings-link"], "issuerDnLink": [513, "issuer-dn-link"], "view": [513], "isDecodeInProcess": [32] }], [1, "peculiar-button-split", { "onClick": [16], "fill": [1], "actions": [16], "open": [32] }], [1, "peculiar-text-hider", { "opened": [1540] }, [[0, "textExpand", "textExpandHandler"]]], [1, "peculiar-link", { "href": [513], "type": [513] }], [1, "peculiar-typography", { "type": [513], "color": [1], "align": [1], "ellipsis": [4], "monospace": [4] }], [1, "peculiar-button", { "fill": [1], "disabled": [516], "href": [1], "target": [1], "onClick": [16] }]]], ["peculiar-certificate-summary_3", [[1, "peculiar-certificate-summary", { "certificate": [16], "showIssuer": [4, "show-issuer"] }], [1, "peculiar-circular-progress", { "size": [2], "width": [2] }], [1, "peculiar-highlight-words", { "search": [1] }]]], ["peculiar-certificates-viewer", [[1, "peculiar-certificates-viewer", { "certificates": [16], "filterWithSearch": [4, "filter-with-search"], "highlightWithSearch": [4, "highlight-with-search"], "search": [32], "certificatesDecoded": [32], "expandedRow": [32], "certificateSelectedForDetails": [32], "isDecodeInProcess": [32] }]]]], options);
-});