@jumpgroup/jump-design-system 0.1.4 → 0.1.5
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/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/{index-c572276a.js → index-46644e39.js} +499 -152
- package/dist/cjs/index-46644e39.js.map +1 -0
- package/dist/cjs/jump-button.cjs.entry.js +22 -15
- package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-design-system.cjs.js +6 -4
- package/dist/cjs/jump-design-system.cjs.js.map +1 -1
- package/dist/cjs/jump-icon.cjs.entry.js +19 -30
- package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination.cjs.entry.js +22 -21
- package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +6 -4
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/app-icon/jump-icon.js +59 -59
- package/dist/collection/components/app-icon/jump-icon.js.map +1 -1
- package/dist/collection/components/app-icon/jump-icon.stories.js +16 -16
- package/dist/collection/components/app-icon/jump-icon.stories.js.map +1 -1
- package/dist/collection/components/app-icon/test/jump-icon.e2e.js +6 -6
- package/dist/collection/components/app-icon/test/jump-icon.e2e.js.map +1 -1
- package/dist/collection/components/app-icon/test/jump-icon.spec.js +7 -7
- package/dist/collection/components/app-icon/test/jump-icon.spec.js.map +1 -1
- package/dist/collection/components/jump-button/jump-button.js +266 -153
- package/dist/collection/components/jump-button/jump-button.js.map +1 -1
- package/dist/collection/components/jump-button/jump-button.stories.js +284 -167
- package/dist/collection/components/jump-button/jump-button.stories.js.map +1 -1
- package/dist/collection/components/jump-button/test/jump-button.e2e.js +6 -6
- package/dist/collection/components/jump-button/test/jump-button.e2e.js.map +1 -1
- package/dist/collection/components/jump-button/test/jump-button.spec.js +7 -7
- package/dist/collection/components/jump-button/test/jump-button.spec.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.js +175 -175
- package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js +91 -92
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map +1 -1
- package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js +6 -6
- package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js.map +1 -1
- package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js +7 -7
- package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js.map +1 -1
- package/dist/collection/utils/utils.js +1 -1
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/collection/utils/utils.spec.js +12 -12
- package/dist/collection/utils/utils.spec.js.map +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +1 -1
- package/dist/components/jump-button.d.ts +2 -2
- package/dist/components/jump-button.js +47 -34
- package/dist/components/jump-button.js.map +1 -1
- package/dist/components/jump-icon.d.ts +2 -2
- package/dist/components/jump-icon2.js +33 -44
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-pagination.d.ts +2 -2
- package/dist/components/jump-pagination.js +47 -46
- package/dist/components/jump-pagination.js.map +1 -1
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/{index-ad69454c.js → index-b0176170.js} +499 -152
- package/dist/esm/index-b0176170.js.map +1 -0
- package/dist/esm/jump-button.entry.js +22 -15
- package/dist/esm/jump-button.entry.js.map +1 -1
- package/dist/esm/jump-design-system.js +7 -5
- package/dist/esm/jump-design-system.js.map +1 -1
- package/dist/esm/jump-icon.entry.js +19 -30
- package/dist/esm/jump-icon.entry.js.map +1 -1
- package/dist/esm/jump-pagination.entry.js +22 -21
- package/dist/esm/jump-pagination.entry.js.map +1 -1
- package/dist/esm/loader.js +7 -5
- package/dist/esm/loader.js.map +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
- package/dist/jump-design-system/p-0d2b55a8.entry.js +2 -0
- package/dist/jump-design-system/p-0d2b55a8.entry.js.map +1 -0
- package/dist/jump-design-system/{p-15ecd712.entry.js → p-3cbc3a68.entry.js} +3 -3
- package/dist/jump-design-system/p-3cbc3a68.entry.js.map +1 -0
- package/dist/jump-design-system/p-68bce598.js +3 -0
- package/dist/jump-design-system/p-68bce598.js.map +1 -0
- package/dist/jump-design-system/{p-42799645.entry.js → p-9e6ea006.entry.js} +2 -2
- package/dist/jump-design-system/p-9e6ea006.entry.js.map +1 -0
- package/dist/jump-design-system/p-e1255160.js +2 -0
- package/dist/jump-design-system/p-e1255160.js.map +1 -0
- package/dist/jump-design-system-elements.json +53 -1
- package/dist/types/components/app-icon/jump-icon.d.ts +10 -10
- package/dist/types/components/app-icon/jump-icon.stories.d.ts +14 -14
- package/dist/types/components/jump-button/jump-button.d.ts +53 -29
- package/dist/types/components/jump-button/jump-button.stories.d.ts +147 -85
- package/dist/types/components/jump-pagination/jump-pagination.d.ts +24 -24
- package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts +63 -63
- package/dist/types/components.d.ts +52 -4
- package/dist/types/stencil-public-runtime.d.ts +46 -5
- package/loader/index.d.ts +1 -1
- package/package.json +2 -2
- package/readme.md +13 -8
- package/dist/cjs/index-c572276a.js.map +0 -1
- package/dist/esm/index-ad69454c.js.map +0 -1
- package/dist/jump-design-system/p-15ecd712.entry.js.map +0 -1
- package/dist/jump-design-system/p-42799645.entry.js.map +0 -1
- package/dist/jump-design-system/p-44f459bb.js +0 -3
- package/dist/jump-design-system/p-44f459bb.js.map +0 -1
- package/dist/jump-design-system/p-6ba563bd.entry.js +0 -2
- package/dist/jump-design-system/p-6ba563bd.entry.js.map +0 -1
|
@@ -1,180 +1,180 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class JumpPagination {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
3
|
+
constructor() {
|
|
4
|
+
this.totalElements = undefined;
|
|
5
|
+
this.currentPage = undefined;
|
|
6
|
+
this.lastPage = undefined;
|
|
7
|
+
this.labelElementsPerPage = 'Elementi per pagina';
|
|
8
|
+
this.elementsRanges = [10, 20, 60, 100];
|
|
9
|
+
this.firstPage = undefined;
|
|
10
|
+
this.completeVersion = false;
|
|
11
|
+
this.showAdditionalChrevrons = false;
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
var _a;
|
|
15
|
+
return (h(Host, { key: 'eacb989c1eafddab001bce8a3e7618b42e281604', class: "JumpPagination" }, h("div", { key: '52ebe6a91e9cde9f4bdcbad4be0a7e16d0a3867f', class: "JumpPagination__Wrapper" }, this.completeVersion &&
|
|
16
|
+
h("div", { class: "elementsPerPage" }, h("label", { htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { name: "elements", id: "elements" }, this.elementsRanges.map((range) => (h("option", { value: range }, range))))), h("div", { key: '97a70fd1f86f644ee0199f0a6f1945988579705c', class: "indicators" }, h("div", { key: '9e9a1c2f541b3aaad78105a58f051127770b6e4d', class: "elements" }, this.completeVersion ?
|
|
17
|
+
h("span", null, h("span", null, this.firstPage), " - ", h("span", null, this.currentPage), " di ", h("span", null, this.totalElements))
|
|
18
|
+
:
|
|
19
|
+
h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: 'e7fe2402c2c6a1906f9f3bfc70cfde428590c964', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-left" }), h("jump-icon", { key: 'dadb4d94ce1bf31219adfa554a47b33f19b9b3a7', name: "chevron-left" }), h("jump-icon", { key: '841030e266c11bda6d75800bbc61f7e0899fd1ae', name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-right" }))))));
|
|
20
|
+
}
|
|
21
|
+
static get is() { return "jump-pagination"; }
|
|
22
|
+
static get originalStyleUrls() {
|
|
23
|
+
return {
|
|
24
|
+
"$": ["jump-pagination.scss"]
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
static get styleUrls() {
|
|
28
|
+
return {
|
|
29
|
+
"$": ["jump-pagination.css"]
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
static get properties() {
|
|
33
|
+
return {
|
|
34
|
+
"totalElements": {
|
|
35
|
+
"type": "number",
|
|
36
|
+
"mutable": false,
|
|
37
|
+
"complexType": {
|
|
38
|
+
"original": "number",
|
|
39
|
+
"resolved": "number",
|
|
40
|
+
"references": {}
|
|
41
|
+
},
|
|
42
|
+
"required": false,
|
|
43
|
+
"optional": false,
|
|
44
|
+
"docs": {
|
|
45
|
+
"tags": [],
|
|
46
|
+
"text": ""
|
|
47
|
+
},
|
|
48
|
+
"attribute": "total-elements",
|
|
49
|
+
"reflect": true
|
|
50
|
+
},
|
|
51
|
+
"currentPage": {
|
|
52
|
+
"type": "number",
|
|
53
|
+
"mutable": false,
|
|
54
|
+
"complexType": {
|
|
55
|
+
"original": "number",
|
|
56
|
+
"resolved": "number",
|
|
57
|
+
"references": {}
|
|
58
|
+
},
|
|
59
|
+
"required": false,
|
|
60
|
+
"optional": false,
|
|
61
|
+
"docs": {
|
|
62
|
+
"tags": [],
|
|
63
|
+
"text": ""
|
|
64
|
+
},
|
|
65
|
+
"attribute": "current-page",
|
|
66
|
+
"reflect": true
|
|
67
|
+
},
|
|
68
|
+
"lastPage": {
|
|
69
|
+
"type": "number",
|
|
70
|
+
"mutable": false,
|
|
71
|
+
"complexType": {
|
|
72
|
+
"original": "number",
|
|
73
|
+
"resolved": "number",
|
|
74
|
+
"references": {}
|
|
75
|
+
},
|
|
76
|
+
"required": false,
|
|
77
|
+
"optional": false,
|
|
78
|
+
"docs": {
|
|
79
|
+
"tags": [],
|
|
80
|
+
"text": ""
|
|
81
|
+
},
|
|
82
|
+
"attribute": "last-page",
|
|
83
|
+
"reflect": true
|
|
84
|
+
},
|
|
85
|
+
"labelElementsPerPage": {
|
|
86
|
+
"type": "string",
|
|
87
|
+
"mutable": false,
|
|
88
|
+
"complexType": {
|
|
89
|
+
"original": "string",
|
|
90
|
+
"resolved": "string",
|
|
91
|
+
"references": {}
|
|
92
|
+
},
|
|
93
|
+
"required": false,
|
|
94
|
+
"optional": false,
|
|
95
|
+
"docs": {
|
|
96
|
+
"tags": [],
|
|
97
|
+
"text": "Label for the elements per page select"
|
|
98
|
+
},
|
|
99
|
+
"attribute": "label-elements-per-page",
|
|
100
|
+
"reflect": true,
|
|
101
|
+
"defaultValue": "'Elementi per pagina'"
|
|
102
|
+
},
|
|
103
|
+
"elementsRanges": {
|
|
104
|
+
"type": "unknown",
|
|
105
|
+
"mutable": false,
|
|
106
|
+
"complexType": {
|
|
107
|
+
"original": "Array<number>",
|
|
108
|
+
"resolved": "number[]",
|
|
109
|
+
"references": {
|
|
110
|
+
"Array": {
|
|
111
|
+
"location": "global",
|
|
112
|
+
"id": "global::Array"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
"required": false,
|
|
117
|
+
"optional": false,
|
|
118
|
+
"docs": {
|
|
119
|
+
"tags": [],
|
|
120
|
+
"text": "Values for the elements per page select"
|
|
121
|
+
},
|
|
122
|
+
"defaultValue": "[10, 20, 60, 100]"
|
|
123
|
+
},
|
|
124
|
+
"firstPage": {
|
|
125
|
+
"type": "number",
|
|
126
|
+
"mutable": false,
|
|
127
|
+
"complexType": {
|
|
128
|
+
"original": "number",
|
|
129
|
+
"resolved": "number",
|
|
130
|
+
"references": {}
|
|
131
|
+
},
|
|
132
|
+
"required": false,
|
|
133
|
+
"optional": false,
|
|
134
|
+
"docs": {
|
|
135
|
+
"tags": [],
|
|
136
|
+
"text": "Indicates the first page/product of the list"
|
|
137
|
+
},
|
|
138
|
+
"attribute": "first-page",
|
|
139
|
+
"reflect": true
|
|
140
|
+
},
|
|
141
|
+
"completeVersion": {
|
|
142
|
+
"type": "boolean",
|
|
143
|
+
"mutable": false,
|
|
144
|
+
"complexType": {
|
|
145
|
+
"original": "boolean",
|
|
146
|
+
"resolved": "boolean",
|
|
147
|
+
"references": {}
|
|
148
|
+
},
|
|
149
|
+
"required": false,
|
|
150
|
+
"optional": false,
|
|
151
|
+
"docs": {
|
|
152
|
+
"tags": [],
|
|
153
|
+
"text": "If true, the component will show the complete version of the pagination, with elements informations"
|
|
154
|
+
},
|
|
155
|
+
"attribute": "complete-version",
|
|
156
|
+
"reflect": true,
|
|
157
|
+
"defaultValue": "false"
|
|
158
|
+
},
|
|
159
|
+
"showAdditionalChrevrons": {
|
|
160
|
+
"type": "boolean",
|
|
161
|
+
"mutable": false,
|
|
162
|
+
"complexType": {
|
|
163
|
+
"original": "boolean",
|
|
164
|
+
"resolved": "boolean",
|
|
165
|
+
"references": {}
|
|
166
|
+
},
|
|
167
|
+
"required": false,
|
|
168
|
+
"optional": false,
|
|
169
|
+
"docs": {
|
|
170
|
+
"tags": [],
|
|
171
|
+
"text": ""
|
|
172
|
+
},
|
|
173
|
+
"attribute": "show-additional-chrevrons",
|
|
174
|
+
"reflect": true,
|
|
175
|
+
"defaultValue": "false"
|
|
113
176
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
"required": false,
|
|
117
|
-
"optional": false,
|
|
118
|
-
"docs": {
|
|
119
|
-
"tags": [],
|
|
120
|
-
"text": "Values for the elements per page select"
|
|
121
|
-
},
|
|
122
|
-
"defaultValue": "[10, 20, 60, 100]"
|
|
123
|
-
},
|
|
124
|
-
"firstPage": {
|
|
125
|
-
"type": "number",
|
|
126
|
-
"mutable": false,
|
|
127
|
-
"complexType": {
|
|
128
|
-
"original": "number",
|
|
129
|
-
"resolved": "number",
|
|
130
|
-
"references": {}
|
|
131
|
-
},
|
|
132
|
-
"required": false,
|
|
133
|
-
"optional": false,
|
|
134
|
-
"docs": {
|
|
135
|
-
"tags": [],
|
|
136
|
-
"text": "Indicates the first page/product of the list"
|
|
137
|
-
},
|
|
138
|
-
"attribute": "first-page",
|
|
139
|
-
"reflect": true
|
|
140
|
-
},
|
|
141
|
-
"completeVersion": {
|
|
142
|
-
"type": "boolean",
|
|
143
|
-
"mutable": false,
|
|
144
|
-
"complexType": {
|
|
145
|
-
"original": "boolean",
|
|
146
|
-
"resolved": "boolean",
|
|
147
|
-
"references": {}
|
|
148
|
-
},
|
|
149
|
-
"required": false,
|
|
150
|
-
"optional": false,
|
|
151
|
-
"docs": {
|
|
152
|
-
"tags": [],
|
|
153
|
-
"text": "If true, the component will show the complete version of the pagination, with elements informations"
|
|
154
|
-
},
|
|
155
|
-
"attribute": "complete-version",
|
|
156
|
-
"reflect": true,
|
|
157
|
-
"defaultValue": "false"
|
|
158
|
-
},
|
|
159
|
-
"showAdditionalChrevrons": {
|
|
160
|
-
"type": "boolean",
|
|
161
|
-
"mutable": false,
|
|
162
|
-
"complexType": {
|
|
163
|
-
"original": "boolean",
|
|
164
|
-
"resolved": "boolean",
|
|
165
|
-
"references": {}
|
|
166
|
-
},
|
|
167
|
-
"required": false,
|
|
168
|
-
"optional": false,
|
|
169
|
-
"docs": {
|
|
170
|
-
"tags": [],
|
|
171
|
-
"text": ""
|
|
172
|
-
},
|
|
173
|
-
"attribute": "show-additional-chrevrons",
|
|
174
|
-
"reflect": true,
|
|
175
|
-
"defaultValue": "false"
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
}
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
179
|
}
|
|
180
180
|
//# sourceMappingURL=jump-pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jump-pagination.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;;;;;
|
|
1
|
+
{"version":3,"file":"jump-pagination.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;;;;;oCAe+B,qBAAqB;8BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;+BAUtB,KAAK;uCAEG,KAAK;;IAEjE,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB;YAC1B,4DAAK,KAAK,EAAC,yBAAyB;gBAChC,IAAI,CAAC,eAAe;oBACpB,WAAK,KAAK,EAAC,iBAAiB;wBAC1B,aAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS;wBAChF,cAAQ,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,IAClC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,cAAQ,KAAK,EAAE,KAAK,IAAG,KAAK,CAAU,CACvC,CAAC,CACK,CACT;gBAER,4DAAK,KAAK,EAAC,YAAY;oBACrB,4DAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe,CAAC,CAAC;wBACrB;4BACE,gBAAO,IAAI,CAAC,SAAS,CAAQ;;4BAAG,gBAAO,IAAI,CAAC,WAAW,CAAQ;;4BAAI,gBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;wBAET,CAAC;4BACC;gCACE,gBAAO,IAAI,CAAC,WAAW,CAAQ;;gCAAI,gBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL;oBACN,4DAAK,KAAK,EAAC,OAAO;wBACf,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,eAAe,GAAa;wBAC7E,kEAAW,IAAI,EAAC,cAAc,GAAa;wBAC3C,kEAAW,IAAI,EAAC,eAAe,GAAa;wBAC3C,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'jump-pagination',\n styleUrl: 'jump-pagination.scss',\n shadow: false,\n})\nexport class JumpPagination {\n \n /* ---------------------- @PROPERTIES ------------------------- */\n\n @Prop({ reflect: true }) totalElements: number;\n\n /**\n * \n */\n @Prop({ reflect: true }) currentPage: number;\n @Prop({ reflect: true }) lastPage: number; \n\n /**\n * Label for the elements per page select\n */\n @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n /**\n * Values for the elements per page select\n */\n @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n /**\n * Indicates the first page/product of the list\n */\n @Prop({ reflect: true }) firstPage: number;\n\n /**\n * If true, the component will show the complete version of the pagination, with elements informations\n */\n @Prop({ reflect: true }) completeVersion: boolean = false;\n\n @Prop({ reflect: true }) showAdditionalChrevrons: boolean = false;\n\n render() {\n return (\n <Host class=\"JumpPagination\">\n <div class=\"JumpPagination__Wrapper\">\n { this.completeVersion && \n <div class=\"elementsPerPage\">\n <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n <select name=\"elements\" id=\"elements\">\n {this.elementsRanges.map((range) => (\n <option value={range}>{range}</option>\n ))}\n </select>\n </div> \n }\n <div class=\"indicators\"> \n <div class=\"elements\">\n {this.completeVersion ?\n <span>\n <span>{this.firstPage}</span> - <span>{this.currentPage}</span> di <span>{this.totalElements}</span>\n </span>\n \n :\n <span>\n <span>{this.currentPage}</span> di <span>{this.lastPage}</span>\n </span>\n }\n </div>\n <div class=\"arrow\">\n {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-left\"></jump-icon>}\n <jump-icon name=\"chevron-left\"></jump-icon>\n <jump-icon name=\"chevron-right\"></jump-icon>\n {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-right\"></jump-icon>}\n </div> \n </div>\n </div>\n </Host>\n );\n }\n\n}\n"]}
|
|
@@ -1,72 +1,71 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
2
|
+
title: 'Components/Atoms/Pagination',
|
|
3
|
+
tags: ['autodocs'],
|
|
4
|
+
argTypes: {
|
|
5
|
+
completeVersion: {
|
|
6
|
+
name: 'Versione con selezione di prodotti',
|
|
7
|
+
control: 'boolean',
|
|
8
|
+
description: 'Indica se mostrare la versione con selezione di prodotti'
|
|
9
|
+
},
|
|
10
|
+
showAdditionalChrevrons: {
|
|
11
|
+
name: 'Mostra frecce aggiuntive',
|
|
12
|
+
control: 'boolean',
|
|
13
|
+
description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
|
|
14
|
+
},
|
|
15
|
+
firstPage: {
|
|
16
|
+
name: 'Primo elemento',
|
|
17
|
+
control: 'number',
|
|
18
|
+
description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
|
|
19
|
+
if: {
|
|
20
|
+
arg: 'completeVersion',
|
|
21
|
+
eq: true
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
currentPage: {
|
|
25
|
+
name: 'Elemento Corrente',
|
|
26
|
+
control: 'number',
|
|
27
|
+
description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
|
|
28
|
+
},
|
|
29
|
+
lastPage: {
|
|
30
|
+
name: 'Ultima pagina',
|
|
31
|
+
control: 'number',
|
|
32
|
+
description: 'Indica l\'ultima pagina',
|
|
33
|
+
if: {
|
|
34
|
+
arg: 'completeVersion',
|
|
35
|
+
eq: false
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
totalElements: {
|
|
39
|
+
name: 'Elementi totali',
|
|
40
|
+
control: 'number',
|
|
41
|
+
description: 'Indica il numero totale di elementi disponibili. ',
|
|
42
|
+
if: {
|
|
43
|
+
arg: 'completeVersion',
|
|
44
|
+
eq: true
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
labelElementsPerPage: {
|
|
48
|
+
name: 'Etichetta elementi per pagina',
|
|
49
|
+
control: 'text',
|
|
50
|
+
description: 'Indica l\'etichetta per gli elementi per pagina',
|
|
51
|
+
if: {
|
|
52
|
+
arg: 'completeVersion',
|
|
53
|
+
eq: true
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
elementsRanges: {
|
|
57
|
+
name: 'Range elementi',
|
|
58
|
+
control: 'multi-select',
|
|
59
|
+
options: [10, 20, 30],
|
|
60
|
+
if: {
|
|
61
|
+
arg: 'completeVersion',
|
|
62
|
+
eq: true
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
}
|
|
66
66
|
};
|
|
67
67
|
const Template = (args) => {
|
|
68
|
-
|
|
69
|
-
return `<jump-pagination
|
|
68
|
+
return `<jump-pagination
|
|
70
69
|
current-page="${args.currentPage}"
|
|
71
70
|
first-page="${args.firstPage}"
|
|
72
71
|
last-page="${args.lastPage}"
|
|
@@ -78,40 +77,40 @@ const Template = (args) => {
|
|
|
78
77
|
};
|
|
79
78
|
export const PaginationPerProdottiRidotto = Template.bind({});
|
|
80
79
|
PaginationPerProdottiRidotto.args = {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
80
|
+
completeVersion: true,
|
|
81
|
+
showAdditionalChrevrons: false,
|
|
82
|
+
firstPage: 1,
|
|
83
|
+
currentPage: 1,
|
|
84
|
+
lastPage: 20,
|
|
85
|
+
totalElements: 150,
|
|
86
|
+
labelElementsPerPage: "Elementi per pagina",
|
|
87
|
+
elementsRanges: [10, 20, 60, 100],
|
|
89
88
|
};
|
|
90
89
|
export const PaginationPerProdottiCompleto = Template.bind({});
|
|
91
90
|
PaginationPerProdottiCompleto.args = {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
91
|
+
completeVersion: true,
|
|
92
|
+
showAdditionalChrevrons: true,
|
|
93
|
+
firstPage: 1,
|
|
94
|
+
currentPage: 1,
|
|
95
|
+
lastPage: 20,
|
|
96
|
+
totalElements: 150,
|
|
97
|
+
labelElementsPerPage: "Elementi per pagina",
|
|
98
|
+
elementsRanges: [10, 20, 60, 100],
|
|
100
99
|
};
|
|
101
100
|
export const PaginationPerPagineRidotto = Template.bind({});
|
|
102
101
|
PaginationPerPagineRidotto.args = {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
102
|
+
completeVersion: false,
|
|
103
|
+
showAdditionalChrevrons: false,
|
|
104
|
+
firstPage: 1,
|
|
105
|
+
currentPage: 5,
|
|
106
|
+
lastPage: 10,
|
|
108
107
|
};
|
|
109
108
|
export const PaginationPerPagineCompleto = Template.bind({});
|
|
110
109
|
PaginationPerPagineCompleto.args = {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
110
|
+
completeVersion: false,
|
|
111
|
+
showAdditionalChrevrons: true,
|
|
112
|
+
firstPage: 1,
|
|
113
|
+
currentPage: 5,
|
|
114
|
+
lastPage: 10,
|
|
116
115
|
};
|
|
117
116
|
//# sourceMappingURL=jump-pagination.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jump-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.stories.ts"],"names":[],"mappings":"AAAA,eAAe;
|
|
1
|
+
{"version":3,"file":"jump-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n title: 'Components/Atoms/Pagination',\n tags: ['autodocs'],\n argTypes: {\n completeVersion: {\n name: 'Versione con selezione di prodotti',\n control: 'boolean',\n description: 'Indica se mostrare la versione con selezione di prodotti'\n },\n showAdditionalChrevrons: {\n name: 'Mostra frecce aggiuntive',\n control: 'boolean',\n description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'\n },\n firstPage: {\n name: 'Primo elemento',\n control: 'number',\n description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',\n if: {\n arg: 'completeVersion',\n eq: true\n },\n },\n currentPage: {\n name: 'Elemento Corrente',\n control: 'number',\n description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'\n },\n lastPage: {\n name: 'Ultima pagina',\n control: 'number',\n description: 'Indica l\\'ultima pagina',\n if: {\n arg: 'completeVersion',\n eq: false\n },\n },\n totalElements: {\n name: 'Elementi totali',\n control: 'number',\n description: 'Indica il numero totale di elementi disponibili. ',\n if: {\n arg: 'completeVersion',\n eq: true\n },\n },\n labelElementsPerPage: {\n name: 'Etichetta elementi per pagina',\n control: 'text',\n description: 'Indica l\\'etichetta per gli elementi per pagina',\n if: {\n arg: 'completeVersion',\n eq: true\n },\n },\n elementsRanges: {\n name: 'Range elementi',\n control: 'multi-select', \n options: [10, 20, 30],\n if: {\n arg: 'completeVersion',\n eq: true\n }, \n },\n\n \n \n }\n};\n\nconst Template = (args) => {\n return `<jump-pagination \n current-page=\"${args.currentPage}\" \n first-page=\"${args.firstPage}\" \n last-page=\"${args.lastPage}\" \n total-elements=\"${args.totalElements}\"\n complete-version=${args.completeVersion} \n elements-ranges=\"${args.elementsRanges}\"\n show-additional-chrevrons=${args.showAdditionalChrevrons}>\n </jump-pagination>`;\n};\n\nexport const PaginationPerProdottiRidotto = Template.bind({});\n\nPaginationPerProdottiRidotto.args = {\n completeVersion: true,\n showAdditionalChrevrons: false,\n firstPage: 1,\n currentPage: 1,\n lastPage:20,\n totalElements: 150,\n labelElementsPerPage: \"Elementi per pagina\",\n elementsRanges: [10, 20, 60, 100],\n};\n\nexport const PaginationPerProdottiCompleto = Template.bind({});\n\nPaginationPerProdottiCompleto.args = {\n completeVersion: true,\n showAdditionalChrevrons: true,\n firstPage: 1,\n currentPage: 1,\n lastPage:20,\n totalElements: 150,\n labelElementsPerPage: \"Elementi per pagina\",\n elementsRanges: [10, 20, 60, 100],\n};\n\n\nexport const PaginationPerPagineRidotto = Template.bind({});\n\nPaginationPerPagineRidotto.args = {\n completeVersion: false,\n showAdditionalChrevrons: false,\n firstPage: 1,\n currentPage: 5,\n lastPage:10,\n};\n\nexport const PaginationPerPagineCompleto = Template.bind({});\n\nPaginationPerPagineCompleto.args = {\n completeVersion: false,\n showAdditionalChrevrons: true,\n firstPage: 1,\n currentPage: 5,\n lastPage:10,\n};\n"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { newE2EPage } from "@stencil/core/testing";
|
|
2
2
|
describe('jump-pagination', () => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
it('renders', async () => {
|
|
4
|
+
const page = await newE2EPage();
|
|
5
|
+
await page.setContent('<jump-pagination></jump-pagination>');
|
|
6
|
+
const element = await page.find('jump-pagination');
|
|
7
|
+
expect(element).toHaveClass('hydrated');
|
|
8
|
+
});
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=jump-pagination.e2e.js.map
|