@heartlandone/vega 2.80.0 → 2.81.0

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -6,23 +6,23 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-c65d9861.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-ebdb2573.js');
+const typeGuard = require('./type-guard-362d7da3.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 require('./observer-f49483e8.js');
-require('./ui-9e8c9732.js');
+require('./ui-ae4ee13d.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -41,7 +41,7 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const ui = require('./ui-9e8c9732.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const ui = require('./ui-ae4ee13d.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -34,7 +34,7 @@ require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -7,9 +7,9 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-9e8c9732.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const ui = require('./ui-ae4ee13d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9cae7f27.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
@@ -21,11 +21,11 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const index$1 = require('./index-592b4052.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-362d7da3.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const translationSlimmer = require('./translation-slimmer-c069ca84.js');
@@ -45,7 +45,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-e5b50cbf.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./typography-4560e7f1.js');

package/dist/cjs/vega-input.cjs.entry.js

@@ -12,19 +12,19 @@ const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-982dbfe4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const stringMaskStrategy = require('./string-mask-strategy-418fc0b8.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-c65d9861.js');
-const typeGuard = require('./type-guard-d760850a.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-c2e04acc.js');
+const stringMaskStrategy = require('./string-mask-strategy-6cc9f391.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-ebdb2573.js');
+const typeGuard = require('./type-guard-362d7da3.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-9b6a8399.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-b53e9416.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e5b50cbf.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -35,7 +35,7 @@ const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js
 require('./number-4816603d.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
-require('./ui-9e8c9732.js');
+require('./ui-ae4ee13d.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-translation-controller-9f58a4e4.js');
@@ -46,7 +46,7 @@ require('./internal-vega-event-manager-cc0f511c.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./wait-for-component-did-render-b6aba2de.js');
+require('./wait-for-component-did-render-b6d12d51.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
@@ -1126,7 +1126,7 @@ class VegaInputInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     return (index.h("div", { class: "vega-input-input" },
-      index.h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
+      index.h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onBlur: (e) => this.handleInputBlur(e), 
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -1191,6 +1191,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputInputRenderer.prototype, "enterkeyhint", void 0);
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "readOnly", void 0);

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-32120990.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./ui-9e8c9732.js');
+require('./ui-ae4ee13d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -10,25 +10,26 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const effect = require('./effect-98e88068.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
+const ui = require('./ui-ae4ee13d.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-12b65e98.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-39bfcfe3.js');
 const brandSwitchStateControllerSlimmer = require('./brand-switch-state-controller-slimmer-3d41b2a4.js');
 const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
-const ui = require('./ui-9e8c9732.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e5b50cbf.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const designToken = require('./design-token-3f9589eb.js');
+const designToken = require('./design-token-40276b11.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-f054eb5d.js');
 require('./icon-manager-c12c6ea9.js');
@@ -38,15 +39,16 @@ require('./misc-3d30df91.js');
 require('./number-4816603d.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./keyboard-manager-c89a66d3.js');
+require('./type-guard-362d7da3.js');
+require('./typography-4560e7f1.js');
+require('./internal-translation-controller-9f58a4e4.js');
+require('./static-subject-title-5829a298.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
-require('./static-subject-title-5829a298.js');
 require('./object-b53e9416.js');
-require('./type-guard-d760850a.js');
-require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
-require('./responsive-format-facade-4419b4ae.js');
+require('./responsive-format-facade-9cae7f27.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 
@@ -68,6 +70,11 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
         this.updateMainContentUI(this.openState);
       },
     });
+    this.isVoiceOverClick = false;
+    this.triggerElement = null;
+    this.handleClickEvent = (e) => {
+      this.isVoiceOverClick = ui.checkIsVoiceOverClick(e);
+    };
     /* eslint-enable jsdoc/require-jsdoc*/
   }
   /**
@@ -85,10 +92,24 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     else {
       this.openState = 'close';
     }
+    // eslint-disable-next-line no-restricted-globals
+    window.addEventListener('click', this.handleClickEvent, { capture: true });
+  }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
-    this.openState === 'open' ? (this.openState = 'close') : (this.openState = 'open');
+    if (this.openState === 'close') {
+      // eslint-disable-next-line no-restricted-globals
+      this.triggerElement = document.activeElement;
+      this.openState = 'open';
+    }
+    else {
+      this.openState = 'close';
+    }
   }
   watchOpen(newOpenValue) {
     if (newOpenValue) {
@@ -111,6 +132,12 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
       }
     }
     this.stateUpdateEventEmitter.emit(this.openState);
+    if (newState === 'open') {
+      this.focusFirstFocusableInDialog();
+    }
+    else {
+      this.focusFirstFocusableOutsideDialog();
+    }
   }
   watchShowAsOverlay() {
     this.updateMainContentUI(this.openState);
@@ -123,6 +150,59 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   setOpenState(openState) {
     this.openState = openState;
   }
+  /**
+   * Focuses the first focusable element within the left nav dialog when it is opened via VoiceOver.
+   */
+  focusFirstFocusableInDialog() {
+    if (!this.isVoiceOverClick) {
+      return;
+    }
+    const dialogElement = this.host;
+    const focusableElement = ui.getFirstFocusableElement(dialogElement);
+    if (focusableElement) {
+      effect.executeAfterTransition(() => focusableElement.focus(), dialogElement, 300);
+    }
+  }
+  /**
+   * Focuses the triggering element when the left nav dialog is closed.
+   * Falls back to the first focusable element outside the dialog if the trigger is unavailable.
+   */
+  focusFirstFocusableOutsideDialog() {
+    var _a;
+    const triggerEl = this.triggerElement;
+    this.triggerElement = null;
+    const dialogEl = this.host;
+    if (triggerEl && triggerEl.isConnected) {
+      const focusable = (_a = ui.getFirstFocusableElement(triggerEl)) !== null && _a !== void 0 ? _a : triggerEl;
+      focusable.focus();
+      return;
+    }
+    const firstFocusable = this.findFirstFocusableOutside(dialogEl);
+    firstFocusable && firstFocusable.focus();
+  }
+  findFirstFocusableOutside(excludeEl) {
+    // eslint-disable-next-line no-restricted-globals
+    const walk = (node) => {
+      const children = Array.from(node.children);
+      for (const child of children) {
+        if (child === excludeEl || excludeEl.contains(child)) {
+          continue;
+        }
+        if (child.contains(excludeEl)) {
+          const found = walk(child);
+          if (found)
+            return found;
+          continue;
+        }
+        const focusable = ui.getFirstFocusableElement(child);
+        if (focusable)
+          return focusable;
+      }
+      return null;
+    };
+    // eslint-disable-next-line no-restricted-globals
+    return walk(document.body);
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-left-nav-e2e-resize-with-desktop}
@@ -177,6 +257,9 @@ __decorate$n([
 __decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
+], VegaLeftNavOpenStateController.prototype, "componentDidRender", null);
 __decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('toggle')
 ], VegaLeftNavOpenStateController.prototype, "toggle", null);
@@ -706,6 +789,28 @@ __decorate$g([
 __decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "brandSwitchControllerSlimmer", void 0);
+__decorate$g([
+  injectKeyboardManager.InjectKeyboardManager((target) => [
+    {
+      keyCode: 'Escape',
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      activeElementInScope: /* istanbul ignore next */ () => {
+        const backdrop = target.backdropController.getBackdrop();
+        if (backdrop && backdrop.visible) {
+          // eslint-disable-next-line no-restricted-globals
+          return [document.body];
+        }
+        return [target.host];
+      },
+      callback: /* istanbul ignore next */ () => {
+        const backdrop = target.backdropController.getBackdrop();
+        if (backdrop && backdrop.visible) {
+          target.openStateController.setOpenState('close');
+        }
+      },
+    },
+  ])
+], VegaLeftNav.prototype, "host", void 0);
 VegaLeftNav.style = vegaLeftNavCss;
 
 var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -7,12 +7,12 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const component = require('./component-1e352960.js');
-const ui = require('./ui-9e8c9732.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const ui = require('./ui-ae4ee13d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9cae7f27.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./number-4816603d.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-362d7da3.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');

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

@@ -6,10 +6,10 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const number = require('./number-4816603d.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');

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

@@ -8,11 +8,12 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const translationSlimmer = require('./translation-slimmer-c069ca84.js');
 const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const pageSizeOptionUtils = require('./page-size-option-utils-d038dd3a.js');
 require('./static-subject-title-5829a298.js');
 require('./observer-f49483e8.js');
 
@@ -88,19 +89,21 @@ class PageSizeSelectorMobileDropdownRenderer extends globalSlimmerRegistry.VegaS
   render(children) {
     var _a;
     /* istanbul ignore next */
-    const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+    const options = this.isAllActive || pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
       ? this.pageSizeSelectorOptions
       : [...this.pageSizeSelectorOptions, this.pageSize];
-    const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+    const normalized = options.map(pageSizeOptionUtils.normalizePageSizeOption);
+    const mergedPageSizeOptions = pageSizeOptionUtils.sortPageSizeOptions(normalized);
     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: [
+    const selectedValue = this.isAllActive ? pageSizeOptionUtils.PAGE_SIZE_ALL : this.pageSize;
+    return (index.h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: selectedValue.toString(), source: [
         {
           key: 'items-per-page',
           label: itemsPerPageLabel,
           children: [
             ...mergedPageSizeOptions.map((option) => ({
-              key: option.toString(),
-              label: option.toString(),
+              key: option.value.toString(),
+              label: option.label,
             })),
           ],
         },
@@ -135,6 +138,12 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], PageSizeSelectorMobileDropdownRenderer.prototype, "dropdownProps", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "total", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "isAllActive", void 0);
 
 const vegaPaginationPageSizeSelectorMobileCss = ":host{display:inline-block}";
 
@@ -183,6 +192,13 @@ const VegaPaginationPageSizeSelectorMobile = class {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.current = 1;
+    /**
+     * @internal
+     * Tracks whether "All" page size option is currently active.
+     *
+     * @vegaVersion 2.81.0
+     */
+    this.isAllActive = false;
   }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);