@everymatrix/bonus-pagination-limits 1.44.0 → 1.45.2

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

@@ -1,11 +0,0 @@
-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

@@ -1,107 +0,0 @@
-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

@@ -1,26 +0,0 @@
-/* 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

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