aurelia-kendoui-bridge/dist/es6/common/template.js

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

import {inject} from 'aurelia-dependency-injection';
import {customElement, bindable, noView, processContent, TargetInstruction} from 'aurelia-templating';
import {constants} from '../common/constants';

@customElement(`${constants.elementPrefix}template`)
@noView()
@processContent((compiler, resources, element, instruction) => {
  let html = element.innerHTML;
  if (html !== '') {
    // if there's a script tag in the template, take the innerHTML of the script tag
    // https://github.com/aurelia-ui-toolkits/aurelia-kendoui-bridge/issues/580
    let script = kendo.jQuery(element).children('script');
    if (script.length > 0) {
      instruction.template = kendo.jQuery(script).html();
    } else {
      // no script tags? the template is the innerHTML
      instruction.template = html;
    }
  }
  element.innerHTML = ''; // remove any HTML from `<ak-template>` because it has already been retrieved above

  // don't return true, so aurelia does not process the content of <ak-template>
})
@inject(TargetInstruction)
export class Template {
  @bindable template;
  @bindable for = 'template';
  @bindable kendoTemplate = false;

  constructor(targetInstruction) {
    this.template = targetInstruction.elementInstruction.template;
  }
}