@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/collection/components/molecules/pagination/pagination.component.js

@@ -1,267 +1,277 @@
 import { h, Host, } from "@stencil/core";
 export class Pagination {
-  constructor() {
-    this._pages = [];
-    this._set = [];
-    this._nextClick = () => {
-      const nextPage = this.page + 1;
-      if (nextPage > this._pages[this._pages.length - 1]) {
-        return;
-      }
-      this._changePage(nextPage);
+    constructor() {
+        this.page = 1;
+        this.pageSize = 12;
+        this.hideOnSinglePage = false;
+        this.total = undefined;
+    }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    _pages = [];
+    _set = [];
+    componentWillRender() {
+        this._generate();
+    }
+    render() {
+        return (h(Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+            if (p.type === 'previous' || p.type === 'next') {
+                return (h("p-pagination-item", { onClick: () => p.type === 'previous'
+                        ? this._previousClick()
+                        : this._nextClick() }, p.value));
+            }
+            if (p.type === 'ellipsis') {
+                return h("p-pagination-item", null, "...");
+            }
+            return (h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
+        })));
+    }
+    pageChangeHandler() {
+        this._generate();
+    }
+    _generate() {
+        this._pages = this._generatePages();
+        this._set = this._generateSet();
+        if (this.page > this._pages?.length) {
+            this._changePage(this._pages.length);
+        }
+    }
+    _changePage(p) {
+        if (!p) {
+            return;
+        }
+        this.page = p;
+        this.pageChange.emit(this.page);
+    }
+    _previousClick() {
+        const previousPage = this.page - 1;
+        if (previousPage < this._pages[0]) {
+            return;
+        }
+        this._changePage(previousPage);
+    }
+    _nextClick = () => {
+        const nextPage = this.page + 1;
+        if (nextPage > this._pages[this._pages.length - 1]) {
+            return;
+        }
+        this._changePage(nextPage);
     };
-    this._pageClick = (p) => this._changePage(p);
-    this._generateSet = (range = 1, enableBoundaries = true) => {
-      const totalPages = this._pages.length;
-      if (!totalPages) {
-        return [];
-      }
-      let start = this.page - range;
-      let end = this.page + range;
-      if (end > totalPages) {
-        end = totalPages;
-        start = totalPages - range * 2;
-        start = start < 1 ? 1 : start;
-      }
-      if (start <= 1) {
-        start = 1;
-        end = Math.min(range * 2 + 1, totalPages);
-      }
-      const set = [];
-      const previous = {
-        type: 'previous',
-        value: (h("p-icon", { variant: 'caret', rotate: 90 })),
-      };
-      const next = {
-        type: 'next',
-        value: (h("p-icon", { variant: 'caret', rotate: -90 })),
-      };
-      // Disable page range, display all the pages
-      if (range === null) {
-        const p = this._pages.map(p => ({
-          type: 'page',
-          value: p,
-        }));
-        return enableBoundaries ? [previous, ...p, next] : p;
-      }
-      if (enableBoundaries) {
-        set.push(previous);
-      }
-      if (start <= 3) {
-        for (let i = 1; i < start; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
+    _pageClick = (p) => this._changePage(p);
+    _generatePages() {
+        if (!this.total || !this.pageSize) {
+            return [];
+        }
+        const pages = Math.ceil(this.total / this.pageSize);
+        return new Array(pages).fill(undefined).map((_, i) => i + 1);
+    }
+    _generateSet = (range = 1, enableBoundaries = true) => {
+        const totalPages = this._pages.length;
+        if (!totalPages) {
+            return [];
+        }
+        let start = this.page - range;
+        let end = this.page + range;
+        if (end > totalPages) {
+            end = totalPages;
+            start = totalPages - range * 2;
+            start = start < 1 ? 1 : start;
         }
-      }
-      else {
-        set.push({
-          type: 'page',
-          value: 1,
-        });
-        set.push({
-          type: 'ellipsis',
-          value: 'ellipsis',
-        });
-      }
-      for (let i = start; i <= end; i++) {
-        set.push({
-          type: 'page',
-          value: this._pages[i - 1],
-        });
-      }
-      if (end >= totalPages - 2) {
-        for (let i = end + 1; i <= totalPages; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
+        if (start <= 1) {
+            start = 1;
+            end = Math.min(range * 2 + 1, totalPages);
         }
-      }
-      else {
-        set.push({
-          type: 'ellipsis',
-        });
-        set.push({
-          type: 'page',
-          value: this._pages[this._pages.length - 1],
-        });
-      }
-      if (enableBoundaries) {
-        set.push(next);
-      }
-      return set;
+        const set = [];
+        const previous = {
+            type: 'previous',
+            value: (h("p-icon", { variant: 'caret', rotate: 90 })),
+        };
+        const next = {
+            type: 'next',
+            value: (h("p-icon", { variant: 'caret', rotate: -90 })),
+        };
+        // Disable page range, display all the pages
+        if (range === null) {
+            const p = this._pages.map(p => ({
+                type: 'page',
+                value: p,
+            }));
+            return enableBoundaries ? [previous, ...p, next] : p;
+        }
+        if (enableBoundaries) {
+            set.push(previous);
+        }
+        if (start <= 3) {
+            for (let i = 1; i < start; i++) {
+                set.push({
+                    type: 'page',
+                    value: this._pages[i - 1],
+                });
+            }
+        }
+        else {
+            set.push({
+                type: 'page',
+                value: 1,
+            });
+            set.push({
+                type: 'ellipsis',
+                value: 'ellipsis',
+            });
+        }
+        for (let i = start; i <= end; i++) {
+            set.push({
+                type: 'page',
+                value: this._pages[i - 1],
+            });
+        }
+        if (end >= totalPages - 2) {
+            for (let i = end + 1; i <= totalPages; i++) {
+                set.push({
+                    type: 'page',
+                    value: this._pages[i - 1],
+                });
+            }
+        }
+        else {
+            set.push({
+                type: 'ellipsis',
+            });
+            set.push({
+                type: 'page',
+                value: this._pages[this._pages.length - 1],
+            });
+        }
+        if (enableBoundaries) {
+            set.push(next);
+        }
+        return set;
     };
-    this.page = 1;
-    this.pageSize = 12;
-    this.hideOnSinglePage = false;
-    this.total = undefined;
-  }
-  componentWillRender() {
-    this._generate();
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, { class: `p-pagination ${this.hideOnSinglePage && ((_a = this._set) === null || _a === void 0 ? void 0 : _a.length) === 3 && 'hidden'}` }, (_b = this._set) === null || _b === void 0 ? void 0 : _b.map(p => {
-      if (p.type === 'previous' || p.type === 'next') {
-        return (h("p-pagination-item", { onClick: () => p.type === 'previous'
-            ? this._previousClick()
-            : this._nextClick() }, p.value));
-      }
-      if (p.type === 'ellipsis') {
-        return h("p-pagination-item", null, "...");
-      }
-      return (h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
-    })));
-  }
-  pageChangeHandler() {
-    this._generate();
-  }
-  _generate() {
-    var _a;
-    this._pages = this._generatePages();
-    this._set = this._generateSet();
-    if (this.page > ((_a = this._pages) === null || _a === void 0 ? void 0 : _a.length)) {
-      this._changePage(this._pages.length);
+    static get is() { return "p-pagination"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pagination.component.scss"]
+        };
     }
-  }
-  _changePage(p) {
-    if (!p) {
-      return;
+    static get styleUrls() {
+        return {
+            "$": ["pagination.component.css"]
+        };
     }
-    this.page = p;
-    this.pageChange.emit(this.page);
-  }
-  _previousClick() {
-    const previousPage = this.page - 1;
-    if (previousPage < this._pages[0]) {
-      return;
+    static get properties() {
+        return {
+            "page": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The current page"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "page",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "pageSize": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The amount of items per page"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "page-size",
+                "reflect": false,
+                "defaultValue": "12"
+            },
+            "hideOnSinglePage": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to hide when there is only 1 page available"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "hide-on-single-page",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "total": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The total amount of items"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "total",
+                "reflect": false
+            }
+        };
     }
-    this._changePage(previousPage);
-  }
-  _generatePages() {
-    if (!this.total || !this.pageSize) {
-      return [];
+    static get events() {
+        return [{
+                "method": "pageChange",
+                "name": "pageChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event whenever the page changes"
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "page",
+                "methodName": "pageChangeHandler"
+            }, {
+                "propName": "pageSize",
+                "methodName": "pageChangeHandler"
+            }, {
+                "propName": "total",
+                "methodName": "pageChangeHandler"
+            }];
     }
-    const pages = Math.ceil(this.total / this.pageSize);
-    return new Array(pages).fill(undefined).map((_, i) => i + 1);
-  }
-  static get is() { return "p-pagination"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pagination.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pagination.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "page": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The current page"
-        },
-        "attribute": "page",
-        "reflect": true,
-        "defaultValue": "1"
-      },
-      "pageSize": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The amount of items per page"
-        },
-        "attribute": "page-size",
-        "reflect": false,
-        "defaultValue": "12"
-      },
-      "hideOnSinglePage": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to hide when there is only 1 page available"
-        },
-        "attribute": "hide-on-single-page",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "total": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The total amount of items"
-        },
-        "attribute": "total",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "pageChange",
-        "name": "pageChange",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event whenever the page changes"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }];
-  }
-  static get watchers() {
-    return [{
-        "propName": "page",
-        "methodName": "pageChangeHandler"
-      }, {
-        "propName": "pageSize",
-        "methodName": "pageChangeHandler"
-      }, {
-        "propName": "total",
-        "methodName": "pageChangeHandler"
-      }];
-  }
 }
 //# sourceMappingURL=pagination.component.js.map

package/dist/collection/components/molecules/pagination/pagination.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/pagination/pagination.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-pagination ${\n\t\t\t\t\tthis.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn <p-pagination-item>...</p-pagination-item>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tconst previousPage = this.page - 1;\n\t\tif (previousPage < this._pages[0]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(previousPage);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tconst nextPage = this.page + 1;\n\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(nextPage);\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"]}
+{"version":3,"file":"pagination.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/pagination/pagination.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-pagination ${\n\t\t\t\t\tthis.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn <p-pagination-item>...</p-pagination-item>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tconst previousPage = this.page - 1;\n\t\tif (previousPage < this._pages[0]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(previousPage);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tconst nextPage = this.page + 1;\n\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(nextPage);\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"]}

package/dist/collection/components/molecules/profile/profile.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\:shadow-2:hover{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
+*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}