/////////////////////////////////////////////////////////////////
// Sircl 2.x - Bootstrap5 extension
// www.getsircl.com
// Copyright (c) 2019-2023 Rudi Breedenraedt
// Sircl is released under the MIT license, see sircl-license.txt
/////////////////////////////////////////////////////////////////

/* tslint:disabled */

// Initialize sircl lib:
if (typeof sircl === "undefined") console.warn("The 'sircl-bootstrap5' component should be registered after the 'sircl' component. Please review order of script files.");
if (typeof bootstrap === "undefined") console.warn("The 'sircl-bootstrap5' component requires the 'bootstrap' component. See https://getbootstrap.com/");

//// Initialize Bootstrap popovers, tooltips, etc. using a $$() function as in:
//<script>
//$$(function () {
//    $(this).find("[data-bs-toggle='popover']").each(function () { new bootstrap.Popover(this, { container: "body" }); });
//    $(this).find("[data-bs-toggle='tooltip']").each(function () { new bootstrap.Tooltip(this, { boundary: document.body }); });
//});
//</script>

// Use a Bootstrap spinner:
sircl.html_spinner = '<span class="sircl-spinner spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> ';

//#region Hide or dispose elements before unloading their container

$$("before", function sircl_bs5_init_beforeHandler() {
    // Hide all popovers in scope:
    $(this).find("[data-bs-toggle='popover'], [data-toggle='popover']").each(function () {
        try {
            bootstrap.Popover.getInstance(this).dispose();
        } catch (ex) {
            console.warn("Error trying to dispose Bootstrap 5 popover in scope.", ex, "sircl_bs5_init_beforeHandler", this);
        }
    });

    // Hide all tooltips in scope:
    $(this).find("[data-bs-toggle='tooltip'], [data-toggle='tooltip']").each(function () {
        try {
            bootstrap.Tooltip.getInstance(this).dispose();
        } catch (ex) {
            console.warn("Error trying to dispose Bootstrap 5 tooltip in scope.", ex, "sircl_bs5_init_beforeHandler", this);
        }
    });
});

//#endregion

//#region Handling Bootstrap NavBars

sircl.addRequestHandler("beforeSend", function sircl_bs5_navbar_beforeSend_requestHandler(req) {
    var processor = this;
    // Collapse any expanded navbar before loading:
    var $expandedNavbar = $(".navbar-collapse.show");
    $expandedNavbar.each(function () {
        $(this).removeClass("show");
    });
    // Move to next handler:
    processor.next(req);
});

//#endregion

//#region Handling Bootstrap Modals

sircl.addRequestHandler("beforeSend", function sircl_bs5_modal_beforeSend_requestHandler1(req) {
    var processor = this;
    // Close any opened modal that is not the target if target has beforeload-showmodal class and is not open:
    var $closedTarget = req.$initialTarget.closest(".modal.beforeload-showmodal:not(.show)");
    var $openModals = $(".modal.show");
    if (req.isForeground == true && $openModals.length > 0 && $closedTarget.length > 0) {
        if (!$.contains($openModals[0], req.$initialTarget[0]) && !$openModals.is(req.$initialTarget)) {
            // Delay move to next handler:
            $openModals[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close modal:
            bootstrap.Modal.getInstance($openModals[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("beforeSend", function sircl_bs5_modal_beforeSend_requestHandler2(req) {
    var processor = this;
    // Open any non-open modal holding the initial target and having class "beforeload-showmodal":
    req._bsModalOpened = req.$initialTarget.closest(".modal.beforeload-showmodal:not(.show)");
    if (req._bsModalOpened.length > 0) {
        // Delay move to next handler:
        req._bsModalOpened[0]._onOpenOnce = function (e) {
            processor.next(req);
        };
        // Open modal:
        var backdrop = (req._bsModalOpened.data("bs-backdrop") === undefined) ? true : req._bsModalOpened.data("bs-backdrop");
        var options = { backdrop: backdrop || "true", keyboard: false, focus: true };
        new bootstrap.Modal(req._bsModalOpened[0], options).show();
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("afterSend", function sircl_bs5_modal_afterSend_requestHandler(req) {
    var processor = this;
    // On error, undo opened modals:
    if (!req.succeeded && req._bsModalOpened.length > 0) {
        // Delay move to next handler:
        req._bsModalOpened[0]._onCloseOnce = function (e) {
            processor.next(req);
        };
        // Close modal:
        bootstrap.Modal.getInstance(req._bsModalOpened[0]).hide();
    } else if (req.status == "204") {
        // Else, if status "204" (no content), close target modal:
        var $dlg = req.$initialTarget.closest(".modal.show");
        if ($dlg.length > 0) {
            // Delay move to next handler:
            $dlg[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close modal:
            bootstrap.Modal.getInstance($dlg[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("beforeRender", function sircl_bs5_modal_beforeRender_requestHandler(req) {
    var processor = this;
    // Close any opened modal that is not the target:
    var $openModals = $(".modal.show");
    if (req.isForeground == true && $openModals.length > 0) {
        if (!$.contains($openModals[0], req.$finalTarget[0]) && !$openModals.is(req.$finalTarget)) {
            // Delay move to next handler:
            $openModals[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close modal:
            bootstrap.Modal.getInstance($openModals[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});
sircl.addRequestHandler("afterRender", function sircl_bs5_modal_afterRender_requestHandler(req) {
    var processor = this;
    // Open modal on final target:
    var $modal = req.$finalTarget.closest(".modal:not(.show)");
    if ($modal.length > 0) {
        // Delay move to next handler:
        $modal[0]._onOpenOnce = function (e) {
            processor.next(req);
        };
        // Open modal:
        var backdrop = ($modal.data("bs-backdrop") === undefined) ? true : $modal.data("bs-backdrop");
        var options = { backdrop: backdrop, keyboard: false, focus: true };
        new bootstrap.Modal($modal[0], options).show();
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

document.addEventListener("DOMContentLoaded", function () {
    // Perform onOpen action once:
    $(document).on("shown.bs.modal", ".modal", function (event) {
        if (this._onOpenOnce) {
            var fx = this._onOpenOnce;
            this._onOpenOnce = undefined;
            fx();
        }
    });

    // Perform onClose action once:
    $(document).on("hidden.bs.modal", ".modal", function (event) {
        if (this._onCloseOnce) {
            var fx = this._onCloseOnce;
            this._onCloseOnce = undefined;
            fx();
        }
    });

    // When opening modal, set focus:
    $(document).on("shown.bs.modal", ".modal", function (event) {
        $(this).find("*[autofocus]:first").each(function (index) {
            try { this.focus(); } catch (x) { }
            try { this.select(); } catch (x) { }
        });
    });
    
    // On change, make backdrop static:
    $(document).on("change", ".modal.onchange-backdropstatic", function (event) {
        if ($(event.target).closest(".onchange-ignore").length == 0 && $(event.target).closest(".sircl-content-processing").length == 0) {
            var mdl = bootstrap.Modal.getInstance(this);
            if (mdl !== null) {
                mdl._config.backdrop = "static";
            }
        }
    });

    // Reset content of a modal with onclose-restore when closing the modal:
    $(document).on("hidden.bs.modal", ".modal.onclose-restore", function (event) {
        // Restore original content:
        var originalContent = $(this)[0]._originalContent;
        if (originalContent !== undefined) $(this).html(originalContent);
        // Restore from static backdrop:
        var mdl = bootstrap.Modal.getInstance(this);
        if (mdl !== null && $(this).hasClass("onchange-backdropstatic")) {
            mdl._config.backdrop = true;
        }
    });

    // Dynamically load content on showing modal:
    $(document).on("shown.bs.modal", ".modal", function (event) {
        var $container = $(this).find("[onshowmodal-load]");
        if ($container.length > 0) {
            $container.load($container.attr("onshowmodal-load"));
            if ($container.is(".noreload")) $container.removeAttr("onshowmodal-load");
        }
    });
});

$$(function sircl_bs5_modal_processHandler() {
    // Backup original content of onclose-restore modals to be able to reset on close:
    $(this).find(".modal.onclose-restore").each(function (index, elem) {
        elem._originalContent = $(elem).html();
    });

    // Automatically show modals after load:
    var $modals = $(this).find(".modal[onload-showmodalafter]");
    if ($modals.length > 0) {
        var modal = $modals[0];
        // Parse delay ("seconds" or "[hh:]mm:ss"):
        var delaypart = $(modal).attr("onload-showmodalafter").split(":");
        var delay = 0;
        for (var i = 0; i < delaypart.length; i++) delay = parseFloat(delaypart[i]) + (60 * delay);
        // Set timer:
        setTimeout(function (mdl) {
            // Only show if no other modals shown yet:
            if ($(".modal.show").length == 0) {
                var backdrop = ($(mdl).data("bs-backdrop") === undefined) ? true : $(mdl).data("bs-backdrop");
                var options = { backdrop: backdrop, keyboard: false, focus: true };
                new bootstrap.Modal(mdl, options).show();
            }
        }, 1000 * delay, modal);
    }

});

//#endregion

//#region Handling Bootstrap Tab & Pill navs

document.addEventListener("DOMContentLoaded", function () {
    // Dynamically load content on showing tab:
    $(document).on("show.bs.tab", "[data-bs-toggle='tab'], [data-bs-toggle='pill']", function (event) {
        // Find target tab:
        var trigger = event.target;
        var target$;
        if (trigger.hasAttribute("data-bs-target")) {
            target$ = trigger.getAttribute("data-bs-target");
        } else if (trigger.hasAttribute("href")) {
            target$ = trigger.getAttribute("href");
        } else {
            return;
        }

        // If target tab has ifactivetab-load attribute, apply it:
        if ($(target$).hasAttr("ifactivetab-load")) {
            $(target$).load($(target$).attr("ifactivetab-load"));
            $(target$).removeAttr("ifactivetab-load");
        }
    });
});

$$(function sircl_bs5_tabs_processHandler() {
    // Dynamically load content on initially shown tab:
    $(".nav-link.active[data-bs-toggle='tab'], .nav-link.active[data-bs-toggle='pill']").each(function () {
        // Find target tab:
        var trigger = this;
        var target$;
        if (trigger.hasAttribute("data-bs-target")) {
            target$ = trigger.getAttribute("data-bs-target");
        } else if (trigger.hasAttribute("href")) {
            target$ = trigger.getAttribute("href");
        } else {
            return;
        }

        // If target tab has ifactivetab-load attribute, apply it:
        if ($(target$).hasAttr("ifactivetab-load")) {
            $(target$).load($(target$).attr("ifactivetab-load"));
            $(target$).removeAttr("ifactivetab-load");
        }
    });
});

//#endregion

//#region Handling Bootstrap Toasts

$$(function sircl_bs5_toasts_processHandler() {
    // Automatically show toasts with .onload-showtoast on init:
    $(this).find(".toast.onload-showtoast").each(function () {
        new bootstrap.Toast(this).show();
    });
});

//#endregion

//#region Handling Bootstrap Collapse

document.addEventListener("DOMContentLoaded", function () {
    // On check checkbox, expand, else collapse:
    $(document.body).on("change", "INPUT[type=checkbox][ifchecked-expand]", function (event) {
        var $this = $(this);
        var $target = sircl.ext.$select($this, $this.attr("ifchecked-expand"));
        if ($target.hasClass("collapse")) {
            if ($this.prop('checked')) {
                if (!$target.hasClass("show")) {
                    new bootstrap.Collapse($target[0]).show();
                }
            } else {
                if ($target.hasClass("show")) {
                    new bootstrap.Collapse($target[0]).hide();
                }
            }
        }
    });

    // On check radio, expand, else collapse for all radios with same name in same form:
    $(document.body).on("change", "INPUT[type=radio][ifchecked-expand]", function (event) {
        var $this = $(this);
        var $all;
        if ($this.attr("name").length > 0) {
            $all = $this.closest("FORM").length > 0
                ? $this.closest("FORM").find("INPUT[type=radio][ifchecked-expand][name='" + $this.attr("name") + "']")
                : $("INPUT[type=radio][ifchecked-expand][name='" + $this.attr("name") + "']");
        } else {
            $all = $this;
        }
        $all.each(function () {
            var $target = sircl.ext.$select($(this), $(this).attr("ifchecked-expand"));
            if ($target.hasClass("collapse")) {
                if ($(this).prop('checked')) {
                    if (!$target.hasClass("show")) {
                        new bootstrap.Collapse($target[0]).show();
                    }
                } else {
                    if ($target.hasClass("show")) {
                        new bootstrap.Collapse($target[0]).hide();
                    }
                }
            }
        });
    });

    // On expand, set state:
    $(document.body).on("show.bs.collapse", ".collapse[onexpand-set]", function (event) {
        var $this = $(this);
        var name = $(this).attr("onexpand-set");
        var $input;
        if (name == null || name.length == 0) {
            return;
        } else if ($this.closest("FORM").length > 0) {
            $input = $this.closest("FORM").find("INPUT[name='" + name + "']");
        } else {
            $input = $("INPUT[name='" + name + "']");
        }
        if (["true", "on"].indexOf($input.val().toLowerCase()) < 0) {
            $input.val("true");
            $input.change();
        }
    });

    // On collapse, set state:
    $(document.body).on("hide.bs.collapse", ".collapse[onexpand-set]", function (event) {
        var $this = $(this);
        var name = $(this).attr("onexpand-set");
        var $input;
        if (name == null || name.length == 0) {
            return;
        } else if ($this.closest("FORM").length > 0) {
            $input = $this.closest("FORM").find("INPUT[name='" + name + "']");
        } else {
            $input = $("INPUT[name='" + name + "']");
        }
        if (["false", "off"].indexOf($input.val().toLowerCase()) < 0) {
            $input.val("false");
            $input.change();
        }
    });

    // On expand, load content:
    $(document.body).on("show.bs.collapse", ".collapse[ifexpanded-load]", function (event) {
        var url = $(this).attr("ifexpanded-load");
        $(this).removeAttr("ifexpanded-load")
        $(this).load(url);
    });
});

$$(function sircl_bs5_collapse_processHandler() {

    // If checked, expand, else collapse:
    $("INPUT[type=checkbox][ifchecked-expand], INPUT[type=radio][ifchecked-expand]").each(function () {
        var $this = $(this);
        var $target = sircl.ext.$select($this, $this.attr("ifchecked-expand"));
        if ($target.hasClass("collapse")) {
            if ($this.prop('checked')) {
                if (!$target.hasClass("show")) {
                    new bootstrap.Collapse($target[0]).show();
                }
            } else {
                if ($target.hasClass("show")) {
                    new bootstrap.Collapse($target[0]).hide();
                }
            }
        }
    });

    // Load content on initially expanded items:
    $(".collapse.show[ifexpanded-load]").each(function () {
        var url = $(this).attr("ifexpanded-load");
        $(this).removeAttr("ifexpanded-load")
        $(this).load(url);
    });
});

//#endregion

//#region Bootstrap load progress handling

sircl.addRequestHandler("beforeSend", function sircl_bs5_loadprogess_beforeSend_requestHandler(req) {
    req._bsProgressToResetAfterSend = []
    req._bsProgressToHideAfterSend = []
    if (req.xhr != null) {
        // Show and add event handler to upload progresses:
        var $uploadProgresses = sircl.ext.$select(req.$initialTarget, req.$initialTarget.attr("upload-progress")).filter(".progress");
        if ($uploadProgresses.length > 0) {
            $uploadProgresses.each(function () {
                // Set initial value:
                $(this).find(".progress-bar").css("width", "0%");
                req._bsProgressToResetAfterSend.push(this);
                // Make hidden progresses visible:
                if (!sircl.ext.visible(this)) {
                    req._bsProgressToHideAfterSend.push(this);
                    sircl.ext.visible(this, true);
                }
            });
            // Add event handler to show upload progress:
            req.xhr.upload.addEventListener("progress", function (e) {
                if (e.lengthComputable) {
                    $uploadProgresses.each(function () {
                        $(this).find(".progress-bar").css("width", Math.ceil(100 * e.loaded / e.total) + "%");
                    });
                }
            });
        }
        // Show and add event handler to download progresses:
        var $downloadProgresses = sircl.ext.$select(req.$initialTarget, req.$initialTarget.attr("download-progress")).filter(".progress");
        if ($downloadProgresses.length > 0) {
            $downloadProgresses.each(function () {
                // Set initial value:
                $(this).find(".progress-bar").css("width", "0%");
                req._bsProgressToResetAfterSend.push(this);
                // Make hidden progresses visible:
                if (!sircl.ext.visible(this)) {
                    req._bsProgressToHideAfterSend.push(this);
                    sircl.ext.visible(this, true);
                }
            });
            // Add event handler to show download progress:
            req.xhr.addEventListener("progress", function (e) {
                if (e.lengthComputable) {
                    $downloadProgresses.each(function () {
                        $(this).find(".progress-bar").css("width", Math.ceil(100 * e.loaded / e.total) + "%");
                    });
                }
            });
        }
    }
    // Move to next handler:
    this.next(req);
});

sircl.addRequestHandler("afterSend", function sircl_bs5_loadprogess_afterSend_requestHandler(req) {
    // Hide progresses that were hidden before send:
    req._bsProgressToHideAfterSend.forEach(function (elem) {
        sircl.ext.visible(elem, false);
    });
    // Reset progresses to 0:
    req._bsProgressToResetAfterSend.forEach(function (elem) {
        $(elem).find(".progress-bar").css("width", "0%");
    });
    // Move to next handler:
    this.next(req);
});

//#endregion

//#region ifroute-setactive

sircl.addAfterHistoryHandler(function sircl_bs5_activeRoute_afterHistoryHandler() {
    $(document).find("[ifroute-setactive]").each(function () {
        var regex = new RegExp($(this).attr("ifroute-setactive"), "i");
        if (regex.exec(location.pathname) !== null) {
            $(this).addClass("active");
        } else {
            $(this).removeClass("active");
        }
    });
});

//#endregion

//#region Handling Bootstrap Offcanvas

sircl.addRequestHandler("beforeSend", function (req) {
    var processor = this;
    // Close any opened offcanvas that is not the target if target has beforeload-showoffcanvas class and is not open:
    var $closedTarget = req.$initialTarget.closest(".offcanvas.beforeload-showoffcanvas:not(.show)");
    var $openOffcanvasses = $(".offcanvas.show");
    if (req.isForeground == true && $openOffcanvasses.length > 0 && $closedTarget.length > 0) {
        if (!$.contains($openOffcanvasses[0], req.$initialTarget[0]) && !$openOffcanvasses.is(req.$initialTarget)) {
            // Delay move to next handler:
            $openOffcanvasses[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close offcanvas:
            bootstrap.Offcanvas.getInstance($openOffcanvasses[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("beforeSend", function (req) {
    var processor = this;
    // Open any non-open offcanvas holding the initial target and having class "beforeload-showoffcanvas":
    req._bsOffcanvasOpened = req.$initialTarget.closest(".offcanvas.beforeload-showoffcanvas:not(.show)");
    if (req._bsOffcanvasOpened.length > 0) {
        // Delay move to next handler:
        req._bsOffcanvasOpened[0]._onOpenOnce = function (e) {
            processor.next(req);
        };
        // Open offcanvas:
        var backdrop = (req._bsOffcanvasOpened.data("bs-backdrop") === undefined) ? true : req._bsOffcanvasOpened.data("bs-backdrop");
        var options = { backdrop: backdrop || "true", keyboard: false, focus: true };
        new bootstrap.Offcanvas(req._bsOffcanvasOpened[0], options).show();
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("afterSend", function (req) {
    var processor = this;
    // On error, undo opened offvanvasses:
    if (!req.succeeded && req._bsOffcanvasOpened.length > 0) {
        // Delay move to next handler:
        req._bsOffcanvasOpened[0]._onCloseOnce = function (e) {
            processor.next(req);
        };
        // Close offcanvas:
        bootstrap.Offcanvas.getInstance(req._bsOffcanvasOpened[0]).hide();
    } else if (req.status == "204") {
        // Else, if status "204" (no content), close target offcanvas:
        var $can = req.$initialTarget.closest(".offcanvas.show");
        if ($can.length > 0) {
            // Delay move to next handler:
            $can[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close offcanvas:
            bootstrap.Offcanvas.getInstance($can[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

sircl.addRequestHandler("beforeRender", function (req) {
    var processor = this;
    // Close any opened offcanvas that is not the target:
    var $openOffcanvasses = $(".offcanvas.show");
    if (req.isForeground == true && $openOffcanvasses.length > 0) {
        if (!$.contains($openOffcanvasses[0], req.$finalTarget[0]) && !$openOffcanvasses.is(req.$finalTarget)) {
            // Delay move to next handler:
            $openOffcanvasses[0]._onCloseOnce = function (e) {
                processor.next(req);
            };
            // Close offcanvas:
            bootstrap.Offcanvas.getInstance($openOffcanvasses[0]).hide();
        } else {
            // Move to next handler:
            processor.next(req);
        }
    } else {
        // Move to next handler:
        processor.next(req);
    }
});
sircl.addRequestHandler("afterRender", function (req) {
    var processor = this;
    // Open offcanvas on final target:
    var $offcanvas = req.$finalTarget.closest(".offcanvas:not(.show)");
    if ($offcanvas.length > 0) {
        // Delay move to next handler:
        $offcanvas[0]._onOpenOnce = function (e) {
            processor.next(req);
        };
        // Open offcanvas:
        var backdrop = ($offcanvas.data("bs-backdrop") === undefined) ? true : $offcanvas.data("bs-backdrop");
        var options = { backdrop: backdrop, keyboard: false, focus: true };
        new bootstrap.Offcanvas($offcanvas[0], options).show();
    } else {
        // Move to next handler:
        processor.next(req);
    }
});

document.addEventListener("DOMContentLoaded", function () {
    // Perform onOpen action once:
    $(document).on("shown.bs.offcanvas", ".offcanvas", function (event) {
        if (this._onOpenOnce) {
            var fx = this._onOpenOnce;
            this._onOpenOnce = undefined;
            fx();
        }
    });

    // Perform onClose action once:
    $(document).on("hidden.bs.offcanvas", ".offcanvas", function (event) {
        if (this._onCloseOnce) {
            var fx = this._onCloseOnce;
            this._onCloseOnce = undefined;
            fx();
        }
    });

    // When opening offcanvas, set focus:
    $(document).on("shown.bs.offcanvas", ".offcanvas", function (event) {
        $(this).find("*[autofocus]:first").each(function (index) {
            try { this.focus(); } catch (x) { }
            try { this.select(); } catch (x) { }
        });
    });

    // On change, make backdrop static:
    $(document).on("change", ".offcanvas.onchange-backdropstatic", function (event) {
        var offc = bootstrap.Offcanvas.getInstance(this);
        if (offc !== null) {
            offc._config.backdrop = "static";
        }
    });

    // Reset content of a offcanvas with onclose-restore when closing the offcanvas:
    $(document).on("hidden.bs.offcanvas", ".offcanvas.onclose-restore", function (event) {
        // Restore content:
        var originalContent = $(this)[0]._originalContent;
        if (originalContent !== undefined) $(this).html(originalContent);
        // Restore from static backdrop:
        var offc = bootstrap.Offcanvas.getInstance(this);
        if (offc !== null && $(this).hasClass("onchange-backdropstatic")) {
            offc._config.backdrop = true;
        }
    });

    // Dynamically load content on showing offcanvas:
    $(document).on("shown.bs.offcanvas", ".offcanvas", function (event) {
        var $container;
        if ($(this).hasAttr("onshowoffcanvas-load")) {
            $container = $(this);
        } else {
            $container = $(this).find("[onshowoffcanvas-load]");
        }
        if ($container.length > 0) {
            $container.load($container.attr("onshowoffcanvas-load"));
        }
    });
});

$$(function sircl_bs5_offcanvas_processHandler() {
    // Backup original content of onclose-restore offcanvasses to be able to reset on close:
    $(this).find(".offcanvas.onclose-restore").each(function (index, elem) {
        elem._originalContent = $(elem).html();
    });

    // Automatically show offcanvasses after load:
    var $offcanvasses = $(this).find(".offcanvas[onload-showoffcanvasafter]");
    if ($offcanvasses.length > 0) {
        var offcanvas = $offcanvasses[0];
        // Parse delay ("seconds" or "[hh:]mm:ss"):
        var delaypart = $(offcanvas).attr("onload-showoffcanvasafter").split(":");
        var delay = 0;
        for (var i = 0; i < delaypart.length; i++) delay = parseFloat(delaypart[i]) + (60 * delay);
        // Set timer:
        setTimeout(function (can) {
            // Only show if no other offcanvasses shown yet:
            if ($(".offcanvas.show").length == 0) {
                var backdrop = ($(can).data("bs-backdrop") === undefined) ? true : $(can).data("bs-backdrop");
                var options = { backdrop: backdrop, keyboard: false, focus: true };
                new bootstrap.Offcanvas(can, options).show();
            }
        }, 1000 * delay, offcanvas);
    }

});

//#endregion