@maggioli-design-system/mds-paginator 2.1.2 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/mds-paginator.cjs.entry.js +1 -1
- package/dist/collection/common/keyboard-manager.js +40 -0
- package/dist/collection/components/mds-paginator/mds-paginator.css +18 -34
- package/dist/collection/dictionary/typography.js +5 -1
- package/dist/components/mds-paginator.js +1 -1
- package/dist/esm/mds-paginator.entry.js +1 -1
- package/dist/esm-es5/mds-paginator.entry.js +1 -1
- package/dist/mds-paginator/mds-paginator.esm.js +1 -1
- package/dist/mds-paginator/p-2a7d3df7.system.entry.js +1 -0
- package/dist/mds-paginator/p-2f9cc631.entry.js +1 -0
- package/dist/mds-paginator/p-d375dd5d.system.js +1 -1
- package/dist/stats.json +18 -16
- package/dist/types/common/keyboard-manager.d.ts +11 -0
- package/dist/types/dictionary/typography.d.ts +2 -1
- package/dist/types/types/typography.d.ts +1 -0
- package/package.json +3 -3
- package/src/common/keyboard-manager.ts +46 -0
- package/src/components/mds-paginator/mds-paginator.css +4 -9
- package/src/dictionary/typography.ts +9 -3
- package/src/fixtures/icons.json +1 -0
- package/src/tailwind/components.css +1 -0
- package/src/types/typography.ts +4 -0
- package/www/build/mds-paginator.esm.js +1 -1
- package/www/build/p-2a7d3df7.system.entry.js +1 -0
- package/www/build/p-2f9cc631.entry.js +1 -0
- package/www/build/p-d375dd5d.system.js +1 -1
- package/dist/mds-paginator/p-3c5c184f.entry.js +0 -1
- package/dist/mds-paginator/p-4984613d.system.entry.js +0 -1
- package/www/build/p-3c5c184f.entry.js +0 -1
- package/www/build/p-4984613d.system.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0a1b6680.js');
|
|
6
6
|
|
|
7
|
-
const mdsPaginatorCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px
|
|
7
|
+
const mdsPaginatorCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";
|
|
8
8
|
|
|
9
9
|
const MdsPaginator = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export class KeyboardManager {
|
|
2
|
+
constructor() {
|
|
3
|
+
this.elements = [];
|
|
4
|
+
this.handleClickBehaviorDispatchEvent = (event) => {
|
|
5
|
+
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
|
|
6
|
+
event.target.click();
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
this.handleEscapeBehaviorDispatchEvent = (event) => {
|
|
10
|
+
if (event.code === 'Escape' && this.escapeCallback) {
|
|
11
|
+
this.escapeCallback();
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
this.addElement = (el, name = 'element') => {
|
|
15
|
+
this.elements[name] = el;
|
|
16
|
+
};
|
|
17
|
+
this.attachClickBehavior = (name = 'element') => {
|
|
18
|
+
if (this.elements[name]) {
|
|
19
|
+
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
this.detachClickBehavior = (name = 'element') => {
|
|
23
|
+
if (this.elements[name]) {
|
|
24
|
+
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
this.attachEscapeBehavior = (callBack) => {
|
|
28
|
+
this.escapeCallback = callBack;
|
|
29
|
+
if (typeof window !== undefined) {
|
|
30
|
+
window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
this.detachEscapeBehavior = () => {
|
|
34
|
+
this.escapeCallback = null;
|
|
35
|
+
if (typeof window !== undefined) {
|
|
36
|
+
window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
@tailwind components;
|
|
2
|
+
.fixed{
|
|
2
3
|
|
|
3
4
|
position: fixed;
|
|
4
5
|
}
|
|
5
|
-
|
|
6
|
-
.absolute {
|
|
6
|
+
.absolute{
|
|
7
7
|
|
|
8
8
|
position: absolute;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
.border {
|
|
10
|
+
.border{
|
|
12
11
|
|
|
13
12
|
border-width: 1px;
|
|
14
13
|
}
|
|
15
|
-
|
|
16
|
-
.shadow {
|
|
14
|
+
.shadow{
|
|
17
15
|
|
|
18
16
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
19
17
|
|
|
@@ -21,7 +19,6 @@
|
|
|
21
19
|
|
|
22
20
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
23
21
|
}
|
|
24
|
-
|
|
25
22
|
/**
|
|
26
23
|
* @prop --mds-paginator-background: Sets the background-color of the pages area and the item
|
|
27
24
|
*/
|
|
@@ -38,35 +35,22 @@
|
|
|
38
35
|
}
|
|
39
36
|
|
|
40
37
|
.pages {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
scroll-behavior: smooth;
|
|
55
|
-
|
|
56
|
-
border-radius: 9999px;
|
|
57
|
-
|
|
58
|
-
padding: 0.5rem;
|
|
38
|
+
-webkit-overflow-scrolling: touch;
|
|
39
|
+
-ms-overflow-style: none;
|
|
40
|
+
scrollbar-width: none;
|
|
41
|
+
margin-left: 0.5rem;
|
|
42
|
+
margin-right: 0.5rem;
|
|
43
|
+
display: flex;
|
|
44
|
+
flex-shrink: 1;
|
|
45
|
+
align-items: center;
|
|
46
|
+
overflow: auto;
|
|
47
|
+
scroll-behavior: smooth;
|
|
48
|
+
border-radius: 9999px;
|
|
49
|
+
padding: 0.5rem;
|
|
59
50
|
|
|
60
51
|
background-color: var(--mds-paginator-background);
|
|
61
52
|
gap: 2px;
|
|
62
|
-
|
|
63
|
-
/* scroll-snap-type: x mandatory; */
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
:host () .pages {
|
|
67
|
-
-ms-overflow-style: none;
|
|
68
|
-
scrollbar-width: none;
|
|
69
|
-
}
|
|
53
|
+
}
|
|
70
54
|
|
|
71
55
|
.pages::-webkit-scrollbar {
|
|
72
56
|
display: none;
|
|
@@ -21,6 +21,10 @@ const typographyVariationsDictionary = [
|
|
|
21
21
|
'read',
|
|
22
22
|
'code',
|
|
23
23
|
];
|
|
24
|
+
const typographyReadingVariationsDictionary = [
|
|
25
|
+
'info',
|
|
26
|
+
'read',
|
|
27
|
+
];
|
|
24
28
|
const typographyMonoDictionary = [
|
|
25
29
|
'snippet',
|
|
26
30
|
'hack',
|
|
@@ -56,4 +60,4 @@ const typographyTooltipDictionary = [
|
|
|
56
60
|
'detail',
|
|
57
61
|
'tip',
|
|
58
62
|
];
|
|
59
|
-
export { typographyDictionary,
|
|
63
|
+
export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const mdsPaginatorCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px
|
|
3
|
+
const mdsPaginatorCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";
|
|
4
4
|
|
|
5
5
|
const MdsPaginator$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-af99740b.js';
|
|
2
2
|
|
|
3
|
-
const mdsPaginatorCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px
|
|
3
|
+
const mdsPaginatorCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";
|
|
4
4
|
|
|
5
5
|
const MdsPaginator = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af99740b.js";var mdsPaginatorCss=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af99740b.js";var mdsPaginatorCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var MdsPaginator=function(){function e(e){var t=this;registerInstance(this,e);this.pageChangedEvent=createEvent(this,"pageChangedEvent",7);this.scrollPage=function(){var e=t.currentPage-2;var r=t.element.shadowRoot.querySelector(".pages");var a=r.querySelectorAll("mds-paginator-item");if(e<0){r.scrollLeft=0;return}if(e>a.length-1){var o=a[a.length-1];r.scrollLeft=o.offsetLeft-r.offsetLeft;return}var n=a[e];r.scrollLeft=n.offsetLeft-r.offsetLeft-r.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>t.pages){return}t.currentPage=e;if(t.pages>2){t.scrollPage()}t.pageChangedEvent.emit(t.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return h(Host,null,h("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&h("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&h("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return h("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&h("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),h("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsPaginator.style=mdsPaginatorCss;export{MdsPaginator as mds_paginator};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-
|
|
1
|
+
import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-2f9cc631",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var i="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var s=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as s,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){i(this,t),this.pageChangedEvent=s(this,"pageChangedEvent",7),this.scrollPage=()=>{const i=this.currentPage-2,s=this.element.shadowRoot.querySelector(".pages"),t=s.querySelectorAll("mds-paginator-item");if(i<0)return void(s.scrollLeft=0);if(i>t.length-1)return void(s.scrollLeft=t[t.length-1].offsetLeft-s.offsetLeft);const a=t[i];s.scrollLeft=a.offsetLeft-s.offsetLeft-s.offsetWidth/2+a.offsetWidth/2},this.goToPage=i=>{i<1||i>this.pages||(this.currentPage=i,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((i=>t("mds-paginator-item",{key:i,active:this.currentPage===i+2,onClick:()=>this.goToPage(i+2)},i+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-2a7d3df7.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));
|
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2023-
|
|
2
|
+
"timestamp": "2023-03-02T10:00:49",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "18.3.0"
|
|
@@ -9,13 +9,14 @@
|
|
|
9
9
|
"fsNamespace": "mds-paginator",
|
|
10
10
|
"components": 1,
|
|
11
11
|
"entries": 1,
|
|
12
|
-
"bundles":
|
|
12
|
+
"bundles": 65,
|
|
13
13
|
"outputs": [
|
|
14
14
|
{
|
|
15
15
|
"name": "dist-collection",
|
|
16
|
-
"files":
|
|
16
|
+
"files": 24,
|
|
17
17
|
"generatedFiles": [
|
|
18
18
|
"./dist/collection/common/aria.js",
|
|
19
|
+
"./dist/collection/common/keyboard-manager.js",
|
|
19
20
|
"./dist/collection/components/mds-paginator/mds-paginator.js",
|
|
20
21
|
"./dist/collection/components/mds-paginator/test/mds-paginator.stories.js",
|
|
21
22
|
"./dist/collection/dictionary/autocomplete.js",
|
|
@@ -74,8 +75,8 @@
|
|
|
74
75
|
"./dist/mds-paginator/index.esm.js",
|
|
75
76
|
"./dist/mds-paginator/mds-paginator.esm.js",
|
|
76
77
|
"./dist/mds-paginator/mds-paginator.js",
|
|
77
|
-
"./dist/mds-paginator/p-
|
|
78
|
-
"./dist/mds-paginator/p-
|
|
78
|
+
"./dist/mds-paginator/p-2a7d3df7.system.entry.js",
|
|
79
|
+
"./dist/mds-paginator/p-2f9cc631.entry.js",
|
|
79
80
|
"./dist/mds-paginator/p-50ea2036.system.js",
|
|
80
81
|
"./dist/mds-paginator/p-a53254ac.system.js",
|
|
81
82
|
"./dist/mds-paginator/p-bc44a1b3.js",
|
|
@@ -83,8 +84,8 @@
|
|
|
83
84
|
"./www/build/index.esm.js",
|
|
84
85
|
"./www/build/mds-paginator.esm.js",
|
|
85
86
|
"./www/build/mds-paginator.js",
|
|
86
|
-
"./www/build/p-
|
|
87
|
-
"./www/build/p-
|
|
87
|
+
"./www/build/p-2a7d3df7.system.entry.js",
|
|
88
|
+
"./www/build/p-2f9cc631.entry.js",
|
|
88
89
|
"./www/build/p-50ea2036.system.js",
|
|
89
90
|
"./www/build/p-a53254ac.system.js",
|
|
90
91
|
"./www/build/p-bc44a1b3.js",
|
|
@@ -121,12 +122,12 @@
|
|
|
121
122
|
"components": [
|
|
122
123
|
"mds-paginator"
|
|
123
124
|
],
|
|
124
|
-
"bundleId": "p-
|
|
125
|
-
"fileName": "p-
|
|
125
|
+
"bundleId": "p-2f9cc631",
|
|
126
|
+
"fileName": "p-2f9cc631.entry.js",
|
|
126
127
|
"imports": [
|
|
127
128
|
"p-bc44a1b3.js"
|
|
128
129
|
],
|
|
129
|
-
"originalByteSize":
|
|
130
|
+
"originalByteSize": 3464
|
|
130
131
|
}
|
|
131
132
|
],
|
|
132
133
|
"esm": [
|
|
@@ -140,7 +141,7 @@
|
|
|
140
141
|
"imports": [
|
|
141
142
|
"index-af99740b.js"
|
|
142
143
|
],
|
|
143
|
-
"originalByteSize":
|
|
144
|
+
"originalByteSize": 3468
|
|
144
145
|
}
|
|
145
146
|
],
|
|
146
147
|
"es5": [
|
|
@@ -154,7 +155,7 @@
|
|
|
154
155
|
"imports": [
|
|
155
156
|
"index-af99740b.js"
|
|
156
157
|
],
|
|
157
|
-
"originalByteSize":
|
|
158
|
+
"originalByteSize": 3468
|
|
158
159
|
}
|
|
159
160
|
],
|
|
160
161
|
"system": [
|
|
@@ -163,12 +164,12 @@
|
|
|
163
164
|
"components": [
|
|
164
165
|
"mds-paginator"
|
|
165
166
|
],
|
|
166
|
-
"bundleId": "p-
|
|
167
|
-
"fileName": "p-
|
|
167
|
+
"bundleId": "p-2a7d3df7.system",
|
|
168
|
+
"fileName": "p-2a7d3df7.system.entry.js",
|
|
168
169
|
"imports": [
|
|
169
170
|
"p-a53254ac.system.js"
|
|
170
171
|
],
|
|
171
|
-
"originalByteSize":
|
|
172
|
+
"originalByteSize": 3989
|
|
172
173
|
}
|
|
173
174
|
],
|
|
174
175
|
"commonjs": [
|
|
@@ -182,7 +183,7 @@
|
|
|
182
183
|
"imports": [
|
|
183
184
|
"index-0a1b6680.js"
|
|
184
185
|
],
|
|
185
|
-
"originalByteSize":
|
|
186
|
+
"originalByteSize": 3545
|
|
186
187
|
}
|
|
187
188
|
]
|
|
188
189
|
},
|
|
@@ -466,6 +467,7 @@
|
|
|
466
467
|
},
|
|
467
468
|
"sourceGraph": {
|
|
468
469
|
"./src/common/aria.ts": [],
|
|
470
|
+
"./src/common/keyboard-manager.ts": [],
|
|
469
471
|
"./src/components/mds-paginator/mds-paginator.tsx": [],
|
|
470
472
|
"./src/components/mds-paginator/test/mds-paginator.stories.tsx": [],
|
|
471
473
|
"./src/dictionary/autocomplete.ts": [],
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare class KeyboardManager {
|
|
2
|
+
private escapeCallback;
|
|
3
|
+
private elements;
|
|
4
|
+
private handleClickBehaviorDispatchEvent;
|
|
5
|
+
private handleEscapeBehaviorDispatchEvent;
|
|
6
|
+
addElement: (el: HTMLElement, name?: string) => void;
|
|
7
|
+
attachClickBehavior: (name?: string) => void;
|
|
8
|
+
detachClickBehavior: (name?: string) => void;
|
|
9
|
+
attachEscapeBehavior: (callBack: () => void) => void;
|
|
10
|
+
detachEscapeBehavior: () => void;
|
|
11
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
declare const typographyDictionary: string[];
|
|
2
2
|
declare const typographyVariationsDictionary: string[];
|
|
3
|
+
declare const typographyReadingVariationsDictionary: string[];
|
|
3
4
|
declare const typographyMonoDictionary: string[];
|
|
4
5
|
declare const typographyTitleDictionary: string[];
|
|
5
6
|
declare const typographyInfoDictionary: string[];
|
|
6
7
|
declare const typographyReadDictionary: string[];
|
|
7
8
|
declare const typographySmallerDictionary: string[];
|
|
8
9
|
declare const typographyTooltipDictionary: string[];
|
|
9
|
-
export { typographyDictionary,
|
|
10
|
+
export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
2
2
|
export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
|
|
3
|
+
export type TypographyReadingVariants = 'info' | 'read';
|
|
3
4
|
export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
5
|
export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
|
|
5
6
|
export type TypographyReadType = 'caption' | 'detail' | 'paragraph';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-paginator",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "mds-paginator is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"test": "stencil test --spec --e2e"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@maggioli-design-system/mds-paginator-item": "^2.
|
|
27
|
-
"@maggioli-design-system/styles": "^11.1
|
|
26
|
+
"@maggioli-design-system/mds-paginator-item": "^2.2.0",
|
|
27
|
+
"@maggioli-design-system/styles": "^11.2.1",
|
|
28
28
|
"@stencil/core": "^2.22.2"
|
|
29
29
|
},
|
|
30
30
|
"license": "MIT",
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export class KeyboardManager {
|
|
2
|
+
private escapeCallback: () => void
|
|
3
|
+
private elements = []
|
|
4
|
+
|
|
5
|
+
private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
|
|
6
|
+
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
|
|
7
|
+
(event.target as HTMLElement).click()
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
private handleEscapeBehaviorDispatchEvent = (event: KeyboardEvent): void => {
|
|
12
|
+
if (event.code === 'Escape' && this.escapeCallback) {
|
|
13
|
+
this.escapeCallback()
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
addElement = (el: HTMLElement, name = 'element'): void => {
|
|
18
|
+
this.elements[name] = el
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
attachClickBehavior = (name = 'element'): void => {
|
|
22
|
+
if (this.elements[name]) {
|
|
23
|
+
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
detachClickBehavior = (name = 'element'): void => {
|
|
28
|
+
if (this.elements[name]) {
|
|
29
|
+
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
attachEscapeBehavior = (callBack: () => void): void => {
|
|
34
|
+
this.escapeCallback = callBack
|
|
35
|
+
if (typeof window !== undefined) {
|
|
36
|
+
window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
detachEscapeBehavior = (): void => {
|
|
41
|
+
this.escapeCallback = null
|
|
42
|
+
if (typeof window !== undefined) {
|
|
43
|
+
window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
@import '../../tailwind/components.css';
|
|
2
|
+
@tailwind components;
|
|
1
3
|
@tailwind utilities;
|
|
2
|
-
|
|
3
4
|
/**
|
|
4
5
|
* @prop --mds-paginator-background: Sets the background-color of the pages area and the item
|
|
5
6
|
*/
|
|
@@ -18,22 +19,16 @@
|
|
|
18
19
|
@apply
|
|
19
20
|
flex
|
|
20
21
|
flex-shrink
|
|
22
|
+
hide-scrollbar
|
|
21
23
|
items-center
|
|
22
|
-
overflow-auto
|
|
23
24
|
mx-2
|
|
25
|
+
overflow-auto
|
|
24
26
|
p-2
|
|
25
27
|
rounded-full
|
|
26
28
|
scroll-smooth;
|
|
27
29
|
|
|
28
30
|
background-color: var(--mds-paginator-background);
|
|
29
31
|
gap: 2px;
|
|
30
|
-
|
|
31
|
-
/* scroll-snap-type: x mandatory; */
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:host () .pages {
|
|
35
|
-
-ms-overflow-style: none;
|
|
36
|
-
scrollbar-width: none;
|
|
37
32
|
}
|
|
38
33
|
|
|
39
34
|
.pages::-webkit-scrollbar {
|
|
@@ -23,6 +23,11 @@ const typographyVariationsDictionary = [
|
|
|
23
23
|
'code',
|
|
24
24
|
]
|
|
25
25
|
|
|
26
|
+
const typographyReadingVariationsDictionary = [
|
|
27
|
+
'info',
|
|
28
|
+
'read',
|
|
29
|
+
]
|
|
30
|
+
|
|
26
31
|
const typographyMonoDictionary = [
|
|
27
32
|
'snippet',
|
|
28
33
|
'hack',
|
|
@@ -66,11 +71,12 @@ const typographyTooltipDictionary = [
|
|
|
66
71
|
|
|
67
72
|
export {
|
|
68
73
|
typographyDictionary,
|
|
69
|
-
typographyVariationsDictionary,
|
|
70
|
-
typographyMonoDictionary,
|
|
71
|
-
typographyTitleDictionary,
|
|
72
74
|
typographyInfoDictionary,
|
|
75
|
+
typographyReadingVariationsDictionary,
|
|
76
|
+
typographyMonoDictionary,
|
|
73
77
|
typographyReadDictionary,
|
|
74
78
|
typographySmallerDictionary,
|
|
79
|
+
typographyTitleDictionary,
|
|
75
80
|
typographyTooltipDictionary,
|
|
81
|
+
typographyVariationsDictionary,
|
|
76
82
|
}
|
package/src/fixtures/icons.json
CHANGED
package/src/types/typography.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-
|
|
1
|
+
import{p as r,b as a}from"./p-bc44a1b3.js";export{s as setNonce}from"./p-bc44a1b3.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),r(e)})().then((r=>a([["p-2f9cc631",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],r)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var i="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";var s=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as s,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){i(this,t),this.pageChangedEvent=s(this,"pageChangedEvent",7),this.scrollPage=()=>{const i=this.currentPage-2,s=this.element.shadowRoot.querySelector(".pages"),t=s.querySelectorAll("mds-paginator-item");if(i<0)return void(s.scrollLeft=0);if(i>t.length-1)return void(s.scrollLeft=t[t.length-1].offsetLeft-s.offsetLeft);const a=t[i];s.scrollLeft=a.offsetLeft-s.offsetLeft-s.offsetWidth/2+a.offsetWidth/2},this.goToPage=i=>{i<1||i>this.pages||(this.currentPage=i,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((i=>t("mds-paginator-item",{key:i,active:this.currentPage===i+2,onClick:()=>this.goToPage(i+2)},i+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-a53254ac.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-2a7d3df7.system",[[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]]]],e)}))}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as i,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",7),this.scrollPage=()=>{const s=this.currentPage-2,i=this.element.shadowRoot.querySelector(".pages"),t=i.querySelectorAll("mds-paginator-item");if(s<0)return void(i.scrollLeft=0);if(s>t.length-1)return void(i.scrollLeft=t[t.length-1].offsetLeft-i.offsetLeft);const a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var s=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as i,h as t,H as a,g as o}from"./p-bc44a1b3.js";const r=class{constructor(t){s(this,t),this.pageChangedEvent=i(this,"pageChangedEvent",7),this.scrollPage=()=>{const s=this.currentPage-2,i=this.element.shadowRoot.querySelector(".pages"),t=i.querySelectorAll("mds-paginator-item");if(s<0)return void(i.scrollLeft=0);if(s>t.length-1)return void(i.scrollLeft=t[t.length-1].offsetLeft-i.offsetLeft);const a=t[s];i.scrollLeft=a.offsetLeft-i.offsetLeft-i.offsetWidth/2+a.offsetWidth/2},this.goToPage=s=>{s<1||s>this.pages||(this.currentPage=s,this.pages>2&&this.scrollPage(),this.pageChangedEvent.emit(this.currentPage))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return t(a,null,t("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1)}),this.pages>0&&t("mds-paginator-item",{active:1===this.currentPage,onClick:()=>this.goToPage(1)},"1"),this.pages>2&&t("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((s=>t("mds-paginator-item",{key:s,active:this.currentPage===s+2,onClick:()=>this.goToPage(s+2)},s+2)))),this.pages>1&&t("mds-paginator-item",{active:this.currentPage===this.pages,onClick:()=>this.goToPage(this.pages)},this.pages),t("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:()=>this.goToPage(this.currentPage+1)}))}get element(){return o(this)}};r.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";export{r as mds_paginator}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-a53254ac.system.js"],(function(e){"use strict";var t,r,a,o,n;return{setters:[function(e){t=e.r;r=e.c;a=e.h;o=e.H;n=e.g}],execute:function(){var s=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-background:rgb(var(--tone-neutral-09));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25rem}.pages{margin-left:0.5rem;margin-right:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-align:center;align-items:center;overflow:auto;scroll-behavior:smooth;border-radius:9999px;padding:0.5rem;background-color:var(--mds-paginator-background);gap:2px;}:host() .pages{-ms-overflow-style:none;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}";var i=e("mds_paginator",function(){function e(e){var a=this;t(this,e);this.pageChangedEvent=r(this,"pageChangedEvent",7);this.scrollPage=function(){var e=a.currentPage-2;var t=a.element.shadowRoot.querySelector(".pages");var r=t.querySelectorAll("mds-paginator-item");if(e<0){t.scrollLeft=0;return}if(e>r.length-1){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[e];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2};this.goToPage=function(e){if(e<1||e>a.pages){return}a.currentPage=e;if(a.pages>2){a.scrollPage()}a.pageChangedEvent.emit(a.currentPage)};this.pages=0;this.currentPage=1}e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.goToPage(e.currentPage)}),10)};e.prototype.render=function(){var e=this;return a(o,null,a("mds-paginator-item",{icon:"mi/baseline/arrow-back",disabled:this.currentPage===1,onClick:function(){return e.goToPage(e.currentPage-1)}}),this.pages>0&&a("mds-paginator-item",{active:this.currentPage===1,onClick:function(){return e.goToPage(1)}},"1"),this.pages>2&&a("div",{class:"pages"},Array.from(Array(this.pages-2).keys()).map((function(t){return a("mds-paginator-item",{key:t,active:e.currentPage===t+2,onClick:function(){return e.goToPage(t+2)}},t+2)}))),this.pages>1&&a("mds-paginator-item",{active:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.pages)}},this.pages),a("mds-paginator-item",{icon:"mi/baseline/arrow-forward",disabled:this.currentPage===this.pages,onClick:function(){return e.goToPage(e.currentPage+1)}}))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());i.style=s}}}));
|