|
|
import djDom = require("dojo/dom-construct");
|
|
|
import djAttr = require("dojo/dom-attr");
|
|
|
import { argumentNotEmptyString } from "@implab/core-amd/safe";
|
|
|
import { RenditionBase } from "./RenditionBase";
|
|
|
import { placeAt } from "./traits";
|
|
|
import { getItemDom, refHook } from "./render";
|
|
|
|
|
|
export class HtmlRendition extends RenditionBase<Element> {
|
|
|
elementType: string;
|
|
|
|
|
|
_element: Element | undefined;
|
|
|
|
|
|
constructor(elementType: string) {
|
|
|
argumentNotEmptyString(elementType, "elementType");
|
|
|
super();
|
|
|
|
|
|
this.elementType = elementType;
|
|
|
}
|
|
|
|
|
|
_addChild(child: unknown): void {
|
|
|
if (!this._element)
|
|
|
throw new Error("The HTML element isn't created");
|
|
|
placeAt(getItemDom(child), this._element);
|
|
|
}
|
|
|
|
|
|
_create({ xmlns, ref, ...attrs }: { xmlns?: string, ref?: JSX.Ref<Element> }, children: unknown[]) {
|
|
|
|
|
|
if (xmlns) {
|
|
|
this._element = document.createElementNS(xmlns, this.elementType);
|
|
|
djAttr.set(this._element, attrs);
|
|
|
} else {
|
|
|
this._element = djDom.create(this.elementType, attrs);
|
|
|
}
|
|
|
|
|
|
children.forEach(v => this._addChild(v));
|
|
|
|
|
|
const element = this._element;
|
|
|
|
|
|
if (ref)
|
|
|
refHook(element, ref);
|
|
|
}
|
|
|
|
|
|
_getDomNode() {
|
|
|
if (!this._element)
|
|
|
throw new Error("The HTML element isn't created");
|
|
|
|
|
|
return this._element;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
