Expected behavior I am trying to use mdb loader, on our booking page - when using jquery ajax to fetch data from api. Idea is on select box change, fire ajax, before send toggle loader, on complete toggle loader.
This the link of page : https://dev.adriaticglobal.com/en/bookings/private-excursions.aspx?productcode=exp-1-7303-ie&option=1&price=2

loader is imported with script tag :

<script src="/assets/mdb-5/js/modules/loading-management.min.js"></script>

Code is :

<div id="mdb-loader">
........
</div>
 $('select').on('change', function (e) {
        const myLoader = document.getElementById('mdb-loader');
        const loader = new mdb.LoadingManagement(myLoader);

        var optionSelected = $("option:selected", this);
        var valueSelected = this.value;
        $.ajax({
            type: "GET",
            contentType: 'application/json; charset=utf-8',
            dataType: "json",
            url: "/api/Excursion/ExcursionOptionHtml?productCode=<%=this.item.Code%>&optionId=" + valueSelected,
            beforeSend: function () {
                loader.toggle();
            },
            error: function (xhr) {
            },
            success: function (data) {
                $("#optionContent").html(data);
                console.log(data);
            },
            complete: function () {
                loader.toggle();
            },
            dataType: 'html'
});

Ajax is working fine, but :

Actual behavior I am getting error : Uncaught TypeError: mdb.LoadingManagement is not a constructor in browser console.

Any help?