@everymatrix/player-elevate-points-history 1.31.2

package/dist/components/bonus-pagination-limits2.js

@@ -0,0 +1,111 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './general-styling-wrapper2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
+const TRANSLATIONS = {
+  en: {
+    "pageLimitLabel": 'Show',
+  },
+  hu: {
+    "pageLimitLabel": 'Show',
+  },
+  hr: {
+    "pageLimitLabel": 'Show',
+  },
+  "pt-br": {
+    "pageLimitLabel": 'Show',
+  },
+  "es-mx": {
+    "pageLimitLabel": 'Show',
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const bonusPaginationLimitsCss = ":host{display:block}.NoOfItemsToDisplayMessage{display:inline-block;margin:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--emfe-w-color-primary, #191a19);line-height:1.8}.PaginationWrapper{display:flex;flex-direction:row}ul.PaginationArea{margin-block:5px;display:flex;flex-direction:row;padding:0px}ul.PaginationArea li.Item.Active:hover{color:var(--emfe-w-color-primary, #eaefea);background-color:var(--emfe-w-color-secondary, #191a19)}ul.PaginationArea li.Item.Active,ul.PaginationArea li.Item:hover{background-color:var(--emfe-w-color-primary, rgba(169, 171, 169, 0.7));font-weight:bold;border-radius:0.3rem}ul.PaginationArea li.Item{padding-inline-start:0px;list-style:none;padding:5px 6px;margin:2px;cursor:pointer;display:inline-block}";
+
+const BonusPaginationLimits = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.pageLimitChanged = createEvent(this, "pageLimitChanged", 7);
+    /**
+     * Language of the widget
+     */
+    this.language = 'en';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    /**
+     * Default limit for per page, default: 10
+     */
+    this.limit = 10;
+    this.pageLimits = [10, 25, 50];
+  }
+  onPageLimitClicked(pageLimit) {
+    this.limit = pageLimit;
+    this.pageLimitChanged.emit({ limit: this.limit });
+  }
+  componentWillLoad() {
+    if (!this.pageLimitOptions) {
+      return;
+    }
+    try {
+      this.pageLimits = this.pageLimitOptions.split(',').map((item) => {
+        return parseInt(item);
+      });
+      // if there is an array of custom limits provided (string to array - e.g. [5, 10, 15])
+      // and the value for the custom set limit (e.g. 8) isn't part of the provided array,
+      // then ignore the  set the custom set limit and make the limit equal to the first value of the array
+      // (as part of the example so far, this would be 5)
+      if (!this.pageLimits.includes(this.limit)) {
+        this.limit = this.pageLimits[0];
+      }
+    }
+    catch (e) {
+      console.error('Error when parse PageLimitOptions', e);
+    }
+  }
+  renderStylingWrapper() {
+    return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
+  }
+  render() {
+    return h("div", { class: 'PaginationWrapper' }, h("span", { class: 'NoOfItemsToDisplayMessage' }, translate('pageLimitLabel', this.language)), h("ul", { class: 'PaginationArea' }, this.pageLimits.map((pageLimit) => {
+      return (h("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
+          this.onPageLimitClicked(pageLimit);
+        } }, pageLimit));
+    })), h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renderStylingWrapper());
+  }
+  static get style() { return bonusPaginationLimitsCss; }
+}, [0, "bonus-pagination-limits", {
+    "language": [513],
+    "translationUrl": [513, "translation-url"],
+    "pageLimitOptions": [513, "page-limit-options"],
+    "limit": [1538],
+    "pageLimits": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bonus-pagination-limits", "general-styling-wrapper"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bonus-pagination-limits":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BonusPaginationLimits);
+      }
+      break;
+    case "general-styling-wrapper":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { BonusPaginationLimits as B, defineCustomElement as d };

package/dist/components/bonus-pagination-nav.js

@@ -0,0 +1,6 @@
+import { B as BonusPaginationNav$1, d as defineCustomElement$1 } from './bonus-pagination-nav2.js';
+
+const BonusPaginationNav = BonusPaginationNav$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BonusPaginationNav, defineCustomElement };

package/dist/components/bonus-pagination-nav2.js

@@ -0,0 +1,219 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './general-styling-wrapper2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
+const TRANSLATIONS = {
+  "en": {
+    "firstPage": '|<',
+    "lastPage": '>|',
+    "prePage": '<',
+    "nextPage": '>',
+    "pageOfTotal": '{start}-{end} of {total}',
+  },
+  "hu": {
+    "firstPage": 'First',
+    "lastPage": 'Last',
+    "prePage": '<',
+    "nextPage": '>',
+    "pageOfTotal": '{start}-{end} of {total}',
+  },
+  "hr": {
+    "firstPage": 'First',
+    "lastPage": 'Last',
+    "prePage": '<',
+    "nextPage": '>',
+    "pageOfTotal": '{start}-{end} of {total}',
+  },
+  "pt-br": {
+    "firstPage": 'First',
+    "lastPage": 'Last',
+    "prePage": '<',
+    "nextPage": '>',
+    "pageOfTotal": '{start}-{end} of {total}',
+  },
+  "es-mx": {
+    "firstPage": 'First',
+    "lastPage": 'Last',
+    "prePage": '<',
+    "nextPage": '>',
+    "pageOfTotal": '{start}-{end} of {total}',
+  }
+};
+const translate = (key, customLang, values) => {
+  const lang = customLang;
+  let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+  if (values !== undefined) {
+    for (const [key, value] of Object.entries(values.values)) {
+      const regex = new RegExp(`{${key}}`, 'g');
+      translation = translation.replace(regex, value);
+    }
+  }
+  return translation;
+};
+
+const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
+
+const BonusPaginationNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.reloadPageEmitter = createEvent(this, "reloadPageByType", 7);
+    /**
+     * The received length of dataset
+     */
+    this.total = 1;
+    /**
+     * The received limit for the number of pages
+     */
+    this.limit = 10;
+    /**
+     * The offset of dataset
+     */
+    this.offset = 0;
+    /**
+     * The table id, use to identify which table listen the page change message
+     * when there is more than 1 table on same page
+     */
+    this.tableId = 'default';
+    /**
+     * Language
+     */
+    this.language = 'en';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    /**
+     * Customize pagination: Activate pagination arrows
+     */
+    this.arrowsActive = true;
+    /**
+     * Customize pagination: Activate pagination secondary arrows
+     */
+    this.secondaryArrowsActive = true;
+    /**
+     * Customize pagination: Activate pagination numbered navigation
+     */
+    this.displayPageNumbers = true;
+    this.endPageIndex = 0;
+    this.currentPage = 1;
+  }
+  pageLimitChangedHandler(event) {
+    this.limit = event.detail.limit ? event.detail.limit : this.limit;
+    //reset offset = 0, this.currentPage = 1 when page limit changed
+    this.currentPage = 1;
+    this.offset = 0;
+    this.updatePageStatus();
+    if (event.type == 'pageLimitChanged') {
+      this.reloadPageEmitter.emit({ offset: 0, limit: this.limit, tableId: this.tableId });
+    }
+  }
+  goTo(step) {
+    if (step == '...' || step == 0 || step > this.endPageIndex + 1) {
+      return;
+    }
+    this.currentPage = step;
+    let offset = (this.currentPage - 1) * this.limit;
+    this.reloadPageEmitter.emit({ offset, limit: this.limit, tableId: this.tableId });
+  }
+  renderPageList() {
+    return h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
+      return (h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
+          this.goTo(page);
+        } }, page));
+    }));
+  }
+  renderStylingWrapper() {
+    return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
+  }
+  updatePageStatus() {
+    this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
+    this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
+    this.pagesArray = [];
+    if (this.endPageIndex < 5) {
+      this.pagesArray = Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
+    }
+    else {
+      /**
+       * Construct numbered navigation area based on current page position
+       */
+      if (this.currentPage == 1 || this.currentPage == 2) {
+        this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
+        this.pagesArray.push('...');
+      }
+      else if (this.currentPage >= 3 && ((this.endPageIndex - this.currentPage) >= 2)) {
+        this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
+        this.pagesArray.push('...');
+        this.pagesArray.unshift('...');
+      }
+      else if ((this.endPageIndex - this.currentPage) < 3) {
+        this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endPageIndex - 2 + i);
+        this.pagesArray.unshift('...');
+      }
+    }
+  }
+  componentWillRender() {
+    this.currentPage = Math.floor(this.offset / this.limit) + 1;
+    this.updatePageStatus();
+  }
+  render() {
+    const startOffset = (this.currentPage - 1) * this.limit + 1;
+    const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
+    return h("div", { class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
+      values: {
+        start: startOffset,
+        end: endOffset,
+        total: this.total
+      }
+    })), h("div", { class: 'PageNavigation' }, this.arrowsActive &&
+      h("div", { class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(1);
+        } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
+      h("span", { class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(this.currentPage - 1);
+        } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
+      h("span", { class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(this.currentPage + 1);
+        } }, translate('nextPage', this.language)), this.arrowsActive &&
+      h("div", { class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(this.endPageIndex + 1);
+        } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
+  }
+  static get style() { return bonusPaginationNavCss; }
+}, [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"],
+    "endPageIndex": [32],
+    "pagesArray": [32],
+    "currentPage": [32]
+  }, [[8, "paginationReset", "pageLimitChangedHandler"], [8, "pageLimitChanged", "pageLimitChangedHandler"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bonus-pagination-nav", "general-styling-wrapper"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bonus-pagination-nav":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BonusPaginationNav);
+      }
+      break;
+    case "general-styling-wrapper":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { BonusPaginationNav as B, defineCustomElement as d };

package/dist/components/general-styling-wrapper.js

@@ -0,0 +1,6 @@
+import { G as GeneralStylingWrapper$1, d as defineCustomElement$1 } from './general-styling-wrapper2.js';
+
+const GeneralStylingWrapper = GeneralStylingWrapper$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GeneralStylingWrapper, defineCustomElement };

package/dist/components/general-styling-wrapper2.js

@@ -0,0 +1,104 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const mergeTranslations = (url, target) => {
+  return new Promise((resolve) => {
+    fetch(url)
+      .then((res) => res.json())
+      .then((data) => {
+      Object.keys(data).forEach((item) => {
+        target[item] = target[item] ? target[item] : {};
+        for (let key in data[item]) {
+          target[item][key] = data[item][key];
+        }
+      });
+      resolve(true);
+    });
+  });
+};
+
+const generalStylingWrapperCss = ":host{display:block}";
+
+const GeneralStylingWrapper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Client custom styling via inline styles
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    this.stylingAppends = false;
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.el.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let url = new URL(this.clientStylingUrl);
+      let cssFile = document.createElement('style');
+      fetch(url.href)
+        .then((res) => res.text())
+        .then((data) => {
+        cssFile.innerHTML = data;
+        setTimeout(() => {
+          this.el.prepend(cssFile);
+        }, 1);
+      })
+        .catch((err) => {
+        console.log('error ', err);
+      });
+    };
+  }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.stylingAppends) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.stylingAppends = true;
+    }
+    // end custom styling area
+  }
+  async componentWillLoad() {
+    const promises = [];
+    if (this.translationUrl) {
+      const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
+      promises.push(translationPromise);
+    }
+    return await Promise.all(promises);
+  }
+  render() {
+    return (h("div", { class: "StyleShell" }, h("slot", { name: "mainContent" })));
+  }
+  get el() { return this; }
+  static get style() { return generalStylingWrapperCss; }
+}, [4, "general-styling-wrapper", {
+    "clientStyling": [1, "client-styling"],
+    "clientStylingUrl": [1, "client-styling-url"],
+    "translationUrl": [1, "translation-url"],
+    "targetTranslations": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["general-styling-wrapper"];
+  components.forEach(tagName => { switch (tagName) {
+    case "general-styling-wrapper":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GeneralStylingWrapper);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { GeneralStylingWrapper as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* PlayerElevatePointsHistory custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/player-elevate-card-data.js

@@ -0,0 +1,6 @@
+import { P as PlayerElevateCardData$1, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
+
+const PlayerElevateCardData = PlayerElevateCardData$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PlayerElevateCardData, defineCustomElement };