@globalpayments/vega 2.40.0 → 2.42.0

package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const component = require('./component-73a88c4e.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+const number = require('./number-4816603d.js');
+const ui = require('./ui-13b42af0.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-4ba74761.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-7f59159e.js');
+require('./internal-vega-event-manager-cd87600e.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./feature-flag-controller-ccf4a113.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class PageSelectorMobileRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handleChange = () => {
+      if (this.inputRef.value) {
+        const goToPage = number.normalizeNumberByRanger(number.convertToNumber(this.inputRef.value, 1), 1, this.pageCount);
+        this.inputRef.value = goToPage.toString();
+        this.prevAndNextButtonRenderer.notifyParentPagination(goToPage.toString());
+      }
+    };
+  }
+  render() {
+    if (this.type === 'pageSelectorMobile') {
+      return this.renderPageSelectorMobile();
+    }
+    else {
+      return this.renderPageSelectorMobileAndGoTo();
+    }
+  }
+  renderPageSelectorMobile() {
+    return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
+      this.prevAndNextButtonRenderer.render('prev'),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.current.toString()),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, "/"),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.pageCount.toString()),
+      this.prevAndNextButtonRenderer.render('next')));
+  }
+  renderPageSelectorMobileAndGoTo() {
+    return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
+      this.prevAndNextButtonRenderer.render('prev'),
+      index.h("vega-form", { ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaFormSubmit, this.handleChange);
+        } },
+        index.h("vega-input", { "data-vega-form": "pageSelectorMobile_goTo", size: "small", showClearIcon: false, style: { width: '54px' }, maskConfig: {
+            type: 'number',
+            options: {
+              allowNegative: false,
+              precision: 0,
+            },
+          }, value: this.current.toString(), ref: (ref) => {
+            this.inputRef = ref;
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaBlur, this.handleChange);
+          } })),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, "/"),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.pageCount.toString()),
+      this.prevAndNextButtonRenderer.render('next')));
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "host", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "type", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "current", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "pageCount", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "prevAndNextButtonRenderer", void 0);
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class PrevAndNextButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.pagerButton = (icon, isDisabled, handleClick) => {
+      return (index.h("vega-button-circle", { variant: "icon-only", icon: icon, iconColor: "text-link", size: "small", disabled: isDisabled, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, handleClick);
+        } }));
+    };
+    /** Render the prev button of the page selector mobile **/
+    this.renderPrevButton = () => {
+      const isDisabled = this.total === 0 || this.current === 1;
+      return this.pagerButton('chevron-left', isDisabled, () => {
+        this.notifyParentPagination((this.current - 1).toString());
+      });
+    };
+    /** Render the next button of the page selector mobile **/
+    this.renderNextButton = () => {
+      const isDisabled = this.total === 0 || this.current === this.pageCount;
+      return this.pagerButton('chevron-right', isDisabled, () => {
+        this.notifyParentPagination((this.current + 1).toString());
+      });
+    };
+  }
+  notifyParentPagination(detail) {
+    const pagination = ui.findParent(this.host, 'vega-pagination');
+    if (pagination) {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationCurrentChange), {
+        host: this.host,
+        detail,
+      });
+    }
+  }
+  render(buttonType) {
+    if (buttonType === 'prev') {
+      return this.renderPrevButton();
+    }
+    else {
+      return this.renderNextButton();
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "current", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "total", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "pageCount", void 0);
+
+const vegaPaginationPageSelectorMobileCss = ":host{display:inline-block}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaPaginationPageSelectorMobile = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host);
+    this.pageSelectorMobileRenderer = new PageSelectorMobileRenderer();
+    this.prevAndNextButtonRenderer = new PrevAndNextButtonRenderer();
+    /**
+     * Total number of pages.
+     *
+     * @vegaVersion 2.42.0
+     */
+    this.pageCount = 0;
+    /**
+     * Specifies the current page number
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.current = 1;
+    /**
+     * Specifies the total number of data items
+     *
+     * @vegaVersion 2.42.0
+     */
+    this.total = 0;
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.pageSelectorMobileRenderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "childEventPrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "pageSelectorMobileRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "prevAndNextButtonRenderer", void 0);
+VegaPaginationPageSelectorMobile.style = vegaPaginationPageSelectorMobileCss;
+
+exports.vega_pagination_page_selector_mobile = VegaPaginationPageSelectorMobile;

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -0,0 +1,202 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const component = require('./component-73a88c4e.js');
+const translationSlimmer = require('./translation-slimmer-593b92fe.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+const ui = require('./ui-13b42af0.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-4ba74761.js');
+require('./translation-2c8a32bb.js');
+require('./static-subject-title-64175f06.js');
+require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class PageSizeSelectorMobileRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    if (this.type === 'pageSizeSelectorMobile') {
+      return this.renderPageSizeSelectorMobile();
+    }
+    else {
+      return this.renderPageSizeSelectorMobileAndCurrentPageLabel();
+    }
+  }
+  renderPageSizeSelectorMobile() {
+    return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-4" },
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.translationSlimmer.t('Show')),
+      this.pageSizeSelectorMobileDropdownRenderer.render(index.h("vega-button-link", { label: `${this.pageSize.toString()} items / page` }))));
+  }
+  renderPageSizeSelectorMobileAndCurrentPageLabel() {
+    const rangeFrom = this.total > 0 ? this.pageSize * (this.current - 1) + 1 : 0;
+    const rangeTo = Math.min(this.current * this.pageSize, this.total);
+    return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-4" },
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.translationSlimmer.t('Viewing')),
+      this.pageSizeSelectorMobileDropdownRenderer.render(index.h("vega-button-link", { label: this.translationSlimmer.t(`${rangeFrom}-${rangeTo}`) })),
+      index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.translationSlimmer.t(`of ${this.total}`))));
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "type", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "pageSize", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "total", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "current", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileRenderer.prototype, "pageSizeSelectorMobileDropdownRenderer", void 0);
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class PageSizeSelectorMobileDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Renders the dropdown component with the provided children.
+   *
+   * @param {HTMLElement} children HTML element children to be rendered inside the dropdown.
+   * @returns {HTMLElement} The rendered dropdown component.
+   */
+  render(children) {
+    var _a;
+    /* istanbul ignore next */
+    const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+      ? this.pageSizeSelectorOptions
+      : [...this.pageSizeSelectorOptions, this.pageSize];
+    const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+    const itemsPerPageLabel = this.translationSlimmer.t('Items Per Page');
+    return (index.h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: this.pageSize.toString(), source: [
+        {
+          key: 'items-per-page',
+          label: itemsPerPageLabel,
+          children: [
+            ...mergedPageSizeOptions.map((option) => ({
+              key: option.toString(),
+              label: option.toString(),
+            })),
+          ],
+        },
+      ], ref: (node) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaDropdownClick, (payload) => {
+          this.notifyParentPagination(payload.detail);
+        });
+      }, isScreenPosition: (_a = this.dropdownProps) === null || _a === void 0 ? void 0 : _a.isScreenPosition }, children));
+  }
+  notifyParentPagination(detail) {
+    const pagination = ui.findParent(this.host, 'vega-pagination');
+    if (pagination) {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationPageSizeChange), {
+        host: this.host,
+        detail,
+      });
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "translationSlimmer", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "pageSizeSelectorOptions", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], PageSizeSelectorMobileDropdownRenderer.prototype, "pageSize", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "dropdownProps", void 0);
+
+const vegaPaginationPageSizeSelectorMobileCss = ":host{display:inline-block}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaPaginationPageSizeSelectorMobile = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageSizeSelectorMobileRenderer = new PageSizeSelectorMobileRenderer();
+    this.pageSizeSelectorMobileDropdownRenderer = new PageSizeSelectorMobileDropdownRenderer();
+    /**
+     * Specifies the number of data items to be displayed per page
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.pageSize = 10;
+    /**
+     * Specifies the options available for the page size selector
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.pageSizeSelectorOptions = [10, 20, 50, 100];
+    /**
+     * Specifies the total number of data items
+     *
+     * @vegaVersion 2.42.0
+     */
+    this.total = 0;
+    /**
+     * Specifies the current page number
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.current = 1;
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "translationSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "pageSizeSelectorMobileRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "pageSizeSelectorMobileDropdownRenderer", void 0);
+VegaPaginationPageSizeSelectorMobile.style = vegaPaginationPageSizeSelectorMobileCss;
+
+exports.vega_pagination_page_size_selector_mobile = VegaPaginationPageSizeSelectorMobile;