Remove jQuery dependencies

package.json

@@ -87,12 +87,9 @@
     "autosize": "^4.0.2",
     "bootstrap": "twbs/bootstrap#69afafe8118aa045b1371f93d5a5d5224a9d15dd",
     "countup.js": "^2.0.7",
-    "daterangepicker": "^3.1.0",
     "flatpickr": "^4.6.9",
     "fullcalendar": "^5.5.0",
     "imask": "^6.0.5",
-    "jquery": "^3.5.1",
-    "jqvmap": "^1.5.1",
     "nouislider": "^14.6.3",
     "popper.js": "^1.16.1",
     "rollup-plugin-cleanup": "^3.2.1",

src/pages/_data/libs.json

@@ -8,13 +8,8 @@
   },
   "js": {
     "bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
-    "jquery": "jquery/dist/jquery.slim.min.js",
     "selectize": "selectize/dist/js/standalone/selectize.min.js",
     "apexcharts": "apexcharts/dist/apexcharts.min.js",
-    "jqvmap": "jqvmap/dist/jquery.vmap.min.js",
-    "jqvmap-world": "jqvmap/dist/maps/jquery.vmap.world.js",
-    "jqvmap-usa": "jqvmap/dist/maps/jquery.vmap.usa.js",
-    "jqvmap-europe": "jqvmap/dist/maps/continents/jquery.vmap.europe.js",
     "flatpickr": [
       "flatpickr/dist/flatpickr.min.js",
       "flatpickr/dist/plugins/rangePlugin.js"
@@ -26,7 +21,6 @@
     "google-maps": "https://maps.googleapis.com/maps/api/js?key=GOOGLE_MAPS_KEY"
   },
   "css": {
-    "jqvmap": "jqvmap/dist/jqvmap.min.css",
     "selectize": "selectize/dist/css/selectize.css",
     "flatpickr": "flatpickr/dist/flatpickr.min.css",
     "nouislider": "nouislider/distribute/nouislider.min.css",

src/pages/_includes/cards/development-activity.html

@@ -15,8 +15,8 @@
 		{% include ui/chart.html chart-id="development-activity" height=12 %}
 	</div>
 
-	<div class="table-responsive">
-		<table class="table card-table table-vcenter">
+	<div class="card-table table-responsive">
+		<table class="table table-vcenter">
 			<thead>
 			<tr>
 				<th>User</th>
@@ -25,7 +25,7 @@
 			</tr>
 			</thead>
 			<tbody>
-			{% for commit in site.data.commits limit: 5 %}
+			{% for commit in site.data.commits limit: 6 %}
 			<tr>
 				<td class="w-1">
 					{% include ui/avatar.html person-id=forloop.index size="sm" %}

src/pages/_includes/cards/small-stats.html

@@ -5,7 +5,7 @@
 		<div class="row align-items-center">
 			{% if include.icon %}
 				<div class="col-auto">
-					<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} avatar">{% include ui/icon.html icon=include.icon %}</span>
+					<span class="{% if include.color %}bg-{{ include.color }}{% if include.lt %}-lt{% else %} text-white{% endif %}{% endif %} avatar">{% include ui/icon.html icon=include.icon %}</span>
 				</div>
 			{% elsif include.person-id %}
 				<div class="col-auto">

src/pages/_includes/layout/homepage.html

@@ -57,21 +57,6 @@
 					</div>
 				</div>
 			</div>
-		</div>
-	</div>
-
-	<div class="col-lg-6">
-		{% include cards/map.html title="Top countries" %}
-	</div>
-
-	<div class="col-lg-6">
-		<div class="row row-cards row-deck">
-			<div class="col-sm-6">
-				{% include cards/project-summary.html stage-color="red" %}
-			</div>
-			<div class="col-sm-6">
-				{% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
-			</div>
 
 			<div class="col-sm-4">
 				{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}

src/pages/_layouts/homepage.html

@@ -4,7 +4,7 @@ layout: default
 page-header: Dashboard
 page-header-pretitle: Overview
 page-header-actions: buttons
-libs: jquery, apexcharts, jqvmap, jqvmap-world
+libs: apexcharts
 ---
 
 {% include layout/homepage.html %}

src/pages/form-elements.html

@@ -2,7 +2,7 @@
 title: Form elements
 page-header: Form elements
 menu: forms
-libs: jquery, nouislider, autosize, selectize, flatpickr, tabler-flags, tabler-payments
+libs: nouislider, autosize, selectize, flatpickr, tabler-flags, tabler-payments
 ---
 
 <div class="row row-cards">

src/pages/maps-vector.html

----
-title: Vector Maps
-page-header: Vector Maps
-menu: base.maps-vector
-libs: jquery, jqvmap, jqvmap-world, jqvmap-europe, jqvmap-usa
----
-
-<div class="row row-cards">
-	{% for map in site.data.maps-vector %}
-	<div class="col-lg-6">
-
-		<div class="card">
-			<div class="card-body">
-				<div class="card-title">{{ map[1].title }}</div>
-				{% assign id = map[0] %}
-				{% include ui/map-vector.html map-id=id %}
-			</div>
-		</div>
-	</div>
-	{% endfor %}
-</div>

src/pages/widgets.html

@@ -2,7 +2,7 @@
 title: Widgets
 page-header: Widgets
 menu: extra.widgets
-libs: jquery, apexcharts
+libs: apexcharts
 ---
 
 <div class="row row-cards">
@@ -58,13 +58,13 @@ libs: jquery, apexcharts
 	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="comments" chart-position="left" chart-type="donut" chart-data="56" color="yellow" title="132 Comments" description="16 waitings" %}
 	</div>
 
-	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="sales" icon="arrow-up" color="green-lt" title="$5,256.99" description="Revenue last 30 days" description-value="+4%" %}
+	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="sales" icon="arrow-up" color="green" lt=true title="$5,256.99" description="Revenue last 30 days" description-value="+4%" %}
 	</div>
-	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="orders" icon="arrow-down" color="red-lt" title="342" description="Sales last 30 days" description-value="-4.3%" description-value-color="red" %}
+	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="orders" icon="arrow-down" color="red" lt=true title="342" description="Sales last 30 days" description-value="-4.3%" description-value-color="red" %}
 	</div>
-	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="members" icon="arrow-up" color="green-lt" title="132" description="Customers last 30 days" description-value="+6.8%"  %}
+	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="members" icon="arrow-up" color="green" lt=true title="132" description="Customers last 30 days" description-value="+6.8%"  %}
 	</div>
-	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="comments" icon="arrow-down" color="red-lt" title="78" description="Members registered today" description-value="-2%" description-value-color="red" %}
+	<div class="col-md-6 col-xl-3">{% include cards/small-stats.html id="comments" icon="arrow-down" color="red" lt=true title="78" description="Members registered today" description-value="-2%" description-value-color="red" %}
 	</div>
 
 	<div class="col-md-6 col-lg-4">
@@ -82,6 +82,7 @@ libs: jquery, apexcharts
 	</div>
 	<div class="col-md-6 col-lg-4">
 		<div class="row row-cards">
+			<div class="col-12">{% include cards/project-summary.html stage-color="red" %}</div>
 			<div class="col-12">{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}</div>
 			<div class="col-12">{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}</div>
 			<div class="col-12">{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}</div>

src/scss/tabler-vendors.scss

 @import "config";
 
 @import "vendor/selectize";
-@import "vendor/jqvmap";
 @import "vendor/apexcharts";
 @import "vendor/fullcalendar";
 @import "vendor/flatpickr";

src/scss/vendor/_jqvmap.scss

-.jqvmap-zoomin,
-.jqvmap-zoomout {
-  height: 1.5rem;
-  width: 1.5rem;
-  left: .5rem;
-  border: 1px solid $border-color;
-  background: $white;
-  color: $body-color;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-}
-
-.jqvmap-zoomin {
-  top: .5rem;
-}
-
-.jqvmap-zoomout {
-  top: 2.5rem;
-}
-
-.jqvmap-label {
-  font-family: inherit;
-  font-size: $h6-font-size;
-  line-height: 1;
-  padding: .25rem;
-  background: $dark;
-}