import { ElementGroupBinding, ElementBinding } from "../../lib";
import { DemoBindingElement } from "./demo-binding-element";

/**
 * Pager OperationGroup
 */
export class DemoGroupBindingElement extends ElementGroupBinding {

    /**
   * Returns the subFields of the object
   * must be overwritten in the children
   * @protected
   */
    protected subFields(): Array<any> {
        return this.object.fields;
    }


    /**
     * Generating new SubElement
     * @param type 
     */
    protected newElement(): ElementBinding {
        return new DemoBindingElement();
    }

    /**
     * Returning template
     * @return {string}
     */
    get template(): string {
        return super.template + `
            <div id="group" class="panel">
                <p class="panel-heading">
                    {{name}}
                </p>
                <div id="fields" class="panel-block" style="display:block">
                   
                </div>
            </div>`;
    }
}

customElements.define('demo-group', DemoGroupBindingElement);