@jay-js/system/router/modules/renderRoute.js

A powerful and flexible TypeScript library for UI, state management, lazy loading, routing and managing draggable elements in modern web applications.

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
    try {
        var info = gen[key](arg);
        var value = info.value;
    } catch (error) {
        reject(error);
        return;
    }
    if (info.done) {
        resolve(value);
    } else {
        Promise.resolve(value).then(_next, _throw);
    }
}
function _async_to_generator(fn) {
    return function() {
        var self = this, args = arguments;
        return new Promise(function(resolve, reject) {
            var gen = fn.apply(self, args);
            function _next(value) {
                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
            }
            function _throw(err) {
                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
            }
            _next(undefined);
        });
    };
}
import { getElement } from "./getElement.js";
import { getTarget } from "./getTarget.js";
export function renderRoute(route) {
    return _renderRoute.apply(this, arguments);
}
function _renderRoute() {
    _renderRoute = _async_to_generator(function*(route) {
        if (route.element && route.target) {
            const target = yield getTarget(route);
            const element = yield getElement(route);
            if (!element || !target) return;
            target.innerHTML = "";
            target.append(element);
            return target;
        }
        return;
    });
    return _renderRoute.apply(this, arguments);
}