@maggioli-design-system/mds-paginator 2.2.0 → 3.0.0

package/dist/cjs/mds-paginator.cjs.entry.js

@@ -9,7 +9,7 @@ const mdsPaginatorCss = "@tailwind components; .fixed{position:fixed}.absolute{p
 const MdsPaginator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.pageChangedEvent = index.createEvent(this, "pageChangedEvent", 7);
+    this.pageChangedEvent = index.createEvent(this, "mdsPaginatorChange", 7);
     this.scrollPage = () => {
       const elementIndex = this.currentPage - 2;
       const pagesElement = this.element.shadowRoot.querySelector('.pages');
@@ -45,8 +45,8 @@ const MdsPaginator = class {
     }, 10);
   }
   render() {
-    return (index.h(index.Host, null, index.h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && index.h("mds-paginator-item", { active: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
-      index.h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => index.h("mds-paginator-item", { key: i, active: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && index.h("mds-paginator-item", { active: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), index.h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
+    return (index.h(index.Host, null, index.h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && index.h("mds-paginator-item", { selected: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
+      index.h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => index.h("mds-paginator-item", { key: i, selected: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && index.h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), index.h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
   }
   get element() { return index.getElement(this); }
 };

package/dist/collection/components/mds-paginator/mds-paginator.js

@@ -36,8 +36,8 @@ export class MdsPaginator {
     }, 10);
   }
   render() {
-    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { active: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
-      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, active: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { active: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
+    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
+      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, selected: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
   }
   static get is() { return "mds-paginator"; }
   static get encapsulation() { return "shadow"; }
@@ -94,7 +94,7 @@ export class MdsPaginator {
   static get events() {
     return [{
         "method": "pageChangedEvent",
-        "name": "pageChangedEvent",
+        "name": "mdsPaginatorChange",
         "bubbles": true,
         "cancelable": true,
         "composed": true,

package/dist/components/mds-paginator.js

@@ -7,7 +7,7 @@ const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.pageChangedEvent = createEvent(this, "pageChangedEvent", 7);
+    this.pageChangedEvent = createEvent(this, "mdsPaginatorChange", 7);
     this.scrollPage = () => {
       const elementIndex = this.currentPage - 2;
       const pagesElement = this.element.shadowRoot.querySelector('.pages');
@@ -43,8 +43,8 @@ const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }, 10);
   }
   render() {
-    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { active: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
-      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, active: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { active: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
+    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
+      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, selected: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
   }
   get element() { return this; }
   static get style() { return mdsPaginatorCss; }

package/dist/esm/mds-paginator.entry.js

@@ -5,7 +5,7 @@ const mdsPaginatorCss = "@tailwind components; .fixed{position:fixed}.absolute{p
 const MdsPaginator = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.pageChangedEvent = createEvent(this, "pageChangedEvent", 7);
+    this.pageChangedEvent = createEvent(this, "mdsPaginatorChange", 7);
     this.scrollPage = () => {
       const elementIndex = this.currentPage - 2;
       const pagesElement = this.element.shadowRoot.querySelector('.pages');
@@ -41,8 +41,8 @@ const MdsPaginator = class {
     }, 10);
   }
   render() {
-    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { active: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
-      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, active: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { active: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
+    return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: () => this.goToPage(1) }, "1"), this.pages > 2 &&
+      h("div", { class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => h("mds-paginator-item", { key: i, selected: this.currentPage === i + 2, onClick: () => this.goToPage(i + 2) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: () => this.goToPage(this.pages) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: () => this.goToPage(this.currentPage + 1) })));
   }
   get element() { return getElement(this); }
 };

package/dist/esm-es5/mds-paginator.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af99740b.js";var mdsPaginatorCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var MdsPaginator=function(){function e(e){var t=this;registerInstance(this,e);this.pageChangedEvent=createEvent(this,"pageChangedEvent",7);this.scrollPage=function(){var e=t.currentPage-2;var r=t.element.shadowRoot.querySelector(".pages");var a=r.querySelectorAll("mds-paginator-item");if(e<0){r.scrollLeft=0;return}if(e>a.length-1){var o=a[a.length-1];r.scrollLeft=o.offsetLeft-r.offsetLeft;return}var n=a[e];r.scrollLeft=n.offsetLeft-r.offsetLeft-r.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>t.pages){return}t.currentPage=e;if(t.pages>2){t.scrollPage()}t.pageChangedEvent.emit(t.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return h(Host,null,h("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&h("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&h("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return h("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&h("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),h("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsPaginator.style=mdsPaginatorCss;export{MdsPaginator as mds_paginator};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af99740b.js";var mdsPaginatorCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var MdsPaginator=function(){function e(e){var t=this;registerInstance(this,e);this.pageChangedEvent=createEvent(this,"mdsPaginatorChange",7);this.scrollPage=function(){var e=t.currentPage-2;var r=t.element.shadowRoot.querySelector(".pages");var a=r.querySelectorAll("mds-paginator-item");if(e<0){r.scrollLeft=0;return}if(e>a.length-1){var o=a[a.length-1];r.scrollLeft=o.offsetLeft-r.offsetLeft;return}var n=a[e];r.scrollLeft=n.offsetLeft-r.offsetLeft-r.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>t.pages){return}t.currentPage=e;if(t.pages>2){t.scrollPage()}t.pageChangedEvent.emit(t.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return h(Host,null,h("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&h("mds-paginator-item",{selected:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&h("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return h("mds-paginator-item",{key:t,selected:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&h("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),h("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsPaginator.style=mdsPaginatorCss;export{MdsPaginator as mds_paginator};

package/dist/mds-paginator/mds-paginator.esm.js

@@ -1 +1 @@
-import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-2f9cc631",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));
+import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-c09061dd",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));

package/dist/mds-paginator/p-c09061dd.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as o,g as a}from"./p-bc44a1b3.js";const e=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"mdsPaginatorChange",7),this.scrollPage=()=>{const s=this.currentPage-2,i=this.element.shadowRoot.querySelector(".pages"),t=i.querySelectorAll("mds-paginator-item");if(s<0)return void(i.scrollLeft=0);if(s>t.length-1)return void(i.scrollLeft=t[t.length-1].offsetLeft-i.offsetLeft);const o=t[s];i.scrollLeft=o.offsetLeft-i.offsetLeft-i.offsetWidth/2+o.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(o,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{selected:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((s=>t("mds-paginator-item",{key:s,selected:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages>1&&t("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return a(this)}};e.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{e as mds_paginator}

package/dist/mds-paginator/p-d375dd5d.system.js

@@ -1 +1 @@
-System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-2a7d3df7.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));
+System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-e927fd87.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));

package/dist/mds-paginator/p-e927fd87.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var s="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var i=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"mdsPaginatorChange",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{selected:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,selected:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-02T10:00:49",
+  "timestamp": "2023-03-09T10:55:16",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -30,15 +30,15 @@
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
           "./dist/collection/interface/input-value.js",
-          "./dist/collection/types/autocomplete.js",
-          "./dist/collection/types/button.js",
-          "./dist/collection/types/floating-ui.js",
-          "./dist/collection/types/form-rel.js",
-          "./dist/collection/types/input-text-type.js",
-          "./dist/collection/types/input-value-type.js",
-          "./dist/collection/types/loading.js",
-          "./dist/collection/types/typography.js",
-          "./dist/collection/types/variant.js"
+          "./dist/collection/type/autocomplete.js",
+          "./dist/collection/type/button.js",
+          "./dist/collection/type/floating-ui.js",
+          "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/input-text-type.js",
+          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant.js"
         ]
       },
       {
@@ -75,21 +75,21 @@
           "./dist/mds-paginator/index.esm.js",
           "./dist/mds-paginator/mds-paginator.esm.js",
           "./dist/mds-paginator/mds-paginator.js",
-          "./dist/mds-paginator/p-2a7d3df7.system.entry.js",
-          "./dist/mds-paginator/p-2f9cc631.entry.js",
           "./dist/mds-paginator/p-50ea2036.system.js",
           "./dist/mds-paginator/p-a53254ac.system.js",
           "./dist/mds-paginator/p-bc44a1b3.js",
+          "./dist/mds-paginator/p-c09061dd.entry.js",
           "./dist/mds-paginator/p-d375dd5d.system.js",
+          "./dist/mds-paginator/p-e927fd87.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-paginator.esm.js",
           "./www/build/mds-paginator.js",
-          "./www/build/p-2a7d3df7.system.entry.js",
-          "./www/build/p-2f9cc631.entry.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-a53254ac.system.js",
           "./www/build/p-bc44a1b3.js",
-          "./www/build/p-d375dd5d.system.js"
+          "./www/build/p-c09061dd.entry.js",
+          "./www/build/p-d375dd5d.system.js",
+          "./www/build/p-e927fd87.system.entry.js"
         ]
       },
       {
@@ -122,12 +122,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-2f9cc631",
-        "fileName": "p-2f9cc631.entry.js",
+        "bundleId": "p-c09061dd",
+        "fileName": "p-c09061dd.entry.js",
         "imports": [
           "p-bc44a1b3.js"
         ],
-        "originalByteSize": 3464
+        "originalByteSize": 3472
       }
     ],
     "esm": [
@@ -141,7 +141,7 @@
         "imports": [
           "index-af99740b.js"
         ],
-        "originalByteSize": 3468
+        "originalByteSize": 3476
       }
     ],
     "es5": [
@@ -155,7 +155,7 @@
         "imports": [
           "index-af99740b.js"
         ],
-        "originalByteSize": 3468
+        "originalByteSize": 3476
       }
     ],
     "system": [
@@ -164,12 +164,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-2a7d3df7.system",
-        "fileName": "p-2a7d3df7.system.entry.js",
+        "bundleId": "p-e927fd87.system",
+        "fileName": "p-e927fd87.system.entry.js",
         "imports": [
           "p-a53254ac.system.js"
         ],
-        "originalByteSize": 3989
+        "originalByteSize": 3997
       }
     ],
     "commonjs": [
@@ -183,7 +183,7 @@
         "imports": [
           "index-0a1b6680.js"
         ],
-        "originalByteSize": 3545
+        "originalByteSize": 3553
       }
     ]
   },
@@ -207,7 +207,7 @@
       "excludeFromCollection": false,
       "events": [
         {
-          "name": "pageChangedEvent",
+          "name": "mdsPaginatorChange",
           "method": "pageChangedEvent",
           "bubbles": true,
           "cancelable": true,
@@ -337,7 +337,7 @@
           "listeners": [],
           "events": [
             {
-              "name": "pageChangedEvent",
+              "name": "mdsPaginatorChange",
               "method": "pageChangedEvent",
               "bubbles": true,
               "cancelable": true,
@@ -438,7 +438,7 @@
             "icon",
             "disabled",
             "onClick",
-            "active",
+            "selected",
             "class",
             "key"
           ],
@@ -484,15 +484,15 @@
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
     "./src/interface/input-value.ts": [],
-    "./src/types/autocomplete.ts": [],
-    "./src/types/button.ts": [],
-    "./src/types/floating-ui.ts": [],
-    "./src/types/form-rel.ts": [],
-    "./src/types/input-text-type.ts": [],
-    "./src/types/input-value-type.ts": [],
-    "./src/types/loading.ts": [],
-    "./src/types/typography.ts": [],
-    "./src/types/variant.ts": []
+    "./src/type/autocomplete.ts": [],
+    "./src/type/button.ts": [],
+    "./src/type/floating-ui.ts": [],
+    "./src/type/form-rel.ts": [],
+    "./src/type/input-text-type.ts": [],
+    "./src/type/input-value-type.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant.ts": []
   },
   "collections": []
 }

package/dist/types/components.d.ts

@@ -41,7 +41,7 @@ declare namespace LocalJSX {
         /**
           * Emits when a page is changed
          */
-        "onPageChangedEvent"?: (event: MdsPaginatorCustomEvent<number>) => void;
+        "onMdsPaginatorChange"?: (event: MdsPaginatorCustomEvent<number>) => void;
         /**
           * Specifies the number of total pages to be handled
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "mds-paginator is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -15,9 +15,9 @@
 
 ## Events
 
-| Event              | Description                  | Type                  |
-| ------------------ | ---------------------------- | --------------------- |
-| `pageChangedEvent` | Emits when a page is changed | `CustomEvent<number>` |
+| Event                | Description                  | Type                  |
+| -------------------- | ---------------------------- | --------------------- |
+| `mdsPaginatorChange` | Emits when a page is changed | `CustomEvent<number>` |
 
 
 ## CSS Custom Properties

package/src/components/mds-paginator/mds-paginator.tsx

@@ -28,7 +28,7 @@ export class MdsPaginator {
   /**
    * Emits when a page is changed
    */
-  @Event() pageChangedEvent: EventEmitter<number>
+  @Event({ eventName: 'mdsPaginatorChange' }) pageChangedEvent: EventEmitter<number>
 
   private scrollPage = (): void => {
     const elementIndex = this.currentPage - 2
@@ -65,13 +65,13 @@ export class MdsPaginator {
     return (
       <Host>
         <mds-paginator-item icon="mi/baseline/arrow-back" disabled={this.currentPage === 1} onClick={() => this.goToPage(this.currentPage - 1)}/>
-        { this.pages > 0 && <mds-paginator-item active={this.currentPage === 1} onClick={() => this.goToPage(1)}>1</mds-paginator-item>}
+        { this.pages > 0 && <mds-paginator-item selected={this.currentPage === 1} onClick={() => this.goToPage(1)}>1</mds-paginator-item>}
         { this.pages > 2 &&
           <div class="pages">
-            { Array.from(Array(this.pages - 2).keys()).map( i => <mds-paginator-item key={i} active={this.currentPage === i + 2} onClick={() => this.goToPage(i + 2)}>{ i + 2 }</mds-paginator-item>) }
+            { Array.from(Array(this.pages - 2).keys()).map( i => <mds-paginator-item key={i} selected={this.currentPage === i + 2} onClick={() => this.goToPage(i + 2)}>{ i + 2 }</mds-paginator-item>) }
           </div>
         }
-        { this.pages > 1 && <mds-paginator-item active={this.currentPage === this.pages} onClick={() => this.goToPage(this.pages)}>{ this.pages }</mds-paginator-item>}
+        { this.pages > 1 && <mds-paginator-item selected={this.currentPage === this.pages} onClick={() => this.goToPage(this.pages)}>{ this.pages }</mds-paginator-item>}
         <mds-paginator-item icon="mi/baseline/arrow-forward" disabled={this.currentPage === this.pages} onClick={() => this.goToPage(this.currentPage + 1)}/>
       </Host>
     )

package/src/components/mds-paginator/readme.md

@@ -15,9 +15,9 @@
 
 ## Events
 
-| Event              | Description                  | Type                  |
-| ------------------ | ---------------------------- | --------------------- |
-| `pageChangedEvent` | Emits when a page is changed | `CustomEvent<number>` |
+| Event                | Description                  | Type                  |
+| -------------------- | ---------------------------- | --------------------- |
+| `mdsPaginatorChange` | Emits when a page is changed | `CustomEvent<number>` |
 
 
 ## CSS Custom Properties

package/src/components.d.ts

@@ -41,7 +41,7 @@ declare namespace LocalJSX {
         /**
           * Emits when a page is changed
          */
-        "onPageChangedEvent"?: (event: MdsPaginatorCustomEvent<number>) => void;
+        "onMdsPaginatorChange"?: (event: MdsPaginatorCustomEvent<number>) => void;
         /**
           * Specifies the number of total pages to be handled
          */

package/www/build/mds-paginator.esm.js

@@ -1 +1 @@
-import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-2f9cc631",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));
+import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-c09061dd",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));

package/www/build/p-c09061dd.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as o,g as a}from"./p-bc44a1b3.js";const e=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"mdsPaginatorChange",7),this.scrollPage=()=>{const s=this.currentPage-2,i=this.element.shadowRoot.querySelector(".pages"),t=i.querySelectorAll("mds-paginator-item");if(s<0)return void(i.scrollLeft=0);if(s>t.length-1)return void(i.scrollLeft=t[t.length-1].offsetLeft-i.offsetLeft);const o=t[s];i.scrollLeft=o.offsetLeft-i.offsetLeft-i.offsetWidth/2+o.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(o,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{selected:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((s=>t("mds-paginator-item",{key:s,selected:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages>1&&t("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return a(this)}};e.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{e as mds_paginator}

package/www/build/p-d375dd5d.system.js

@@ -1 +1 @@
-System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-2a7d3df7.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));
+System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-e927fd87.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));

package/www/build/p-e927fd87.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var s="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var i=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"mdsPaginatorChange",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{selected:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,selected:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));

package/dist/mds-paginator/p-2a7d3df7.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var i="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var s=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));

package/dist/mds-paginator/p-2f9cc631.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){i(this,t),this.pageChangedEvent=s(this,"pageChangedEvent",7),this.scrollPage=()=>{const i=this.currentPage-2,s=this.element.shadowRoot.querySelector(".pages"),t=s.querySelectorAll("mds-paginator-item");if(i<0)return void(s.scrollLeft=0);if(i>t.length-1)return void(s.scrollLeft=t[t.length-1].offsetLeft-s.offsetLeft);const a=t[i];s.scrollLeft=a.offsetLeft-s.offsetLeft-s.offsetWidth/2+a.offsetWidth/2},this.goToPage=i=>{i<1||i>this.pages||(this.currentPage=i,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((i=>t("mds-paginator-item",{key:i,active:this.currentPage===i+2,onClick:()=>this.goToPage(i+2)},i+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}

package/www/build/p-2a7d3df7.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var i="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var s=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));

package/www/build/p-2f9cc631.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){i(this,t),this.pageChangedEvent=s(this,"pageChangedEvent",7),this.scrollPage=()=>{const i=this.currentPage-2,s=this.element.shadowRoot.querySelector(".pages"),t=s.querySelectorAll("mds-paginator-item");if(i<0)return void(s.scrollLeft=0);if(i>t.length-1)return void(s.scrollLeft=t[t.length-1].offsetLeft-s.offsetLeft);const a=t[i];s.scrollLeft=a.offsetLeft-s.offsetLeft-s.offsetWidth/2+a.offsetWidth/2},this.goToPage=i=>{i<1||i>this.pages||(this.currentPage=i,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((i=>t("mds-paginator-item",{key:i,active:this.currentPage===i+2,onClick:()=>this.goToPage(i+2)},i+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}