|
|
@@ -0,0 +1,2020 @@
|
|
|
+var List;List =
|
|
|
+/******/ (function() { // webpackBootstrap
|
|
|
+/******/ var __webpack_modules__ = ({
|
|
|
+
|
|
|
+/***/ "./src/add-async.js":
|
|
|
+/*!**************************!*\
|
|
|
+ !*** ./src/add-async.js ***!
|
|
|
+ \**************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ var addAsync = function addAsync(values, callback, items) {
|
|
|
+ var valuesToAdd = values.splice(0, 50);
|
|
|
+ items = items || [];
|
|
|
+ items = items.concat(list.add(valuesToAdd));
|
|
|
+
|
|
|
+ if (values.length > 0) {
|
|
|
+ setTimeout(function () {
|
|
|
+ addAsync(values, callback, items);
|
|
|
+ }, 1);
|
|
|
+ } else {
|
|
|
+ list.update();
|
|
|
+ callback(items);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ return addAsync;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/filter.js":
|
|
|
+/*!***********************!*\
|
|
|
+ !*** ./src/filter.js ***!
|
|
|
+ \***********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ // Add handlers
|
|
|
+ list.handlers.filterStart = list.handlers.filterStart || [];
|
|
|
+ list.handlers.filterComplete = list.handlers.filterComplete || [];
|
|
|
+ return function (filterFunction) {
|
|
|
+ list.trigger('filterStart');
|
|
|
+ list.i = 1; // Reset paging
|
|
|
+
|
|
|
+ list.reset.filter();
|
|
|
+
|
|
|
+ if (filterFunction === undefined) {
|
|
|
+ list.filtered = false;
|
|
|
+ } else {
|
|
|
+ list.filtered = true;
|
|
|
+ var is = list.items;
|
|
|
+
|
|
|
+ for (var i = 0, il = is.length; i < il; i++) {
|
|
|
+ var item = is[i];
|
|
|
+
|
|
|
+ if (filterFunction(item)) {
|
|
|
+ item.filtered = true;
|
|
|
+ } else {
|
|
|
+ item.filtered = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ list.update();
|
|
|
+ list.trigger('filterComplete');
|
|
|
+ return list.visibleItems;
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/fuzzy-search.js":
|
|
|
+/*!*****************************!*\
|
|
|
+ !*** ./src/fuzzy-search.js ***!
|
|
|
+ \*****************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module, __webpack_require__ */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 8:0-14 */
|
|
|
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
+
|
|
|
+var classes = __webpack_require__(/*! ./utils/classes */ "./src/utils/classes.js"),
|
|
|
+ events = __webpack_require__(/*! ./utils/events */ "./src/utils/events.js"),
|
|
|
+ extend = __webpack_require__(/*! ./utils/extend */ "./src/utils/extend.js"),
|
|
|
+ toString = __webpack_require__(/*! ./utils/to-string */ "./src/utils/to-string.js"),
|
|
|
+ getByClass = __webpack_require__(/*! ./utils/get-by-class */ "./src/utils/get-by-class.js"),
|
|
|
+ fuzzy = __webpack_require__(/*! ./utils/fuzzy */ "./src/utils/fuzzy.js");
|
|
|
+
|
|
|
+module.exports = function (list, options) {
|
|
|
+ options = options || {};
|
|
|
+ options = extend({
|
|
|
+ location: 0,
|
|
|
+ distance: 100,
|
|
|
+ threshold: 0.4,
|
|
|
+ multiSearch: true,
|
|
|
+ searchClass: 'fuzzy-search'
|
|
|
+ }, options);
|
|
|
+ var fuzzySearch = {
|
|
|
+ search: function search(searchString, columns) {
|
|
|
+ // Substract arguments from the searchString or put searchString as only argument
|
|
|
+ var searchArguments = options.multiSearch ? searchString.replace(/ +$/, '').split(/ +/) : [searchString];
|
|
|
+
|
|
|
+ for (var k = 0, kl = list.items.length; k < kl; k++) {
|
|
|
+ fuzzySearch.item(list.items[k], columns, searchArguments);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ item: function item(_item, columns, searchArguments) {
|
|
|
+ var found = true;
|
|
|
+
|
|
|
+ for (var i = 0; i < searchArguments.length; i++) {
|
|
|
+ var foundArgument = false;
|
|
|
+
|
|
|
+ for (var j = 0, jl = columns.length; j < jl; j++) {
|
|
|
+ if (fuzzySearch.values(_item.values(), columns[j], searchArguments[i])) {
|
|
|
+ foundArgument = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!foundArgument) {
|
|
|
+ found = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ _item.found = found;
|
|
|
+ },
|
|
|
+ values: function values(_values, value, searchArgument) {
|
|
|
+ if (_values.hasOwnProperty(value)) {
|
|
|
+ var text = toString(_values[value]).toLowerCase();
|
|
|
+
|
|
|
+ if (fuzzy(text, searchArgument, options)) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ events.bind(getByClass(list.listContainer, options.searchClass), 'keyup', list.utils.events.debounce(function (e) {
|
|
|
+ var target = e.target || e.srcElement; // IE have srcElement
|
|
|
+
|
|
|
+ list.search(target.value, fuzzySearch.search);
|
|
|
+ }, list.searchDelay));
|
|
|
+ return function (str, columns) {
|
|
|
+ list.search(str, columns, fuzzySearch.search);
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/index.js":
|
|
|
+/*!**********************!*\
|
|
|
+ !*** ./src/index.js ***!
|
|
|
+ \**********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module, __webpack_require__ */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 11:0-14 */
|
|
|
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
+
|
|
|
+var naturalSort = __webpack_require__(/*! string-natural-compare */ "./node_modules/string-natural-compare/natural-compare.js"),
|
|
|
+ getByClass = __webpack_require__(/*! ./utils/get-by-class */ "./src/utils/get-by-class.js"),
|
|
|
+ extend = __webpack_require__(/*! ./utils/extend */ "./src/utils/extend.js"),
|
|
|
+ indexOf = __webpack_require__(/*! ./utils/index-of */ "./src/utils/index-of.js"),
|
|
|
+ events = __webpack_require__(/*! ./utils/events */ "./src/utils/events.js"),
|
|
|
+ toString = __webpack_require__(/*! ./utils/to-string */ "./src/utils/to-string.js"),
|
|
|
+ classes = __webpack_require__(/*! ./utils/classes */ "./src/utils/classes.js"),
|
|
|
+ getAttribute = __webpack_require__(/*! ./utils/get-attribute */ "./src/utils/get-attribute.js"),
|
|
|
+ toArray = __webpack_require__(/*! ./utils/to-array */ "./src/utils/to-array.js");
|
|
|
+
|
|
|
+module.exports = function (id, options, values) {
|
|
|
+ var self = this,
|
|
|
+ init,
|
|
|
+ Item = __webpack_require__(/*! ./item */ "./src/item.js")(self),
|
|
|
+ addAsync = __webpack_require__(/*! ./add-async */ "./src/add-async.js")(self),
|
|
|
+ initPagination = __webpack_require__(/*! ./pagination */ "./src/pagination.js")(self);
|
|
|
+
|
|
|
+ init = {
|
|
|
+ start: function start() {
|
|
|
+ self.listClass = 'list';
|
|
|
+ self.searchClass = 'search';
|
|
|
+ self.sortClass = 'sort';
|
|
|
+ self.page = 10000;
|
|
|
+ self.i = 1;
|
|
|
+ self.items = [];
|
|
|
+ self.visibleItems = [];
|
|
|
+ self.matchingItems = [];
|
|
|
+ self.searched = false;
|
|
|
+ self.filtered = false;
|
|
|
+ self.searchColumns = undefined;
|
|
|
+ self.searchDelay = 0;
|
|
|
+ self.handlers = {
|
|
|
+ updated: []
|
|
|
+ };
|
|
|
+ self.valueNames = [];
|
|
|
+ self.utils = {
|
|
|
+ getByClass: getByClass,
|
|
|
+ extend: extend,
|
|
|
+ indexOf: indexOf,
|
|
|
+ events: events,
|
|
|
+ toString: toString,
|
|
|
+ naturalSort: naturalSort,
|
|
|
+ classes: classes,
|
|
|
+ getAttribute: getAttribute,
|
|
|
+ toArray: toArray
|
|
|
+ };
|
|
|
+ self.utils.extend(self, options);
|
|
|
+ self.listContainer = typeof id === 'string' ? document.getElementById(id) : id;
|
|
|
+
|
|
|
+ if (!self.listContainer) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ self.list = getByClass(self.listContainer, self.listClass, true);
|
|
|
+ self.parse = __webpack_require__(/*! ./parse */ "./src/parse.js")(self);
|
|
|
+ self.templater = __webpack_require__(/*! ./templater */ "./src/templater.js")(self);
|
|
|
+ self.search = __webpack_require__(/*! ./search */ "./src/search.js")(self);
|
|
|
+ self.filter = __webpack_require__(/*! ./filter */ "./src/filter.js")(self);
|
|
|
+ self.sort = __webpack_require__(/*! ./sort */ "./src/sort.js")(self);
|
|
|
+ self.fuzzySearch = __webpack_require__(/*! ./fuzzy-search */ "./src/fuzzy-search.js")(self, options.fuzzySearch);
|
|
|
+ this.handlers();
|
|
|
+ this.items();
|
|
|
+ this.pagination();
|
|
|
+ self.update();
|
|
|
+ },
|
|
|
+ handlers: function handlers() {
|
|
|
+ for (var handler in self.handlers) {
|
|
|
+ if (self[handler] && self.handlers.hasOwnProperty(handler)) {
|
|
|
+ self.on(handler, self[handler]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ items: function items() {
|
|
|
+ self.parse(self.list);
|
|
|
+
|
|
|
+ if (values !== undefined) {
|
|
|
+ self.add(values);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pagination: function pagination() {
|
|
|
+ if (options.pagination !== undefined) {
|
|
|
+ if (options.pagination === true) {
|
|
|
+ options.pagination = [{}];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (options.pagination[0] === undefined) {
|
|
|
+ options.pagination = [options.pagination];
|
|
|
+ }
|
|
|
+
|
|
|
+ for (var i = 0, il = options.pagination.length; i < il; i++) {
|
|
|
+ initPagination(options.pagination[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ /*
|
|
|
+ * Re-parse the List, use if html have changed
|
|
|
+ */
|
|
|
+
|
|
|
+ this.reIndex = function () {
|
|
|
+ self.items = [];
|
|
|
+ self.visibleItems = [];
|
|
|
+ self.matchingItems = [];
|
|
|
+ self.searched = false;
|
|
|
+ self.filtered = false;
|
|
|
+ self.parse(self.list);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.toJSON = function () {
|
|
|
+ var json = [];
|
|
|
+
|
|
|
+ for (var i = 0, il = self.items.length; i < il; i++) {
|
|
|
+ json.push(self.items[i].values());
|
|
|
+ }
|
|
|
+
|
|
|
+ return json;
|
|
|
+ };
|
|
|
+ /*
|
|
|
+ * Add object to list
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ this.add = function (values, callback) {
|
|
|
+ if (values.length === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (callback) {
|
|
|
+ addAsync(values.slice(0), callback);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var added = [],
|
|
|
+ notCreate = false;
|
|
|
+
|
|
|
+ if (values[0] === undefined) {
|
|
|
+ values = [values];
|
|
|
+ }
|
|
|
+
|
|
|
+ for (var i = 0, il = values.length; i < il; i++) {
|
|
|
+ var item = null;
|
|
|
+ notCreate = self.items.length > self.page ? true : false;
|
|
|
+ item = new Item(values[i], undefined, notCreate);
|
|
|
+ self.items.push(item);
|
|
|
+ added.push(item);
|
|
|
+ }
|
|
|
+
|
|
|
+ self.update();
|
|
|
+ return added;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.show = function (i, page) {
|
|
|
+ this.i = i;
|
|
|
+ this.page = page;
|
|
|
+ self.update();
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+ /* Removes object from list.
|
|
|
+ * Loops through the list and removes objects where
|
|
|
+ * property "valuename" === value
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ this.remove = function (valueName, value, options) {
|
|
|
+ var found = 0;
|
|
|
+
|
|
|
+ for (var i = 0, il = self.items.length; i < il; i++) {
|
|
|
+ if (self.items[i].values()[valueName] == value) {
|
|
|
+ self.templater.remove(self.items[i], options);
|
|
|
+ self.items.splice(i, 1);
|
|
|
+ il--;
|
|
|
+ i--;
|
|
|
+ found++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ self.update();
|
|
|
+ return found;
|
|
|
+ };
|
|
|
+ /* Gets the objects in the list which
|
|
|
+ * property "valueName" === value
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ this.get = function (valueName, value) {
|
|
|
+ var matchedItems = [];
|
|
|
+
|
|
|
+ for (var i = 0, il = self.items.length; i < il; i++) {
|
|
|
+ var item = self.items[i];
|
|
|
+
|
|
|
+ if (item.values()[valueName] == value) {
|
|
|
+ matchedItems.push(item);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return matchedItems;
|
|
|
+ };
|
|
|
+ /*
|
|
|
+ * Get size of the list
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ this.size = function () {
|
|
|
+ return self.items.length;
|
|
|
+ };
|
|
|
+ /*
|
|
|
+ * Removes all items from the list
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ this.clear = function () {
|
|
|
+ self.templater.clear();
|
|
|
+ self.items = [];
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.on = function (event, callback) {
|
|
|
+ self.handlers[event].push(callback);
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.off = function (event, callback) {
|
|
|
+ var e = self.handlers[event];
|
|
|
+ var index = indexOf(e, callback);
|
|
|
+
|
|
|
+ if (index > -1) {
|
|
|
+ e.splice(index, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.trigger = function (event) {
|
|
|
+ var i = self.handlers[event].length;
|
|
|
+
|
|
|
+ while (i--) {
|
|
|
+ self.handlers[event][i](self);
|
|
|
+ }
|
|
|
+
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.reset = {
|
|
|
+ filter: function filter() {
|
|
|
+ var is = self.items,
|
|
|
+ il = is.length;
|
|
|
+
|
|
|
+ while (il--) {
|
|
|
+ is[il].filtered = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ return self;
|
|
|
+ },
|
|
|
+ search: function search() {
|
|
|
+ var is = self.items,
|
|
|
+ il = is.length;
|
|
|
+
|
|
|
+ while (il--) {
|
|
|
+ is[il].found = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ return self;
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.update = function () {
|
|
|
+ var is = self.items,
|
|
|
+ il = is.length;
|
|
|
+ self.visibleItems = [];
|
|
|
+ self.matchingItems = [];
|
|
|
+ self.templater.clear();
|
|
|
+
|
|
|
+ for (var i = 0; i < il; i++) {
|
|
|
+ if (is[i].matching() && self.matchingItems.length + 1 >= self.i && self.visibleItems.length < self.page) {
|
|
|
+ is[i].show();
|
|
|
+ self.visibleItems.push(is[i]);
|
|
|
+ self.matchingItems.push(is[i]);
|
|
|
+ } else if (is[i].matching()) {
|
|
|
+ self.matchingItems.push(is[i]);
|
|
|
+ is[i].hide();
|
|
|
+ } else {
|
|
|
+ is[i].hide();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ self.trigger('updated');
|
|
|
+ return self;
|
|
|
+ };
|
|
|
+
|
|
|
+ init.start();
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/item.js":
|
|
|
+/*!*********************!*\
|
|
|
+ !*** ./src/item.js ***!
|
|
|
+ \*********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ return function (initValues, element, notCreate) {
|
|
|
+ var item = this;
|
|
|
+ this._values = {};
|
|
|
+ this.found = false; // Show if list.searched == true and this.found == true
|
|
|
+
|
|
|
+ this.filtered = false; // Show if list.filtered == true and this.filtered == true
|
|
|
+
|
|
|
+ var init = function init(initValues, element, notCreate) {
|
|
|
+ if (element === undefined) {
|
|
|
+ if (notCreate) {
|
|
|
+ item.values(initValues, notCreate);
|
|
|
+ } else {
|
|
|
+ item.values(initValues);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ item.elm = element;
|
|
|
+ var values = list.templater.get(item, initValues);
|
|
|
+ item.values(values);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.values = function (newValues, notCreate) {
|
|
|
+ if (newValues !== undefined) {
|
|
|
+ for (var name in newValues) {
|
|
|
+ item._values[name] = newValues[name];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (notCreate !== true) {
|
|
|
+ list.templater.set(item, item.values());
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return item._values;
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.show = function () {
|
|
|
+ list.templater.show(item);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.hide = function () {
|
|
|
+ list.templater.hide(item);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.matching = function () {
|
|
|
+ return list.filtered && list.searched && item.found && item.filtered || list.filtered && !list.searched && item.filtered || !list.filtered && list.searched && item.found || !list.filtered && !list.searched;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.visible = function () {
|
|
|
+ return item.elm && item.elm.parentNode == list.list ? true : false;
|
|
|
+ };
|
|
|
+
|
|
|
+ init(initValues, element, notCreate);
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/pagination.js":
|
|
|
+/*!***************************!*\
|
|
|
+ !*** ./src/pagination.js ***!
|
|
|
+ \***************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module, __webpack_require__ */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 5:0-14 */
|
|
|
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
+
|
|
|
+var classes = __webpack_require__(/*! ./utils/classes */ "./src/utils/classes.js"),
|
|
|
+ events = __webpack_require__(/*! ./utils/events */ "./src/utils/events.js"),
|
|
|
+ List = __webpack_require__(/*! ./index */ "./src/index.js");
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ var isHidden = false;
|
|
|
+
|
|
|
+ var refresh = function refresh(pagingList, options) {
|
|
|
+ if (list.page < 1) {
|
|
|
+ list.listContainer.style.display = 'none';
|
|
|
+ isHidden = true;
|
|
|
+ return;
|
|
|
+ } else if (isHidden) {
|
|
|
+ list.listContainer.style.display = 'block';
|
|
|
+ }
|
|
|
+
|
|
|
+ var item,
|
|
|
+ l = list.matchingItems.length,
|
|
|
+ index = list.i,
|
|
|
+ page = list.page,
|
|
|
+ pages = Math.ceil(l / page),
|
|
|
+ currentPage = Math.ceil(index / page),
|
|
|
+ innerWindow = options.innerWindow || 2,
|
|
|
+ left = options.left || options.outerWindow || 0,
|
|
|
+ right = options.right || options.outerWindow || 0;
|
|
|
+ right = pages - right;
|
|
|
+ pagingList.clear();
|
|
|
+
|
|
|
+ for (var i = 1; i <= pages; i++) {
|
|
|
+ var className = currentPage === i ? 'active' : ''; //console.log(i, left, right, currentPage, (currentPage - innerWindow), (currentPage + innerWindow), className);
|
|
|
+
|
|
|
+ if (is.number(i, left, right, currentPage, innerWindow)) {
|
|
|
+ item = pagingList.add({
|
|
|
+ page: i,
|
|
|
+ dotted: false
|
|
|
+ })[0];
|
|
|
+
|
|
|
+ if (className) {
|
|
|
+ classes(item.elm).add(className);
|
|
|
+ }
|
|
|
+
|
|
|
+ item.elm.firstChild.setAttribute('data-i', i);
|
|
|
+ item.elm.firstChild.setAttribute('data-page', page);
|
|
|
+ } else if (is.dotted(pagingList, i, left, right, currentPage, innerWindow, pagingList.size())) {
|
|
|
+ item = pagingList.add({
|
|
|
+ page: '...',
|
|
|
+ dotted: true
|
|
|
+ })[0];
|
|
|
+ classes(item.elm).add('disabled');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var is = {
|
|
|
+ number: function number(i, left, right, currentPage, innerWindow) {
|
|
|
+ return this.left(i, left) || this.right(i, right) || this.innerWindow(i, currentPage, innerWindow);
|
|
|
+ },
|
|
|
+ left: function left(i, _left) {
|
|
|
+ return i <= _left;
|
|
|
+ },
|
|
|
+ right: function right(i, _right) {
|
|
|
+ return i > _right;
|
|
|
+ },
|
|
|
+ innerWindow: function innerWindow(i, currentPage, _innerWindow) {
|
|
|
+ return i >= currentPage - _innerWindow && i <= currentPage + _innerWindow;
|
|
|
+ },
|
|
|
+ dotted: function dotted(pagingList, i, left, right, currentPage, innerWindow, currentPageItem) {
|
|
|
+ return this.dottedLeft(pagingList, i, left, right, currentPage, innerWindow) || this.dottedRight(pagingList, i, left, right, currentPage, innerWindow, currentPageItem);
|
|
|
+ },
|
|
|
+ dottedLeft: function dottedLeft(pagingList, i, left, right, currentPage, innerWindow) {
|
|
|
+ return i == left + 1 && !this.innerWindow(i, currentPage, innerWindow) && !this.right(i, right);
|
|
|
+ },
|
|
|
+ dottedRight: function dottedRight(pagingList, i, left, right, currentPage, innerWindow, currentPageItem) {
|
|
|
+ if (pagingList.items[currentPageItem - 1].values().dotted) {
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ return i == right && !this.innerWindow(i, currentPage, innerWindow) && !this.right(i, right);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return function (options) {
|
|
|
+ var pagingList = new List(list.listContainer.id, {
|
|
|
+ listClass: options.paginationClass || 'pagination',
|
|
|
+ item: options.item || "<li><a class='page' href='#'></a></li>",
|
|
|
+ valueNames: ['page', 'dotted'],
|
|
|
+ searchClass: 'pagination-search-that-is-not-supposed-to-exist',
|
|
|
+ sortClass: 'pagination-sort-that-is-not-supposed-to-exist'
|
|
|
+ });
|
|
|
+ events.bind(pagingList.listContainer, 'click', function (e) {
|
|
|
+ var target = e.target || e.srcElement,
|
|
|
+ page = list.utils.getAttribute(target, 'data-page'),
|
|
|
+ i = list.utils.getAttribute(target, 'data-i');
|
|
|
+
|
|
|
+ if (i) {
|
|
|
+ list.show((i - 1) * page + 1, page);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ list.on('updated', function () {
|
|
|
+ refresh(pagingList, options);
|
|
|
+ });
|
|
|
+ refresh(pagingList, options);
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/parse.js":
|
|
|
+/*!**********************!*\
|
|
|
+ !*** ./src/parse.js ***!
|
|
|
+ \**********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module, __webpack_require__ */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ var Item = __webpack_require__(/*! ./item */ "./src/item.js")(list);
|
|
|
+
|
|
|
+ var getChildren = function getChildren(parent) {
|
|
|
+ var nodes = parent.childNodes,
|
|
|
+ items = [];
|
|
|
+
|
|
|
+ for (var i = 0, il = nodes.length; i < il; i++) {
|
|
|
+ // Only textnodes have a data attribute
|
|
|
+ if (nodes[i].data === undefined) {
|
|
|
+ items.push(nodes[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return items;
|
|
|
+ };
|
|
|
+
|
|
|
+ var parse = function parse(itemElements, valueNames) {
|
|
|
+ for (var i = 0, il = itemElements.length; i < il; i++) {
|
|
|
+ list.items.push(new Item(valueNames, itemElements[i]));
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var parseAsync = function parseAsync(itemElements, valueNames) {
|
|
|
+ var itemsToIndex = itemElements.splice(0, 50); // TODO: If < 100 items, what happens in IE etc?
|
|
|
+
|
|
|
+ parse(itemsToIndex, valueNames);
|
|
|
+
|
|
|
+ if (itemElements.length > 0) {
|
|
|
+ setTimeout(function () {
|
|
|
+ parseAsync(itemElements, valueNames);
|
|
|
+ }, 1);
|
|
|
+ } else {
|
|
|
+ list.update();
|
|
|
+ list.trigger('parseComplete');
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ list.handlers.parseComplete = list.handlers.parseComplete || [];
|
|
|
+ return function () {
|
|
|
+ var itemsToIndex = getChildren(list.list),
|
|
|
+ valueNames = list.valueNames;
|
|
|
+
|
|
|
+ if (list.indexAsync) {
|
|
|
+ parseAsync(itemsToIndex, valueNames);
|
|
|
+ } else {
|
|
|
+ parse(itemsToIndex, valueNames);
|
|
|
+ }
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/search.js":
|
|
|
+/*!***********************!*\
|
|
|
+ !*** ./src/search.js ***!
|
|
|
+ \***********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (_list) {
|
|
|
+ var item, text, columns, searchString, customSearch;
|
|
|
+ var prepare = {
|
|
|
+ resetList: function resetList() {
|
|
|
+ _list.i = 1;
|
|
|
+
|
|
|
+ _list.templater.clear();
|
|
|
+
|
|
|
+ customSearch = undefined;
|
|
|
+ },
|
|
|
+ setOptions: function setOptions(args) {
|
|
|
+ if (args.length == 2 && args[1] instanceof Array) {
|
|
|
+ columns = args[1];
|
|
|
+ } else if (args.length == 2 && typeof args[1] == 'function') {
|
|
|
+ columns = undefined;
|
|
|
+ customSearch = args[1];
|
|
|
+ } else if (args.length == 3) {
|
|
|
+ columns = args[1];
|
|
|
+ customSearch = args[2];
|
|
|
+ } else {
|
|
|
+ columns = undefined;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setColumns: function setColumns() {
|
|
|
+ if (_list.items.length === 0) return;
|
|
|
+
|
|
|
+ if (columns === undefined) {
|
|
|
+ columns = _list.searchColumns === undefined ? prepare.toArray(_list.items[0].values()) : _list.searchColumns;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setSearchString: function setSearchString(s) {
|
|
|
+ s = _list.utils.toString(s).toLowerCase();
|
|
|
+ s = s.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&'); // Escape regular expression characters
|
|
|
+
|
|
|
+ searchString = s;
|
|
|
+ },
|
|
|
+ toArray: function toArray(values) {
|
|
|
+ var tmpColumn = [];
|
|
|
+
|
|
|
+ for (var name in values) {
|
|
|
+ tmpColumn.push(name);
|
|
|
+ }
|
|
|
+
|
|
|
+ return tmpColumn;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var search = {
|
|
|
+ list: function list() {
|
|
|
+ // Extract quoted phrases "word1 word2" from original searchString
|
|
|
+ // searchString is converted to lowercase by List.js
|
|
|
+ var words = [],
|
|
|
+ phrase,
|
|
|
+ ss = searchString;
|
|
|
+
|
|
|
+ while ((phrase = ss.match(/"([^"]+)"/)) !== null) {
|
|
|
+ words.push(phrase[1]);
|
|
|
+ ss = ss.substring(0, phrase.index) + ss.substring(phrase.index + phrase[0].length);
|
|
|
+ } // Get remaining space-separated words (if any)
|
|
|
+
|
|
|
+
|
|
|
+ ss = ss.trim();
|
|
|
+ if (ss.length) words = words.concat(ss.split(/\s+/));
|
|
|
+
|
|
|
+ for (var k = 0, kl = _list.items.length; k < kl; k++) {
|
|
|
+ var item = _list.items[k];
|
|
|
+ item.found = false;
|
|
|
+ if (!words.length) continue;
|
|
|
+
|
|
|
+ for (var i = 0, il = words.length; i < il; i++) {
|
|
|
+ var word_found = false;
|
|
|
+
|
|
|
+ for (var j = 0, jl = columns.length; j < jl; j++) {
|
|
|
+ var values = item.values(),
|
|
|
+ column = columns[j];
|
|
|
+
|
|
|
+ if (values.hasOwnProperty(column) && values[column] !== undefined && values[column] !== null) {
|
|
|
+ var text = typeof values[column] !== 'string' ? values[column].toString() : values[column];
|
|
|
+
|
|
|
+ if (text.toLowerCase().indexOf(words[i]) !== -1) {
|
|
|
+ // word found, so no need to check it against any other columns
|
|
|
+ word_found = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } // this word not found? no need to check any other words, the item cannot match
|
|
|
+
|
|
|
+
|
|
|
+ if (!word_found) break;
|
|
|
+ }
|
|
|
+
|
|
|
+ item.found = word_found;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // Removed search.item() and search.values()
|
|
|
+ reset: function reset() {
|
|
|
+ _list.reset.search();
|
|
|
+
|
|
|
+ _list.searched = false;
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var searchMethod = function searchMethod(str) {
|
|
|
+ _list.trigger('searchStart');
|
|
|
+
|
|
|
+ prepare.resetList();
|
|
|
+ prepare.setSearchString(str);
|
|
|
+ prepare.setOptions(arguments); // str, cols|searchFunction, searchFunction
|
|
|
+
|
|
|
+ prepare.setColumns();
|
|
|
+
|
|
|
+ if (searchString === '') {
|
|
|
+ search.reset();
|
|
|
+ } else {
|
|
|
+ _list.searched = true;
|
|
|
+
|
|
|
+ if (customSearch) {
|
|
|
+ customSearch(searchString, columns);
|
|
|
+ } else {
|
|
|
+ search.list();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ _list.update();
|
|
|
+
|
|
|
+ _list.trigger('searchComplete');
|
|
|
+
|
|
|
+ return _list.visibleItems;
|
|
|
+ };
|
|
|
+
|
|
|
+ _list.handlers.searchStart = _list.handlers.searchStart || [];
|
|
|
+ _list.handlers.searchComplete = _list.handlers.searchComplete || [];
|
|
|
+
|
|
|
+ _list.utils.events.bind(_list.utils.getByClass(_list.listContainer, _list.searchClass), 'keyup', _list.utils.events.debounce(function (e) {
|
|
|
+ var target = e.target || e.srcElement,
|
|
|
+ // IE have srcElement
|
|
|
+ alreadyCleared = target.value === '' && !_list.searched;
|
|
|
+
|
|
|
+ if (!alreadyCleared) {
|
|
|
+ // If oninput already have resetted the list, do nothing
|
|
|
+ searchMethod(target.value);
|
|
|
+ }
|
|
|
+ }, _list.searchDelay)); // Used to detect click on HTML5 clear button
|
|
|
+
|
|
|
+
|
|
|
+ _list.utils.events.bind(_list.utils.getByClass(_list.listContainer, _list.searchClass), 'input', function (e) {
|
|
|
+ var target = e.target || e.srcElement;
|
|
|
+
|
|
|
+ if (target.value === '') {
|
|
|
+ searchMethod('');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return searchMethod;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/sort.js":
|
|
|
+/*!*********************!*\
|
|
|
+ !*** ./src/sort.js ***!
|
|
|
+ \*********************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ var buttons = {
|
|
|
+ els: undefined,
|
|
|
+ clear: function clear() {
|
|
|
+ for (var i = 0, il = buttons.els.length; i < il; i++) {
|
|
|
+ list.utils.classes(buttons.els[i]).remove('asc');
|
|
|
+ list.utils.classes(buttons.els[i]).remove('desc');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getOrder: function getOrder(btn) {
|
|
|
+ var predefinedOrder = list.utils.getAttribute(btn, 'data-order');
|
|
|
+
|
|
|
+ if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {
|
|
|
+ return predefinedOrder;
|
|
|
+ } else if (list.utils.classes(btn).has('desc')) {
|
|
|
+ return 'asc';
|
|
|
+ } else if (list.utils.classes(btn).has('asc')) {
|
|
|
+ return 'desc';
|
|
|
+ } else {
|
|
|
+ return 'asc';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getInSensitive: function getInSensitive(btn, options) {
|
|
|
+ var insensitive = list.utils.getAttribute(btn, 'data-insensitive');
|
|
|
+
|
|
|
+ if (insensitive === 'false') {
|
|
|
+ options.insensitive = false;
|
|
|
+ } else {
|
|
|
+ options.insensitive = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setOrder: function setOrder(options) {
|
|
|
+ for (var i = 0, il = buttons.els.length; i < il; i++) {
|
|
|
+ var btn = buttons.els[i];
|
|
|
+
|
|
|
+ if (list.utils.getAttribute(btn, 'data-sort') !== options.valueName) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ var predefinedOrder = list.utils.getAttribute(btn, 'data-order');
|
|
|
+
|
|
|
+ if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {
|
|
|
+ if (predefinedOrder == options.order) {
|
|
|
+ list.utils.classes(btn).add(options.order);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ list.utils.classes(btn).add(options.order);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var sort = function sort() {
|
|
|
+ list.trigger('sortStart');
|
|
|
+ var options = {};
|
|
|
+ var target = arguments[0].currentTarget || arguments[0].srcElement || undefined;
|
|
|
+
|
|
|
+ if (target) {
|
|
|
+ options.valueName = list.utils.getAttribute(target, 'data-sort');
|
|
|
+ buttons.getInSensitive(target, options);
|
|
|
+ options.order = buttons.getOrder(target);
|
|
|
+ } else {
|
|
|
+ options = arguments[1] || options;
|
|
|
+ options.valueName = arguments[0];
|
|
|
+ options.order = options.order || 'asc';
|
|
|
+ options.insensitive = typeof options.insensitive == 'undefined' ? true : options.insensitive;
|
|
|
+ }
|
|
|
+
|
|
|
+ buttons.clear();
|
|
|
+ buttons.setOrder(options); // caseInsensitive
|
|
|
+ // alphabet
|
|
|
+
|
|
|
+ var customSortFunction = options.sortFunction || list.sortFunction || null,
|
|
|
+ multi = options.order === 'desc' ? -1 : 1,
|
|
|
+ sortFunction;
|
|
|
+
|
|
|
+ if (customSortFunction) {
|
|
|
+ sortFunction = function sortFunction(itemA, itemB) {
|
|
|
+ return customSortFunction(itemA, itemB, options) * multi;
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ sortFunction = function sortFunction(itemA, itemB) {
|
|
|
+ var sort = list.utils.naturalSort;
|
|
|
+ sort.alphabet = list.alphabet || options.alphabet || undefined;
|
|
|
+
|
|
|
+ if (!sort.alphabet && options.insensitive) {
|
|
|
+ sort = list.utils.naturalSort.caseInsensitive;
|
|
|
+ }
|
|
|
+
|
|
|
+ return sort(itemA.values()[options.valueName], itemB.values()[options.valueName]) * multi;
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ list.items.sort(sortFunction);
|
|
|
+ list.update();
|
|
|
+ list.trigger('sortComplete');
|
|
|
+ }; // Add handlers
|
|
|
+
|
|
|
+
|
|
|
+ list.handlers.sortStart = list.handlers.sortStart || [];
|
|
|
+ list.handlers.sortComplete = list.handlers.sortComplete || [];
|
|
|
+ buttons.els = list.utils.getByClass(list.listContainer, list.sortClass);
|
|
|
+ list.utils.events.bind(buttons.els, 'click', sort);
|
|
|
+ list.on('searchStart', buttons.clear);
|
|
|
+ list.on('filterStart', buttons.clear);
|
|
|
+ return sort;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/templater.js":
|
|
|
+/*!**************************!*\
|
|
|
+ !*** ./src/templater.js ***!
|
|
|
+ \**************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 216:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+var Templater = function Templater(list) {
|
|
|
+ var createItem,
|
|
|
+ templater = this;
|
|
|
+
|
|
|
+ var init = function init() {
|
|
|
+ var itemSource;
|
|
|
+
|
|
|
+ if (typeof list.item === 'function') {
|
|
|
+ createItem = function createItem(values) {
|
|
|
+ var item = list.item(values);
|
|
|
+ return getItemSource(item);
|
|
|
+ };
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (typeof list.item === 'string') {
|
|
|
+ if (list.item.indexOf('<') === -1) {
|
|
|
+ itemSource = document.getElementById(list.item);
|
|
|
+ } else {
|
|
|
+ itemSource = getItemSource(list.item);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ /* If item source does not exists, use the first item in list as
|
|
|
+ source for new items */
|
|
|
+ itemSource = getFirstListItem();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!itemSource) {
|
|
|
+ throw new Error("The list needs to have at least one item on init otherwise you'll have to add a template.");
|
|
|
+ }
|
|
|
+
|
|
|
+ itemSource = createCleanTemplateItem(itemSource, list.valueNames);
|
|
|
+
|
|
|
+ createItem = function createItem() {
|
|
|
+ return itemSource.cloneNode(true);
|
|
|
+ };
|
|
|
+ };
|
|
|
+
|
|
|
+ var createCleanTemplateItem = function createCleanTemplateItem(templateNode, valueNames) {
|
|
|
+ var el = templateNode.cloneNode(true);
|
|
|
+ el.removeAttribute('id');
|
|
|
+
|
|
|
+ for (var i = 0, il = valueNames.length; i < il; i++) {
|
|
|
+ var elm = undefined,
|
|
|
+ valueName = valueNames[i];
|
|
|
+
|
|
|
+ if (valueName.data) {
|
|
|
+ for (var j = 0, jl = valueName.data.length; j < jl; j++) {
|
|
|
+ el.setAttribute('data-' + valueName.data[j], '');
|
|
|
+ }
|
|
|
+ } else if (valueName.attr && valueName.name) {
|
|
|
+ elm = list.utils.getByClass(el, valueName.name, true);
|
|
|
+
|
|
|
+ if (elm) {
|
|
|
+ elm.setAttribute(valueName.attr, '');
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ elm = list.utils.getByClass(el, valueName, true);
|
|
|
+
|
|
|
+ if (elm) {
|
|
|
+ elm.innerHTML = '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return el;
|
|
|
+ };
|
|
|
+
|
|
|
+ var getFirstListItem = function getFirstListItem() {
|
|
|
+ var nodes = list.list.childNodes;
|
|
|
+
|
|
|
+ for (var i = 0, il = nodes.length; i < il; i++) {
|
|
|
+ // Only textnodes have a data attribute
|
|
|
+ if (nodes[i].data === undefined) {
|
|
|
+ return nodes[i].cloneNode(true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return undefined;
|
|
|
+ };
|
|
|
+
|
|
|
+ var getItemSource = function getItemSource(itemHTML) {
|
|
|
+ if (typeof itemHTML !== 'string') return undefined;
|
|
|
+
|
|
|
+ if (/<tr[\s>]/g.exec(itemHTML)) {
|
|
|
+ var tbody = document.createElement('tbody');
|
|
|
+ tbody.innerHTML = itemHTML;
|
|
|
+ return tbody.firstElementChild;
|
|
|
+ } else if (itemHTML.indexOf('<') !== -1) {
|
|
|
+ var div = document.createElement('div');
|
|
|
+ div.innerHTML = itemHTML;
|
|
|
+ return div.firstElementChild;
|
|
|
+ }
|
|
|
+
|
|
|
+ return undefined;
|
|
|
+ };
|
|
|
+
|
|
|
+ var getValueName = function getValueName(name) {
|
|
|
+ for (var i = 0, il = list.valueNames.length; i < il; i++) {
|
|
|
+ var valueName = list.valueNames[i];
|
|
|
+
|
|
|
+ if (valueName.data) {
|
|
|
+ var data = valueName.data;
|
|
|
+
|
|
|
+ for (var j = 0, jl = data.length; j < jl; j++) {
|
|
|
+ if (data[j] === name) {
|
|
|
+ return {
|
|
|
+ data: name
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (valueName.attr && valueName.name && valueName.name == name) {
|
|
|
+ return valueName;
|
|
|
+ } else if (valueName === name) {
|
|
|
+ return name;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var setValue = function setValue(item, name, value) {
|
|
|
+ var elm = undefined,
|
|
|
+ valueName = getValueName(name);
|
|
|
+ if (!valueName) return;
|
|
|
+
|
|
|
+ if (valueName.data) {
|
|
|
+ item.elm.setAttribute('data-' + valueName.data, value);
|
|
|
+ } else if (valueName.attr && valueName.name) {
|
|
|
+ elm = list.utils.getByClass(item.elm, valueName.name, true);
|
|
|
+
|
|
|
+ if (elm) {
|
|
|
+ elm.setAttribute(valueName.attr, value);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ elm = list.utils.getByClass(item.elm, valueName, true);
|
|
|
+
|
|
|
+ if (elm) {
|
|
|
+ elm.innerHTML = value;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.get = function (item, valueNames) {
|
|
|
+ templater.create(item);
|
|
|
+ var values = {};
|
|
|
+
|
|
|
+ for (var i = 0, il = valueNames.length; i < il; i++) {
|
|
|
+ var elm = undefined,
|
|
|
+ valueName = valueNames[i];
|
|
|
+
|
|
|
+ if (valueName.data) {
|
|
|
+ for (var j = 0, jl = valueName.data.length; j < jl; j++) {
|
|
|
+ values[valueName.data[j]] = list.utils.getAttribute(item.elm, 'data-' + valueName.data[j]);
|
|
|
+ }
|
|
|
+ } else if (valueName.attr && valueName.name) {
|
|
|
+ elm = list.utils.getByClass(item.elm, valueName.name, true);
|
|
|
+ values[valueName.name] = elm ? list.utils.getAttribute(elm, valueName.attr) : '';
|
|
|
+ } else {
|
|
|
+ elm = list.utils.getByClass(item.elm, valueName, true);
|
|
|
+ values[valueName] = elm ? elm.innerHTML : '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return values;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.set = function (item, values) {
|
|
|
+ if (!templater.create(item)) {
|
|
|
+ for (var v in values) {
|
|
|
+ if (values.hasOwnProperty(v)) {
|
|
|
+ setValue(item, v, values[v]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.create = function (item) {
|
|
|
+ if (item.elm !== undefined) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ item.elm = createItem(item.values());
|
|
|
+ templater.set(item, item.values());
|
|
|
+ return true;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.remove = function (item) {
|
|
|
+ if (item.elm.parentNode === list.list) {
|
|
|
+ list.list.removeChild(item.elm);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.show = function (item) {
|
|
|
+ templater.create(item);
|
|
|
+ list.list.appendChild(item.elm);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.hide = function (item) {
|
|
|
+ if (item.elm !== undefined && item.elm.parentNode === list.list) {
|
|
|
+ list.list.removeChild(item.elm);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ this.clear = function () {
|
|
|
+ /* .innerHTML = ''; fucks up IE */
|
|
|
+ if (list.list.hasChildNodes()) {
|
|
|
+ while (list.list.childNodes.length >= 1) {
|
|
|
+ list.list.removeChild(list.list.firstChild);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ init();
|
|
|
+};
|
|
|
+
|
|
|
+module.exports = function (list) {
|
|
|
+ return new Templater(list);
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/classes.js":
|
|
|
+/*!******************************!*\
|
|
|
+ !*** ./src/utils/classes.js ***!
|
|
|
+ \******************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module, __webpack_require__ */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 24:0-14 */
|
|
|
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
+
|
|
|
+/**
|
|
|
+ * Module dependencies.
|
|
|
+ */
|
|
|
+var index = __webpack_require__(/*! ./index-of */ "./src/utils/index-of.js");
|
|
|
+/**
|
|
|
+ * Whitespace regexp.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var re = /\s+/;
|
|
|
+/**
|
|
|
+ * toString reference.
|
|
|
+ */
|
|
|
+
|
|
|
+var toString = Object.prototype.toString;
|
|
|
+/**
|
|
|
+ * Wrap `el` in a `ClassList`.
|
|
|
+ *
|
|
|
+ * @param {Element} el
|
|
|
+ * @return {ClassList}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+module.exports = function (el) {
|
|
|
+ return new ClassList(el);
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Initialize a new ClassList for `el`.
|
|
|
+ *
|
|
|
+ * @param {Element} el
|
|
|
+ * @api private
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+function ClassList(el) {
|
|
|
+ if (!el || !el.nodeType) {
|
|
|
+ throw new Error('A DOM element reference is required');
|
|
|
+ }
|
|
|
+
|
|
|
+ this.el = el;
|
|
|
+ this.list = el.classList;
|
|
|
+}
|
|
|
+/**
|
|
|
+ * Add class `name` if not already present.
|
|
|
+ *
|
|
|
+ * @param {String} name
|
|
|
+ * @return {ClassList}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ClassList.prototype.add = function (name) {
|
|
|
+ // classList
|
|
|
+ if (this.list) {
|
|
|
+ this.list.add(name);
|
|
|
+ return this;
|
|
|
+ } // fallback
|
|
|
+
|
|
|
+
|
|
|
+ var arr = this.array();
|
|
|
+ var i = index(arr, name);
|
|
|
+ if (!~i) arr.push(name);
|
|
|
+ this.el.className = arr.join(' ');
|
|
|
+ return this;
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Remove class `name` when present, or
|
|
|
+ * pass a regular expression to remove
|
|
|
+ * any which match.
|
|
|
+ *
|
|
|
+ * @param {String|RegExp} name
|
|
|
+ * @return {ClassList}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ClassList.prototype.remove = function (name) {
|
|
|
+ // classList
|
|
|
+ if (this.list) {
|
|
|
+ this.list.remove(name);
|
|
|
+ return this;
|
|
|
+ } // fallback
|
|
|
+
|
|
|
+
|
|
|
+ var arr = this.array();
|
|
|
+ var i = index(arr, name);
|
|
|
+ if (~i) arr.splice(i, 1);
|
|
|
+ this.el.className = arr.join(' ');
|
|
|
+ return this;
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Toggle class `name`, can force state via `force`.
|
|
|
+ *
|
|
|
+ * For browsers that support classList, but do not support `force` yet,
|
|
|
+ * the mistake will be detected and corrected.
|
|
|
+ *
|
|
|
+ * @param {String} name
|
|
|
+ * @param {Boolean} force
|
|
|
+ * @return {ClassList}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ClassList.prototype.toggle = function (name, force) {
|
|
|
+ // classList
|
|
|
+ if (this.list) {
|
|
|
+ if ('undefined' !== typeof force) {
|
|
|
+ if (force !== this.list.toggle(name, force)) {
|
|
|
+ this.list.toggle(name); // toggle again to correct
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.list.toggle(name);
|
|
|
+ }
|
|
|
+
|
|
|
+ return this;
|
|
|
+ } // fallback
|
|
|
+
|
|
|
+
|
|
|
+ if ('undefined' !== typeof force) {
|
|
|
+ if (!force) {
|
|
|
+ this.remove(name);
|
|
|
+ } else {
|
|
|
+ this.add(name);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.has(name)) {
|
|
|
+ this.remove(name);
|
|
|
+ } else {
|
|
|
+ this.add(name);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return this;
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Return an array of classes.
|
|
|
+ *
|
|
|
+ * @return {Array}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ClassList.prototype.array = function () {
|
|
|
+ var className = this.el.getAttribute('class') || '';
|
|
|
+ var str = className.replace(/^\s+|\s+$/g, '');
|
|
|
+ var arr = str.split(re);
|
|
|
+ if ('' === arr[0]) arr.shift();
|
|
|
+ return arr;
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Check if class `name` is present.
|
|
|
+ *
|
|
|
+ * @param {String} name
|
|
|
+ * @return {ClassList}
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ClassList.prototype.has = ClassList.prototype.contains = function (name) {
|
|
|
+ return this.list ? this.list.contains(name) : !!~index(this.array(), name);
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/events.js":
|
|
|
+/*!*****************************!*\
|
|
|
+ !*** ./src/utils/events.js ***!
|
|
|
+ \*****************************/
|
|
|
+/*! default exports */
|
|
|
+/*! export bind [provided] [no usage info] [missing usage info prevents renaming] */
|
|
|
+/*! export debounce [provided] [no usage info] [missing usage info prevents renaming] */
|
|
|
+/*! export unbind [provided] [no usage info] [missing usage info prevents renaming] */
|
|
|
+/*! other exports [not provided] [no usage info] */
|
|
|
+/*! runtime requirements: __webpack_exports__, __webpack_require__ */
|
|
|
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
|
+
|
|
|
+var bind = window.addEventListener ? 'addEventListener' : 'attachEvent',
|
|
|
+ unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
|
|
|
+ prefix = bind !== 'addEventListener' ? 'on' : '',
|
|
|
+ toArray = __webpack_require__(/*! ./to-array */ "./src/utils/to-array.js");
|
|
|
+/**
|
|
|
+ * Bind `el` event `type` to `fn`.
|
|
|
+ *
|
|
|
+ * @param {Element} el, NodeList, HTMLCollection or Array
|
|
|
+ * @param {String} type
|
|
|
+ * @param {Function} fn
|
|
|
+ * @param {Boolean} capture
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+exports.bind = function (el, type, fn, capture) {
|
|
|
+ el = toArray(el);
|
|
|
+
|
|
|
+ for (var i = 0, il = el.length; i < il; i++) {
|
|
|
+ el[i][bind](prefix + type, fn, capture || false);
|
|
|
+ }
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Unbind `el` event `type`'s callback `fn`.
|
|
|
+ *
|
|
|
+ * @param {Element} el, NodeList, HTMLCollection or Array
|
|
|
+ * @param {String} type
|
|
|
+ * @param {Function} fn
|
|
|
+ * @param {Boolean} capture
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+exports.unbind = function (el, type, fn, capture) {
|
|
|
+ el = toArray(el);
|
|
|
+
|
|
|
+ for (var i = 0, il = el.length; i < il; i++) {
|
|
|
+ el[i][unbind](prefix + type, fn, capture || false);
|
|
|
+ }
|
|
|
+};
|
|
|
+/**
|
|
|
+ * Returns a function, that, as long as it continues to be invoked, will not
|
|
|
+ * be triggered. The function will be called after it stops being called for
|
|
|
+ * `wait` milliseconds. If `immediate` is true, trigger the function on the
|
|
|
+ * leading edge, instead of the trailing.
|
|
|
+ *
|
|
|
+ * @param {Function} fn
|
|
|
+ * @param {Integer} wait
|
|
|
+ * @param {Boolean} immediate
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+exports.debounce = function (fn, wait, immediate) {
|
|
|
+ var timeout;
|
|
|
+ return wait ? function () {
|
|
|
+ var context = this,
|
|
|
+ args = arguments;
|
|
|
+
|
|
|
+ var later = function later() {
|
|
|
+ timeout = null;
|
|
|
+ if (!immediate) fn.apply(context, args);
|
|
|
+ };
|
|
|
+
|
|
|
+ var callNow = immediate && !timeout;
|
|
|
+ clearTimeout(timeout);
|
|
|
+ timeout = setTimeout(later, wait);
|
|
|
+ if (callNow) fn.apply(context, args);
|
|
|
+ } : fn;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/extend.js":
|
|
|
+/*!*****************************!*\
|
|
|
+ !*** ./src/utils/extend.js ***!
|
|
|
+ \*****************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 4:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+/*
|
|
|
+ * Source: https://github.com/segmentio/extend
|
|
|
+ */
|
|
|
+module.exports = function extend(object) {
|
|
|
+ // Takes an unlimited number of extenders.
|
|
|
+ var args = Array.prototype.slice.call(arguments, 1); // For each extender, copy their properties on our object.
|
|
|
+
|
|
|
+ for (var i = 0, source; source = args[i]; i++) {
|
|
|
+ if (!source) continue;
|
|
|
+
|
|
|
+ for (var property in source) {
|
|
|
+ object[property] = source[property];
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return object;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/fuzzy.js":
|
|
|
+/*!****************************!*\
|
|
|
+ !*** ./src/utils/fuzzy.js ***!
|
|
|
+ \****************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (text, pattern, options) {
|
|
|
+ // Aproximately where in the text is the pattern expected to be found?
|
|
|
+ var Match_Location = options.location || 0; //Determines how close the match must be to the fuzzy location (specified above). An exact letter match which is 'distance' characters away from the fuzzy location would score as a complete mismatch. A distance of '0' requires the match be at the exact location specified, a threshold of '1000' would require a perfect match to be within 800 characters of the fuzzy location to be found using a 0.8 threshold.
|
|
|
+
|
|
|
+ var Match_Distance = options.distance || 100; // At what point does the match algorithm give up. A threshold of '0.0' requires a perfect match (of both letters and location), a threshold of '1.0' would match anything.
|
|
|
+
|
|
|
+ var Match_Threshold = options.threshold || 0.4;
|
|
|
+ if (pattern === text) return true; // Exact match
|
|
|
+
|
|
|
+ if (pattern.length > 32) return false; // This algorithm cannot be used
|
|
|
+ // Set starting location at beginning text and initialise the alphabet.
|
|
|
+
|
|
|
+ var loc = Match_Location,
|
|
|
+ s = function () {
|
|
|
+ var q = {},
|
|
|
+ i;
|
|
|
+
|
|
|
+ for (i = 0; i < pattern.length; i++) {
|
|
|
+ q[pattern.charAt(i)] = 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ for (i = 0; i < pattern.length; i++) {
|
|
|
+ q[pattern.charAt(i)] |= 1 << pattern.length - i - 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ return q;
|
|
|
+ }(); // Compute and return the score for a match with e errors and x location.
|
|
|
+ // Accesses loc and pattern through being a closure.
|
|
|
+
|
|
|
+
|
|
|
+ function match_bitapScore_(e, x) {
|
|
|
+ var accuracy = e / pattern.length,
|
|
|
+ proximity = Math.abs(loc - x);
|
|
|
+
|
|
|
+ if (!Match_Distance) {
|
|
|
+ // Dodge divide by zero error.
|
|
|
+ return proximity ? 1.0 : accuracy;
|
|
|
+ }
|
|
|
+
|
|
|
+ return accuracy + proximity / Match_Distance;
|
|
|
+ }
|
|
|
+
|
|
|
+ var score_threshold = Match_Threshold,
|
|
|
+ // Highest score beyond which we give up.
|
|
|
+ best_loc = text.indexOf(pattern, loc); // Is there a nearby exact match? (speedup)
|
|
|
+
|
|
|
+ if (best_loc != -1) {
|
|
|
+ score_threshold = Math.min(match_bitapScore_(0, best_loc), score_threshold); // What about in the other direction? (speedup)
|
|
|
+
|
|
|
+ best_loc = text.lastIndexOf(pattern, loc + pattern.length);
|
|
|
+
|
|
|
+ if (best_loc != -1) {
|
|
|
+ score_threshold = Math.min(match_bitapScore_(0, best_loc), score_threshold);
|
|
|
+ }
|
|
|
+ } // Initialise the bit arrays.
|
|
|
+
|
|
|
+
|
|
|
+ var matchmask = 1 << pattern.length - 1;
|
|
|
+ best_loc = -1;
|
|
|
+ var bin_min, bin_mid;
|
|
|
+ var bin_max = pattern.length + text.length;
|
|
|
+ var last_rd;
|
|
|
+
|
|
|
+ for (var d = 0; d < pattern.length; d++) {
|
|
|
+ // Scan for the best match; each iteration allows for one more error.
|
|
|
+ // Run a binary search to determine how far from 'loc' we can stray at this
|
|
|
+ // error level.
|
|
|
+ bin_min = 0;
|
|
|
+ bin_mid = bin_max;
|
|
|
+
|
|
|
+ while (bin_min < bin_mid) {
|
|
|
+ if (match_bitapScore_(d, loc + bin_mid) <= score_threshold) {
|
|
|
+ bin_min = bin_mid;
|
|
|
+ } else {
|
|
|
+ bin_max = bin_mid;
|
|
|
+ }
|
|
|
+
|
|
|
+ bin_mid = Math.floor((bin_max - bin_min) / 2 + bin_min);
|
|
|
+ } // Use the result from this iteration as the maximum for the next.
|
|
|
+
|
|
|
+
|
|
|
+ bin_max = bin_mid;
|
|
|
+ var start = Math.max(1, loc - bin_mid + 1);
|
|
|
+ var finish = Math.min(loc + bin_mid, text.length) + pattern.length;
|
|
|
+ var rd = Array(finish + 2);
|
|
|
+ rd[finish + 1] = (1 << d) - 1;
|
|
|
+
|
|
|
+ for (var j = finish; j >= start; j--) {
|
|
|
+ // The alphabet (s) is a sparse hash, so the following line generates
|
|
|
+ // warnings.
|
|
|
+ var charMatch = s[text.charAt(j - 1)];
|
|
|
+
|
|
|
+ if (d === 0) {
|
|
|
+ // First pass: exact match.
|
|
|
+ rd[j] = (rd[j + 1] << 1 | 1) & charMatch;
|
|
|
+ } else {
|
|
|
+ // Subsequent passes: fuzzy match.
|
|
|
+ rd[j] = (rd[j + 1] << 1 | 1) & charMatch | ((last_rd[j + 1] | last_rd[j]) << 1 | 1) | last_rd[j + 1];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (rd[j] & matchmask) {
|
|
|
+ var score = match_bitapScore_(d, j - 1); // This match will almost certainly be better than any existing match.
|
|
|
+ // But check anyway.
|
|
|
+
|
|
|
+ if (score <= score_threshold) {
|
|
|
+ // Told you so.
|
|
|
+ score_threshold = score;
|
|
|
+ best_loc = j - 1;
|
|
|
+
|
|
|
+ if (best_loc > loc) {
|
|
|
+ // When passing loc, don't exceed our current distance from loc.
|
|
|
+ start = Math.max(1, 2 * loc - best_loc);
|
|
|
+ } else {
|
|
|
+ // Already passed loc, downhill from here on in.
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } // No hope for a (better) match at greater error levels.
|
|
|
+
|
|
|
+
|
|
|
+ if (match_bitapScore_(d + 1, loc) > score_threshold) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ last_rd = rd;
|
|
|
+ }
|
|
|
+
|
|
|
+ return best_loc < 0 ? false : true;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/get-attribute.js":
|
|
|
+/*!************************************!*\
|
|
|
+ !*** ./src/utils/get-attribute.js ***!
|
|
|
+ \************************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 11:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+/**
|
|
|
+ * A cross-browser implementation of getAttribute.
|
|
|
+ * Source found here: http://stackoverflow.com/a/3755343/361337 written by Vivin Paliath
|
|
|
+ *
|
|
|
+ * Return the value for `attr` at `element`.
|
|
|
+ *
|
|
|
+ * @param {Element} el
|
|
|
+ * @param {String} attr
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+module.exports = function (el, attr) {
|
|
|
+ var result = el.getAttribute && el.getAttribute(attr) || null;
|
|
|
+
|
|
|
+ if (!result) {
|
|
|
+ var attrs = el.attributes;
|
|
|
+ var length = attrs.length;
|
|
|
+
|
|
|
+ for (var i = 0; i < length; i++) {
|
|
|
+ if (attrs[i] !== undefined) {
|
|
|
+ if (attrs[i].nodeName === attr) {
|
|
|
+ result = attrs[i].nodeValue;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return result;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/get-by-class.js":
|
|
|
+/*!***********************************!*\
|
|
|
+ !*** ./src/utils/get-by-class.js ***!
|
|
|
+ \***********************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 53:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+/**
|
|
|
+ * A cross-browser implementation of getElementsByClass.
|
|
|
+ * Heavily based on Dustin Diaz's function: http://dustindiaz.com/getelementsbyclass.
|
|
|
+ *
|
|
|
+ * Find all elements with class `className` inside `container`.
|
|
|
+ * Use `single = true` to increase performance in older browsers
|
|
|
+ * when only one element is needed.
|
|
|
+ *
|
|
|
+ * @param {String} className
|
|
|
+ * @param {Element} container
|
|
|
+ * @param {Boolean} single
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+var getElementsByClassName = function getElementsByClassName(container, className, single) {
|
|
|
+ if (single) {
|
|
|
+ return container.getElementsByClassName(className)[0];
|
|
|
+ } else {
|
|
|
+ return container.getElementsByClassName(className);
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+var querySelector = function querySelector(container, className, single) {
|
|
|
+ className = '.' + className;
|
|
|
+
|
|
|
+ if (single) {
|
|
|
+ return container.querySelector(className);
|
|
|
+ } else {
|
|
|
+ return container.querySelectorAll(className);
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+var polyfill = function polyfill(container, className, single) {
|
|
|
+ var classElements = [],
|
|
|
+ tag = '*';
|
|
|
+ var els = container.getElementsByTagName(tag);
|
|
|
+ var elsLen = els.length;
|
|
|
+ var pattern = new RegExp('(^|\\s)' + className + '(\\s|$)');
|
|
|
+
|
|
|
+ for (var i = 0, j = 0; i < elsLen; i++) {
|
|
|
+ if (pattern.test(els[i].className)) {
|
|
|
+ if (single) {
|
|
|
+ return els[i];
|
|
|
+ } else {
|
|
|
+ classElements[j] = els[i];
|
|
|
+ j++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return classElements;
|
|
|
+};
|
|
|
+
|
|
|
+module.exports = function () {
|
|
|
+ return function (container, className, single, options) {
|
|
|
+ options = options || {};
|
|
|
+
|
|
|
+ if (options.test && options.getElementsByClassName || !options.test && document.getElementsByClassName) {
|
|
|
+ return getElementsByClassName(container, className, single);
|
|
|
+ } else if (options.test && options.querySelector || !options.test && document.querySelector) {
|
|
|
+ return querySelector(container, className, single);
|
|
|
+ } else {
|
|
|
+ return polyfill(container, className, single);
|
|
|
+ }
|
|
|
+ };
|
|
|
+}();
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/index-of.js":
|
|
|
+/*!*******************************!*\
|
|
|
+ !*** ./src/utils/index-of.js ***!
|
|
|
+ \*******************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 3:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+var indexOf = [].indexOf;
|
|
|
+
|
|
|
+module.exports = function (arr, obj) {
|
|
|
+ if (indexOf) return arr.indexOf(obj);
|
|
|
+
|
|
|
+ for (var i = 0, il = arr.length; i < il; ++i) {
|
|
|
+ if (arr[i] === obj) return i;
|
|
|
+ }
|
|
|
+
|
|
|
+ return -1;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/to-array.js":
|
|
|
+/*!*******************************!*\
|
|
|
+ !*** ./src/utils/to-array.js ***!
|
|
|
+ \*******************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 11:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+/**
|
|
|
+ * Source: https://github.com/timoxley/to-array
|
|
|
+ *
|
|
|
+ * Convert an array-like object into an `Array`.
|
|
|
+ * If `collection` is already an `Array`, then will return a clone of `collection`.
|
|
|
+ *
|
|
|
+ * @param {Array | Mixed} collection An `Array` or array-like object to convert e.g. `arguments` or `NodeList`
|
|
|
+ * @return {Array} Naive conversion of `collection` to a new `Array`.
|
|
|
+ * @api public
|
|
|
+ */
|
|
|
+module.exports = function toArray(collection) {
|
|
|
+ if (typeof collection === 'undefined') return [];
|
|
|
+ if (collection === null) return [null];
|
|
|
+ if (collection === window) return [window];
|
|
|
+ if (typeof collection === 'string') return [collection];
|
|
|
+ if (isArray(collection)) return collection;
|
|
|
+ if (typeof collection.length != 'number') return [collection];
|
|
|
+ if (typeof collection === 'function' && collection instanceof Function) return [collection];
|
|
|
+ var arr = [];
|
|
|
+
|
|
|
+ for (var i = 0, il = collection.length; i < il; i++) {
|
|
|
+ if (Object.prototype.hasOwnProperty.call(collection, i) || i in collection) {
|
|
|
+ arr.push(collection[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!arr.length) return [];
|
|
|
+ return arr;
|
|
|
+};
|
|
|
+
|
|
|
+function isArray(arr) {
|
|
|
+ return Object.prototype.toString.call(arr) === '[object Array]';
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./src/utils/to-string.js":
|
|
|
+/*!********************************!*\
|
|
|
+ !*** ./src/utils/to-string.js ***!
|
|
|
+ \********************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 1:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+module.exports = function (s) {
|
|
|
+ s = s === undefined ? '' : s;
|
|
|
+ s = s === null ? '' : s;
|
|
|
+ s = s.toString();
|
|
|
+ return s;
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ "./node_modules/string-natural-compare/natural-compare.js":
|
|
|
+/*!****************************************************************!*\
|
|
|
+ !*** ./node_modules/string-natural-compare/natural-compare.js ***!
|
|
|
+ \****************************************************************/
|
|
|
+/*! unknown exports (runtime-defined) */
|
|
|
+/*! runtime requirements: module */
|
|
|
+/*! CommonJS bailout: module.exports is used directly at 124:0-14 */
|
|
|
+/***/ (function(module) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+
|
|
|
+
|
|
|
+var alphabet;
|
|
|
+var alphabetIndexMap;
|
|
|
+var alphabetIndexMapLength = 0;
|
|
|
+
|
|
|
+function isNumberCode(code) {
|
|
|
+ return code >= 48 && code <= 57;
|
|
|
+}
|
|
|
+
|
|
|
+function naturalCompare(a, b) {
|
|
|
+ var lengthA = (a += '').length;
|
|
|
+ var lengthB = (b += '').length;
|
|
|
+ var aIndex = 0;
|
|
|
+ var bIndex = 0;
|
|
|
+
|
|
|
+ while (aIndex < lengthA && bIndex < lengthB) {
|
|
|
+ var charCodeA = a.charCodeAt(aIndex);
|
|
|
+ var charCodeB = b.charCodeAt(bIndex);
|
|
|
+
|
|
|
+ if (isNumberCode(charCodeA)) {
|
|
|
+ if (!isNumberCode(charCodeB)) {
|
|
|
+ return charCodeA - charCodeB;
|
|
|
+ }
|
|
|
+
|
|
|
+ var numStartA = aIndex;
|
|
|
+ var numStartB = bIndex;
|
|
|
+
|
|
|
+ while (charCodeA === 48 && ++numStartA < lengthA) {
|
|
|
+ charCodeA = a.charCodeAt(numStartA);
|
|
|
+ }
|
|
|
+ while (charCodeB === 48 && ++numStartB < lengthB) {
|
|
|
+ charCodeB = b.charCodeAt(numStartB);
|
|
|
+ }
|
|
|
+
|
|
|
+ var numEndA = numStartA;
|
|
|
+ var numEndB = numStartB;
|
|
|
+
|
|
|
+ while (numEndA < lengthA && isNumberCode(a.charCodeAt(numEndA))) {
|
|
|
+ ++numEndA;
|
|
|
+ }
|
|
|
+ while (numEndB < lengthB && isNumberCode(b.charCodeAt(numEndB))) {
|
|
|
+ ++numEndB;
|
|
|
+ }
|
|
|
+
|
|
|
+ var difference = numEndA - numStartA - numEndB + numStartB; // numA length - numB length
|
|
|
+ if (difference) {
|
|
|
+ return difference;
|
|
|
+ }
|
|
|
+
|
|
|
+ while (numStartA < numEndA) {
|
|
|
+ difference = a.charCodeAt(numStartA++) - b.charCodeAt(numStartB++);
|
|
|
+ if (difference) {
|
|
|
+ return difference;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ aIndex = numEndA;
|
|
|
+ bIndex = numEndB;
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (charCodeA !== charCodeB) {
|
|
|
+ if (
|
|
|
+ charCodeA < alphabetIndexMapLength &&
|
|
|
+ charCodeB < alphabetIndexMapLength &&
|
|
|
+ alphabetIndexMap[charCodeA] !== -1 &&
|
|
|
+ alphabetIndexMap[charCodeB] !== -1
|
|
|
+ ) {
|
|
|
+ return alphabetIndexMap[charCodeA] - alphabetIndexMap[charCodeB];
|
|
|
+ }
|
|
|
+
|
|
|
+ return charCodeA - charCodeB;
|
|
|
+ }
|
|
|
+
|
|
|
+ ++aIndex;
|
|
|
+ ++bIndex;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (aIndex >= lengthA && bIndex < lengthB && lengthA >= lengthB) {
|
|
|
+ return -1;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (bIndex >= lengthB && aIndex < lengthA && lengthB >= lengthA) {
|
|
|
+ return 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ return lengthA - lengthB;
|
|
|
+}
|
|
|
+
|
|
|
+naturalCompare.caseInsensitive = naturalCompare.i = function(a, b) {
|
|
|
+ return naturalCompare(('' + a).toLowerCase(), ('' + b).toLowerCase());
|
|
|
+};
|
|
|
+
|
|
|
+Object.defineProperties(naturalCompare, {
|
|
|
+ alphabet: {
|
|
|
+ get: function() {
|
|
|
+ return alphabet;
|
|
|
+ },
|
|
|
+
|
|
|
+ set: function(value) {
|
|
|
+ alphabet = value;
|
|
|
+ alphabetIndexMap = [];
|
|
|
+
|
|
|
+ var i = 0;
|
|
|
+
|
|
|
+ if (alphabet) {
|
|
|
+ for (; i < alphabet.length; i++) {
|
|
|
+ alphabetIndexMap[alphabet.charCodeAt(i)] = i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ alphabetIndexMapLength = alphabetIndexMap.length;
|
|
|
+
|
|
|
+ for (i = 0; i < alphabetIndexMapLength; i++) {
|
|
|
+ if (alphabetIndexMap[i] === undefined) {
|
|
|
+ alphabetIndexMap[i] = -1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+});
|
|
|
+
|
|
|
+module.exports = naturalCompare;
|
|
|
+
|
|
|
+
|
|
|
+/***/ })
|
|
|
+
|
|
|
+/******/ });
|
|
|
+/************************************************************************/
|
|
|
+/******/ // The module cache
|
|
|
+/******/ var __webpack_module_cache__ = {};
|
|
|
+/******/
|
|
|
+/******/ // The require function
|
|
|
+/******/ function __webpack_require__(moduleId) {
|
|
|
+/******/ // Check if module is in cache
|
|
|
+/******/ if(__webpack_module_cache__[moduleId]) {
|
|
|
+/******/ return __webpack_module_cache__[moduleId].exports;
|
|
|
+/******/ }
|
|
|
+/******/ // Create a new module (and put it into the cache)
|
|
|
+/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
|
+/******/ // no module.id needed
|
|
|
+/******/ // no module.loaded needed
|
|
|
+/******/ exports: {}
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // Execute the module function
|
|
|
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
|
+/******/
|
|
|
+/******/ // Return the exports of the module
|
|
|
+/******/ return module.exports;
|
|
|
+/******/ }
|
|
|
+/******/
|
|
|
+/************************************************************************/
|
|
|
+/******/ // module exports must be returned from runtime so entry inlining is disabled
|
|
|
+/******/ // startup
|
|
|
+/******/ // Load entry module and return exports
|
|
|
+/******/ return __webpack_require__("./src/index.js");
|
|
|
+/******/ })()
|
|
|
+;
|
|
|
+//# sourceMappingURL=list.js.map
|
lllllllillllllillll