gist-master

<template>
  <require from="aurelia-kendoui-bridge/gantt/gantt"></require>
  <require from="aurelia-kendoui-bridge/gantt/gantt-col"></require>
  <require from="./logger.js"></require>

  <div id="example">
    <ak-gantt k-data-source.bind="tasksDataSource"
             k-dependencies.bind="dependenciesDataSource"
             k-views.bind="['day', {type:'week', selected: true}, 'month']"
             k-height.bind="700"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/autocomplete/autocomplete"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>
  <div id="example">
    <div class="demo-section k-content">
      <h4>Search for shipping name</h4>

      <ak-autocomplete k-data-source.bind="datasource"
                      k-virtual.bind="virtual"
                      k-data-text-field="ShipName"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: '&quot;Pocket price&quot; waterfall'}"
            k-legend.bind="{visible: false}"
            k-series.bind="series"
            k-data-source.bind="dataSource"
            k-value-axis.bind="{labels: {format: 'C'}}">
  </ak-chart>
</template>

gist-master

<template>
  <require from="./basic-use.css!"></require>
  <div id="example">
      <div class="demo-section wide k-content">
        <ul id="dairy">
          <li>
              <img src="http://demos.telerik.com/kendo-ui/content/shared/images/foods/200/12.jpg" alt="Queso Manchego La Pastora" />
              <span ak-barcode="k-value: 2346722; k-type: ean8; k-width.bind: 280; k-height.bind: 100"></span>
          </li>
          <li>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Fibonacci sequence'}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis">
  </ak-chart>
</template>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Spain electricity production (GWh)'}"
            k-data-source.bind="datasource"
            k-legend.bind="{position: 'top'}"
            k-series.bind="series"
            k-series-defaults.bind="{type: 'area'}"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Buck spread'}"
            k-legend.bind="{position: 'bottom'}"
            k-series-defaults.bind="{type: 'polarScatter'}"
            k-series.bind="series"
            k-y-axis.bind="{max: 10}">
  </ak-chart>
</template>

gist-master

<template>
  <require from="./basic-use.css!css"></require>
  <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
  
  <div id="example"
       ak-tooltip="k-filter: a;
                  k-width.bind: 120;
                  k-position: top;
                  k-widget.bind: tooltip">
    <div class="demo-section k-content wide">

gist-master

<template>
  <require from="aurelia-kendoui-bridge/map/map"></require>

  <div id="example">
    <div id="bing-tile-layer">
      <div style="text-align: center;">
         <ak-map k-center.bind = "center"
                k-zoom.bind = "3"
                k-layers.bind = "layers">
         </ak-map>

gist-master

<template>
    <require from="aurelia-kendoui-bridge/button/button"></require>
    <require from="./logger.js"></require>
    <div id="example">
      <div id="button-events">
        <div class="demo-section k-content">
          <button type="button" id="textButton" ak-button k-on-click.delegate="btnClicked($event.detail)">
            Text Button
          </button>
          <span id="refreshButton" ak-button="k-icon: refresh" k-on-click.delegate="btnClicked($event.detail)">Refresh Button</span>