lion/packages/helpers/renderLitAsNode/src/renderLitAsNode.js
2020-11-05 10:57:05 +01:00

13 lines
547 B
JavaScript

import { render } from '@lion/core';
/**
* Helper to render a lit TemplateResult as an offline-created DOM node
* Make sure that the top-most element in the template has no siblings,
* as they won't be taken into account. We only return firstElementChild.
* @param {import('lit-html').TemplateResult} litHtmlTemplate
*/
export const renderLitAsNode = litHtmlTemplate => {
const offlineRenderContainer = document.createElement('div');
render(litHtmlTemplate, offlineRenderContainer);
return offlineRenderContainer.firstElementChild;
};