feat(filter): added filter

src/config-builder.js

@@ -90,6 +90,7 @@ export class KendoConfigBuilder {
 	  .kendoDiagram()
 	  .kendoDropDownTree()
       .kendoEditor()
+	  .kendoFilter()
       .kendoFilterMenu()
       .kendoGantt()
       .kendoGrid()
@@ -270,6 +271,11 @@ export class KendoConfigBuilder {
     return this;
   }
 
+  kendoFilter(): KendoConfigBuilder {
+    this.resources.push(PLATFORM.moduleName('./filter/filter'));
+    return this;
+  }
+
   kendoFilterMenu(): KendoConfigBuilder {
     this.resources.push(PLATFORM.moduleName('./filter-menu/filter-menu'));
     return this;

src/filter/filter.html

@@ -0,0 +1,3 @@
+<template>
+  <slot></slot>
+</template>

src/filter/filter.js

@@ -0,0 +1,56 @@
+import { inject, Container } from 'aurelia-dependency-injection';
+import { customElement, bindable } from 'aurelia-templating';
+import { WidgetBase } from '../common/widget-base';
+import { generateBindables } from '../common/decorators';
+import { constants } from '../common/constants';
+
+@customElement(`${constants.elementPrefix}filter`)
+@generateBindables('kendoFilter')
+@inject(Element, WidgetBase, Container)
+export class Filter {
+  @bindable kEnabled;
+
+  constructor(element, widgetBase, container) {
+    this.element = element;
+    this.widgetBase = widgetBase
+      .control('kendoFilter')
+      .linkViewModel(this)
+      .useElement(this.element)
+      .useContainer(container);
+  }
+
+  subscribe(event, callback) {
+    return this.widgetBase.subscribe(event, callback);
+  }
+
+  bind(ctx, overrideCtx) {
+    this.widgetBase.useParentCtx(overrideCtx);
+  }
+
+  attached() {
+    if (!this.kNoInit) {
+      this.recreate();
+    }
+  }
+
+  recreate() {
+    this.kWidget = this.widgetBase.recreate();
+  }
+
+  propertyChanged(property, newValue, oldValue) {
+    this.widgetBase.handlePropertyChanged(
+      this.kWidget,
+      property,
+      newValue,
+      oldValue
+    );
+  }
+
+  destroy() {
+    this.widgetBase.destroy(this.kWidget);
+  }
+
+  detached() {
+    this.destroy();
+  }
+}