optimize libs loading

b708ae2c · codecalm · 8a8ad8f6 · b708ae2c · b708ae2c · b708ae2c
43 changed file
--- a/pages/_data/libs.json
+++ b/pages/_data/libs.json
 {
-	"global-libs": [
-		"bootstrap", "jquery"
-	],
-	"js": {
-		"bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
-		"jquery": "jquery/dist/jquery.slim.min.js",
-		"autosize": "autosize/dist/autosize.min.js",
-		"imask": "imask/dist/imask.min.js",
-		"selectize": "selectize/dist/js/standalone/selectize.min.js",
-		"apexcharts": "apexcharts/dist/apexcharts.min.js",
-		"jqvmap": [
-			"jqvmap/dist/jquery.vmap.min.js",
-			"jqvmap/dist/maps/jquery.vmap.world.js",
-			"jqvmap/dist/maps/jquery.vmap.usa.js",
-			"jqvmap/dist/maps/continents/jquery.vmap.europe.js"
-		],
-		"peity": "peity/jquery.peity.min.js",
-		"fullcalendar": [
-			"@fullcalendar/core/main.min.js",
-			"@fullcalendar/daygrid/main.min.js",
-			"@fullcalendar/interaction/main.min.js",
-			"@fullcalendar/timegrid/main.min.js",
-			"@fullcalendar/list/main.min.js"
-		],
-		"flatpickr": [
-			"flatpickr/dist/flatpickr.min.js",
-			"flatpickr/dist/plugins/rangePlugin.js"
-		],
-		"nouislider": "nouislider/distribute/nouislider.min.js",
-		"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.js"
-	},
-	"css": {
-		"jqvmap": "jqvmap/dist/jqvmap.min.css",
-		"selectize": "selectize/dist/css/selectize.css",
-		"fullcalendar": [
-			"@fullcalendar/core/main.min.css",
-			"@fullcalendar/daygrid/main.min.css",
-			"@fullcalendar/timegrid/main.min.css",
-			"@fullcalendar/list/main.min.css"
-		],
-		"flatpickr": "flatpickr/dist/flatpickr.min.css",
-		"nouislider": "nouislider/distribute/nouislider.min.css",
-		"mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css"
-	}
+  "global-libs": [
+    "bootstrap"
+  ],
+  "js": {
+    "bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
+    "jquery": "jquery/dist/jquery.slim.min.js",
+    "autosize": "autosize/dist/autosize.min.js",
+    "imask": "imask/dist/imask.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",
+    "peity": "peity/jquery.peity.min.js",
+    "fullcalendar": [
+      "@fullcalendar/core/main.min.js",
+      "@fullcalendar/daygrid/main.min.js",
+      "@fullcalendar/interaction/main.min.js",
+      "@fullcalendar/timegrid/main.min.js",
+      "@fullcalendar/list/main.min.js"
+    ],
+    "flatpickr": [
+      "flatpickr/dist/flatpickr.min.js",
+      "flatpickr/dist/plugins/rangePlugin.js"
+    ],
+    "nouislider": "nouislider/distribute/nouislider.min.js",
+    "mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.js"
+  },
+  "css": {
+    "jqvmap": "jqvmap/dist/jqvmap.min.css",
+    "selectize": "selectize/dist/css/selectize.css",
+    "fullcalendar": [
+      "@fullcalendar/core/main.min.css",
+      "@fullcalendar/daygrid/main.min.css",
+      "@fullcalendar/timegrid/main.min.css",
+      "@fullcalendar/list/main.min.css"
+    ],
+    "flatpickr": "flatpickr/dist/flatpickr.min.css",
+    "nouislider": "nouislider/distribute/nouislider.min.css",
+    "mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css"
+  }
 }
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -118,7 +118,7 @@ extra:
    search-results:
      title: Search results
      url: search-results.html
-    pricing-cards:
+    pricing:
      url: pricing.html
      title: Pricing cards
    users:

--- a/pages/_includes/layout/css.html
+++ b/pages/_includes/layout/css.html
-{% if site.data.libs.css %}
-<!-- Libs CSS -->
-{% for lib in site.data.libs.css %}
-{% for file in lib[1] %}
-<link href="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}" rel="stylesheet"/>
-{% endfor %}
-{% endfor %}
+<!-- CSS files -->
+
+{% if page.libs %}
+	{% for lib in site.data.libs.css %}
+		{% if page.libs contains lib[0] %}
+			{% for file in lib[1] %}
+				<link href="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}" rel="stylesheet"/>
+			{% endfor %}
+		{% endif %}
+	{% endfor %}
 {% endif %}

-<!-- Tabler Core -->
 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>

-<!-- Tabler Plugins -->
-{% for plugin in site.tabler-plugins %}
-<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
-{% endfor %}
+{% if page.libs %}
+	{% for plugin in site.tabler-plugins %}
+		{% if page.libs contains plugin %}
+		<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
+		{% endif %}
+	{% endfor %}
+{% endif %}

 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/demo{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
\ No newline at end of file
--- a/pages/_includes/layout/js-capture.html
+++ b/pages/_includes/layout/js-capture.html
-{% removeemptylines %}
-{% for script in site.captured_global.scripts %}
-{{ script }}
-{% endfor %}
-
-{% for script in site.captured_once.scripts %}
-{{ script }}
-{% endfor %}
-{% endremoveemptylines %}
--- a/pages/_includes/layout/js.html
+++ b/pages/_includes/layout/js.html
 <!-- Libs JS -->
 {% for lib in site.data.libs.js %}
-{% if site.captured_libs contains lib[0] or site.data.libs.global-libs contains lib[0] or page.libs contains lib[0] %}
-{% for file in lib[1] %}
-<script src="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}"></script>
-{% endfor %}
-{% endif %}
+	{% if page.libs contains lib[0] or site.data.libs.global-libs contains lib[0] %}
+		{% for file in lib[1] %}
+		<script src="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}{{ site.base }}/{% if jekyll.environment == 'production' %}dist/libs{% else %}node_modules{% endif %}/{% if jekyll.environment == 'production' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}{% endif %}"></script>
+		{% endfor %}
+	{% endif %}
 {% endfor %}

 <!-- Tabler Core -->

 <script src="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}"></script>
+
+
+{% removeemptylines %}
+{% for script in site.captured_global.scripts %}
+{{ script }}
+{% endfor %}
+
+{% for script in site.captured_once.scripts %}
+{{ script }}
+{% endfor %}
+{% endremoveemptylines %}
--- a/pages/_includes/ui/chart.html
+++ b/pages/_includes/ui/chart.html
@@ -18,7 +18,6 @@

 <div id="chart-{{ id }}" {% if class %} class="{{ class }}" {% endif %}{% if data.debug and jekyll.environment == 'development' %} style="outline: 1px solid red" {% endif %}></div>

-{% append_lib apexcharts %}
 {% capture script %}
 {% assign chart-type = data.type | default: 'bar' %}
 <script>

--- a/pages/_includes/ui/empty.html
+++ b/pages/_includes/ui/empty.html
@@ -3,7 +3,7 @@
   <div class="empty-icon">
      {% if include.illustration %}
      {% assign illustration-src = include.illustration-src | default: 'undraw_quitting_time_dm8t.svg' %}
-      {% include ui/illustration.html image=illustration-src class="h-8 mb-4" %}
+      {% include ui/illustration.html image=illustration-src class="mb-4" %}
      {% elsif include.icon-text %}
      <div class="display-4">{{ include.icon-text }}</div>
      {% else %}

--- a/pages/_includes/ui/form/calendar.html
+++ b/pages/_includes/ui/form/calendar.html
@@ -23,7 +23,6 @@
 	{{ input }}
 {% endif %}

-{% append_lib flatpickr %}
 {% capture_global scripts %}
 <script>
 	document.addEventListener("DOMContentLoaded", function () {

--- a/pages/_includes/ui/form/input-mask.html
+++ b/pages/_includes/ui/form/input-mask.html
 <input type="text" name="input-{{ include.name | default: 'mask' }}" class="form-control" data-mask="{{ include.mask | default: '00/00/0000' }}"{% if include.visible %} data-mask-visible="true"{% endif %}{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %} autocomplete="off"/>

-{% append_lib imask %}
 {% capture_once scripts %}
 <script>
 (function () {
@@ -9,7 +8,6 @@
 	 */
 	var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'))
 	maskElementList.map(function (maskEl) {
-		console.log('maskEl', maskEl);
 		return new IMask(maskEl, {
 			mask: maskEl.dataset.mask,
 			lazy: maskEl.dataset['mask-visible'] === 'true'

--- a/pages/_includes/ui/form/range.html
+++ b/pages/_includes/ui/form/range.html
@@ -5,8 +5,6 @@
 {% assign id = include.id %}

 {% if id %}
-	{% append_lib nouislider %}
-
 	<div class="form-range mb-2{% if include.class %} {{ include.class }}{% endif %}" id="range-{{ id }}"></div>

 	{% capture_global scripts %}

--- a/pages/_includes/ui/form/selectize.html
+++ b/pages/_includes/ui/form/selectize.html
@@ -29,7 +29,6 @@
 	{% endif %}
 </select>

-{% append_lib selectize %}
 {% capture_global scripts %}
 <script>
 	$(document).ready(function () {

--- a/pages/_includes/ui/form/textarea-autosize.html
+++ b/pages/_includes/ui/form/textarea-autosize.html
-{% append_lib autosize %}
-
 <textarea class="form-control{% if include.class %} {{ include.class }}{% endif %}" data-toggle="autosize" placeholder="{{ include.placeholder | default: 'Typing something…' }}"{% if include.rows %} rows="{{ include.rows }}"{% endif %}></textarea>

 {% capture_once scripts %}

--- a/pages/_includes/ui/fullcalendar.html
+++ b/pages/_includes/ui/fullcalendar.html
@@ -2,8 +2,6 @@

 <div id="calendar-{{ calendar-id }}" class="card-calendar"></div>

-{% append_lib fullcalendar %}
-
 {% capture_global scripts %}
 <script>
 	document.addEventListener('DOMContentLoaded', function () {

--- a/pages/_includes/ui/illustration.html
+++ b/pages/_includes/ui/illustration.html
-<img src="{{ site.base }}/static/illustrations/{{ include.image }}"{% if include.class %} class="{{ include.class }}"{% endif %}{% if include.height %} height="{{ include.height }}"{% endif %} alt="">
+<img src="{{ site.base }}/static/illustrations/{{ include.image }}" height="128"{% if include.class %} class="{{ include.class }}"{% endif %}{% if include.height %} height="{{ include.height }}"{% endif %}  alt="">
--- a/pages/_includes/ui/map-vector.html
+++ b/pages/_includes/ui/map-vector.html
@@ -9,7 +9,6 @@
 		</div>
 	</div>

-	{% append_lib jqvmap %}
 	{% capture script %}
 	<script>
 		// @formatter:on

--- a/pages/_includes/ui/map.html
+++ b/pages/_includes/ui/map.html
@@ -8,7 +8,6 @@
 		</div>
 	</div>

-	{% append_lib mapbox %}
 	{% capture_global scripts %}
 	<script>
 		// @formatter:off

--- a/pages/_includes/ui/ribbon.html
+++ b/pages/_includes/ui/ribbon.html
-<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
\ No newline at end of file
+<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" use-svg=true %}{% endif %}</div>
\ No newline at end of file
--- a/pages/_includes/ui/sparkline.html
+++ b/pages/_includes/ui/sparkline.html
@@ -7,8 +7,6 @@
 	{% assign data = include.percentage | append: "/100" %}
 {% endif %}

-{% append_lib peity %}
-
 <div class="chart-sparkline{% if type == 'pie' %} chart-sparkline-square{% endif %}{% if include.wide %} chart-sparkline-wide{% endif %}" id="sparkline-{{ id }}"></div>

 {% capture_global scripts %}

--- a/pages/_includes/ui/stars.html
+++ b/pages/_includes/ui/stars.html
@@ -5,14 +5,10 @@
 {% assign class = include.color | default: 'yellow' | prepend: 'text-' %}
 {% assign filled = include.filled | default: false %}
 <div class="stars">
-   {% for i in (1..5) %}
-   <span class="star {% if forloop.index <= rate %}{{ class }}{% endif %}">
-      {% if forloop.index <= rate and filled %}
-         {% include ui/icon.html icon=icon class="icon-filled" %}
-      {% else %}
-         {% include ui/icon.html icon=icon %}
-      {% endif %}
-   </span>
-   {% endfor %}
+	{% for i in (1..5) %}
+	<span class="star {% if forloop.index <= rate %}{{ class }}{% endif %}">
+		{% include ui/icon.html icon=icon %}
+	</span>
+	{% endfor %}
 </div>
 {% endremoveemptylines %}
--- a/pages/_layouts/base.html
+++ b/pages/_layouts/base.html
@@ -53,8 +53,6 @@

 	{% include layout/js.html %}

-	{% include layout/js-capture.html %}
-
 	{% if site.debug and jekyll.environment == 'development' %}
 		{% include layout/debug.html %}
 	{% endif %}

--- a/pages/_plugins/jekyll-capture.rb
+++ b/pages/_plugins/jekyll-capture.rb
@@ -17,21 +17,6 @@ module Jekyll
      end
    end

-    class CaptureScripts < Liquid::Tag
-      def initialize(tag_name, text, tokens)
-        super
-        @text = text.strip
-      end
-
-      def render(context)
-        unless $captured_libs.include? @text
-          $captured_libs.push(@text)
-        end
-
-        ''
-      end
-    end
-
    class CaptureOnce < Liquid::Block
      def initialize(tag_name, text, tokens)
        super
@@ -57,23 +42,19 @@ module Jekyll
  Jekyll::Hooks.register [:pages, :docs], :post_init do |page|
    $captured_global = {}
    $captured_once = {}
-    $captured_libs = []
  end

  Jekyll::Hooks.register [:pages, :docs], :post_render do |page|
    $captured_global = {}
    $captured_once = {}
-    $captured_libs = []
  end

  Jekyll::Hooks.register [:pages, :docs], :pre_render do |page, jekyll|
    jekyll.site['captured_global'] = $captured_global
    jekyll.site['captured_once'] = $captured_once
-    jekyll.site['captured_libs'] = $captured_libs
  end
 end

 Liquid::Template.register_tag('capture_global', Jekyll::Tags::CaptureGlobal)
 Liquid::Template.register_tag('capture_once', Jekyll::Tags::CaptureOnce)
-Liquid::Template.register_tag('append_lib', Jekyll::Tags::CaptureScripts)

--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -3,6 +3,7 @@ title: Buttons
 page-header: Buttons
 done: true
 menu: base.buttons
+libs: tabler-buttons
 ---

 <div class="row">

--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -3,6 +3,7 @@ title: Calendar
 page-header: Calendar
 page-header-actions: calendar
 menu: base.calendar
+libs: fullcalendar
 ---

 <div class="card">

--- a/pages/cards.html
+++ b/pages/cards.html
@@ -2,6 +2,7 @@
 title: Cards
 page-header: Cards
 menu: base.cards
+libs: imask
 ---

 <div class="row">

--- a/pages/charts.html
+++ b/pages/charts.html
@@ -2,6 +2,7 @@
 title: Charts
 page-header: Charts
 menu: base.charts
+libs: apexcharts
 ---

 <div class="row">

--- a/pages/empty.html
+++ b/pages/empty.html
@@ -5,4 +5,5 @@ menu: base.empty
 page-header: Empty page
 ---

-<!-- Content here -->
\ No newline at end of file
+<!-- Content here -->
+
--- a/pages/form-elements.html
+++ b/pages/form-elements.html
@@ -2,6 +2,7 @@
 title: Form elements
 page-header: Form elements
 menu: forms
+libs: jquery, nouislider, imask, autosize, selectize, flatpickr
 ---

 <div class="row">

--- a/pages/index.html
+++ b/pages/index.html
@@ -4,6 +4,7 @@ page-header: Dashboard
 page-header-pretitle: Overview
 page-header-actions: buttons
 menu: home
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
--- a/pages/layout-combo.html
+++ b/pages/layout-combo.html
@@ -7,6 +7,7 @@ layout-navbar-hide-brand: true
 layout-navbar-hide-menu: true
 layout-navbar-class: "d-none d-lg-flex"
 layout-navbar-condensed: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-condensed-dark.html
+++ b/pages/layout-condensed-dark.html
@@ -3,6 +3,7 @@ page-header: Condensed dark layout
 menu: layout.condensed-dark
 layout-navbar-condensed: true
 layout-navbar-dark: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-condensed.html
+++ b/pages/layout-condensed.html
@@ -2,6 +2,7 @@
 page-header: Condensed layout
 menu: layout.condensed
 layout-navbar-condensed: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-dark.html
+++ b/pages/layout-dark.html
@@ -2,6 +2,7 @@
 page-header: Dark mode
 menu: layout.dark-mode
 layout-dark: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
--- a/pages/layout-fluid-vertical.html
+++ b/pages/layout-fluid-vertical.html
@@ -5,6 +5,7 @@ layout-fluid: true
 layout-sidebar: true
 layout-sidebar-dark: true
 layout-hide-topbar: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
--- a/pages/layout-fluid.html
+++ b/pages/layout-fluid.html
@@ -2,6 +2,7 @@
 page-header: Fluid layout
 menu: layout.fluid
 layout-fluid: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
--- a/pages/layout-horizontal.html
+++ b/pages/layout-horizontal.html
 ---
 page-header: Horizontal layout
 menu: layout.horizontal
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-navbar-dark.html
+++ b/pages/layout-navbar-dark.html
@@ -2,6 +2,7 @@
 page-header: Navbar dark
 menu: layout.navbar-dark
 layout-navbar-dark: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-vertical-right.html
+++ b/pages/layout-vertical-right.html
@@ -4,6 +4,7 @@ menu: layout.vertical-right
 layout-sidebar: true
 layout-sidebar-right: true
 layout-hide-topbar: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/layout-vertical.html
+++ b/pages/layout-vertical.html
@@ -4,6 +4,7 @@ menu: layout.vertical
 layout-sidebar: true
 layout-sidebar-dark: true
 layout-hide-topbar: true
+libs: jquery, apexcharts, peity, jqvmap, jqvmap-world
 ---

 {% include layout/homepage.html %}
\ No newline at end of file
--- a/pages/maps-vector.html
+++ b/pages/maps-vector.html
@@ -2,6 +2,7 @@
 title: Vector Maps
 page-header: Vector Maps
 menu: base.maps-vector
+libs: jquery, jqvmap, jqvmap-world, jqvmap-europe, jqvmap-usa
 ---

 <div class="row">

--- a/pages/maps.html
+++ b/pages/maps.html
@@ -2,6 +2,7 @@
 title: Maps
 page-header: Maps
 menu: base.maps
+libs: mapbox
 ---

 <div class="row">

--- a/pages/pricing.html
+++ b/pages/pricing.html
@@ -2,6 +2,7 @@
 title: Pricing cards
 page-header: Pricing cards
 done: true
+menu: extra.pricing
 ---

 <div class="row">

--- a/pages/snippets.html
+++ b/pages/snippets.html
@@ -3,6 +3,7 @@ title: Snippets
 page-header: Snippets
 page-header-actions: date
 menu: extra.snippets
+libs: jquery, apexcharts, peity
 ---

 <div class="row">

--- a/scss/ui/_icons.scss
+++ b/scss/ui/_icons.scss
@@ -8,9 +8,6 @@
  }
 }

-.icon-filled {
-  fill: currentColor;
-}

 .icon-thin {
  stroke-width: 1.5;