pagy 4.3.0 → 4.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 66ae2dcfec4f4aefaa0a2531b5abe5e0d18b92a835edf6549251c0073ce2f38f
-  data.tar.gz: 295ca05e50dc171da7c184d7d3e8dd9e3b7eaed1cf7387959471a3f758f6d169
+  metadata.gz: eaccfe046308ce3c557a15667281d10a5ba7e9764a172d89327ae6a0bcdabf36
+  data.tar.gz: 1645173e3c7f86034890f86d3a043a46068df6018111d439dc5be3ca4a4b5799
 SHA512:
-  metadata.gz: d96430c17d8936a27942e3da7c0fbcff4d80372afd1f99b7a0c12b4ed5eb694aa1921404d31b77889078dc0fc59b4bbc5bfb0e4a6c418f3ae50837436bc17262
-  data.tar.gz: d7349c4e47d8b33cdadea01168d8a122ef36c6283164cf895dbcf197aca0f07c44437abce7e7d72b29d358f4d95b80586157d5bd5eeb4515e32b7001031329b8
+  metadata.gz: 243dd49c86053bf02eec713e8d78dbba391c3c0f8f62858a9e9924e3328dc0a44b6718fd3dfd95260ffd41c5c0b7d24256ad11f44f46eeff414dcfd6b95c566f
+  data.tar.gz: c112e2f1f94337bea11c0707014fd7d98f8623844aabfc5ccdc8c0b0ff09cb0c9466801e7cf052ca9dfcb63f5767f98cbafe0b240a98ec7ba10d6fdc0f3f0683

data/lib/config/pagy.rb

@@ -1,10 +1,34 @@
 # frozen_string_literal: true
 
-# Pagy initializer file (4.3.0)
+# Pagy initializer file (4.7.0)
 # Customize only what you really need and notice that Pagy works also without any of the following lines.
 # Should you just cherry pick part of this file, please maintain the require-order of the extras
 
 
+# Pagy Variables
+# See https://ddnexus.github.io/pagy/api/pagy#variables
+# All the Pagy::VARS are set for all the Pagy instances but can be overridden
+# per instance by just passing them to Pagy.new or the #pagy controller method
+
+
+# Instance variables
+# See https://ddnexus.github.io/pagy/api/pagy#instance-variables
+# Pagy::VARS[:page]   = 1                                  # default
+# Pagy::VARS[:items]  = 20                                 # default
+# Pagy::VARS[:outset] = 0                                  # default
+
+
+# Other Variables
+# See https://ddnexus.github.io/pagy/api/pagy#other-variables
+# Pagy::VARS[:size]       = [1,4,4,1]                       # default
+# Pagy::VARS[:page_param] = :page                           # default
+# Pagy::VARS[:params]     = {}                              # default
+# Pagy::VARS[:fragment]   = '#fragment'                     # example
+# Pagy::VARS[:link_extra] = 'data-remote="true"'            # example
+# Pagy::VARS[:i18n_key]   = 'pagy.item_name'                # default
+# Pagy::VARS[:cycle]      = true                            # example
+
+
 # Extras
 # See https://ddnexus.github.io/pagy/extras
 
@@ -18,7 +42,6 @@
 # Countless extra: Paginate without any count, saving one query per rendering
 # See https://ddnexus.github.io/pagy/extras/countless
 # require 'pagy/extras/countless'
-# Pagy::VARS[:cycle] = false    # default
 
 # Elasticsearch Rails extra: Paginate `ElasticsearchRails::Results` objects
 # See https://ddnexus.github.io/pagy/extras/elasticsearch_rails
@@ -87,6 +110,8 @@
 # require 'pagy/extras/items'
 # Pagy::VARS[:items_param] = :items    # default
 # Pagy::VARS[:max_items]   = 100       # default
+# set to false if you want to make :enable_items_extra an opt-in variable
+# Pagy::VARS[:enable_items_extra] = false    # default true
 
 # Overflow extra: Allow for easy handling of overflowing pages
 # See https://ddnexus.github.io/pagy/extras/overflow
@@ -105,28 +130,8 @@
 # See https://ddnexus.github.io/pagy/extras/trim
 # require 'pagy/extras/trim'
 # after requiring it will trim by default
-# set to false if you want to make :trim an opt-in variable
-# Pagy::VARS[:trim] = true # default
-
-
-# Pagy Variables
-# See https://ddnexus.github.io/pagy/api/pagy#variables
-# All the Pagy::VARS are set for all the Pagy instances but can be overridden
-# per instance by just passing them to Pagy.new or the #pagy controller method
-
-
-# Instance variables
-# See https://ddnexus.github.io/pagy/api/pagy#instance-variables
-# Pagy::VARS[:items] = 20                                   # default
-
-
-# Other Variables
-# See https://ddnexus.github.io/pagy/api/pagy#other-variables
-# Pagy::VARS[:size]       = [1,4,4,1]                       # default
-# Pagy::VARS[:page_param] = :page                           # default
-# Pagy::VARS[:params]     = {}                              # default
-# Pagy::VARS[:anchor]     = '#anchor'                       # example
-# Pagy::VARS[:link_extra] = 'data-remote="true"'            # example
+# set to false if you want to make :enable_trim_extra an opt-in variable
+# Pagy::VARS[:enable_trim_extra] = false # default true
 
 
 # Rails

data/lib/javascripts/pagy.js

@@ -2,105 +2,116 @@
 
 function Pagy(){}
 
-Pagy.version = '4.3.0';
+Pagy.version = '4.7.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.delay = 100
 
-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
+Pagy.init =
+  function(arg) {
+    var target   = arg instanceof Event || arg === undefined ? document : arg,
+        elements = target.querySelectorAll('[data-pagy-json]')
+    for (var i = 0, len = elements.length; i < len; i++) {
+      var args  = JSON.parse(elements[i].getAttribute('data-pagy-json')),
+          fname = args.shift()
+      args.unshift(elements[i])
+      Pagy[fname].apply(null, args)
+    }
+  }
 
-             for (var width in sequels) { widths.push(parseInt(width)) } // fine with sequels structure
-             widths.sort(function(a, b){return b-a});
+Pagy.nav =
+  function(pagyEl, tags, sequels, trimParam) {
+    var lastWidth,
+        pageREg = new RegExp(/__pagy_page__/g),
+        widths  = []
+    for (var width in sequels) {
+      if (sequels.hasOwnProperty(width)) { widths.push(parseInt(width, 10)) }
+    }
+    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);
+    pagyEl.render =
+      function() {
+        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(trimParam) === 'string' && item === 1) { html += Pagy.trim(tags.link.replace(pageREg, item), trimParam) }
+            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)
+    pagyEl.render()
+ }
 
-             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(pagyEl, page, link, trimParam) {
+    var input  = pagyEl.getElementsByTagName('input')[0],
+        toPage =
+          function() {
+            if (page !== input.value) {
+              var html = link.replace(/__pagy_page__/, input.value)
+              if (typeof (trimParam) === 'string' && input.value === '1') { html = Pagy.trim(html, trimParam) }
+              pagyEl.insertAdjacentHTML('afterbegin', html)
+              pagyEl.getElementsByTagName('a')[0].click()
+            }
+          }
+    Pagy.addInputEventListeners(input, toPage)
+  }
 
-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(pagyEl, from, link, param) {
+    var input   = pagyEl.getElementsByTagName('input')[0],
+        current = input.value,
+        toPage  =
+          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, toPage)
+  }
 
-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, toPage) {
+    // select the content on click: easier for typing a number
+    input.addEventListener('click', function() { this.select() })
+    // toPage when the input looses focus
+    input.addEventListener('focusout', toPage)
+    // … and when pressing enter inside the input
+    input.addEventListener('keyup', function(e) { if (e.which === 13) {toPage()} }.bind(this))
+  }
 
-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, '')
+  }
 
-Pagy.trim = function(html, param){
-              var re = new RegExp('[?&]' + param + '=1\\b(?!&)|\\b' + param + '=1&');
-              return html.replace(re, '');
-            };
+Pagy.renderNavs =
+  function() {
+    var navs = document.getElementsByClassName('pagy-njs')  // 'pagy-njs' is common to all *nav_js helpers
+    for (var i = 0, len = navs.length; i < len; i++) { navs[i].render() }
+  }
+
+Pagy.waitForMe =
+  function() {
+    if (typeof(Pagy.tid) === 'number') { clearTimeout(Pagy.tid) }
+    Pagy.tid = setTimeout(Pagy.renderNavs, Pagy.delay)
+  }
+
+window.addEventListener('resize', Pagy.waitForMe, true)

data/lib/locales/bg.yml

@@ -17,6 +17,6 @@ bg:
       single_page: "Показани са <b>%{count}</b> %{item_name}"
       multiple_pages: "Показани са %{item_name} <b>%{from}-%{to}</b> от <b>%{count}</b> общо"
 
-    combo_nav_js: "Страница %{page_input} от %{pages}"
+    combo_nav_js: "<label>Страница %{page_input}</label> от %{pages}"
 
-    items_selector_js: "Покажи %{items_input} %{item_name} на страница"
+    items_selector_js: "<label>Покажи %{items_input} %{item_name} на страница</label>"

data/lib/locales/bs.yml

@@ -19,6 +19,6 @@ bs:
       single_page: "Prikazuje se <b>%{count}</b> %{item_name}"
       multiple_pages: "Prikaz %{item_name} <b>%{from}-%{to}</b> od <b>%{count}</b> ukupno"
 
-    combo_nav_js: "Stranica %{page_input} od %{pages}"
+    combo_nav_js: "<label>Stranica %{page_input}</label> od %{pages}"
 
-    items_selector_js: "Prikaži %{items_input} %{item_name} po stranici"
+    items_selector_js: "<label>Prikaži %{items_input} %{item_name} po stranici</label>"

data/lib/locales/ca.yml

@@ -17,6 +17,6 @@ ca:
       single_page: "Mostrant <b>%{count}</b> %{item_name}"
       multiple_pages: "Mostrant %{item_name} <b>%{from}-%{to}</b> de <b>%{count}</b> en total"
 
-    combo_nav_js: "Pàgina %{page_input} de %{pages}"
+    combo_nav_js: "<label>Pàgina %{page_input}</label> de %{pages}"
 
-    items_selector_js: "Mostra %{items_input} %{item_name} per pàgina"
+    items_selector_js: "<label>Mostra %{items_input} %{item_name} per pàgina</label>"

data/lib/locales/cs.yml

@@ -17,6 +17,6 @@ cs:
       single_page: "Zobrazeno <b>%{count}</b> %{item_name}"
       multiple_pages: "Zobrazeno %{item_name} <b>%{from}-%{to}</b> z <b>%{count}</b> celkem"
 
-    combo_nav_js: "Strana %{page_input} z %{pages}"
+    combo_nav_js: "<label>Strana %{page_input}</label> z %{pages}"
 
-    items_selector_js: "Zobrazit %{items_input} %{item_name} na stránce"
+    items_selector_js: "<label>Zobrazit %{items_input} %{item_name} na stránce</label>"

data/lib/locales/da.yml

@@ -17,6 +17,6 @@ da:
       single_page: "Viser <b>%{count}</b> %{item_name}"
       multiple_pages: "Viser %{item_name} <b>%{from}-%{to}</b> til <b>%{count}</b> totalt"
 
-    combo_nav_js: "Side %{page_input} of %{pages}"
+    combo_nav_js: "<label>Side %{page_input}</label> of %{pages}"
 
-    items_selector_js: "Antal %{items_input} %{item_name} per side"
+    items_selector_js: "<label>Antal %{items_input} %{item_name} per side</label>"

data/lib/locales/de.yml

@@ -17,6 +17,6 @@ de:
       single_page: "Zeige <b>%{count}</b> %{item_name}"
       multiple_pages: "Zeige %{item_name} <b>%{from}-%{to}</b> von <b>%{count}</b> gesamt"
 
-    combo_nav_js: "Seite %{page_input} von %{pages}"
+    combo_nav_js: "<label>Seite %{page_input}</label> von %{pages}"
 
-    items_selector_js: "Zeige %{items_input} %{item_name} pro Seite"
+    items_selector_js: "<label>Zeige %{items_input} %{item_name} pro Seite</label>"

data/lib/locales/en.yml

@@ -17,6 +17,6 @@ en:
       single_page: "Displaying <b>%{count}</b> %{item_name}"
       multiple_pages: "Displaying %{item_name} <b>%{from}-%{to}</b> of <b>%{count}</b> in total"
 
-    combo_nav_js: "Page %{page_input} of %{pages}"
+    combo_nav_js: "<label>Page %{page_input}</label> of %{pages}"
 
-    items_selector_js: "Show %{items_input} %{item_name} per page"
+    items_selector_js: "<label>Show %{items_input} %{item_name} per page</label>"

data/lib/locales/es.yml

@@ -17,6 +17,6 @@ es:
       single_page: "Mostrando %{count} %{item_name}"
       multiple_pages: "Mostrando %{item_name} %{from}-%{to} de %{count} en total"
 
-    combo_nav_js: "Página %{page_input} de %{pages}"
+    combo_nav_js: "<label>Página %{page_input}</label> de %{pages}"
 
-    items_selector_js: "Mostrar %{items_input} %{item_name} por página"
+    items_selector_js: "<label>Mostrar %{items_input} %{item_name} por página</label>"

data/lib/locales/fr.yml

@@ -17,6 +17,6 @@ fr:
       single_page: "Affichage de <b>%{count}</b> %{item_name}"
       multiple_pages: "Affichage des %{item_name} <b>%{from} à %{to}</b> sur <b>%{count}</b> au total"
 
-    combo_nav_js: "Page %{page_input} sur %{pages}"
+    combo_nav_js: "<label>Page %{page_input}</label> sur %{pages}"
 
-    items_selector_js: "Afficher %{items_input} %{item_name} par page"
+    items_selector_js: "<label>Afficher %{items_input} %{item_name} par page</label>"

data/lib/locales/hr.yml

@@ -19,6 +19,6 @@ hr:
       single_page: "Prikazuje se <b>%{count}</b> %{item_name}"
       multiple_pages: "Prikaz %{item_name} <b>%{from}-%{to}</b> od <b>%{count}</b> ukupno"
 
-    combo_nav_js: "Stranica %{page_input} od %{pages}"
+    combo_nav_js: "<label>Stranica %{page_input}</label> od %{pages}"
 
-    items_selector_js: "Prikaži %{items_input} %{item_name} po stranici"
+    items_selector_js: "<label>Prikaži %{items_input} %{item_name} po stranici</label>"

data/lib/locales/id.yml

@@ -15,6 +15,6 @@ id:
       single_page: "Menampilkan <b>%{count}</b> %{item_name}"
       multiple_pages: "Menampilkan %{item_name} <b>%{from}-%{to}</b> dari total <b>%{count}</b>"
 
-    combo_nav_js: "Halaman %{page_input} dari %{pages}"
+    combo_nav_js: "<label>Halaman %{page_input}</label> dari %{pages}"
 
-    items_selector_js: "Tampilkan %{items_input} %{item_name} per halaman"
+    items_selector_js: "<label>Tampilkan %{items_input} %{item_name} per halaman</label>"

data/lib/locales/it.yml

@@ -17,6 +17,6 @@ it:
       single_page: "Visualizzazione di <b>%{count}</b> %{item_name}"
       multiple_pages: "Visualizzazione %{item_name} <b>%{from}-%{to}</b> di <b>%{count}</b> in totale"
 
-    combo_nav_js: "Pagina %{page_input} di %{pages}"
+    combo_nav_js: "<label>Pagina %{page_input}</label> di %{pages}"
 
-    items_selector_js: "Mostra %{items_input} %{item_name} per pagina"
+    items_selector_js: "<label>Mostra %{items_input} %{item_name} per pagina</label>"

data/lib/locales/ja.yml

@@ -15,6 +15,6 @@ ja:
       single_page: "<b>%{count}</b> 件の%{item_name}"
       multiple_pages: "<b>%{count}</b> 件中 <b>%{from}-%{to}</b> 件目の%{item_name}を表示中"
 
-    combo_nav_js: "%{page_input} / %{pages} ページ"
+    combo_nav_js: "<label>%{page_input}</label> / %{pages} ページ"
 
-    items_selector_js: "%{items_input} 件ずつ表示"
+    items_selector_js: "<label>%{items_input} 件ずつ表示</label>"

data/lib/locales/km.yml

@@ -14,6 +14,6 @@ km:
       single_page: "បង្ហាញ <b>%{count}</b> %{item_name}"
       multiple_pages: "បង្ហាញ %{item_name} <b>%{from}-%{to}</b> នៃ <b>%{count}</b> ជាចំនួនសរុប"
 
-    combo_nav_js: "ទំព័រ %{page_input} នៃ %{pages}"
+    combo_nav_js: "<label>ទំព័រ %{page_input}</label> នៃ %{pages}"
 
-    items_selector_js: "បង្ហាញ %{items_input} %{item_name} ក្នុង ១ ទំព័រ"
+    items_selector_js: "<label>បង្ហាញ %{items_input} %{item_name} ក្នុង ១ ទំព័រ</label>"