// tslint:disable
import {BindableProperty} from "web-atoms-core/dist/core/BindableProperty";
import {AtomPageLink} from "web-atoms-core/dist/web/controls/AtomPageLink";
import {AtomControl} from "web-atoms-core/dist/web/controls/AtomControl";
	
	    import FramePage2 from "./FramePage2";
	
	
	declare var UMD: any;
	const __moduleName = this.filename;
	export default class Start 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.setPrimitiveValue(this.element, "style", "padding: 5px;" );
			
			const e1 = document.createTextNode("\n    Start Page.\n\n    ");
			this.element.appendChild(e1);
			// e2
			//  Frame's view model has parent set to Frame Host's View Model 
			
			const e3 = document.createElement("button");
			
			this.append(e3);
			
			this.setPrimitiveValue(e3, "eventClick",  () => this.parent.viewModel.openPage1() );
			
			const e4 = document.createTextNode("Open Page 1");
			e3.appendChild(e4);
			
			const e5 = new AtomPageLink(this.app, document.createElement("button"));
			
			e5.setPrimitiveValue(e5.element, "page",  FramePage2 );
			
			e5.setPrimitiveValue(e5.element, "options",  { target: 'sample' } );
			
			const e6 = document.createTextNode("Open Page 2");
			e5.element.appendChild(e6);
			
			this.append(e5);
		}
	}