@heartlandone/vega 2.76.0 → 2.77.0

package/dist/cjs/{app-globals-12b7d808.js → app-globals-04e7024b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
-const tokenExtension = require('./token-extension-07cac85d.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.js');
+const tokenExtension = require('./token-extension-ffcaeae0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
 const typography = require('./typography-4560e7f1.js');

package/dist/cjs/aria-attributes-value-mapper-f58c73f8.js

@@ -0,0 +1,136 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Maps component attributes/properties to aria-XXX attributes on an inner native element.
+ * Observes attribute changes on host and updates the target element accordingly.
+ */
+class AriaAttributesValueMapper extends mutationObserverSlimmer.MutationObserverSlimmer {
+  /**
+   * The constructor initializes a class instance with a targetGetter function and an ariaMap.
+   *
+   * @param {() => HTMLElement} targetGetter - a function that returns the target element to set aria attributes on
+   * @param {AriaAttributesMap} ariaMap - a map where the key is the aria attribute to set on the target element, and the value is an object that defines the dependencies (attributes/properties on host to check for value) and an optional default value
+   */
+  constructor(targetGetter, ariaMap) {
+    // Build attributeFilter from dependencies
+    const attrs = Array.from(new Set(Object.values(ariaMap).reduce((acc, cur) => acc.concat(cur.dependency), [])));
+    // create entry for MutationObserverSlimmer to observe host attributes (omit target so host is observed)
+    super({
+      options: { attributes: true, attributeFilter: attrs },
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: (mutations) => {
+        this.handleMutations(mutations);
+      },
+    });
+    this.targetGetter = targetGetter;
+    this.ariaMap = ariaMap;
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad() {
+    this.performMapping();
+    super.componentDidLoad && super.componentDidLoad();
+  }
+  /**
+   * Run mapping after each component render to ensure refs assigned and
+   * attributes/properties are up-to-date. This guarantees the mapper runs
+   * even when attribute changes are observed before the inner target ref
+   * is available.
+   */
+  componentDidRender() {
+    this.performMapping();
+  }
+  /**
+   * The `handleMutations` function processes an array of `MutationRecord` objects to determine which attributes have changed and then calls the `performMapping` function to update the corresponding aria attributes on the target element. It collects the names of the changed attributes into a set and passes it to the `performMapping` function, which uses this information to decide which aria attributes need to be updated based on their defined dependencies.
+   *
+   * @param {MutationRecord[]} mutations - an array of MutationRecord objects that represent the changes observed by the MutationObserver. Each MutationRecord contains information about the type of mutation, the target element that was mutated, and any relevant attribute names if the mutation was an attribute change.
+   */
+  handleMutations(mutations) {
+    const changedAttrs = new Set();
+    if (mutations && mutations.length) {
+      for (const m of mutations) {
+        if (m.attributeName)
+          changedAttrs.add(m.attributeName);
+      }
+    }
+    this.performMapping(changedAttrs.size ? changedAttrs : undefined);
+  }
+  /**
+   * The `performMapping` function updates the aria attributes on the target element based on the defined dependencies in the `ariaMap`. It checks which attributes have changed (if provided) and only updates the aria attributes that depend on those changed attributes. For each aria attribute defined in the `ariaMap`, it looks for the first non-empty value among its dependencies (checking both attributes and properties on the host element) and sets that as the value of the aria attribute on the target element. If all dependencies are empty or undefined, it uses the default value specified in the `ariaMap`. The function also includes error handling when setting attributes on the target element.
+   *
+   * @param {Set<string>} changedAttrs - a set of attribute names that have changed on the host element
+   */
+  performMapping(changedAttrs) {
+    const target = this.targetGetter ? this.targetGetter() : null;
+    if (!target)
+      return;
+    const host = this.host;
+    Object.keys(this.ariaMap).forEach((ariaAttr) => {
+      const { dependency, defaultValue } = this.ariaMap[ariaAttr];
+      // If no relevant dependency changed, skip updating this ariaAttr
+      if (changedAttrs && !dependency.some((item) => changedAttrs.has(item))) {
+        return;
+      }
+      let finalValue = null;
+      for (const item of dependency) {
+        // Try attribute first
+        let val = host.getAttribute(item);
+        if (val === null || val === undefined || val === '') {
+          // Try property on host if attribute not present or empty
+          // support dashed-name -> camelCase property (e.g. data-aria-label -> dataAriaLabel)
+          const camel = item.replace(/-([a-z])/g, (_m, p1) => p1.toUpperCase());
+          const p1 = host[item];
+          const p2 = host[camel];
+          if (p1 !== undefined && p1 !== null) {
+            val = String(p1);
+          }
+          else if (p2 !== undefined && p2 !== null) {
+            val = String(p2);
+          }
+        }
+        if (val !== null && val !== undefined && String(val).trim() !== '') {
+          finalValue = val;
+          break;
+        }
+      }
+      if (finalValue === null || finalValue === undefined || String(finalValue).trim() === '') {
+        finalValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : '';
+      }
+      try {
+        if (String(finalValue).trim() === '') {
+          target.removeAttribute(ariaAttr);
+          return;
+        }
+        const existing = target.getAttribute(ariaAttr);
+        if (existing !== finalValue) {
+          target.setAttribute(ariaAttr, finalValue);
+        }
+      }
+      catch (e) {
+        globalSlimmerRegistry.LogUtility.warn('Errors occurred when setting aria attribute:', {
+          ariaAttr,
+          finalValue,
+          error: e,
+        });
+      }
+    });
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], AriaAttributesValueMapper.prototype, "componentDidLoad", null);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
+], AriaAttributesValueMapper.prototype, "componentDidRender", null);
+
+exports.AriaAttributesValueMapper = AriaAttributesValueMapper;

package/dist/cjs/{child-nodes-event-prevent-slimmer-84435957.js → child-nodes-event-prevent-slimmer-cc6d2919.js}

@@ -3,7 +3,7 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-f7ecf3d4.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.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;

package/dist/cjs/{design-token-41baf118.js → design-token-c49717c8.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-407ba0b8.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-acc39a40.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 

package/dist/cjs/{element-appender-slimmer-34e4eb56.js → element-appender-slimmer-38583ca9.js}

@@ -7,9 +7,9 @@ const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-407ba0b8.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-acc39a40.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const breakpoints = require('./breakpoints-751d433a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-41baf118.js');
+const designToken = require('./design-token-c49717c8.js');
 const string = require('./string-39438062.js');
 const typeGuard = require('./type-guard-407ba0b8.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
@@ -12,8 +12,8 @@ const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const tokenExtension = require('./token-extension-07cac85d.js');
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
+const tokenExtension = require('./token-extension-ffcaeae0.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-f7ecf3d4.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
@@ -23,7 +23,7 @@ const internalTranslationController = require('./internal-translation-controller
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const codeBlock = require('./code-block-f1480ec3.js');
 const dtoRendererManager = require('./dto-renderer-manager-809c947b.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-acc39a40.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-912469e0.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');