More list.js changes.

- Legacy-Id: 19699
2021-11-22 20:08:34 +00:00 · 2021-11-22 20:08:34 +00:00 · ca094a307e
parent 2b20cca858
commit ca094a307e
10 changed files with 511 additions and 441 deletions
--- a/ietf/static/css/list.scss
+++ b/ietf/static/css/list.scss
@ -0,0 +1,17 @@
+table .sort {
+    background-image: url(../../../node_modules/bootstrap-icons/icons/arrow-down-up.svg);
+    background-repeat: no-repeat;
+    background-position: right center;
+    padding-left: 14px;
+    padding-right: 14px;
+    cursor: pointer;
+    cursor: hand;
+}
+
+table .sort.asc {
+    background-image: url(../../../node_modules/bootstrap-icons/icons/arrow-down.svg);
+}
+
+table .sort.desc {
+    background-image: url(../../../node_modules/bootstrap-icons/icons/arrow-up.svg);
+}
--- a/ietf/static/js/list.js
+++ b/ietf/static/js/list.js
@ -1,77 +1,165 @@
 import * as List from "list.js";

+// function set_width() {
+//     w = $(this)
+//         .children("tr:first")
+//         .children("th, td")
+//         .map(function () {
+//             return $(this)
+//                 .css("width");
+//         });
+//     console.log(w);
+
+//     $(tbody)
+//         .children("tr:first")
+//         .children("th, td")
+//         .each(function (i) {
+//             console.log(i, w[i]);
+//             $(this)
+//                 .css("width", w[i]);
+//         });
+// }
+
+// FIXME sort only works on first table
+
+var table_cnt = 0;
+
 $(document)
    .ready(function () {
        $("table.tablesorter")
            .each(function () {
-                var searcher = $.parseHTML(`
-                    <div class="input-group mb-3">
+                var header_row = $(this)
+                    .find("thead > tr:first");
+
+                var fields = $(header_row)
+                    .find("*")
+                    .map(function () {
+                        return $(this)
+                            .attr("data-sort");
+                    })
+                    .toArray();
+
+                if (fields.length == 0) {
+                    console.log("No table fields defined, disabling search/sort.");
+
+                } else {
+
+                    $(header_row)
+                        .children("[data-sort]")
+                        .addClass("sort");
+
+                    if ($(header_row)
+                        .text()
+                        .trim() == "") {
+                        console.log("No headers fields visible, hiding header row.");
+                        header_row.addClass("visually-hidden");
+                    }
+
+                    var searcher = $.parseHTML(`
+                    <div class="input-group my-3">
                        <input type="search" class="search form-control" placeholder="Search"/>
                        <button class="btn btn-outline-secondary search-reset" type="button">
                            <i class="bi bi-x"></i>
                        </button>
                    </div>`);

-                $(this)
-                    .before(searcher);
+                    $(this)
+                        .before(searcher);

-                var fields = $(this)
-                    .find("thead > tr:first")
-                    .children("th")
-                    .map(function () {
-                        return $(this)
-                            .attr("data-field");
-                    })
-                    .toArray();
-                console.log(fields);
+                    var search_field = $(searcher)
+                        .children("input.search");

-                var search_field = $(searcher)
-                    .find("input.search");
+                    var reset_search = $(searcher)
+                        .children("button.search-reset");

-                var reset_search = $(searcher)
-                    .find("button.search-reset");
+                    var instance = [];

-                if (fields.length == 0) {
-                    searcher.addClass("visually-hidden");
-                } else {
-                    console.log($(this)[0]);
-                    var list = new List($(this)
-                        .parent()[0], { valueNames: fields });
+                    var first_table;
+                    var last_table;
+                    $(this)
+                        .children("tbody")
+                        .addClass("list")
+                        .each(function () {
+                            var parent;
+                            if (first_table === undefined) {
+                                first_table = $(this)
+                                    .parent();
+                                last_table = first_table;
+                                parent = first_table[0];
+                            } else {
+                                var new_table = $(first_table)
+                                    .clone()
+                                    .empty()
+                                    .removeClass("tablesorter");
+                                $(last_table)
+                                    .after(new_table);
+                                var thead = $(this)
+                                    .prev("thead")
+                                    .detach();
+                                var tbody = $(this)
+                                    .detach();
+                                new_table.append(thead, tbody);
+                                parent = $(new_table)[0];
+                                last_table = new_table;
+                            }
+
+                            $(parent)
+                                .addClass("tablesorter-table-" + table_cnt);
+
+                            instance.push(
+                                new List(parent, { valueNames: fields }));
+                        });
+
+                    table_cnt++;

                    reset_search.on("click", function () {
                        search_field.val("");
-                        list.search();
+                        $.each(instance, (i, e) => {
+                            e.search();
+                        });
                    });

-                    search_field.on("keydown", function (e) {
-                        if (e.key == "Escape") {
+                    search_field.on("keyup", function (event) {
+                        if (event.key == "Escape") {
                            reset_search.trigger("click");
+                        } else {
+                            $.each(instance, (i, e) => {
+                                e.search($(this)
+                                    .val());
+                            });
                        }
                    });

-                    list.on("searchComplete", function () {
-                        var last_show_with_children = -1;
-                        for (var i = 0; i < list.items.length; i++) {
-                            if ($(list.items[i].elm)
-                                .hasClass("show-with-children")) {
-                                last_show_with_children = i;
-                            }
+                    $.each(instance, (i, e) => {
+                        e.on("searchComplete", function () {
+                            var last_show_with_children = {};
+                            e.items.forEach((item) => {
+                                if ($(item.elm)
+                                    .hasClass("show-with-children")) {
+                                    var kind = $(item.elm)
+                                        .attr("class")
+                                        .split(/\s+/)
+                                        .join();
+                                    last_show_with_children[kind] = item;
+                                }

-                            if (list.items[i].found &&
-                                last_show_with_children >= 0 &&
-                                list.items[last_show_with_children].found == false) {
-                                list.items[last_show_with_children].found = true;
-                                list.items[last_show_with_children].show();
-                                last_show_with_children = -1;
-                            }
+                                if (item.found) {
+                                    Object.entries(last_show_with_children)
+                                        .forEach(([key, val]) => {
+                                            val.found = true;
+                                            val.show();
+                                            delete last_show_with_children[key];
+                                        });
+                                }

-                            if ($(list.items[i].elm)
-                                .hasClass("show-always")) {
-                                list.items[i].found = true;
-                                list.items[i].show();
-                            }
-                        }
-                        list.update();
+                                if ($(item.elm)
+                                    .hasClass("show-always")) {
+                                    item.found = true;
+                                    item.show();
+                                }
+                            });
+                            e.update();
+                        });
                    });
                }
            });
--- a/ietf/templates/doc/search/search_result_row.html
+++ b/ietf/templates/doc/search/search_result_row.html
@ -40,7 +40,7 @@
        {% endfor %}
    </td>

-    <td class="doc">
+    <td class="document">
        <div>
            <a href="{{ doc.get_absolute_url }}">{% if doc.get_state_slug == "rfc" %}RFC {{ doc.rfc_number }}{% else %}{{ doc.name }}-{{ doc.rev }}{% endif %}</a>

@ -69,7 +69,7 @@
        {% endif %}
    </td>

-    <td>
+    <td class="date">
        <span class="text-nowrap">

            {% if doc.latest_revision_date|timesince_days|new_enough:request and doc.get_state_slug != "rfc" %}
@ -122,7 +122,7 @@
    </td>

    {% if ad_name == None or ad_name != doc.ad.plain_name %}
-        <td class="area-director">
+        <td class="ad">
            {% if doc.ad %}
                {% person_link doc.ad title="Area Director" %}<br>
            {% endif %}
--- a/ietf/templates/doc/search/search_results.html
+++ b/ietf/templates/doc/search/search_results.html
@ -14,61 +14,64 @@
    {% endif %}

    {% comment %}
-  Disable the js tablesort stuff for a truncate result, per Henrik.
-  FIXME: datatables support partial loading via AJAX, should redesign this
-  {% endcomment %}
-    <table class="table table-sm table-striped {% if not meta.max %}tablesorter{% endif %}">
-        <thead>
-            <tr>
-                <th data-orderable="false"></th>
+    Disable the js tablesort stuff for a truncate result, per Henrik.
+    {% endcomment %}
+    {% if start_table %}
+        <table class="table table-sm table-striped {% if not meta.max %}tablesorter{% endif %}">
+            <thead>
+                <tr>
+                    <th></th>

-                {% for h in meta.headers %}
-                    {% if h.title != "Title" %}
-                        <th data-header="{{ h.key }}">
-                            {% if "sort_url" in h %}
-                                <a href="{{ h.sort_url }}">{{ h.title }}
-                                    {% if h.sorted and meta.max %}
-                                        {% if h.direction == "asc" %}
-                                            <span class="bi bi-caret-up"></span>
-                                        {% else %}
-                                            <span class="bi bi-caret-down"></span>
+                    {% for h in meta.headers %}
+                        {% if h.title != "Title" %}
+                            <th data-sort="{{ h.key }}">
+                                {% if "sort_url" in h %}
+                                    <a href="{{ h.sort_url }}">{{ h.title|cut:" " }}
+                                        {% if h.sorted and meta.max %}
+                                            {% if h.direction == "asc" %}
+                                                <span class="bi bi-caret-up"></span>
+                                            {% else %}
+                                                <span class="bi bi-caret-down"></span>
+                                            {% endif %}
                                        {% endif %}
-                                    {% endif %}
-                                </a>
-                            {% else %}
-                                {{ h.title }}
-                            {% endif %}
-                        </th>
-                    {% endif %}
-                {% endfor %}
+                                    </a>
+                                {% else %}
+                                    {{ h.title|cut:" " }}
+                                {% endif %}
+                            </th>
+                        {% endif %}
+                    {% endfor %}

+                    {% if color_row_positions %}
+                        <th></th>
+                    {% endif %}
+                </tr>
+            </thead>
+    {% endif %}
+
+    {% regroup docs by search_heading as grouped_docs %}
+
+    {% for doc_group in grouped_docs %}
+        <thead>
+            <tr class="table-info">
+                <th></th>
                {% if color_row_positions %}
-                    <th data-orderable="false"></th>
+                    <th colspan="{{ meta.headers|length }}">
+                {% else %}
+                    <th colspan="{{ meta.headers|length|add:"-1" }}">
                {% endif %}
-            </tr>
+                {{ doc_group.grouper|plural:doc_group.list }} ({{doc_group.list|length}} {{"hit"|plural:doc_group.list}})
+            </th>
+        </tr>
        </thead>

-        {% regroup docs by search_heading as grouped_docs %}
-
-        {% for doc_group in grouped_docs %}
-            <thead>
-                <tr class="table-info">
-                    <th></th>
-                    {% if color_row_positions %}
-                        <th colspan="{{ meta.headers|length }}">
-                    {% else %}
-                        <th colspan="{{ meta.headers|length|add:"-1" }}">
-                    {% endif %}
-                    {{ doc_group.grouper|plural:doc_group.list }} ({{doc_group.list|length}} {{"hit"|plural:doc_group.list}})
-                </th>
-            </tr>
-            </thead>
-
-            <tbody>
-                {% for doc in doc_group.list %}
-                    {% include "doc/search/search_result_row.html" %}
-                {% endfor %}
-        {% endfor %}
+        <tbody>
+            {% for doc in doc_group.list %}
+                {% include "doc/search/search_result_row.html" %}
+            {% endfor %}
+    {% endfor %}
    </tbody>
-    </table>
-{% endif %}
+    {% if end_table %}
+        </table>
+    {% endif %}
+{% endif %}
--- a/ietf/templates/doc/search/status_columns.html
+++ b/ietf/templates/doc/search/status_columns.html
@ -81,4 +81,4 @@



-</td>
+</td>
--- a/ietf/templates/group/group_base.html
+++ b/ietf/templates/group/group_base.html
@ -5,7 +5,7 @@
 {% load ietf_filters static %}

 {% block pagehead %}
-    <link rel="stylesheet" href="{% static "ietf/css/datatables.css" %}">
+    <link rel="stylesheet" href="{% static "ietf/css/list.css" %}">
 {% endblock %}

 {% block title %}{{ group.name }} ({{ group.acronym }}) - {% block group_subtitle %}{% endblock %}{% endblock %}
@ -49,5 +49,5 @@
 {% endblock content %}

 {% block js %}
-    <script src="{% static "ietf/js/datatables.js" %}"></script>
-{% endblock %}
+    <script src="{% static "ietf/js/list.js" %}"></script>
+{% endblock %}
--- a/ietf/templates/group/group_documents.html
+++ b/ietf/templates/group/group_documents.html
@ -7,11 +7,11 @@
 {% block group_content %}
    {% origin %}
    {% if docs_related %}
-        {% include "doc/search/search_results.html" with skip_no_matches_warning=True %}
+        {% include "doc/search/search_results.html" with skip_no_matches_warning=True start_table=True end_table=False %}
    {% else %}
-        {% include "doc/search/search_results.html" %}
+        {% include "doc/search/search_results.html" with start_table=True end_table=False %}
    {% endif %}
-    {% include "doc/search/search_results.html" with docs=docs_related meta=meta_related skip_no_matches_warning=True %}
+    {% include "doc/search/search_results.html" with docs=docs_related meta=meta_related skip_no_matches_warning=True start_table=False end_table=True %}
    {% include "community/list_menu.html" %}

-{% endblock group_content %}
+{% endblock group_content %}
--- a/ietf/templates/meeting/agenda.html
+++ b/ietf/templates/meeting/agenda.html
@ -118,32 +118,35 @@
                    <p>Check boxes below to select individual sessions.</p>
                {% endif %}

-                    <table id="agenda-table" class="table table-sm tablesorter">
-                        <thead>
-                            <tr>
-                                <th data-field=""></th>
-                                <th data-field=""></th>
-                                <th data-field="loc"></th>
-                                <th data-field="group"></th>
-                                <th data-field="area"></th>
-                                <th data-field="desc"></th>
-                            </tr>
-                        </thead>
-                        <tbody class="list">
-                            {% for item in filtered_assignments %}
-                                {% ifchanged item.timeslot.time|date:"Y-m-d" %}
-                                    <tr class="table-primary show-with-children">
-                                        <td colspan="6">
-                                            {# The anchor here needs to be in a div, not in the th, in order for the anchor-target margin hack to work #}
-                                            <div class="anchor-target" id="slot-{{item.timeslot.time|slugify}}"></div>
-                                            <div class="fw-bold">{{ item.timeslot.time|date:"l, F j, Y" }}</div>
-                                        </td>
-                                    </tr>
-                                {% endifchanged %}
-                                {% if item|is_special_agenda_item %}
-                                    <tr id="row-{{ item.slug }}" data-filter-keywords="{{ item.filter_keywords|join:',' }}"
-                                        data-slot-start-ts="{{item.start_timestamp}}"
-                                        data-slot-end-ts="{{item.end_timestamp}}">
+                <table id="agenda-table" class="table table-sm tablesorter">
+                    <thead>
+                        <tr>
+                            {% if personalize %}
+                                <th data-sort=""></th>
+                            {% endif %}
+                            <th data-sort=""></th>
+                            <th data-sort="loc"></th>
+                            <th data-sort="group"></th>
+                            <th data-sort="area"></th>
+                            <th data-sort="desc"></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for item in filtered_assignments %}
+                            {% ifchanged item.timeslot.time|date:"Y-m-d" %}
+                                <tr class="table-primary show-with-children">
+                                    <td colspan="{% if personalize %}6{% else %}5{% endif %}">
+                                        {# The anchor here needs to be in a div, not in the th, in order for the anchor-target margin hack to work #}
+                                        <div class="anchor-target" id="slot-{{item.timeslot.time|slugify}}"></div>
+                                        <div class="fw-bold">{{ item.timeslot.time|date:"l, F j, Y" }}</div>
+                                    </td>
+                                </tr>
+                            {% endifchanged %}
+                            {% if item|is_special_agenda_item %}
+                                <tr id="row-{{ item.slug }}" data-filter-keywords="{{ item.filter_keywords|join:',' }}"
+                                    data-slot-start-ts="{{item.start_timestamp}}"
+                                    data-slot-end-ts="{{item.end_timestamp}}">
+                                    {% if personalize %}
                                        <td class="text-center">
                                            {% if item.session_keyword %}
                                                <input
@ -156,48 +159,49 @@
                                                    data-filter-item="{{ item.session_keyword }}">
                                            {% endif %}
                                        </td>
-
-                                        <td class="text-nowrap text-end">
-                                            {% include "meeting/timeslot_start_end.html" %}
-                                        </td>
-                                        <td colspan="3" class="loc">
-                                            {% location_anchor item.timeslot %}
-                                            {{ item.timeslot.get_html_location }}
-                                {% end_location_anchor %}
-                                {% if item.timeslot.show_location and item.timeslot.get_html_location %}
-                                    {% with item.timeslot.location.floorplan as floor %}
-                                        {% if item.timeslot.location.floorplan %}
-                                            <div class="d-none d-sm-block">
-                                                <a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}#{{floor.name|xslugify}}"
-                                                    class="float-end" title="{{floor.name}}"><span class="badge bg-secondary label-wide">{{floor.short}}</span></a>
-                                            </div>
-                                        {% endif %}
-                                    {% endwith %}
-                                {% endif %}
-                                </td>
-                                <td class="desc">
-                                    {% agenda_anchor item.session %}
-                                    {% assignment_display_name item %}
-                            {% end_agenda_anchor %}
-
-                            {% if item.session.current_status == 'canceled' %}
-                                <span class="badge bg-danger float-end">CANCELLED</span>
-                            {% else %}
-                                <div class="float-end ps-3">
-                                    {% if item.slot_type.slug == 'other' %}
-                                        {% if item.session.agenda or item.session.remote_instructions or item.session.agenda_note %}
-                                            {% include "meeting/session_buttons_include.html" with show_agenda=True item=item schedule=schedule %}
-                                        {% else %}
-                                            {% for slide in item.session.slides %}
-                                                <a href="{{slide.get_href}}">{{ slide.title|clean_whitespace }}</a>
-                                                <br>
-                                            {% endfor %}
-                                        {% endif %}
                                    {% endif %}
-                                </div>
+
+                                    <td class="text-nowrap text-end">
+                                        {% include "meeting/timeslot_start_end.html" %}
+                                    </td>
+                                    <td colspan="3" class="loc">
+                                        {% location_anchor item.timeslot %}
+                                        {{ item.timeslot.get_html_location }}
+                            {% end_location_anchor %}
+                            {% if item.timeslot.show_location and item.timeslot.get_html_location %}
+                                {% with item.timeslot.location.floorplan as floor %}
+                                    {% if item.timeslot.location.floorplan %}
+                                        <div class="d-none d-sm-block">
+                                            <a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}#{{floor.name|xslugify}}"
+                                                class="float-end" title="{{floor.name}}"><span class="badge bg-secondary label-wide">{{floor.short}}</span></a>
+                                        </div>
+                                    {% endif %}
+                                {% endwith %}
                            {% endif %}
-                        </td>
-                    </tr>
+                            </td>
+                            <td class="desc">
+                                {% agenda_anchor item.session %}
+                                {% assignment_display_name item %}
+                        {% end_agenda_anchor %}
+
+                        {% if item.session.current_status == 'canceled' %}
+                            <span class="badge bg-danger float-end">CANCELLED</span>
+                        {% else %}
+                            <div class="float-end ps-3">
+                                {% if item.slot_type.slug == 'other' %}
+                                    {% if item.session.agenda or item.session.remote_instructions or item.session.agenda_note %}
+                                        {% include "meeting/session_buttons_include.html" with show_agenda=True item=item schedule=schedule %}
+                                    {% else %}
+                                        {% for slide in item.session.slides %}
+                                            <a href="{{slide.get_href}}">{{ slide.title|clean_whitespace }}</a>
+                                            <br>
+                                        {% endfor %}
+                                    {% endif %}
+                                {% endif %}
+                            </div>
+                        {% endif %}
+                    </td>
+                </tr>

            {% elif item|is_regular_agenda_item or item|is_plenary_agenda_item %}

@ -206,8 +210,9 @@
                        <tr class="table-secondary session-label-row show-with-children"
                            data-slot-start-ts="{{item.start_timestamp}}"
                            data-slot-end-ts="{{item.end_timestamp}}">
-                            <td class="text-center">
-                            </td>
+                            {% if personalize %}
+                                <td class="text-center"></td>
+                            {% endif %}

                            <td class="text-nowrap text-end fw-bold">
                                {% include "meeting/timeslot_start_end.html" %}
@ -228,18 +233,20 @@
                        data-slot-start-ts="{{item.start_timestamp}}"
                        data-slot-end-ts="{{item.end_timestamp}}">

-                        <td class="text-center">
-                            {% if item.session_keyword %}
-                                <input
-                                    type="checkbox"
-                                    class="pickview form-check-input"
-                                    title="Select session"
-                                    name="selected-sessions"
-                                    value="{{ item.session_keyword }}"
-                                    data-filter-keywords="{{ item.filter_keywords|join:',' }}"
-                                    data-filter-item="{{ item.session_keyword }}">
-                            {% endif %}
-                        </td>
+                        {% if personalize %}
+                            <td class="text-center">
+                                {% if item.session_keyword %}
+                                    <input
+                                        type="checkbox"
+                                        class="pickview form-check-input"
+                                        title="Select session"
+                                        name="selected-sessions"
+                                        value="{{ item.session_keyword }}"
+                                        data-filter-keywords="{{ item.filter_keywords|join:',' }}"
+                                        data-filter-item="{{ item.session_keyword }}">
+                                {% endif %}
+                            </td>
+                        {% endif %}

                        {% if item.slot_type.slug == 'plenary' %}
                            <td class="text-nowrap text-end">
@ -262,6 +269,7 @@
                            {% endif %}
                        {% endwith %}
                    </td>
+
                    <td class="loc">
                        {% location_anchor item.timeslot %}
                        {{item.timeslot.get_html_location}}
--- a/package-lock.json
+++ b/package-lock.json
@ -35,9 +35,9 @@
      }
    },
    "node_modules/@babel/compat-data": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.0.tgz",
-      "integrity": "sha512-DGjt2QZse5SGd9nfOSqO4WLJ8NN/oHkijbXbPrxuoJO3oIPJL3TciZs9FX+cOHNiY9E9l0opL8g7BmLe3T+9ew==",
+      "version": "7.16.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz",
+      "integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==",
      "dev": true,
      "engines": {
        "node": ">=6.9.0"
@ -397,9 +397,9 @@
      }
    },
    "node_modules/@babel/parser": {
-      "version": "7.16.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.3.tgz",
-      "integrity": "sha512-dcNwU1O4sx57ClvLBVFbEgx0UZWfd0JQX5X6fxFRCLHelFBGXFfSz6Y0FAq2PEwUqlqLkdVjVr4VASEOuUnLJw==",
+      "version": "7.16.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.4.tgz",
+      "integrity": "sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng==",
      "dev": true,
      "bin": {
        "parser": "bin/babel-parser.js"
@ -1761,9 +1761,9 @@
      }
    },
    "node_modules/@parcel/watcher": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.1.tgz",
-      "integrity": "sha512-XegFF4L8sFn1RzU5KKOZxXUuzgOSwd6+X2ez3Cy6MVhYMbiLZ1moceMTqDhuT3N8DNbdumK3zP1wojsIsnX40w==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.2.tgz",
+      "integrity": "sha512-WGJY55/mTAGse2C9VVi2oo+p05oJ0kiSHmOjV33+ywgKgUkUh6B/qFQ5kBO/9mH686qqtV3k2zH1QNm+XX4+lw==",
      "dev": true,
      "hasInstallScript": true,
      "dependencies": {
@ -1836,9 +1836,9 @@
      }
    },
    "node_modules/@types/node": {
-      "version": "16.11.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.7.tgz",
-      "integrity": "sha512-QB5D2sqfSjCmTuWcBWyJ+/44bcjO7VbjSbOE0ucoVbAsSNQc4Lt6QkgkVXkTDwkL4z/beecZNDvVX15D4P8Jbw==",
+      "version": "16.11.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.9.tgz",
+      "integrity": "sha512-MKmdASMf3LtPzwLyRrFjtFFZ48cMf8jmX5VRYrDQiJa8Ybu5VAmkqBWqKU8fdCwD8ysw4mQ9nrEHvzg6gunR7A==",
      "dev": true
    },
    "node_modules/@types/parse-json": {
@ -1860,9 +1860,9 @@
      "dev": true
    },
    "node_modules/acorn": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
-      "integrity": "sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+      "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
      "dev": true,
      "bin": {
        "acorn": "bin/acorn"
@ -2097,9 +2097,9 @@
      }
    },
    "node_modules/astring": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/astring/-/astring-1.7.5.tgz",
-      "integrity": "sha512-lobf6RWXb8c4uZ7Mdq0U12efYmpD1UFnyOWVJPTa3ukqZrMopav+2hdNu0hgBF0JIBFK9QgrBDfwYvh3DFJDAA==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/astring/-/astring-1.8.1.tgz",
+      "integrity": "sha512-Aj3mbwVzj7Vve4I/v2JYOPFkCGM2YS7OqQTNSxmUR+LECRpokuPgAYghePgr6SALDo5bD5DlfbSaYjOzGJZOLQ==",
      "dev": true,
      "bin": {
        "astring": "bin/astring"
@ -2262,9 +2262,9 @@
      }
    },
    "node_modules/bootstrap-icons": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.0.tgz",
-      "integrity": "sha512-x2ORQ3lv1QdSnIzzQdU8mf83fbCq4FIaUinrAWw+a/d186vO3Ph7qUfqzvQDBA41AD6IoxdRHD6zUt9IXC1J6A==",
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
+      "integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw==",
      "engines": {
        "node": ">=10"
      }
@ -2391,13 +2391,13 @@
      }
    },
    "node_modules/browserslist": {
-      "version": "4.17.6",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.6.tgz",
-      "integrity": "sha512-uPgz3vyRTlEiCv4ee9KlsKgo2V6qPk7Jsn0KAn2OBqbqKo3iNcPEC1Ti6J4dwnz+aIRfEEEuOzC9IBk8tXUomw==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.18.1.tgz",
+      "integrity": "sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ==",
      "dev": true,
      "dependencies": {
-        "caniuse-lite": "^1.0.30001274",
-        "electron-to-chromium": "^1.3.886",
+        "caniuse-lite": "^1.0.30001280",
+        "electron-to-chromium": "^1.3.896",
        "escalade": "^3.1.1",
        "node-releases": "^2.0.1",
        "picocolors": "^1.0.0"
@ -2499,9 +2499,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001279",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001279.tgz",
-      "integrity": "sha512-VfEHpzHEXj6/CxggTwSFoZBBYGQfQv9Cf42KPlO79sWXCD1QNKWKsKzFeWL7QpZHJQYAvocqV6Rty1yJMkqWLQ==",
+      "version": "1.0.30001282",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001282.tgz",
+      "integrity": "sha512-YhF/hG6nqBEllymSIjLtR2iWDDnChvhnVJqp+vloyt2tEHFG1yBR+ac2B/rOw0qOK0m0lEXU2dv4E/sMk5P9Kg==",
      "dev": true,
      "funding": {
        "type": "opencollective",
@ -2852,15 +2852,6 @@
        "node": "*"
      }
    },
-    "node_modules/css-color-names": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-1.0.1.tgz",
-      "integrity": "sha512-/loXYOch1qU1biStIFsHH8SxTmOseh1IJqFvy8IujXOm1h+QjUdDhkzOrR5HG8K8mlxREj0yfi8ewCHx0eMxzA==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
    "node_modules/css-declaration-sorter": {
      "version": "6.1.3",
      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.1.3.tgz",
@ -3062,12 +3053,12 @@
      }
    },
    "node_modules/cssnano": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.0.10.tgz",
-      "integrity": "sha512-YfNhVJJ04imffOpbPbXP2zjIoByf0m8E2c/s/HnvSvjXgzXMfgopVjAEGvxYOjkOpWuRQDg/OZFjO7WW94Ri8w==",
+      "version": "5.0.11",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.0.11.tgz",
+      "integrity": "sha512-5SHM31NAAe29jvy0MJqK40zZ/8dGlnlzcfHKw00bWMVFp8LWqtuyPSFwbaoIoxvt71KWJOfg8HMRGrBR3PExCg==",
      "dev": true,
      "dependencies": {
-        "cssnano-preset-default": "^5.1.6",
+        "cssnano-preset-default": "^5.1.7",
        "is-resolvable": "^1.1.0",
        "lilconfig": "^2.0.3",
        "yaml": "^1.10.2"
@ -3084,9 +3075,9 @@
      }
    },
    "node_modules/cssnano-preset-default": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.1.6.tgz",
-      "integrity": "sha512-X2nDeNGBXc0486oHjT2vSj+TdeyVsxRvJUxaOH50hOM6vSDLkKd0+59YXpSZRInJ4sNtBOykS4KsPfhdrU/35w==",
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.1.7.tgz",
+      "integrity": "sha512-bWDjtTY+BOqrqBtsSQIbN0RLGD2Yr2CnecpP0ydHNafh9ZUEre8c8VYTaH9FEbyOt0eIfEUAYYk5zj92ioO8LA==",
      "dev": true,
      "dependencies": {
        "css-declaration-sorter": "^6.0.3",
@ -3098,11 +3089,11 @@
        "postcss-discard-duplicates": "^5.0.1",
        "postcss-discard-empty": "^5.0.1",
        "postcss-discard-overridden": "^5.0.1",
-        "postcss-merge-longhand": "^5.0.3",
-        "postcss-merge-rules": "^5.0.2",
+        "postcss-merge-longhand": "^5.0.4",
+        "postcss-merge-rules": "^5.0.3",
        "postcss-minify-font-values": "^5.0.1",
        "postcss-minify-gradients": "^5.0.3",
-        "postcss-minify-params": "^5.0.1",
+        "postcss-minify-params": "^5.0.2",
        "postcss-minify-selectors": "^5.1.0",
        "postcss-normalize-charset": "^5.0.1",
        "postcss-normalize-display-values": "^5.0.1",
@ -3111,13 +3102,13 @@
        "postcss-normalize-string": "^5.0.1",
        "postcss-normalize-timing-functions": "^5.0.1",
        "postcss-normalize-unicode": "^5.0.1",
-        "postcss-normalize-url": "^5.0.2",
+        "postcss-normalize-url": "^5.0.3",
        "postcss-normalize-whitespace": "^5.0.1",
        "postcss-ordered-values": "^5.0.2",
        "postcss-reduce-initial": "^5.0.1",
        "postcss-reduce-transforms": "^5.0.1",
        "postcss-svgo": "^5.0.3",
-        "postcss-unique-selectors": "^5.0.1"
+        "postcss-unique-selectors": "^5.0.2"
      },
      "engines": {
        "node": "^10 || ^12 || >=14.0"
@ -3450,9 +3441,9 @@
      }
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.3.894",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.894.tgz",
-      "integrity": "sha512-WY8pA4irAZ4cm/Pr7YFPtPLVqj3nU6d0SbfoHF6M7HZNONfPdAnYAarumqQ75go2LuN72uO9wGuCEqnfya/ytg==",
+      "version": "1.3.904",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.904.tgz",
+      "integrity": "sha512-x5uZWXcVNYkTh4JubD7KSC1VMKz0vZwJUqVwY3ihsW0bst1BXDe494Uqbg3Y0fDGVjJqA8vEeGuvO5foyH2+qw==",
      "dev": true
    },
    "node_modules/elliptic": {
@ -3725,9 +3716,9 @@
      }
    },
    "node_modules/eslint": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.2.0.tgz",
-      "integrity": "sha512-erw7XmM+CLxTOickrimJ1SiF55jiNlVSp2qqm0NuBWPtHYQCegD5ZMaW0c3i5ytPqL+SSLaCxdvQXFPLJn+ABw==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.3.0.tgz",
+      "integrity": "sha512-aIay56Ph6RxOTC7xyr59Kt3ewX185SaGnAr8eWukoPLeriCrvGjvAubxuvaXOfsxhtwV5g0uBOsyhAom4qJdww==",
      "dev": true,
      "dependencies": {
        "@eslint/eslintrc": "^1.0.4",
@ -3739,10 +3730,10 @@
        "doctrine": "^3.0.0",
        "enquirer": "^2.3.5",
        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^6.0.0",
+        "eslint-scope": "^7.1.0",
        "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.0.0",
-        "espree": "^9.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.1.0",
        "esquery": "^1.4.0",
        "esutils": "^2.0.2",
        "fast-deep-equal": "^3.1.3",
@ -3780,9 +3771,9 @@
      }
    },
    "node_modules/eslint-scope": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
-      "integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.0.tgz",
+      "integrity": "sha512-aWwkhnS0qAXqNOgKOK0dJ2nvzEbhEvpy8OlJ9kZ0FeZnA6zpjv1/Vei+puGFFX7zkPCkHHXb7IDX3A+7yPrRWg==",
      "dev": true,
      "dependencies": {
        "esrecurse": "^4.3.0",
@ -3903,14 +3894,14 @@
      }
    },
    "node_modules/espree": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.0.0.tgz",
-      "integrity": "sha512-r5EQJcYZ2oaGbeR0jR0fFVijGOcwai07/690YRXLINuhmVeRY4UKSAsQPe/0BNuDgwP7Ophoc1PRsr2E3tkbdQ==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.1.0.tgz",
+      "integrity": "sha512-ZgYLvCS1wxOczBYGcQT9DDWgicXwJ4dbocr9uYN+/eresBAUuBu+O4WzB21ufQ/JqQT8gyp7hJ3z8SHii32mTQ==",
      "dev": true,
      "dependencies": {
-        "acorn": "^8.5.0",
+        "acorn": "^8.6.0",
        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^3.0.0"
+        "eslint-visitor-keys": "^3.1.0"
      },
      "engines": {
        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@ -4629,9 +4620,9 @@
      }
    },
    "node_modules/htmlparser2": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.1.2.tgz",
-      "integrity": "sha512-d6cqsbJba2nRdg8WW2okyD4ceonFHn9jLFxhwlNcLhQWcFPdxXeJulgOLjLKtAK9T6ahd+GQNZwG9fjmGW7lyg==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
+      "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
      "dev": true,
      "funding": [
        "https://github.com/fb55/htmlparser2?sponsor=1",
@ -5545,9 +5536,9 @@
      }
    },
    "node_modules/lines-and-columns": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
-      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
      "dev": true
    },
    "node_modules/list.js": {
@ -5562,19 +5553,17 @@
      }
    },
    "node_modules/lmdb-store": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/lmdb-store/-/lmdb-store-1.6.13.tgz",
-      "integrity": "sha512-WJPNfzSZXD6anGFdIEK/wq/HzAU5kfi7+LSUSzQ2Qo9uV9REeIYPGqWX+FKl/QCb6qK4ie1D4f44aEvvv7M7rw==",
+      "version": "1.6.14",
+      "resolved": "https://registry.npmjs.org/lmdb-store/-/lmdb-store-1.6.14.tgz",
+      "integrity": "sha512-4woZfvfgolMEngjoMJrwePjdLotr3QKGJsDWURlJmKBed5JtE00IfAKo7ryPowl4ksGcs21pcdLkwrPnKomIuA==",
      "dev": true,
      "hasInstallScript": true,
      "dependencies": {
+        "msgpackr": "^1.5.0",
        "nan": "^2.14.2",
        "node-gyp-build": "^4.2.3",
        "ordered-binary": "^1.0.0",
        "weak-lru-cache": "^1.0.0"
-      },
-      "optionalDependencies": {
-        "msgpackr": "^1.4.7"
      }
    },
    "node_modules/loader-utils": {
@ -5831,11 +5820,10 @@
      "dev": true
    },
    "node_modules/msgpackr": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.5.0.tgz",
-      "integrity": "sha512-GWMowA95SOMkrFM+uKF/9MOIoZbDwoZ09XEqSoOwyt/IzohTfxfOJrIGW0fInvcZUEoZ0wHCwVg4K0UOOUA49A==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.5.1.tgz",
+      "integrity": "sha512-I1CXFG8BYYSeIhtDlHpUVMsdDiyvP9JAh1d9QoBnkPx3ETPeH/1lR14hweM9GETs09wCWlaOyhtXxIc9boxAAA==",
      "dev": true,
-      "optional": true,
      "optionalDependencies": {
        "msgpackr-extract": "^1.0.14"
      }
@ -6433,12 +6421,11 @@
      }
    },
    "node_modules/postcss-merge-longhand": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.3.tgz",
-      "integrity": "sha512-kmB+1TjMTj/bPw6MCDUiqSA5e/x4fvLffiAdthra3a0m2/IjTrWsTmD3FdSskzUjEwkj5ZHBDEbv5dOcqD7CMQ==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz",
+      "integrity": "sha512-2lZrOVD+d81aoYkZDpWu6+3dTAAGkCKbV5DoRhnIR7KOULVrI/R7bcMjhrH9KTRy6iiHKqmtG+n/MMj1WmqHFw==",
      "dev": true,
      "dependencies": {
-        "css-color-names": "^1.0.1",
        "postcss-value-parser": "^4.1.0",
        "stylehacks": "^5.0.1"
      },
@ -6450,16 +6437,15 @@
      }
    },
    "node_modules/postcss-merge-rules": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.0.2.tgz",
-      "integrity": "sha512-5K+Md7S3GwBewfB4rjDeol6V/RZ8S+v4B66Zk2gChRqLTCC8yjnHQ601omj9TKftS19OPGqZ/XzoqpzNQQLwbg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.0.3.tgz",
+      "integrity": "sha512-cEKTMEbWazVa5NXd8deLdCnXl+6cYG7m2am+1HzqH0EnTdy8fRysatkaXb2dEnR+fdaDxTvuZ5zoBdv6efF6hg==",
      "dev": true,
      "dependencies": {
        "browserslist": "^4.16.6",
        "caniuse-api": "^3.0.0",
        "cssnano-utils": "^2.0.1",
-        "postcss-selector-parser": "^6.0.5",
-        "vendors": "^1.0.3"
+        "postcss-selector-parser": "^6.0.5"
      },
      "engines": {
        "node": "^10 || ^12 || >=14.0"
@ -6501,16 +6487,15 @@
      }
    },
    "node_modules/postcss-minify-params": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.0.1.tgz",
-      "integrity": "sha512-4RUC4k2A/Q9mGco1Z8ODc7h+A0z7L7X2ypO1B6V8057eVK6mZ6xwz6QN64nHuHLbqbclkX1wyzRnIrdZehTEHw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.0.2.tgz",
+      "integrity": "sha512-qJAPuBzxO1yhLad7h2Dzk/F7n1vPyfHfCCh5grjGfjhi1ttCnq4ZXGIW77GSrEbh9Hus9Lc/e/+tB4vh3/GpDg==",
      "dev": true,
      "dependencies": {
        "alphanum-sort": "^1.0.2",
-        "browserslist": "^4.16.0",
+        "browserslist": "^4.16.6",
        "cssnano-utils": "^2.0.1",
-        "postcss-value-parser": "^4.1.0",
-        "uniqs": "^2.0.0"
+        "postcss-value-parser": "^4.1.0"
      },
      "engines": {
        "node": "^10 || ^12 || >=14.0"
@ -7156,9 +7141,9 @@
      }
    },
    "node_modules/postcss-normalize-url": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.0.2.tgz",
-      "integrity": "sha512-k4jLTPUxREQ5bpajFQZpx8bCF2UrlqOTzP9kEqcEnOfwsRshWs2+oAFIHfDQB8GO2PaUaSE0NlTAYtbluZTlHQ==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.0.3.tgz",
+      "integrity": "sha512-qWiUMbvkRx3kc1Dp5opzUwc7MBWZcSDK2yofCmdvFBCpx+zFPkxBC1FASQ59Pt+flYfj/nTZSkmF56+XG5elSg==",
      "dev": true,
      "dependencies": {
        "is-absolute-url": "^3.0.3",
@ -7265,14 +7250,13 @@
      }
    },
    "node_modules/postcss-unique-selectors": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz",
-      "integrity": "sha512-gwi1NhHV4FMmPn+qwBNuot1sG1t2OmacLQ/AX29lzyggnjd+MnVD5uqQmpXO3J17KGL2WAxQruj1qTd3H0gG/w==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.2.tgz",
+      "integrity": "sha512-w3zBVlrtZm7loQWRPVC0yjUwwpty7OM6DnEHkxcSQXO1bMS3RJ+JUS5LFMSDZHJcvGsRwhZinCWVqn8Kej4EDA==",
      "dev": true,
      "dependencies": {
        "alphanum-sort": "^1.0.2",
-        "postcss-selector-parser": "^6.0.5",
-        "uniqs": "^2.0.0"
+        "postcss-selector-parser": "^6.0.5"
      },
      "engines": {
        "node": "^10 || ^12 || >=14.0"
@ -7872,9 +7856,9 @@
      }
    },
    "node_modules/signal-exit": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.5.tgz",
-      "integrity": "sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
+      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
      "dev": true
    },
    "node_modules/slash": {
@ -7922,9 +7906,9 @@
      }
    },
    "node_modules/source-map-support": {
-      "version": "0.5.20",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
-      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
      "dev": true,
      "dependencies": {
        "buffer-from": "^1.0.0",
@ -8255,9 +8239,9 @@
      }
    },
    "node_modules/terser": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
-      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.10.0.tgz",
+      "integrity": "sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==",
      "dev": true,
      "dependencies": {
        "commander": "^2.20.0",
@ -8269,6 +8253,14 @@
      },
      "engines": {
        "node": ">=10"
+      },
+      "peerDependencies": {
+        "acorn": "^8.5.0"
+      },
+      "peerDependenciesMeta": {
+        "acorn": {
+          "optional": true
+        }
      }
    },
    "node_modules/terser/node_modules/commander": {
@ -8515,12 +8507,6 @@
      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
      "dev": true
    },
-    "node_modules/uniqs": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
-      "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI=",
-      "dev": true
-    },
    "node_modules/unpipe": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@ -8618,16 +8604,6 @@
      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
      "dev": true
    },
-    "node_modules/vendors": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
-      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
    "node_modules/verror": {
      "version": "1.10.0",
      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@ -8876,9 +8852,9 @@
      }
    },
    "@babel/compat-data": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.0.tgz",
-      "integrity": "sha512-DGjt2QZse5SGd9nfOSqO4WLJ8NN/oHkijbXbPrxuoJO3oIPJL3TciZs9FX+cOHNiY9E9l0opL8g7BmLe3T+9ew==",
+      "version": "7.16.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz",
+      "integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==",
      "dev": true
    },
    "@babel/core": {
@ -9153,9 +9129,9 @@
      }
    },
    "@babel/parser": {
-      "version": "7.16.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.3.tgz",
-      "integrity": "sha512-dcNwU1O4sx57ClvLBVFbEgx0UZWfd0JQX5X6fxFRCLHelFBGXFfSz6Y0FAq2PEwUqlqLkdVjVr4VASEOuUnLJw==",
+      "version": "7.16.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.4.tgz",
+      "integrity": "sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng==",
      "dev": true
    },
    "@babel/plugin-syntax-flow": {
@ -10065,9 +10041,9 @@
      }
    },
    "@parcel/watcher": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.1.tgz",
-      "integrity": "sha512-XegFF4L8sFn1RzU5KKOZxXUuzgOSwd6+X2ez3Cy6MVhYMbiLZ1moceMTqDhuT3N8DNbdumK3zP1wojsIsnX40w==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.2.tgz",
+      "integrity": "sha512-WGJY55/mTAGse2C9VVi2oo+p05oJ0kiSHmOjV33+ywgKgUkUh6B/qFQ5kBO/9mH686qqtV3k2zH1QNm+XX4+lw==",
      "dev": true,
      "requires": {
        "node-addon-api": "^3.2.1",
@ -10115,9 +10091,9 @@
      }
    },
    "@types/node": {
-      "version": "16.11.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.7.tgz",
-      "integrity": "sha512-QB5D2sqfSjCmTuWcBWyJ+/44bcjO7VbjSbOE0ucoVbAsSNQc4Lt6QkgkVXkTDwkL4z/beecZNDvVX15D4P8Jbw==",
+      "version": "16.11.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.9.tgz",
+      "integrity": "sha512-MKmdASMf3LtPzwLyRrFjtFFZ48cMf8jmX5VRYrDQiJa8Ybu5VAmkqBWqKU8fdCwD8ysw4mQ9nrEHvzg6gunR7A==",
      "dev": true
    },
    "@types/parse-json": {
@ -10139,9 +10115,9 @@
      "dev": true
    },
    "acorn": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
-      "integrity": "sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+      "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
      "dev": true
    },
    "acorn-globals": {
@ -10319,9 +10295,9 @@
      "dev": true
    },
    "astring": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/astring/-/astring-1.7.5.tgz",
-      "integrity": "sha512-lobf6RWXb8c4uZ7Mdq0U12efYmpD1UFnyOWVJPTa3ukqZrMopav+2hdNu0hgBF0JIBFK9QgrBDfwYvh3DFJDAA==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/astring/-/astring-1.8.1.tgz",
+      "integrity": "sha512-Aj3mbwVzj7Vve4I/v2JYOPFkCGM2YS7OqQTNSxmUR+LECRpokuPgAYghePgr6SALDo5bD5DlfbSaYjOzGJZOLQ==",
      "dev": true
    },
    "async": {
@ -10445,9 +10421,9 @@
      "requires": {}
    },
    "bootstrap-icons": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.0.tgz",
-      "integrity": "sha512-x2ORQ3lv1QdSnIzzQdU8mf83fbCq4FIaUinrAWw+a/d186vO3Ph7qUfqzvQDBA41AD6IoxdRHD6zUt9IXC1J6A=="
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
+      "integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw=="
    },
    "brace-expansion": {
      "version": "1.1.11",
@ -10567,13 +10543,13 @@
      }
    },
    "browserslist": {
-      "version": "4.17.6",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.6.tgz",
-      "integrity": "sha512-uPgz3vyRTlEiCv4ee9KlsKgo2V6qPk7Jsn0KAn2OBqbqKo3iNcPEC1Ti6J4dwnz+aIRfEEEuOzC9IBk8tXUomw==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.18.1.tgz",
+      "integrity": "sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ==",
      "dev": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001274",
-        "electron-to-chromium": "^1.3.886",
+        "caniuse-lite": "^1.0.30001280",
+        "electron-to-chromium": "^1.3.896",
        "escalade": "^3.1.1",
        "node-releases": "^2.0.1",
        "picocolors": "^1.0.0"
@ -10642,9 +10618,9 @@
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30001279",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001279.tgz",
-      "integrity": "sha512-VfEHpzHEXj6/CxggTwSFoZBBYGQfQv9Cf42KPlO79sWXCD1QNKWKsKzFeWL7QpZHJQYAvocqV6Rty1yJMkqWLQ==",
+      "version": "1.0.30001282",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001282.tgz",
+      "integrity": "sha512-YhF/hG6nqBEllymSIjLtR2iWDDnChvhnVJqp+vloyt2tEHFG1yBR+ac2B/rOw0qOK0m0lEXU2dv4E/sMk5P9Kg==",
      "dev": true
    },
    "caseless": {
@ -10941,12 +10917,6 @@
        "randomfill": "^1.0.3"
      }
    },
-    "css-color-names": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-1.0.1.tgz",
-      "integrity": "sha512-/loXYOch1qU1biStIFsHH8SxTmOseh1IJqFvy8IujXOm1h+QjUdDhkzOrR5HG8K8mlxREj0yfi8ewCHx0eMxzA==",
-      "dev": true
-    },
    "css-declaration-sorter": {
      "version": "6.1.3",
      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.1.3.tgz",
@ -11100,21 +11070,21 @@
      "dev": true
    },
    "cssnano": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.0.10.tgz",
-      "integrity": "sha512-YfNhVJJ04imffOpbPbXP2zjIoByf0m8E2c/s/HnvSvjXgzXMfgopVjAEGvxYOjkOpWuRQDg/OZFjO7WW94Ri8w==",
+      "version": "5.0.11",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.0.11.tgz",
+      "integrity": "sha512-5SHM31NAAe29jvy0MJqK40zZ/8dGlnlzcfHKw00bWMVFp8LWqtuyPSFwbaoIoxvt71KWJOfg8HMRGrBR3PExCg==",
      "dev": true,
      "requires": {
-        "cssnano-preset-default": "^5.1.6",
+        "cssnano-preset-default": "^5.1.7",
        "is-resolvable": "^1.1.0",
        "lilconfig": "^2.0.3",
        "yaml": "^1.10.2"
      }
    },
    "cssnano-preset-default": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.1.6.tgz",
-      "integrity": "sha512-X2nDeNGBXc0486oHjT2vSj+TdeyVsxRvJUxaOH50hOM6vSDLkKd0+59YXpSZRInJ4sNtBOykS4KsPfhdrU/35w==",
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.1.7.tgz",
+      "integrity": "sha512-bWDjtTY+BOqrqBtsSQIbN0RLGD2Yr2CnecpP0ydHNafh9ZUEre8c8VYTaH9FEbyOt0eIfEUAYYk5zj92ioO8LA==",
      "dev": true,
      "requires": {
        "css-declaration-sorter": "^6.0.3",
@ -11126,11 +11096,11 @@
        "postcss-discard-duplicates": "^5.0.1",
        "postcss-discard-empty": "^5.0.1",
        "postcss-discard-overridden": "^5.0.1",
-        "postcss-merge-longhand": "^5.0.3",
-        "postcss-merge-rules": "^5.0.2",
+        "postcss-merge-longhand": "^5.0.4",
+        "postcss-merge-rules": "^5.0.3",
        "postcss-minify-font-values": "^5.0.1",
        "postcss-minify-gradients": "^5.0.3",
-        "postcss-minify-params": "^5.0.1",
+        "postcss-minify-params": "^5.0.2",
        "postcss-minify-selectors": "^5.1.0",
        "postcss-normalize-charset": "^5.0.1",
        "postcss-normalize-display-values": "^5.0.1",
@ -11139,13 +11109,13 @@
        "postcss-normalize-string": "^5.0.1",
        "postcss-normalize-timing-functions": "^5.0.1",
        "postcss-normalize-unicode": "^5.0.1",
-        "postcss-normalize-url": "^5.0.2",
+        "postcss-normalize-url": "^5.0.3",
        "postcss-normalize-whitespace": "^5.0.1",
        "postcss-ordered-values": "^5.0.2",
        "postcss-reduce-initial": "^5.0.1",
        "postcss-reduce-transforms": "^5.0.1",
        "postcss-svgo": "^5.0.3",
-        "postcss-unique-selectors": "^5.0.1"
+        "postcss-unique-selectors": "^5.0.2"
      }
    },
    "cssnano-utils": {
@ -11402,9 +11372,9 @@
      }
    },
    "electron-to-chromium": {
-      "version": "1.3.894",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.894.tgz",
-      "integrity": "sha512-WY8pA4irAZ4cm/Pr7YFPtPLVqj3nU6d0SbfoHF6M7HZNONfPdAnYAarumqQ75go2LuN72uO9wGuCEqnfya/ytg==",
+      "version": "1.3.904",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.904.tgz",
+      "integrity": "sha512-x5uZWXcVNYkTh4JubD7KSC1VMKz0vZwJUqVwY3ihsW0bst1BXDe494Uqbg3Y0fDGVjJqA8vEeGuvO5foyH2+qw==",
      "dev": true
    },
    "elliptic": {
@ -11614,9 +11584,9 @@
      }
    },
    "eslint": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.2.0.tgz",
-      "integrity": "sha512-erw7XmM+CLxTOickrimJ1SiF55jiNlVSp2qqm0NuBWPtHYQCegD5ZMaW0c3i5ytPqL+SSLaCxdvQXFPLJn+ABw==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.3.0.tgz",
+      "integrity": "sha512-aIay56Ph6RxOTC7xyr59Kt3ewX185SaGnAr8eWukoPLeriCrvGjvAubxuvaXOfsxhtwV5g0uBOsyhAom4qJdww==",
      "dev": true,
      "requires": {
        "@eslint/eslintrc": "^1.0.4",
@ -11628,10 +11598,10 @@
        "doctrine": "^3.0.0",
        "enquirer": "^2.3.5",
        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^6.0.0",
+        "eslint-scope": "^7.1.0",
        "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.0.0",
-        "espree": "^9.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.1.0",
        "esquery": "^1.4.0",
        "esutils": "^2.0.2",
        "fast-deep-equal": "^3.1.3",
@ -11712,9 +11682,9 @@
      }
    },
    "eslint-scope": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
-      "integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.0.tgz",
+      "integrity": "sha512-aWwkhnS0qAXqNOgKOK0dJ2nvzEbhEvpy8OlJ9kZ0FeZnA6zpjv1/Vei+puGFFX7zkPCkHHXb7IDX3A+7yPrRWg==",
      "dev": true,
      "requires": {
        "esrecurse": "^4.3.0",
@ -11745,14 +11715,14 @@
      "dev": true
    },
    "espree": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.0.0.tgz",
-      "integrity": "sha512-r5EQJcYZ2oaGbeR0jR0fFVijGOcwai07/690YRXLINuhmVeRY4UKSAsQPe/0BNuDgwP7Ophoc1PRsr2E3tkbdQ==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.1.0.tgz",
+      "integrity": "sha512-ZgYLvCS1wxOczBYGcQT9DDWgicXwJ4dbocr9uYN+/eresBAUuBu+O4WzB21ufQ/JqQT8gyp7hJ3z8SHii32mTQ==",
      "dev": true,
      "requires": {
-        "acorn": "^8.5.0",
+        "acorn": "^8.6.0",
        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^3.0.0"
+        "eslint-visitor-keys": "^3.1.0"
      }
    },
    "esprima": {
@ -12313,9 +12283,9 @@
      }
    },
    "htmlparser2": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.1.2.tgz",
-      "integrity": "sha512-d6cqsbJba2nRdg8WW2okyD4ceonFHn9jLFxhwlNcLhQWcFPdxXeJulgOLjLKtAK9T6ahd+GQNZwG9fjmGW7lyg==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz",
+      "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==",
      "dev": true,
      "requires": {
        "domelementtype": "^2.0.1",
@ -12985,9 +12955,9 @@
      "dev": true
    },
    "lines-and-columns": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
-      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
      "dev": true
    },
    "list.js": {
@ -12999,12 +12969,12 @@
      }
    },
    "lmdb-store": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/lmdb-store/-/lmdb-store-1.6.13.tgz",
-      "integrity": "sha512-WJPNfzSZXD6anGFdIEK/wq/HzAU5kfi7+LSUSzQ2Qo9uV9REeIYPGqWX+FKl/QCb6qK4ie1D4f44aEvvv7M7rw==",
+      "version": "1.6.14",
+      "resolved": "https://registry.npmjs.org/lmdb-store/-/lmdb-store-1.6.14.tgz",
+      "integrity": "sha512-4woZfvfgolMEngjoMJrwePjdLotr3QKGJsDWURlJmKBed5JtE00IfAKo7ryPowl4ksGcs21pcdLkwrPnKomIuA==",
      "dev": true,
      "requires": {
-        "msgpackr": "^1.4.7",
+        "msgpackr": "^1.5.0",
        "nan": "^2.14.2",
        "node-gyp-build": "^4.2.3",
        "ordered-binary": "^1.0.0",
@ -13221,11 +13191,10 @@
      "dev": true
    },
    "msgpackr": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.5.0.tgz",
-      "integrity": "sha512-GWMowA95SOMkrFM+uKF/9MOIoZbDwoZ09XEqSoOwyt/IzohTfxfOJrIGW0fInvcZUEoZ0wHCwVg4K0UOOUA49A==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.5.1.tgz",
+      "integrity": "sha512-I1CXFG8BYYSeIhtDlHpUVMsdDiyvP9JAh1d9QoBnkPx3ETPeH/1lR14hweM9GETs09wCWlaOyhtXxIc9boxAAA==",
      "dev": true,
-      "optional": true,
      "requires": {
        "msgpackr-extract": "^1.0.14"
      }
@ -13666,27 +13635,25 @@
      "requires": {}
    },
    "postcss-merge-longhand": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.3.tgz",
-      "integrity": "sha512-kmB+1TjMTj/bPw6MCDUiqSA5e/x4fvLffiAdthra3a0m2/IjTrWsTmD3FdSskzUjEwkj5ZHBDEbv5dOcqD7CMQ==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz",
+      "integrity": "sha512-2lZrOVD+d81aoYkZDpWu6+3dTAAGkCKbV5DoRhnIR7KOULVrI/R7bcMjhrH9KTRy6iiHKqmtG+n/MMj1WmqHFw==",
      "dev": true,
      "requires": {
-        "css-color-names": "^1.0.1",
        "postcss-value-parser": "^4.1.0",
        "stylehacks": "^5.0.1"
      }
    },
    "postcss-merge-rules": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.0.2.tgz",
-      "integrity": "sha512-5K+Md7S3GwBewfB4rjDeol6V/RZ8S+v4B66Zk2gChRqLTCC8yjnHQ601omj9TKftS19OPGqZ/XzoqpzNQQLwbg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.0.3.tgz",
+      "integrity": "sha512-cEKTMEbWazVa5NXd8deLdCnXl+6cYG7m2am+1HzqH0EnTdy8fRysatkaXb2dEnR+fdaDxTvuZ5zoBdv6efF6hg==",
      "dev": true,
      "requires": {
        "browserslist": "^4.16.6",
        "caniuse-api": "^3.0.0",
        "cssnano-utils": "^2.0.1",
-        "postcss-selector-parser": "^6.0.5",
-        "vendors": "^1.0.3"
+        "postcss-selector-parser": "^6.0.5"
      }
    },
    "postcss-minify-font-values": {
@ -13710,16 +13677,15 @@
      }
    },
    "postcss-minify-params": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.0.1.tgz",
-      "integrity": "sha512-4RUC4k2A/Q9mGco1Z8ODc7h+A0z7L7X2ypO1B6V8057eVK6mZ6xwz6QN64nHuHLbqbclkX1wyzRnIrdZehTEHw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.0.2.tgz",
+      "integrity": "sha512-qJAPuBzxO1yhLad7h2Dzk/F7n1vPyfHfCCh5grjGfjhi1ttCnq4ZXGIW77GSrEbh9Hus9Lc/e/+tB4vh3/GpDg==",
      "dev": true,
      "requires": {
        "alphanum-sort": "^1.0.2",
-        "browserslist": "^4.16.0",
+        "browserslist": "^4.16.6",
        "cssnano-utils": "^2.0.1",
-        "postcss-value-parser": "^4.1.0",
-        "uniqs": "^2.0.0"
+        "postcss-value-parser": "^4.1.0"
      }
    },
    "postcss-minify-selectors": {
@ -14219,9 +14185,9 @@
      }
    },
    "postcss-normalize-url": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.0.2.tgz",
-      "integrity": "sha512-k4jLTPUxREQ5bpajFQZpx8bCF2UrlqOTzP9kEqcEnOfwsRshWs2+oAFIHfDQB8GO2PaUaSE0NlTAYtbluZTlHQ==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.0.3.tgz",
+      "integrity": "sha512-qWiUMbvkRx3kc1Dp5opzUwc7MBWZcSDK2yofCmdvFBCpx+zFPkxBC1FASQ59Pt+flYfj/nTZSkmF56+XG5elSg==",
      "dev": true,
      "requires": {
        "is-absolute-url": "^3.0.3",
@ -14289,14 +14255,13 @@
      }
    },
    "postcss-unique-selectors": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz",
-      "integrity": "sha512-gwi1NhHV4FMmPn+qwBNuot1sG1t2OmacLQ/AX29lzyggnjd+MnVD5uqQmpXO3J17KGL2WAxQruj1qTd3H0gG/w==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.2.tgz",
+      "integrity": "sha512-w3zBVlrtZm7loQWRPVC0yjUwwpty7OM6DnEHkxcSQXO1bMS3RJ+JUS5LFMSDZHJcvGsRwhZinCWVqn8Kej4EDA==",
      "dev": true,
      "requires": {
        "alphanum-sort": "^1.0.2",
-        "postcss-selector-parser": "^6.0.5",
-        "uniqs": "^2.0.0"
+        "postcss-selector-parser": "^6.0.5"
      }
    },
    "postcss-value-parser": {
@ -14741,9 +14706,9 @@
      }
    },
    "signal-exit": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.5.tgz",
-      "integrity": "sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz",
+      "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==",
      "dev": true
    },
    "slash": {
@ -14776,9 +14741,9 @@
      "dev": true
    },
    "source-map-support": {
-      "version": "0.5.20",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
-      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
      "dev": true,
      "requires": {
        "buffer-from": "^1.0.0",
@ -15037,9 +15002,9 @@
      }
    },
    "terser": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
-      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.10.0.tgz",
+      "integrity": "sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==",
      "dev": true,
      "requires": {
        "commander": "^2.20.0",
@ -15244,12 +15209,6 @@
      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
      "dev": true
    },
-    "uniqs": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
-      "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI=",
-      "dev": true
-    },
    "unpipe": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@ -15335,12 +15294,6 @@
      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
      "dev": true
    },
-    "vendors": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
-      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
-      "dev": true
-    },
    "verror": {
      "version": "1.10.0",
      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
--- a/package.json
+++ b/package.json
@ -32,6 +32,7 @@
    "ietf/static/js/doc-search.js",
    "ietf/static/js/moment-timezone-with-data-10-year-range.js",
    "ietf/static/css/ietf.scss",
+    "ietf/static/css/list.scss",
    "ietf/static/images/ietflogo-small-transparent.png",
    "ietf/static/images/ietflogo.png",
    "ietf/static/images/apple-touch-icon.png",