// 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 VirtualListViewModel from "./view-model/VirtualListViewModel";
	
	
	declare var UMD: any;
	const __moduleName = this.filename;
	export default class VirtualListBoxSample extends AtomControl {
		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.viewModel =  this.resolve(VirtualListViewModel) ;
			
			const e1 = new AtomItemsControl(this.app);
			
			e1.setPrimitiveValue(e1.element, "uiVirtualize",  true );
			
			e1.setPrimitiveValue(e1.element, "style", "width: 800px; height: 800px;" );
			
			e1.runAfterInit( () => e1.setLocalValue(e1.element, "items",  ((e1.viewModel) ? e1.viewModel.items : undefined) ) );
			
			e1.itemTemplate = VirtualListBoxSample_itemTemplate_1_6Creator(this);
			
			const e2 = document.createElement("div");
			
			e1.itemsPresenter = e2;
			
			e1.append(e2);
			
			this.append(e1);
		}
	}
	
	function VirtualListBoxSample_itemTemplate_1_6Creator(__creator) {
		return class VirtualListBoxSample_itemTemplate_1_6 extends AtomControl {
			
			constructor(app: any, e?: any) {
				super(app, e || document.createElement("div"));
			}
			
			public create(): void {
				
				super.create();
				
				this.setPrimitiveValue(this.element, "style", "display: inline-block; width: 200px; height: 200px; vertical-align: middle; text-align: center;" );
				
				const e1 = document.createElement("span");
				
				this.append(e1);
				
				this.runAfterInit( () => this.setLocalValue(e1, "text",  ((this.data) ? this.data.label : undefined) ) );
			}
		}
	}