@everymatrix/bonus-pagination-limits 1.0.69

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e51ca584.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-pagination-limits.cjs",[[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+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": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "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,159 @@
+import { h } from "@stencil/core";
+import { translate, TRANSLATIONS } from "../../utils/locale.utils";
+export class BonusPaginationLimits {
+    constructor() {
+        this.language = 'en';
+        this.translationUrl = '';
+        this.pageLimitOptions = undefined;
+        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", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate('pageLimitLabel', this.language)), h("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', 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", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', 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",
+                            "id": "global::Object"
+                        }
+                    }
+                }
+            }];
+    }
+}

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

@@ -0,0 +1 @@
+export { BonusPaginationLimits } from './bonus-pagination-limits';

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/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

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

@@ -0,0 +1,77 @@
+import { r as registerInstance, c as createEvent, h } from './index-e8c7dbc4.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 BonusPaginationLimitsStyle0 = bonusPaginationLimitsCss;
+
+const BonusPaginationLimits = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pageLimitChanged = createEvent(this, "pageLimitChanged", 7);
+        this.language = 'en';
+        this.translationUrl = '';
+        this.pageLimitOptions = undefined;
+        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", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate('pageLimitLabel', this.language)), h("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', 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", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renderStylingWrapper());
+    }
+};
+BonusPaginationLimits.style = BonusPaginationLimitsStyle0;
+
+export { BonusPaginationLimits as bonus_pagination_limits };

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

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-e8c7dbc4.js';
+export { s as setNonce } from './index-e8c7dbc4.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  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);
+});