@heartlandone/vega 2.80.0 → 2.81.0

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

@@ -2,23 +2,23 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { h as VegaChange, L as VegaCountryChange } from './vega-event-id-4ede557a.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { v as VegaDropdownRenderItemInternalOverridden, n as VegaInputSelectRenderPrefixIconInternalOverridden, w as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-70bd893d.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-ec6d627b.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-6488031a.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import './observer-3959f9dd.js';
-import './ui-ba5a4758.js';
+import './ui-b7600a48.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -37,7 +37,7 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-53643b5c.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 

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

@@ -2,14 +2,14 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { h as VegaChange } from './vega-event-id-4ede557a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { g as getDeviceType, D as DeviceType } from './ui-ba5a4758.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { g as getDeviceType, D as DeviceType } from './ui-b7600a48.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
@@ -30,7 +30,7 @@ import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-53643b5c.js';
 import './number-4398f2e1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';

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

@@ -3,9 +3,9 @@ import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { a as arrayToClassString } from './ui-ba5a4758.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { x as VegaLabelButtonClick, t as VegaDropdownShow, u as VegaDropdownHide, V as VegaDropdownClick, v as VegaDropdownSearch, w as VegaSearchTrigger, e as VegaReset, h as VegaChange, p as VegaSearch, M as VegaShow, N as VegaHide } from './vega-event-id-4ede557a.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { l as VegaInternalDropdownTemplateItemsChange, m as VegaInternalVirtualScrollToBottom, n as VegaInputSelectRenderPrefixIconInternalOverridden } from './vega-internal-event-id-70bd893d.js';
@@ -17,11 +17,11 @@ import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { X as isArrayOfType, Z as isSelectSourceItemType } from './type-guard-23a08026.js';
+import { Z as isArrayOfType, $ as isSelectSourceItemType } from './type-guard-f6c9c89d.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
@@ -41,7 +41,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-53643b5c.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './typography-396de03f.js';

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

@@ -8,19 +8,19 @@ import { C as ComponentLoadRequired } from './component-load-required-db42032a.j
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { a as VegaClick, x as VegaLabelButtonClick, V as VegaDropdownClick, h as VegaChange, F as VegaNativeInputChange, G as VegaFocus, H as VegaBlur, I as VegaSuggestionItemClick, J as VegaPaste } from './vega-event-id-4ede557a.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-49be41f0.js';
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-ec6d627b.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-959dff7a.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-a165d316.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-6488031a.js';
+import { i as isNonNullable } from './type-guard-f6c9c89d.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-625e17a2.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { d as deepEqual } from './object-0c277f57.js';
 import { o as VegaInternalSetupVegaInputMaskConfig, p as VegaInternalUpdateVegaInputValue, q as VegaInternalFocusVegaInput, l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-70bd893d.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53643b5c.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -31,7 +31,7 @@ import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc1
 import './number-4398f2e1.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
-import './ui-ba5a4758.js';
+import './ui-b7600a48.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-translation-controller-b08aa9ab.js';
@@ -42,7 +42,7 @@ import './internal-vega-event-manager-59f5bd47.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './wait-for-component-did-render-03e7ccb2.js';
+import './wait-for-component-did-render-6980a1a6.js';
 import './breakpoints-332702ed.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
@@ -1122,7 +1122,7 @@ class VegaInputInputRenderer extends VegaSlimmer {
   }
   render() {
     return (h("div", { class: "vega-input-input" },
-      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, 
+      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 */
@@ -1187,6 +1187,9 @@ __decorate$6([
 __decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaInputInputRenderer.prototype, "enterkeyhint", void 0);
 __decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "readOnly", void 0);

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as ItemToggleTransitionMillisecond } from './ui-93922c59.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { O as VegaToggleStatus, a as VegaClick } from './vega-event-id-4ede557a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './ui-ba5a4758.js';
+import './ui-b7600a48.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';

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

@@ -6,25 +6,26 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { e as executeAfterTransition } from './effect-f50e072d.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
+import { l as checkIsVoiceOverClick, m as getFirstFocusableElement, f as findParent } from './ui-b7600a48.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-c6557f50.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { Q as VegaStateUpdate, R as VegaGroupClick, S as VegaMenuClick, a as VegaClick, T as VegaActionClick } from './vega-event-id-4ede557a.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { N as VegaInternalLeftNavLinkClick, O as VegaInternalLeftNavGroupExpand, P as VegaInternalLeftNavLinkSelected, Q as VegaInternalInitializeLeftNavLinkSelected, R as VegaInternalLeftNavLinkSelectedTopic } from './vega-internal-event-id-70bd893d.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee8c417b.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-6c972bb4.js';
 import { B as BrandSwitchControllerSlimmer } from './brand-switch-state-controller-slimmer-60249013.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53643b5c.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import { f as formatAndValidResponsiveToken } from './design-token-edcd787b.js';
+import { f as formatAndValidResponsiveToken } from './design-token-7566d54c.js';
 import './try-get-document-bef0f526.js';
 import './index-bfc6dfa2.js';
 import './icon-manager-539d7cf7.js';
@@ -34,15 +35,16 @@ import './misc-9fdbcfbb.js';
 import './number-4398f2e1.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
+import './keyboard-manager-c7b125d7.js';
+import './type-guard-f6c9c89d.js';
+import './typography-396de03f.js';
+import './internal-translation-controller-b08aa9ab.js';
+import './static-subject-title-52f93124.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
-import './static-subject-title-52f93124.js';
 import './object-0c277f57.js';
-import './type-guard-23a08026.js';
-import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
-import './responsive-format-facade-37d4d850.js';
+import './responsive-format-facade-151dbd10.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 
@@ -64,6 +66,11 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
         this.updateMainContentUI(this.openState);
       },
     });
+    this.isVoiceOverClick = false;
+    this.triggerElement = null;
+    this.handleClickEvent = (e) => {
+      this.isVoiceOverClick = checkIsVoiceOverClick(e);
+    };
     /* eslint-enable jsdoc/require-jsdoc*/
   }
   /**
@@ -81,10 +88,24 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     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) {
@@ -107,6 +128,12 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
       }
     }
     this.stateUpdateEventEmitter.emit(this.openState);
+    if (newState === 'open') {
+      this.focusFirstFocusableInDialog();
+    }
+    else {
+      this.focusFirstFocusableOutsideDialog();
+    }
   }
   watchShowAsOverlay() {
     this.updateMainContentUI(this.openState);
@@ -119,6 +146,59 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
   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 = getFirstFocusableElement(dialogElement);
+    if (focusableElement) {
+      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 = 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 = 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}
@@ -173,6 +253,9 @@ __decorate$n([
 __decorate$n([
   MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);
+__decorate$n([
+  MapToComponentMethod('componentDidRender')
+], VegaLeftNavOpenStateController.prototype, "componentDidRender", null);
 __decorate$n([
   MapToComponentMethod('toggle')
 ], VegaLeftNavOpenStateController.prototype, "toggle", null);
@@ -702,6 +785,28 @@ __decorate$g([
 __decorate$g([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "brandSwitchControllerSlimmer", void 0);
+__decorate$g([
+  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/esm/vega-loader-wrapper_2.entry.js

@@ -3,12 +3,12 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { a as arrayToClassString } from './ui-ba5a4758.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-151dbd10.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './number-4398f2e1.js';
-import './type-guard-23a08026.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-ba5a4758.js';
+import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-b7600a48.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { a as VegaClick } from './vega-event-id-4ede557a.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';

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

@@ -2,10 +2,10 @@ import { h, r as registerInstance, H as Host, g as getElement } from './index-09
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { B as VegaFormSubmit, H as VegaBlur, a as VegaClick, h as VegaChange } from './vega-event-id-4ede557a.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-70bd893d.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';

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

@@ -4,11 +4,12 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
 import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { V as VegaDropdownClick } from './vega-event-id-4ede557a.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { t as VegaInternalPaginationPageSizeChange } from './vega-internal-event-id-70bd893d.js';
+import { i as includesPageSize, n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL } from './page-size-option-utils-50afc81a.js';
 import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 
@@ -84,19 +85,21 @@ class PageSizeSelectorMobileDropdownRenderer extends VegaSlimmer {
   render(children) {
     var _a;
     /* istanbul ignore next */
-    const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+    const options = this.isAllActive || includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
       ? this.pageSizeSelectorOptions
       : [...this.pageSizeSelectorOptions, this.pageSize];
-    const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+    const normalized = options.map(normalizePageSizeOption);
+    const mergedPageSizeOptions = sortPageSizeOptions(normalized);
     const itemsPerPageLabel = this.translationSlimmer.t('Items Per Page');
-    return (h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: this.pageSize.toString(), source: [
+    const selectedValue = this.isAllActive ? PAGE_SIZE_ALL : this.pageSize;
+    return (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,
             })),
           ],
         },
@@ -131,6 +134,12 @@ __decorate$1([
 __decorate$1([
   MapToComponentField()
 ], PageSizeSelectorMobileDropdownRenderer.prototype, "dropdownProps", void 0);
+__decorate$1([
+  MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "total", void 0);
+__decorate$1([
+  MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "isAllActive", void 0);
 
 const vegaPaginationPageSizeSelectorMobileCss = ":host{display:inline-block}";
 
@@ -179,6 +188,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 sanitizeVegaComponent(h(Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);