@everymatrix/helper-pagination 0.1.23 → 1.0.69

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 (50) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/helper-pagination.cjs.entry.js +197 -201
  3. package/dist/cjs/helper-pagination.cjs.js +17 -11
  4. package/dist/cjs/index-015efb63.js +1169 -0
  5. package/dist/cjs/loader.cjs.js +7 -13
  6. package/dist/collection/collection-manifest.json +3 -3
  7. package/dist/collection/components/helper-pagination/helper-pagination.css +4 -7
  8. package/dist/collection/components/helper-pagination/helper-pagination.js +386 -352
  9. package/dist/collection/components/helper-pagination/index.js +1 -0
  10. package/dist/collection/utils/locale.utils.js +39 -27
  11. package/dist/collection/utils/utils.js +5 -5
  12. package/dist/esm/app-globals-0f993ce5.js +3 -0
  13. package/dist/esm/helper-pagination.entry.js +197 -201
  14. package/dist/esm/helper-pagination.js +14 -11
  15. package/dist/esm/index-3d52300b.js +1142 -0
  16. package/dist/esm/loader.js +7 -13
  17. package/dist/helper-pagination/helper-pagination.esm.js +1 -1
  18. package/dist/helper-pagination/p-083e9b0c.entry.js +1 -0
  19. package/dist/helper-pagination/p-7b10b966.js +2 -0
  20. package/dist/helper-pagination/p-e1255160.js +1 -0
  21. package/dist/stencil.config.dev.js +17 -0
  22. package/dist/stencil.config.js +14 -19
  23. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.d.ts +2 -0
  24. package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/helper-pagination/.stencil/packages/stencil/helper-pagination/stencil.config.dev.d.ts +2 -0
  25. package/dist/types/components/helper-pagination/helper-pagination.d.ts +93 -77
  26. package/dist/types/components/helper-pagination/index.d.ts +1 -0
  27. package/dist/types/components.d.ts +52 -13
  28. package/dist/types/stencil-public-runtime.d.ts +142 -33
  29. package/loader/cdn.js +1 -3
  30. package/loader/index.cjs.js +1 -3
  31. package/loader/index.d.ts +13 -1
  32. package/loader/index.es2017.js +1 -3
  33. package/loader/index.js +1 -3
  34. package/loader/package.json +1 -0
  35. package/package.json +9 -2
  36. package/dist/cjs/index-4f0b2d1c.js +0 -1172
  37. package/dist/components/helper-pagination.d.ts +0 -11
  38. package/dist/components/helper-pagination.js +0 -262
  39. package/dist/components/index.d.ts +0 -26
  40. package/dist/components/index.js +0 -1
  41. package/dist/esm/index-fe031733.js +0 -1146
  42. package/dist/esm/polyfills/core-js.js +0 -11
  43. package/dist/esm/polyfills/css-shim.js +0 -1
  44. package/dist/esm/polyfills/dom.js +0 -79
  45. package/dist/esm/polyfills/es5-html-element.js +0 -1
  46. package/dist/esm/polyfills/index.js +0 -34
  47. package/dist/esm/polyfills/system.js +0 -6
  48. package/dist/helper-pagination/p-68c68be2.js +0 -1
  49. package/dist/helper-pagination/p-8258fc5c.entry.js +0 -1
  50. package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/stencil/widgets-stencil/packages/helper-pagination/.stencil/packages/helper-pagination/stencil.config.d.ts +0 -2
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const globalScripts = () => {};
4
+
5
+ exports.globalScripts = globalScripts;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-4f0b2d1c.js');
5
+ const index = require('./index-015efb63.js');
6
6
 
7
7
  /**
8
8
  * @name isMobile
@@ -11,222 +11,218 @@ const index = require('./index-4f0b2d1c.js');
11
11
  * @returns {Boolean} true or false
12
12
  */
13
13
  const isMobile = (userAgent) => {
14
- return !!(userAgent.toLowerCase().match(/android/i) ||
15
- userAgent.toLowerCase().match(/blackberry|bb/i) ||
16
- userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
17
- userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
14
+ return !!(userAgent.toLowerCase().match(/android/i) ||
15
+ userAgent.toLowerCase().match(/blackberry|bb/i) ||
16
+ userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
17
+ userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
18
18
  };
19
19
 
20
20
  const DEFAULT_LANGUAGE = 'en';
21
- const SUPPORTED_LANGUAGES = ['ro', 'en'];
21
+ const SUPPORTED_LANGUAGES = ['ro', 'en', 'hu', 'hr'];
22
22
  const TRANSLATIONS = {
23
- en: {
24
- firstPage: 'First',
25
- previousPage: 'Previous',
26
- nextPage: 'Next',
27
- lastPage: 'Last'
28
- },
29
- ro: {
30
- firstPage: 'Prima',
31
- previousPage: 'Anterior',
32
- nextPage: 'Urmatoarea',
33
- lastPage: 'Ultima'
34
- },
35
- fr: {
36
- firstPage: 'First',
37
- previousPage: 'Previous',
38
- nextPage: 'Next',
39
- lastPage: 'Last'
40
- },
41
- ar: {
42
- firstPage: 'First',
43
- previousPage: 'Previous',
44
- nextPage: 'Next',
45
- lastPage: 'Last'
46
- }
23
+ en: {
24
+ firstPage: 'First',
25
+ previousPage: 'Previous',
26
+ nextPage: 'Next',
27
+ lastPage: 'Last'
28
+ },
29
+ ro: {
30
+ firstPage: 'Prima',
31
+ previousPage: 'Anterior',
32
+ nextPage: 'Urmatoarea',
33
+ lastPage: 'Ultima'
34
+ },
35
+ fr: {
36
+ firstPage: 'First',
37
+ previousPage: 'Previous',
38
+ nextPage: 'Next',
39
+ lastPage: 'Last'
40
+ },
41
+ ar: {
42
+ firstPage: 'First',
43
+ previousPage: 'Previous',
44
+ nextPage: 'Next',
45
+ lastPage: 'Last'
46
+ },
47
+ hu: {
48
+ firstPage: 'First',
49
+ previousPage: 'Previous',
50
+ nextPage: 'Következő',
51
+ lastPage: 'Last'
52
+ },
53
+ hr: {
54
+ firstPage: 'Prva',
55
+ previousPage: 'Prethodna',
56
+ nextPage: 'Slijedeća',
57
+ lastPage: 'Zadnja'
58
+ }
47
59
  };
48
60
  const translate = (key, customLang) => {
49
- const lang = customLang;
50
- return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
61
+ const lang = customLang;
62
+ return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
51
63
  };
52
64
 
53
- const helperPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin-top:20px;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:12px}}@media screen and (max-width: 480px){button{width:70px;font-size:10px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:10px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}";
65
+ const helperPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}";
66
+ const HelperPaginationStyle0 = helperPaginationCss;
54
67
 
55
68
  const HelperPagination = class {
56
- constructor(hostRef) {
57
- index.registerInstance(this, hostRef);
58
- this.hpPageChange = index.createEvent(this, "hpPageChange", 7);
59
- /**
60
- * First page boolean value - determines if the page is disabled or active
61
- */
62
- this.firstPage = false;
63
- /**
64
- * Previous page boolean value - determines if the page is disabled or active
65
- */
66
- this.previousPage = false;
67
- /**
68
- * The received offset
69
- */
70
- this.offset = 0;
71
- /**
72
- * The received limit for the number of pages
73
- */
74
- this.limit = 1;
75
- /**
76
- * The received total number of pages
77
- */
78
- this.total = 1;
79
- /**
80
- * Language
81
- */
82
- this.language = 'en';
83
- /**
84
- * Client custom styling via string
85
- */
86
- this.clientStyling = '';
87
- /**
88
- * Client custom styling via url content
89
- */
90
- this.clientStylingUrlContent = '';
91
- /**
92
- * In component working variable for the array of pages
93
- */
94
- this.pagesArray = [];
95
- /**
96
- * In component working variable for last page
97
- */
98
- this.endInt = 0;
99
- this.userAgent = window.navigator.userAgent;
100
- this.currentPage = 1;
101
- this.limitStylingAppends = false;
102
- /**
103
- * Navigation logic
104
- */
105
- this.navigateTo = (navigationPage) => {
106
- switch (navigationPage) {
107
- case 'firstPage':
108
- this.offsetInt = 0;
109
- break;
110
- case 'lastPage':
111
- this.offsetInt = this.endInt * this.limitInt;
112
- break;
113
- case 'previousPage':
114
- this.offsetInt -= 10;
115
- break;
116
- case 'nextPage':
117
- this.offsetInt += 10;
118
- break;
119
- case 'fivePagesBack':
120
- this.offsetInt -= 30;
121
- this.offsetInt = this.offsetInt < 0 ? 0 : this.offsetInt;
122
- break;
123
- case 'fivePagesForward':
124
- this.offsetInt += 30;
125
- this.offsetInt = this.offsetInt / 10 >= this.endInt ? this.endInt * 10 : this.offsetInt;
126
- break;
127
- }
128
- this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
129
- };
130
- /**
131
- * Handle navigation from here
132
- */
133
- this.paginationNavigation = (pageNumber, index) => {
134
- if (!isNaN(pageNumber)) {
135
- if (pageNumber === 1) {
136
- this.offsetInt = pageNumber - 1;
137
- }
138
- else {
139
- this.offsetInt = (pageNumber - 1) * 10;
140
- }
141
- }
142
- else {
143
- if (index === 0 && this.currentPage <= 4) {
144
- this.navigateTo('firstPage');
69
+ constructor(hostRef) {
70
+ index.registerInstance(this, hostRef);
71
+ this.hpPageChange = index.createEvent(this, "hpPageChange", 7);
72
+ this.userAgent = window.navigator.userAgent;
73
+ this.currentPage = 1;
74
+ /**
75
+ * Navigation logic
76
+ */
77
+ this.navigateTo = (navigationPage) => {
78
+ switch (navigationPage) {
79
+ case 'firstPage':
80
+ this.offsetInt = 0;
81
+ break;
82
+ case 'lastPage':
83
+ this.offsetInt = this.endInt * this.limitInt;
84
+ break;
85
+ case 'previousPage':
86
+ this.offsetInt -= this.limitInt;
87
+ break;
88
+ case 'nextPage':
89
+ this.offsetInt += this.limitInt;
90
+ break;
91
+ case 'fivePagesBack':
92
+ this.offsetInt -= this.limitInt * 5;
93
+ this.offsetInt = this.offsetInt <= 0 ? 0 : this.offsetInt;
94
+ break;
95
+ case 'fivePagesForward':
96
+ this.offsetInt += this.limitInt * 5;
97
+ this.offsetInt = this.offsetInt / this.limitInt >= this.endInt ? this.endInt * this.limitInt : this.offsetInt;
98
+ break;
99
+ }
100
+ this.previousPage = !this.offsetInt ? false : true;
101
+ this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
102
+ };
103
+ /**
104
+ * Handle navigation from here
105
+ */
106
+ this.paginationNavigation = (pageNumber, index) => {
107
+ this.previousPage = true;
108
+ if (!isNaN(pageNumber)) {
109
+ if (pageNumber === 1) {
110
+ this.offsetInt = pageNumber - 1;
111
+ this.previousPage = false;
112
+ }
113
+ else {
114
+ this.offsetInt = (pageNumber - 1) * this.limitInt;
115
+ }
116
+ }
117
+ else {
118
+ if (index === 0 && this.currentPage <= 4) {
119
+ this.navigateTo('firstPage');
120
+ }
121
+ else if (index === 0 && this.currentPage > 4) {
122
+ this.navigateTo('fivePagesBack');
123
+ }
124
+ else if (index === 4 && this.endInt - this.currentPage >= 2) {
125
+ this.navigateTo('fivePagesForward');
126
+ }
127
+ }
128
+ this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
129
+ };
130
+ this.setClientStyling = () => {
131
+ let sheet = document.createElement('style');
132
+ sheet.innerHTML = this.clientStyling;
133
+ this.stylingContainer.prepend(sheet);
134
+ };
135
+ this.setClientStylingURL = () => {
136
+ let cssFile = document.createElement('style');
137
+ setTimeout(() => {
138
+ cssFile.innerHTML = this.clientStylingUrlContent;
139
+ this.stylingContainer.prepend(cssFile);
140
+ }, 1);
141
+ };
142
+ this.nextPage = '';
143
+ this.prevPage = '';
144
+ this.offset = 0;
145
+ this.limit = 1;
146
+ this.total = 1;
147
+ this.language = 'en';
148
+ this.clientStyling = '';
149
+ this.clientStylingUrlContent = '';
150
+ this.arrowsActive = undefined;
151
+ this.secondaryArrowsActive = undefined;
152
+ this.numberedNavActive = undefined;
153
+ this.offsetInt = undefined;
154
+ this.lastPage = false;
155
+ this.previousPage = false;
156
+ this.limitInt = undefined;
157
+ this.totalInt = undefined;
158
+ this.pagesArray = [];
159
+ this.endInt = 0;
160
+ this.limitStylingAppends = false;
161
+ }
162
+ componentWillRender() {
163
+ this.offsetInt = this.offset;
164
+ this.limitInt = this.limit;
165
+ this.currentPage = (this.offsetInt / this.limitInt) + 1;
166
+ this.limitInt = this.limit;
167
+ this.totalInt = this.total;
168
+ this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);
169
+ this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;
170
+ /**
171
+ * Construct numbered navigation area based on current page position
172
+ */
173
+ if (this.currentPage == 1 || this.currentPage == 2) {
174
+ this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
175
+ this.pagesArray.push('...');
145
176
  }
146
- else if (index === 0 && this.currentPage > 4) {
147
- this.navigateTo('fivePagesBack');
177
+ else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {
178
+ this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
179
+ this.pagesArray.push('...');
180
+ this.pagesArray.unshift('...');
148
181
  }
149
- else if (index === 4 && this.endInt - this.currentPage >= 2) {
150
- this.navigateTo('fivePagesForward');
182
+ else if ((this.endInt - this.currentPage) < 3) {
183
+ this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);
184
+ this.pagesArray.unshift('...');
151
185
  }
152
- }
153
- this.currentPage = this.offsetInt;
154
- this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
155
- };
156
- this.setClientStyling = () => {
157
- let sheet = document.createElement('style');
158
- sheet.innerHTML = this.clientStyling;
159
- this.stylingContainer.prepend(sheet);
160
- };
161
- this.setClientStylingURL = () => {
162
- let cssFile = document.createElement('style');
163
- setTimeout(() => {
164
- cssFile.innerHTML = this.clientStylingUrlContent;
165
- this.stylingContainer.prepend(cssFile);
166
- }, 1);
167
- };
168
- }
169
- componentWillRender() {
170
- this.offsetInt = this.offset;
171
- this.currentPage = this.offsetInt / this.limitInt + 1;
172
- this.limitInt = this.limit;
173
- this.totalInt = this.total;
174
- this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);
175
- this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;
176
- /**
177
- * Construct numbered navigation area based on current page position
178
- */
179
- if (this.currentPage === 1 || this.currentPage === 2) {
180
- this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
181
- this.pagesArray.push('...');
182
- }
183
- else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {
184
- this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
185
- this.pagesArray.push('...');
186
- this.pagesArray.unshift('...');
187
186
  }
188
- else if ((this.endInt - this.currentPage) < 3) {
189
- this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);
190
- this.pagesArray.unshift('...');
191
- }
192
- }
193
- componentDidRender() {
194
- // start custom styling area
195
- if (!this.limitStylingAppends && this.stylingContainer) {
196
- if (this.clientStyling)
197
- this.setClientStyling();
198
- if (this.clientStylingUrlContent)
199
- this.setClientStylingURL();
200
- this.limitStylingAppends = true;
201
- }
202
- // end custom styling area
203
- }
204
- render() {
205
- /**
206
- * Center navigation area
207
- */
208
- let navigationArea = index.h("ul", { class: "PaginationArea" }, this.pagesArray.map((item, index$1) => {
209
- return (index.h("li", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') }, index.h("button", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index$1) }, index.h("span", null, item))));
210
- }));
211
- /**
212
- * Left navigation area
213
- */
214
- let buttonsLeftSide = index.h("div", { class: "LeftItems" }, index.h("button", { disabled: !this.previousPage, onClick: this.navigateTo.bind(this, 'firstPage') }, translate('firstPage', this.language)), index.h("button", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));
215
- if (isMobile(this.userAgent)) {
216
- buttonsLeftSide =
217
- index.h("div", { class: "LeftItems" }, index.h("button", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));
187
+ componentDidRender() {
188
+ // start custom styling area
189
+ if (!this.limitStylingAppends && this.stylingContainer) {
190
+ if (this.clientStyling)
191
+ this.setClientStyling();
192
+ if (this.clientStylingUrlContent)
193
+ this.setClientStylingURL();
194
+ this.limitStylingAppends = true;
195
+ }
196
+ // end custom styling area
218
197
  }
219
- /**
220
- * Right navigation area
221
- */
222
- let buttonsRightSide = index.h("div", { class: "RightItems" }, index.h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)), index.h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'lastPage') }, translate('lastPage', this.language)));
223
- if (isMobile(this.userAgent)) {
224
- buttonsRightSide =
225
- index.h("div", { class: "RightItems" }, index.h("button", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)));
198
+ render() {
199
+ /**
200
+ * Center navigation area
201
+ */
202
+ let navigationArea = index.h("ul", { class: "PaginationArea" }, this.pagesArray.map((item, index$1) => {
203
+ return (index.h("li", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') }, index.h("button", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index$1) }, index.h("span", null, item))));
204
+ }));
205
+ /**
206
+ * Left navigation area
207
+ */
208
+ let buttonSecondaryLeftSide = index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'firstPage') }, index.h("span", { class: "NavigationButton" }, translate('firstPage', this.language)), index.h("span", { class: "NavigationIcon" }));
209
+ let buttonsLeftSide = index.h("div", { class: "LeftItems" }, this.secondaryArrowsActive && buttonSecondaryLeftSide, index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, index.h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), index.h("span", { class: "NavigationIcon" })));
210
+ if (isMobile(this.userAgent)) {
211
+ buttonsLeftSide =
212
+ index.h("div", { class: "LeftItems" }, index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, index.h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), index.h("span", { class: "NavigationIcon" })));
213
+ }
214
+ /**
215
+ * Right navigation area
216
+ */
217
+ let buttonSecondaryRightSide = index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'lastPage') }, index.h("span", { class: "NavigationButton" }, translate('lastPage', this.language)), index.h("span", { class: "NavigationIcon" }));
218
+ let buttonsRightSide = index.h("div", { class: "RightItems" }, index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, index.h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), index.h("span", { class: "NavigationIcon" })), this.secondaryArrowsActive && buttonSecondaryRightSide);
219
+ if (isMobile(this.userAgent)) {
220
+ buttonsRightSide =
221
+ index.h("div", { class: "RightItems" }, index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, index.h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), index.h("span", { class: "NavigationIcon" })));
222
+ }
223
+ return (index.h("div", { id: "PaginationContainer", ref: el => this.stylingContainer = el }, this.arrowsActive && buttonsLeftSide, this.numberedNavActive && navigationArea, this.arrowsActive && buttonsRightSide));
226
224
  }
227
- return (index.h("div", { id: "PaginationContainer" }, buttonsLeftSide, navigationArea, buttonsRightSide));
228
- }
229
225
  };
230
- HelperPagination.style = helperPaginationCss;
226
+ HelperPagination.style = HelperPaginationStyle0;
231
227
 
232
228
  exports.helper_pagination = HelperPagination;
@@ -1,19 +1,25 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-4f0b2d1c.js');
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-015efb63.js');
6
+ const appGlobals = require('./app-globals-3a1e7e63.js');
4
7
 
5
8
  /*
6
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
7
10
  */
8
- const patchBrowser = () => {
9
- const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-pagination.cjs.js', document.baseURI).href));
10
- const opts = {};
11
- if (importMeta !== '') {
12
- opts.resourcesUrl = new URL('.', importMeta).href;
13
- }
14
- return index.promiseResolve(opts);
11
+ var patchBrowser = () => {
12
+ const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-pagination.cjs.js', document.baseURI).href));
13
+ const opts = {};
14
+ if (importMeta !== "") {
15
+ opts.resourcesUrl = new URL(".", importMeta).href;
16
+ }
17
+ return index.promiseResolve(opts);
15
18
  };
16
19
 
17
- patchBrowser().then(options => {
18
- return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"clientStyling":[1,"client-styling"],"clientStylingUrlContent":[1,"client-styling-url-content"],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
20
+ patchBrowser().then(async (options) => {
21
+ await appGlobals.globalScripts();
22
+ return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"nextPage":[1537,"next-page"],"prevPage":[1537,"prev-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1537],"clientStyling":[1537,"client-styling"],"clientStylingUrlContent":[1537,"client-styling-url-content"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"numberedNavActive":[1540,"numbered-nav-active"],"offsetInt":[32],"lastPage":[32],"previousPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
19
23
  });
24
+
25
+ exports.setNonce = index.setNonce;