//ajax operations
webix.ready(function(){
    webix.ajax().get("te").then(function(){
        webix.message( webix.env.isFF ? "FireFox" : "Other" );
    });
});

//webix helpers
webix.html.addCss(document.body, "text");
webix.storage.local.get("mydata");

var proxy = webix.proxy("meteor", "books");

//webix ui helpers
webix.ui.zIndexBase = 101;
webix.ui.zIndex();
webix.ui.resize();

//webix ui constructor
//basic view
var ui = webix.ui({
    view:"list", id:"l1"
});
ui.adjust();
$$("l1").adjust();

var l1 = <webix.ui.list>{};
var l2 = <webix.ui.view>{};

//specific view types
var ui2 = <webix.ui.list> webix.ui({
    view:"list", id:"21"
});
ui2.add({ value:"100" });

//specific types by id
var list = <webix.ui.list> $$("l1");
list.add({ value:"100" });
list.config.height = 100;




//config typing
var table:webix.ui.datatableConfig = {};
table.columns = [];
table.autowidth = true;

webix.ui({ rows:[ table ] });

//events
list.attachEvent("onItemClick", function(id:string, e:Event){
    var item = (<webix.ui.list>this).getItem(id);
    var self = webix.$$(e);
    return true;
});

//data collections
var data = new webix.DataCollection();
data.config["test"]= 123;

//mixins
var t = webix.DataDriver.json;

//each ui type has its own events and config options
var tObj = <webix.ui.treetable> $$("table");
tObj.attachEvent("onAfterOpen", () => false);
tObj.config.threeState = false;

var mObj = <webix.ui.submenu> $$("menu");
mObj.attachEvent("onMenuItemClick", () => false);
mObj.config.submenuConfig = {};

//template cna be a function or a string
mObj.config.template = "";
mObj.config.template = (obj) => obj.str;


//getList return a list 
var suggestBox = <webix.ui.suggest>$$("suggest");
var list = suggestBox.getList()
var listData = list.serialize();

//creating a new UI

//this is public interface
interface myUI extends webix.ui.list{
	customApi():number;
}
//and this is the actual implementations
var next = webix.protoUI({
	name:"myUI",
	customApi(){
		webix.message("test");
		return 1;
	}
}, webix.ui.list, webix.EditAbility, webix.EventSystem);

//test method of new UI
var my = <myUI>webix.ui({
	view:"myUI"
});
var tn:number = my.customApi();

//filters
namespace webix.ui.datafilter{
    var avgColumn = webix.extend({
        refresh:function(){ 
        }
    }, webix.ui.datafilter.summColumn)
}