Initial commit

resources/mix/custom/authentication/sign-in/general.js

@@ -0,0 +1,134 @@
+"use strict";
+
+// Class definition
+var KTSigninGeneral = function () {
+    // Elements
+    var form;
+    var submitButton;
+    var validator;
+
+    // Handle form
+    var handleValidation = function (e) {
+        // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
+        validator = FormValidation.formValidation(
+            form,
+            {
+                fields: {
+                    'email': {
+                        validators: {
+                            regexp: {
+                                regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+                                message: 'The value is not a valid email address',
+                            },
+                            notEmpty: {
+                                message: 'Email address is required'
+                            }
+                        }
+                    },
+                    'password': {
+                        validators: {
+                            notEmpty: {
+                                message: 'The password is required'
+                            }
+                        }
+                    }
+                },
+                plugins: {
+                    trigger: new FormValidation.plugins.Trigger(),
+                    bootstrap: new FormValidation.plugins.Bootstrap5({
+                        rowSelector: '.fv-row',
+                        eleInvalidClass: '',  // comment to enable invalid state icons
+                        eleValidClass: '' // comment to enable valid state icons
+                    })
+                }
+            }
+        );
+    }
+
+    var handleSubmitAjax = function (e) {
+        // Handle form submit
+        submitButton.addEventListener('click', function (e) {
+            // Prevent button default action
+            e.preventDefault();
+
+            // Validate form
+            validator.validate().then(function (status) {
+                if (status == 'Valid') {
+                    // Show loading indication
+                    submitButton.setAttribute('data-kt-indicator', 'on');
+
+                    // Disable button to avoid multiple click
+                    submitButton.disabled = true;
+
+                    // Check axios library docs: https://axios-http.com/docs/intro
+                    axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) {
+                        if (response) {
+                            form.reset();
+
+                            const redirectUrl = form.getAttribute('data-kt-redirect-url');
+
+                            if (redirectUrl) {
+                                location.href = redirectUrl;
+                            }
+                        } else {
+                            // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/
+                            Swal.fire({
+                                text: "Sorry, the email or password is incorrect, please try again.",
+                                icon: "error",
+                                buttonsStyling: false,
+                                confirmButtonText: "Ok, got it!",
+                                customClass: {
+                                    confirmButton: "btn btn-primary"
+                                }
+                            });
+                        }
+                    }).catch(function (error) {
+                        Swal.fire({
+                            text: "Sorry, looks like there are some errors detected, please try again.",
+                            icon: "error",
+                            buttonsStyling: false,
+                            confirmButtonText: "Ok, got it!",
+                            customClass: {
+                                confirmButton: "btn btn-primary"
+                            }
+                        });
+                    }).then(() => {
+                        // Hide loading indication
+                        submitButton.removeAttribute('data-kt-indicator');
+
+                        // Enable button
+                        submitButton.disabled = false;
+                    });
+                } else {
+                    // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/
+                    Swal.fire({
+                        text: "Sorry, looks like there are some errors detected, please try again.",
+                        icon: "error",
+                        buttonsStyling: false,
+                        confirmButtonText: "Ok, got it!",
+                        customClass: {
+                            confirmButton: "btn btn-primary"
+                        }
+                    });
+                }
+            });
+        });
+    }
+
+    // Public functions
+    return {
+        // Initialization
+        init: function () {
+            form = document.querySelector('#kt_sign_in_form');
+            submitButton = document.querySelector('#kt_sign_in_submit');
+
+            handleValidation();
+            handleSubmitAjax(); // use for ajax submit
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTSigninGeneral.init();
+});

resources/mix/custom/authentication/sign-up/general.js

@@ -0,0 +1,188 @@
+"use strict";
+
+// Class definition
+var KTSignupGeneral = function() {
+    // Elements
+    var form;
+    var submitButton;
+    var validator;
+    var passwordMeter;
+
+    // Handle form
+    var handleForm  = function(e) {
+        // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
+        validator = FormValidation.formValidation(
+            form,
+            {
+                fields: {
+                    'name': {
+                        validators: {
+                            notEmpty: {
+                                message: 'Name is required'
+                            }
+                        }
+                    },
+                    'email': {
+                        validators: {
+                            regexp: {
+                                regexp: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+                                message: 'The value is not a valid email address',
+                            },
+                            notEmpty: {
+                                message: 'Email address is required'
+                            }
+                        }
+                    },
+                    'password': {
+                        validators: {
+                            notEmpty: {
+                                message: 'The password is required'
+                            },
+                            callback: {
+                                message: 'Please enter valid password',
+                                callback: function(input) {
+                                    if (input.value.length > 0) {
+                                        return validatePassword();
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    'password_confirmation': {
+                        validators: {
+                            notEmpty: {
+                                message: 'The password confirmation is required'
+                            },
+                            identical: {
+                                compare: function() {
+                                    return form.querySelector('[name="password"]').value;
+                                },
+                                message: 'The password and its confirm are not the same'
+                            }
+                        }
+                    },
+                    'toc': {
+                        validators: {
+                            notEmpty: {
+                                message: 'You must accept the terms and conditions'
+                            }
+                        }
+                    }
+                },
+                plugins: {
+                    trigger: new FormValidation.plugins.Trigger({
+                        event: {
+                            password: false
+                        }
+                    }),
+                    bootstrap: new FormValidation.plugins.Bootstrap5({
+                        rowSelector: '.fv-row',
+                        eleInvalidClass: '',  // comment to enable invalid state icons
+                        eleValidClass: '' // comment to enable valid state icons
+                    })
+                }
+            }
+        );
+
+        // Handle form submit
+        submitButton.addEventListener('click', function (e) {
+            e.preventDefault();
+
+            validator.revalidateField('password');
+
+            validator.validate().then(function(status) {
+                if (status == 'Valid') {
+                    // Show loading indication
+                    submitButton.setAttribute('data-kt-indicator', 'on');
+
+                    // Disable button to avoid multiple click
+                    submitButton.disabled = true;
+
+
+                    // Check axios library docs: https://axios-http.com/docs/intro
+                    axios.post(submitButton.closest('form').getAttribute('action'), new FormData(form)).then(function (response) {
+                        if (response) {
+                            form.reset();
+
+                            const redirectUrl = form.getAttribute('data-kt-redirect-url');
+
+                            if (redirectUrl) {
+                                location.href = redirectUrl;
+                            }
+                        } else {
+                            // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/
+                            Swal.fire({
+                                text: "Sorry, looks like there are some errors detected, please try again.",
+                                icon: "error",
+                                buttonsStyling: false,
+                                confirmButtonText: "Ok, got it!",
+                                customClass: {
+                                    confirmButton: "btn btn-primary"
+                                }
+                            });
+                        }
+                    }).catch(function (error) {
+                        Swal.fire({
+                            text: "Sorry, looks like there are some errors detected, please try again.",
+                            icon: "error",
+                            buttonsStyling: false,
+                            confirmButtonText: "Ok, got it!",
+                            customClass: {
+                                confirmButton: "btn btn-primary"
+                            }
+                        });
+                    }).then(() => {
+                        // Hide loading indication
+                        submitButton.removeAttribute('data-kt-indicator');
+
+                        // Enable button
+                        submitButton.disabled = false;
+                    });
+
+                } else {
+                    // Show error popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/
+                    Swal.fire({
+                        text: "Sorry, looks like there are some errors detected, please try again.",
+                        icon: "error",
+                        buttonsStyling: false,
+                        confirmButtonText: "Ok, got it!",
+                        customClass: {
+                            confirmButton: "btn btn-primary"
+                        }
+                    });
+                }
+            });
+        });
+
+        // Handle password input
+        form.querySelector('input[name="password"]').addEventListener('input', function() {
+            if (this.value.length > 0) {
+                validator.updateFieldStatus('password', 'NotValidated');
+            }
+        });
+    }
+
+    // Password input validation
+    var validatePassword = function() {
+        console.log('Password score: ' + passwordMeter.getScore())
+        return (passwordMeter.getScore() > 30);
+    }
+
+    // Public functions
+    return {
+        // Initialization
+        init: function() {
+            // Elements
+            form = document.querySelector('#kt_sign_up_form');
+            submitButton = document.querySelector('#kt_sign_up_submit');
+            passwordMeter = KTPasswordMeter.getInstance(form.querySelector('[data-kt-password-meter="true"]'));
+
+            handleForm ();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTSignupGeneral.init();
+});

resources/mix/plugins.js

@@ -0,0 +1,113 @@
+//
+// 3rd-Party Plugins JavaScript Includes
+//
+
+module.exports = [
+
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+////  Mandatory Plugins Includes(do not remove or change order!)  ////
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+
+    // Jquery - jQuery is a popular and feature-rich JavaScript library. Learn more: https://jquery.com/
+    'node_modules/jquery/dist/jquery.js',
+
+    // Popper.js - Tooltip & Popover Positioning Engine used by Bootstrap. Learn more: https://popper.js.org
+    'node_modules/@popperjs/core/dist/umd/popper.js',
+
+    // Bootstrap - The most popular framework uses as the foundation. Learn more: http://getbootstrap.com
+    'node_modules/bootstrap/dist/js/bootstrap.min.js',
+
+    // Moment - Parse, validate, manipulate, and display dates and times in JavaScript. Learn more: https://momentjs.com/
+    'node_modules/moment/min/moment-with-locales.min.js',
+
+    // Wnumb - Number & Money formatting. Learn more: https://refreshless.com/wnumb/
+    'node_modules/wnumb/wNumb.js',
+
+    // ES6-Shim - ECMAScript 6 compatibility shims for legacy JS engines.  Learn more: https://github.com/paulmillr/es6-shim
+    'node_modules/es6-shim/es6-shim.js',
+
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+///  Optional Plugins Includes(you can remove or add)  ///////////////
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+
+    // Select2 - Select2 is a jQuery based replacement for select boxes: https://select2.org/
+    'node_modules/select2/dist/js/select2.full.js',
+    'resources/_keenthemes/src/js/vendors/plugins/select2.init.js',
+
+    // FormValidation - Best premium validation library for JavaScript. Zero dependencies. Learn more: https://formvalidation.io/
+    'resources/_keenthemes/src/plugins/formvalidation/dist/js/FormValidation.full.min.js',
+    'resources/_keenthemes/src/plugins/formvalidation/dist/js/plugins/Bootstrap5.min.js',
+
+    // Bootstrap Maxlength - This plugin integrates by default with Twitter bootstrap using badges to display the maximum length of the field where the user is inserting text: https://github.com/mimo84/bootstrap-maxlength
+    'node_modules/bootstrap-maxlength/src/bootstrap-maxlength.js',
+
+    // Date Range Picker - A JavaScript component for choosing date ranges, dates and times: https://www.daterangepicker.com/
+    'node_modules/bootstrap-daterangepicker/daterangepicker.js',
+
+    // Inputmask - is a javascript library which creates an input mask: https://github.com/RobinHerbots/Inputmask
+    'node_modules/inputmask/dist/inputmask.js',
+    'node_modules/inputmask/dist/bindings/inputmask.binding.js',
+
+    // noUiSlider - is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies: https://refreshless.com/nouislider/
+    'node_modules/nouislider/dist/nouislider.min.js',
+
+    // The autosize - function accepts a single textarea element, or an array or array-like object (such as a NodeList or jQuery collection) of textarea elements: https://www.jacklmoore.com/autosize/
+    'node_modules/autosize/dist/autosize.min.js',
+
+    // Clipboard - Copy text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load: https://clipboardjs.com/
+    'node_modules/clipboard/dist/clipboard.min.js',
+
+    // DropzoneJS -  is an open source library that provides drag'n'drop file uploads with image previews: https://www.dropzonejs.com/
+    'node_modules/dropzone/dist/min/dropzone.min.js',
+    'resources/_keenthemes/src/js/vendors/plugins/dropzone.init.js',
+
+    // Quill - is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API: https://quilljs.com/
+    'node_modules/quill/dist/quill.js',
+
+    // Tagify - Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and small code footprint, exploded with features: https://github.com/yairEO/tagify
+    'node_modules/@yaireo/tagify/dist/tagify.polyfills.min.js',
+    'node_modules/@yaireo/tagify/dist/tagify.min.js',
+
+    // Toastr - is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended: https://github.com/CodeSeven/toastr
+    'resources/_keenthemes/src/plugins/toastr/build/toastr.min.js',
+
+    // Apexcharts - modern charting library that helps developers to create beautiful and interactive visualizations for web pages: https://apexcharts.com/
+    'node_modules/apexcharts/dist/apexcharts.min.js',
+
+    // ES6 Promise Polyfill - This is a polyfill of the ES6 Promise: https://github.com/lahmatiy/es6-promise-polyfill
+    'node_modules/es6-promise-polyfill/promise.min.js',
+
+    // Sweetalert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes: https://sweetalert2.github.io/
+    'node_modules/sweetalert2/dist/sweetalert2.min.js',
+    'resources/_keenthemes/src/js/vendors/plugins/sweetalert2.init.js',
+
+    // CountUp.js - is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.
+    'node_modules/countup.js/dist/countUp.umd.js',
+
+    // Chart.js - Simple yet flexible JavaScript charting for designers & developers
+    'node_modules/chart.js/dist/chart.js',
+
+    // Tiny slider - for all purposes, inspired by Owl Carousel.
+    'node_modules/tiny-slider/dist/min/tiny-slider.js',
+
+    // A lightweight script to animate scrolling to anchor links
+    'node_modules/smooth-scroll/dist/smooth-scroll.js',
+
+    // Axios - Promise based HTTP client for the browser and node.js
+    'node_modules/axios/dist/axios.js',
+
+    'node_modules/flatpickr/dist/flatpickr.js',
+
+    // Tempus Dominus is the successor to the very popular Eonasdan/bootstrap-datetimepicker. The plugin provide a robust date and time picker designed to integrate into your Bootstrap project.
+    'node_modules/@eonasdan/tempus-dominus/dist/js/tempus-dominus.min.js',
+    'node_modules/@eonasdan/tempus-dominus/dist/plugins/customDateFormat.js',
+];
+
+// window.axios.defaults.headers.common = {
+// 'X-Requested-With': 'XMLHttpRequest',
+// 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
+// };

resources/mix/plugins.scss

@@ -0,0 +1,70 @@
+//
+// 3rd-Party Plugins Stylesheet Includes
+//
+
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+///  Optional Plugins Includes(you can remove or add)  ///////////////
+//////////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////////
+
+// Apexcharts - modern charting library that helps developers to create beautiful and interactive visualizations for web pages: https://apexcharts.com/
+@import "~apexcharts/dist/apexcharts.css";
+
+// FormValidation - Best premium validation library for JavaScript. Zero dependencies. Learn more: https://formvalidation.io/
+@import "../_keenthemes/src/plugins/formvalidation/dist/css/formValidation.css";
+
+// Bootstrap Daterangepicker
+@import "~bootstrap-daterangepicker/daterangepicker.css";
+
+// select2 - Select2 is a jQuery based replacement for select boxes: https://select2.org/
+/*rtl:begin:ignore*/
+@import "~select2/src/scss/core.scss";
+/*rtl:end:ignore*/
+
+// noUiSlider - is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies: https://refreshless.com/nouislider/
+@import "~nouislider/dist/nouislider.css";
+
+// DropzoneJS -  is an open source library that provides drag'n'drop file uploads with image previews: https://www.dropzonejs.com/
+@import "~dropzone/dist/dropzone.css";
+
+// Quill - is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API: https://quilljs.com/
+@import "~quill/dist/quill.snow.css";
+
+// Tagify - Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and small code footprint, exploded with features: https://github.com/yairEO/tagify
+@import "~@yaireo/tagify/dist/tagify.css";
+
+// Toastr - is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended: https://github.com/CodeSeven/toastr
+@import "../_keenthemes/src/plugins/toastr/build/toastr.css";
+
+// Sweetalert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes: https://sweetalert2.github.io/
+@import "~sweetalert2/dist/sweetalert2.css";
+
+// LineAwesome - Replace Font Awesome with modern line icons with a single line of code: https://icons8.com/line-awesome
+@import "~line-awesome/dist/line-awesome/css/line-awesome.css";
+
+// Bootstrap Icons. Free, high quality, open source icon library with over 1,300 icons.
+@import "~bootstrap-icons/font/bootstrap-icons.css";
+
+// Fort Awesome. Build and manage icons and typefaces in a single place, then serve them with a single line of code: https://fortawesome.com/
+@import "~@fortawesome/fontawesome-free/css/all.min.css";
+
+// Flatpickr - is a lightweight and powerful datetime picker
+@import "~flatpickr/dist/flatpickr.min.css";
+
+// Tiny slider - for all purposes, inspired by Owl Carousel.
+@import "~tiny-slider/dist/tiny-slider.css";
+
+// Fonticons - The world's most popular and easiest to use icon set just got an upgrade
+@import "../_keenthemes/src/plugins/fonticon/fonticon.css";
+
+// Keenthemes Vendors customization
+@import "../_keenthemes/src/sass/plugins";
+
+// Keenicons - High quality and pixel perfect font icons available in 3 styles, duotone, outline and solid for Metronic elements
+@import "../_keenthemes/src/plugins/keenicons/duotone/style.css";
+@import "../_keenthemes/src/plugins/keenicons/outline/style.css";
+@import "../_keenthemes/src/plugins/keenicons/solid/style.css";
+
+// Tempus Dominus is the successor to the very popular Eonasdan/bootstrap-datetimepicker. The plugin provide a robust date and time picker designed to integrate into your Bootstrap project.
+@import "@eonasdan/tempus-dominus/dist/css/tempus-dominus.min.css";

resources/mix/scripts.js

@@ -0,0 +1,10 @@
+const glob = require('glob');
+
+// Keenthemes' plugins
+var componentJs = glob.sync(`resources/_keenthemes/src/js/components/*.js`) || [];
+var coreLayoutJs = glob.sync(`resources/_keenthemes/src/js/layout/*.js`) || [];
+
+module.exports = [
+    ...componentJs,
+    ...coreLayoutJs,
+];

resources/mix/vendors/ckeditor/ckeditor-balloon-block.bundle.js

@@ -0,0 +1,6 @@
+// CKEditor  - Rock-solid, free WYSIWYG editor with collaborative editing, 200+ features, full documentation and support: https://ckeditor.com/
+
+// CKEditor Balloon Editor
+module.exports = [
+    'node_modules/@ckeditor/ckeditor5-build-inline/build/ckeditor.js'
+];

resources/mix/vendors/ckeditor/ckeditor-balloon.bundle.js

@@ -0,0 +1,6 @@
+// CKEditor  - Rock-solid, free WYSIWYG editor with collaborative editing, 200+ features, full documentation and support: https://ckeditor.com/
+
+// CKEditor Balloon
+module.exports = [
+    'node_modules/@ckeditor/ckeditor5-build-balloon/build/ckeditor.js'
+];

resources/mix/vendors/ckeditor/ckeditor-classic.bundle.js

@@ -0,0 +1,6 @@
+// CKEditor  - Rock-solid, free WYSIWYG editor with collaborative editing, 200+ features, full documentation and support: https://ckeditor.com/
+
+// CKEditor Classic
+module.exports = [
+    'node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js'
+];

resources/mix/vendors/ckeditor/ckeditor-document.bundle.js

@@ -0,0 +1,6 @@
+// CKEditor  - Rock-solid, free WYSIWYG editor with collaborative editing, 200+ features, full documentation and support: https://ckeditor.com/
+
+// CKEditor Decoupled Editor
+module.exports = [
+    'node_modules/@ckeditor/ckeditor5-build-decoupled-document/build/ckeditor.js'
+];

resources/mix/vendors/ckeditor/ckeditor-inline.bundle.js

@@ -0,0 +1,6 @@
+// CKEditor  - Rock-solid, free WYSIWYG editor with collaborative editing, 200+ features, full documentation and support: https://ckeditor.com/
+
+// CKEditor Inline
+module.exports = [
+    'node_modules/@ckeditor/ckeditor5-build-inline/build/ckeditor.js'
+];

resources/mix/vendors/cookiealert/cookiealert.bundle.js

@@ -0,0 +1,5 @@
+// Cookiealert -  A simple, good looking cookie alert for Bootstrap: https://github.com/Wruczek/Bootstrap-Cookie-Alert
+
+module.exports = [
+    'node_modules/bootstrap-cookie-alert/cookiealert.js'
+];

resources/mix/vendors/cropper/cropper.bundle.js

@@ -0,0 +1,5 @@
+// Cropper -  A simple jQuery image cropping plugin: https://fengyuanchen.github.io/cropper/
+
+module.exports = [
+    'node_modules/cropperjs/dist/cropper.js'
+];

resources/mix/vendors/datatables/datatables.bundle.js

@@ -0,0 +1,32 @@
+
+module.exports = [
+    'node_modules/datatables.net/js/jquery.dataTables.js',
+    'node_modules/datatables.net-bs5/js/dataTables.bootstrap5.js',
+    // '@/js/vendors/plugins/datatables.init.js',
+    'node_modules/jszip/dist/jszip.js',
+    'node_modules/pdfmake/build/pdfmake.js',
+    'node_modules/pdfmake/build/vfs_fonts.js',
+    'node_modules/datatables.net-buttons/js/dataTables.buttons.js',
+    'node_modules/datatables.net-buttons-bs5/js/buttons.bootstrap5.js',
+    'node_modules/datatables.net-buttons/js/buttons.colVis.js',
+    'node_modules/datatables.net-buttons/js/buttons.flash.js',
+    'node_modules/datatables.net-buttons/js/buttons.html5.js',
+    'node_modules/datatables.net-buttons/js/buttons.print.js',
+    'node_modules/datatables.net-colreorder/js/dataTables.colReorder.js',
+    'node_modules/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.js',
+    'node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.js',
+    'node_modules/datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5.js',
+    'node_modules/datatables.net-fixedheader/js/dataTables.fixedHeader.js',
+    'node_modules/datatables.net-fixedheader-bs5/js/fixedHeader.bootstrap5.js',
+    'node_modules/datatables.net-responsive/js/dataTables.responsive.js',
+    'node_modules/datatables.net-responsive-bs5/js/responsive.bootstrap5.js',
+    'node_modules/datatables.net-rowgroup/js/dataTables.rowGroup.js',
+    'node_modules/datatables.net-rowgroup-bs5/js/rowGroup.bootstrap5.js',
+    'node_modules/datatables.net-rowreorder/js/dataTables.rowReorder.js',
+    'node_modules/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.js',
+    'node_modules/datatables.net-scroller/js/dataTables.scroller.js',
+    'node_modules/datatables.net-scroller-bs5/js/scroller.bootstrap5.js',
+    'node_modules/datatables.net-select/js/dataTables.select.js',
+    'node_modules/datatables.net-select-bs5/js/select.bootstrap5.js',
+    'node_modules/datatables.net-datetime/dist/dataTables.dateTime.js',
+];

resources/mix/vendors/datatables/datatables.bundle.scss

@@ -0,0 +1,10 @@
+@import "~datatables.net-bs5/css/dataTables.bootstrap5.css";
+@import "~datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css";
+@import "~datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css";
+@import "~datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5.min.css";
+@import "~datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css";
+@import "~datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css";
+@import "~datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css";
+@import "~datatables.net-scroller-bs5/css/scroller.bootstrap5.min.css";
+@import "~datatables.net-select-bs5/css/select.bootstrap5.min.css";
+@import "~datatables.net-datetime/dist/dataTables.dateTime.min.css";

resources/mix/vendors/draggable/draggable.bundle.js

@@ -0,0 +1,15 @@
+// Draggable - a lightweight, responsive, modern drag & drop library: https://shopify.github.io/draggable/
+
+module.exports = [
+    'node_modules/@shopify/draggable/lib/draggable.bundle.js',
+    'node_modules/@shopify/draggable/lib/draggable.bundle.legacy.js',
+    'node_modules/@shopify/draggable/lib/draggable.js',
+    'node_modules/@shopify/draggable/lib/sortable.js',
+    'node_modules/@shopify/draggable/lib/droppable.js',
+    'node_modules/@shopify/draggable/lib/swappable.js',
+    'node_modules/@shopify/draggable/lib/plugins.js',
+    'node_modules/@shopify/draggable/lib/plugins/collidable.js',
+    'node_modules/@shopify/draggable/lib/plugins/resize-mirror.js',
+    'node_modules/@shopify/draggable/lib/plugins/snappable.js',
+    'node_modules/@shopify/draggable/lib/plugins/swap-animation.js'
+];

resources/mix/vendors/flotcharts/flotcharts.bundle.js

@@ -0,0 +1,11 @@
+// Flot- Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features: https://www.flotcharts.org/
+
+module.exports = [
+    'node_modules/flot/dist/es5/jquery.flot.js',
+    'node_modules/flot/source/jquery.flot.resize.js',
+    'node_modules/flot/source/jquery.flot.categories.js',
+    'node_modules/flot/source/jquery.flot.pie.js',
+    'node_modules/flot/source/jquery.flot.stack.js',
+    'node_modules/flot/source/jquery.flot.crosshair.js',
+    'node_modules/flot/source/jquery.flot.axislabels.js',
+];

resources/mix/vendors/formrepeater/formrepeater.bundle.js

@@ -0,0 +1,5 @@
+// Form Repeater - Creates an interface to add and remove a repeatable group of input elements: https://github.com/DubFriend/jquery.repeater
+
+module.exports = [
+    'node_modules/jquery.repeater/jquery.repeater.js'
+];

resources/mix/vendors/fslightbox/fslightbox.bundle.js

@@ -0,0 +1,5 @@
+// Fullscreen Lightbox - stylish lightbox without jQuery!: https://fslightbox.com/javascript/documentation/installation#package-manager
+
+module.exports = [
+    'node_modules/fslightbox/index.js'
+];

resources/mix/vendors/fullcalendar/fullcalendar.bundle.js

@@ -0,0 +1,5 @@
+
+module.exports = [
+    'node_modules/fullcalendar/main.js',
+    'node_modules/fullcalendar/locales-all.min.js',
+];

resources/mix/vendors/fullcalendar/fullcalendar.bundle.scss

@@ -0,0 +1 @@
+@import "fullcalendar/main.min.css";

resources/mix/vendors/jkanban/jkanban.bundle.js

@@ -0,0 +1,5 @@
+// jKanban Board - Vanilla Javascript plugin for manage kanban boards: https://github.com/riktar/jkanban
+
+module.exports = [
+    'node_modules/jkanban/dist/jkanban.js'
+];

resources/mix/vendors/jkanban/jkanban.bundle.scss

@@ -0,0 +1 @@
+@import "~jkanban/dist/jkanban.min.css";

resources/mix/vendors/jstree/jstree.bundle.js

@@ -0,0 +1,5 @@
+// jsTree - is jquery plugin, that provides interactive trees: https://www.jstree.com/
+
+module.exports = [
+    'node_modules/jstree/dist/jstree.js'
+];

resources/mix/vendors/jstree/jstree.bundle.scss

@@ -0,0 +1 @@
+@import "~jstree/dist/themes/default/style.css";

resources/mix/vendors/leaflet/leaflet.bundle.js

@@ -0,0 +1,7 @@
+// Leaflet - Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps: https://leafletjs.com/
+
+module.exports = [
+    'node_modules/leaflet/dist/leaflet.js',
+    'node_modules/esri-leaflet/dist/esri-leaflet.js',
+    'node_modules/esri-leaflet-geocoder/dist/esri-leaflet-geocoder.js',
+];

resources/mix/vendors/leaflet/leaflet.bundle.scss

@@ -0,0 +1,2 @@
+@import "~leaflet/dist/leaflet.css";
+@import "~esri-leaflet-geocoder/dist/esri-leaflet-geocoder.css";

resources/mix/vendors/prismjs/prismjs.bundle.js

@@ -0,0 +1,17 @@
+// Prism - is a lightweight, extensible syntax highlighter, built with modern web standards in mind: https://prismjs.com/
+
+module.exports = [
+    'node_modules/prismjs/prism.js',
+    'node_modules/prismjs/components/prism-markup.js',
+    'node_modules/prismjs/components/prism-markup-templating.js',
+    'node_modules/prismjs/components/prism-bash.js',
+    'node_modules/prismjs/components/prism-javascript.js',
+    'node_modules/prismjs/components/prism-scss.js',
+    'node_modules/prismjs/components/prism-css.js',
+    'node_modules/prismjs/components/prism-php.js',
+    'node_modules/prismjs/components/prism-php-extras.js',
+    'node_modules/prismjs/components/prism-python.js',
+    'node_modules/prismjs/components/prism-aspnet.js',
+    'node_modules/prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.js',
+    // 'js/vendors/plugins/prism.init.js',
+];

resources/mix/vendors/prismjs/prismjs.bundle.scss

@@ -0,0 +1 @@
+@import "~prism-themes/themes/prism-shades-of-purple.css";

resources/mix/vendors/tiny-slider/tiny-slider.js

@@ -0,0 +1,5 @@
+// Tiny slider - for all purposes, inspired by Owl Carousel.
+
+module.exports = [
+    'node_modules/tiny-slider/dist/min/tiny-slider.js'
+];

resources/mix/vendors/tiny-slider/tiny-slider.scss

@@ -0,0 +1,3 @@
+// Tiny slider - for all purposes, inspired by Owl Carousel.
+
+@import '~tiny-slider/dist/tiny-slider.css';

resources/mix/vendors/tinymce/tinymce.js

@@ -0,0 +1,9 @@
+// TinyMCE: The rich text editor built to scale, designed to innovate, and developed in open source: https://www.tiny.cloud/
+
+module.exports = [
+    'node_modules/tinymce/tinymce.min.js',
+    'node_modules/tinymce/themes/silver/theme.js',
+    'node_modules/tinymce/themes/mobile/theme.js',
+    'node_modules/tinymce/icons/default/icons.js',
+    // 'node_modules/tinymce/plugins/**/plugin',
+];

resources/mix/vendors/typedjs/typedjs.js

@@ -0,0 +1,5 @@
+// Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.
+
+module.exports = [
+    'node_modules/typed.js/lib/typed.js',
+];

resources/mix/vendors/vis-timeline/vis-timeline.bundle.js

@@ -0,0 +1,6 @@
+// vis-timeline - An interactive visualization chart to visualize data in time: https://github.com/visjs/vis-timeline
+
+module.exports = [
+    'node_modules/vis-timeline/standalone/umd/vis-timeline-graph2d.min.js',
+    'node_modules/handlebars/dist/handlebars.min.js',
+];

resources/mix/vendors/vis-timeline/vis-timeline.bundle.scss

@@ -0,0 +1,3 @@
+// vis-timeline - An interactive visualization chart to visualize data in time: https://github.com/visjs/vis-timeline
+
+@import "~vis-timeline/dist/vis-timeline-graph2d.css";