message: lodash/debounce -> ember-concurrency
  * lodash is not official one of out dependencies so it gets trimmed in
  production builds.
  * Ember-concurrency offers debounce functionality
diff: import { layout } from '@ember-decorators/component';
  import { computed } from '@ember-decorators/object';
  import Component from '@ember/component';
  +import { task, timeout } from 'ember-concurrency';
  import { localClassNames } from 'ember-osf-web/decorators/css-modules';
  -import debounce from 'lodash/debounce';
  import styles from './styles';
  import template from './template';
  import itemStyles from './x-item/styles';
  @@ -19,6 +19,23 @@ export default class CommaList<T> extends Component {
  extra = 0;
  + onResize = task(function *(this: CommaList<T>) {
  + yield timeout(500);
  +
  + const results = this.$(`.${styles.CommaList__List}`);
  + if (!results || results.length < 1) {
  + return;
  + }
  +
  + const parentBounds = results[0].getBoundingClientRect();
  +
  + const i = this.$(`.${itemStyles.Item}`).toArray().findIndex(el => {
  + return el.getBoundingClientRect().right > parentBounds.right;
  + }) - 1;
  +
  + this.set('cutOff', i > 0 ? i : undefined);
  + }).restartable();
  +
  @computed('cutOff', 'filteredItems.length')
  get cutOffOrLast(this: CommaList<T>) {
  return this.cutOff || (this.filteredItems.length - 1);
  @@ -44,7 +61,7 @@ export default class CommaList<T> extends Component {
  }
  didInsertElement(this: CommaList<T>) {
  - this.set('resizeCallback', debounce(this.onResize.bind(this), 250));
  + this.set('resizeCallback', () => this.get('onResize').perform());
  $(window).resize(this.resizeCallback);
  this.resizeCallback();
  }
  @@ -52,19 +69,4 @@ export default class CommaList<T> extends Component {
  willDestroyElement() {
  $(window).off('resize', this.resizeCallback);
  }
  -
  - onResize(this: CommaList<T>) {
  - const results = this.$(`.${styles.CommaList__List}`);
  - if (!results || results.length < 1) {
  - return;
  - }
  -
  - const parentBounds = results[0].getBoundingClientRect();
  -
  - const i = this.$(`.${itemStyles.Item}`).toArray().findIndex(el => {
  - return el.getBoundingClientRect().right > parentBounds.right;
  - }) - 1;
  -
  - this.set('cutOff', i > 0 ? i : undefined);
  - }
  }
  