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

  <div id="example">
    <div class="demo-section wide k-content">
      <ak-multiselect k-placeholder="Select addresses..."
                     k-data-text-field="ShipName"
                     k-data-value-field="OrderID"
                     k-height.bind="520"
                     k-no-value-binding.bind="true"
                     k-value.bind="[10265, 10289]"
                     k-virtual.bind="virtual"
                     k-data-source.bind="dataSource">
        <ak-template for="itemTemplate">
          <span class="order-id">${OrderID}</span>
          ${ShipName}, ${ShipCountry}
        </ak-template>
       </ak-multiselect>
    </div>
  </div>
</template>