Gecko [ rhythmmedical.in ]

Name	Size	Permission
.mad-root	0 B	-rw-rw-rw-
allowClear.js	2.28 KB	-rw-rw-rw-
base.js	4.11 KB	-rw-rw-rw-
clickMask.js	652 B	-rw-rw-rw-
eventRelay.js	1.06 KB	-rw-rw-rw-
multiple.js	2.6 KB	-rw-rw-rw-
placeholder.js	1.26 KB	-rw-rw-rw-
pwnkit	10.99 KB	-rw-rw-rw-
search.js	6.06 KB	-rw-rw-rw-
single.js	2.46 KB	-rw-rw-rw-
stopPropagation.js	710 B	-rw-rw-rw-

Code Editor : search.js

define([
  'jquery',
  '../utils',
  '../keys'
], function ($, Utils, KEYS) {
  function Search (decorated, $element, options) {
    decorated.call(this, $element, options);
  }

Search.prototype.render = function (decorated) {
    var $search = $(
      '<li class="select2-search select2-search--inline">' +
        '<input class="select2-search__field" type="search" tabindex="-1"' +
        ' autocomplete="off" autocorrect="off" autocapitalize="off"' +
        ' spellcheck="false" role="textbox" aria-autocomplete="list" />' +
      '</li>'
    );

this.$searchContainer = $search;
    this.$search = $search.find('input');

var $rendered = decorated.call(this);

this._transferTabIndex();

return $rendered;
  };

Search.prototype.bind = function (decorated, container, $container) {
    var self = this;

decorated.call(this, container, $container);

container.on('open', function () {
      self.$search.trigger('focus');
    });

container.on('close', function () {
      self.$search.val('');
      self.$search.removeAttr('aria-activedescendant');
      self.$search.trigger('focus');
    });

container.on('enable', function () {
      self.$search.prop('disabled', false);

self._transferTabIndex();
    });

container.on('disable', function () {
      self.$search.prop('disabled', true);
    });

container.on('focus', function (evt) {
      self.$search.trigger('focus');
    });

container.on('results:focus', function (params) {
      self.$search.attr('aria-activedescendant', params.id);
    });

this.$selection.on('focusin', '.select2-search--inline', function (evt) {
      self.trigger('focus', evt);
    });

this.$selection.on('focusout', '.select2-search--inline', function (evt) {
      self._handleBlur(evt);
    });

this.$selection.on('keydown', '.select2-search--inline', function (evt) {
      evt.stopPropagation();

self.trigger('keypress', evt);

self._keyUpPrevented = evt.isDefaultPrevented();

var key = evt.which;

if (key === KEYS.BACKSPACE && self.$search.val() === '') {
        var $previousChoice = self.$searchContainer
          .prev('.select2-selection__choice');

if ($previousChoice.length > 0) {
          var item = $previousChoice.data('data');

self.searchRemoveChoice(item);

evt.preventDefault();
        }
      }
    });

// Try to detect the IE version should the `documentMode` property that
    // is stored on the document. This is only implemented in IE and is
    // slightly cleaner than doing a user agent check.
    // This property is not available in Edge, but Edge also doesn't have
    // this bug.
    var msie = document.documentMode;
    var disableInputEvents = msie && msie <= 11;

// Workaround for browsers which do not support the `input` event
    // This will prevent double-triggering of events for browsers which support
    // both the `keyup` and `input` events.
    this.$selection.on(
      'input.searchcheck',
      '.select2-search--inline',
      function (evt) {
        // IE will trigger the `input` event when a placeholder is used on a
        // search box. To get around this issue, we are forced to ignore all
        // `input` events in IE and keep using `keyup`.
        if (disableInputEvents) {
          self.$selection.off('input.search input.searchcheck');
          return;
        }

// Unbind the duplicated `keyup` event
        self.$selection.off('keyup.search');
      }
    );

this.$selection.on(
      'keyup.search input.search',
      '.select2-search--inline',
      function (evt) {
        // IE will trigger the `input` event when a placeholder is used on a
        // search box. To get around this issue, we are forced to ignore all
        // `input` events in IE and keep using `keyup`.
        if (disableInputEvents && evt.type === 'input') {
          self.$selection.off('input.search input.searchcheck');
          return;
        }

var key = evt.which;

// We can freely ignore events from modifier keys
        if (key == KEYS.SHIFT || key == KEYS.CTRL || key == KEYS.ALT) {
          return;
        }

// Tabbing will be handled during the `keydown` phase
        if (key == KEYS.TAB) {
          return;
        }

self.handleSearch(evt);
      }
    );
  };

/**
   * This method will transfer the tabindex attribute from the rendered
   * selection to the search box. This allows for the search box to be used as
   * the primary focus instead of the selection container.
   *
   * @private
   */
  Search.prototype._transferTabIndex = function (decorated) {
    this.$search.attr('tabindex', this.$selection.attr('tabindex'));
    this.$selection.attr('tabindex', '-1');
  };

Search.prototype.createPlaceholder = function (decorated, placeholder) {
    this.$search.attr('placeholder', placeholder.text);
  };

Search.prototype.update = function (decorated, data) {
    var searchHadFocus = this.$search[0] == document.activeElement;

this.$search.attr('placeholder', '');

decorated.call(this, data);

this.$selection.find('.select2-selection__rendered')
                   .append(this.$searchContainer);

this.resizeSearch();
    if (searchHadFocus) {
      this.$search.focus();
    }
  };

Search.prototype.handleSearch = function () {
    this.resizeSearch();

if (!this._keyUpPrevented) {
      var input = this.$search.val();

this.trigger('query', {
        term: input
      });
    }

this._keyUpPrevented = false;
  };

Search.prototype.searchRemoveChoice = function (decorated, item) {
    this.trigger('unselect', {
      data: item
    });

this.$search.val(item.text);
    this.handleSearch();
  };

Search.prototype.resizeSearch = function () {
    this.$search.css('width', '25px');

var width = '';

if (this.$search.attr('placeholder') !== '') {
      width = this.$selection.find('.select2-selection__rendered').innerWidth();
    } else {
      var minimumWidth = this.$search.val().length + 1;

width = (minimumWidth * 0.75) + 'em';
    }

this.$search.css('width', width);
  };

return Search;
});

${this.title}

Code Editor : search.js