export default class RealGrid 

// CustomCellRenderer 모델
gridView.registerCustomRenderer("renderer01", {
    initContent(parent) {
        var span = this._span = document.createElement("span");
        parent.append(span);
    }
}
// class로 만드는 경우.
class CustomSpanRenderer extends RealGrid.CustomCellRendererImpl {
    private _span: HTMLSpanElement; // renderer가 필요한 속성 추가.
    get styleName() {
        return 'rg-renderer custom-span' // class명을 return
    }
    get refreshFocusChanged() {
        return true; // focus가 변경된경우 다시 render를 실행하도록 한다.
    }
    private spanClickHandler = (e: MouseEvent) => {  // arrow function으로 만들면 addEventListener할때 bind하지 않아도 this는 class의 instance를 참조한다.
    }
    protected _doInitContent(dom: HTMLElement): void {
        const span = this._span = document.createElement("span");
        span.addEventListener("click", this.spanClickHandler);  // 반드시 remove해야한다.
        dom.appendChild(this._span);
    }
    protected _doClearContent(dom: HTMLElement): void {
        this._span.parentElement && this._span.parentElement.removeChild(this._span);
        this._span.removeEventListener("click", this.spanClickHandler);
    }
    protected render(grid: GridBase, model: GridCell, w: number, h: number, info: any): void {
        this._span.textContent = model.value || "";
        const css = this._span.style;
        css.removeProperty("color");
        if (info.focused) {
            css.color = "red"
        }
    }
}