module.Component.js

export default function module() {
    class Component {
        /**
         * 
         * @param {HTMLElement} anchor 
         */
        constructor(anchor) {
            this._anchor = anchor
            this._props = {}
            // this._renderView()
        }

        onInit() {}
        onPropsChanges() { }

        set props(value) {
            this._props = value
            this.onPropsChanges(this._props)
            this._renderView()
        }

        get props() {
            return { ...this._props }
        }

        // set anchor(element) {
        //     this._anchor = element
        //     this._renderView()
        // }

        get anchor() {
            return this._anchor
        }

        _renderView() {
            if (this._anchor) {
                this._anchor.innerHTML = this.render()
            }
        }

        render() {
            return ''
        }
    }

    return {
        Component
    }
}