cruddle - npm Package Compare versions

Comparing version 0.9.1 to 0.10.0

CHANGELOG.md

@@ -0,1 +1,5 @@
+# 0.10.0
+
+* Add `setItemsPerPage` to list component
+
 # 0.9.1
@@ -2,0 +6,0 @@

dist/components/list.d.ts

@@ -77,2 +77,10 @@ import { OnInit, EventEmitter } from '@angular/core';
     /**
+     * Sets the number of items to display per page.
+     * This will do nothing if paging information has not been provided.
+     *
+     * @param itemsPerPage The number of items to display on a page. Must be at least 1.
+     * @param refresh Whether or not to refresh the list after. Defaults to true.
+     */
+    setItemsPerPage(itemsPerPage: number, refresh?: boolean): void;
+    /**
      * Set the current view mode of the list.
@@ -79,0 +87,0 @@ *

dist/components/list.js

@@ -185,2 +185,19 @@ "use strict";
     /**
+     * Sets the number of items to display per page.
+     * This will do nothing if paging information has not been provided.
+     *
+     * @param itemsPerPage The number of items to display on a page. Must be at least 1.
+     * @param refresh Whether or not to refresh the list after. Defaults to true.
+     */
+    ListComponent.prototype.setItemsPerPage = function (itemsPerPage, refresh) {
+        if (refresh === void 0) { refresh = true; }
+        if (this.hasPaging()) {
+            var paging = this.state.paging;
+            paging.itemsPerPage = Math.max(itemsPerPage, 1);
+        }
+        if (refresh) {
+            this.refresh();
+        }
+    };
+    /**
      * Set the current view mode of the list.
@@ -187,0 +204,0 @@ *

dist/components/list.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"cruddle-list","template":"\n    <div class=\"cruddle-list\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"def":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnInit":[{"__symbolic":"method"}],"clearSorting":[{"__symbolic":"method"}],"clearFiltering":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}],"hasPaging":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"setMode":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"cruddle-list","template":"\n    <div class=\"cruddle-list\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"def":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnInit":[{"__symbolic":"method"}],"clearSorting":[{"__symbolic":"method"}],"clearFiltering":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}],"hasPaging":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"setMode":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"cruddle-list","template":"\n    <div class=\"cruddle-list\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"def":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnInit":[{"__symbolic":"method"}],"clearSorting":[{"__symbolic":"method"}],"clearFiltering":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}],"hasPaging":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"setItemsPerPage":[{"__symbolic":"method"}],"setMode":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"cruddle-list","template":"\n    <div class=\"cruddle-list\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"def":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnInit":[{"__symbolic":"method"}],"clearSorting":[{"__symbolic":"method"}],"clearFiltering":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}],"hasPaging":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"setItemsPerPage":[{"__symbolic":"method"}],"setMode":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "cruddle",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "bugs": "https://github.com/creativecuriositystudio/cruddle/issues",

src/components/list.ts

@@ -165,2 +165,21 @@ import * as _ from 'lodash';
   /**
+   * Sets the number of items to display per page.
+   * This will do nothing if paging information has not been provided.
+   *
+   * @param itemsPerPage The number of items to display on a page. Must be at least 1.
+   * @param refresh Whether or not to refresh the list after. Defaults to true.
+   */
+  setItemsPerPage(itemsPerPage: number, refresh: boolean = true) {
+    if (this.hasPaging()) {
+      let paging = this.state.paging;
+
+      paging.itemsPerPage = Math.max(itemsPerPage, 1);
+    }
+
+    if (refresh) {
+      this.refresh();
+    }
+  }
+
+  /**
    * Set the current view mode of the list.
@@ -167,0 +186,0 @@ *

No alert changes

Improved metrics

Total package byte prevSize

419979

increased by0.5%

Lines of code

3596

increased by1.15%

No dependency changes