aurelia-kendoui-bridge
Version:
A set of Telerik KendoUI wrappers for Aurelia allowing developers to easily use KendoUI components in their Aurelia application.
80 lines (66 loc) • 3.08 kB
JavaScript
System.register(['aurelia-dependency-injection', 'aurelia-templating', '../common/widget-base', '../common/decorators', '../common/constants'], function (_export, _context) {
"use strict";
var inject, Container, customElement, WidgetBase, generateBindables, constants, _dec, _dec2, _dec3, _class, TreeView;
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function isInitFromUl(element) {
return element.querySelectorAll('ul').length > 0;
}
return {
setters: [function (_aureliaDependencyInjection) {
inject = _aureliaDependencyInjection.inject;
Container = _aureliaDependencyInjection.Container;
}, function (_aureliaTemplating) {
customElement = _aureliaTemplating.customElement;
}, function (_commonWidgetBase) {
WidgetBase = _commonWidgetBase.WidgetBase;
}, function (_commonDecorators) {
generateBindables = _commonDecorators.generateBindables;
}, function (_commonConstants) {
constants = _commonConstants.constants;
}],
execute: function () {
_export('TreeView', TreeView = (_dec = customElement(constants.elementPrefix + 'treeview'), _dec2 = generateBindables('kendoTreeView'), _dec3 = inject(Element, WidgetBase, Container), _dec(_class = _dec2(_class = _dec3(_class = function () {
function TreeView(element, widgetBase, container) {
_classCallCheck(this, TreeView);
this.element = element;
this.widgetBase = widgetBase.control('kendoTreeView').useRootElement(this.element).linkViewModel(this).useContainer(container);
}
TreeView.prototype.subscribe = function subscribe(event, callback) {
return this.widgetBase.subscribe(event, callback);
};
TreeView.prototype.bind = function bind(ctx, overrideCtx) {
this.widgetBase.useParentCtx(overrideCtx);
};
TreeView.prototype.attached = function attached() {
if (isInitFromUl(this.element)) {
this.widgetBase.useElement(this.element.querySelectorAll('ul')[0]);
} else {
var target = document.createElement('div');
this.element.appendChild(target);
this.widgetBase.useElement(target);
}
if (!this.kNoInit) {
this.recreate();
}
};
TreeView.prototype.recreate = function recreate() {
var templates = this.widgetBase.util.getChildrenVMs(this.element, constants.elementPrefix + 'template');
this.widgetBase.useTemplates(this, 'kendoTreeView', templates);
this.kWidget = this.widgetBase.recreate();
};
TreeView.prototype.destroy = function destroy() {
this.widgetBase.destroy(this.kWidget);
};
TreeView.prototype.detached = function detached() {
this.destroy();
};
return TreeView;
}()) || _class) || _class) || _class));
_export('TreeView', TreeView);
}
};
});