## Used Plugins & Reference Links

All plugins runs through npm.

If you want new plugins : Install new plugin from npm then run `gulp` command.

Plugin | Version | URL
--- | --- | ---
Tailwind CSS | v3.1.8 | https://tailwindcss.com/
Preline Js | v1.2.0 | https://preline.co/
Popper Js | v2.11.7 | https://popper.js.org/
Choices Js | v10.1.0 | https://www.npmjs.com/package/choices.js
Swiper | v8.4.2 | https://www.npmjs.com/package/swiper
Sweet alerts | v11.4.19 | https://www.npmjs.com/package/sweetalert2
nouislider | v15.6.0 | https://www.npmjs.com/package/nouislider
flatpickr | v4.6.13 | https://www.npmjs.com/package/flatpickr
@simonwep/pickr(ColorPicker) | v1.8.2 | https://www.npmjs.com/package/@simonwep/pickr
GLightbox(Gallery) | v3.2.0 | https://www.npmjs.com/package/glightbox
Full Calendar | v5.11.3 | https://www.npmjs.com/package/fullcalendar
Leaflet Maps | v1.9.1 | https://www.npmjs.com/package/leaflet
jsvectormap | v1.4.5 | https://www.npmjs.com/package/jsvectormap
gmaps.js | v0.4.25 | https://www.npmjs.com/package/gmaps
apexcharts | v3.35.5 | https://www.npmjs.com/package/apexcharts
chart.js | v3.9.1 | https://www.npmjs.com/package/chart.js?activeTab=readme
echarts | v5.3.3 | https://www.npmjs.com/package/echarts
simplebar js | v5.3.9 | https://www.npmjs.com/package/simplebar
quill | v1.3.7 | https://www.npmjs.com/package/quill
filepond | v4.30.4 | https://www.npmjs.com/package/filepond
dropzone | v6.0.0-beta.2 | https://www.npmjs.com/package/dropzone
rater-js | v1.0.1 | https://www.npmjs.com/package/rater-js
awesome-notifications | v3.1.3 | https://f3oall.github.io/awesome-notifications/
js-treeview | v1.1.5 | https://www.npmjs.com/package/js-treeview
Tabulator-Tables | v5.4.2 | https://tabulator.info/

##### Choices JS :

Choices JS is very simple javascript plugin to style default select..

###### 1. You need to add these files to make it work.

Type | URL
--- | ---
Plugin Link | https://choices-js.github.io/Choices/

##### Swiper JS :

Swiper JS is very modern javascript plugin to replace bootstrap carousel..

###### 1. You need to add these files to make basic swiper work.

            /* Basic Swiper  */
            var swiper = new Swiper(".Swiperslide-1", {
              autoplay: {
                delay: 3000,
                disableOnInteraction: false,
              },
              spaceBetween: 2,
            });

Type | URL
--- | ---
Plugin Link | https://swiperjs.com/

##### Sweet Alerts :

Sweet Alerts is a modern javascript plugin for alert messages..

###### 1. You need to add these files to make basic alert work.

                /* Basic Sweetalert  */
                document.querySelector("#basic").addEventListener('click', function () {
                    Swal.fire('Welcome TO Your Admin Page')
                });

Type | URL
--- | ---
Plugin Link | https://sweetalert2.github.io/

##### noui slider :

noui slider is a modern javascript plugin for alert messages..

###### 1. You need to add these files to make basic range slider work.

            /* default slider */
            var slider = document.getElementById('nousislider');
            noUiSlider.create(slider, {
              start: [30, 80],
              connect: true,
              range: {
                'min': 0,
                'max': 100
              }
            });

Type | URL
--- | ---
Plugin Link | https://refreshless.com/nouislider/

##### FlatPickr :

FlatPickr is a modern javascript plugin alternative for date and time pickers..

###### 1. You need to add these files to make basic Flatpickr work.

                //To choose date
                flatpickr("#date", {});

Type | URL
--- | ---
Plugin Link | https://flatpickr.js.org/examples/

##### simonwep/pickr(ColorPicker) :

It is a modern javascript color picker..

###### 1. You need to add below files to make classic color picker work.

        const pickrContainer = document.querySelector('.pickr-container');
        const themeContainer = document.querySelector('.theme-container');

           /* classic */
        const themes = [
            [
                'classic',
                {
                    swatches: [
                        'rgba(244, 67, 54, 1)',
                        'rgba(233, 30, 99, 0.95)',
                        'rgba(156, 39, 176, 0.9)',
                        'rgba(103, 58, 183, 0.85)',
                        'rgba(63, 81, 181, 0.8)',
                        'rgba(33, 150, 243, 0.75)',
                        'rgba(3, 169, 244, 0.7)',
                        'rgba(0, 188, 212, 0.7)',
                        'rgba(0, 150, 136, 0.75)',
                        'rgba(76, 175, 80, 0.8)',
                        'rgba(139, 195, 74, 0.85)',
                        'rgba(205, 220, 57, 0.9)',
                        'rgba(255, 235, 59, 0.95)',
                        'rgba(255, 193, 7, 1)'
                    ],

                    components: {
                        preview: true,
                        opacity: true,
                        hue: true,

                        interaction: {
                            hex: true,
                            rgba: true,
                            hsva: true,
                            input: true,
                            clear: true,
                            save: true
                        }
                    }
                }
            ],
        ];

        const buttons = [];
        let pickr = null;

        for (const [theme, config] of themes) {
            const button = document.createElement('button');
            button.innerHTML = theme;
            buttons.push(button);

            button.addEventListener('click', () => {
                const el = document.createElement('p');
                pickrContainer.appendChild(el);

                // Delete previous instance
                if (pickr) {
                    pickr.destroyAndRemove();
                }

                // Apply active class
                for (const btn of buttons) {
                    btn.classList[btn === button ? 'add' : 'remove']('active','ti-btn' ,'ti-btn-primary');
                }

                // Create fresh instance
                pickr = new Pickr(Object.assign({
                    el,
                    theme,
                    default: '#a68e5e'
                }, config));

                // Set events
                pickr.on('init', instance => {
                }).on('hide', instance => {
                }).on('show', (color, instance) => {
                }).on('save', (color, instance) => {
                }).on('clear', instance => {
                }).on('change', (color, source, instance) => {
                }).on('changestop', (source, instance) => {
                }).on('cancel', instance => {
                }).on('swatchselect', (color, instance) => {
                });
            });

            themeContainer.appendChild(button);
        }

        buttons[0].click();

Type | URL
--- | ---
Plugin Link | https://simonwep.github.io/pickr/

##### GLightbox (Gallery) :

GLightbox is a modern javascript gallery plugin..

###### 1. You need to add these files to make gallery work.

            var lightbox = GLightbox({
                selector: '.glightbox'
            });

Type | URL
--- | ---
Plugin Link | https://biati-digital.github.io/glightbox/

##### Full Calendar :

Full Calendar is a modern javascript calendar plugin..

###### 1. You need to add these files to make full calendar work.

Type | URL
--- | ---
Plugin Link | https://fullcalendar.io/

##### Leaflet Maps :

Leaflet Maps is a modern javascript maps plugin..

###### 1. You need to add these files to make leaflet maps work.

Type | URL
--- | ---
Plugin Link | https://leafletjs.com/

##### Jsvector Maps :

Jsvector Maps is a modern javascript maps plugin..

###### 1. You need to add these files to make Jsvector maps work.

Type | URL
--- | ---
Plugin Link | https://jvm-docs.vercel.app/

##### gmaps.js :

gmaps is a modern javascript maps plugin..

###### 1. You need to add these files to make gmaps work.

Type | URL
--- | ---
Plugin Link | https://grsmto.github.io/simplebar/

##### Simplebar Js :

Simplebar is a modern javascript scrollbar plugin..

###### 1. You need to add these files to make simplebar work.

Type | URL
--- | ---
Plugin Link | https://hpneo.dev/gmaps/

##### Quill Editor :

Quill Editor is a modern javascript editor plugin..

###### 1. You need to add these files to make quill editor work.

Type | URL
--- | ---
Plugin Link | https://quilljs.com/

##### File Pond :

File Pond is a modern javascript file upload plugin..

###### 1. You need to add these files to make file pond work.

Type | URL
--- | ---
Plugin Link | https://pqina.nl/filepond/

##### Drop Zone :

Drop Zone is a modern javascript file upload plugin..

###### 1. You need to add these files to make drop zone work.

Type | URL
--- | ---
Plugin Link | https://www.dropzone.dev/

##### Rater Js :

Rater Js is a modern javascript ratings plugin..

###### 1. You need to add these files to make Rater Js work.

Type | URL
--- | ---
Plugin Link | https://fredolss.github.io/rater-js/