@maggioli-design-system/mds-paginator 3.6.0 → 3.6.2

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

@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8ba68e8e.js');
 
+const miBaselineArrowBack = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>`;
+
+const miBaselineArrowForward = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>`;
+
 const mdsPaginatorCss = "@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";
 
 const MdsPaginator = class {
@@ -48,8 +52,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: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && index.h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && index.h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), index.h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (index.h(index.Host, null, index.h("mds-paginator-item", { icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && index.h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && index.h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), index.h("mds-paginator-item", { icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/common/keyboard-manager.js

@@ -1,8 +1,8 @@
 export class KeyboardManager {
     constructor() {
-        this.elements = [];
+        this.elements = new Map();
         this.handleClickBehaviorDispatchEvent = (event) => {
-            if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter') {
                 event.target.click();
             }
         };
@@ -12,20 +12,25 @@ export class KeyboardManager {
             }
         };
         this.addElement = (el, name = 'element') => {
-            this.elements[name] = el;
+            if (!el) {
+                throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`);
+            }
+            this.elements.set(name, el);
+        };
+        this.removeElement = (name = 'element') => {
+            this.detachClickBehavior(name);
+            this.elements.delete(name);
         };
         this.attachClickBehavior = (name = 'element') => {
-            if (this.elements[name]) {
-                this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-            }
+            var _a;
+            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
         };
         this.detachClickBehavior = (name = 'element') => {
-            if (this.elements[name]) {
-                this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-            }
+            var _a;
+            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
         };
-        this.attachEscapeBehavior = (callBack) => {
-            this.escapeCallback = callBack;
+        this.attachEscapeBehavior = (callback) => {
+            this.escapeCallback = callback;
             if (window !== undefined) {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }

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

@@ -1,4 +1,6 @@
 import { Host, h } from "@stencil/core";
+import miBaselineArrowBack from "@icon/mi/baseline/arrow-back.svg";
+import miBaselineArrowForward from "@icon/mi/baseline/arrow-forward.svg";
 export class MdsPaginator {
     constructor() {
         this.scrollPage = () => {
@@ -39,8 +41,8 @@ export class MdsPaginator {
         }, 10);
     }
     render() {
-        return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (h(Host, null, h("mds-paginator-item", { icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     static get is() { return "mds-paginator"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/mds-paginator.js

@@ -1,5 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
+const miBaselineArrowBack = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>`;
+
+const miBaselineArrowForward = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>`;
+
 const mdsPaginatorCss = "@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";
 
 const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class MdsPaginator extends HTMLElement {
@@ -46,8 +50,8 @@ const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class MdsPaginator exten
         }, 10);
     }
     render() {
-        return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (h(Host, null, h("mds-paginator-item", { icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return this; }
     static get style() { return mdsPaginatorCss; }

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-09T14:53:34",
+  "timestamp": "2024-02-16T18:40:22",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",

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

@@ -1,5 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4cad226.js';
 
+const miBaselineArrowBack = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>`;
+
+const miBaselineArrowForward = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>`;
+
 const mdsPaginatorCss = "@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";
 
 const MdsPaginator = class {
@@ -44,8 +48,8 @@ const MdsPaginator = class {
         }, 10);
     }
     render() {
-        return (h(Host, null, h("mds-paginator-item", { icon: "mi/baseline/arrow-back", disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: "mi/baseline/arrow-forward", disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (h(Host, null, h("mds-paginator-item", { icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && h("mds-paginator-item", { selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "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: ev => this.goToPage(i + 2, ev.target) }, i + 2))), this.pages > 1 && h("mds-paginator-item", { selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), h("mds-paginator-item", { icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     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-b4cad226.js";var mdsPaginatorCss="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var MdsPaginator=function(){function a(a){var t=this;registerInstance(this,a);this.pageChangedEvent=createEvent(this,"mdsPaginatorChange",7);this.scrollPage=function(){var a;var l=t.currentPage-2;var r=(a=t.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".pages");var e=r===null||r===void 0?void 0:r.querySelectorAll("mds-paginator-item");if(!r||!e)return;if(l<0){r.scrollLeft=0;return}if(l>e.length-1){var o=e[e.length-1];r.scrollLeft=o.offsetLeft-r.offsetLeft;return}var i=e[l];r.scrollLeft=i.offsetLeft-r.offsetLeft-r.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(a,l){if(a<1||a>t.pages){return}t.currentPage=a;if(t.pages>2){t.scrollPage()}t.pageChangedEvent.emit({page:t.currentPage,caller:l})};this.pages=0;this.currentPage=1}a.prototype.componentDidLoad=function(){var a=this;setTimeout((function(){a.goToPage(a.currentPage)}),10)};a.prototype.render=function(){var a=this;return h(Host,null,h("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(t){return a.goToPage(a.currentPage-1,t.target)}}),this.pages>0&&h("mds-paginator-item",{selected:this.currentPage===1,onClick:function(t){return a.goToPage(1,t.target)}},"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:a.currentPage===t+2,onClick:function(l){return a.goToPage(t+2,l.target)}},t+2)}))),this.pages>1&&h("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.pages,t.target)}},this.pages),h("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.currentPage+1,t.target)}}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();MdsPaginator.style=mdsPaginatorCss;export{MdsPaginator as mds_paginator};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b4cad226.js";var miBaselineArrowBack='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';var miBaselineArrowForward='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';var mdsPaginatorCss="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var MdsPaginator=function(){function a(a){var t=this;registerInstance(this,a);this.pageChangedEvent=createEvent(this,"mdsPaginatorChange",7);this.scrollPage=function(){var a;var l=t.currentPage-2;var r=(a=t.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".pages");var e=r===null||r===void 0?void 0:r.querySelectorAll("mds-paginator-item");if(!r||!e)return;if(l<0){r.scrollLeft=0;return}if(l>e.length-1){var o=e[e.length-1];r.scrollLeft=o.offsetLeft-r.offsetLeft;return}var i=e[l];r.scrollLeft=i.offsetLeft-r.offsetLeft-r.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(a,l){if(a<1||a>t.pages){return}t.currentPage=a;if(t.pages>2){t.scrollPage()}t.pageChangedEvent.emit({page:t.currentPage,caller:l})};this.pages=0;this.currentPage=1}a.prototype.componentDidLoad=function(){var a=this;setTimeout((function(){a.goToPage(a.currentPage)}),10)};a.prototype.render=function(){var a=this;return h(Host,null,h("mds-paginator-item",{icon:miBaselineArrowBack,disabled:this.currentPage===1,onClick:function(t){return a.goToPage(a.currentPage-1,t.target)}}),this.pages>0&&h("mds-paginator-item",{selected:this.currentPage===1,onClick:function(t){return a.goToPage(1,t.target)}},"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:a.currentPage===t+2,onClick:function(l){return a.goToPage(t+2,l.target)}},t+2)}))),this.pages>1&&h("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.pages,t.target)}},this.pages),h("mds-paginator-item",{icon:miBaselineArrowForward,disabled:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.currentPage+1,t.target)}}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();MdsPaginator.style=mdsPaginatorCss;export{MdsPaginator as mds_paginator};

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

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

package/dist/mds-paginator/p-25606cd0.system.js

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

package/dist/mds-paginator/p-4aa3f96c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as l,H as e,g as r}from"./p-0137eb9c.js";const o=class{constructor(l){t(this,l),this.pageChangedEvent=a(this,"mdsPaginatorChange",7),this.scrollPage=()=>{var t;const a=this.currentPage-2,l=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),e=null==l?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(a<0)return void(l.scrollLeft=0);if(a>e.length-1)return void(l.scrollLeft=e[e.length-1].offsetLeft-l.offsetLeft);const r=e[a];l.scrollLeft=r.offsetLeft-l.offsetLeft-l.offsetWidth/2+r.offsetWidth/2},this.goToPage=(t,a)=>{t<1||t>this.pages||(this.currentPage=t,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit({page:this.currentPage,caller:a}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return l(e,null,l("mds-paginator-item",{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>',disabled:1===this.currentPage,onClick:t=>this.goToPage(this.currentPage-1,t.target)}),this.pages>0&&l("mds-paginator-item",{selected:1===this.currentPage,onClick:t=>this.goToPage(1,t.target)},"1"),this.pages>2&&l("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((t=>l("mds-paginator-item",{key:t,selected:this.currentPage===t+2,onClick:a=>this.goToPage(t+2,a.target)},t+2)))),this.pages>1&&l("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:t=>this.goToPage(this.pages,t.target)},this.pages),l("mds-paginator-item",{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>',disabled:this.currentPage===this.pages,onClick:t=>this.goToPage(this.currentPage+1,t.target)}))}get element(){return r(this)}};o.style="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";export{o as mds_paginator}

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

@@ -0,0 +1 @@
+System.register(["./p-f05b63dd.system.js"],(function(t){"use strict";var a,l,r,e,o;return{setters:[function(t){a=t.r;l=t.c;r=t.h;e=t.H;o=t.g}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';var b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';var n="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var g=t("mds_paginator",function(){function t(t){var r=this;a(this,t);this.pageChangedEvent=l(this,"mdsPaginatorChange",7);this.scrollPage=function(){var t;var a=r.currentPage-2;var l=(t=r.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".pages");var e=l===null||l===void 0?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(a<0){l.scrollLeft=0;return}if(a>e.length-1){var o=e[e.length-1];l.scrollLeft=o.offsetLeft-l.offsetLeft;return}var i=e[a];l.scrollLeft=i.offsetLeft-l.offsetLeft-l.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(t,a){if(t<1||t>r.pages){return}r.currentPage=t;if(r.pages>2){r.scrollPage()}r.pageChangedEvent.emit({page:r.currentPage,caller:a})};this.pages=0;this.currentPage=1}t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){t.goToPage(t.currentPage)}),10)};t.prototype.render=function(){var t=this;return r(e,null,r("mds-paginator-item",{icon:i,disabled:this.currentPage===1,onClick:function(a){return t.goToPage(t.currentPage-1,a.target)}}),this.pages>0&&r("mds-paginator-item",{selected:this.currentPage===1,onClick:function(a){return t.goToPage(1,a.target)}},"1"),this.pages>2&&r("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(a){return r("mds-paginator-item",{key:a,selected:t.currentPage===a+2,onClick:function(l){return t.goToPage(a+2,l.target)}},a+2)}))),this.pages>1&&r("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(a){return t.goToPage(t.pages,a.target)}},this.pages),r("mds-paginator-item",{icon:b,disabled:this.currentPage===this.pages,onClick:function(a){return t.goToPage(t.currentPage+1,a.target)}}))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());g.style=n}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-09T14:53:34",
+  "timestamp": "2024-02-16T18:40:23",
   "compiler": {
     "name": "node",
     "version": "20.10.0"
@@ -94,19 +94,19 @@
           "./dist/mds-paginator/mds-paginator.js",
           "./dist/mds-paginator/p-0137eb9c.js",
           "./dist/mds-paginator/p-25606cd0.system.js",
+          "./dist/mds-paginator/p-4aa3f96c.entry.js",
           "./dist/mds-paginator/p-50ea2036.system.js",
-          "./dist/mds-paginator/p-d771a37e.system.entry.js",
+          "./dist/mds-paginator/p-c645303c.system.entry.js",
           "./dist/mds-paginator/p-f05b63dd.system.js",
-          "./dist/mds-paginator/p-fe7a17f4.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-paginator.esm.js",
           "./www/build/mds-paginator.js",
           "./www/build/p-0137eb9c.js",
           "./www/build/p-25606cd0.system.js",
+          "./www/build/p-4aa3f96c.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-d771a37e.system.entry.js",
-          "./www/build/p-f05b63dd.system.js",
-          "./www/build/p-fe7a17f4.entry.js"
+          "./www/build/p-c645303c.system.entry.js",
+          "./www/build/p-f05b63dd.system.js"
         ]
       },
       {
@@ -139,12 +139,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-fe7a17f4",
-        "fileName": "p-fe7a17f4.entry.js",
+        "bundleId": "p-4aa3f96c",
+        "fileName": "p-4aa3f96c.entry.js",
         "imports": [
           "p-0137eb9c.js"
         ],
-        "originalByteSize": 6667
+        "originalByteSize": 7045
       }
     ],
     "esm": [
@@ -158,7 +158,7 @@
         "imports": [
           "index-b4cad226.js"
         ],
-        "originalByteSize": 6671
+        "originalByteSize": 7049
       }
     ],
     "es5": [
@@ -172,7 +172,7 @@
         "imports": [
           "index-b4cad226.js"
         ],
-        "originalByteSize": 6671
+        "originalByteSize": 7049
       }
     ],
     "system": [
@@ -181,12 +181,12 @@
         "components": [
           "mds-paginator"
         ],
-        "bundleId": "p-d771a37e.system",
-        "fileName": "p-d771a37e.system.entry.js",
+        "bundleId": "p-c645303c.system",
+        "fileName": "p-c645303c.system.entry.js",
         "imports": [
           "p-f05b63dd.system.js"
         ],
-        "originalByteSize": 7210
+        "originalByteSize": 7600
       }
     ],
     "commonjs": [
@@ -200,7 +200,7 @@
         "imports": [
           "index-8ba68e8e.js"
         ],
-        "originalByteSize": 6748
+        "originalByteSize": 7126
       }
     ]
   },

package/dist/types/common/keyboard-manager.d.ts

@@ -4,8 +4,9 @@ export declare class KeyboardManager {
     private handleClickBehaviorDispatchEvent;
     private handleEscapeBehaviorDispatchEvent;
     addElement: (el: HTMLElement, name?: string) => void;
+    removeElement: (name?: string) => void;
     attachClickBehavior: (name?: string) => void;
     detachClickBehavior: (name?: string) => void;
-    attachEscapeBehavior: (callBack: () => void) => void;
+    attachEscapeBehavior: (callback: () => void) => void;
     detachEscapeBehavior: () => void;
 }

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-09T14:18:39",
+  "timestamp": "2024-02-16T18:14:59",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",
@@ -304,6 +304,11 @@
       "docstring": "",
       "path": "src/components/mds-header/meta/event-detail.ts"
     },
+    "src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": {
+      "declaration": "export type ViewportType =\n  | 'all'\n  | 'tv'\n  | 'xlarge'\n  | 'large'\n  | 'wide'\n  | 'desktop'\n  | 'tablet'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
     "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
       "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
       "docstring": "",
@@ -394,10 +399,10 @@
       "docstring": "",
       "path": "src/components/mds-input-switch/meta/types.ts"
     },
-    "src/type/input.ts::InputValueType": {
-      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+    "src/components/mds-input-switch/meta/event-detail.ts::MdsInputSwitchEventDetail": {
+      "declaration": "export interface MdsInputSwitchEventDetail {\n  name: string\n  checked: boolean\n  value: string\n}",
       "docstring": "",
-      "path": "src/type/input.ts"
+      "path": "src/components/mds-input-switch/meta/event-detail.ts"
     },
     "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
       "declaration": "enum AttachmentSort {\n  status = 'status',\n  date = 'date',\n}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator",
-  "version": "3.6.0",
+  "version": "3.6.2",
   "description": "mds-paginator is a web-component from Magma Design System, 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,7 +24,7 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-paginator-item": "2.8.0",
+    "@maggioli-design-system/mds-paginator-item": "2.8.1",
     "@maggioli-design-system/styles": "14.2.1",
     "@stencil/core": "4.10.0"
   },

package/src/common/keyboard-manager.ts

@@ -1,9 +1,9 @@
 export class KeyboardManager {
   private escapeCallback: () => void
-  private elements = []
+  private elements = new Map<string, HTMLElement>()
 
   private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
-    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter') {
       (event.target as HTMLElement).click()
     }
   }
@@ -15,30 +15,34 @@ export class KeyboardManager {
   }
 
   addElement = (el: HTMLElement, name = 'element'): void => {
-    this.elements[name] = el
+    if (!el) {
+      throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`)
+    }
+    this.elements.set(name, el)
+  }
+
+  removeElement = (name: string = 'element'): void => {
+    this.detachClickBehavior(name)
+    this.elements.delete(name)
   }
 
   attachClickBehavior = (name = 'element'): void => {
-    if (this.elements[name]) {
-      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
-    }
+    this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
   }
 
   detachClickBehavior = (name = 'element'): void => {
-    if (this.elements[name]) {
-      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
-    }
+    this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
   }
 
-  attachEscapeBehavior = (callBack: () => void): void => {
-    this.escapeCallback = callBack
+  attachEscapeBehavior = (callback: () => void): void => {
+    this.escapeCallback = callback
     if (window !== undefined) {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }
 
   detachEscapeBehavior = (): void => {
-    this.escapeCallback = () => {return}
+    this.escapeCallback = () => { return }
     if (window !== undefined) {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }

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

@@ -1,5 +1,7 @@
 import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core'
 import { MdsPaginatorEventDetail } from './meta/event-detail'
+import miBaselineArrowBack from '@icon/mi/baseline/arrow-back.svg'
+import miBaselineArrowForward from '@icon/mi/baseline/arrow-forward.svg'
 
 @Component({
   tag: 'mds-paginator',
@@ -67,7 +69,7 @@ export class MdsPaginator {
   render () {
     return (
       <Host>
-        <mds-paginator-item icon="mi/baseline/arrow-back" disabled={this.currentPage === 1} onClick={ev => this.goToPage(this.currentPage - 1, ev.target as HTMLMdsPaginatorItemElement)}/>
+        <mds-paginator-item icon={miBaselineArrowBack} disabled={this.currentPage === 1} onClick={ev => this.goToPage(this.currentPage - 1, ev.target as HTMLMdsPaginatorItemElement)}/>
         { this.pages > 0 && <mds-paginator-item selected={this.currentPage === 1} onClick={ev => this.goToPage(1, ev.target as HTMLMdsPaginatorItemElement)}>1</mds-paginator-item>}
         { this.pages > 2 &&
           <div class="pages">
@@ -75,7 +77,7 @@ export class MdsPaginator {
           </div>
         }
         { this.pages > 1 && <mds-paginator-item selected={this.currentPage === this.pages} onClick={ev => this.goToPage(this.pages, ev.target as HTMLMdsPaginatorItemElement)}>{ this.pages }</mds-paginator-item>}
-        <mds-paginator-item icon="mi/baseline/arrow-forward" disabled={this.currentPage === this.pages} onClick={ev => this.goToPage(this.currentPage + 1, ev.target as HTMLMdsPaginatorItemElement)}/>
+        <mds-paginator-item icon={miBaselineArrowForward} disabled={this.currentPage === this.pages} onClick={ev => this.goToPage(this.currentPage + 1, ev.target as HTMLMdsPaginatorItemElement)}/>
       </Host>
     )
   }

package/src/fixtures/icons.json

@@ -51,6 +51,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/check-small",
     "mgg/checklist",
     "mgg/checklist-settings",
     "mgg/citizenship",

package/src/fixtures/iconsauce.json

@@ -39,6 +39,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/check-small",
     "mgg/checklist-settings",
     "mgg/checklist",
     "mgg/citizenship",

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

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

package/www/build/p-25606cd0.system.js

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

package/www/build/p-4aa3f96c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as l,H as e,g as r}from"./p-0137eb9c.js";const o=class{constructor(l){t(this,l),this.pageChangedEvent=a(this,"mdsPaginatorChange",7),this.scrollPage=()=>{var t;const a=this.currentPage-2,l=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),e=null==l?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(a<0)return void(l.scrollLeft=0);if(a>e.length-1)return void(l.scrollLeft=e[e.length-1].offsetLeft-l.offsetLeft);const r=e[a];l.scrollLeft=r.offsetLeft-l.offsetLeft-l.offsetWidth/2+r.offsetWidth/2},this.goToPage=(t,a)=>{t<1||t>this.pages||(this.currentPage=t,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit({page:this.currentPage,caller:a}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return l(e,null,l("mds-paginator-item",{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>',disabled:1===this.currentPage,onClick:t=>this.goToPage(this.currentPage-1,t.target)}),this.pages>0&&l("mds-paginator-item",{selected:1===this.currentPage,onClick:t=>this.goToPage(1,t.target)},"1"),this.pages>2&&l("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((t=>l("mds-paginator-item",{key:t,selected:this.currentPage===t+2,onClick:a=>this.goToPage(t+2,a.target)},t+2)))),this.pages>1&&l("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:t=>this.goToPage(this.pages,t.target)},this.pages),l("mds-paginator-item",{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>',disabled:this.currentPage===this.pages,onClick:t=>this.goToPage(this.currentPage+1,t.target)}))}get element(){return r(this)}};o.style="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";export{o as mds_paginator}

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

@@ -0,0 +1 @@
+System.register(["./p-f05b63dd.system.js"],(function(t){"use strict";var a,l,r,e,o;return{setters:[function(t){a=t.r;l=t.c;r=t.h;e=t.H;o=t.g}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';var b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';var n="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var g=t("mds_paginator",function(){function t(t){var r=this;a(this,t);this.pageChangedEvent=l(this,"mdsPaginatorChange",7);this.scrollPage=function(){var t;var a=r.currentPage-2;var l=(t=r.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".pages");var e=l===null||l===void 0?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(a<0){l.scrollLeft=0;return}if(a>e.length-1){var o=e[e.length-1];l.scrollLeft=o.offsetLeft-l.offsetLeft;return}var i=e[a];l.scrollLeft=i.offsetLeft-l.offsetLeft-l.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(t,a){if(t<1||t>r.pages){return}r.currentPage=t;if(r.pages>2){r.scrollPage()}r.pageChangedEvent.emit({page:r.currentPage,caller:a})};this.pages=0;this.currentPage=1}t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){t.goToPage(t.currentPage)}),10)};t.prototype.render=function(){var t=this;return r(e,null,r("mds-paginator-item",{icon:i,disabled:this.currentPage===1,onClick:function(a){return t.goToPage(t.currentPage-1,a.target)}}),this.pages>0&&r("mds-paginator-item",{selected:this.currentPage===1,onClick:function(a){return t.goToPage(1,a.target)}},"1"),this.pages>2&&r("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(a){return r("mds-paginator-item",{key:a,selected:t.currentPage===a+2,onClick:function(l){return t.goToPage(a+2,l.target)}},a+2)}))),this.pages>1&&r("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(a){return t.goToPage(t.pages,a.target)}},this.pages),r("mds-paginator-item",{icon:b,disabled:this.currentPage===this.pages,onClick:function(a){return t.goToPage(t.currentPage+1,a.target)}}))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());g.style=n}}}));

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

@@ -1 +0,0 @@
-System.register(["./p-f05b63dd.system.js"],(function(a){"use strict";var t,l,r,e,o;return{setters:[function(a){t=a.r;l=a.c;r=a.h;e=a.H;o=a.g}],execute:function(){var i="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var b=a("mds_paginator",function(){function a(a){var r=this;t(this,a);this.pageChangedEvent=l(this,"mdsPaginatorChange",7);this.scrollPage=function(){var a;var t=r.currentPage-2;var l=(a=r.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".pages");var e=l===null||l===void 0?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(t<0){l.scrollLeft=0;return}if(t>e.length-1){var o=e[e.length-1];l.scrollLeft=o.offsetLeft-l.offsetLeft;return}var i=e[t];l.scrollLeft=i.offsetLeft-l.offsetLeft-l.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(a,t){if(a<1||a>r.pages){return}r.currentPage=a;if(r.pages>2){r.scrollPage()}r.pageChangedEvent.emit({page:r.currentPage,caller:t})};this.pages=0;this.currentPage=1}a.prototype.componentDidLoad=function(){var a=this;setTimeout((function(){a.goToPage(a.currentPage)}),10)};a.prototype.render=function(){var a=this;return r(e,null,r("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(t){return a.goToPage(a.currentPage-1,t.target)}}),this.pages>0&&r("mds-paginator-item",{selected:this.currentPage===1,onClick:function(t){return a.goToPage(1,t.target)}},"1"),this.pages>2&&r("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return r("mds-paginator-item",{key:t,selected:a.currentPage===t+2,onClick:function(l){return a.goToPage(t+2,l.target)}},t+2)}))),this.pages>1&&r("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.pages,t.target)}},this.pages),r("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.currentPage+1,t.target)}}))};Object.defineProperty(a.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return a}());b.style=i}}}));

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

@@ -1 +0,0 @@
-import{r as a,c as t,h as l,H as e,g as r}from"./p-0137eb9c.js";const o=class{constructor(l){a(this,l),this.pageChangedEvent=t(this,"mdsPaginatorChange",7),this.scrollPage=()=>{var a;const t=this.currentPage-2,l=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".pages"),e=null==l?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(t<0)return void(l.scrollLeft=0);if(t>e.length-1)return void(l.scrollLeft=e[e.length-1].offsetLeft-l.offsetLeft);const r=e[t];l.scrollLeft=r.offsetLeft-l.offsetLeft-l.offsetWidth/2+r.offsetWidth/2},this.goToPage=(a,t)=>{a<1||a>this.pages||(this.currentPage=a,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit({page:this.currentPage,caller:t}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return l(e,null,l("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:a=>this.goToPage(this.currentPage-1,a.target)}),this.pages>0&&l("mds-paginator-item",{selected:1===this.currentPage,onClick:a=>this.goToPage(1,a.target)},"1"),this.pages>2&&l("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((a=>l("mds-paginator-item",{key:a,selected:this.currentPage===a+2,onClick:t=>this.goToPage(a+2,t.target)},a+2)))),this.pages>1&&l("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:a=>this.goToPage(this.pages,a.target)},this.pages),l("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:a=>this.goToPage(this.currentPage+1,a.target)}))}get element(){return r(this)}};o.style="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";export{o as mds_paginator}

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

@@ -1 +0,0 @@
-System.register(["./p-f05b63dd.system.js"],(function(a){"use strict";var t,l,r,e,o;return{setters:[function(a){t=a.r;l=a.c;r=a.h;e=a.H;o=a.g}],execute:function(){var i="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";var b=a("mds_paginator",function(){function a(a){var r=this;t(this,a);this.pageChangedEvent=l(this,"mdsPaginatorChange",7);this.scrollPage=function(){var a;var t=r.currentPage-2;var l=(a=r.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".pages");var e=l===null||l===void 0?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(t<0){l.scrollLeft=0;return}if(t>e.length-1){var o=e[e.length-1];l.scrollLeft=o.offsetLeft-l.offsetLeft;return}var i=e[t];l.scrollLeft=i.offsetLeft-l.offsetLeft-l.offsetWidth/2+i.offsetWidth/2};this.goToPage=function(a,t){if(a<1||a>r.pages){return}r.currentPage=a;if(r.pages>2){r.scrollPage()}r.pageChangedEvent.emit({page:r.currentPage,caller:t})};this.pages=0;this.currentPage=1}a.prototype.componentDidLoad=function(){var a=this;setTimeout((function(){a.goToPage(a.currentPage)}),10)};a.prototype.render=function(){var a=this;return r(e,null,r("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(t){return a.goToPage(a.currentPage-1,t.target)}}),this.pages>0&&r("mds-paginator-item",{selected:this.currentPage===1,onClick:function(t){return a.goToPage(1,t.target)}},"1"),this.pages>2&&r("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return r("mds-paginator-item",{key:t,selected:a.currentPage===t+2,onClick:function(l){return a.goToPage(t+2,l.target)}},t+2)}))),this.pages>1&&r("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.pages,t.target)}},this.pages),r("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(t){return a.goToPage(a.currentPage+1,t.target)}}))};Object.defineProperty(a.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return a}());b.style=i}}}));

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

@@ -1 +0,0 @@
-import{r as a,c as t,h as l,H as e,g as r}from"./p-0137eb9c.js";const o=class{constructor(l){a(this,l),this.pageChangedEvent=t(this,"mdsPaginatorChange",7),this.scrollPage=()=>{var a;const t=this.currentPage-2,l=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".pages"),e=null==l?void 0:l.querySelectorAll("mds-paginator-item");if(!l||!e)return;if(t<0)return void(l.scrollLeft=0);if(t>e.length-1)return void(l.scrollLeft=e[e.length-1].offsetLeft-l.offsetLeft);const r=e[t];l.scrollLeft=r.offsetLeft-l.offsetLeft-l.offsetWidth/2+r.offsetWidth/2},this.goToPage=(a,t)=>{a<1||a>this.pages||(this.currentPage=a,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit({page:this.currentPage,caller:t}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return l(e,null,l("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:a=>this.goToPage(this.currentPage-1,a.target)}),this.pages>0&&l("mds-paginator-item",{selected:1===this.currentPage,onClick:a=>this.goToPage(1,a.target)},"1"),this.pages>2&&l("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((a=>l("mds-paginator-item",{key:a,selected:this.currentPage===a+2,onClick:t=>this.goToPage(a+2,t.target)},a+2)))),this.pages>1&&l("mds-paginator-item",{selected:this.currentPage===this.pages,onClick:a=>this.goToPage(this.pages,a.target)},this.pages),l("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:a=>this.goToPage(this.currentPage+1,a.target)}))}get element(){return r(this)}};o.style="@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.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));gap:0.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;border-radius:9999px;padding:0.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-background);display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:smooth}.pages::-webkit-scrollbar{display:none}";export{o as mds_paginator}