@jumpgroup/jump-design-system 0.2.5 → 0.2.7
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/jump-badge.cjs.entry.js +1 -1
- package/dist/cjs/jump-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-button.cjs.entry.js +1 -1
- package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-card.cjs.entry.js +1 -1
- package/dist/cjs/jump-card.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-design-system.cjs.js +1 -1
- package/dist/cjs/jump-icon.cjs.entry.js +3 -2
- package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination-table.cjs.entry.js +79 -0
- package/dist/cjs/jump-pagination-table.cjs.entry.js.map +1 -0
- package/dist/cjs/jump-pagination.cjs.entry.js +14 -26
- package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-tab.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/jump-badge/jump-badge.css +2 -1
- package/dist/collection/components/jump-button/jump-button-dimension.stories.js +3 -3
- package/dist/collection/components/jump-button/jump-button-dimension.stories.js.map +1 -1
- package/dist/collection/components/jump-button/jump-button.css +13 -65
- package/dist/collection/components/jump-card/jump-card.css +0 -49
- package/dist/collection/components/jump-card/jump-card.stories.js +0 -8
- package/dist/collection/components/jump-card/jump-card.stories.js.map +1 -1
- package/dist/collection/components/jump-icon/jump-icon.css +16 -2
- package/dist/collection/components/jump-icon/jump-icon.js +19 -1
- package/dist/collection/components/jump-icon/jump-icon.js.map +1 -1
- package/dist/collection/components/jump-icon/jump-icon.stories.js +14 -4
- package/dist/collection/components/jump-icon/jump-icon.stories.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.css +8 -18
- package/dist/collection/components/jump-pagination/jump-pagination.js +20 -125
- package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js +68 -0
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map +1 -0
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.css +56 -0
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +262 -0
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js.map +1 -0
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js +90 -0
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js.map +1 -0
- package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.e2e.js +10 -0
- package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.e2e.js.map +1 -0
- package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.spec.js +18 -0
- package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.spec.js.map +1 -0
- package/dist/collection/components/jump-tab/jump-tab.js +1 -1
- package/dist/components/jump-badge.js +1 -1
- package/dist/components/jump-badge.js.map +1 -1
- package/dist/components/jump-button.js +1 -1
- package/dist/components/jump-button.js.map +1 -1
- package/dist/components/jump-card.js +1 -1
- package/dist/components/jump-card.js.map +1 -1
- package/dist/components/jump-icon2.js +5 -3
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-pagination-table.d.ts +11 -0
- package/dist/components/jump-pagination-table.js +109 -0
- package/dist/components/jump-pagination-table.js.map +1 -0
- package/dist/components/jump-pagination.js +19 -37
- package/dist/components/jump-pagination.js.map +1 -1
- package/dist/components/jump-tab.js +1 -1
- package/dist/esm/jump-badge.entry.js +1 -1
- package/dist/esm/jump-badge.entry.js.map +1 -1
- package/dist/esm/jump-button.entry.js +1 -1
- package/dist/esm/jump-button.entry.js.map +1 -1
- package/dist/esm/jump-card.entry.js +1 -1
- package/dist/esm/jump-card.entry.js.map +1 -1
- package/dist/esm/jump-design-system.js +1 -1
- package/dist/esm/jump-icon.entry.js +3 -2
- package/dist/esm/jump-icon.entry.js.map +1 -1
- package/dist/esm/jump-pagination-table.entry.js +75 -0
- package/dist/esm/jump-pagination-table.entry.js.map +1 -0
- package/dist/esm/jump-pagination.entry.js +14 -26
- package/dist/esm/jump-pagination.entry.js.map +1 -1
- package/dist/esm/jump-tab.entry.js +1 -1
- package/dist/esm/loader.js +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-02914b1e.entry.js +2 -0
- package/dist/jump-design-system/p-02914b1e.entry.js.map +1 -0
- package/dist/jump-design-system/p-1a533536.entry.js +2 -0
- package/dist/jump-design-system/p-1a533536.entry.js.map +1 -0
- package/dist/jump-design-system/{p-61729377.entry.js → p-93d8245f.entry.js} +2 -2
- package/dist/jump-design-system/p-e69ee35f.entry.js +2 -0
- package/dist/jump-design-system/p-e69ee35f.entry.js.map +1 -0
- package/dist/jump-design-system/p-eb16952a.entry.js +2 -0
- package/dist/jump-design-system/p-eb16952a.entry.js.map +1 -0
- package/dist/jump-design-system/p-ed65e359.entry.js +2 -0
- package/dist/jump-design-system/p-ed65e359.entry.js.map +1 -0
- package/dist/jump-design-system/{p-511d4425.entry.js → p-fa148b53.entry.js} +57 -57
- package/dist/jump-design-system/{p-511d4425.entry.js.map → p-fa148b53.entry.js.map} +1 -1
- package/dist/jump-design-system-elements.json +30 -5
- package/dist/types/components/jump-icon/jump-icon.d.ts +4 -0
- package/dist/types/components/jump-icon/jump-icon.stories.d.ts +3 -1
- package/dist/types/components/jump-pagination/jump-pagination.d.ts +4 -22
- package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts +30 -0
- package/dist/types/components/jump-pagination-table/jump-pagination-table.d.ts +23 -0
- package/dist/types/components/{jump-pagination/jump-pagination-products.stories.d.ts → jump-pagination-table/jump-pagination-table.stories.d.ts} +11 -39
- package/dist/types/components.d.ts +54 -15
- package/package.json +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js +0 -119
- package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js.map +0 -1
- package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js +0 -102
- package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js.map +0 -1
- package/dist/jump-design-system/p-700b96b4.entry.js +0 -2
- package/dist/jump-design-system/p-700b96b4.entry.js.map +0 -1
- package/dist/jump-design-system/p-87256ed6.entry.js +0 -2
- package/dist/jump-design-system/p-87256ed6.entry.js.map +0 -1
- package/dist/jump-design-system/p-8f5caf32.entry.js +0 -2
- package/dist/jump-design-system/p-8f5caf32.entry.js.map +0 -1
- package/dist/jump-design-system/p-960188c6.entry.js +0 -2
- package/dist/jump-design-system/p-960188c6.entry.js.map +0 -1
- package/dist/types/components/jump-pagination/jump-pagination-pages.stories.d.ts +0 -75
- /package/dist/jump-design-system/{p-61729377.entry.js.map → p-93d8245f.entry.js.map} +0 -0
|
@@ -205,6 +205,10 @@
|
|
|
205
205
|
{
|
|
206
206
|
"name": "name",
|
|
207
207
|
"description": "Name of the icon"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "size",
|
|
211
|
+
"description": "Size of the icon"
|
|
208
212
|
}
|
|
209
213
|
]
|
|
210
214
|
},
|
|
@@ -216,11 +220,32 @@
|
|
|
216
220
|
},
|
|
217
221
|
"attributes": [
|
|
218
222
|
{
|
|
219
|
-
"name": "
|
|
220
|
-
"description": "
|
|
223
|
+
"name": "last",
|
|
224
|
+
"description": ""
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "pag-label",
|
|
228
|
+
"description": ""
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "show-first-and-last",
|
|
232
|
+
"description": ""
|
|
233
|
+
}
|
|
234
|
+
]
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "jump-pagination-table",
|
|
238
|
+
"description": {
|
|
239
|
+
"kind": "markdown",
|
|
240
|
+
"value": ""
|
|
241
|
+
},
|
|
242
|
+
"attributes": [
|
|
243
|
+
{
|
|
244
|
+
"name": "el-per-page",
|
|
245
|
+
"description": ""
|
|
221
246
|
},
|
|
222
247
|
{
|
|
223
|
-
"name": "
|
|
248
|
+
"name": "first",
|
|
224
249
|
"description": ""
|
|
225
250
|
},
|
|
226
251
|
{
|
|
@@ -228,7 +253,7 @@
|
|
|
228
253
|
"description": "Label for the elements per page select"
|
|
229
254
|
},
|
|
230
255
|
{
|
|
231
|
-
"name": "last
|
|
256
|
+
"name": "last",
|
|
232
257
|
"description": ""
|
|
233
258
|
},
|
|
234
259
|
{
|
|
@@ -240,7 +265,7 @@
|
|
|
240
265
|
"description": ""
|
|
241
266
|
},
|
|
242
267
|
{
|
|
243
|
-
"name": "total
|
|
268
|
+
"name": "total",
|
|
244
269
|
"description": ""
|
|
245
270
|
}
|
|
246
271
|
]
|
|
@@ -1,29 +1,11 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class JumpPagination {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
*/
|
|
6
|
-
firstPage: number;
|
|
7
|
-
currentPage: number;
|
|
8
|
-
watchCurrentPage(newValue: number, oldValue: number): void;
|
|
9
|
-
totalElements: number;
|
|
3
|
+
current: number;
|
|
4
|
+
watchcurrent(newValue: number, oldValue: number): void;
|
|
10
5
|
pagLabel: string;
|
|
11
|
-
|
|
12
|
-
lastPage: number;
|
|
13
|
-
/**
|
|
14
|
-
* Label for the elements per page select
|
|
15
|
-
*/
|
|
16
|
-
labelElementsPerPage: string;
|
|
17
|
-
/**
|
|
18
|
-
* Values for the elements per page select
|
|
19
|
-
*/
|
|
20
|
-
elementsRanges: Array<number>;
|
|
21
|
-
/**
|
|
22
|
-
* If true, the component will show the complete version of the pagination, with elements informations
|
|
23
|
-
*/
|
|
24
|
-
completeVersion: boolean;
|
|
6
|
+
last: number;
|
|
25
7
|
showFirstAndLast: boolean;
|
|
26
|
-
|
|
8
|
+
changePage: EventEmitter;
|
|
27
9
|
componentWillLoad(): void;
|
|
28
10
|
render(): any;
|
|
29
11
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
tags: string[];
|
|
4
|
+
argTypes: {
|
|
5
|
+
pagLabel: {
|
|
6
|
+
name: string;
|
|
7
|
+
control: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
showFirstAndLast: {
|
|
11
|
+
name: string;
|
|
12
|
+
control: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
current: {
|
|
16
|
+
name: string;
|
|
17
|
+
control: string;
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
last: {
|
|
21
|
+
name: string;
|
|
22
|
+
control: string;
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export default _default;
|
|
28
|
+
export declare const Playground: any;
|
|
29
|
+
export declare const PaginationRidotto: any;
|
|
30
|
+
export declare const PaginationCompleto: any;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export declare class JumpPaginationTable {
|
|
3
|
+
/**
|
|
4
|
+
* Values for the elements per page select
|
|
5
|
+
*/
|
|
6
|
+
elementsRanges: Array<number>;
|
|
7
|
+
elPerPage: number;
|
|
8
|
+
pagLabel: string;
|
|
9
|
+
/**
|
|
10
|
+
* Label for the elements per page select
|
|
11
|
+
*/
|
|
12
|
+
labelElementsPerPage: string;
|
|
13
|
+
total: number;
|
|
14
|
+
first: number;
|
|
15
|
+
last: number;
|
|
16
|
+
showFirstAndLast: boolean;
|
|
17
|
+
elPerPageChanged(newValue: number, oldValue: number): void;
|
|
18
|
+
setElPerPage(e: any): void;
|
|
19
|
+
changePage: EventEmitter;
|
|
20
|
+
changeElPerPage: EventEmitter;
|
|
21
|
+
doChangePage(dir: any): void;
|
|
22
|
+
render(): any;
|
|
23
|
+
}
|
|
@@ -7,68 +7,40 @@ declare const _default: {
|
|
|
7
7
|
control: string;
|
|
8
8
|
description: string;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
first: {
|
|
11
11
|
name: string;
|
|
12
12
|
control: string;
|
|
13
13
|
description: string;
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
name: string;
|
|
17
|
-
control: string;
|
|
18
|
-
description: string;
|
|
19
|
-
};
|
|
20
|
-
firstPage: {
|
|
15
|
+
last: {
|
|
21
16
|
name: string;
|
|
22
17
|
control: string;
|
|
23
18
|
description: string;
|
|
24
|
-
if: {
|
|
25
|
-
arg: string;
|
|
26
|
-
eq: boolean;
|
|
27
|
-
};
|
|
28
19
|
};
|
|
29
|
-
|
|
20
|
+
total: {
|
|
30
21
|
name: string;
|
|
31
22
|
control: string;
|
|
32
23
|
description: string;
|
|
33
24
|
};
|
|
34
|
-
|
|
25
|
+
labelElementsPerPage: {
|
|
35
26
|
name: string;
|
|
36
27
|
control: string;
|
|
37
28
|
description: string;
|
|
38
|
-
if: {
|
|
39
|
-
arg: string;
|
|
40
|
-
eq: boolean;
|
|
41
|
-
};
|
|
42
29
|
};
|
|
43
|
-
|
|
30
|
+
elementsRanges: {
|
|
44
31
|
name: string;
|
|
45
32
|
control: string;
|
|
46
|
-
|
|
47
|
-
if: {
|
|
48
|
-
arg: string;
|
|
49
|
-
eq: boolean;
|
|
50
|
-
};
|
|
33
|
+
options: number[];
|
|
51
34
|
};
|
|
52
|
-
|
|
35
|
+
showFirstAndLast: {
|
|
53
36
|
name: string;
|
|
54
37
|
control: string;
|
|
55
38
|
description: string;
|
|
56
|
-
if: {
|
|
57
|
-
arg: string;
|
|
58
|
-
eq: boolean;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
elementsRanges: {
|
|
62
|
-
name: string;
|
|
63
|
-
control: string;
|
|
64
|
-
options: number[];
|
|
65
|
-
if: {
|
|
66
|
-
arg: string;
|
|
67
|
-
eq: boolean;
|
|
68
|
-
};
|
|
69
39
|
};
|
|
70
40
|
};
|
|
71
41
|
};
|
|
72
42
|
export default _default;
|
|
73
|
-
export declare const
|
|
74
|
-
export declare const
|
|
43
|
+
export declare const TemplatePagTableWithListenerExample: (args: any, data: any) => any;
|
|
44
|
+
export declare const PlaygroundPagTable: any;
|
|
45
|
+
export declare const PaginationTableRidotto: any;
|
|
46
|
+
export declare const PaginationTableCompleto: any;
|
|
@@ -137,25 +137,31 @@ export namespace Components {
|
|
|
137
137
|
* Name of the icon
|
|
138
138
|
*/
|
|
139
139
|
"name": string;
|
|
140
|
-
}
|
|
141
|
-
interface JumpPagination {
|
|
142
140
|
/**
|
|
143
|
-
*
|
|
141
|
+
* Size of the icon
|
|
144
142
|
*/
|
|
145
|
-
"
|
|
143
|
+
"size": string;
|
|
144
|
+
}
|
|
145
|
+
interface JumpPagination {
|
|
146
|
+
"last": number;
|
|
147
|
+
"pagLabel": string;
|
|
148
|
+
"showFirstAndLast": boolean;
|
|
149
|
+
}
|
|
150
|
+
interface JumpPaginationTable {
|
|
151
|
+
"elPerPage": number;
|
|
146
152
|
/**
|
|
147
153
|
* Values for the elements per page select
|
|
148
154
|
*/
|
|
149
155
|
"elementsRanges": Array<number>;
|
|
150
|
-
"
|
|
156
|
+
"first": number;
|
|
151
157
|
/**
|
|
152
158
|
* Label for the elements per page select
|
|
153
159
|
*/
|
|
154
160
|
"labelElementsPerPage": string;
|
|
155
|
-
"
|
|
161
|
+
"last": number;
|
|
156
162
|
"pagLabel": string;
|
|
157
163
|
"showFirstAndLast": boolean;
|
|
158
|
-
"
|
|
164
|
+
"total": number;
|
|
159
165
|
}
|
|
160
166
|
interface JumpTab {
|
|
161
167
|
"activeTab": string;
|
|
@@ -166,6 +172,10 @@ export interface JumpPaginationCustomEvent<T> extends CustomEvent<T> {
|
|
|
166
172
|
detail: T;
|
|
167
173
|
target: HTMLJumpPaginationElement;
|
|
168
174
|
}
|
|
175
|
+
export interface JumpPaginationTableCustomEvent<T> extends CustomEvent<T> {
|
|
176
|
+
detail: T;
|
|
177
|
+
target: HTMLJumpPaginationTableElement;
|
|
178
|
+
}
|
|
169
179
|
declare global {
|
|
170
180
|
interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
|
|
171
181
|
}
|
|
@@ -208,6 +218,24 @@ declare global {
|
|
|
208
218
|
prototype: HTMLJumpPaginationElement;
|
|
209
219
|
new (): HTMLJumpPaginationElement;
|
|
210
220
|
};
|
|
221
|
+
interface HTMLJumpPaginationTableElementEventMap {
|
|
222
|
+
"jump-change-page": any;
|
|
223
|
+
"jump-change-el-per-page": any;
|
|
224
|
+
}
|
|
225
|
+
interface HTMLJumpPaginationTableElement extends Components.JumpPaginationTable, HTMLStencilElement {
|
|
226
|
+
addEventListener<K extends keyof HTMLJumpPaginationTableElementEventMap>(type: K, listener: (this: HTMLJumpPaginationTableElement, ev: JumpPaginationTableCustomEvent<HTMLJumpPaginationTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
227
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
228
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
229
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
230
|
+
removeEventListener<K extends keyof HTMLJumpPaginationTableElementEventMap>(type: K, listener: (this: HTMLJumpPaginationTableElement, ev: JumpPaginationTableCustomEvent<HTMLJumpPaginationTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
231
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
232
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
233
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
234
|
+
}
|
|
235
|
+
var HTMLJumpPaginationTableElement: {
|
|
236
|
+
prototype: HTMLJumpPaginationTableElement;
|
|
237
|
+
new (): HTMLJumpPaginationTableElement;
|
|
238
|
+
};
|
|
211
239
|
interface HTMLJumpTabElement extends Components.JumpTab, HTMLStencilElement {
|
|
212
240
|
}
|
|
213
241
|
var HTMLJumpTabElement: {
|
|
@@ -220,6 +248,7 @@ declare global {
|
|
|
220
248
|
"jump-card": HTMLJumpCardElement;
|
|
221
249
|
"jump-icon": HTMLJumpIconElement;
|
|
222
250
|
"jump-pagination": HTMLJumpPaginationElement;
|
|
251
|
+
"jump-pagination-table": HTMLJumpPaginationTableElement;
|
|
223
252
|
"jump-tab": HTMLJumpTabElement;
|
|
224
253
|
}
|
|
225
254
|
}
|
|
@@ -355,26 +384,34 @@ declare namespace LocalJSX {
|
|
|
355
384
|
* Name of the icon
|
|
356
385
|
*/
|
|
357
386
|
"name"?: string;
|
|
358
|
-
}
|
|
359
|
-
interface JumpPagination {
|
|
360
387
|
/**
|
|
361
|
-
*
|
|
388
|
+
* Size of the icon
|
|
362
389
|
*/
|
|
363
|
-
"
|
|
390
|
+
"size"?: string;
|
|
391
|
+
}
|
|
392
|
+
interface JumpPagination {
|
|
393
|
+
"last"?: number;
|
|
394
|
+
"onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
|
|
395
|
+
"pagLabel"?: string;
|
|
396
|
+
"showFirstAndLast"?: boolean;
|
|
397
|
+
}
|
|
398
|
+
interface JumpPaginationTable {
|
|
399
|
+
"elPerPage"?: number;
|
|
364
400
|
/**
|
|
365
401
|
* Values for the elements per page select
|
|
366
402
|
*/
|
|
367
403
|
"elementsRanges"?: Array<number>;
|
|
368
|
-
"
|
|
404
|
+
"first"?: number;
|
|
369
405
|
/**
|
|
370
406
|
* Label for the elements per page select
|
|
371
407
|
*/
|
|
372
408
|
"labelElementsPerPage"?: string;
|
|
373
|
-
"
|
|
374
|
-
"onJump-change-page"?: (event:
|
|
409
|
+
"last"?: number;
|
|
410
|
+
"onJump-change-el-per-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
|
|
411
|
+
"onJump-change-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
|
|
375
412
|
"pagLabel"?: string;
|
|
376
413
|
"showFirstAndLast"?: boolean;
|
|
377
|
-
"
|
|
414
|
+
"total"?: number;
|
|
378
415
|
}
|
|
379
416
|
interface JumpTab {
|
|
380
417
|
"activeTab"?: string;
|
|
@@ -386,6 +423,7 @@ declare namespace LocalJSX {
|
|
|
386
423
|
"jump-card": JumpCard;
|
|
387
424
|
"jump-icon": JumpIcon;
|
|
388
425
|
"jump-pagination": JumpPagination;
|
|
426
|
+
"jump-pagination-table": JumpPaginationTable;
|
|
389
427
|
"jump-tab": JumpTab;
|
|
390
428
|
}
|
|
391
429
|
}
|
|
@@ -398,6 +436,7 @@ declare module "@stencil/core" {
|
|
|
398
436
|
"jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
|
|
399
437
|
"jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
|
|
400
438
|
"jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
|
|
439
|
+
"jump-pagination-table": LocalJSX.JumpPaginationTable & JSXBase.HTMLAttributes<HTMLJumpPaginationTableElement>;
|
|
401
440
|
"jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
|
|
402
441
|
}
|
|
403
442
|
}
|
package/package.json
CHANGED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { generateAttributesFromArgs, formatHtml } from "../../utils/utils";
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Components/Pagination/Pages',
|
|
4
|
-
tags: ['autodocs'],
|
|
5
|
-
argTypes: {
|
|
6
|
-
pagLabel: {
|
|
7
|
-
name: "pagLabel",
|
|
8
|
-
control: 'text',
|
|
9
|
-
description: 'Indica la dicitura di paginazione. Di default è "di".'
|
|
10
|
-
},
|
|
11
|
-
completeVersion: {
|
|
12
|
-
name: 'completeVersion',
|
|
13
|
-
control: 'boolean',
|
|
14
|
-
description: 'Indica se mostrare la versione con selezione di prodotti'
|
|
15
|
-
},
|
|
16
|
-
showAdditionalChrevrons: {
|
|
17
|
-
name: 'showAdditionalChrevrons',
|
|
18
|
-
control: 'boolean',
|
|
19
|
-
description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
|
|
20
|
-
},
|
|
21
|
-
firstPage: {
|
|
22
|
-
name: 'firstPage',
|
|
23
|
-
control: 'number',
|
|
24
|
-
description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
|
|
25
|
-
if: {
|
|
26
|
-
arg: 'completeVersion',
|
|
27
|
-
eq: true
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
initialPage: {
|
|
31
|
-
name: 'initialPage',
|
|
32
|
-
control: 'number',
|
|
33
|
-
description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
|
|
34
|
-
},
|
|
35
|
-
lastPage: {
|
|
36
|
-
name: 'lastPage',
|
|
37
|
-
control: 'number',
|
|
38
|
-
description: 'Indica l\'ultima pagina',
|
|
39
|
-
if: {
|
|
40
|
-
arg: 'completeVersion',
|
|
41
|
-
eq: false
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
totalElements: {
|
|
45
|
-
name: 'totalElements',
|
|
46
|
-
control: 'number',
|
|
47
|
-
description: 'Indica il numero totale di elementi disponibili. ',
|
|
48
|
-
if: {
|
|
49
|
-
arg: 'completeVersion',
|
|
50
|
-
eq: true
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
labelElementsPerPage: {
|
|
54
|
-
name: 'labelElementsPerPage',
|
|
55
|
-
control: 'text',
|
|
56
|
-
description: 'Indica l\'etichetta per gli elementi per pagina',
|
|
57
|
-
if: {
|
|
58
|
-
arg: 'completeVersion',
|
|
59
|
-
eq: true
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
elementsRanges: {
|
|
63
|
-
name: 'elementsRanges',
|
|
64
|
-
control: 'multi-select',
|
|
65
|
-
options: [10, 20, 30],
|
|
66
|
-
if: {
|
|
67
|
-
arg: 'completeVersion',
|
|
68
|
-
eq: true
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
const Template = (args) => {
|
|
74
|
-
const attributes = generateAttributesFromArgs(args);
|
|
75
|
-
return formatHtml(`<jump-pagination ${attributes}></jump-pagination>`);
|
|
76
|
-
};
|
|
77
|
-
const TemplateWithListenerExample = (args, data) => {
|
|
78
|
-
let id = data.id;
|
|
79
|
-
const attributes = generateAttributesFromArgs(args);
|
|
80
|
-
return formatHtml(`<jump-pagination ${attributes}></jump-pagination>
|
|
81
|
-
<div>La pagina corrente è: <span id="page-number">loading..<span></div>
|
|
82
|
-
<script>
|
|
83
|
-
(function() {
|
|
84
|
-
let container;
|
|
85
|
-
container = document.querySelector('#story--${id}');
|
|
86
|
-
container.querySelector('jump-pagination').addEventListener('jump-change-page', (ev) => {
|
|
87
|
-
container.querySelector('#page-number').innerText = ev.detail.currentPage;
|
|
88
|
-
});
|
|
89
|
-
})();
|
|
90
|
-
</script>`);
|
|
91
|
-
};
|
|
92
|
-
export const Playground = Template.bind({});
|
|
93
|
-
Playground.args = {
|
|
94
|
-
completeVersion: false,
|
|
95
|
-
showAdditionalChrevrons: false,
|
|
96
|
-
firstPage: 1,
|
|
97
|
-
initialPage: 1,
|
|
98
|
-
lastPage: 10,
|
|
99
|
-
pagLabel: 'di'
|
|
100
|
-
};
|
|
101
|
-
export const PaginationPerPagineRidotto = TemplateWithListenerExample.bind({});
|
|
102
|
-
PaginationPerPagineRidotto.args = {
|
|
103
|
-
completeVersion: false,
|
|
104
|
-
showAdditionalChrevrons: false,
|
|
105
|
-
firstPage: 1,
|
|
106
|
-
initialPage: 1,
|
|
107
|
-
lastPage: 10,
|
|
108
|
-
pagLabel: 'di'
|
|
109
|
-
};
|
|
110
|
-
export const PaginationPerPagineCompleto = TemplateWithListenerExample.bind({});
|
|
111
|
-
PaginationPerPagineCompleto.args = {
|
|
112
|
-
completeVersion: false,
|
|
113
|
-
showAdditionalChrevrons: true,
|
|
114
|
-
firstPage: 1,
|
|
115
|
-
initialPage: 3,
|
|
116
|
-
lastPage: 10,
|
|
117
|
-
pagLabel: 'di'
|
|
118
|
-
};
|
|
119
|
-
//# sourceMappingURL=jump-pagination-pages.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jump-pagination-pages.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination-pages.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n title: 'Components/Pagination/Pages',\n tags: ['autodocs'],\n argTypes: {\n pagLabel:{\n name: \"pagLabel\",\n control: 'text',\n description: 'Indica la dicitura di paginazione. Di default è \"di\".'\n },\n completeVersion: {\n name: 'completeVersion',\n control: 'boolean',\n description: 'Indica se mostrare la versione con selezione di prodotti'\n },\n showAdditionalChrevrons: {\n name: 'showAdditionalChrevrons',\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: 'firstPage',\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 initialPage: {\n name: 'initialPage',\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: 'lastPage',\n control: 'number',\n description: 'Indica l\\'ultima pagina',\n if: {\n arg: 'completeVersion',\n eq: false\n },\n },\n totalElements: {\n name: 'totalElements',\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: 'labelElementsPerPage',\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: 'elementsRanges',\n control: 'multi-select', \n options: [10, 20, 30],\n if: {\n arg: 'completeVersion',\n eq: true\n }, \n },\n }\n};\n\nconst Template = (args) => {\n const attributes = generateAttributesFromArgs(args);\n return formatHtml(`<jump-pagination ${attributes}></jump-pagination>`);\n};\n\nconst TemplateWithListenerExample = (args, data) => {\n let id = data.id;\n const attributes = generateAttributesFromArgs(args);\n return formatHtml(`<jump-pagination ${attributes}></jump-pagination>\n <div>La pagina corrente è: <span id=\"page-number\">loading..<span></div>\n <script>\n (function() {\n let container;\n container = document.querySelector('#story--${id}');\n container.querySelector('jump-pagination').addEventListener('jump-change-page', (ev) => {\n container.querySelector('#page-number').innerText = ev.detail.currentPage;\n });\n })();\n </script>`);\n};\n\nexport const Playground = Template.bind({});\n\nPlayground.args = {\n completeVersion: false,\n showAdditionalChrevrons: false,\n firstPage: 1,\n initialPage: 1,\n lastPage: 10,\n pagLabel: 'di'\n};\n\nexport const PaginationPerPagineRidotto = TemplateWithListenerExample.bind({});\n\nPaginationPerPagineRidotto.args = {\n completeVersion: false,\n showAdditionalChrevrons: false,\n firstPage: 1,\n initialPage: 1,\n lastPage:10,\n pagLabel: 'di'\n};\n\nexport const PaginationPerPagineCompleto = TemplateWithListenerExample.bind({});\n\nPaginationPerPagineCompleto.args = {\n completeVersion: false,\n showAdditionalChrevrons: true,\n firstPage: 1,\n initialPage: 3,\n lastPage: 10,\n pagLabel: 'di'\n};\n"]}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { generateAttributesFromArgs } from "../../utils/utils";
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Components/Pagination/Products',
|
|
4
|
-
tags: ['autodocs'],
|
|
5
|
-
argTypes: {
|
|
6
|
-
pagLabel: {
|
|
7
|
-
name: "pagLabel",
|
|
8
|
-
control: 'text',
|
|
9
|
-
description: 'Indica la dicitura di paginazione. Di default è "di".'
|
|
10
|
-
},
|
|
11
|
-
completeVersion: {
|
|
12
|
-
name: 'completeVersion',
|
|
13
|
-
control: 'boolean',
|
|
14
|
-
description: 'Indica se mostrare la versione con selezione di prodotti'
|
|
15
|
-
},
|
|
16
|
-
showFirstAndLast: {
|
|
17
|
-
name: 'showFirstAndLast',
|
|
18
|
-
control: 'boolean',
|
|
19
|
-
description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
|
|
20
|
-
},
|
|
21
|
-
firstPage: {
|
|
22
|
-
name: 'firstPage',
|
|
23
|
-
control: 'number',
|
|
24
|
-
description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
|
|
25
|
-
if: {
|
|
26
|
-
arg: 'completeVersion',
|
|
27
|
-
eq: true
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
initialPage: {
|
|
31
|
-
name: 'initialPage',
|
|
32
|
-
control: 'number',
|
|
33
|
-
description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
|
|
34
|
-
},
|
|
35
|
-
lastPage: {
|
|
36
|
-
name: 'lastPage',
|
|
37
|
-
control: 'number',
|
|
38
|
-
description: 'Indica l\'ultima pagina',
|
|
39
|
-
if: {
|
|
40
|
-
arg: 'completeVersion',
|
|
41
|
-
eq: false
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
totalElements: {
|
|
45
|
-
name: 'totalElements',
|
|
46
|
-
control: 'number',
|
|
47
|
-
description: 'Indica il numero totale di elementi disponibili. ',
|
|
48
|
-
if: {
|
|
49
|
-
arg: 'completeVersion',
|
|
50
|
-
eq: true
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
labelElementsPerPage: {
|
|
54
|
-
name: 'labelElementsPerPage',
|
|
55
|
-
control: 'text',
|
|
56
|
-
description: 'Indica l\'etichetta per gli elementi per pagina',
|
|
57
|
-
if: {
|
|
58
|
-
arg: 'completeVersion',
|
|
59
|
-
eq: true
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
elementsRanges: {
|
|
63
|
-
name: 'elementsRanges',
|
|
64
|
-
control: 'multi-select',
|
|
65
|
-
options: [10, 20, 30],
|
|
66
|
-
if: {
|
|
67
|
-
arg: 'completeVersion',
|
|
68
|
-
eq: true
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
const Template = (args) => {
|
|
74
|
-
const attributes = generateAttributesFromArgs(args);
|
|
75
|
-
console.log('attributes', attributes);
|
|
76
|
-
return `<jump-pagination ${attributes}></jump-pagination>`;
|
|
77
|
-
};
|
|
78
|
-
export const PaginationPerProdottiRidotto = Template.bind({});
|
|
79
|
-
PaginationPerProdottiRidotto.args = {
|
|
80
|
-
completeVersion: true,
|
|
81
|
-
showFirstAndLast: false,
|
|
82
|
-
firstPage: 1,
|
|
83
|
-
initialPage: 1,
|
|
84
|
-
lastPage: 20,
|
|
85
|
-
totalElements: 150,
|
|
86
|
-
labelElementsPerPage: "Elementi per pagina",
|
|
87
|
-
elementsRanges: [10, 20, 60, 100],
|
|
88
|
-
pagLabel: 'di'
|
|
89
|
-
};
|
|
90
|
-
export const PaginationPerProdottiCompleto = Template.bind({});
|
|
91
|
-
PaginationPerProdottiCompleto.args = {
|
|
92
|
-
completeVersion: true,
|
|
93
|
-
showFirstAndLast: true,
|
|
94
|
-
firstPage: 1,
|
|
95
|
-
initialPage: 1,
|
|
96
|
-
lastPage: 20,
|
|
97
|
-
totalElements: 150,
|
|
98
|
-
labelElementsPerPage: "Elementi per pagina",
|
|
99
|
-
elementsRanges: [10, 20, 60, 100],
|
|
100
|
-
pagLabel: 'di'
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=jump-pagination-products.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jump-pagination-products.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination-products.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAC;YACP,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uDAAuD;SACrE;QACD,eAAe,EAAE;YACf,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,0DAA0D;SACxE;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6IAA6I;SAC3J;QACD,SAAS,EAAE;YACT,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,gHAAgH;YAC7H,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,WAAW,EAAE;YACX,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,mHAAmH;SACjI;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;YACpC,EAAE,EAAE;gBACJ,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,KAAK;aACV;SACF;QACD,aAAa,EAAE;YACb,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,mDAAmD;YAChE,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,oBAAoB,EAAE;YACpB,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;YAC5D,EAAE,EAAE;gBACJ,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;QACD,cAAc,EAAE;YACd,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YACrB,EAAE,EAAE;gBACF,GAAG,EAAE,iBAAiB;gBACtB,EAAE,EAAE,IAAI;aACT;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACtC,OAAO,oBAAoB,UAAU,qBAAqB,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE9D,4BAA4B,CAAC,IAAI,GAAG;IAClC,eAAe,EAAE,IAAI;IACrB,gBAAgB,EAAE,KAAK;IACvB,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,QAAQ,EAAC,EAAE;IACX,aAAa,EAAE,GAAG;IAClB,oBAAoB,EAAE,qBAAqB;IAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACjC,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/D,6BAA6B,CAAC,IAAI,GAAG;IACnC,eAAe,EAAE,IAAI;IACrB,gBAAgB,EAAE,IAAI;IACtB,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,QAAQ,EAAC,EAAE;IACX,aAAa,EAAE,GAAG;IAClB,oBAAoB,EAAE,qBAAqB;IAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;IACjC,QAAQ,EAAE,IAAI;CACf,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n title: 'Components/Pagination/Products',\n tags: ['autodocs'],\n argTypes: {\n pagLabel:{\n name: \"pagLabel\",\n control: 'text',\n description: 'Indica la dicitura di paginazione. Di default è \"di\".'\n },\n completeVersion: {\n name: 'completeVersion',\n control: 'boolean',\n description: 'Indica se mostrare la versione con selezione di prodotti'\n },\n showFirstAndLast: {\n name: 'showFirstAndLast',\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: 'firstPage',\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 initialPage: {\n name: 'initialPage',\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: 'lastPage',\n control: 'number',\n description: 'Indica l\\'ultima pagina',\n if: {\n arg: 'completeVersion',\n eq: false\n },\n },\n totalElements: {\n name: 'totalElements',\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: 'labelElementsPerPage',\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: 'elementsRanges',\n control: 'multi-select', \n options: [10, 20, 30],\n if: {\n arg: 'completeVersion',\n eq: true\n }, \n },\n }\n};\n\nconst Template = (args) => {\n const attributes = generateAttributesFromArgs(args);\n console.log('attributes', attributes);\n return `<jump-pagination ${attributes}></jump-pagination>`;\n};\n\nexport const PaginationPerProdottiRidotto = Template.bind({});\n\nPaginationPerProdottiRidotto.args = {\n completeVersion: true,\n showFirstAndLast: false,\n firstPage: 1,\n initialPage: 1,\n lastPage:20,\n totalElements: 150,\n labelElementsPerPage: \"Elementi per pagina\",\n elementsRanges: [10, 20, 60, 100],\n pagLabel: 'di'\n};\n\nexport const PaginationPerProdottiCompleto = Template.bind({});\n\nPaginationPerProdottiCompleto.args = {\n completeVersion: true,\n showFirstAndLast: true,\n firstPage: 1,\n initialPage: 1,\n lastPage:20,\n totalElements: 150,\n labelElementsPerPage: \"Elementi per pagina\",\n elementsRanges: [10, 20, 60, 100],\n pagLabel: 'di'\n};"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r,h as a,H as e}from"./p-20ceb40c.js";const d=':root{--neutral-grey-background:#eeeeee;--neutral-grey-disabled:#cbcbcb;--neutral-grey-primary:#282828;--neutral-grey-secondary:#707070;--neutral-white:#ffffff;--primary-hard:#e75a50;--primary-soft:#ffeae9;--primary-standard:#fa7268;--secondary-hard:#435171;--secondary-soft:#dde3ed;--secondary-standard:#5e79ba;--status-danger-hard:#ba250a;--status-danger-soft:#fdd3d1;--status-danger-standard:#d72c0d;--status-interaction-hard:#22559e;--status-interaction-soft:#f2f7fe;--status-interaction-standard:#2c6ecb;--status-success-hard:#156048;--status-success-soft:#f1f8f5;--status-success-standard:#1d7f60;--status-warning-hard:#987100;--status-warning-soft:#fef5ea;--status-warning-standard:#b98900;--ff-primary:"Inter";--ff-secondary:"Prompt";--lh-300:1.25rem;--lh-400:1.5rem;--lh-500:1.625rem;--lh-600:2rem;--lh-700:2.75rem;--lh-800:3.5rem;--lh-850:4.375rem;--lh-900:5.5rem;--fs-300:0.875rem;--fs-400:1rem;--fs-500:1.125rem;--fs-600:1.5rem;--fs-700:2.25rem;--fs-800:3rem;--fs-850:3.75rem;--fs-900:4.5rem;--fw-300:300;--fw-400:400;--fw-900:700}jump-card{display:flex;flex-direction:column;position:relative;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:#fff;--jump-card-color-dark:#fff;--jump-card-border-color:var(--neutral-grey-background);--jump-card-border-radius:6px;--jump-card-border-top-radius:1rem;--jump-card-top-border-body-radius:1.5rem 1rem;--jump-card-padding:1rem 1.25rem;font-family:var(--ff-primary, "Arial"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color);overflow:hidden}jump-card img,jump-card video{aspect-ratio:4/3;overflow:hidden;position:relative;object-fit:cover}jump-card .Content{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;flex:1;background-color:var(--jump-card-background)}jump-card[dark]{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[dark] .Content{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[border]{border:1px solid var(--jump-card-border-color)}jump-card[border-radius]{border-radius:var(--jump-card-border-radius)}jump-card[top-border-content-radius]{border-radius:var(--jump-card-border-top-radius)}jump-card[top-border-content-radius] .Content{border-top-left-radius:var(--jump-card-border-top-radius);border-top-right-radius:var(--jump-card-border-top-radius);margin-top:-1rem;z-index:2}jump-card[boxed]{border-radius:var(--jump-card-border-radius)}jump-card[boxed] img,jump-card[boxed] video{border-radius:var(--jump-card-border-radius);background-color:var(--jump-card-background);margin:0.5rem 0.5rem 0}jump-card[horizontal]{flex-direction:row;gap:0.5rem;align-items:center;max-width:var(--jump-card-max-width-horizontal)}jump-card[rounded-media]{align-items:center;justify-content:center;text-align:center;background-color:transparent}jump-card[rounded-media] img,jump-card[rounded-media] video{background-color:transparent;border-radius:50%;aspect-ratio:1;width:100%;flex:0 1 40%}jump-card[rounded-media] .Content{background-color:transparent;align-items:center}jump-card[rounded-media][horizontal]{text-align:left}jump-card[rounded-media][horizontal] .Content{align-items:flex-start}jump-card[shadow]{box-shadow:0px 2px 25px 0px hsla(0, 0%, 0%, 0.1)}';const o=d;const t=class{constructor(a){r(this,a);this.horizontal=false;this.dark=false;this.shadow=undefined;this.border=undefined;this.borderRadius=false;this.topBorderContentRadius=false;this.boxed=false;this.roundedMedia=false;this.imgSrc="";this.imgAlt="";this.videoSrc=""}render(){return a(e,{key:"990d2452fd2b295b5b5c78a5cbd311c938318ee7",horizontal:this.horizontal,"border-radius":this.borderRadius,"rounded-media":this.roundedMedia,"top-border-content-radius":this.topBorderContentRadius,boxed:this.boxed,shadow:this.shadow,border:this.border},this.imgSrc&&!this.videoSrc?a("img",{src:this.imgSrc,alt:this.imgAlt}):"",this.videoSrc&&!this.imgSrc?a("video",{autoplay:true},a("source",{src:this.videoSrc,type:"video/mp4"}),a("source",{src:this.videoSrc,type:"video/mov"}),a("source",{src:this.videoSrc,type:"video/webm"})):"",a("div",{key:"cb2ca9a506ac28a88fb3e4fb7fe6626f9af6daf5",class:"Content"},a("slot",{key:"8e893537441beedf925094a99a886f9d5c1a1377",name:"body"}),a("slot",{key:"9436fd7c5030bf0405bb88ab43ca21a4bb7e5e35",name:"footer"})))}};t.style=o;export{t as jump_card};
|
|
2
|
-
//# sourceMappingURL=p-700b96b4.entry.js.map
|