@itfin/components 1.0.54 → 1.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.0.54",
+  "version": "1.0.55",
 
   "main": "dist/itfin-components.umd.js",
   "unpkg": "dist/itfin-components.common.js",

package/src/components/button/Button.vue

@@ -163,7 +163,7 @@ class itfButton extends Vue {
   @Prop(String) target;
 
   get isLink() {
-    return this.to || this.href;
+    return this.href || this.to;
   }
 }
 </script>

package/src/components/pagination/Pagination.vue

@@ -3,7 +3,7 @@
   <nav aria-label="Page navigation example">
     <ul class="pagination itf-pagination">
       <li
-        v-for="(page, n) in pages"
+        v-for="(page, n) in pagesArr"
         :key="n"
         class="page-item"
         :class="{'active': page.current, 'disabled': !page.active && !page.current }"
@@ -57,6 +57,7 @@ class itfPagination extends Vue {
   @Model('input') value;
   @Prop({ type: [String, Number], default: 0 }) length;
   @Prop({ type: [String, Number], default: 20 }) size;
+  @Prop({ type: [String, Number] }) pages;
   @Prop({ type: [String, Number], default: MIN_PAGES_BLOCKS }) minBlocks;
   @Prop({ type: [String, Number], default: MAX_PAGES_BLOCKS }) maxBlocks;
 
@@ -64,7 +65,7 @@ class itfPagination extends Vue {
     this.$emit('input', page);
   }
 
-  get pages () {
+  get pagesArr () {
     const pageSize = Number(this.size);
     const totalItems = Number(this.length);
     const currentPage = this.value;
@@ -73,7 +74,7 @@ class itfPagination extends Vue {
     const minBlocks = Number(this.minBlocks);
 
     const pages = [];
-    const numPages = Math.ceil(totalItems / pageSize);
+    const numPages = this.pages ? Number(this.pages) : Math.ceil(totalItems / pageSize);
 
     if (numPages > 1) {
       pages.push({