@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.
Files changed (110) hide show
  1. package/dist/cjs/jump-badge.cjs.entry.js +1 -1
  2. package/dist/cjs/jump-badge.cjs.entry.js.map +1 -1
  3. package/dist/cjs/jump-button.cjs.entry.js +1 -1
  4. package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
  5. package/dist/cjs/jump-card.cjs.entry.js +1 -1
  6. package/dist/cjs/jump-card.cjs.entry.js.map +1 -1
  7. package/dist/cjs/jump-design-system.cjs.js +1 -1
  8. package/dist/cjs/jump-icon.cjs.entry.js +3 -2
  9. package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
  10. package/dist/cjs/jump-pagination-table.cjs.entry.js +79 -0
  11. package/dist/cjs/jump-pagination-table.cjs.entry.js.map +1 -0
  12. package/dist/cjs/jump-pagination.cjs.entry.js +14 -26
  13. package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
  14. package/dist/cjs/jump-tab.cjs.entry.js +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/collection/collection-manifest.json +1 -0
  17. package/dist/collection/components/jump-badge/jump-badge.css +2 -1
  18. package/dist/collection/components/jump-button/jump-button-dimension.stories.js +3 -3
  19. package/dist/collection/components/jump-button/jump-button-dimension.stories.js.map +1 -1
  20. package/dist/collection/components/jump-button/jump-button.css +13 -65
  21. package/dist/collection/components/jump-card/jump-card.css +0 -49
  22. package/dist/collection/components/jump-card/jump-card.stories.js +0 -8
  23. package/dist/collection/components/jump-card/jump-card.stories.js.map +1 -1
  24. package/dist/collection/components/jump-icon/jump-icon.css +16 -2
  25. package/dist/collection/components/jump-icon/jump-icon.js +19 -1
  26. package/dist/collection/components/jump-icon/jump-icon.js.map +1 -1
  27. package/dist/collection/components/jump-icon/jump-icon.stories.js +14 -4
  28. package/dist/collection/components/jump-icon/jump-icon.stories.js.map +1 -1
  29. package/dist/collection/components/jump-pagination/jump-pagination.css +8 -18
  30. package/dist/collection/components/jump-pagination/jump-pagination.js +20 -125
  31. package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
  32. package/dist/collection/components/jump-pagination/jump-pagination.stories.js +68 -0
  33. package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map +1 -0
  34. package/dist/collection/components/jump-pagination-table/jump-pagination-table.css +56 -0
  35. package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +262 -0
  36. package/dist/collection/components/jump-pagination-table/jump-pagination-table.js.map +1 -0
  37. package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js +90 -0
  38. package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js.map +1 -0
  39. package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.e2e.js +10 -0
  40. package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.e2e.js.map +1 -0
  41. package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.spec.js +18 -0
  42. package/dist/collection/components/jump-pagination-table/test/jump-pagination-table.spec.js.map +1 -0
  43. package/dist/collection/components/jump-tab/jump-tab.js +1 -1
  44. package/dist/components/jump-badge.js +1 -1
  45. package/dist/components/jump-badge.js.map +1 -1
  46. package/dist/components/jump-button.js +1 -1
  47. package/dist/components/jump-button.js.map +1 -1
  48. package/dist/components/jump-card.js +1 -1
  49. package/dist/components/jump-card.js.map +1 -1
  50. package/dist/components/jump-icon2.js +5 -3
  51. package/dist/components/jump-icon2.js.map +1 -1
  52. package/dist/components/jump-pagination-table.d.ts +11 -0
  53. package/dist/components/jump-pagination-table.js +109 -0
  54. package/dist/components/jump-pagination-table.js.map +1 -0
  55. package/dist/components/jump-pagination.js +19 -37
  56. package/dist/components/jump-pagination.js.map +1 -1
  57. package/dist/components/jump-tab.js +1 -1
  58. package/dist/esm/jump-badge.entry.js +1 -1
  59. package/dist/esm/jump-badge.entry.js.map +1 -1
  60. package/dist/esm/jump-button.entry.js +1 -1
  61. package/dist/esm/jump-button.entry.js.map +1 -1
  62. package/dist/esm/jump-card.entry.js +1 -1
  63. package/dist/esm/jump-card.entry.js.map +1 -1
  64. package/dist/esm/jump-design-system.js +1 -1
  65. package/dist/esm/jump-icon.entry.js +3 -2
  66. package/dist/esm/jump-icon.entry.js.map +1 -1
  67. package/dist/esm/jump-pagination-table.entry.js +75 -0
  68. package/dist/esm/jump-pagination-table.entry.js.map +1 -0
  69. package/dist/esm/jump-pagination.entry.js +14 -26
  70. package/dist/esm/jump-pagination.entry.js.map +1 -1
  71. package/dist/esm/jump-tab.entry.js +1 -1
  72. package/dist/esm/loader.js +1 -1
  73. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  74. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  75. package/dist/jump-design-system/p-02914b1e.entry.js +2 -0
  76. package/dist/jump-design-system/p-02914b1e.entry.js.map +1 -0
  77. package/dist/jump-design-system/p-1a533536.entry.js +2 -0
  78. package/dist/jump-design-system/p-1a533536.entry.js.map +1 -0
  79. package/dist/jump-design-system/{p-61729377.entry.js → p-93d8245f.entry.js} +2 -2
  80. package/dist/jump-design-system/p-e69ee35f.entry.js +2 -0
  81. package/dist/jump-design-system/p-e69ee35f.entry.js.map +1 -0
  82. package/dist/jump-design-system/p-eb16952a.entry.js +2 -0
  83. package/dist/jump-design-system/p-eb16952a.entry.js.map +1 -0
  84. package/dist/jump-design-system/p-ed65e359.entry.js +2 -0
  85. package/dist/jump-design-system/p-ed65e359.entry.js.map +1 -0
  86. package/dist/jump-design-system/{p-511d4425.entry.js → p-fa148b53.entry.js} +57 -57
  87. package/dist/jump-design-system/{p-511d4425.entry.js.map → p-fa148b53.entry.js.map} +1 -1
  88. package/dist/jump-design-system-elements.json +30 -5
  89. package/dist/types/components/jump-icon/jump-icon.d.ts +4 -0
  90. package/dist/types/components/jump-icon/jump-icon.stories.d.ts +3 -1
  91. package/dist/types/components/jump-pagination/jump-pagination.d.ts +4 -22
  92. package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts +30 -0
  93. package/dist/types/components/jump-pagination-table/jump-pagination-table.d.ts +23 -0
  94. package/dist/types/components/{jump-pagination/jump-pagination-products.stories.d.ts → jump-pagination-table/jump-pagination-table.stories.d.ts} +11 -39
  95. package/dist/types/components.d.ts +54 -15
  96. package/package.json +1 -1
  97. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js +0 -119
  98. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js.map +0 -1
  99. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js +0 -102
  100. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js.map +0 -1
  101. package/dist/jump-design-system/p-700b96b4.entry.js +0 -2
  102. package/dist/jump-design-system/p-700b96b4.entry.js.map +0 -1
  103. package/dist/jump-design-system/p-87256ed6.entry.js +0 -2
  104. package/dist/jump-design-system/p-87256ed6.entry.js.map +0 -1
  105. package/dist/jump-design-system/p-8f5caf32.entry.js +0 -2
  106. package/dist/jump-design-system/p-8f5caf32.entry.js.map +0 -1
  107. package/dist/jump-design-system/p-960188c6.entry.js +0 -2
  108. package/dist/jump-design-system/p-960188c6.entry.js.map +0 -1
  109. package/dist/types/components/jump-pagination/jump-pagination-pages.stories.d.ts +0 -75
  110. /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": "complete-version",
220
- "description": "If true, the component will show the complete version of the pagination, with elements informations"
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": "initial-page",
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-page",
256
+ "name": "last",
232
257
  "description": ""
233
258
  },
234
259
  {
@@ -240,7 +265,7 @@
240
265
  "description": ""
241
266
  },
242
267
  {
243
- "name": "total-elements",
268
+ "name": "total",
244
269
  "description": ""
245
270
  }
246
271
  ]
@@ -7,6 +7,10 @@ export declare class JumpIcon {
7
7
  * Additional classes
8
8
  **/
9
9
  class: string;
10
+ /**
11
+ * Size of the icon
12
+ **/
13
+ size: string;
10
14
  componentDidLoad(): void;
11
15
  render(): any;
12
16
  }
@@ -16,4 +16,6 @@ declare const _default: {
16
16
  };
17
17
  };
18
18
  export default _default;
19
- export declare const Icon: any;
19
+ export declare const IconSmall: any;
20
+ export declare const IconMedium: any;
21
+ export declare const IconLarge: any;
@@ -1,29 +1,11 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  export declare class JumpPagination {
3
- /**
4
- * Indicates the first page/product of the list
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
- initialPage: number;
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
- jumpChangePage: EventEmitter;
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
- completeVersion: {
10
+ first: {
11
11
  name: string;
12
12
  control: string;
13
13
  description: string;
14
14
  };
15
- showFirstAndLast: {
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
- initialPage: {
20
+ total: {
30
21
  name: string;
31
22
  control: string;
32
23
  description: string;
33
24
  };
34
- lastPage: {
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
- totalElements: {
30
+ elementsRanges: {
44
31
  name: string;
45
32
  control: string;
46
- description: string;
47
- if: {
48
- arg: string;
49
- eq: boolean;
50
- };
33
+ options: number[];
51
34
  };
52
- labelElementsPerPage: {
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 PaginationPerProdottiRidotto: any;
74
- export declare const PaginationPerProdottiCompleto: any;
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
- * If true, the component will show the complete version of the pagination, with elements informations
141
+ * Size of the icon
144
142
  */
145
- "completeVersion": boolean;
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
- "initialPage": number;
156
+ "first": number;
151
157
  /**
152
158
  * Label for the elements per page select
153
159
  */
154
160
  "labelElementsPerPage": string;
155
- "lastPage": number;
161
+ "last": number;
156
162
  "pagLabel": string;
157
163
  "showFirstAndLast": boolean;
158
- "totalElements": number;
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
- * If true, the component will show the complete version of the pagination, with elements informations
388
+ * Size of the icon
362
389
  */
363
- "completeVersion"?: boolean;
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
- "initialPage"?: number;
404
+ "first"?: number;
369
405
  /**
370
406
  * Label for the elements per page select
371
407
  */
372
408
  "labelElementsPerPage"?: string;
373
- "lastPage"?: number;
374
- "onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
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
- "totalElements"?: number;
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@jumpgroup/jump-design-system",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -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":"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","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