@heartlandone/vega 2.79.0 → 2.81.0

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-b236945b.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-94b2e2c3.js';
-import { M as VegaInternalLeftNavLinkClick, N as VegaInternalLeftNavGroupExpand, O as VegaInternalLeftNavLinkSelected, P as VegaInternalInitializeLeftNavLinkSelected, Q as VegaInternalLeftNavLinkSelectedTopic } from './vega-internal-event-id-8002b179.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-54531808.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-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-b3a773c5.js';
-import { f as findParent } from './ui-ac244bf0.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-9c4eb6b1.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-c20cbbff.js';
-import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
-import './responsive-format-facade-e8534e59.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-ac244bf0.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.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-c20cbbff.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-ac244bf0.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-94b2e2c3.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,12 +2,12 @@ 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-94b2e2c3.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-ac244bf0.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-8002b179.js';
+import { u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-70bd893d.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import './observer-3959f9dd.js';
 import './internal-vega-event-manager-59f5bd47.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-94b2e2c3.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-ac244bf0.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-8002b179.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);

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

@@ -1,18 +1,19 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { B as VegaFormSubmit, H as VegaBlur, h as VegaChange, a as VegaClick, U as VegaPageSizeChange } from './vega-event-id-4ede557a.js';
-import { a as arrayToClassString } from './ui-ac244bf0.js';
+import { n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL, r as resolvePageSizeValue, i as includesPageSize, h as hasAllOption } from './page-size-option-utils-50afc81a.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { c as MapToComponentField, M as MapToComponentMethod, 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 { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.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 { t as VegaInternalPaginationPageSizeChange, u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-8002b179.js';
+import { t as VegaInternalPaginationPageSizeChange, u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-70bd893d.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
@@ -22,7 +23,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
 import './internal-translation-controller-b08aa9ab.js';
 import './static-subject-title-52f93124.js';
-import './type-guard-c20cbbff.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
@@ -73,20 +74,22 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, }) => {
-  const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, isAllActive, }) => {
+  const normalized = pageSizeSelectorOptions.map(normalizePageSizeOption);
+  const mergedPageSizeOptions = sortPageSizeOptions(normalized);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
-    const pageSize = Number(input.detail);
-    onChange(pageSize);
+    const selectedValue = Number(input.detail);
+    onChange(selectedValue);
   };
+  const selectedValue = isAllActive ? PAGE_SIZE_ALL : pageSize;
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     h("vega-field-label", { label: translationSlimmer.t('Show') }),
     h("div", null,
       h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
-          id: option.toString(),
-          displayName: option.toString(),
-        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
+          id: option.value.toString(),
+          displayName: option.label,
+        })), value: selectedValue.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, handleChange);
@@ -205,7 +208,9 @@ class VegaPaginationPageSizeObserverController extends VegaSlimmer {
    */
   registerPaginationPageSizeChangeObserver() {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, VegaInternalPaginationPageSizeChange, (payload) => {
-      this.pageSize = Number(payload.detail);
+      const rawValue = Number(payload.detail);
+      this.isAllActive = rawValue === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(rawValue, this.total);
     });
   }
   /**
@@ -221,6 +226,12 @@ __decorate$3([
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaPaginationPageSizeObserverController.prototype, "pageSize", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaPaginationPageSizeObserverController.prototype, "isAllActive", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaPaginationPageSizeObserverController.prototype, "total", void 0);
 __decorate$3([
   MapToComponentMethod('connectedCallback')
 ], VegaPaginationPageSizeObserverController.prototype, "registerPaginationPageSizeChangeObserver", null);
@@ -390,6 +401,8 @@ const VegaPagination = class {
      * Total number of pages.
      */
     this.pageCount = 0;
+    /** Tracks whether "All" was explicitly selected or initialized. */
+    this.isAllActive = false;
     /**
      * Specifies the current page number for
      *    the pagination component.
@@ -445,6 +458,9 @@ const VegaPagination = class {
      * Specifies the options available for the page size selector
      *    in the pagination component.
      *
+     * Each option can be a number or an object with `value` and `label`.
+     * Use `{ value: -1, label: 'All' }` to show all items on a single page.
+     *
      * @vegaVersion 1.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
@@ -459,10 +475,10 @@ const VegaPagination = class {
         case 'currentPageLabel':
           return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize, translationSlimmer: this.translationSlimmer }));
         case 'pageSizeSelector': {
-          const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+          const pageSizeSelectorOptions = this.isAllActive || includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer, isAllActive: this.isAllActive }));
         }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
@@ -473,14 +489,15 @@ const VegaPagination = class {
           return (h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
         case 'pageSizeSelectorMobile':
         case 'pageSizeSelectorMobile_currentPageLabel':
-          return (h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps }));
+          return (h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps, isAllActive: this.isAllActive }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
       this.current = page;
     };
     this.onPageSizeSelectorChange = (pageSize) => {
-      this.pageSize = pageSize;
+      this.isAllActive = pageSize === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(pageSize, this.total);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -538,7 +555,10 @@ const VegaPagination = class {
     this.currentValueGuard();
     this.vegaChangeEventEmitter.emit(this.current);
   }
-  watchTotal() {
+  watchTotal(newTotal) {
+    if (this.isAllActive) {
+      this.pageSize = newTotal;
+    }
     this.pageCount = this.calculatePages();
   }
   watchPageSize() {
@@ -548,9 +568,13 @@ const VegaPagination = class {
   watchLayout() {
   }
   componentWillLoad() {
+    this.isAllActive =
+      hasAllOption(this.pageSizeSelectorOptions) &&
+        this.pageSize === this.total &&
+        !includesPageSize(this.pageSizeSelectorOptions, this.pageSize);
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
-    if (!this.pageSizeSelectorOptions.includes(this.pageSize)) {
+    if (!this.isAllActive && !includesPageSize(this.pageSizeSelectorOptions, this.pageSize)) {
       this.pageSizeSelectorOptions = [...this.pageSizeSelectorOptions, this.pageSize];
     }
   }

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

@@ -1,37 +1,39 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-784b1364.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-c6557f50.js';
 import { c as MapToComponentField, M as MapToComponentMethod, 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 { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
 import { b as VegaPopoverShow, c as VegaPopoverHide } from './vega-event-id-4ede557a.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-fde815dc.js';
+import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-df2a2da2.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.js';
-import { V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-8002b179.js';
-import { f as formatAndValidResponsiveToken } from './design-token-9c4eb6b1.js';
-import './keyboard-manager-e020039f.js';
-import './ui-ac244bf0.js';
-import './type-guard-c20cbbff.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-70bd893d.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-cc6a8c3e.js';
+import { f as formatAndValidResponsiveToken } from './design-token-7566d54c.js';
+import './keyboard-manager-c7b125d7.js';
+import './ui-b7600a48.js';
+import './type-guard-f6c9c89d.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
 import './internal-translation-controller-b08aa9ab.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
-import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
-import './responsive-format-facade-e8534e59.js';
+import './responsive-format-facade-151dbd10.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './observer-3959f9dd.js';
+import './synchronize-task-queue-ac8acc3b.js';
 
 var __decorate$3 = (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;
@@ -93,6 +95,17 @@ class VegaPopoverAppenderController extends ElementAppenderSlimmer {
    */
   constructor() {
     super(() => this.generateShowConfigFactory(), () => this.trigger, 'isPopoverShow');
+    this.ariaDialogFocusableTrapSlimmer = createDynamicSlimmer(VegaPopoverAppenderController, AriaDialogFocusableTrapSlimmer, [], [
+      { mapFrom: 'show', mapTo: 'show' },
+      { mapFrom: 'hide', mapTo: 'hide' },
+    ], [
+      {
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        triggerEl: () => this.host,
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        dialogEl: () => this.appenderRenderer.getPopoverContentBox(),
+      },
+    ]);
   }
   /**
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
@@ -106,6 +119,11 @@ class VegaPopoverAppenderController extends ElementAppenderSlimmer {
   disconnectedCallback() {
     remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalPopoverUpdateTarget));
   }
+  /**
+   * Component lifecycle - [componentDidRender]{@link VegaPopover.componentDidRender}
+   */
+  componentDidRender() {
+  }
   /**
    * Generate the show configuration for the popover.
    *
@@ -161,12 +179,18 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaPopoverAppenderController.prototype, "appenderRenderer", void 0);
+__decorate$2([
+  InjectVegaSlimmer()
+], VegaPopoverAppenderController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate$2([
   MapToComponentMethod('connectedCallback')
 ], VegaPopoverAppenderController.prototype, "connectedCallback", null);
 __decorate$2([
   MapToComponentMethod('disconnectedCallback')
 ], VegaPopoverAppenderController.prototype, "disconnectedCallback", null);
+__decorate$2([
+  MapToComponentMethod('componentDidRender')
+], VegaPopoverAppenderController.prototype, "componentDidRender", null);
 
 const vegaPopoverCss = ":host{display:inline-block}";
 
@@ -318,6 +342,13 @@ __decorate$1([
       activeElementInScope: [host.host],
       callback: host.hidePopover,
     },
+    {
+      keyCode: 'Escape',
+      activeElementInScope: [host.appenderRenderer.getPopoverContentBox()],
+      callback: host.hidePopover,
+      eventName: 'keydown',
+      preventDefault: true,
+    },
     {
       keyCode: 'Tab',
       activeElementOutScope: [host.host, host.appenderRenderer.getPopoverContentBox()],
@@ -375,7 +406,12 @@ const VegaPopoverContentBox = class {
     return sanitizeVegaComponent(h(Host, { class: {
         'vega-popover': true,
         'no-arrow': !this.showArrow,
-      }, role: "tooltip" }, h("div", { class: {
+      },
+      // The role "dialog" is used to indicate that the popover content box is a dialog,
+      // which is a type of window that prompts the user to interact with it before they can return to the parent application.
+      // The aria-modal attribute is set to "true" to indicate that the dialog is modal,
+      // meaning that it requires the user to interact with it before they can return to the parent application.
+      role: "dialog", "aria-modal": "true" }, h("div", { class: {
         'vega-popover-content': true,
         [padding]: true,
       } }, h("slot", { name: "popover" }), this.showArrow && h("div", { class: "vega-arrow" })), h("slot", null)), this.host);