Class Template

Helper class for managing HTML templates.

Wraps an HTMLTemplateElement to provide rendering and element factory utilities.

Constructors

constructor

new Template(template: HTMLElement, context?: TemplateContext): Template
Parameters
- template: HTMLElement
- Optionalcontext: TemplateContext
Returns Template
- Defined in src/template/Template.ts:69

Accessors

raw

get raw(): HTMLTemplateElement
A reference to the wrapped HTMLTemplateElement

Returns HTMLTemplateElement
- Defined in src/template/Template.ts:93

Methods

createElement

createElement<TagName extends keyof HTMLElementTagNameMap>(
    tagName: TagName,
    attrs?: AttributeRecord | Attributes,
    context?: TemplateContext,
): HTMLElementTagNameMap[TagName]
Create an element with the template contents rendered as its children
Type Parameters
- TagName extends keyof HTMLElementTagNameMap
Parameters
- tagName: TagName
  The HTML tag name of the root element to create
- Optionalattrs: AttributeRecord | Attributes
  Optional attriubutes to apply to the root element
- Optionalcontext: TemplateContext
  Optional context object for template value lookups
Returns HTMLElementTagNameMap[TagName]
Remarks
If no context is provided, the root element is used as the context, which allows for accessing nested properties of the host element itself.
- Defined in src/template/Template.ts:120

render

render(target: TemplateRoot, context?: TemplateContext): void
Render this template into a target host element.
Parameters
- target: TemplateRoot
- Optionalcontext: TemplateContext
Returns void
Remarks
If no context is provided, the root element is used as the context, which allows for accessing nested properties of the host element itself.
- Defined in src/template/Template.ts:104

`Static`from

from(source: HTMLElement): Template
Wrap an HTMLElement into a Template. If the element is a