import Jquery from 'jquery';
window.$ = Jquery;
const $ = Jquery;

import * as bootstrap from 'bootstrap';
window.bootstrap = bootstrap;

import 'select2';
import './js/components/select2.js';

let events = ['DOMContentLoaded' ]
events.forEach(event => {
    document.addEventListener(event, () => {
        if ($('.multiple-select')) {
            $('.multiple-select').select2({
                theme: 'bootstrap4',
                width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
                placeholder: $(this).data('placeholder'),
                allowClear: Boolean($(this).data('allow-clear')),
                closeOnSelect: false,
            });
        }

        if ($('.select')) {
            $('.select').select2({
                theme: 'bootstrap4',
                width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
                placeholder: $(this).data('placeholder'),
                allowClear: Boolean($(this).data('allow-clear')),
            });
        }
    })
})