// tslint:disable
import {BindableProperty} from "web-atoms-core/dist/core/BindableProperty";
import {AtomItemsControl} from "web-atoms-core/dist/web/controls/AtomItemsControl";
import {AtomControl} from "web-atoms-core/dist/web/controls/AtomControl";
	
	    import MenuStyle from "../styles/MenuStyle";
	
	
	declare var UMD: any;
	const __moduleName = this.filename;
	export default class MenuList extends AtomItemsControl {
		public static readonly _$_url = __moduleName ;
		
		constructor(app: any, e?: any) {
			super(app, e || document.createElement("div"));
		}
		
		public create(): void {
			
			super.create();
			
			const __creator = this;
			
			this.defaultControlStyle =  MenuStyle ;
			
			this.runAfterInit(() => this.setPrimitiveValue(this.element, "styleClass",  this.controlStyle.root ));
			
			this.bind(this.element, "items",  [["viewModel","menuService","menus"]], false , null );
			
			this.setPrimitiveValue(this.element, "style", "padding:5px" );
			
			this.itemTemplate = MenuList_itemTemplate_1_15Creator(this);
		}
	}
	
	function MenuList_itemTemplate_1_15Creator(__creator) {
		return class MenuList_itemTemplate_1_15 extends AtomControl {
			
			constructor(app: any, e?: any) {
				super(app, e || document.createElement("div"));
			}
			
			public create(): void {
				
				super.create();
				
				this.setPrimitiveValue(this.element, "eventClick",  () => this.data.click() );
				
				const e1 = document.createElement("span");
				
				this.append(e1);
				
				this.bind(e1, "text",  [["data","label"]], false , null );
				
				const e2 = new AtomItemsControl(this.app, document.createElement("div"));
				
				e2.bind(e2.element, "styleDisplay",  [["data","children"]], false , (v1) => (v1) ? '' : 'none' );
				
				e2.bind(e2.element, "items",  [["data","children"]], false , null );
				
				e2.setPrimitiveValue(e2.element, "itemTemplate",  __creator.itemTemplate );
				
				this.append(e2);
			}
		}
	}