@everymatrix/bonus-pagination-limits 1.32.4 → 1.33.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b47e4aa8.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["bonus-pagination-limits.cjs",[[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/bonus-pagination-limits/bonus-pagination-limits.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/bonus-pagination-limits/bonus-pagination-limits.css

@@ -0,0 +1,42 @@
+: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;
+}

package/dist/collection/components/bonus-pagination-limits/bonus-pagination-limits.js

@@ -0,0 +1,160 @@
+import { Component, h, Prop, Event, State } from '@stencil/core';
+import { translate, TRANSLATIONS } from "../../utils/locale.utils";
+export class BonusPaginationLimits {
+  constructor() {
+    /**
+     * 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 is() { return "bonus-pagination-limits"; }
+  static get originalStyleUrls() { return {
+    "$": ["bonus-pagination-limits.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["bonus-pagination-limits.css"]
+  }; }
+  static get properties() { return {
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Language of the widget"
+      },
+      "attribute": "language",
+      "reflect": true,
+      "defaultValue": "'en'"
+    },
+    "translationUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Translation via url"
+      },
+      "attribute": "translation-url",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "pageLimitOptions": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Limits list string split with coma,default: `10,25,50`;"
+      },
+      "attribute": "page-limit-options",
+      "reflect": true
+    },
+    "limit": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Default limit for per page, default: 10"
+      },
+      "attribute": "limit",
+      "reflect": true,
+      "defaultValue": "10"
+    }
+  }; }
+  static get states() { return {
+    "pageLimits": {}
+  }; }
+  static get events() { return [{
+      "method": "pageLimitChanged",
+      "name": "pageLimitChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "Object",
+        "resolved": "Object",
+        "references": {
+          "Object": {
+            "location": "global"
+          }
+        }
+      }
+    }]; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,38 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
+export const TRANSLATIONS = {
+  en: {
+    "pageLimitLabel": 'Show',
+  },
+  hu: {
+    "pageLimitLabel": 'Show',
+  },
+  hr: {
+    "pageLimitLabel": 'Show',
+  },
+  "pt-br": {
+    "pageLimitLabel": 'Show',
+  },
+  "es-mx": {
+    "pageLimitLabel": 'Show',
+  }
+};
+export const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+export const getTranslations = (url) => {
+  // fetch url, get the data, replace the TRANSLATIONS content
+  return new Promise((resolve) => {
+    fetch(url)
+      .then((res) => res.json())
+      .then((data) => {
+      Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+          TRANSLATIONS[item][key] = data[item][key];
+        }
+      });
+      resolve(true);
+    });
+  });
+};

package/dist/components/bonus-pagination-limits.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BonusPaginationLimits extends Components.BonusPaginationLimits, HTMLElement {}
+export const BonusPaginationLimits: {
+  prototype: BonusPaginationLimits;
+  new (): BonusPaginationLimits;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,107 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+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$1 = /*@__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$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bonus-pagination-limits"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bonus-pagination-limits":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BonusPaginationLimits$1);
+      }
+      break;
+  } });
+}
+
+const BonusPaginationLimits = BonusPaginationLimits$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BonusPaginationLimits, defineCustomElement };

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* BonusPaginationLimits 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/esm/bonus-pagination-limits.entry.js

@@ -0,0 +1,84 @@
+import { r as registerInstance, c as createEvent, h } from './index-689c38fd.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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());
+  }
+};
+BonusPaginationLimits.style = bonusPaginationLimitsCss;
+
+export { BonusPaginationLimits as bonus_pagination_limits };

package/dist/esm/bonus-pagination-limits.js

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-689c38fd.js';
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["bonus-pagination-limits",[[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}]]]], options);
+});