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

package/dist/components/pagination.component.js

@@ -3,196 +3,199 @@ import { d as defineCustomElement$2 } from './icon.component.js';
 import { d as defineCustomElement$1 } from './pagination-item.component.js';
 
 const paginationComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";
+const PPaginationStyle0 = paginationComponentCss;
 
 const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.pageChange = createEvent(this, "pageChange", 3);
-    this._pages = [];
-    this._set = [];
-    this._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],
-          });
-        }
-      }
-      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);
+    constructor() {
+        super();
+        this.__registerHost();
+        this.pageChange = createEvent(this, "pageChange", 3);
+        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;
+    _changePage(p) {
+        if (!p) {
+            return;
+        }
+        this.page = p;
+        this.pageChange.emit(this.page);
     }
-    this.page = p;
-    this.pageChange.emit(this.page);
-  }
-  _previousClick() {
-    const previousPage = this.page - 1;
-    if (previousPage < this._pages[0]) {
-      return;
+    _previousClick() {
+        const previousPage = this.page - 1;
+        if (previousPage < this._pages[0]) {
+            return;
+        }
+        this._changePage(previousPage);
     }
-    this._changePage(previousPage);
-  }
-  _generatePages() {
-    if (!this.total || !this.pageSize) {
-      return [];
+    _nextClick = () => {
+        const nextPage = this.page + 1;
+        if (nextPage > this._pages[this._pages.length - 1]) {
+            return;
+        }
+        this._changePage(nextPage);
+    };
+    _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);
     }
-    const pages = Math.ceil(this.total / this.pageSize);
-    return new Array(pages).fill(undefined).map((_, i) => i + 1);
-  }
-  static get watchers() { return {
-    "page": ["pageChangeHandler"],
-    "pageSize": ["pageChangeHandler"],
-    "total": ["pageChangeHandler"]
-  }; }
-  static get style() { return paginationComponentCss; }
+    _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],
+                });
+            }
+        }
+        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;
+    };
+    static get watchers() { return {
+        "page": ["pageChangeHandler"],
+        "pageSize": ["pageChangeHandler"],
+        "total": ["pageChangeHandler"]
+    }; }
+    static get style() { return PPaginationStyle0; }
 }, [0, "p-pagination", {
-    "page": [1538],
-    "pageSize": [2, "page-size"],
-    "hideOnSinglePage": [4, "hide-on-single-page"],
-    "total": [2]
-  }, undefined, {
-    "page": ["pageChangeHandler"],
-    "pageSize": ["pageChangeHandler"],
-    "total": ["pageChangeHandler"]
-  }]);
+        "page": [1538],
+        "pageSize": [2, "page-size"],
+        "hideOnSinglePage": [4, "hide-on-single-page"],
+        "total": [2]
+    }, undefined, {
+        "page": ["pageChangeHandler"],
+        "pageSize": ["pageChangeHandler"],
+        "total": ["pageChangeHandler"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-pagination", "p-icon", "p-pagination-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-pagination":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Pagination);
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "p-pagination-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-pagination", "p-icon", "p-pagination-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-pagination":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Pagination);
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-pagination-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { Pagination as P, defineCustomElement as d };

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

@@ -1 +1 @@
-{"file":"pagination.component.js","mappings":"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","names":[],"sources":["src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx"],"sourcesContent":["p-pagination {\n\t@apply flex;\n}\n","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","mappings":"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","names":[],"sources":["src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx"],"sourcesContent":["p-pagination {\n\t@apply flex;\n}\n","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}

package/dist/components/portal.component.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const Portal = /*@__PURE__*/ proxyCustomElement(class Portal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    get _el() { return this; }
+    _moved = false;
+    createPortal() {
+        document.body.append(this._el);
+    }
+    componentDidLoad() {
+        this.createPortal();
+    }
+    disconnectedCallback() {
+        this._moved ? this._el.remove() : (this._moved = true);
+    }
+    render() {
+        return (h(Host, { key: '04f9a6ddfe5756fff19f51575ed4869d85c756d5' }, h("slot", { key: 'ad0bd91e83e2b35f2bdb10ed17a1d77be095782d' })));
+    }
+}, [4, "p-portal"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-portal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-portal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Portal);
+            }
+            break;
+    } });
+}
+
+export { Portal as P, defineCustomElement as d };
+
+//# sourceMappingURL=portal.component.js.map

package/dist/components/portal.component.js.map

@@ -0,0 +1 @@
+{"file":"portal.component.js","mappings":";;MAKa,MAAM;;;;;;IAMV,MAAM,GAAY,KAAK,CAAC;IAExB,YAAY;QACnB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC/B;IAED,gBAAgB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;KACpB;IAED,oBAAoB;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KACvD;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/portal/portal.component.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-portal',\n})\nexport class Portal {\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tprivate _moved: boolean = false;\n\n\tprivate createPortal() {\n\t\tdocument.body.append(this._el);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.createPortal();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._moved ? this._el.remove() : (this._moved = true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/screens.js

@@ -1,48 +1,48 @@
 const tableColumSizesOptions = [
-  'default',
-  'tablet',
-  'desktop-xs',
-  'desktop-sm',
-  'desktop',
-  'desktop-lg',
-  'desktop-xl',
+    'default',
+    'tablet',
+    'desktop-xs',
+    'desktop-sm',
+    'desktop',
+    'desktop-lg',
+    'desktop-xl',
 ];
 
 const screens = {
-  tablet: '40rem',
-  'desktop-xs': '64rem',
-  'desktop-sm': '80rem',
-  desktop: '85.375rem',
-  'desktop-lg': '90rem',
-  'desktop-xl': '120rem',
-  // layout sizes
-  'layout-1280': '80rem',
-  'layout-1440': '90rem',
-  'layout-1536': '96rem',
-  'layout-1680': '105rem',
-  'layout-1920': '120rem',
-  'layout-2560': '160rem',
+    tablet: '40rem', // 640 px
+    'desktop-xs': '64rem', // 1024 px
+    'desktop-sm': '80rem', // 1360 px
+    desktop: '85.375rem', // 1366
+    'desktop-lg': '90rem', // 1440
+    'desktop-xl': '120rem', // 1920
+    // layout sizes
+    'layout-1280': '80rem',
+    'layout-1440': '90rem',
+    'layout-1536': '96rem',
+    'layout-1680': '105rem',
+    'layout-1920': '120rem',
+    'layout-2560': '160rem',
 };
 
 const getScreenSize = (size) => screens[size];
 const getScreenSizeInRem = (size) => {
-  const screen = getScreenSize(size);
-  return parseInt(screen.replace('rem', ''), 10);
+    const screen = getScreenSize(size);
+    return parseInt(screen.replace('rem', ''), 10);
 };
 const getScreenSizeInPixels = (size) => {
-  const rem = getScreenSizeInRem(size);
-  return rem * 16;
+    const rem = getScreenSizeInRem(size);
+    return rem * 16;
 };
 const isBiggerThanScreen = (size) => {
-  const pixels = getScreenSizeInPixels(size);
-  return window.innerWidth > pixels;
+    const pixels = getScreenSizeInPixels(size);
+    return window.innerWidth > pixels;
 };
 const isSmallerThanScreen = (size) => {
-  const pixels = getScreenSizeInPixels(size);
-  return window.innerWidth < pixels;
+    const pixels = getScreenSizeInPixels(size);
+    return window.innerWidth < pixels;
 };
 const isBetweenScreens = (smallSize, bigSize) => {
-  return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
+    return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
 };
 const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
 const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');

package/dist/components/screens.js.map

@@ -1 +1 @@
-{"file":"screens.js","mappings":"MAEa,sBAAsB,GAAG;EACrC,SAAS;EACT,QAAQ;EACR,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,YAAY;;;ACTb,gBAAe;EACd,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,OAAO;EACrB,OAAO,EAAE,WAAW;EACpB,YAAY,EAAE,OAAO;EACrB,YAAY,EAAE,QAAQ;;EAGtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,OAAO;EACtB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;CACvB;;MCXY,aAAa,GAAG,CAAC,IAAgB,KAAK,OAAO,CAAC,IAAI,EAAE;MAEpD,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;EACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAChD,EAAE;MAEW,qBAAqB,GAAG,CAAC,IAAgB;EACrD,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrC,OAAO,GAAG,GAAG,EAAE,CAAC;AACjB,EAAE;MAEW,kBAAkB,GAAG,CAAC,IAAgB;EAClD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,mBAAmB,GAAG,CAAC,IAAgB;EACnD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;EAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,gBAAgB,GAAG,CAC/B,SAAqB,EACrB,OAAmB;EAEnB,OAAO,kBAAkB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACtE,EAAE;MAEW,aAAa,GAAG,MAC5B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,QAAQ;MACrC,QAAQ,GAAG,MAAM,aAAa,EAAE,IAAI,mBAAmB,CAAC,QAAQ,EAAE;MAClE,QAAQ,GAAG,MAAM,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE;MAC1D,SAAS,GAAG,MAAM,kBAAkB,CAAC,YAAY;;;;","names":[],"sources":["src/types/constants.ts","src/tailwind/theme/screens.ts","src/utils/screens.ts"],"sourcesContent":["import { TableColumnSizes } from './table';\n\nexport const tableColumSizesOptions = [\n\t'default',\n\t'tablet',\n\t'desktop-xs',\n\t'desktop-sm',\n\t'desktop',\n\t'desktop-lg',\n\t'desktop-xl',\n] as (keyof TableColumnSizes)[];\n","export default {\n\ttablet: '40rem', // 640 px\n\t'desktop-xs': '64rem', // 1024 px\n\t'desktop-sm': '80rem', // 1360 px\n\tdesktop: '85.375rem', // 1366\n\t'desktop-lg': '90rem', // 1440\n\t'desktop-xl': '120rem', // 1920\n\n\t// layout sizes\n\t'layout-1280': '80rem',\n\t'layout-1440': '90rem',\n\t'layout-1536': '96rem',\n\t'layout-1680': '105rem',\n\t'layout-1920': '120rem',\n\t'layout-2560': '160rem',\n};\n","import screens from '../tailwind/theme/screens';\n\nexport type ScreenSize = keyof typeof screens;\n\nexport const getScreenSize = (size: ScreenSize) => screens[size];\n\nexport const getScreenSizeInRem = (size: ScreenSize) => {\n\tconst screen = getScreenSize(size);\n\treturn parseInt(screen.replace('rem', ''), 10);\n};\n\nexport const getScreenSizeInPixels = (size: ScreenSize) => {\n\tconst rem = getScreenSizeInRem(size);\n\treturn rem * 16;\n};\n\nexport const isBiggerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth > pixels;\n};\n\nexport const isSmallerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth < pixels;\n};\n\nexport const isBetweenScreens = (\n\tsmallSize: ScreenSize,\n\tbigSize: ScreenSize\n) => {\n\treturn isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);\n};\n\nexport const isTouchDevice = () =>\n\t!!window.matchMedia('(pointer: coarse)').matches;\nexport const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');\nexport const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');\nexport const isDesktop = () => isBiggerThanScreen('desktop-xs');\n"],"version":3}
+{"file":"screens.js","mappings":"MAEa,sBAAsB,GAAG;IACrC,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,YAAY;IACZ,YAAY;;;ACTb,gBAAe;IACd,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,QAAQ;;IAGtB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;CACvB;;MCXY,aAAa,GAAG,CAAC,IAAgB,KAAK,OAAO,CAAC,IAAI,EAAE;MAEpD,kBAAkB,GAAG,CAAC,IAAgB;IAClD,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAChD,EAAE;MAEW,qBAAqB,GAAG,CAAC,IAAgB;IACrD,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,GAAG,GAAG,EAAE,CAAC;AACjB,EAAE;MAEW,kBAAkB,GAAG,CAAC,IAAgB;IAClD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,mBAAmB,GAAG,CAAC,IAAgB;IACnD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;AACnC,EAAE;MAEW,gBAAgB,GAAG,CAC/B,SAAqB,EACrB,OAAmB;IAEnB,OAAO,kBAAkB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACtE,EAAE;MAEW,aAAa,GAAG,MAC5B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,QAAQ;MACrC,QAAQ,GAAG,MAAM,aAAa,EAAE,IAAI,mBAAmB,CAAC,QAAQ,EAAE;MAClE,QAAQ,GAAG,MAAM,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE;MAC1D,SAAS,GAAG,MAAM,kBAAkB,CAAC,YAAY;;;;","names":[],"sources":["src/types/constants.ts","src/tailwind/theme/screens.ts","src/utils/screens.ts"],"sourcesContent":["import { TableColumnSizes } from './table';\n\nexport const tableColumSizesOptions = [\n\t'default',\n\t'tablet',\n\t'desktop-xs',\n\t'desktop-sm',\n\t'desktop',\n\t'desktop-lg',\n\t'desktop-xl',\n] as (keyof TableColumnSizes)[];\n","export default {\n\ttablet: '40rem', // 640 px\n\t'desktop-xs': '64rem', // 1024 px\n\t'desktop-sm': '80rem', // 1360 px\n\tdesktop: '85.375rem', // 1366\n\t'desktop-lg': '90rem', // 1440\n\t'desktop-xl': '120rem', // 1920\n\n\t// layout sizes\n\t'layout-1280': '80rem',\n\t'layout-1440': '90rem',\n\t'layout-1536': '96rem',\n\t'layout-1680': '105rem',\n\t'layout-1920': '120rem',\n\t'layout-2560': '160rem',\n};\n","import screens from '../tailwind/theme/screens';\n\nexport type ScreenSize = keyof typeof screens;\n\nexport const getScreenSize = (size: ScreenSize) => screens[size];\n\nexport const getScreenSizeInRem = (size: ScreenSize) => {\n\tconst screen = getScreenSize(size);\n\treturn parseInt(screen.replace('rem', ''), 10);\n};\n\nexport const getScreenSizeInPixels = (size: ScreenSize) => {\n\tconst rem = getScreenSizeInRem(size);\n\treturn rem * 16;\n};\n\nexport const isBiggerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth > pixels;\n};\n\nexport const isSmallerThanScreen = (size: ScreenSize) => {\n\tconst pixels = getScreenSizeInPixels(size);\n\treturn window.innerWidth < pixels;\n};\n\nexport const isBetweenScreens = (\n\tsmallSize: ScreenSize,\n\tbigSize: ScreenSize\n) => {\n\treturn isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);\n};\n\nexport const isTouchDevice = () =>\n\t!!window.matchMedia('(pointer: coarse)').matches;\nexport const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');\nexport const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');\nexport const isDesktop = () => isBiggerThanScreen('desktop-xs');\n"],"version":3}

package/dist/components/segment-container.component.js

@@ -1,29 +1,30 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const segmentContainerComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(218 230 240/var(--tw-border-opacity,1));border-radius:.5rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
+const PSegmentContainerStyle0 = segmentContainerComponentCss;
 
 const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, { class: "p-segment-container" }, h("slot", null)));
-  }
-  static get style() { return segmentContainerComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+    }
+    static get style() { return PSegmentContainerStyle0; }
 }, [4, "p-segment-container"]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-segment-container"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-segment-container":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SegmentContainer);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-segment-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-segment-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SegmentContainer);
+            }
+            break;
+    } });
 }
 
 export { SegmentContainer as S, defineCustomElement as d };