@hpcc-js/other 3.4.10 → 3.4.11

package/src/Paginator.css

@@ -1,121 +1,121 @@
-.other_Paginator {
-  display: block;
-  position:absolute;
-  white-space: nowrap;
-}
-
-.other_Paginator .pagination {
-  display: inline-block;
-  white-space: nowrap;
-  margin: 0px;
-  padding: 0px;
-}
-
-.other_Paginator .pagination > li {
-  display: inline;
-}
-
-.other_Paginator input[type="number"].currentPageNumber {
-  border: 1px solid #ddd;
-  outline: 0 none;
-  position: relative;
-  width: 37px;
-  text-align: center;
-}
-
-.other_Paginator div.side {
-  padding-top: 5px;
-  padding-left: 8px;
-  vertical-align: top;
-}
-
-.other_Paginator span.side {
-  position: relative;
-  color: #337ab7;
-}
-
-.other_Paginator .pagination > li > a,
-.other_Paginator .pagination > div,
-.other_Paginator .pagination > li > span {
-  position: relative;
-  float: left;
-  padding: 6px 12px;
-  margin-left: -1px;
-  line-height: 1.42857143;
-  color: #337ab7;
-  text-decoration: none;
-  background-color: #fff;
-  border: 1px solid #ddd;
-}
-.other_Paginator .pagination > li:first-child > a,
-.other_Paginator .pagination > li:first-child > span {
-  margin-left: 0;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.other_Paginator .pagination > li:last-child > a,
-.other_Paginator .pagination > li:last-child > span {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.other_Paginator .pagination > li > a:hover,
-.other_Paginator .pagination > li > span:hover,
-.other_Paginator .pagination > li > a:focus,
-.other_Paginator .pagination > li > span:focus {
-  color: #23527c;
-  background-color: #eee;
-  border-color: #ddd;
-}
-.other_Paginator .pagination > .active > a,
-.other_Paginator .pagination > .active > span,
-.other_Paginator .pagination > .active > a:hover,
-.other_Paginator .pagination > .active > span:hover,
-.other_Paginator .pagination > .active > a:focus,
-.other_Paginator .pagination > .active > span:focus {
-  z-index: 2;
-  color: #fff;
-  cursor: default;
-  background-color: #337ab7;
-  border-color: #337ab7;
-}
-.other_Paginator .pagination > .disabled > span,
-.other_Paginator .pagination > .disabled > span:hover,
-.other_Paginator .pagination > .disabled > span:focus,
-.other_Paginator .pagination > .disabled > a,
-.other_Paginator .pagination > .disabled > a:hover,
-.other_Paginator .pagination > .disabled > a:focus {
-  color: #777;
-  cursor: not-allowed;
-  background-color: #fff;
-  border-color: #ddd;
-}
-.other_Paginator .pagination-lg > li > a,
-.other_Paginator .pagination-lg > li > span {
-  padding: 10px 16px;
-  font-size: 18px;
-}
-.other_Paginator .pagination-lg > li:first-child > a,
-.other_Paginator .pagination-lg > li:first-child > span {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.other_Paginator .pagination-lg > li:last-child > a,
-.other_Paginator .pagination-lg > li:last-child > span {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.other_Paginator .pagination-sm > li > a,
-.other_Paginator .pagination-sm > li > span {
-  padding: 5px 10px;
-  font-size: 12px;
-}
-.other_Paginator .pagination-sm > li:first-child > a,
-.other_Paginator .pagination-sm > li:first-child > span {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-.other_Paginator .pagination-sm > li:last-child > a,
-.other_Paginator .pagination-sm > li:last-child > span {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
+.other_Paginator {
+  display: block;
+  position:absolute;
+  white-space: nowrap;
+}
+
+.other_Paginator .pagination {
+  display: inline-block;
+  white-space: nowrap;
+  margin: 0px;
+  padding: 0px;
+}
+
+.other_Paginator .pagination > li {
+  display: inline;
+}
+
+.other_Paginator input[type="number"].currentPageNumber {
+  border: 1px solid #ddd;
+  outline: 0 none;
+  position: relative;
+  width: 37px;
+  text-align: center;
+}
+
+.other_Paginator div.side {
+  padding-top: 5px;
+  padding-left: 8px;
+  vertical-align: top;
+}
+
+.other_Paginator span.side {
+  position: relative;
+  color: #337ab7;
+}
+
+.other_Paginator .pagination > li > a,
+.other_Paginator .pagination > div,
+.other_Paginator .pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  margin-left: -1px;
+  line-height: 1.42857143;
+  color: #337ab7;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.other_Paginator .pagination > li:first-child > a,
+.other_Paginator .pagination > li:first-child > span {
+  margin-left: 0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.other_Paginator .pagination > li:last-child > a,
+.other_Paginator .pagination > li:last-child > span {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.other_Paginator .pagination > li > a:hover,
+.other_Paginator .pagination > li > span:hover,
+.other_Paginator .pagination > li > a:focus,
+.other_Paginator .pagination > li > span:focus {
+  color: #23527c;
+  background-color: #eee;
+  border-color: #ddd;
+}
+.other_Paginator .pagination > .active > a,
+.other_Paginator .pagination > .active > span,
+.other_Paginator .pagination > .active > a:hover,
+.other_Paginator .pagination > .active > span:hover,
+.other_Paginator .pagination > .active > a:focus,
+.other_Paginator .pagination > .active > span:focus {
+  z-index: 2;
+  color: #fff;
+  cursor: default;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.other_Paginator .pagination > .disabled > span,
+.other_Paginator .pagination > .disabled > span:hover,
+.other_Paginator .pagination > .disabled > span:focus,
+.other_Paginator .pagination > .disabled > a,
+.other_Paginator .pagination > .disabled > a:hover,
+.other_Paginator .pagination > .disabled > a:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+  border-color: #ddd;
+}
+.other_Paginator .pagination-lg > li > a,
+.other_Paginator .pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 18px;
+}
+.other_Paginator .pagination-lg > li:first-child > a,
+.other_Paginator .pagination-lg > li:first-child > span {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.other_Paginator .pagination-lg > li:last-child > a,
+.other_Paginator .pagination-lg > li:last-child > span {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.other_Paginator .pagination-sm > li > a,
+.other_Paginator .pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+}
+.other_Paginator .pagination-sm > li:first-child > a,
+.other_Paginator .pagination-sm > li:first-child > span {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.other_Paginator .pagination-sm > li:last-child > a,
+.other_Paginator .pagination-sm > li:last-child > span {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
 }

package/src/Paginator.ts

@@ -1,172 +1,172 @@
-import { d3Event, HTMLWidget, select as d3Select } from "@hpcc-js/common";
-
-import "../src/Paginator.css";
-
-export class Paginator extends HTMLWidget {
-    _tNumPages;
-    _numList;
-    paginator;
-    side;
-    _onSelect;
-
-    constructor() {
-        super();
-
-        this._tag = "div";
-
-        this._tNumPages = 1; // np
-
-        this._numList = []; // pn
-    }
-
-    postUpdate(domNode, element) { }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        const context = this;
-
-        this.paginator = element.append("ul").attr("class", "paginator pagination pagination-sm");
-        this.side = element.append("div").attr("class", "paginator pagination side");
-
-        this.side.append("span")
-            .classed("side", true)
-            .text("Page ")
-            ;
-
-        this.side.append("input")
-            .attr("type", "number")
-            .attr("class", "currentPageNumber")
-            .property("value", 1)
-            .attr("min", 1)
-            .on("change", function () {
-                context.pageNumber(this.value);
-                context._onSelect(this.value);
-            })
-            ;
-
-        this.side.append("span")
-            .classed("side total", true)
-            .text(" of 1")
-            ;
-    }
-
-    update(domNode, element) {
-        const context = this;
-        element
-            .style("bottom", this.bottom() + "px")
-            .style("right", this.right() + "px")
-            ;
-
-        this._tNumPages = Math.ceil(this.numItems() / this.itemsPerPage()) || 1;
-
-        if (this.pageNumber() > this._tNumPages) { this.pageNumber(1); }
-
-        this._numList = [];
-        if (this.numItems()) {
-            this._numList.push("first");
-            for (let x = -this.adjacentPages(); x <= this.adjacentPages(); x++) {
-                if (this.pageNumber() + x > 0 && this.pageNumber() + x <= this._tNumPages) {
-                    this._numList.push(this.pageNumber() + x);
-                }
-            }
-            this._numList.push("last");
-        }
-
-        this.side.select(".total").text(" of " + this._tNumPages);
-        this.side.select(".currentPageNumber").property("value", this.pageNumber());
-        this.side.select(".currentPageNumber").attr("max", this._tNumPages);
-
-        const page = this.paginator.selectAll("li").data(this._numList, function (d) { return d; });
-        page
-            .enter()
-            .append(function (d) {
-                const li = document.createElement("li");
-
-                if (d !== context.pageNumber()) {
-                    const a = document.createElement("a");
-                    const linkText = document.createTextNode(d);
-
-                    a.appendChild(linkText);
-                    a.href = "#";
-                    li.appendChild(a);
-
-                    return li;
-                } else {
-                    const span = document.createElement("span");
-                    span.innerHTML = d;
-
-                    li.appendChild(span);
-
-                    return li;
-                }
-            })
-            .on("click", function (d, i) {
-                d3Event().preventDefault();
-                context.side.select(".currentPageNumber").property("value", context.pageNumber());
-                switch (d) {
-                    case "first":
-                        if (context.pageNumber() !== 1) {
-                            context.pageNumber(1);
-                            context._onSelect(1, "previous");
-                        }
-                        break;
-                    case "last":
-                        if (context.pageNumber() !== context._tNumPages) {
-                            context.pageNumber(context._tNumPages);
-                            context._onSelect(context._tNumPages, "previous");
-                        }
-                        break;
-                    default:
-                        context.pageNumber(d);
-                        context._onSelect(d);
-                }
-            })
-            ;
-
-        page.classed("active", function (e, j) { return e === context.pageNumber(); })
-            .select("a")
-            .text(function (d) { return d; })
-            ;
-
-        page.exit().remove();
-        page.order();
-
-        if (this.numItems() === 0) {
-            d3Select(domNode).remove();
-        }
-    }
-
-    exit(domNode, element) {
-        super.exit(domNode, element);
-    }
-}
-Paginator.prototype._class += " other_Paginator";
-
-export interface Paginator {
-    itemsPerPage(): number;
-    itemsPerPage(_: number): this;
-    itemsPerPage_exists(): boolean;
-    numItems(): number;
-    numItems(_: number): this;
-    numItems_exists(): boolean;
-    pageNumber(): number;
-    pageNumber(_: number): this;
-    pageNumber_exists(): boolean;
-    adjacentPages(): number;
-    adjacentPages(_: number): this;
-    adjacentPages_exists(): boolean
-    bottom(): number;
-    bottom(_: number): this;
-    bottom_exists(): boolean;
-    right(): number;
-    right(_: number): this;
-    right_exists(): boolean;
-}
-
-Paginator.prototype.publish("itemsPerPage", 2, "number", "Pagination items per page", null, { tags: ["Private"] });
-
-Paginator.prototype.publish("numItems", 10, "number", "Pagination total number of items", null, { tags: ["Private"] });
-Paginator.prototype.publish("pageNumber", 1, "number", "Pagination set or get the page number", null, { tags: ["Private"] });
-Paginator.prototype.publish("adjacentPages", 2, "number", "Number of page indexes either side of current one", null, { tags: ["Private"] });
-Paginator.prototype.publish("bottom", 20, "number", "Pagination bottom offset", null, { tags: ["Private"] });
-Paginator.prototype.publish("right", 20, "number", "Pagination right offset", null, { tags: ["Private"] });
+import { d3Event, HTMLWidget, select as d3Select } from "@hpcc-js/common";
+
+import "../src/Paginator.css";
+
+export class Paginator extends HTMLWidget {
+    _tNumPages;
+    _numList;
+    paginator;
+    side;
+    _onSelect;
+
+    constructor() {
+        super();
+
+        this._tag = "div";
+
+        this._tNumPages = 1; // np
+
+        this._numList = []; // pn
+    }
+
+    postUpdate(domNode, element) { }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        const context = this;
+
+        this.paginator = element.append("ul").attr("class", "paginator pagination pagination-sm");
+        this.side = element.append("div").attr("class", "paginator pagination side");
+
+        this.side.append("span")
+            .classed("side", true)
+            .text("Page ")
+            ;
+
+        this.side.append("input")
+            .attr("type", "number")
+            .attr("class", "currentPageNumber")
+            .property("value", 1)
+            .attr("min", 1)
+            .on("change", function () {
+                context.pageNumber(this.value);
+                context._onSelect(this.value);
+            })
+            ;
+
+        this.side.append("span")
+            .classed("side total", true)
+            .text(" of 1")
+            ;
+    }
+
+    update(domNode, element) {
+        const context = this;
+        element
+            .style("bottom", this.bottom() + "px")
+            .style("right", this.right() + "px")
+            ;
+
+        this._tNumPages = Math.ceil(this.numItems() / this.itemsPerPage()) || 1;
+
+        if (this.pageNumber() > this._tNumPages) { this.pageNumber(1); }
+
+        this._numList = [];
+        if (this.numItems()) {
+            this._numList.push("first");
+            for (let x = -this.adjacentPages(); x <= this.adjacentPages(); x++) {
+                if (this.pageNumber() + x > 0 && this.pageNumber() + x <= this._tNumPages) {
+                    this._numList.push(this.pageNumber() + x);
+                }
+            }
+            this._numList.push("last");
+        }
+
+        this.side.select(".total").text(" of " + this._tNumPages);
+        this.side.select(".currentPageNumber").property("value", this.pageNumber());
+        this.side.select(".currentPageNumber").attr("max", this._tNumPages);
+
+        const page = this.paginator.selectAll("li").data(this._numList, function (d) { return d; });
+        page
+            .enter()
+            .append(function (d) {
+                const li = document.createElement("li");
+
+                if (d !== context.pageNumber()) {
+                    const a = document.createElement("a");
+                    const linkText = document.createTextNode(d);
+
+                    a.appendChild(linkText);
+                    a.href = "#";
+                    li.appendChild(a);
+
+                    return li;
+                } else {
+                    const span = document.createElement("span");
+                    span.innerHTML = d;
+
+                    li.appendChild(span);
+
+                    return li;
+                }
+            })
+            .on("click", function (d, i) {
+                d3Event().preventDefault();
+                context.side.select(".currentPageNumber").property("value", context.pageNumber());
+                switch (d) {
+                    case "first":
+                        if (context.pageNumber() !== 1) {
+                            context.pageNumber(1);
+                            context._onSelect(1, "previous");
+                        }
+                        break;
+                    case "last":
+                        if (context.pageNumber() !== context._tNumPages) {
+                            context.pageNumber(context._tNumPages);
+                            context._onSelect(context._tNumPages, "previous");
+                        }
+                        break;
+                    default:
+                        context.pageNumber(d);
+                        context._onSelect(d);
+                }
+            })
+            ;
+
+        page.classed("active", function (e, j) { return e === context.pageNumber(); })
+            .select("a")
+            .text(function (d) { return d; })
+            ;
+
+        page.exit().remove();
+        page.order();
+
+        if (this.numItems() === 0) {
+            d3Select(domNode).remove();
+        }
+    }
+
+    exit(domNode, element) {
+        super.exit(domNode, element);
+    }
+}
+Paginator.prototype._class += " other_Paginator";
+
+export interface Paginator {
+    itemsPerPage(): number;
+    itemsPerPage(_: number): this;
+    itemsPerPage_exists(): boolean;
+    numItems(): number;
+    numItems(_: number): this;
+    numItems_exists(): boolean;
+    pageNumber(): number;
+    pageNumber(_: number): this;
+    pageNumber_exists(): boolean;
+    adjacentPages(): number;
+    adjacentPages(_: number): this;
+    adjacentPages_exists(): boolean
+    bottom(): number;
+    bottom(_: number): this;
+    bottom_exists(): boolean;
+    right(): number;
+    right(_: number): this;
+    right_exists(): boolean;
+}
+
+Paginator.prototype.publish("itemsPerPage", 2, "number", "Pagination items per page", null, { tags: ["Private"] });
+
+Paginator.prototype.publish("numItems", 10, "number", "Pagination total number of items", null, { tags: ["Private"] });
+Paginator.prototype.publish("pageNumber", 1, "number", "Pagination set or get the page number", null, { tags: ["Private"] });
+Paginator.prototype.publish("adjacentPages", 2, "number", "Number of page indexes either side of current one", null, { tags: ["Private"] });
+Paginator.prototype.publish("bottom", 20, "number", "Pagination bottom offset", null, { tags: ["Private"] });
+Paginator.prototype.publish("right", 20, "number", "Pagination right offset", null, { tags: ["Private"] });