@maggioli-design-system/mds-paginator 2.1.0 → 2.1.1

package/dist/cjs/{index-7709e21a.js → index-0a1b6680.js}

@@ -141,6 +141,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -158,6 +166,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -465,6 +479,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -481,6 +510,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -709,7 +751,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -773,6 +816,18 @@ const patch = (oldVNode, newVNode) => {
         elm.data = text;
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7709e21a.js');
+const index = require('./index-0a1b6680.js');
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7709e21a.js');
+const index = require('./index-0a1b6680.js');
 
 const mdsPaginatorCss = ".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";
 
@@ -31,7 +31,9 @@ const MdsPaginator = class {
         return;
       }
       this.currentPage = selectedPage;
-      this.scrollPage();
+      if (this.pages > 2) {
+        this.scrollPage();
+      }
       this.pageChangedEvent.emit(this.currentPage);
     };
     this.pages = 0;
@@ -44,7 +46,7 @@ const MdsPaginator = class {
   }
   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 && 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) })));
+      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) })));
   }
   get element() { return index.getElement(this); }
 };

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7709e21a.js');
+const index = require('./index-0a1b6680.js');
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-paginator.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.1",
+    "version": "2.22.2",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

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

@@ -22,7 +22,9 @@ export class MdsPaginator {
         return;
       }
       this.currentPage = selectedPage;
-      this.scrollPage();
+      if (this.pages > 2) {
+        this.scrollPage();
+      }
       this.pageChangedEvent.emit(this.currentPage);
     };
     this.pages = 0;
@@ -35,7 +37,7 @@ export class MdsPaginator {
   }
   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 && 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) })));
+      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) })));
   }
   static get is() { return "mds-paginator"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/mds-paginator.js

@@ -29,7 +29,9 @@ const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         return;
       }
       this.currentPage = selectedPage;
-      this.scrollPage();
+      if (this.pages > 2) {
+        this.scrollPage();
+      }
       this.pageChangedEvent.emit(this.currentPage);
     };
     this.pages = 0;
@@ -42,7 +44,7 @@ const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   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 && 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) })));
+      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) })));
   }
   get element() { return this; }
   static get style() { return mdsPaginatorCss; }

package/dist/esm/{index-e7fdb228.js → index-af99740b.js}

@@ -119,6 +119,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -136,6 +144,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -443,6 +457,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -459,6 +488,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -687,7 +729,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -751,6 +794,18 @@ const patch = (oldVNode, newVNode) => {
         elm.data = text;
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-e7fdb228.js';
-export { s as setNonce } from './index-e7fdb228.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-af99740b.js';
+export { s as setNonce } from './index-af99740b.js';
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e7fdb228.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-af99740b.js';
 
 const mdsPaginatorCss = ".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";
 
@@ -27,7 +27,9 @@ const MdsPaginator = class {
         return;
       }
       this.currentPage = selectedPage;
-      this.scrollPage();
+      if (this.pages > 2) {
+        this.scrollPage();
+      }
       this.pageChangedEvent.emit(this.currentPage);
     };
     this.pages = 0;
@@ -40,7 +42,7 @@ const MdsPaginator = class {
   }
   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 && 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) })));
+      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) })));
   }
   get element() { return getElement(this); }
 };

package/dist/esm/mds-paginator.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-e7fdb228.js';
-export { s as setNonce } from './index-e7fdb228.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-af99740b.js';
+export { s as setNonce } from './index-af99740b.js';
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-e7fdb228.js";export{s as setNonce}from"./index-e7fdb228.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-paginator",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-af99740b.js";export{s as setNonce}from"./index-af99740b.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-paginator",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)}))};export{defineCustomElements};

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-e7fdb228.js";var mdsPaginatorCss=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.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;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&&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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.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};

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

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-e7fdb228.js";export{s as setNonce}from"./index-e7fdb228.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-paginator",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-af99740b.js";export{s as setNonce}from"./index-af99740b.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-paginator",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)}));

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

@@ -1 +1 @@
-import{p as e,b as r}from"./p-561f638e.js";export{s as setNonce}from"./p-561f638e.js";(()=>{const r=import.meta.url,p={};return""!==r&&(p.resourcesUrl=new URL(".",r).href),e(p)})().then((e=>r([["p-b90dd4e2",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)));
+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-3c5c184f",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));

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

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-d01c6201.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-d375dd5d.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/mds-paginator/p-3c5c184f.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",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 a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.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(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((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}

package/dist/mds-paginator/{p-92658324.system.entry.js → p-4984613d.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-3ddaee00.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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=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;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&&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}());i.style=s}}}));
+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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=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}());i.style=s}}}));

package/dist/mds-paginator/{p-d01c6201.system.js → p-d375dd5d.system.js}

@@ -1 +1 @@
-System.register(["./p-3ddaee00.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-92658324.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-4984613d.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-20T18:25:16",
+  "timestamp": "2023-02-02T09:28:42",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -54,17 +54,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-7709e21a.js",
+          "./dist/cjs/index-0a1b6680.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-paginator.cjs.entry.js",
           "./dist/cjs/mds-paginator.cjs.js",
-          "./dist/esm-es5/index-e7fdb228.js",
+          "./dist/esm-es5/index-af99740b.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-paginator.entry.js",
           "./dist/esm-es5/mds-paginator.js",
-          "./dist/esm/index-e7fdb228.js",
+          "./dist/esm/index-af99740b.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-paginator.entry.js",
@@ -74,21 +74,21 @@
           "./dist/mds-paginator/index.esm.js",
           "./dist/mds-paginator/mds-paginator.esm.js",
           "./dist/mds-paginator/mds-paginator.js",
-          "./dist/mds-paginator/p-3ddaee00.system.js",
+          "./dist/mds-paginator/p-3c5c184f.entry.js",
+          "./dist/mds-paginator/p-4984613d.system.entry.js",
           "./dist/mds-paginator/p-50ea2036.system.js",
-          "./dist/mds-paginator/p-561f638e.js",
-          "./dist/mds-paginator/p-92658324.system.entry.js",
-          "./dist/mds-paginator/p-b90dd4e2.entry.js",
-          "./dist/mds-paginator/p-d01c6201.system.js",
+          "./dist/mds-paginator/p-a53254ac.system.js",
+          "./dist/mds-paginator/p-bc44a1b3.js",
+          "./dist/mds-paginator/p-d375dd5d.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-paginator.esm.js",
           "./www/build/mds-paginator.js",
-          "./www/build/p-3ddaee00.system.js",
+          "./www/build/p-3c5c184f.entry.js",
+          "./www/build/p-4984613d.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-561f638e.js",
-          "./www/build/p-92658324.system.entry.js",
-          "./www/build/p-b90dd4e2.entry.js",
-          "./www/build/p-d01c6201.system.js"
+          "./www/build/p-a53254ac.system.js",
+          "./www/build/p-bc44a1b3.js",
+          "./www/build/p-d375dd5d.system.js"
         ]
       },
       {
@@ -121,12 +121,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-b90dd4e2",
-        "fileName": "p-b90dd4e2.entry.js",
+        "bundleId": "p-3c5c184f",
+        "fileName": "p-3c5c184f.entry.js",
         "imports": [
-          "p-561f638e.js"
+          "p-bc44a1b3.js"
         ],
-        "originalByteSize": 3383
+        "originalByteSize": 3425
       }
     ],
     "esm": [
@@ -138,9 +138,9 @@
         "bundleId": "mds-paginator",
         "fileName": "mds-paginator.entry.js",
         "imports": [
-          "index-e7fdb228.js"
+          "index-af99740b.js"
         ],
-        "originalByteSize": 3387
+        "originalByteSize": 3429
       }
     ],
     "es5": [
@@ -152,9 +152,9 @@
         "bundleId": "mds-paginator",
         "fileName": "mds-paginator.entry.js",
         "imports": [
-          "index-e7fdb228.js"
+          "index-af99740b.js"
         ],
-        "originalByteSize": 3387
+        "originalByteSize": 3429
       }
     ],
     "system": [
@@ -163,12 +163,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-92658324.system",
-        "fileName": "p-92658324.system.entry.js",
+        "bundleId": "p-4984613d.system",
+        "fileName": "p-4984613d.system.entry.js",
         "imports": [
-          "p-3ddaee00.system.js"
+          "p-a53254ac.system.js"
         ],
-        "originalByteSize": 3896
+        "originalByteSize": 3950
       }
     ],
     "commonjs": [
@@ -180,9 +180,9 @@
         "bundleId": "mds-paginator.cjs",
         "fileName": "mds-paginator.cjs.entry.js",
         "imports": [
-          "index-7709e21a.js"
+          "index-0a1b6680.js"
         ],
-        "originalByteSize": 3464
+        "originalByteSize": 3506
       }
     ]
   },
@@ -455,7 +455,7 @@
   ],
   "componentGraph": {
     "sc-mds-paginator": [
-      "p-561f638e.js"
+      "p-bc44a1b3.js"
     ]
   },
   "sourceGraph": {

package/dist/types/stencil-public-runtime.d.ts

@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "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",
@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@maggioli-design-system/mds-paginator-item": "^2.1.0",
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/styles": "^11.1.0",
+    "@stencil/core": "^2.22.2"
   },
   "license": "MIT",
   "author": {

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

@@ -55,7 +55,9 @@ export class MdsPaginator {
       return
     }
     this.currentPage = selectedPage
-    this.scrollPage()
+    if (this.pages > 2) {
+      this.scrollPage()
+    }
     this.pageChangedEvent.emit(this.currentPage)
   }
 
@@ -69,7 +71,7 @@ export class MdsPaginator {
             { 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>) }
           </div>
         }
-        { this.pages && <mds-paginator-item active={this.currentPage === this.pages} onClick={() => this.goToPage(this.pages)}>{ this.pages }</mds-paginator-item>}
+        { this.pages > 1 && <mds-paginator-item active={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/www/build/mds-paginator.esm.js

@@ -1 +1 @@
-import{p as e,b as r}from"./p-561f638e.js";export{s as setNonce}from"./p-561f638e.js";(()=>{const r=import.meta.url,p={};return""!==r&&(p.resourcesUrl=new URL(".",r).href),e(p)})().then((e=>r([["p-b90dd4e2",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)));
+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-3c5c184f",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));

package/www/build/mds-paginator.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-d01c6201.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-d375dd5d.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/www/build/p-3c5c184f.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",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 a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.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(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((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}

package/www/build/{p-92658324.system.entry.js → p-4984613d.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-3ddaee00.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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=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;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&&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}());i.style=s}}}));
+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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=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}());i.style=s}}}));

package/www/build/{p-d01c6201.system.js → p-d375dd5d.system.js}

@@ -1 +1 @@
-System.register(["./p-3ddaee00.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-92658324.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-4984613d.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));

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

@@ -1 +0,0 @@
-import{r as s,c as i,h as t,H as a,g as o}from"./p-561f638e.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",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 a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,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((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages&&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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}

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

@@ -1 +0,0 @@
-import{r as s,c as i,h as t,H as a,g as o}from"./p-561f638e.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",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 a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,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((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages&&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=".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{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;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}