// See the Pagy documentation: https://ddnexus.github.io/pagy/extras#javascript

function Pagy(){}

Pagy.version = '3.10.0';

Pagy.init = function(arg){
              var target   = arg instanceof Event || arg === undefined ? document : arg,
                  jsonTags = target.getElementsByClassName('pagy-json');
              if (target === document) { // reset resize-listeners on page load (#163)
                for (var id in Pagy.navResizeListeners) { window.removeEventListener('resize', Pagy.navResizeListeners[id], true) }
                Pagy.navResizeListeners = {};
              }
              for (var i = 0, len = jsonTags.length; i < len; i++) {
                var args = JSON.parse(jsonTags[i].innerHTML);
                Pagy[args.shift()].apply(null, args);
              }
            };

Pagy.nav = function(id, tags, sequels, param){
             var pagyEl    = document.getElementById(id),
                 lastWidth = undefined,
                 timeoutId = 0,
                 pageREg   = new RegExp(/__pagy_page__/g),
                 widths    = [],
                 rendering = function(){ clearTimeout(timeoutId); timeoutId = setTimeout(pagyEl.render, 150) };  // suppress rapid firing rendering

             for (var width in sequels) { widths.push(parseInt(width)) } // fine with sequels structure
             widths.sort(function(a, b){return b-a});

             pagyEl.render = function(){
                               if (this.parentElement.clientWidth === 0) { rendering() }
                               var width, i, len;
                               for (i = 0, len = widths.length; i < len; i++) {
                                 if (this.parentElement.clientWidth > widths[i]) { width = widths[i]; break }
                               }
                               if (width !== lastWidth) {
                                 var html   = tags.before,
                                     series = sequels[width];
                                 for (i = 0, len = series.length; i < len; i++) {
                                   var item = series[i];
                                   if (typeof(param) === 'string' && item === 1) { html += Pagy.trim(tags.link.replace(pageREg, item), param) }
                                   else if (typeof(item) === 'number') { html += tags.link.replace(pageREg, item) }
                                   else if (item === 'gap') { html += tags.gap }
                                   else if (typeof(item) === 'string') { html += tags.active.replace(pageREg, item) }
                                 }
                                 html += tags.after;
                                 this.innerHTML = '';
                                 this.insertAdjacentHTML('afterbegin', html);
                                 lastWidth = width;
                               }
                             }.bind(pagyEl);

             if (widths.length > 1) {
               // refresh the window resize listener (avoiding rendering multiple times)
               window.removeEventListener('resize', Pagy.navResizeListeners[id], true);   // needed for AJAX init
               window.addEventListener('resize', rendering, true);
               Pagy.navResizeListeners[id] = rendering;
             }
             pagyEl.render();
           };

Pagy.combo_nav = function(id, page, link, param){
                   var pagyEl = document.getElementById(id),
                       input  = pagyEl.getElementsByTagName('input')[0],
                       go     = function(){
                                  if (page !== input.value) {
                                    var html = link.replace(/__pagy_page__/, input.value);
                                    if (typeof(param) === 'string' && input.value === '1') { html = Pagy.trim(html, param) }
                                    pagyEl.insertAdjacentHTML('afterbegin', html);
                                    pagyEl.getElementsByTagName('a')[0].click();
                                  }
                                };
                   Pagy.addInputEventListeners(input, go);
                 };

Pagy.items_selector = function(id, from, link, param){
                        var pagyEl  = document.getElementById(id),
                            input   = pagyEl.getElementsByTagName('input')[0],
                            current = input.value,
                            go      = function(){
                                        var items = input.value;
                                        if (current !== items) {
                                          var page = Math.max(Math.ceil(from / items),1),
                                              html = link.replace(/__pagy_page__/, page).replace(/__pagy_items__/, items);
                                          if (typeof(param) === 'string' && page === 1){ html = Pagy.trim(html, param) }
                                          pagyEl.insertAdjacentHTML('afterbegin', html);
                                          pagyEl.getElementsByTagName('a')[0].click();
                                        }
                                      };
                        Pagy.addInputEventListeners(input, go);
                      };

Pagy.addInputEventListeners = function(input, handler){
                                // select the content on click: easier for typing a number
                                input.addEventListener('click', function(){ this.select() });
                                // go when the input looses focus
                                input.addEventListener('focusout', handler);
                                // … and when pressing enter inside the input
                                input.addEventListener('keyup', function(e){ if (e.which === 13) handler() }.bind(this));
                              };

Pagy.trim = function(html, param){
              var re = new RegExp('[?&]' + param + '=1\\b(?!&)|\\b' + param + '=1&');
              return html.replace(re, '');
            };