admin

.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "usage",
+        "corejs": 2
+      }
+    ]
+  ],
+  "plugins": [
+    "@babel/syntax-dynamic-import"
+  ]
+}

.eslintrc

@@ -0,0 +1,9 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 2017,
+    "sourceType": "module"
+  },
+  "env": {
+    "es7": true
+  }
+}

.gitignore

@@ -0,0 +1,17 @@
+# dependencies
+/node_modules
+/package-lock.json
+/yarn.lock
+
+# production
+/dist
+/_builder
+
+# misc
+.DS_Store
+.vscode/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.nvmrc

@@ -0,0 +1 @@
+14.18.0

CHANGELOG.md

@@ -0,0 +1,87 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [3.1.0] 2021-09-29
+
+- Replace OptimizeCssAssetsPlugin with CssMinimizerPlugin
+- Remove HardSourceWebpackPlugin
+- Upgrade to Webpack 5.55.1
+- Upgrade to Bootstrap 5.1.1
+- Upgrade dependencies
+
+## [3.0.2] 2021-05-19
+
+- Add file structure to README.md
+- Add icons to dashboard (/index.html)
+- Add marketing page (/upgrade-to-pro.html)
+- Remove unused sass files
+- Remove unused dependencies
+- Various visual changes
+- Upgrade dependencies
+
+## [3.0.1] 2021-05-17
+
+- Fix Simplebar bug on auth pages
+- Upgrade to bootstrap@5.0.1
+- Upgrade dependencies
+
+## [3.0.0] 2021-05-12
+
+- Set Chart.js font family
+- Remove Moment.js dependency
+- Refactor sidebar JavaScript module
+- Various visual changes
+- Upgrade to bootstrap@5.0.0
+- Upgrade dependencies
+
+## [2.3.0] 2021-04-05
+
+- Add CDN to `README.md`
+- Upgrade to bootstrap@5.0.0-beta3
+- Upgrade dependencies
+
+## [2.2.0] 2021-02-25
+
+- Replace Inter font with CDN
+- Replace Font Awesome icons with Feather
+- Optimize bundle size
+- Bind `bootstrap` to window object
+- Update .nvmrc file
+- Upgrade to bootstrap@5.0.0-beta2
+- Upgrade dependencies
+
+## [2.1.0] 2020-11-07
+
+- Add Sign In page
+- Add Sign Up page
+- Replace `.close` with `.btn-close`
+- Upgrade to bootstrap@5.0.0-alpha2
+- Upgrade dependencies
+
+## [2.0.1] 2020-09-14
+
+- Fix console error on auth pages (#6)
+- Upgrade dependencies
+
+## [2.0.0] 2020-09-04
+
+- Upgrade to Bootstrap 5
+- Drop jQuery as dependency
+- Replace jvectormap-next with jsvectormap
+- Replace tempusdominus with flatpickr
+- Upgrade dependencies
+
+## [1.0.2] 2020-07-26
+
+- Fix issue with dropdown overflow on mobile
+- Upgrade dependencies
+
+## [1.0.1] 2020-05-25
+
+- Upgrade to latest Bootstrap (4.5.0)
+- Upgrade dependencies
+
+## [1.0.0] 2020-03-21
+
+- Initial release

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 AdminKit Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,148 @@
+<p align="center">
+  <a href="https://github.com/adminkit/adminkit"><img src="https://adminkit.io/icons/icon-512x512.png" alt="AdminKit is an free & open-source HTML dashboard & admin template based on Bootstrap 5" width="96"></a>
+</p>
+
+<h3 align="center">AdminKit</h3>
+
+<p align="center">
+  AdminKit is an free & open-source HTML dashboard & admin template based on Bootstrap 5.
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@adminkit/core" rel="nofollow"><img src="https://img.shields.io/npm/v/@adminkit/core" alt="NPM version"></a>
+  <a href="https://github.com/adminkit/adminkit/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License"></a>
+  <a href="https://github.com/adminkit/adminkit/issues?q=is%3Aopen+is%3Aissue"><img src="https://img.shields.io/github/issues/adminkit/adminkit.svg" alt="GitHub issues open"></a>
+  <a href="https://github.com/adminkit/adminkit/issues?q=is%3Aissue+is%3Aclosed"><img src="https://img.shields.io/github/issues-closed-raw/adminkit/adminkit.svg" alt="GitHub issues closed"></a>
+  <a href="https://demo.adminkit.io/" rel="nofollow"><img src="https://img.shields.io/badge/demo-online-green.svg" alt="Live Demo"></a>
+  <a href="https://adminkit.io/#download"><img src="https://img.shields.io/static/v1?label=download&message=ZIP&color=green" alt="Download"></a>
+  <br>
+<a href="https://github.com/adminkit/adminkit"><img alt="GitHub stars" src="https://img.shields.io/github/stars/adminkit/adminkit?style=social"></a>
+</p>
+
+## Preview
+A professional Admin & Dashboard template based on Bootstrap 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. AdminKit **does not require jQuery** and neither does one of the 3rd party libraries AdminKit is using. [See demo](https://demo.adminkit.io/).
+
+<a href="https://demo.adminkit.io" target="_blank"><img src="https://assets.adminkit.io/banners/adminkit-bootstrap-5-admin-template.png" alt="AdminKit Demo"></a>
+
+## Features
+
+* **Customizable:** You don't need to be an expert to customize AdminKit. Our code is very readable and well documented.
+* **Fully Responsive:** With mobile, tablet & desktop support it doesn't matter what device you're using. AdminKit is responsive in all browsers.
+* **Cross-Browser:** Our themes are working perfectly with Chrome, Firefox, Safari, Opera, and Edge. We're working hard to support them.
+* **Clean Code:** We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten.
+* **No jQuery:** AdminKit, and all third-party libraries used in the admin template, do not require jQuery as a dependency.
+* **Regular Updates:** From time to time you'll receive an update containing new components, improvements, and bugfixes.
+
+## Quick start
+
+### Download
+
+* Clone this repo `git clone https://github.com/adminkit/adminkit.git`
+* [Download from GitHub](https://github.com/adminkit/adminkit/archive/master.zip)
+* [Download from Website](https://adminkit.io/#download)
+
+### Build tools
+
+The theme includes a custom Webpack file, which can be used to quickly recompile and minify theme assets while developing or for deployment. You'll need to install Node.js before using Webpack.
+
+Once Node.js is installed, run npm install to install the rest of AdminKit's dependencies. All dependencies will be downloaded to the node_modules directory.
+
+```sh
+npm install
+```
+
+Now you're ready to modify the source files and generate new dist/ files. AdminKit uses webpack-dev-server to automatically detect file changes and start a local webserver at http://localhost:8080.
+
+```sh
+npm start
+```
+
+Compile, optimize, minify and uglify all source files to dist/ folder:
+
+```sh
+npm run build
+```
+
+## CDN support
+
+All files included in the `@adminkit/core` npm package are available over a CDN.
+
+**CSS:**
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@adminkit/core@latest/dist/css/app.css">
+```
+
+**Javascript:**
+
+```html
+<script src="https://unpkg.com/@adminkit/core@latest/dist/js/app.js"></script>
+```
+
+## File structure
+The package contains the following directories and files:
+
+```
+adminkit/
+├── .babelrc
+├── .eslintrc
+├── .nvmrc
+├── README.md
+├── package.json
+├── postcss.config.js
+├── webpack.config.js
+├── src/
+│   ├── fonts/
+│   ├── img/
+│   ├── js/
+│   │   ├── modules/
+│   │   └── app.js
+│   └── scss/
+│       ├── 1-variables/
+│       ├── 2-mixins/
+│       ├── 3-components/
+│       ├── 4-utilities/
+│       ├── 5-vendor/
+│       └── app.scss
+└── dist/
+    ├── css/
+    │   └── app.css
+    └── js/
+        └── app.js
+```
+
+## Browser Support
+
+| <img src="https://assets.adminkit.io/browsers/edge.png" alt="Edge" width="24px" height="24px" /><br/>Edge | <img src="https://assets.adminkit.io/browsers/firefox.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox | <img src="https://assets.adminkit.io/browsers/chrome.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome | <img src="https://assets.adminkit.io/browsers/safari.png" alt="Safari" width="24px" height="24px" /><br/>Safari | <img src="https://assets.adminkit.io/browsers/safari-ios.png" alt="iOS Safari" width="24px" height="24px" /><br/>iOS Safari |
+| --------- | --------- | --------- | --------- | --------- |
+| last version| last 2 versions| last 2 versions| last 2 versions| last 2 versions
+
+## Resources
+
+* [Demo](https://demo.adminkit.io/)
+* [Website](https://adminkit.io/)
+* [Documentation](https://adminkit.io/docs)
+* [Support](https://adminkit.io/support/)
+* [Affiliate Program](https://adminkit.io/affiliate-program)
+
+## Bugs and feature requests
+
+Found a bug or have a feature request? [Please open a new issue](https://github.com/adminkit/adminkit/issues/new).
+
+## Upgrade to PRO
+Get more power with AdminKit PRO, a premium variant of AdminKit, featuring hundreds of UI components, forms, tables, charts, pages, and icons.
+
+| Free Version        | [AdminKit PRO](https://adminkit.io/pricing/) |
+|---------------------|----------------------------------------------|
+| 15 Demo Pages       | ✔ 45+ Demo Pages                             |
+| 1 Plugin            | ✔ 10+ Plugins                                |
+| 1 Color Scheme      | ✔ 3 Color Schemes                            |
+|                     | ✔ All Bootstrap 5 Components                 |
+|                     | ✔ Dark Mode 🌙                               |
+|                     | ✔ Compact Sidebar                            |
+|                     | ✔ Calendar                                   |
+|                     | ✔ Advanced Forms                             |
+|                     | ✔ Drag and Drop                              |
+|                     | ✔ Toast Notifications                        |
+|                     | ✔ WYSIWYG Editors                            |
+|                     | ✔ Premium Support                            |

package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@adminkit/core",
+  "version": "3.1.0",
+  "description": "AdminKit - Bootstrap 5 Admin Template",
+  "keywords": [
+    "bootstrap",
+    "bootstrap 5",
+    "admin",
+    "admin template",
+    "dashboard",
+    "dashboard template",
+    "template",
+    "responsive",
+    "css",
+    "sass",
+    "html",
+    "theme",
+    "front-end",
+    "ui kit",
+    "web"
+  ],
+  "homepage": "https://adminkit.io/",
+  "bugs": {
+    "url": "https://github.com/adminkit/adminkit/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adminkit/adminkit.git"
+  },
+  "license": "MIT",
+  "author": "Paul Laros <support@adminkit.io>",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress",
+    "watch": "webpack --config webpack.config.js --watch --progress",
+    "start": "webpack serve --config webpack.config.js --progress",
+    "prepublishOnly": "cross-env NODE_ENV=production webpack --progress --config webpack.config.js"
+  },
+  "browserslist": [
+    "> 0.5%",
+    "last 2 major versions",
+    "not dead",
+    "Chrome >= 60",
+    "Firefox >= 60",
+    "not Edge < 79",
+    "Firefox ESR",
+    "iOS >= 10",
+    "Safari >= 10",
+    "Android >= 6",
+    "not Explorer <= 11"
+  ],
+  "dependencies": {
+    "@babel/polyfill": "7.12.1",
+    "@popperjs/core": "2.10.1",
+    "bootstrap": "5.1.1",
+    "chart.js": "2.9.4",
+    "feather-icons": "4.28.0",
+    "flatpickr": "4.6.9",
+    "jsvectormap": "1.3.3",
+    "simplebar": "5.3.6"
+  },
+  "devDependencies": {
+    "@babel/core": "7.15.5",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/preset-env": "7.15.6",
+    "@babel/register": "7.15.3",
+    "autoprefixer": "10.3.6",
+    "babel-eslint": "10.1.0",
+    "babel-loader": "8.2.2",
+    "copy-webpack-plugin": "9.0.1",
+    "cross-env": "7.0.3",
+    "css-loader": "6.3.0",
+    "css-minimizer-webpack-plugin": "3.0.2",
+    "eslint": "7.32.0",
+    "file-loader": "6.2.0",
+    "filemanager-webpack-plugin": "6.1.7",
+    "hard-source-webpack-plugin": "0.13.1",
+    "mini-css-extract-plugin": "2.3.0",
+    "node-sass": "6.0.1",
+    "postcss-loader": "6.1.1",
+    "sass-loader": "12.1.0",
+    "terser-webpack-plugin": "5.2.4",
+    "url-loader": "4.1.1",
+    "webpack": "5.55.1",
+    "webpack-cli": "4.8.0",
+    "webpack-dev-server": "4.3.0"
+  }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer')
+  ]
+}

src/js/app.js

@@ -0,0 +1,16 @@
+import "../scss/app.scss";
+
+// AdminKit (required)
+import "./modules/bootstrap";
+import "./modules/sidebar";
+import "./modules/theme";
+import "./modules/feather";
+
+// Charts
+import "./modules/chartjs";
+
+// Forms
+import "./modules/flatpickr";
+
+// Maps
+import "./modules/vector-maps";

src/js/modules/bootstrap.js

@@ -0,0 +1,5 @@
+import * as bootstrap from "bootstrap";
+
+// Bootstrap
+// Note: If you want to make bootstrap globally available, e.g. for using `bootstrap.modal`
+window.bootstrap = bootstrap;

src/js/modules/chartjs.js

@@ -0,0 +1,5 @@
+// Usage: https://www.chartjs.org/
+import Chart from "chart.js";
+
+Chart.defaults.global.defaultFontFamily = "'Inter', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif";
+window.Chart = Chart;

src/js/modules/feather.js

@@ -0,0 +1,8 @@
+// Usage: https://feathericons.com/
+import feather from "feather-icons";
+
+document.addEventListener("DOMContentLoaded", () => {
+    feather.replace();
+});
+
+window.feather = feather;

src/js/modules/flatpickr.js

@@ -0,0 +1,4 @@
+// Usage: https://flatpickr.js.org/
+import flatpickr from "flatpickr";
+
+window.flatpickr = flatpickr;

src/js/modules/sidebar.js

@@ -0,0 +1,45 @@
+// Usage: https://github.com/Grsmto/simplebar
+import SimpleBar from "simplebar";
+
+const initialize = () => {
+  initializeSimplebar();
+  initializeSidebarCollapse();
+}
+
+const initializeSimplebar = () => {
+  const simplebarElement = document.getElementsByClassName("js-simplebar")[0];
+
+  if(simplebarElement){
+    const simplebarInstance = new SimpleBar(document.getElementsByClassName("js-simplebar")[0]);
+
+    /* Recalculate simplebar on sidebar dropdown toggle */
+    const sidebarDropdowns = document.querySelectorAll(".js-sidebar [data-bs-parent]");
+    
+    sidebarDropdowns.forEach(link => {
+      link.addEventListener("shown.bs.collapse", () => {
+        simplebarInstance.recalculate();
+      });
+      link.addEventListener("hidden.bs.collapse", () => {
+        simplebarInstance.recalculate();
+      });
+    });
+  }
+}
+
+const initializeSidebarCollapse = () => {
+  const sidebarElement = document.getElementsByClassName("js-sidebar")[0];
+  const sidebarToggleElement = document.getElementsByClassName("js-sidebar-toggle")[0];
+
+  if(sidebarElement && sidebarToggleElement) {
+    sidebarToggleElement.addEventListener("click", () => {
+      sidebarElement.classList.toggle("collapsed");
+
+      sidebarElement.addEventListener("transitionend", () => {
+        window.dispatchEvent(new Event("resize"));
+      });
+    });
+  }
+}
+
+// Wait until page is loaded
+document.addEventListener("DOMContentLoaded", () => initialize());

src/js/modules/theme.js

@@ -0,0 +1,27 @@
+/*
+ * Add color theme colors to the window object
+ * so this can be used by the charts and vector maps
+ */
+
+const theme = {
+  "primary": "#3B7DDD",
+  "secondary": "#6c757d",
+  "success": "#1cbb8c",
+  "info": "#17a2b8",
+  "warning": "#fcb92c",
+  "danger": "#dc3545",
+  "white": "#fff",
+  "gray-100": "#f8f9fa",
+  "gray-200": "#e9ecef",
+  "gray-300": "#dee2e6",
+  "gray-400": "#ced4da",
+  "gray-500": "#adb5bd",
+  "gray-600": "#6c757d",
+  "gray-700": "#495057",
+  "gray-800": "#343a40",
+  "gray-900": "#212529",
+  "black": "#000"
+};
+
+// Add theme to the window object
+window.theme = theme;

src/js/modules/vector-maps.js

@@ -0,0 +1,3 @@
+// Usage: https://github.com/themustafaomar/jsvectormap
+import "jsvectormap"
+import "jsvectormap/dist/maps/world.js"

src/scss/1-variables/_app.scss

@@ -0,0 +1,317 @@
+// Fonts
+$font-family-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 600 !default;
+$font-size-base: .875rem !default;
+$font-size-lg: .925rem !default;
+$font-size-sm: .75rem !default;
+$small-font-size: 80% !default;
+
+// Spacer
+$spacer: 1rem !default;
+
+$spacers: (
+  0: 0,
+  1: ($spacer * .25),
+  2: ($spacer * .5),
+  3: $spacer,
+  4: ($spacer * 1.5),
+  5: ($spacer * 3),
+  6: ($spacer * 4.5),
+  7: ($spacer * 6)
+) !default;
+
+// Grid breakpoints
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1440px
+) !default;
+
+// Grid gutter
+$grid-gutter-width: 24px;
+
+// Grid containers
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1200px
+) !default;
+
+$container-padding-x: .75rem !default;
+
+// Options
+$min-contrast-ratio: 3 !default;
+$enable-validation-icons: false !default;
+$enable-rfs: false !default;
+$enable-negative-margins: true !default;
+
+// Transitions
+$transition-base: all .35s ease-in-out !default;
+
+// Theme colors
+$blue:    #3B7DDD !default;
+$indigo:  #0a0a0a !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #fcb92c !default;
+$green:   #1cbb8c !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black: #000 !default;
+
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         #f5f7fb !default;
+$dark:          $gray-900 !default;
+
+$theme-colors: (
+  "primary": $primary,
+  "secondary": $secondary,
+  "success": $success,
+  "info": $info,
+  "warning": $warning,
+  "danger": $danger,
+  "light": $light,
+  "dark": $dark
+) !default;
+
+// Social colors
+$social-colors: (
+  "facebook": #3b5998,
+  "twitter": #1da1f2,
+  "google": #dc4e41,
+  "youtube": #f00,
+  "vimeo": #1ab7ea,
+  "dribbble": #ea4c89,
+  "github": #181717,
+  "instagram": #e4405f,
+  "pinterest": #bd081c,
+  "flickr": #0063dc,
+  "bitbucket": #0052cc
+) !default;
+
+// Body
+$body-bg: #f5f7fb !default;
+$body-color: $gray-700 !default;
+
+// Links
+$link-decoration: none !default;
+$link-hover-decoration: underline !default;
+
+// Common
+$border-width: 1px !default;
+
+// Fonts
+$line-height-base: 1.5 !default;
+$line-height-lg: 1.5 !default;
+$line-height-sm: 1.5 !default;
+
+// Headings
+$h1-font-size: $font-size-base * 2 !default;
+$h2-font-size: $font-size-base * 1.75 !default;
+$h3-font-size: $font-size-base * 1.5 !default;
+$h4-font-size: $font-size-base * 1.25 !default;
+$h5-font-size: $font-size-base !default;
+$h6-font-size: $font-size-base !default;
+$headings-color: $black !default;
+$headings-font-weight: 400 !default;
+
+// Displays
+$display-font-sizes: (
+	1: 6rem,
+  2: 5.5rem,
+  3: 4.5rem,
+  4: 3.5rem,
+  5: 3rem,
+  6: 2.5rem
+  ) !default;
+
+// Shadows
+$box-shadow-sm:    0 0.05rem 0.2rem rgba($black, .05) !default;
+$box-shadow:       0 0.1rem 0.2rem rgba($black, .05) !default;
+$box-shadow-lg:    0 0.2rem 0.2rem rgba($black, .05) !default;
+
+// Navbar input
+$navbar-input-bg: darken($body-bg, 0.5%) !default;
+
+// Border radius
+$border-radius-sm: .1rem !default;
+$border-radius:    .2rem !default;
+$border-radius-lg: .3rem !default;
+
+// Navbar
+$navbar-padding-y: $spacer*0.875 !default;
+$navbar-padding-x: $spacer*1.375 !default;
+$navbar-nav-link-padding-x: .5rem !default;
+$navbar-border-bottom: 0 !default;
+$navbar-box-shadow: 0 0 2rem 0 rgba($dark, .1) !default;
+
+// Navbar brand
+$navbar-brand-padding-y: $spacer*0.875 !default;
+$navbar-brand-padding-x: 0 !default;
+$navbar-brand-color: $gray-100 !default;
+$navbar-brand-font-weight: $font-weight-normal !default;
+$navbar-brand-font-size: 1.15rem !default;
+$navbar-brand-icon-color: $primary !default;
+
+$navbar-bg: $white !default;
+
+// Footer
+$footer-bg: $white !default;
+
+// Forms
+$input-bg: $white !default;
+$input-disabled-bg: $gray-200 !default;
+$input-color: $gray-700 !default;
+$input-btn-border-width: $border-width !default;
+$input-btn-line-height: $line-height-base !default;
+$input-btn-line-height-sm: $line-height-sm !default;
+$input-btn-line-height-lg: $line-height-lg !default;
+$input-btn-focus-width: .2rem !default;
+$input-btn-padding-y: .3rem !default;
+$input-btn-padding-y-sm: .2rem !default;
+$input-btn-padding-y-lg: .4rem !default;
+$input-btn-padding-x: .85rem !default;
+$input-border-width: $input-btn-border-width !default;
+$input-height-border: $input-border-width * 2 !default;
+$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
+$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
+$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
+$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
+$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
+
+// Cards
+$card-border-radius: .25rem !default;
+$card-inner-border-radius: $card-border-radius !default;
+$card-border-width: 0 !default;
+$card-border-color: transparent !default;
+$card-cap-bg: $white !default;
+$card-shadow: 0 0 .875rem 0 rgba($dark, 0.05) !default;
+$card-title-font-size: $font-size-lg !default;
+$card-title-font-weight: $font-weight-bold !default;
+$card-title-color: lighten($gray-600, 15%) !default;
+$card-spacer-y: 1.25rem !default;
+$card-spacer-x: 1.25rem !default;
+$card-cap-padding-y: 1rem !default;
+$card-cap-padding-x: $card-spacer-x !default;
+
+// Tables
+$table-cell-padding-y: .75rem !default;
+$table-cell-padding-x: .75rem !default;
+$table-cell-padding-y-sm: .3rem !default;
+$table-cell-padding-x-sm: .3rem !default;
+$table-striped-bg: $gray-100 !default;
+$table-hover-bg: rgba($black, .0375) !default;
+
+// Sidebar general
+$sidebar-width: 260px !default;
+$sidebar-transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out !default;
+$sidebar-bg: #222E3C !default;
+
+// Sidebar brand
+$sidebar-brand-padding-y: 1.15rem !default;
+$sidebar-brand-padding-x: 1.5rem !default;
+$sidebar-brand-font-weight: $font-weight-bold !default;
+$sidebar-brand-font-size: 1.15rem !default;
+$sidebar-brand-color: $gray-100 !default;
+
+// Sidebar header
+$sidebar-header-padding: 1.5rem 1.5rem 0.375rem !default;
+$sidebar-header-font-size: $font-size-sm !default;
+$sidebar-header-color: $gray-400 !default;
+
+// Sidebar link
+$sidebar-link-padding: .625rem 1.625rem !default;
+$sidebar-link-font-weight: 400 !default;
+$sidebar-link-bg: #222E3C !default;
+$sidebar-link-color: rgba($gray-200, 0.5) !default;
+$sidebar-link-border-left-color: transparent !default;
+
+$sidebar-link-hover-font-weight: $font-weight-normal !default;
+$sidebar-link-hover-bg: #222E3C !default;
+$sidebar-link-hover-color: #{rgba($gray-200, 0.75)} !default;
+$sidebar-link-hover-border-left-color: transparent !default;
+
+$sidebar-link-active-font-weight: $font-weight-normal !default;
+$sidebar-link-active-bg: #{linear-gradient(90deg, rgba($primary,0.1) 0%, rgba($primary,0.0875) 50%, rgba($black, 0) 100%)} !default;
+$sidebar-link-active-color: $gray-200 !default;
+$sidebar-link-active-border-left-color: $primary !default;
+
+// Sidebar link icon
+$sidebar-link-icon-color: #{rgba($gray-200, 0.5)} !default;
+$sidebar-link-icon-hover-color: #{rgba($gray-200, 0.75)} !default;
+$sidebar-link-icon-active-color: $gray-200 !default;
+
+// Sidebar bottom
+$sidebar-cta-color: $gray-200 !default;
+$sidebar-cta-bg: #2B3947 !default;
+$sidebar-cta-padding: $spacer*1.5 !default;
+$sidebar-cta-margin: $spacer*1.75 !default;
+$sidebar-cta-border-radius: $border-radius-lg !default;
+
+// Transitions
+$transition-appearance: background .4s ease-in-out, color .4s ease-in-out !default;
+$transition-appearance-slow: background .6s ease-in-out, color .6s ease-in-out !default;
+$transition-appearance-fast: background .1s ease-in-out, color .1s ease-in-out !default;
+
+// Modals
+$modal-content-border-width: 0 !default;
+$modal-header-border-width: 1px !default;
+$modal-footer-border-width: 1px !default;
+$modal-xl: 1140px !default;
+$modal-lg: 900px !default;
+$modal-md: 600px !default;
+$modal-sm: 400px !default;
+$modal-transition: transform .25s ease-out !default;
+
+// Badges
+$badge-font-size: 80% !default;
+$badge-padding-y: .3em !default;
+$badge-padding-x: .45em !default;
+
+// Main
+$main-box-shadow: inset .75rem 0px 1.5rem 0px rgba($black, 0.075);
+
+// Content
+$content-padding-desktop: 3rem 3rem 1.5rem !default;
+$content-padding-mobile: 1.5rem 1.5rem .75rem !default;
+
+// Datetimepicker
+$bs-datetimepicker-active-bg: $primary !default;
+
+// Simplebar
+$simplebar-scrollbar-bg: $white !default;
+
+// Hamburger
+$hamburger-width-top: 24px !default;
+$hamburger-width-middle: 24px !default;
+$hamburger-width-bottom: 16px !default;
+
+// Stats
+$stat-bg: lighten($primary, 35%) !default;
+$stat-icon-color: $primary !default;
+$stat-padding: $spacer * 0.75 !default;

src/scss/2-mixins/_button.scss

@@ -0,0 +1,24 @@
+@mixin button-color($color) {
+  &,
+  &:focus,
+  &.focus,
+  &.disabled,
+  &:disabled,
+  .show > &.dropdown-toggle {
+    color: $color;
+  }
+}
+
+@mixin button-color-hover($color) {
+  &:hover:not(:disabled):not(.disabled),
+  &.hover:not(:disabled):not(.disabled) {
+    color: $color;
+  }
+}
+
+@mixin button-color-active($color) {
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    color: $color;
+  }
+}

src/scss/3-components/_avatar.scss

@@ -0,0 +1,18 @@
+.avatar {
+  width: 40px;
+  height: 40px;
+}
+
+.avatar-lg {
+  width: 64px;
+  height: 64px;
+}
+
+.avatar-title {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: $primary;
+}

src/scss/3-components/_buttons.scss

@@ -0,0 +1,25 @@
+.btn .feather {
+  width: 14px;
+  height: 14px;
+}
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-color($white);
+    @include button-color-hover($white);
+  }
+}
+
+@each $color, $value in $social-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+    @include button-color($white);
+    @include button-color-hover($white);
+  }
+}
+
+.btn-light,
+.btn-white {
+  @include button-color($gray-800);
+  @include button-color-hover($gray-800);
+}

src/scss/3-components/_card.scss

@@ -0,0 +1,42 @@
+.card {
+  margin-bottom: $grid-gutter-width;
+  box-shadow: $card-shadow;
+}
+
+.card-header {
+  border-bottom-width: 1px;
+}
+
+.card-title {
+  font-size: $card-title-font-size;
+  font-weight: $card-title-font-weight;
+  color: $card-title-color;
+}
+
+.card-subtitle {
+  font-weight: $font-weight-normal;
+}
+
+.card-table {
+  margin-bottom: 0;
+}
+
+.card-table tr td:first-child,
+.card-table tr th:first-child {
+  padding-left: $card-spacer-x;
+}
+
+.card-table tr td:last-child,
+.card-table tr th:last-child {
+  padding-right: $card-spacer-x;
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  @include img-fluid;
+
+  @media all and (-ms-high-contrast:none) {
+    height: 100%;
+  }
+}

src/scss/3-components/_chart.scss

@@ -0,0 +1,26 @@
+.chart {
+  margin: auto;
+  position: relative;
+  width: 100%;
+  min-height: 300px;
+
+  &-xs {
+    min-height: 200px;
+  }
+
+  &-sm {
+    min-height: 252px;
+  }
+
+  &-lg {
+    min-height: 350px;
+  }
+
+  &-xl {
+    min-height: 500px;
+  }
+
+  canvas {
+    max-width: 100%;
+  }
+}

src/scss/3-components/_content.scss

@@ -0,0 +1,16 @@
+.content {
+  padding: $content-padding-mobile;
+  flex: 1;
+  width: 100vw;
+  max-width: 100vw;
+  direction: ltr;
+
+  @include media-breakpoint-up(md) {
+    width: auto;
+    max-width: auto;
+  }
+
+  @include media-breakpoint-up(lg) {
+    padding: $content-padding-desktop;  
+  }
+}

src/scss/3-components/_dropdown.scss

@@ -0,0 +1,71 @@
+.navbar-nav .dropdown-menu {
+  box-shadow: $box-shadow;
+}
+
+.dropdown .dropdown-menu.show {
+  animation-name: dropdownAnimation;
+  animation-duration: .25s;
+  animation-iteration-count: 1;
+  animation-timing-function: ease;
+  animation-fill-mode: forwards;
+}
+
+@keyframes dropdownAnimation {
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0);
+  }
+}
+
+.dropdown-toggle:after {
+  border: solid;
+  border-width: 0 2px 2px 0;
+  display: inline-block;
+  padding: 2px;
+  transform: rotate(45deg);
+}
+
+.dropdown-item {
+  transition: $transition-appearance-fast;
+}
+
+.dropdown-menu {
+  top: auto;
+}
+
+.dropdown-menu-lg {
+  min-width: $dropdown-min-width*2;
+}
+
+.dropdown .list-group .list-group-item {
+  border-width: 0;
+  border-bottom-width: 1px;
+  margin-bottom: 0;
+
+  &:first-child,
+  &:last-child {
+    border-radius: 0;
+  }
+
+  &:hover {
+    background: $gray-100;
+  }
+}
+
+.dropdown-menu-header {
+  padding: $spacer*0.75;
+  text-align: center;
+  font-weight: $font-weight-bold;
+  border-bottom: 1px solid $gray-300;
+}
+
+.dropdown-menu-footer {
+  padding: $spacer*0.5;
+  text-align: center;
+  display: block;
+  font-size: $font-size-sm;
+}

src/scss/3-components/_feather.scss

@@ -0,0 +1,15 @@
+.feather {
+  width: 18px;
+  height: 18px;
+  stroke-width: 2;
+}
+
+.feather-sm {
+  width: 14px;
+  height: 14px;
+}
+
+.feather-lg {
+  width: 36px;
+  height: 36px;
+}

src/scss/3-components/_footer.scss

@@ -0,0 +1,13 @@
+footer.footer {
+  padding: $spacer $spacer*0.875;
+  direction: ltr;
+  background: $footer-bg;
+
+  ul {
+    margin-bottom: 0;
+  }
+
+  @include media-breakpoint-down(md) {
+    width: 100vw;
+  }
+}

src/scss/3-components/_hamburger.scss

@@ -0,0 +1,44 @@
+.hamburger,
+.hamburger:before,
+.hamburger:after {
+  cursor: pointer;
+  border-radius: 1px;
+  height: 3px;
+  width: $hamburger-width-middle;
+  background: $gray-700;
+  display: block;
+  content: '';
+  transition: $transition-appearance-fast;
+}
+
+.hamburger {
+  position: relative;
+}
+
+.hamburger:before {
+  top: -7.5px;
+  width: $hamburger-width-top;
+  position: absolute;
+}
+
+.hamburger:after {
+  bottom: -7.5px;
+  width: $hamburger-width-bottom;
+  position: absolute;
+}
+
+.sidebar-toggle:hover {
+  .hamburger,
+  .hamburger:before,
+  .hamburger:after {
+    background: $primary;
+  }
+}
+
+.hamburger-right {
+  &,
+  &:before,
+  &:after {
+    right: 0;
+  }
+}

src/scss/3-components/_list-group.scss

@@ -0,0 +1,3 @@
+a.list-group-item {
+  text-decoration: none;
+}

src/scss/3-components/_main.scss

@@ -0,0 +1,12 @@
+.main {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  min-height: 100vh;
+  transition: $sidebar-transition;
+  background: $body-bg;
+  flex-direction: column;
+  overflow: hidden;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}

src/scss/3-components/_navbar.scss

@@ -0,0 +1,137 @@
+.navbar {
+  border-bottom: $navbar-border-bottom;
+  box-shadow: $navbar-box-shadow;
+
+  @include media-breakpoint-down(md) {
+    width: 100vw;
+  }
+}
+
+.navbar .avatar {
+  margin-top: -15px;
+  margin-bottom: -15px;
+}
+
+.navbar-nav {
+  direction: ltr;
+}
+
+.navbar-align {
+  margin-left: auto;
+}
+
+.navbar-bg {
+  background: $navbar-bg;
+}
+
+.navbar-brand {
+  font-weight: $navbar-brand-font-weight;
+  font-size: $navbar-brand-font-size;
+  padding: $navbar-brand-padding-y $navbar-brand-padding-x;
+  color: $navbar-brand-color;
+  display: block;
+
+  svg,
+  .feather {
+    color: $navbar-brand-icon-color;
+    height: 24px;
+    width: 24px;
+    margin-left: -0.15rem;
+    margin-right: 0.375rem;
+    margin-top: -0.375rem;
+  }
+}
+
+.nav-icon,
+.nav-flag {
+  padding: .1rem .8rem;
+  display: block;
+  font-size: 1.5rem;
+  color: $gray-600;
+  transition: $transition-appearance-fast;
+  line-height: 1.4;
+
+  &:after {
+    display: none !important;
+  }
+
+  &:hover,
+  &.active {
+    color: $primary;
+  }
+
+  svg,
+  .feather {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+.nav-item {
+  .indicator {
+    background: $primary;
+    box-shadow: $box-shadow;
+    border-radius: 50%;
+    display: block;
+    height: 18px;
+    width: 18px;
+    padding: 1px;
+    position: absolute;
+    top: 0;
+    right: -8px;
+    text-align: center;
+    transition: top .1s ease-out;
+    font-size: 0.675rem;
+    color: $white;
+  }
+
+  &:hover .indicator {
+    top: -4px;
+  }
+
+  a:focus {
+    outline: 0;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .navbar .avatar {
+    max-height: 47px;
+  }
+}
+
+@include media-breakpoint-down(sm) {
+  .navbar {
+    padding: 0.75rem;
+  }
+
+  .nav-icon {
+    padding: .1rem .75rem;
+  }
+
+  .dropdown,
+  .dropleft,
+  .dropright,
+  .dropup {
+    position: inherit;
+  }
+
+  .navbar-expand .navbar-nav .dropdown-menu-lg {
+    min-width: 100%;
+  }
+
+  .nav-item .nav-link:after {
+    display: none;
+  }
+}
+
+.nav-flag img {
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  object-fit: cover;
+}
+
+.navbar input {
+  direction: ltr;
+}

src/scss/3-components/_reboot.scss

@@ -0,0 +1,14 @@
+body, html, #root {
+  height: 100%;
+}
+
+body {
+  overflow-y: scroll;
+  opacity: 1 !important;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  html {
+    overflow-x: hidden;
+  }
+}

src/scss/3-components/_sidebar.scss

@@ -0,0 +1,147 @@
+.sidebar {
+  min-width: $sidebar-width;
+  max-width: $sidebar-width;
+  transition: $sidebar-transition;
+  direction: ltr;
+  background: $sidebar-bg;
+}
+
+.sidebar-content {
+  transition: $sidebar-transition;
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  background: $sidebar-bg;
+}
+
+.sidebar-nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  flex-grow: 1;
+}
+
+// Sidebar links
+.sidebar-link,
+a.sidebar-link {
+  display: block;
+  padding: $sidebar-link-padding;
+  font-weight: $sidebar-link-font-weight;
+  transition: background .1s ease-in-out;
+  position: relative;
+  text-decoration: none;
+  cursor: pointer;
+  border-left-style: solid;
+  border-left-width: 3px;
+  color: $sidebar-link-color;
+  background: $sidebar-link-bg;
+  border-left-color: $sidebar-link-border-left-color;
+
+  i,
+  svg {
+    margin-right: .75rem;
+    color: $sidebar-link-icon-color;
+  }
+}
+
+.sidebar-link:focus {
+  outline: 0;
+}
+
+.sidebar-link:hover {
+  color: $sidebar-link-hover-color;
+  background: $sidebar-link-hover-bg;
+  border-left-color: $sidebar-link-hover-border-left-color;
+
+  i,
+  svg {
+    color: $sidebar-link-icon-hover-color;
+  }
+}
+
+.sidebar-item.active > .sidebar-link,
+.sidebar-item.active .sidebar-link:hover {
+  color: $sidebar-link-active-color;
+  background: $sidebar-link-active-bg;
+  border-left-color: $sidebar-link-active-border-left-color;
+
+  i,
+  svg {
+    color: $sidebar-link-icon-active-color;
+  }
+}
+
+// Sidebar brand
+.sidebar-brand {
+  font-weight: $sidebar-brand-font-weight;
+  font-size: $sidebar-brand-font-size;
+  padding: $sidebar-brand-padding-y $sidebar-brand-padding-x;
+  display: block;
+  color: $sidebar-brand-color;
+
+  &:hover {
+    text-decoration: none;
+    color: $sidebar-brand-color;
+  }
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+// Toggle states
+.sidebar-toggle {
+  cursor: pointer;
+  width: 26px;
+  height: 26px;
+  display: flex;
+}
+
+.sidebar {
+  &.collapsed {
+    margin-left: -$sidebar-width;
+  }
+
+  // Workaround for IE bug, more info:
+  // https://stackoverflow.com/a/25850649
+  @media (min-width: 1px) and (max-width: #{map-get($grid-breakpoints, 'lg') - .02px}) {
+
+    // Sidebar default state (on mobile)
+    margin-left: -$sidebar-width;
+
+    // Sidebar collapsed state (on mobile)
+    &.collapsed {
+      margin-left: 0;
+    }
+  }
+}
+
+.sidebar-toggle {
+  margin-right: $spacer;
+}
+
+// Sidebar header
+.sidebar-header {
+  background: transparent;
+  padding: $sidebar-header-padding;
+  font-size: $sidebar-header-font-size;
+  color: $sidebar-header-color;
+}
+
+// Badge
+.sidebar-badge {
+  position: absolute;
+  right: 15px;
+  top: 14px;
+  z-index: 1;
+}
+
+// Sidebar bottom
+.sidebar-cta-content {
+  padding: $sidebar-cta-padding;
+  margin: $sidebar-cta-margin;
+  border-radius: $sidebar-cta-border-radius;
+
+  background: $sidebar-cta-bg;
+  color: $sidebar-cta-color;
+}

src/scss/3-components/_sizing.scss

@@ -0,0 +1,5 @@
+.min-vw-50 { min-width: 50vw !important; }
+.min-vh-50 { min-height: 50vh !important; }
+
+.vw-50 { width: 50vw !important; }
+.vh-50 { height: 50vh !important; }

src/scss/3-components/_stat.scss

@@ -0,0 +1,16 @@
+.stat {
+  background: $stat-bg;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+
+  svg {
+    width: 18px;
+    height: 18px;
+    color: $stat-icon-color !important;
+    stroke-width: 1.5;
+  }
+}

src/scss/3-components/_tables.scss

@@ -0,0 +1,13 @@
+.table {
+	thead, tbody, tfoot, tr, td, th {
+		border-color: $table-border-color;
+	}
+	
+	> :not(:last-child) > :last-child > * {
+		border-color: $table-border-color;
+	}
+}
+
+.table > tbody > tr > td {
+	vertical-align: middle;
+}

src/scss/3-components/_type.scss

@@ -0,0 +1,21 @@
+.text-sm {
+  font-size: $font-size-sm;
+}
+
+.text-lg {
+  font-size: $font-size-lg;
+}
+
+b, strong {
+	font-weight: $font-weight-bold;
+}
+
+pre.snippet {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  text-align: justify;
+}
+
+a {
+  cursor: pointer;
+}

src/scss/3-components/_wrapper.scss

@@ -0,0 +1,6 @@
+.wrapper {
+  align-items: stretch;
+  display: flex;
+  width: 100%;
+  background: $sidebar-bg;
+}

src/scss/4-utilities/_cursors.scss

@@ -0,0 +1,10 @@
+.cursor-grab {
+  cursor: move;
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}

src/scss/5-vendor/_flatpickr.scss

@@ -0,0 +1,104 @@
+$flatpickr-tile-height: 45px;
+
+.flatpickr-calendar.inline {
+  background: transparent;
+  box-shadow: none;
+  width: 100%;
+  
+  .flatpickr-days {
+    width: 100%;
+  }
+
+  .dayContainer {
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+  }
+
+  .flatpickr-day {
+    border-radius: $border-radius;
+    max-width: inherit;
+    height: $flatpickr-tile-height;
+    line-height: $flatpickr-tile-height;
+
+    &.today {
+      border: 0;
+
+      &:before {
+        content: "";
+        display: inline-block;
+        border-color: rgba(0,0,0,.2) transparent $primary;
+        border-style: solid;
+        border-width: 0 0 7px 7px;
+        position: absolute;
+        bottom: 4px;
+        right: 4px;
+      }
+
+      &.selected:before {
+        border-color: rgba(0,0,0,.2) transparent $white;
+      }
+
+      &:hover {
+        background: #e6e6e6;
+        color: $black;
+      }
+    }
+
+    &.selected {
+      &,
+      &:hover,
+      &:focus {
+        border-radius: $border-radius;
+        background: $primary;
+        color: $white;
+      }
+    }
+  }
+
+  .flatpickr-weekdays {
+    height: $flatpickr-tile-height;
+  }
+  .flatpickr-weekday {
+    height: $flatpickr-tile-height;
+    line-height: $flatpickr-tile-height;
+  }
+
+  .flatpickr-months {
+    .flatpickr-month {
+      height: $flatpickr-tile-height;
+    }
+
+    .flatpickr-prev-month,
+    .flatpickr-next-month {
+      height: $flatpickr-tile-height;
+    }
+  }
+
+  .flatpickr-current-month {
+    padding-top: 0;
+    line-height: $flatpickr-tile-height;
+    height: $flatpickr-tile-height;
+
+    .flatpickr-monthDropdown-months {
+      appearance: none;
+    }
+    
+    .flatpickr-monthDropdown-months,
+    input.cur-year {
+      font-weight: $font-weight-normal;
+      font-size: $h4-font-size;
+    }
+  }
+
+  .flatpickr-prev-month,
+  .flatpickr-next-month {
+    width: 45px;
+    border-radius: $border-radius;
+
+    &:hover {
+      background: #e6e6e6;
+      color: $black;
+    }
+  }
+}

src/scss/5-vendor/_simplebar.scss

@@ -0,0 +1,17 @@
+.simplebar-scrollbar:before {
+  background: $simplebar-scrollbar-bg;
+}
+
+.simplebar-content {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  padding-bottom: 0 !important;
+}
+
+[data-simplebar] {
+  position: sticky;
+  top: 0;
+  left: 0;
+  width: $sidebar-width;
+}

src/scss/app.scss

@@ -0,0 +1,71 @@
+/*!
+ * AdminKit v3.0.2 (https://adminkit.io/)
+ * Copyright 2021 Paul Laros
+ * Copyright 2021 AdminKit
+ * Licensed under MIT (https://github.com/adminkit/adminkit/blob/master/LICENSE)
+ */
+
+// Variables
+@import "1-variables/app";
+
+// Bootstrap
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
+@import "~bootstrap/scss/mixins";
+@import "~bootstrap/scss/utilities";
+@import "~bootstrap/scss/root";
+@import "~bootstrap/scss/reboot";
+@import "~bootstrap/scss/type";
+@import "~bootstrap/scss/images";
+@import "~bootstrap/scss/containers";
+@import "~bootstrap/scss/grid";
+@import "~bootstrap/scss/tables";
+@import "~bootstrap/scss/forms";
+@import "~bootstrap/scss/buttons";
+@import "~bootstrap/scss/transitions";
+@import "~bootstrap/scss/dropdown";
+@import "~bootstrap/scss/button-group";
+@import "~bootstrap/scss/nav";
+@import "~bootstrap/scss/navbar";
+@import "~bootstrap/scss/card";
+@import "~bootstrap/scss/badge";
+@import "~bootstrap/scss/list-group";
+@import "~bootstrap/scss/close";
+@import "~bootstrap/scss/helpers";
+@import "~bootstrap/scss/utilities/api";
+
+// Theme mixins
+@import "2-mixins/button";
+
+// Theme components
+@import "3-components/avatar";
+@import "3-components/buttons";
+@import "3-components/card";
+@import "3-components/chart";
+@import "3-components/content";
+@import "3-components/dropdown";
+@import "3-components/feather";
+@import "3-components/footer";
+@import "3-components/hamburger";
+@import "3-components/list-group";
+@import "3-components/main";
+@import "3-components/navbar";
+@import "3-components/reboot";
+@import "3-components/sidebar";
+@import "3-components/sizing";
+@import "3-components/stat";
+@import "3-components/tables";
+@import "3-components/type";
+@import "3-components/wrapper";
+
+// Theme utilities
+@import "4-utilities/cursors";
+
+// 3rd party plugins
+@import "~jsvectormap/dist/css/jsvectormap";
+@import "~simplebar/dist/simplebar";
+@import "~flatpickr/dist/flatpickr";
+
+// 3rd party plugin styles
+@import "5-vendor/flatpickr";
+@import "5-vendor/simplebar";

static/js/app.js.LICENSE.txt

@@ -0,0 +1,514 @@
+/*!
+  * Bootstrap v5.1.1 (https://getbootstrap.com/)
+  * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
+
+/*!
+  Copyright (c) 2016 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * Chart.js v2.9.4
+ * https://www.chartjs.org
+ * (c) 2020 Chart.js Contributors
+ * Released under the MIT License
+ */
+
+/*! ../../internals/path */
+
+/*! ../../modules/es.array.from */
+
+/*! ../../modules/es.string.iterator */
+
+/*! ../dist/icons.json */
+
+/*! ../internals/a-function */
+
+/*! ../internals/an-object */
+
+/*! ../internals/array-from */
+
+/*! ../internals/array-includes */
+
+/*! ../internals/bind-context */
+
+/*! ../internals/call-with-safe-iteration-closing */
+
+/*! ../internals/check-correctness-of-iteration */
+
+/*! ../internals/classof */
+
+/*! ../internals/classof-raw */
+
+/*! ../internals/copy-constructor-properties */
+
+/*! ../internals/correct-prototype-getter */
+
+/*! ../internals/create-iterator-constructor */
+
+/*! ../internals/create-property */
+
+/*! ../internals/create-property-descriptor */
+
+/*! ../internals/define-iterator */
+
+/*! ../internals/descriptors */
+
+/*! ../internals/document-create-element */
+
+/*! ../internals/enum-bug-keys */
+
+/*! ../internals/export */
+
+/*! ../internals/fails */
+
+/*! ../internals/function-to-string */
+
+/*! ../internals/get-iterator-method */
+
+/*! ../internals/global */
+
+/*! ../internals/has */
+
+/*! ../internals/hidden-keys */
+
+/*! ../internals/hide */
+
+/*! ../internals/html */
+
+/*! ../internals/ie8-dom-define */
+
+/*! ../internals/indexed-object */
+
+/*! ../internals/internal-state */
+
+/*! ../internals/is-array-iterator-method */
+
+/*! ../internals/is-forced */
+
+/*! ../internals/is-object */
+
+/*! ../internals/is-pure */
+
+/*! ../internals/iterators */
+
+/*! ../internals/iterators-core */
+
+/*! ../internals/native-symbol */
+
+/*! ../internals/native-weak-map */
+
+/*! ../internals/object-create */
+
+/*! ../internals/object-define-properties */
+
+/*! ../internals/object-define-property */
+
+/*! ../internals/object-get-own-property-descriptor */
+
+/*! ../internals/object-get-own-property-names */
+
+/*! ../internals/object-get-own-property-symbols */
+
+/*! ../internals/object-get-prototype-of */
+
+/*! ../internals/object-keys */
+
+/*! ../internals/object-keys-internal */
+
+/*! ../internals/object-property-is-enumerable */
+
+/*! ../internals/object-set-prototype-of */
+
+/*! ../internals/own-keys */
+
+/*! ../internals/redefine */
+
+/*! ../internals/require-object-coercible */
+
+/*! ../internals/set-global */
+
+/*! ../internals/set-to-string-tag */
+
+/*! ../internals/shared */
+
+/*! ../internals/shared-key */
+
+/*! ../internals/string-at */
+
+/*! ../internals/to-absolute-index */
+
+/*! ../internals/to-indexed-object */
+
+/*! ../internals/to-integer */
+
+/*! ../internals/to-length */
+
+/*! ../internals/to-object */
+
+/*! ../internals/to-primitive */
+
+/*! ../internals/uid */
+
+/*! ../internals/validate-set-prototype-of-arguments */
+
+/*! ../internals/well-known-symbol */
+
+/*! ./../../webpack/buildin/global.js */
+
+/*! ./default-attrs.json */
+
+/*! ./icon */
+
+/*! ./icons */
+
+/*! ./replace */
+
+/*! ./tags.json */
+
+/*! ./to-svg */
+
+/*! /home/travis/build/feathericons/feather/src/index.js */
+
+/*! classnames/dedupe */
+
+/*! core-js/es/array/from */
+
+/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, aperture, archive, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, award, bar-chart-2, bar-chart, battery-charging, battery, bell-off, bell, bluetooth, bold, book-open, book, bookmark, box, briefcase, calendar, camera-off, camera, cast, check-circle, check-square, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, chrome, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-off, cloud-rain, cloud-snow, cloud, code, codepen, codesandbox, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, divide-circle, divide-square, divide, dollar-sign, download-cloud, download, dribbble, droplet, edit-2, edit-3, edit, external-link, eye-off, eye, facebook, fast-forward, feather, figma, file-minus, file-plus, file-text, file, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, grid, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, info, instagram, italic, key, layers, layout, life-buoy, link-2, link, linkedin, list, loader, lock, log-in, log-out, mail, map-pin, map, maximize-2, maximize, meh, menu, message-circle, message-square, mic-off, mic, minimize-2, minimize, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation-2, navigation, octagon, package, paperclip, pause-circle, pause, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, pie-chart, play-circle, play, plus-circle, plus-square, plus, pocket, power, printer, radio, refresh-ccw, refresh-cw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, server, settings, share-2, share, shield-off, shield, shopping-bag, shopping-cart, shuffle, sidebar, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, square, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash-2, trash, trello, trending-down, trending-up, triangle, truck, tv, twitch, twitter, type, umbrella, underline, unlock, upload-cloud, upload, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume-1, volume-2, volume-x, volume, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
+
+/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, archive, at-sign, award, aperture, bar-chart, bar-chart-2, battery, battery-charging, bell, bell-off, bluetooth, book-open, book, bookmark, box, briefcase, calendar, camera, cast, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-rain, cloud-snow, cloud, codepen, codesandbox, code, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, dollar-sign, droplet, edit, edit-2, edit-3, eye, eye-off, external-link, facebook, fast-forward, figma, file-minus, file-plus, file-text, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, instagram, key, layers, layout, life-bouy, link, link-2, linkedin, list, lock, log-in, log-out, mail, map-pin, map, maximize, maximize-2, meh, menu, message-circle, message-square, mic-off, mic, minimize, minimize-2, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation, navigation-2, octagon, package, paperclip, pause, pause-circle, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, play, pie-chart, play-circle, plus, plus-circle, plus-square, pocket, power, printer, radio, refresh-cw, refresh-ccw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, settings, share-2, shield, shield-off, shopping-bag, shopping-cart, shuffle, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash, trash-2, triangle, truck, tv, twitch, twitter, type, umbrella, unlock, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume, volume-1, volume-2, volume-x, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
+
+/*! exports provided: xmlns, width, height, viewBox, fill, stroke, stroke-width, stroke-linecap, stroke-linejoin, default */
+
+/*! no static exports found */
+
+/*!*********************!*\
+  !*** ./src/icon.js ***!
+  \*********************/
+
+/*!**********************!*\
+  !*** ./src/icons.js ***!
+  \**********************/
+
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+
+/*!***********************!*\
+  !*** ./src/tags.json ***!
+  \***********************/
+
+/*!***********************!*\
+  !*** ./src/to-svg.js ***!
+  \***********************/
+
+/*!************************!*\
+  !*** ./src/replace.js ***!
+  \************************/
+
+/*!*************************!*\
+  !*** ./dist/icons.json ***!
+  \*************************/
+
+/*!********************************!*\
+  !*** ./src/default-attrs.json ***!
+  \********************************/
+
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+
+/*!*******************************************!*\
+  !*** ./node_modules/classnames/dedupe.js ***!
+  \*******************************************/
+
+/*!***********************************************!*\
+  !*** ./node_modules/core-js/es/array/from.js ***!
+  \***********************************************/
+
+/*!***********************************************!*\
+  !*** ./node_modules/core-js/internals/has.js ***!
+  \***********************************************/
+
+/*!***********************************************!*\
+  !*** ./node_modules/core-js/internals/uid.js ***!
+  \***********************************************/
+
+/*!************************************************!*\
+  !*** ./node_modules/core-js/internals/hide.js ***!
+  \************************************************/
+
+/*!************************************************!*\
+  !*** ./node_modules/core-js/internals/html.js ***!
+  \************************************************/
+
+/*!************************************************!*\
+  !*** ./node_modules/core-js/internals/path.js ***!
+  \************************************************/
+
+/*!*************************************************!*\
+  !*** ./node_modules/core-js/internals/fails.js ***!
+  \*************************************************/
+
+/*!**************************************************!*\
+  !*** ./node_modules/core-js/internals/export.js ***!
+  \**************************************************/
+
+/*!**************************************************!*\
+  !*** ./node_modules/core-js/internals/global.js ***!
+  \**************************************************/
+
+/*!**************************************************!*\
+  !*** ./node_modules/core-js/internals/shared.js ***!
+  \**************************************************/
+
+/*!**************************************************!*\
+  !*** multi core-js/es/array/from ./src/index.js ***!
+  \**************************************************/
+
+/*!***************************************************!*\
+  !*** ./node_modules/core-js/internals/classof.js ***!
+  \***************************************************/
+
+/*!***************************************************!*\
+  !*** ./node_modules/core-js/internals/is-pure.js ***!
+  \***************************************************/
+
+/*!****************************************************!*\
+  !*** ./node_modules/core-js/internals/own-keys.js ***!
+  \****************************************************/
+
+/*!****************************************************!*\
+  !*** ./node_modules/core-js/internals/redefine.js ***!
+  \****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/an-object.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/is-forced.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/is-object.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/iterators.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/string-at.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/to-length.js ***!
+  \*****************************************************/
+
+/*!*****************************************************!*\
+  !*** ./node_modules/core-js/internals/to-object.js ***!
+  \*****************************************************/
+
+/*!******************************************************!*\
+  !*** ./node_modules/core-js/internals/a-function.js ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ./node_modules/core-js/internals/array-from.js ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ./node_modules/core-js/internals/set-global.js ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ./node_modules/core-js/internals/shared-key.js ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ./node_modules/core-js/internals/to-integer.js ***!
+  \******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./node_modules/core-js/internals/classof-raw.js ***!
+  \*******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./node_modules/core-js/internals/descriptors.js ***!
+  \*******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./node_modules/core-js/internals/hidden-keys.js ***!
+  \*******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./node_modules/core-js/internals/object-keys.js ***!
+  \*******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./node_modules/core-js/modules/es.array.from.js ***!
+  \*******************************************************/
+
+/*!********************************************************!*\
+  !*** ./node_modules/core-js/internals/bind-context.js ***!
+  \********************************************************/
+
+/*!********************************************************!*\
+  !*** ./node_modules/core-js/internals/to-primitive.js ***!
+  \********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./node_modules/core-js/internals/enum-bug-keys.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./node_modules/core-js/internals/native-symbol.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./node_modules/core-js/internals/object-create.js ***!
+  \*********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/core-js/internals/array-includes.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/core-js/internals/ie8-dom-define.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/core-js/internals/indexed-object.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/core-js/internals/internal-state.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/core-js/internals/iterators-core.js ***!
+  \**********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/internals/create-property.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/internals/define-iterator.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/internals/native-weak-map.js ***!
+  \***********************************************************/
+
+/*!************************************************************!*\
+  !*** ./node_modules/core-js/modules/es.string.iterator.js ***!
+  \************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/core-js/internals/set-to-string-tag.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/core-js/internals/to-absolute-index.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/core-js/internals/to-indexed-object.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/core-js/internals/well-known-symbol.js ***!
+  \*************************************************************/
+
+/*!**************************************************************!*\
+  !*** ./node_modules/core-js/internals/function-to-string.js ***!
+  \**************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./node_modules/core-js/internals/get-iterator-method.js ***!
+  \***************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-keys-internal.js ***!
+  \****************************************************************/
+
+/*!******************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-define-property.js ***!
+  \******************************************************************/
+
+/*!*******************************************************************!*\
+  !*** ./node_modules/core-js/internals/document-create-element.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-get-prototype-of.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-set-prototype-of.js ***!
+  \*******************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./node_modules/core-js/internals/correct-prototype-getter.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./node_modules/core-js/internals/is-array-iterator-method.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-define-properties.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./node_modules/core-js/internals/require-object-coercible.js ***!
+  \********************************************************************/
+
+/*!**********************************************************************!*\
+  !*** ./node_modules/core-js/internals/create-property-descriptor.js ***!
+  \**********************************************************************/
+
+/*!***********************************************************************!*\
+  !*** ./node_modules/core-js/internals/copy-constructor-properties.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*\
+  !*** ./node_modules/core-js/internals/create-iterator-constructor.js ***!
+  \***********************************************************************/
+
+/*!*************************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-get-own-property-names.js ***!
+  \*************************************************************************/
+
+/*!*************************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-property-is-enumerable.js ***!
+  \*************************************************************************/
+
+/*!**************************************************************************!*\
+  !*** ./node_modules/core-js/internals/check-correctness-of-iteration.js ***!
+  \**************************************************************************/
+
+/*!***************************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-get-own-property-symbols.js ***!
+  \***************************************************************************/
+
+/*!****************************************************************************!*\
+  !*** ./node_modules/core-js/internals/call-with-safe-iteration-closing.js ***!
+  \****************************************************************************/
+
+/*!******************************************************************************!*\
+  !*** ./node_modules/core-js/internals/object-get-own-property-descriptor.js ***!
+  \******************************************************************************/
+
+/*!*******************************************************************************!*\
+  !*** ./node_modules/core-js/internals/validate-set-prototype-of-arguments.js ***!
+  \*******************************************************************************/
+
+//! moment.js
+
+//! moment.js locale configuration

webpack.config.js

@@ -0,0 +1,120 @@
+const Webpack = require("webpack");
+const Path = require("path");
+const TerserPlugin = require("terser-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const FileManagerPlugin = require("filemanager-webpack-plugin");
+
+const opts = {
+  rootDir: process.cwd(),
+  devBuild: process.env.NODE_ENV !== "production"
+};
+
+module.exports = {
+  entry: {
+    app: "./src/js/app.js"
+  },
+  mode: process.env.NODE_ENV === "production" ? "production" : "development",
+  devtool:
+    process.env.NODE_ENV === "production" ? "source-map" : "inline-source-map",
+  output: {
+    path: Path.join(opts.rootDir, "dist"),
+    pathinfo: opts.devBuild,
+    filename: "js/[name].js",
+    chunkFilename: 'js/[name].js',
+  },
+  performance: { hints: false },
+  optimization: {
+    minimizer: [
+      new TerserPlugin({
+        parallel: true,
+        terserOptions: {
+          ecma: 5
+        }
+      }),
+      new CssMinimizerPlugin({})
+    ],
+    runtimeChunk: false
+  },
+  plugins: [
+    // Extract css files to seperate bundle
+    new MiniCssExtractPlugin({
+      filename: "css/app.css",
+      chunkFilename: "css/app.css"
+    }),
+    // Copy fonts and images to dist
+    new CopyWebpackPlugin({
+      patterns: [
+        { from: "src/fonts", to: "fonts" },
+        { from: "src/img", to: "img" }
+      ]
+    }),
+    // Copy dist folder to static
+    new FileManagerPlugin({
+      events: {
+        onEnd: {
+          copy: [
+            { source: "./dist/", destination: "./static" }
+          ]
+        }
+      }
+    }),
+  ],
+  module: {
+    rules: [
+      // Babel-loader
+      {
+        test: /\.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            cacheDirectory: true
+          }
+        }
+      },
+      // Css-loader & sass-loader
+      {
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          "css-loader",
+          "postcss-loader",
+          "sass-loader"
+        ]
+      },
+      // Load fonts
+      {
+        test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
+        type: "asset/resource",
+        generator: {
+          filename: "fonts/[name][ext]"
+        }
+      },
+      // Load images
+      {
+        test: /\.(png|jpg|jpeg|gif)(\?v=\d+\.\d+\.\d+)?$/,
+        type: "asset/resource",
+        generator: {
+          filename: "img/[name][ext]"
+        }
+      },
+    ]
+  },
+  resolve: {
+    extensions: [".js", ".scss"],
+    modules: ["node_modules"],
+    alias: {
+      request$: "xhr"
+    }
+  },
+  devServer: {
+    static: {
+      directory: Path.join(__dirname, "static")
+    },
+    compress: true,
+    port: 8080,
+    open: true
+  }
+};