import Component from "kinibind/ts/component/component";
import KinisiteBind from "../kinisite-bind";

export default class KScript extends Component {

    /**
     * Initialise this component
     *
     * @param element
     * @param model
     * @param document
     */
    public async initialise(element: HTMLElement, componentModel: any, parentModel: any = null, document: Document) {

        let scriptContents = element.innerHTML;

        // Create a div
        let wrapperElement = document.createElement("div");
        wrapperElement.innerHTML = scriptContents;

        new KinisiteBind(wrapperElement, componentModel, {
            templateDelimiters: [element.dataset.delimiterOpen || '{', element.dataset.delimiterClose || '}']
        });

        //
        (<any>element).innerHTML = wrapperElement.textContent;

    }


}