@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.
Files changed (100) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +7 -0
  2. package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
  3. package/dist/cjs/{index-c572276a.js → index-46644e39.js} +499 -152
  4. package/dist/cjs/index-46644e39.js.map +1 -0
  5. package/dist/cjs/jump-button.cjs.entry.js +22 -15
  6. package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
  7. package/dist/cjs/jump-design-system.cjs.js +6 -4
  8. package/dist/cjs/jump-design-system.cjs.js.map +1 -1
  9. package/dist/cjs/jump-icon.cjs.entry.js +19 -30
  10. package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
  11. package/dist/cjs/jump-pagination.cjs.entry.js +22 -21
  12. package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
  13. package/dist/cjs/loader.cjs.js +6 -4
  14. package/dist/cjs/loader.cjs.js.map +1 -1
  15. package/dist/collection/collection-manifest.json +2 -2
  16. package/dist/collection/components/app-icon/jump-icon.js +59 -59
  17. package/dist/collection/components/app-icon/jump-icon.js.map +1 -1
  18. package/dist/collection/components/app-icon/jump-icon.stories.js +16 -16
  19. package/dist/collection/components/app-icon/jump-icon.stories.js.map +1 -1
  20. package/dist/collection/components/app-icon/test/jump-icon.e2e.js +6 -6
  21. package/dist/collection/components/app-icon/test/jump-icon.e2e.js.map +1 -1
  22. package/dist/collection/components/app-icon/test/jump-icon.spec.js +7 -7
  23. package/dist/collection/components/app-icon/test/jump-icon.spec.js.map +1 -1
  24. package/dist/collection/components/jump-button/jump-button.js +266 -153
  25. package/dist/collection/components/jump-button/jump-button.js.map +1 -1
  26. package/dist/collection/components/jump-button/jump-button.stories.js +284 -167
  27. package/dist/collection/components/jump-button/jump-button.stories.js.map +1 -1
  28. package/dist/collection/components/jump-button/test/jump-button.e2e.js +6 -6
  29. package/dist/collection/components/jump-button/test/jump-button.e2e.js.map +1 -1
  30. package/dist/collection/components/jump-button/test/jump-button.spec.js +7 -7
  31. package/dist/collection/components/jump-button/test/jump-button.spec.js.map +1 -1
  32. package/dist/collection/components/jump-pagination/jump-pagination.js +175 -175
  33. package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
  34. package/dist/collection/components/jump-pagination/jump-pagination.stories.js +91 -92
  35. package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map +1 -1
  36. package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js +6 -6
  37. package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js.map +1 -1
  38. package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js +7 -7
  39. package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js.map +1 -1
  40. package/dist/collection/utils/utils.js +1 -1
  41. package/dist/collection/utils/utils.js.map +1 -1
  42. package/dist/collection/utils/utils.spec.js +12 -12
  43. package/dist/collection/utils/utils.spec.js.map +1 -1
  44. package/dist/components/index.d.ts +6 -0
  45. package/dist/components/index.js +1 -1
  46. package/dist/components/jump-button.d.ts +2 -2
  47. package/dist/components/jump-button.js +47 -34
  48. package/dist/components/jump-button.js.map +1 -1
  49. package/dist/components/jump-icon.d.ts +2 -2
  50. package/dist/components/jump-icon2.js +33 -44
  51. package/dist/components/jump-icon2.js.map +1 -1
  52. package/dist/components/jump-pagination.d.ts +2 -2
  53. package/dist/components/jump-pagination.js +47 -46
  54. package/dist/components/jump-pagination.js.map +1 -1
  55. package/dist/esm/app-globals-0f993ce5.js +5 -0
  56. package/dist/esm/app-globals-0f993ce5.js.map +1 -0
  57. package/dist/esm/{index-ad69454c.js → index-b0176170.js} +499 -152
  58. package/dist/esm/index-b0176170.js.map +1 -0
  59. package/dist/esm/jump-button.entry.js +22 -15
  60. package/dist/esm/jump-button.entry.js.map +1 -1
  61. package/dist/esm/jump-design-system.js +7 -5
  62. package/dist/esm/jump-design-system.js.map +1 -1
  63. package/dist/esm/jump-icon.entry.js +19 -30
  64. package/dist/esm/jump-icon.entry.js.map +1 -1
  65. package/dist/esm/jump-pagination.entry.js +22 -21
  66. package/dist/esm/jump-pagination.entry.js.map +1 -1
  67. package/dist/esm/loader.js +7 -5
  68. package/dist/esm/loader.js.map +1 -1
  69. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  70. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  71. package/dist/jump-design-system/p-0d2b55a8.entry.js +2 -0
  72. package/dist/jump-design-system/p-0d2b55a8.entry.js.map +1 -0
  73. package/dist/jump-design-system/{p-15ecd712.entry.js → p-3cbc3a68.entry.js} +3 -3
  74. package/dist/jump-design-system/p-3cbc3a68.entry.js.map +1 -0
  75. package/dist/jump-design-system/p-68bce598.js +3 -0
  76. package/dist/jump-design-system/p-68bce598.js.map +1 -0
  77. package/dist/jump-design-system/{p-42799645.entry.js → p-9e6ea006.entry.js} +2 -2
  78. package/dist/jump-design-system/p-9e6ea006.entry.js.map +1 -0
  79. package/dist/jump-design-system/p-e1255160.js +2 -0
  80. package/dist/jump-design-system/p-e1255160.js.map +1 -0
  81. package/dist/jump-design-system-elements.json +53 -1
  82. package/dist/types/components/app-icon/jump-icon.d.ts +10 -10
  83. package/dist/types/components/app-icon/jump-icon.stories.d.ts +14 -14
  84. package/dist/types/components/jump-button/jump-button.d.ts +53 -29
  85. package/dist/types/components/jump-button/jump-button.stories.d.ts +147 -85
  86. package/dist/types/components/jump-pagination/jump-pagination.d.ts +24 -24
  87. package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts +63 -63
  88. package/dist/types/components.d.ts +52 -4
  89. package/dist/types/stencil-public-runtime.d.ts +46 -5
  90. package/loader/index.d.ts +1 -1
  91. package/package.json +2 -2
  92. package/readme.md +13 -8
  93. package/dist/cjs/index-c572276a.js.map +0 -1
  94. package/dist/esm/index-ad69454c.js.map +0 -1
  95. package/dist/jump-design-system/p-15ecd712.entry.js.map +0 -1
  96. package/dist/jump-design-system/p-42799645.entry.js.map +0 -1
  97. package/dist/jump-design-system/p-44f459bb.js +0 -3
  98. package/dist/jump-design-system/p-44f459bb.js.map +0 -1
  99. package/dist/jump-design-system/p-6ba563bd.entry.js +0 -2
  100. 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
- 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, { class: "JumpPagination" }, h("div", { 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", { class: "indicators" }, h("div", { 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", { class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-left" }), h("jump-icon", { name: "chevron-left" }), h("jump-icon", { 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"
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;;;;;gCAe+B,qBAAqB;0BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;2BAUtB,KAAK;mCAEG,KAAK;;EAEjE,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB;MAC1B,WAAK,KAAK,EAAC,yBAAyB;QAChC,IAAI,CAAC,eAAe;UACpB,WAAK,KAAK,EAAC,iBAAiB;YAC1B,aAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS;YAChF,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;QAER,WAAK,KAAK,EAAC,YAAY;UACrB,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe,CAAC,CAAC;YACrB;cACE,gBAAO,IAAI,CAAC,SAAS,CAAQ;;cAAG,gBAAO,IAAI,CAAC,WAAW,CAAQ;;cAAI,gBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;YAET,CAAC;cACC;gBACE,gBAAO,IAAI,CAAC,WAAW,CAAQ;;gBAAI,gBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL;UACN,WAAK,KAAK,EAAC,OAAO;YACf,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,eAAe,GAAa;YAC7E,iBAAW,IAAI,EAAC,cAAc,GAAa;YAC3C,iBAAW,IAAI,EAAC,eAAe,GAAa;YAC3C,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,CACR,CAAC;EACJ,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
+ {"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
- 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
- }
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
- console.log(args);
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
- completeVersion: true,
82
- showAdditionalChrevrons: false,
83
- firstPage: 1,
84
- currentPage: 1,
85
- lastPage: 20,
86
- totalElements: 150,
87
- labelElementsPerPage: "Elementi per pagina",
88
- elementsRanges: [10, 20, 60, 100],
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
- completeVersion: true,
93
- showAdditionalChrevrons: true,
94
- firstPage: 1,
95
- currentPage: 1,
96
- lastPage: 20,
97
- totalElements: 150,
98
- labelElementsPerPage: "Elementi per pagina",
99
- elementsRanges: [10, 20, 60, 100],
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
- completeVersion: false,
104
- showAdditionalChrevrons: false,
105
- firstPage: 1,
106
- currentPage: 5,
107
- lastPage: 10,
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
- completeVersion: false,
112
- showAdditionalChrevrons: true,
113
- firstPage: 1,
114
- currentPage: 5,
115
- lastPage: 10,
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;EACb,KAAK,EAAE,6BAA6B;EACpC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClB,QAAQ,EAAE;IACR,eAAe,EAAE;MACf,IAAI,EAAE,oCAAoC;MAC1C,OAAO,EAAE,SAAS;MAClB,WAAW,EAAE,0DAA0D;KACxE;IACD,uBAAuB,EAAE;MACvB,IAAI,EAAE,0BAA0B;MAChC,OAAO,EAAE,SAAS;MAClB,WAAW,EAAE,6IAA6I;KAC3J;IACD,SAAS,EAAE;MACT,IAAI,EAAE,gBAAgB;MACtB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,gHAAgH;MAC7H,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,WAAW,EAAE;MACX,IAAI,EAAE,mBAAmB;MACzB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,mHAAmH;KACjI;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,eAAe;MACrB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,yBAAyB;MACpC,EAAE,EAAE;QACJ,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,KAAK;OACV;KACF;IACD,aAAa,EAAE;MACb,IAAI,EAAE,iBAAiB;MACvB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,mDAAmD;MAChE,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,oBAAoB,EAAE;MACpB,IAAI,EAAE,+BAA+B;MACrC,OAAO,EAAE,MAAM;MACf,WAAW,EAAE,iDAAiD;MAC5D,EAAE,EAAE;QACJ,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,cAAc,EAAE;MACd,IAAI,EAAE,gBAAgB;MACtB,OAAO,EAAE,cAAc;MACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;MACrB,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;GAIF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;EAClB,OAAO;8BACqB,IAAI,CAAC,WAAW;4BAClB,IAAI,CAAC,SAAS;2BACf,IAAI,CAAC,QAAQ;gCACR,IAAI,CAAC,aAAa;iCACjB,IAAI,CAAC,eAAe;iCACpB,IAAI,CAAC,cAAc;0CACV,IAAI,CAAC,uBAAuB;6BACzC,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE9D,4BAA4B,CAAC,IAAI,GAAG;EAClC,eAAe,EAAE,IAAI;EACrB,uBAAuB,EAAE,KAAK;EAC9B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;EACX,aAAa,EAAE,GAAG;EAClB,oBAAoB,EAAE,qBAAqB;EAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/D,6BAA6B,CAAC,IAAI,GAAG;EACnC,eAAe,EAAE,IAAI;EACrB,uBAAuB,EAAE,IAAI;EAC7B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;EACX,aAAa,EAAE,GAAG;EAClB,oBAAoB,EAAE,qBAAqB;EAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CAClC,CAAC;AAGF,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5D,0BAA0B,CAAC,IAAI,GAAG;EAChC,eAAe,EAAE,KAAK;EACtB,uBAAuB,EAAE,KAAK;EAC9B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE7D,2BAA2B,CAAC,IAAI,GAAG;EACjC,eAAe,EAAE,KAAK;EACtB,uBAAuB,EAAE,IAAI;EAC7B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;CACZ,CAAC","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 console.log(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
+ {"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
- 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
- });
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