@everymatrix/bonus-elevate-powerups-history 0.0.78 → 0.0.80

package/dist/cjs/{index-c9c2e922.js → index-c157d920.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'bonus-elevate-powerups-history';
-const BUILD = /* bonus-elevate-powerups-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* bonus-elevate-powerups-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'bonus-elevate-powerups-history_2.cjs':
+                case 'bonus-elevate-powerups-history_16.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './bonus-elevate-powerups-history_2.cjs.entry.js')); }).then(processMod, consoleError);
+                        './bonus-elevate-powerups-history_16.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -1033,6 +1033,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1060,6 +1061,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance) => {
+  {
+    safeCall(instance, "connectedCallback");
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1093,8 +1097,10 @@ var connectedCallback = (elm) => {
       }
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
     endConnected();
@@ -1272,6 +1278,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
 };
 var getHostListenerTarget = (elm, flags) => {
   if (flags & 8 /* TargetWindow */) return win;
+  if (flags & 16 /* TargetBody */) return doc.body;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
@@ -1282,8 +1289,10 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
+exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
+exports.getElement = getElement;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const bonusElevatePowerupsHistory = require('./bonus-elevate-powerups-history-2494a599.js');
-require('./index-c9c2e922.js');
+const bonusElevatePowerupsHistory = require('./bonus-elevate-powerups-history-d31ca30d.js');
+require('./index-c157d920.js');
 
 
 

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c9c2e922.js');
+const index = require('./index-c157d920.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["bonus-elevate-powerups-history_2.cjs",[[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"bonus-elevate-powerups-history_16.cjs\",[[1,\"bonus-elevate-powerups-history\",{\"mbSource\":[513,\"mb-source\"],\"clientStyling\":[513,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"language\":[513],\"endpoint\":[513],\"session\":[513],\"limit\":[514],\"translationUrl\":[513,\"translation-url\"],\"pageLimitOptions\":[1537,\"page-limit-options\"],\"pageLimitSelectOptions\":[32],\"isLoading\":[32],\"powerups\":[32],\"offset\":[32],\"total\":[32]},[[8,\"reloadPageByType\",\"onReloadPageByType\"],[16,\"sendInputValue\",\"onPageLimitChangedHandler\"]],{\"offset\":[\"loadData\"],\"limit\":[\"loadData\"],\"language\":[\"loadData\"],\"session\":[\"loadData\"],\"endpoint\":[\"loadData\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingUrlChange\"],\"mbSource\":[\"handleMbSourceChange\"],\"translationUrl\":[\"handleNewTranslations\"]}],[0,\"bonus-pagination-nav\",{\"total\":[1538],\"limit\":[1538],\"offset\":[1538],\"tableId\":[1537,\"table-id\"],\"language\":[1537],\"translationUrl\":[513,\"translation-url\"],\"arrowsActive\":[1540,\"arrows-active\"],\"secondaryArrowsActive\":[1540,\"secondary-arrows-active\"],\"displayPageNumbers\":[1540,\"display-page-numbers\"],\"displayRangeOfTotal\":[1540,\"display-range-of-total\"],\"navItemAccount\":[1538,\"nav-item-account\"],\"endPageIndex\":[32],\"pagesArray\":[32],\"currentPage\":[32],\"showAsEllipsisMid\":[32]},[[8,\"paginationReset\",\"pageLimitChangedHandler\"],[8,\"pageLimitChanged\",\"pageLimitChangedHandler\"]]],[1,\"general-input\",{\"type\":[513],\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"validation\":[16],\"options\":[520],\"language\":[513],\"autofilled\":[516],\"tooltip\":[513],\"defaultValue\":[520,\"default-value\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"noValidation\":[516,\"no-validation\"],\"clientStyling\":[520,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"dateFormat\":[513,\"date-format\"],\"translationUrl\":[513,\"translation-url\"],\"emitOnClick\":[516,\"emit-on-click\"],\"twofaDestination\":[513,\"twofa-destination\"],\"twofaResendIntervalSeconds\":[514,\"twofa-resend-interval-seconds\"],\"twofaStartCountDown\":[516,\"twofa-start-count-down\"],\"haspostalcodelookup\":[516],\"postalcodelength\":[514],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"]},null,{\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}],[1,\"toggle-checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"options\":[16],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"showFields\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"]}],[1,\"checkbox-group-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"selectedValues\":[32],\"showCheckboxes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"selectedValues\":[\"setValue\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"date-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"dateFormat\":[513,\"date-format\"],\"emitOnClick\":[516,\"emit-on-click\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"enableSouthAfricanMode\":[\"handleCustomRegistrationChange\"]}],[1,\"email-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"number-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"password-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"noValidation\":[516,\"no-validation\"],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"passwordComplexity\":[32],\"showPopup\":[32],\"value\":[32]},[[16,\"sendOriginalValidityState\",\"originalValidityChangedHandler\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"value\":[\"valueChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"postalcode-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"postalcodelength\":[520],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32],\"currentPostalCode\":[32],\"openAddressDropdown\":[32],\"showNoResultsMessage\":[32],\"refreshTrigger\":[32],\"isFetchingAddresses\":[32]},[[10,\"click\",\"handleClickOutside\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[8,\"addressFetchStarted\",\"handleFetchStarted\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"addresses\":[\"handleAddresses\"]}],[1,\"radio-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"optionsGroup\":[16],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"select-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"tel-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"showLabels\":[516,\"show-labels\"],\"action\":[513],\"validation\":[16],\"defaultValue\":[520,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"disablePhonePrefix\":[32],\"phoneValue\":[32],\"phoneCodesOptions\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"text-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"checkValidity\":[516,\"check-validity\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"haspostalcodelookup\":[516],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[16,\"validationChange\",\"handleValidationChange\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[16,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"documentNumberUpdatedExternally\",\"handleExternalDocUpdate\"],[8,\"documentNumberResetValidation\",\"handleDocReset\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"twofa-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"destination\":[513],\"resendIntervalSeconds\":[514,\"resend-interval-seconds\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"mbSource\":[513,\"mb-source\"],\"startCountDown\":[516,\"start-count-down\"],\"isValid\":[32],\"isResendButtonAvailable\":[32],\"showTooltip\":[32],\"errorMessage\":[32],\"code\":[32],\"resendIntervalSecondsLeft\":[32],\"revealedIndexes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -13,6 +13,25 @@
       "tags": [
         "bonus-pagination-nav"
       ]
+    },
+    {
+      "name": "@everymatrix/general-input",
+      "tags": [
+        "checkbox-group-input",
+        "checkbox-input",
+        "date-input",
+        "email-input",
+        "general-input",
+        "number-input",
+        "password-input",
+        "postalcode-input",
+        "radio-input",
+        "select-input",
+        "tel-input",
+        "text-input",
+        "toggle-checkbox-input",
+        "twofa-input"
+      ]
     }
   ],
   "bundles": []

package/dist/collection/components/bonus-elevate-powerups-history/bonus-elevate-powerups-history.css

@@ -4,6 +4,7 @@
 
 .PowerUpsContainer {
   font-size: 0.95rem;
+  min-height: 500px;
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -34,6 +35,7 @@
   margin: 10px;
 }
 .PowerUpsContainer .PowerUps {
+  min-height: 60vh;
   width: 100%;
   display: flex;
   gap: 20px;
@@ -98,4 +100,36 @@
   border: 2px solid var(--emw--color-powup-green, #24B24E);
   color: var(--emw--color-powup-green, #24B24E);
   background-color: transparent;
+}
+.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active, .PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover {
+  color: #00B74F;
+  border: 2px solid #00B74F;
+}
+.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem, .PowerUpsContainer .Pagination ul.PaginationArea li.PageItem {
+  background: transparent;
+  border: 2px solid rgba(188, 252, 177, 0.0509803922);
+  border-radius: 36px;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.PowerUpsContainer .Pagination .PageNavigation .PageArrow {
+  color: transparent;
+}
+.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage.Disabled, .PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage.Disabled {
+  cursor: default;
+  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='gray'/%3E%3C/svg%3E");
+}
+.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage, .PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage {
+  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='white'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  display: inherit;
+  width: fit-content;
+  padding: 0 15px;
+}
+.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage {
+  rotate: 180deg;
 }

package/dist/collection/components/bonus-elevate-powerups-history/bonus-elevate-powerups-history.js

@@ -5,7 +5,8 @@ import { getTranslations, translate } from "../../utils/locale.utils";
 import ClearSearch from "../../assets/clear-search.svg";
 import moment from "moment";
 import "../../../../../bonus-pagination-nav/dist/types/index";
-import { PowerUpStatusEntry } from "../../utils/utils";
+import "../../../../../general-input/dist/types/index";
+import { generalInputStyling, PowerUpStatusEntry } from "../../utils/utils";
 export class BonusElevatePowerupsHistory {
     constructor() {
         this.tableId = 'powerupsHistory';
@@ -17,6 +18,8 @@ export class BonusElevatePowerupsHistory {
         this.session = undefined;
         this.limit = 10;
         this.translationUrl = '';
+        this.pageLimitOptions = '10,25,50';
+        this.pageLimitSelectOptions = [];
         this.isLoading = true;
         this.powerups = [];
         this.offset = 0;
@@ -30,8 +33,32 @@ export class BonusElevatePowerupsHistory {
         this.offset = offset;
         this.limit = limit;
     }
+    setLimit() {
+        try {
+            const pageLimits = this.pageLimitOptions.split(',').map((item) => {
+                return parseInt(item);
+            });
+            if (!pageLimits.includes(this.limit)) {
+                this.limit = pageLimits[0];
+            }
+        }
+        catch (e) {
+            console.error('Error when parse PageLimitOptions', e);
+            this.limit = 10;
+        }
+    }
+    onPageLimitChangedHandler(event) {
+        var _a;
+        if (((_a = event.detail) === null || _a === void 0 ? void 0 : _a.name) === 'historyPageLimits') {
+            const newLimit = parseInt(event.detail.value || '10');
+            if (this.limit != newLimit) {
+                this.limit = newLimit;
+                this.offset = 0;
+            }
+        }
+    }
     async loadData() {
-        if (!this.endpoint || !this.session) {
+        if (!this.endpoint || !this.session || !this.pageLimitSelectOptions.length) {
             return;
         }
         this.isLoading = true;
@@ -73,15 +100,17 @@ export class BonusElevatePowerupsHistory {
     }
     render() {
         var _a;
-        return h("div", { key: '87cc519cc192e9047b1eaa21f982e444f0e1f79a', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
+        return h("div", { key: 'ba00e65f374616634a43507795af711bb5c28224', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
             ? h("p", null, "Loading...")
             : !((_a = this.powerups) === null || _a === void 0 ? void 0 : _a.length) ?
                 h("div", { class: 'EmptyPowerups' }, h("div", { class: 'Icon', innerHTML: ClearSearch }), h("span", { class: 'NoPowerTitle' }, translate('nothingHere', this.language)), h("span", null, translate('noPowerUps', this.language)), h("span", null, translate('gotoShop', this.language)), h("div", null))
                 : [h("ul", { class: 'PowerUps' }, this.powerups.map(powerup => {
                         var _a;
                         return h("li", { class: 'PowerUpItem' }, h("div", { class: 'HistoryLeft' }, h("div", { class: 'DisplayName' }, " ", powerup.powerUpName || '-', " "), h("div", { class: 'Details' }, h("span", { class: 'BoostingPeriod' }, h("span", { class: 'Period' }, powerup.boostingPeriod.minutes || powerup.boostingPeriod.numberOfRounds, " "), powerup.boostingPeriod.mode === BoostingPeriodMode.TIME_PERIOD ? translate('min', this.language) : translate('rounds', this.language), " "), h("span", { class: 'Multiplier' }, "| X ", powerup.multiplier.coefficient, " "), h("span", { class: 'MultiplierMode' }, "| ", translate(powerup.multiplier.mode, this.language), " "))), h("div", { class: 'HistoryRight' }, h("div", { class: `Status S${powerup.status}` }, translate(((_a = PowerUpStatusEntry[powerup.status]) === null || _a === void 0 ? void 0 : _a.label) || powerup.status, this.language)), h("div", { class: 'HistoryTime' }, moment(powerup.status === PowerUpStatus.EXPIRED ? powerup.expireTime : powerup.endTime).format('YYYY-MM-DD HH:mm:ss'), " ")));
-                    })), h("div", { class: 'Pagination' }, this.total && this.total > this.limit &&
-                        h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, secondaryArrowsActive: true, "table-id": this.tableId, total: this.total }))]);
+                    })), h("div", { class: 'Pagination' }, this.total && this.total > this.limit && [
+                        h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, "arrows-active": 'false', secondaryArrowsActive: true, "table-id": this.tableId, total: this.total }),
+                        h("general-input", { "client-styling": generalInputStyling, type: "dropdown", name: "historyPageLimits", "display-name": '', "default-value": this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl })
+                    ])]);
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -105,6 +134,12 @@ export class BonusElevatePowerupsHistory {
         if (this.translationUrl) {
             await getTranslations(this.translationUrl);
         }
+        this.setLimit();
+        this.pageLimitSelectOptions = this.pageLimitOptions.split(',')
+            .map((limit) => ({
+            label: limit,
+            value: limit
+        }));
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -275,11 +310,30 @@ export class BonusElevatePowerupsHistory {
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
+            },
+            "pageLimitOptions": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "page-limit-options",
+                "reflect": true,
+                "defaultValue": "'10,25,50'"
             }
         };
     }
     static get states() {
         return {
+            "pageLimitSelectOptions": {},
             "isLoading": {},
             "powerups": {},
             "offset": {},
@@ -323,6 +377,12 @@ export class BonusElevatePowerupsHistory {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "sendInputValue",
+                "method": "onPageLimitChangedHandler",
+                "target": "body",
+                "capture": false,
+                "passive": false
             }];
     }
 }

package/dist/collection/utils/utils.js

@@ -22,3 +22,31 @@ export const PowerUpStatusEntry = {
         label: 'enabled',
     },
 };
+export const generalInputStyling = `
+    .historyPageLimits__input    [part='input-field'] ::slotted([slot='value']:not([placeholder])) {
+
+        text-align: center;
+    }
+     .historyPageLimits__input .select__input{background: transparent; width: 89px;
+        vaadin-select-value-button{
+        color: var(--vaadin-input-field-value-color, var(--emw--color-text));
+        text-align: center;
+        }
+     }
+    .historyPageLimits__input .select__input::part(toggle-button){
+      color: var(--vaadin-input-field-value-color, var(--emw--color-text));
+      right: 0px;
+    }
+    .historyPageLimits__input .select__input::part(input-field) {
+      border-radius: 20px;
+      background-color: transparent;
+      border: 1px solid var(--emw--color-gray-100, #BCFCB10D);
+      color: var(--emw--color-black, #000000);
+      font-family: inherit;
+      font-style: normal;
+      font-size: 16px;
+      font-weight: 300;
+      line-height: 1.5;
+      padding: 5px;
+      height: 34px;
+    }`;

package/dist/esm/{bonus-elevate-powerups-history-e23bd6d0.js → bonus-elevate-powerups-history-f700a5a8.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-ee6f3831.js';
+import { r as registerInstance, h } from './index-4bb6fa75.js';
 
 const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
 
@@ -5895,8 +5895,36 @@ const PowerUpStatusEntry = {
         label: 'enabled',
     },
 };
-
-const bonusElevatePowerupsHistoryCss = ":host{display:block}.PowerUpsContainer{font-size:0.95rem;display:flex;width:100%;flex-direction:column}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2rem;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2rem;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{width:100%;display:flex;gap:20px;flex-direction:column;padding-inline-start:0}.PowerUpsContainer .PowerUpItem{display:flex;justify-content:space-between;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));opacity:1;font-size:0.9rem;border-radius:12px;padding:20px;gap:4px;text-transform:uppercase}.PowerUpsContainer .PowerUpItem .HistoryRight{text-align:right}.PowerUpsContainer .PowerUpItem .HistoryLeft,.PowerUpsContainer .PowerUpItem .HistoryRight{display:flex;flex-direction:column;gap:8px}.PowerUpsContainer .PowerUpItem .DisplayName{text-transform:none;font-weight:500;line-height:100%;vertical-align:middle;font-size:1.1rem}.PowerUpsContainer .PowerUpItem .Details,.PowerUpsContainer .PowerUpItem .HistoryTime{text-transform:uppercase;font-size:0.85em;color:var(--emw--color-gray-dark, #727672)}.PowerUpsContainer .PowerUpItem .Status.S3{color:var(--emw--color-powup-light-green, #18CE51)}.PowerUpsContainer .Pagination{display:flex;justify-content:center}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.Disabled{opacity:0.5}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover{background-color:transparent}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem{width:22px;height:22px;line-height:22px;opacity:1;border-radius:22px;padding:6px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922))}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active{border-radius:22px;border:2px solid var(--emw--color-powup-green, #24B24E);color:var(--emw--color-powup-green, #24B24E);background-color:transparent}";
+const generalInputStyling = `
+    .historyPageLimits__input    [part='input-field'] ::slotted([slot='value']:not([placeholder])) {
+
+        text-align: center;
+    }
+     .historyPageLimits__input .select__input{background: transparent; width: 89px;
+        vaadin-select-value-button{
+        color: var(--vaadin-input-field-value-color, var(--emw--color-text));
+        text-align: center;
+        }
+     }
+    .historyPageLimits__input .select__input::part(toggle-button){
+      color: var(--vaadin-input-field-value-color, var(--emw--color-text));
+      right: 0px;
+    }
+    .historyPageLimits__input .select__input::part(input-field) {
+      border-radius: 20px;
+      background-color: transparent;
+      border: 1px solid var(--emw--color-gray-100, #BCFCB10D);
+      color: var(--emw--color-black, #000000);
+      font-family: inherit;
+      font-style: normal;
+      font-size: 16px;
+      font-weight: 300;
+      line-height: 1.5;
+      padding: 5px;
+      height: 34px;
+    }`;
+
+const bonusElevatePowerupsHistoryCss = ":host{display:block}.PowerUpsContainer{font-size:0.95rem;min-height:500px;display:flex;width:100%;flex-direction:column}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2rem;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2rem;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{min-height:60vh;width:100%;display:flex;gap:20px;flex-direction:column;padding-inline-start:0}.PowerUpsContainer .PowerUpItem{display:flex;justify-content:space-between;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));opacity:1;font-size:0.9rem;border-radius:12px;padding:20px;gap:4px;text-transform:uppercase}.PowerUpsContainer .PowerUpItem .HistoryRight{text-align:right}.PowerUpsContainer .PowerUpItem .HistoryLeft,.PowerUpsContainer .PowerUpItem .HistoryRight{display:flex;flex-direction:column;gap:8px}.PowerUpsContainer .PowerUpItem .DisplayName{text-transform:none;font-weight:500;line-height:100%;vertical-align:middle;font-size:1.1rem}.PowerUpsContainer .PowerUpItem .Details,.PowerUpsContainer .PowerUpItem .HistoryTime{text-transform:uppercase;font-size:0.85em;color:var(--emw--color-gray-dark, #727672)}.PowerUpsContainer .PowerUpItem .Status.S3{color:var(--emw--color-powup-light-green, #18CE51)}.PowerUpsContainer .Pagination{display:flex;justify-content:center}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.Disabled{opacity:0.5}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover{background-color:transparent}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem{width:22px;height:22px;line-height:22px;opacity:1;border-radius:22px;padding:6px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922))}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active{border-radius:22px;border:2px solid var(--emw--color-powup-green, #24B24E);color:var(--emw--color-powup-green, #24B24E);background-color:transparent}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active,.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover{color:#00B74F;border:2px solid #00B74F}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem{background:transparent;border:2px solid rgba(188, 252, 177, 0.0509803922);border-radius:36px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.PowerUpsContainer .Pagination .PageNavigation .PageArrow{color:transparent}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage.Disabled,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage.Disabled{cursor:default;background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='gray'/%3E%3C/svg%3E\")}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='white'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;display:inherit;width:fit-content;padding:0 15px}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{rotate:180deg}";
 const BonusElevatePowerupsHistoryStyle0 = bonusElevatePowerupsHistoryCss;
 
 const BonusElevatePowerupsHistory = class {
@@ -5911,6 +5939,8 @@ const BonusElevatePowerupsHistory = class {
         this.session = undefined;
         this.limit = 10;
         this.translationUrl = '';
+        this.pageLimitOptions = '10,25,50';
+        this.pageLimitSelectOptions = [];
         this.isLoading = true;
         this.powerups = [];
         this.offset = 0;
@@ -5924,8 +5954,32 @@ const BonusElevatePowerupsHistory = class {
         this.offset = offset;
         this.limit = limit;
     }
+    setLimit() {
+        try {
+            const pageLimits = this.pageLimitOptions.split(',').map((item) => {
+                return parseInt(item);
+            });
+            if (!pageLimits.includes(this.limit)) {
+                this.limit = pageLimits[0];
+            }
+        }
+        catch (e) {
+            console.error('Error when parse PageLimitOptions', e);
+            this.limit = 10;
+        }
+    }
+    onPageLimitChangedHandler(event) {
+        var _a;
+        if (((_a = event.detail) === null || _a === void 0 ? void 0 : _a.name) === 'historyPageLimits') {
+            const newLimit = parseInt(event.detail.value || '10');
+            if (this.limit != newLimit) {
+                this.limit = newLimit;
+                this.offset = 0;
+            }
+        }
+    }
     async loadData() {
-        if (!this.endpoint || !this.session) {
+        if (!this.endpoint || !this.session || !this.pageLimitSelectOptions.length) {
             return;
         }
         this.isLoading = true;
@@ -5967,15 +6021,17 @@ const BonusElevatePowerupsHistory = class {
     }
     render() {
         var _a;
-        return h("div", { key: '87cc519cc192e9047b1eaa21f982e444f0e1f79a', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
+        return h("div", { key: 'ba00e65f374616634a43507795af711bb5c28224', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
             ? h("p", null, "Loading...")
             : !((_a = this.powerups) === null || _a === void 0 ? void 0 : _a.length) ?
                 h("div", { class: 'EmptyPowerups' }, h("div", { class: 'Icon', innerHTML: ClearSearch }), h("span", { class: 'NoPowerTitle' }, translate('nothingHere', this.language)), h("span", null, translate('noPowerUps', this.language)), h("span", null, translate('gotoShop', this.language)), h("div", null))
                 : [h("ul", { class: 'PowerUps' }, this.powerups.map(powerup => {
                         var _a;
                         return h("li", { class: 'PowerUpItem' }, h("div", { class: 'HistoryLeft' }, h("div", { class: 'DisplayName' }, " ", powerup.powerUpName || '-', " "), h("div", { class: 'Details' }, h("span", { class: 'BoostingPeriod' }, h("span", { class: 'Period' }, powerup.boostingPeriod.minutes || powerup.boostingPeriod.numberOfRounds, " "), powerup.boostingPeriod.mode === BoostingPeriodMode.TIME_PERIOD ? translate('min', this.language) : translate('rounds', this.language), " "), h("span", { class: 'Multiplier' }, "| X ", powerup.multiplier.coefficient, " "), h("span", { class: 'MultiplierMode' }, "| ", translate(powerup.multiplier.mode, this.language), " "))), h("div", { class: 'HistoryRight' }, h("div", { class: `Status S${powerup.status}` }, translate(((_a = PowerUpStatusEntry[powerup.status]) === null || _a === void 0 ? void 0 : _a.label) || powerup.status, this.language)), h("div", { class: 'HistoryTime' }, hooks(powerup.status === PowerUpStatus.EXPIRED ? powerup.expireTime : powerup.endTime).format('YYYY-MM-DD HH:mm:ss'), " ")));
-                    })), h("div", { class: 'Pagination' }, this.total && this.total > this.limit &&
-                        h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, secondaryArrowsActive: true, "table-id": this.tableId, total: this.total }))]);
+                    })), h("div", { class: 'Pagination' }, this.total && this.total > this.limit && [
+                        h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, "arrows-active": 'false', secondaryArrowsActive: true, "table-id": this.tableId, total: this.total }),
+                        h("general-input", { "client-styling": generalInputStyling, type: "dropdown", name: "historyPageLimits", "display-name": '', "default-value": this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl })
+                    ])]);
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -5999,6 +6055,12 @@ const BonusElevatePowerupsHistory = class {
         if (this.translationUrl) {
             await getTranslations(this.translationUrl);
         }
+        this.setLimit();
+        this.pageLimitSelectOptions = this.pageLimitOptions.split(',')
+            .map((limit) => ({
+            label: limit,
+            value: limit
+        }));
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -6031,4 +6093,4 @@ const BonusElevatePowerupsHistory = class {
 };
 BonusElevatePowerupsHistory.style = BonusElevatePowerupsHistoryStyle0;
 
-export { BonusElevatePowerupsHistory as B };
+export { BonusElevatePowerupsHistory as B, setStreamStyling as a, setClientStylingURL as b, setClientStyling as s };

package/dist/esm/bonus-elevate-powerups-history.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ee6f3831.js';
-export { s as setNonce } from './index-ee6f3831.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-4bb6fa75.js';
+export { s as setNonce } from './index-4bb6fa75.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["bonus-elevate-powerups-history_2",[[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"bonus-elevate-powerups-history_16\",[[1,\"bonus-elevate-powerups-history\",{\"mbSource\":[513,\"mb-source\"],\"clientStyling\":[513,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"language\":[513],\"endpoint\":[513],\"session\":[513],\"limit\":[514],\"translationUrl\":[513,\"translation-url\"],\"pageLimitOptions\":[1537,\"page-limit-options\"],\"pageLimitSelectOptions\":[32],\"isLoading\":[32],\"powerups\":[32],\"offset\":[32],\"total\":[32]},[[8,\"reloadPageByType\",\"onReloadPageByType\"],[16,\"sendInputValue\",\"onPageLimitChangedHandler\"]],{\"offset\":[\"loadData\"],\"limit\":[\"loadData\"],\"language\":[\"loadData\"],\"session\":[\"loadData\"],\"endpoint\":[\"loadData\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingUrlChange\"],\"mbSource\":[\"handleMbSourceChange\"],\"translationUrl\":[\"handleNewTranslations\"]}],[0,\"bonus-pagination-nav\",{\"total\":[1538],\"limit\":[1538],\"offset\":[1538],\"tableId\":[1537,\"table-id\"],\"language\":[1537],\"translationUrl\":[513,\"translation-url\"],\"arrowsActive\":[1540,\"arrows-active\"],\"secondaryArrowsActive\":[1540,\"secondary-arrows-active\"],\"displayPageNumbers\":[1540,\"display-page-numbers\"],\"displayRangeOfTotal\":[1540,\"display-range-of-total\"],\"navItemAccount\":[1538,\"nav-item-account\"],\"endPageIndex\":[32],\"pagesArray\":[32],\"currentPage\":[32],\"showAsEllipsisMid\":[32]},[[8,\"paginationReset\",\"pageLimitChangedHandler\"],[8,\"pageLimitChanged\",\"pageLimitChangedHandler\"]]],[1,\"general-input\",{\"type\":[513],\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"validation\":[16],\"options\":[520],\"language\":[513],\"autofilled\":[516],\"tooltip\":[513],\"defaultValue\":[520,\"default-value\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"noValidation\":[516,\"no-validation\"],\"clientStyling\":[520,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"dateFormat\":[513,\"date-format\"],\"translationUrl\":[513,\"translation-url\"],\"emitOnClick\":[516,\"emit-on-click\"],\"twofaDestination\":[513,\"twofa-destination\"],\"twofaResendIntervalSeconds\":[514,\"twofa-resend-interval-seconds\"],\"twofaStartCountDown\":[516,\"twofa-start-count-down\"],\"haspostalcodelookup\":[516],\"postalcodelength\":[514],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"]},null,{\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}],[1,\"toggle-checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"options\":[16],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"showFields\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"]}],[1,\"checkbox-group-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"selectedValues\":[32],\"showCheckboxes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"selectedValues\":[\"setValue\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"date-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"dateFormat\":[513,\"date-format\"],\"emitOnClick\":[516,\"emit-on-click\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"enableSouthAfricanMode\":[\"handleCustomRegistrationChange\"]}],[1,\"email-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"number-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"password-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"noValidation\":[516,\"no-validation\"],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"passwordComplexity\":[32],\"showPopup\":[32],\"value\":[32]},[[16,\"sendOriginalValidityState\",\"originalValidityChangedHandler\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"value\":[\"valueChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"postalcode-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"postalcodelength\":[520],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32],\"currentPostalCode\":[32],\"openAddressDropdown\":[32],\"showNoResultsMessage\":[32],\"refreshTrigger\":[32],\"isFetchingAddresses\":[32]},[[10,\"click\",\"handleClickOutside\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[8,\"addressFetchStarted\",\"handleFetchStarted\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"addresses\":[\"handleAddresses\"]}],[1,\"radio-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"optionsGroup\":[16],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"select-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"tel-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"showLabels\":[516,\"show-labels\"],\"action\":[513],\"validation\":[16],\"defaultValue\":[520,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"disablePhonePrefix\":[32],\"phoneValue\":[32],\"phoneCodesOptions\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"text-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"checkValidity\":[516,\"check-validity\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"haspostalcodelookup\":[516],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[16,\"validationChange\",\"handleValidationChange\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[16,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"documentNumberUpdatedExternally\",\"handleExternalDocUpdate\"],[8,\"documentNumberResetValidation\",\"handleDocReset\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"twofa-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"destination\":[513],\"resendIntervalSeconds\":[514,\"resend-interval-seconds\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"mbSource\":[513,\"mb-source\"],\"startCountDown\":[516,\"start-count-down\"],\"isValid\":[32],\"isResendButtonAvailable\":[32],\"showTooltip\":[32],\"errorMessage\":[32],\"code\":[32],\"resendIntervalSecondsLeft\":[32],\"revealedIndexes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}]]]]"), options);
 });