ember-assembly/addon/components/ui-search-input/component.ts

A collection of beautiful UI components built by Goods

import Component from 'ember-assembly/components/ui-text-input/component';
// @ts-ignore: Ignore import of compiled template
import template from './template';
import { action, set } from '@ember/object';
import { isNone } from '@ember/utils';

export default class UiSearchInput extends Component {
  layout = template;
  tagName: string = '';

  value?: string = '';
  onChange?: Function | null = null;
  isSearching?: boolean = false;

  @action
  onKeyUp(value: string) {
    if (isNone(this.onChange)) {
      return set(this, 'value', value);
    }
    return this.onChange(value, event);
  }
}