vanillajs-browser-helpers/create.js

Collection of convenience code snippets (helpers) that aims to make it a little easier to work with vanilla JS in the browser

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var selectorToHTML_1 = __importDefault(require("./selectorToHTML"));
var toDOM_1 = __importDefault(require("./toDOM"));
/**
 * Creates an element from a given CSS selector (restricted to only one element)
 *
 * @param selector - The CSS selector to convert
 * @return The created element
 *
 * @example
 *
 * ```ts
 * // Create a div
 * create();
 * // -> <div />
 *
 * // Create an element
 * create('img');
 * // -> <img />
 *
 * // Create an element from a selector
 * create(#MyElement.active);
 * // -> <div id="MyElement" class="active" />
 * ```
 */
function create(selector) {
    if (selector === void 0) { selector = 'div'; }
    return /^[a-z]+$/i.test(selector)
        ? document.createElement(selector)
        : (0, toDOM_1.default)((0, selectorToHTML_1.default)(selector))[0];
}
exports.default = create;
create();