@heartlandone/vega 2.73.0 → 2.74.0-RTE-table-preview

package/dist/vega/vega-nav-card.entry.js

@@ -0,0 +1,163 @@
+import { r as registerInstance, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, d as slotPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { V as VegaNavListRenderer } from './vega-nav-list-renderer-8da72b64.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-ee8774a6.js';
+import { f as formatAndValidResponsiveToken } from './design-token-4e585c60.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import './ui-189dae23.js';
+import './breakpoints-d9faf11c.js';
+import './try-get-document-bef0f526.js';
+import './type-guard-09acedc9.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './change-manager-b115783e.js';
+import './static-subject-title-6fdf8c8b.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './responsive-format-facade-d4abfdb9.js';
+import './number-4398f2e1.js';
+import './pixel-f32c07ce.js';
+import './array-a1d98264.js';
+import './public-api-a77a0b33.js';
+import './vega-env-manager-8f8dc473.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-event-id-61c8bd9f.js';
+import './internal-vega-z-index-manager-f0ca0975.js';
+import './feature-flag-controller-24b9f956.js';
+import './index-1f9eab8f.js';
+import './_commonjsHelpers-2088bffa.js';
+import './ui-5f775fd9.js';
+import './dark-mode-style-controller-e2a2f76c.js';
+import './observer-3959f9dd.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './internal-icon-manager-9279071a.js';
+import './valid-credit-card-number-rule-04b032a6.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './index-b04c1ee0.js';
+import './dom-node-subject-factory-5798693b.js';
+import './vega-internal-event-id-b65a01a3.js';
+import './content-state-fc9d98e0.js';
+import './code-block-b5f8fc8a.js';
+import './string-a953eafc.js';
+import './object-66c37948.js';
+import './dto-renderer-manager-12bc9121.js';
+import './base-renderer-101f6d04.js';
+import './dom-node-subject-observer-factory-3b49c6b3.js';
+import './column-operation-a1620c67.js';
+import './remote-invocation-registry-4219120b.js';
+import './timer-9321173b.js';
+import './styles.constants-b320e4a7.js';
+import './range-429fb0e2.js';
+
+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 VegaNavCardMaxHeightController extends PageResizeObserverSlimmer {
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-nav-card-max-height-config-e2e}
+   */
+  constructor() {
+    super({
+      callback: /* istanbul ignore next */ () => {
+        this.updateMaxHeight();
+      },
+    });
+  }
+  watchMaxHeight() {
+    this.updateMaxHeight();
+  }
+  updateMaxHeight() {
+    const maxHeight = formatAndValidResponsiveToken(this.maxHeight, 'widthAndHeight');
+    this.currentMaxHeight = maxHeight;
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaNavCardMaxHeightController.prototype, "maxHeight", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaNavCardMaxHeightController.prototype, "currentMaxHeight", void 0);
+__decorate$1([
+  MapToComponentMethod('watchMaxHeight')
+], VegaNavCardMaxHeightController.prototype, "watchMaxHeight", null);
+
+const VegaNavCardRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_USING_TEMPLATE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the nav card',
+    /**
+     * The function checks if the length `source` property of the `host` element is equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !host.source || host.source.length === 0,
+  },
+  {
+    payloadKey: 'IS_USING_DATA_SOURCE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the nav card',
+    /**
+     * The function checks if the length `source` property of the `host` element is not equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !!host.source && host.source.length > 0,
+  },
+];
+
+const vegaNavCardCss = ":host{display:block;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));text-align:left;overflow-y:auto;width:300px}.vega-nav-list-container{padding:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}";
+
+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 VegaNavCard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.listRenderer = new VegaNavListRenderer();
+    this.maxHeightController = new VegaNavCardMaxHeightController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaNavCardRuntimeMetricsPayloadDefinition);
+  }
+  watchMaxHeight() {
+    methodPlaceholder();
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { style: {
+        maxHeight: this.currentMaxHeight,
+      } }, this.listRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "maxHeight": ["watchMaxHeight"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaNavCard.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaNavCard.prototype, "listRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaNavCard.prototype, "maxHeightController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaNavCard.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaNavCard.style = vegaNavCardCss;
+
+export { VegaNavCard as vega_nav_card };

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

@@ -0,0 +1,214 @@
+import { h, r as registerInstance, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { V as VegaSlimmer, b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { B as VegaFormSubmit, G as VegaBlur, a as VegaClick, h as VegaChange } from './vega-event-id-61c8bd9f.js';
+import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
+import { f as findParent } from './ui-5f775fd9.js';
+import { C as ChangeManager } from './change-manager-b115783e.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
+import { F as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-b65a01a3.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
+import './observer-3959f9dd.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-env-manager-8f8dc473.js';
+import './feature-flag-controller-24b9f956.js';
+import './index-1f9eab8f.js';
+import './_commonjsHelpers-2088bffa.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 VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handleChange = () => {
+      if (this.inputRef.value) {
+        const goToPage = normalizeNumberByRanger(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 (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
+      this.prevAndNextButtonRenderer.render('prev'),
+      h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.current.toString()),
+      h("vega-font", { variant: "font-field-label", color: "text-primary" }, "/"),
+      h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.pageCount.toString()),
+      this.prevAndNextButtonRenderer.render('next')));
+  }
+  renderPageSelectorMobileAndGoTo() {
+    return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
+      this.prevAndNextButtonRenderer.render('prev'),
+      h("vega-form", { ref: (ref) => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFormSubmit, this.handleChange);
+        } },
+        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.addUniqueObserverToNode(ref, VegaBlur, this.handleChange);
+          } })),
+      h("vega-font", { variant: "font-field-label", color: "text-primary" }, "/"),
+      h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.pageCount.toString()),
+      this.prevAndNextButtonRenderer.render('next')));
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "type", void 0);
+__decorate$2([
+  MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "current", void 0);
+__decorate$2([
+  MapToComponentField()
+], PageSelectorMobileRenderer.prototype, "pageCount", void 0);
+__decorate$2([
+  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 VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.pagerButton = (icon, isDisabled, handleClick) => {
+      return (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.addUniqueObserverToNode(ref, 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 = findParent(this.host, 'vega-pagination');
+    if (pagination) {
+      ChangeManager.notify(domNodeSubjectFactory.getSubject(pagination, VegaInternalPaginationCurrentChange), {
+        host: this.host,
+        detail,
+      });
+    }
+  }
+  render(buttonType) {
+    if (buttonType === 'prev') {
+      return this.renderPrevButton();
+    }
+    else {
+      return this.renderNextButton();
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "current", void 0);
+__decorate$1([
+  MapToComponentField()
+], PrevAndNextButtonRenderer.prototype, "total", void 0);
+__decorate$1([
+  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) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childEventPrevent = new ChildNodesEventPreventSlimmer([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 sanitizeVegaComponent(h(Host, null, this.pageSelectorMobileRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "childEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "pageSelectorMobileRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSelectorMobile.prototype, "prevAndNextButtonRenderer", void 0);
+VegaPaginationPageSelectorMobile.style = vegaPaginationPageSelectorMobileCss;
+
+export { VegaPaginationPageSelectorMobile as vega_pagination_page_selector_mobile };