Spinner

ac.loaders.createSpinner({ target: document.getElementById("formDefaultSpinner"), theme: "Bootstrap5" });

const btnWindowRefresh = new ac.buttons.Button({ isPrimary: true }, "#btnWindowRefresh");
btnWindowRefresh.element.onclick = () => {
	ac.loaders.showSpinner(document.getElementById("formDefaultSpinner"));
	setTimeout(function () {
		ac.loaders.hideSpinner(document.getElementById("formDefaultSpinner"));
	}, 3000);
};

const btnContainerRefresh = new ac.buttons.Button({ isPrimary: true }, "#btnContainerRefresh");
btnContainerRefresh.element.onclick = () => {
	ac.loaders.showSpinner(document.getElementById("formDefaultSpinner"), true);
	setTimeout(function () {
		ac.loaders.hideSpinner(document.getElementById("formDefaultSpinner"));
	}, 3000);
};

<div id="formDefaultSpinner" class="form-horizontal form-bordered">
	<div class="form-group row">
		<label class="form-label col-form-label col-lg-4">Center Window</label>
		<div class="col-lg-8" style="text-align: center">
			<button id="btnWindowRefresh">Show Spinner</button>
		</div>
	</div>
	<div class="form-group row" style="border: 0">
		<label class="form-label col-form-label col-lg-4">Center Container</label>
		<div class="col-lg-8" style="text-align: center">
			<button id="btnContainerRefresh">Show Spinner</button>
		</div>
	</div>
</div>

ac.loaders.createSpinner({ target: document.getElementById("formOverlaySpinner"), theme: "Bootstrap5", overlay: true });

const btnWindowOverlayRefresh = new ac.buttons.Button({ isPrimary: true }, "#btnWindowOverlayRefresh");
btnWindowOverlayRefresh.element.onclick = () => {
	ac.loaders.showSpinner(document.getElementById("formOverlaySpinner"), false);
	setTimeout(function () {
		ac.loaders.hideSpinner(document.getElementById("formOverlaySpinner"));
	}, 3000);
};

const btnContainerOverlayRefresh = new ac.buttons.Button({ isPrimary: true }, "#btnContainerOverlayRefresh");
btnContainerOverlayRefresh.element.onclick = () => {
	ac.loaders.showSpinner(document.getElementById("formOverlaySpinner"), true);
	setTimeout(function () {
		ac.loaders.hideSpinner(document.getElementById("formOverlaySpinner"));
	}, 3000);
};

<div id="formOverlaySpinner" class="form-horizontal form-bordered">
	<div class="form-group row">
		<label class="form-label col-form-label col-lg-4">Center Window</label>
		<div class="col-lg-8" style="text-align: center">
			<button id="btnWindowOverlayRefresh">Show Spinner</button>
		</div>
	</div>
	<div class="form-group row" style="border: 0">
		<label class="form-label col-form-label col-lg-4">Center Container</label>
		<div class="col-lg-8" style="text-align: center">
			<button id="btnContainerOverlayRefresh">Show Spinner</button>
		</div>
	</div>
</div>