@ucd-lib/theme-elements 2.1.0 → 2.1.2

package/brand/ucd-theme-pagination/ucd-theme-pagination.js

@@ -140,6 +140,11 @@ export default class UcdThemePagination extends LitElement {
    * @returns {HTML}
    */
   _renderLink(page, args={}) {
+    if( this.ellipses && typeof page === 'object' ) {
+      args.label = args.label || page.label || '';
+      page = page.page || 1;
+    }
+
     if( page < 1 ) page = 1;
     if( page > this.maxPages ) page = this.maxPages;
 
@@ -211,11 +216,11 @@ export default class UcdThemePagination extends LitElement {
     if ((this.currentPage <= endIndex - 4) && (this.currentPage >= startIndex + 4)){
       for( let i = startIndex; i < endIndex; i++ ) {
         if(i == 0) pages.push(i+1);    
-        else if (i == (startIndex + 1)) pages.push("...");
+        else if (i == (startIndex + 1)) pages.push({ page: this.currentPage - 3, label: '...' });
         else if (i > (startIndex + 1) && i < this.currentPage - 3) continue; 
         else if (i >= (this.currentPage - 3) && i < (this.currentPage + 2)) pages.push(i+1);
         else if (i < 4 && i < this.currentPage + 2) continue; 
-        else if (i == (endIndex - 2)) pages.push("...");
+        else if (i == (endIndex - 2)) pages.push({ page: this.currentPage + 3, label: '...' });
         else if (i == endIndex - 1) pages.push(i+1);  
       }
     } //Middle ellipses
@@ -223,14 +228,14 @@ export default class UcdThemePagination extends LitElement {
       for( let i = startIndex; i < endIndex; i++ ) {
         if (i == 0) pages.push(i+1);
         else if(i > 0 && i < (endIndex - 6)) continue;
-        else if (i == (endIndex - 6)) pages.push("...");
+        else if (i == (endIndex - 6)) pages.push({ page: i+1, label: '...' });
         else pages.push(i+1);       
       }
     } //Left ellipses
     else if(this.currentPage <= endIndex - 4){
       for( let i = startIndex; i < endIndex; i++ ) {
         if(i < 6) pages.push(i+1);
-        else if (i == 6) pages.push("...");
+        else if (i == 6) pages.push({ page: i+1, label: '...' });
         else if (i > 6 && i < (endIndex - 2)) continue; 
         else if (i == endIndex - 1) pages.push(i+1);  
       }

package/brand/ucd-theme-search-form/ucd-theme-search-form.tpl.js

@@ -16,7 +16,11 @@ export function styles() {
     }
     .search-form__submit {
       line-height: 1.9;
-      text-indent: .2em;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      letter-spacing: normal;
+      text-indent: inherit;
     }
   `;
   return [
@@ -45,8 +49,7 @@ return html`
     name=${this.queryParam} 
     @input="${this._onInput}"
     value="${this.value}">
-  <button type="submit" class="search-form__submit">&#xf002; Submit
-  </button>
+  <button type="submit" class="search-form__submit">&#xf002;</button>
 
 </form>
 `;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucd-lib/theme-elements",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Custom elements for the UCD brand theme",
   "main": "index.js",
   "scripts": {