@paperless/core 0.1.0-alpha.11 → 0.1.0-alpha.13

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.1.0-alpha.13 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.12 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
 # 0.1.0-alpha.11 (2022-07-12)
 
 

package/dist/build/p-332028c6.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as i}from"./p-229f113b.js";const a=class{constructor(i){t(this,i),this.value=1,this.pageSize=12,this._pages=[],this._set=[],this._nextClick=()=>{const t=this.value+1;t>this._pages[this._pages.length-1]||this._changePage(t)},this._pageClick=t=>this._changePage(t),this._generateSet=(t=1,i=!0)=>{const a=this._pages.length;if(!a)return[];let o=this.value-t,r=this.value+t;r>a&&(r=a,o=a-2*t,o=o<1?1:o),o<=1&&(o=1,r=Math.min(2*t+1,a));const s=[],n={type:"previous",value:e("p-icon",{variant:"chevron",rotate:90})},w={type:"next",value:e("p-icon",{variant:"chevron",rotate:-90})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return i?[n,...t,w]:t}if(i&&s.push(n),o<=3)for(let t=1;t<o;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1}),s.push({type:"ellipsis",value:"ellipsis"});for(let t=o;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});if(r>=a-2)for(let t=r+1;t<=a;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis"}),s.push({type:"page",value:this._pages[this._pages.length-1]});return i&&s.push(w),s}}componentWillRender(){this._generate()}render(){var t;return e(i,{class:"p-pagination"},null===(t=this._set)||void 0===t?void 0:t.map((t=>"previous"===t.type||"next"===t.type?e("p-pagination-item",{onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?e("p-pagination-item",null,"..."):e("p-pagination-item",{active:t.value===this.value,onClick:()=>this._pageClick(t.value)},t.value))))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages(),this._set=this._generateSet()}_changePage(t){t&&(this.value=t)}_previousClick(){const t=this.value-1;t<this._pages[0]||this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(void 0).map(((t,e)=>e+1))}static get watchers(){return{value:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};a.style='/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}';export{a as p_pagination}

package/dist/build/paperless.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-229f113b.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-d750cdf6",[[0,"p-pagination",{page:[32],pageSize:[2,"page-size"],total:[2]}]]],["p-19afe191",[[1,"p-helper"]]],["p-5f0ec763",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-e80637b9",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-06a38756",[[1,"p-counter"]]],["p-6c6c1137",[[1,"p-divider"]]],["p-23980fbb",[[0,"p-illustration",{variant:[1]}]]],["p-ec52095f",[[1,"p-pagination-item",{active:[4]}]]],["p-31f80006",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-80bf9d06",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));
+import{p as e,b as a}from"./p-229f113b.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-332028c6",[[0,"p-pagination",{value:[1026],pageSize:[2,"page-size"],total:[2]}]]],["p-19afe191",[[1,"p-helper"]]],["p-5f0ec763",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-e80637b9",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-06a38756",[[1,"p-counter"]]],["p-6c6c1137",[[1,"p-divider"]]],["p-23980fbb",[[0,"p-illustration",{variant:[1]}]]],["p-ec52095f",[[1,"p-pagination-item",{active:[4]}]]],["p-31f80006",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-80bf9d06",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["p-pagination.cjs",[[0,"p-pagination",{"page":[32],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-divider.cjs",[[1,"p-divider"]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return index.bootstrapLazy([["p-pagination.cjs",[[0,"p-pagination",{"value":[1026],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-divider.cjs",[[1,"p-divider"]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
   });
 };
 

package/dist/cjs/p-pagination.cjs.entry.js

@@ -9,11 +9,10 @@ const paginationComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://t
 const Pagination = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.pageChange = index.createEvent(this, "pageChange", 7);
     /**
      * The current page
      */
-    this.page = 1;
+    this.value = 1;
     /**
      * The amount of items per page
      */
@@ -21,7 +20,7 @@ const Pagination = class {
     this._pages = [];
     this._set = [];
     this._nextClick = () => {
-      const nextPage = this.page + 1;
+      const nextPage = this.value + 1;
       if (nextPage > this._pages[this._pages.length - 1]) {
         return;
       }
@@ -33,8 +32,8 @@ const Pagination = class {
       if (!totalPages) {
         return [];
       }
-      let start = this.page - range;
-      let end = this.page + range;
+      let start = this.value - range;
+      let end = this.value + range;
       if (end > totalPages) {
         end = totalPages;
         start = totalPages - range * 2;
@@ -123,11 +122,10 @@ const Pagination = class {
       if (p.type === 'ellipsis') {
         return index.h("p-pagination-item", null, "...");
       }
-      return (index.h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
+      return (index.h("p-pagination-item", { active: p.value === this.value, onClick: () => this._pageClick(p.value) }, p.value));
     })));
   }
   pageChangeHandler() {
-    console.log('Page changed!');
     this._generate();
   }
   _generate() {
@@ -138,11 +136,10 @@ const Pagination = class {
     if (!p) {
       return;
     }
-    this.pageChange.emit(p);
-    this.page = p;
+    this.value = p;
   }
   _previousClick() {
-    const previousPage = this.page - 1;
+    const previousPage = this.value - 1;
     if (previousPage < this._pages[0]) {
       return;
     }
@@ -156,7 +153,9 @@ const Pagination = class {
     return new Array(pages).fill(undefined).map((_, i) => i + 1);
   }
   static get watchers() { return {
-    "page": ["pageChangeHandler"]
+    "value": ["pageChangeHandler"],
+    "pageSize": ["pageChangeHandler"],
+    "total": ["pageChangeHandler"]
   }; }
 };
 Pagination.style = paginationComponentCss;

package/dist/cjs/paperless.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["p-pagination.cjs",[[0,"p-pagination",{"page":[32],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-divider.cjs",[[1,"p-divider"]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return index.bootstrapLazy([["p-pagination.cjs",[[0,"p-pagination",{"value":[1026],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-divider.cjs",[[1,"p-divider"]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
 });

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

@@ -1,10 +1,10 @@
-import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { Component, h, Host, Prop, Watch } from '@stencil/core';
 export class Pagination {
   constructor() {
     /**
      * The current page
      */
-    this.page = 1;
+    this.value = 1;
     /**
      * The amount of items per page
      */
@@ -12,7 +12,7 @@ export class Pagination {
     this._pages = [];
     this._set = [];
     this._nextClick = () => {
-      const nextPage = this.page + 1;
+      const nextPage = this.value + 1;
       if (nextPage > this._pages[this._pages.length - 1]) {
         return;
       }
@@ -24,8 +24,8 @@ export class Pagination {
       if (!totalPages) {
         return [];
       }
-      let start = this.page - range;
-      let end = this.page + range;
+      let start = this.value - range;
+      let end = this.value + range;
       if (end > totalPages) {
         end = totalPages;
         start = totalPages - range * 2;
@@ -114,11 +114,10 @@ export class Pagination {
       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));
+      return (h("p-pagination-item", { active: p.value === this.value, onClick: () => this._pageClick(p.value) }, p.value));
     })));
   }
   pageChangeHandler() {
-    console.log('Page changed!');
     this._generate();
   }
   _generate() {
@@ -129,11 +128,10 @@ export class Pagination {
     if (!p) {
       return;
     }
-    this.pageChange.emit(p);
-    this.page = p;
+    this.value = p;
   }
   _previousClick() {
-    const previousPage = this.page - 1;
+    const previousPage = this.value - 1;
     if (previousPage < this._pages[0]) {
       return;
     }
@@ -154,9 +152,9 @@ export class Pagination {
     "$": ["pagination.component.css"]
   }; }
   static get properties() { return {
-    "page": {
+    "value": {
       "type": "number",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "number",
         "resolved": "number",
@@ -168,7 +166,7 @@ export class Pagination {
         "tags": [],
         "text": "The current page"
       },
-      "attribute": "page",
+      "attribute": "value",
       "reflect": false,
       "defaultValue": "1"
     },
@@ -208,27 +206,14 @@ export class Pagination {
       "reflect": false
     }
   }; }
-  static get states() { return {
-    "page": {}
-  }; }
-  static get events() { return [{
-      "method": "pageChange",
-      "name": "pageChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Button click event"
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      }
-    }]; }
   static get watchers() { return [{
-      "propName": "page",
+      "propName": "value",
+      "methodName": "pageChangeHandler"
+    }, {
+      "propName": "pageSize",
+      "methodName": "pageChangeHandler"
+    }, {
+      "propName": "total",
       "methodName": "pageChangeHandler"
     }]; }
 }

package/dist/components/p-pagination.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$3 } from './icon.component.js';
 import { d as defineCustomElement$2 } from './pagination-item.component.js';
 
@@ -8,11 +8,10 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.pageChange = createEvent(this, "pageChange", 7);
     /**
      * The current page
      */
-    this.page = 1;
+    this.value = 1;
     /**
      * The amount of items per page
      */
@@ -20,7 +19,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._pages = [];
     this._set = [];
     this._nextClick = () => {
-      const nextPage = this.page + 1;
+      const nextPage = this.value + 1;
       if (nextPage > this._pages[this._pages.length - 1]) {
         return;
       }
@@ -32,8 +31,8 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       if (!totalPages) {
         return [];
       }
-      let start = this.page - range;
-      let end = this.page + range;
+      let start = this.value - range;
+      let end = this.value + range;
       if (end > totalPages) {
         end = totalPages;
         start = totalPages - range * 2;
@@ -122,11 +121,10 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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));
+      return (h("p-pagination-item", { active: p.value === this.value, onClick: () => this._pageClick(p.value) }, p.value));
     })));
   }
   pageChangeHandler() {
-    console.log('Page changed!');
     this._generate();
   }
   _generate() {
@@ -137,11 +135,10 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!p) {
       return;
     }
-    this.pageChange.emit(p);
-    this.page = p;
+    this.value = p;
   }
   _previousClick() {
-    const previousPage = this.page - 1;
+    const previousPage = this.value - 1;
     if (previousPage < this._pages[0]) {
       return;
     }
@@ -155,11 +152,13 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return new Array(pages).fill(undefined).map((_, i) => i + 1);
   }
   static get watchers() { return {
-    "page": ["pageChangeHandler"]
+    "value": ["pageChangeHandler"],
+    "pageSize": ["pageChangeHandler"],
+    "total": ["pageChangeHandler"]
   }; }
   static get style() { return paginationComponentCss; }
 }, [0, "p-pagination", {
-    "page": [32],
+    "value": [1026],
     "pageSize": [2, "page-size"],
     "total": [2]
   }]);

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["p-pagination",[[0,"p-pagination",{"page":[32],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-divider",[[1,"p-divider"]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return bootstrapLazy([["p-pagination",[[0,"p-pagination",{"value":[1026],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-divider",[[1,"p-divider"]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
   });
 };
 

package/dist/esm/p-pagination.entry.js

@@ -1,15 +1,14 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5c917d13.js';
+import { r as registerInstance, h, H as Host } from './index-5c917d13.js';
 
 const paginationComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}";
 
 const Pagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.pageChange = createEvent(this, "pageChange", 7);
     /**
      * The current page
      */
-    this.page = 1;
+    this.value = 1;
     /**
      * The amount of items per page
      */
@@ -17,7 +16,7 @@ const Pagination = class {
     this._pages = [];
     this._set = [];
     this._nextClick = () => {
-      const nextPage = this.page + 1;
+      const nextPage = this.value + 1;
       if (nextPage > this._pages[this._pages.length - 1]) {
         return;
       }
@@ -29,8 +28,8 @@ const Pagination = class {
       if (!totalPages) {
         return [];
       }
-      let start = this.page - range;
-      let end = this.page + range;
+      let start = this.value - range;
+      let end = this.value + range;
       if (end > totalPages) {
         end = totalPages;
         start = totalPages - range * 2;
@@ -119,11 +118,10 @@ const Pagination = class {
       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));
+      return (h("p-pagination-item", { active: p.value === this.value, onClick: () => this._pageClick(p.value) }, p.value));
     })));
   }
   pageChangeHandler() {
-    console.log('Page changed!');
     this._generate();
   }
   _generate() {
@@ -134,11 +132,10 @@ const Pagination = class {
     if (!p) {
       return;
     }
-    this.pageChange.emit(p);
-    this.page = p;
+    this.value = p;
   }
   _previousClick() {
-    const previousPage = this.page - 1;
+    const previousPage = this.value - 1;
     if (previousPage < this._pages[0]) {
       return;
     }
@@ -152,7 +149,9 @@ const Pagination = class {
     return new Array(pages).fill(undefined).map((_, i) => i + 1);
   }
   static get watchers() { return {
-    "page": ["pageChangeHandler"]
+    "value": ["pageChangeHandler"],
+    "pageSize": ["pageChangeHandler"],
+    "total": ["pageChangeHandler"]
   }; }
 };
 Pagination.style = paginationComponentCss;

package/dist/esm/paperless.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["p-pagination",[[0,"p-pagination",{"page":[32],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-divider",[[1,"p-divider"]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return bootstrapLazy([["p-pagination",[[0,"p-pagination",{"value":[1026],"pageSize":[2,"page-size"],"total":[2]}]]],["p-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-avatar",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-divider",[[1,"p-divider"]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
 });

package/dist/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-07-12T11:33:42">
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-07-12T11:50:12">
 if ('serviceWorker' in navigator && location.protocol !== 'file:') {
   window.addEventListener('load', function() {
   navigator.serviceWorker.register('/sw.js')

package/dist/paperless/p-332028c6.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as i}from"./p-229f113b.js";const a=class{constructor(i){t(this,i),this.value=1,this.pageSize=12,this._pages=[],this._set=[],this._nextClick=()=>{const t=this.value+1;t>this._pages[this._pages.length-1]||this._changePage(t)},this._pageClick=t=>this._changePage(t),this._generateSet=(t=1,i=!0)=>{const a=this._pages.length;if(!a)return[];let o=this.value-t,r=this.value+t;r>a&&(r=a,o=a-2*t,o=o<1?1:o),o<=1&&(o=1,r=Math.min(2*t+1,a));const s=[],n={type:"previous",value:e("p-icon",{variant:"chevron",rotate:90})},w={type:"next",value:e("p-icon",{variant:"chevron",rotate:-90})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return i?[n,...t,w]:t}if(i&&s.push(n),o<=3)for(let t=1;t<o;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1}),s.push({type:"ellipsis",value:"ellipsis"});for(let t=o;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});if(r>=a-2)for(let t=r+1;t<=a;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis"}),s.push({type:"page",value:this._pages[this._pages.length-1]});return i&&s.push(w),s}}componentWillRender(){this._generate()}render(){var t;return e(i,{class:"p-pagination"},null===(t=this._set)||void 0===t?void 0:t.map((t=>"previous"===t.type||"next"===t.type?e("p-pagination-item",{onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?e("p-pagination-item",null,"..."):e("p-pagination-item",{active:t.value===this.value,onClick:()=>this._pageClick(t.value)},t.value))))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages(),this._set=this._generateSet()}_changePage(t){t&&(this.value=t)}_previousClick(){const t=this.value-1;t<this._pages[0]||this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(void 0).map(((t,e)=>e+1))}static get watchers(){return{value:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};a.style='/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}';export{a as p_pagination}

package/dist/paperless/paperless.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-229f113b.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-d750cdf6",[[0,"p-pagination",{page:[32],pageSize:[2,"page-size"],total:[2]}]]],["p-19afe191",[[1,"p-helper"]]],["p-5f0ec763",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-e80637b9",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-06a38756",[[1,"p-counter"]]],["p-6c6c1137",[[1,"p-divider"]]],["p-23980fbb",[[0,"p-illustration",{variant:[1]}]]],["p-ec52095f",[[1,"p-pagination-item",{active:[4]}]]],["p-31f80006",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-80bf9d06",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));
+import{p as e,b as a}from"./p-229f113b.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-332028c6",[[0,"p-pagination",{value:[1026],pageSize:[2,"page-size"],total:[2]}]]],["p-19afe191",[[1,"p-helper"]]],["p-5f0ec763",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-e80637b9",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-06a38756",[[1,"p-counter"]]],["p-6c6c1137",[[1,"p-divider"]]],["p-23980fbb",[[0,"p-illustration",{variant:[1]}]]],["p-ec52095f",[[1,"p-pagination-item",{active:[4]}]]],["p-31f80006",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-80bf9d06",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));

package/dist/sw.js

@@ -27,7 +27,7 @@ self.addEventListener('message', (event) => {
 self.__precacheManifest = [
   {
     "url": "index.html",
-    "revision": "d4cec711f0a50c46ad1fb03dda372b8c"
+    "revision": "f69f2ae9171b17979673043fa4698ede"
   },
   {
     "url": "build/index.esm.js",
@@ -48,6 +48,9 @@ self.__precacheManifest = [
   {
     "url": "build/p-31f80006.entry.js"
   },
+  {
+    "url": "build/p-332028c6.entry.js"
+  },
   {
     "url": "build/p-5f0ec763.entry.js"
   },
@@ -57,9 +60,6 @@ self.__precacheManifest = [
   {
     "url": "build/p-80bf9d06.entry.js"
   },
-  {
-    "url": "build/p-d750cdf6.entry.js"
-  },
   {
     "url": "build/p-e80637b9.entry.js"
   },
@@ -76,7 +76,7 @@ self.__precacheManifest = [
   },
   {
     "url": "cjs/loader.cjs.js",
-    "revision": "cc56db5ade17c4fc93cbd0e92edb957e"
+    "revision": "9f0547e1ee2c46fd59ed49760f631ded"
   },
   {
     "url": "cjs/p-avatar.cjs.entry.js",
@@ -116,7 +116,7 @@ self.__precacheManifest = [
   },
   {
     "url": "cjs/paperless.cjs.js",
-    "revision": "b3434d971cb8a50a983a5dcec175e850"
+    "revision": "7bc505b447cd109093b071fa0750830e"
   },
   {
     "url": "collection/collection-manifest.json",
@@ -208,7 +208,7 @@ self.__precacheManifest = [
   },
   {
     "url": "collection/components/molecules/pagination/pagination.component.js",
-    "revision": "93f3929ccf6d5475d4d32f5c72d4ab8b"
+    "revision": "b4687ca2647dd7ad6d4ace6be2d03c74"
   },
   {
     "url": "collection/index.js",
@@ -329,7 +329,7 @@ self.__precacheManifest = [
   },
   {
     "url": "esm/loader.js",
-    "revision": "f7ef9cf09cf5b5fce7dc1c612ee665db"
+    "revision": "22a14f1891da932d5a2e9011a3faf8b5"
   },
   {
     "url": "esm/p-avatar.entry.js",
@@ -418,6 +418,9 @@ self.__precacheManifest = [
   {
     "url": "paperless/p-31f80006.entry.js"
   },
+  {
+    "url": "paperless/p-332028c6.entry.js"
+  },
   {
     "url": "paperless/p-5f0ec763.entry.js"
   },
@@ -427,9 +430,6 @@ self.__precacheManifest = [
   {
     "url": "paperless/p-80bf9d06.entry.js"
   },
-  {
-    "url": "paperless/p-d750cdf6.entry.js"
-  },
   {
     "url": "paperless/p-e80637b9.entry.js"
   },

package/dist/types/components/molecules/pagination/pagination.component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { EventEmitter } from '../../../stencil-public-runtime';
 export declare type SetItem = {
   type: string;
   value?: number | Element | JSX.Element | string;
@@ -8,7 +7,7 @@ export declare class Pagination {
   /**
    * The current page
    */
-  page: number;
+  value: number;
   /**
    * The amount of items per page
    */
@@ -17,10 +16,6 @@ export declare class Pagination {
    * The total amount of items
    */
   total: number;
-  /**
-   * Button click event
-   */
-  pageChange: EventEmitter<number>;
   private _pages;
   private _set;
   componentWillRender(): void;

package/dist/types/components.d.ts

@@ -142,10 +142,6 @@ export namespace Components {
         "variant": 'inline' | 'full-width' | 'full-screen' | 'modal';
     }
     interface PPagination {
-        /**
-          * The current page
-         */
-        "page": number;
         /**
           * The amount of items per page
          */
@@ -154,6 +150,10 @@ export namespace Components {
           * The total amount of items
          */
         "total": number;
+        /**
+          * The current page
+         */
+        "value": number;
     }
     interface PPaginationItem {
         /**
@@ -188,10 +188,6 @@ export interface PButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPButtonElement;
 }
-export interface PPaginationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPPaginationElement;
-}
 declare global {
     interface HTMLPAvatarElement extends Components.PAvatar, HTMLStencilElement {
     }
@@ -416,14 +412,6 @@ declare namespace LocalJSX {
         "variant"?: 'inline' | 'full-width' | 'full-screen' | 'modal';
     }
     interface PPagination {
-        /**
-          * Button click event
-         */
-        "onPageChange"?: (event: PPaginationCustomEvent<number>) => void;
-        /**
-          * The current page
-         */
-        "page"?: number;
         /**
           * The amount of items per page
          */
@@ -432,6 +420,10 @@ declare namespace LocalJSX {
           * The total amount of items
          */
         "total": number;
+        /**
+          * The current page
+         */
+        "value"?: number;
     }
     interface PPaginationItem {
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.1.0-alpha.11",
+  "version": "0.1.0-alpha.13",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/build/p-d750cdf6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as a}from"./p-229f113b.js";const o=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",7),this.page=1,this.pageSize=12,this._pages=[],this._set=[],this._nextClick=()=>{const t=this.page+1;t>this._pages[this._pages.length-1]||this._changePage(t)},this._pageClick=t=>this._changePage(t),this._generateSet=(t=1,e=!0)=>{const a=this._pages.length;if(!a)return[];let o=this.page-t,r=this.page+t;r>a&&(r=a,o=a-2*t,o=o<1?1:o),o<=1&&(o=1,r=Math.min(2*t+1,a));const s=[],n={type:"previous",value:i("p-icon",{variant:"chevron",rotate:90})},w={type:"next",value:i("p-icon",{variant:"chevron",rotate:-90})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return e?[n,...t,w]:t}if(e&&s.push(n),o<=3)for(let t=1;t<o;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1}),s.push({type:"ellipsis",value:"ellipsis"});for(let t=o;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});if(r>=a-2)for(let t=r+1;t<=a;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis"}),s.push({type:"page",value:this._pages[this._pages.length-1]});return e&&s.push(w),s}}componentWillRender(){this._generate()}render(){var t;return i(a,{class:"p-pagination"},null===(t=this._set)||void 0===t?void 0:t.map((t=>"previous"===t.type||"next"===t.type?i("p-pagination-item",{onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?i("p-pagination-item",null,"..."):i("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value))))}pageChangeHandler(){console.log("Page changed!"),this._generate()}_generate(){this._pages=this._generatePages(),this._set=this._generateSet()}_changePage(t){t&&(this.pageChange.emit(t),this.page=t)}_previousClick(){const t=this.page-1;t<this._pages[0]||this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(void 0).map(((t,e)=>e+1))}static get watchers(){return{page:["pageChangeHandler"]}}};o.style='/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}';export{o as p_pagination}

package/dist/paperless/p-d750cdf6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as a}from"./p-229f113b.js";const o=class{constructor(a){t(this,a),this.pageChange=e(this,"pageChange",7),this.page=1,this.pageSize=12,this._pages=[],this._set=[],this._nextClick=()=>{const t=this.page+1;t>this._pages[this._pages.length-1]||this._changePage(t)},this._pageClick=t=>this._changePage(t),this._generateSet=(t=1,e=!0)=>{const a=this._pages.length;if(!a)return[];let o=this.page-t,r=this.page+t;r>a&&(r=a,o=a-2*t,o=o<1?1:o),o<=1&&(o=1,r=Math.min(2*t+1,a));const s=[],n={type:"previous",value:i("p-icon",{variant:"chevron",rotate:90})},w={type:"next",value:i("p-icon",{variant:"chevron",rotate:-90})};if(null===t){const t=this._pages.map((t=>({type:"page",value:t})));return e?[n,...t,w]:t}if(e&&s.push(n),o<=3)for(let t=1;t<o;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"page",value:1}),s.push({type:"ellipsis",value:"ellipsis"});for(let t=o;t<=r;t++)s.push({type:"page",value:this._pages[t-1]});if(r>=a-2)for(let t=r+1;t<=a;t++)s.push({type:"page",value:this._pages[t-1]});else s.push({type:"ellipsis"}),s.push({type:"page",value:this._pages[this._pages.length-1]});return e&&s.push(w),s}}componentWillRender(){this._generate()}render(){var t;return i(a,{class:"p-pagination"},null===(t=this._set)||void 0===t?void 0:t.map((t=>"previous"===t.type||"next"===t.type?i("p-pagination-item",{onClick:()=>"previous"===t.type?this._previousClick():this._nextClick()},t.value):"ellipsis"===t.type?i("p-pagination-item",null,"..."):i("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value))))}pageChangeHandler(){console.log("Page changed!"),this._generate()}_generate(){this._pages=this._generatePages(),this._set=this._generateSet()}_changePage(t){t&&(this.pageChange.emit(t),this.page=t)}_previousClick(){const t=this.page-1;t<this._pages[0]||this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize)return[];const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(void 0).map(((t,e)=>e+1))}static get watchers(){return{page:["pageChangeHandler"]}}};o.style='/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}';export{o as p_pagination}