aurelia-kendoui-bridge/dist/dev/panelbar/panelbar.js

A set of Telerik KendoUI wrappers for Aurelia allowing developers to easily use KendoUI components in their Aurelia application.

System.register(['aurelia-templating', 'aurelia-dependency-injection', '../common/constants', '../common/widget-base', '../common/decorators'], function (_export, _context) {
  "use strict";

  var customElement, inject, constants, WidgetBase, generateBindables, _dec, _dec2, _dec3, _class, PanelBar;

  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  }

  function hasListChildNode(element) {
    return element.children.length > 0 && (element.children[0].nodeName === 'UL' || element.children[0].nodeName === 'OL');
  }
  return {
    setters: [function (_aureliaTemplating) {
      customElement = _aureliaTemplating.customElement;
    }, function (_aureliaDependencyInjection) {
      inject = _aureliaDependencyInjection.inject;
    }, function (_commonConstants) {
      constants = _commonConstants.constants;
    }, function (_commonWidgetBase) {
      WidgetBase = _commonWidgetBase.WidgetBase;
    }, function (_commonDecorators) {
      generateBindables = _commonDecorators.generateBindables;
    }],
    execute: function () {
      _export('PanelBar', PanelBar = (_dec = customElement(constants.elementPrefix + 'panel-bar'), _dec2 = generateBindables('kendoPanelBar'), _dec3 = inject(Element, WidgetBase), _dec(_class = _dec2(_class = _dec3(_class = function () {
        function PanelBar(element, widgetBase) {
          _classCallCheck(this, PanelBar);

          this.element = element;
          this.widgetBase = widgetBase.control('kendoPanelBar').useRootElement(this.element).linkViewModel(this);
        }

        PanelBar.prototype.subscribe = function subscribe(event, callback) {
          return this.widgetBase.subscribe(event, callback);
        };

        PanelBar.prototype.bind = function bind(ctx, overrideCtx) {
          this.widgetBase.useParentCtx(overrideCtx);
        };

        PanelBar.prototype.attached = function attached() {
          if (!this.kNoInit) {
            this.recreate();
          }
        };

        PanelBar.prototype.recreate = function recreate() {
          var element = this.element;

          if (!hasListChildNode(element)) {
            var ul = document.createElement('ul');

            while (element.children.length > 0) {
              ul.appendChild(element.children[0]);
            }

            element.appendChild(ul);
            element = ul;
          } else {
            element = this.element.children[0];
          }

          this.widgetBase.useElement(element);

          this.kWidget = this.widgetBase.recreate();
        };

        PanelBar.prototype.destroy = function destroy() {
          this.widgetBase.destroy(this.kWidget);
        };

        PanelBar.prototype.detached = function detached() {
          this.destroy();
        };

        return PanelBar;
      }()) || _class) || _class) || _class));

      _export('PanelBar', PanelBar);
    }
  };
});
//# sourceMappingURL=../dist/dev/panelbar/panelbar.js.map