vaadin-grid-selection-mixin.html

<!--
@license
Copyright (c) 2017 Vaadin Ltd.
This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-->

<script>
  window.Vaadin = window.Vaadin || {};
  Vaadin.Grid = Vaadin.Grid || {};

  /**
   * @polymerMixin
   */
  Vaadin.Grid.SelectionMixin = superClass => class SelectionMixin extends superClass {

    static get properties() {
      return {
        /**
        * An array that contains the selected items.
        */
        selectedItems: {
          type: Object,
          notify: true,
          value: () => []
        }
      };
    }

    static get observers() {
      return [
        '_selectedItemsChanged(selectedItems.*)'
      ];
    }

    _isSelected(item) {
      return this.selectedItems && this._getItemIndexInArray(item, this.selectedItems) > -1;
    }

    /**
     * Selects the given item.
     *
     * @method selectItem
     * @param {Object} item The item object
     */
    selectItem(item) {
      if (!this._isSelected(item)) {
        this.push('selectedItems', item);
      }
    }

    /**
     * Deselects the given item if it is already selected.
     *
     * @method deselect
     * @param {Object} item The item object
     */
    deselectItem(item) {
      const index = this._getItemIndexInArray(item, this.selectedItems);
      if (index > -1) {
        this.splice('selectedItems', index, 1);
      }
    }

    /**
     * Toggles the selected state of the given item.
     *
     * @method toggle
     * @param {Object} item The item object
     */
    _toggleItem(item) {
      const index = this._getItemIndexInArray(item, this.selectedItems);
      if (index === -1) {
        this.selectItem(item);
      } else {
        this.deselectItem(item);
      }
    }

    _selectedItemsChanged(e) {
      if (this.$.items.children.length && (e.path === 'selectedItems' || e.path === 'selectedItems.splices')) {
        Array.from(this.$.items.children).forEach(row => {
          this._toggleRowSelected(row, this._isSelected(row._item));
        });
      }
    }

    _selectedInstanceChangedCallback(instance, value) {
      if (super._selectedInstanceChangedCallback) {
        super._selectedInstanceChangedCallback(instance, value);
      }
      if (value) {
        this.selectItem(instance.item);
      } else {
        this.deselectItem(instance.item);
      }
    }
  };
</script>