@heartlandone/vega 2.80.0 → 2.81.0

package/dist/cjs/{app-globals-7a48292d.js → app-globals-25e1bfac.js}

@@ -1,22 +1,22 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const tokenExtension = require('./token-extension-90396de7.js');
-const splitCellOperation = require('./split-cell-operation-19f98afb.js');
+const tokenExtension = require('./token-extension-addc97c1.js');
+const splitCellOperation = require('./split-cell-operation-3596f738.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
 const typography = require('./typography-4560e7f1.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
 const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-5ce8e973.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-1d8bf49c.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const index = require('./index-58ea899e.js');
-const contentState = require('./content-state-afa26456.js');
+const contentState = require('./content-state-0f26036c.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-71a330a1.js');
+const codeBlock = require('./code-block-24b3d0e7.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -398,7 +398,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-36f202b3.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-652ec269.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{aria-dialog-focusable-trap-slimmer-5a0a78fe.js → aria-dialog-focusable-trap-slimmer-ced9566d.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.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');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -14,20 +14,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const focusableSelector = [
-  'a[href]',
-  'area[href]',
-  'button',
-  'input',
-  'select',
-  'textarea',
-  'iframe',
-  'object',
-  'embed',
-  '[contenteditable="true"]',
-  '[contenteditable=""]',
-  '[tabindex]',
-].join(',');
 /**
  * The `AriaDialogFocusableTrapSlimmer` class is designed to manage focus behavior for dialog elements appended to the DOM, particularly in scenarios where screen readers like VoiceOver are used.
  * It detects when a click event is likely triggered by VoiceOver and ensures that focus is appropriately set to the first focusable element
@@ -49,6 +35,7 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     this.eventListenerHandler = () => {
       const target = this.entry.triggerEl() || window;
       target.addEventListener('click', this.handleClickEvent, { capture: true });
+      target.addEventListener('contextmenu', this.handleContextMenuEvent, { capture: true });
     };
     /**
      * Removes the event listener for click events from the trigger element or the window.
@@ -57,6 +44,7 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       const target = this.entry.triggerEl();
       target && target.removeEventListener('click', this.handleClickEvent, { capture: true });
       window.removeEventListener('click', this.handleClickEvent, { capture: true });
+      target && target.removeEventListener('contextmenu', this.handleContextMenuEvent, { capture: true });
     };
     /**
      * Handles the click event and determines if it is likely triggered by VoiceOver.
@@ -72,62 +60,17 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       }
     };
     /**
-     * Recursively searches for the first focusable element within the given container, including its shadow DOM descendants.
-     * 	If the container itself is focusable, it will be returned.
+     * Handles the context menu event to prevent the default context menu from appearing when a VoiceOver click is detected.
+     * This is important because VoiceOver users may trigger a context menu with a specific gesture, and preventing the default behavior can help ensure that the focus management works as intended without interference from the context menu.
      *
-     * @param {HTMLElement | ShadowRoot} container - The container to search within.
-     * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
+     * @param {MouseEvent} e - The context menu event object that is passed to the event handler.
      */
-    this.getFirstFocusableElement = (container) => {
-      /**
-       * Recursively search for the first focusable element within the given node and its shadow DOM descendants.
-       *
-       * @param {ParentNode} node - The node to search within.
-       * @returns {Nullable<HTMLElement>} The first focusable element found, or null if none exists.
-       */
-      const findFirst = (node) => {
-        if (node instanceof HTMLElement && this.isFocusableElement(node)) {
-          return node;
-        }
-        const elements = Array.from(node.querySelectorAll('*'));
-        for (const element of elements) {
-          if (this.isFocusableElement(element)) {
-            return element;
-          }
-          if (element.shadowRoot) {
-            const found = findFirst(element.shadowRoot);
-            if (found)
-              return found;
-          }
-        }
-        return null;
-      };
-      if (container instanceof HTMLElement && container.shadowRoot) {
-        if (this.isFocusableElement(container))
-          return container;
-        return findFirst(container) || findFirst(container.shadowRoot);
-      }
-      else {
-        return findFirst(container);
+    this.handleContextMenuEvent = (e) => {
+      if (this.isVoiceOverClick) {
+        e.preventDefault();
+        e.stopPropagation();
       }
     };
-    /**
-     * It returns the first focusable element in the modal container, or the modal container itself if it is focusable.
-     *
-     * @param {HTMLElement} element - The element to check for focusable and to search within if it is not focusable.
-     * @returns {boolean} True if the element is focusable, false otherwise.
-     */
-    this.isFocusableElement = (element) => {
-      if (!element.matches(focusableSelector))
-        return false;
-      if (element.hasAttribute('disabled') || element.hasAttribute('inert'))
-        return false;
-      if (element.getAttribute('aria-hidden') === 'true')
-        return false;
-      if (element instanceof HTMLInputElement && element.type === 'hidden')
-        return false;
-      return element.tabIndex >= 0;
-    };
     /**
      * Focuses on the first focusable element within the dialog when the dialog content is ready and the last interaction was detected as a VoiceOver click. This method is called in response to the dialog content ready notification, ensuring that focus is set appropriately when the dialog is shown after being triggered by VoiceOver.
      * It retrieves the currently active element, stores it as the trigger element, and then focuses on the first focusable element within the dialog content.
@@ -136,7 +79,7 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     this.focusOnFirstFocusableElement = () => {
       if (!this.isChildFocused) {
         const dialogElement = this.entry.dialogEl();
-        const focusableElement = this.getFirstFocusableElement(dialogElement);
+        const focusableElement = ui.getFirstFocusableElement(dialogElement);
         if (focusableElement) {
           this.isChildFocused = true;
           focusableElement.focus();
@@ -196,6 +139,7 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {Promise<void>} A promise that resolves when the focus action is complete.
    */
   async show() {
+    this.entry.dialogEl().removeAttribute('inert');
     // eslint-disable-next-line no-restricted-globals
     const activeEl = ui.getDeepActiveElementInShadow(document, true);
     if (activeEl) {
@@ -219,6 +163,7 @@ class AriaDialogFocusableTrapSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    */
   async hide() {
     if (this.focusTriggerElement) {
+      this.entry.dialogEl().setAttribute('inert', '');
       await this.focusDialogTaskQueue.enqueue({
         // eslint-disable-next-line jsdoc/require-jsdoc
         run: async () => {

package/dist/cjs/{child-nodes-notify-observer-slimmer-a8d13f4c.js → child-nodes-notify-observer-slimmer-2631c381.js}

@@ -3,7 +3,7 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;