@heartlandone/vega 2.74.0-RTE-table-preview → 2.75.0-RTE-table-preview

package/dist/collection/helpers/slimmers/element-appender/element-appender-slimmer.js

@@ -11,6 +11,10 @@ import ChangeManager from '../../change-manager/change-manager';
 import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../change-manager/observer/observer';
 import { ElementAppenderHierarchyTreeManager } from './element-appender-hierarchy-tree-manager';
+import { ClickTriggerStrategy } from './trigger-strategies/click-trigger-strategy';
+import { HoverTriggerStrategy } from './trigger-strategies/hover-trigger-strategy';
+import { NoneTriggerStrategy } from './trigger-strategies/none-trigger-strategy';
+import { isEATriggerStrategy } from '../../../types/type-guard';
 export class ElementAppenderSlimmer extends VegaSlimmer {
   constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
@@ -36,25 +40,28 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     };
     /* It's a function that listens to the click event on the dropdown. It checks if the trigger
     property is equal to 'click'. If it is, then it toggles the dropdown. */
-    this.targetClickHandler = () => {
-      if (this.shouldListenerWork('click')) {
-        this.isShowing() ? this.hide() : this.show();
+    this.targetClickHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-click')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-click');
       }
     };
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it clears the timer. */
-    this.targetMouseEnterHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.isShowing() === false && this.show();
+    this.targetMouseEnterHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseenter')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-mouseenter');
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
-    this.targetMouseLeaveHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.createDelayHideTimer();
+    this.targetMouseLeaveHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseleave')) {
+        this.createDelayHideTimer(event, 'target-mouseleave');
       }
     };
     /* istanbul ignore next */
@@ -62,7 +69,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     this.targetFocusoutHandler = (e) => {
       var _a;
       if (!isParent(e.relatedTarget, (_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
-        this.targetMouseLeaveHandler();
+        this.targetMouseLeaveHandler(e);
       }
     };
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
@@ -70,18 +77,20 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     this.elementMouseEnterHandler = () => {
       var _a;
       (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseEnterHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseenter') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
-    this.elementMouseLeaveHandler = () => {
+    this.elementMouseLeaveHandler = (event) => {
       var _a;
-      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
-        this.createDelayHideTimer();
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler(event);
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseleave') && !this.disableInteractiveGetter()) {
+        this.createDelayHideTimer(event, 'element-mouseleave');
       }
     };
     /* It's a function that listens to the global mousedown event. It checks if the dropdown is showing,
@@ -92,15 +101,15 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
       const hasChildShowing = this.hierarchyTreeManager
         .getChildren()
         .some((child) => child.isShowing());
+      const triggerStrategy = this.getTriggerStrategy();
       if (!hasChildShowing &&
-        this.shouldListenerWork('custom') &&
-        this.isShowing() &&
+        triggerStrategy.canEvaluate('click-outside') &&
         this.showConfig &&
         !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
         (this.showConfig.isScreenPosition ||
           findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal'))) {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, e, 'click-outside');
       }
     };
     /* istanbul ignore next */
@@ -112,9 +121,10 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
       }
     };
     /* A timer that will hide the dropdown after a certain amount of time. */
-    this.createDelayHideTimer = () => {
+    this.createDelayHideTimer = (event, eventType) => {
+      const triggerStrategy = this.getTriggerStrategy();
       this.delayHideTimer = setTimeout(() => {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, event, eventType);
         clearTimeout(this.delayHideTimer);
       }, ElementAppenderSlimmer.DELAY_HIDE_TIME);
     };
@@ -122,19 +132,22 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     this.clearDelayHideTimer = () => {
       this.delayHideTimer && clearTimeout(this.delayHideTimer);
     };
-    /* It's a function that checks if the listener should work or not. */
-    this.shouldListenerWork = (trigger) => {
-      const currentTrigger = this.getTrigger();
-      switch (trigger) {
-        case 'custom':
-          return currentTrigger !== 'none';
-        case 'click':
-          return currentTrigger === 'click';
-        case 'hover':
-          return currentTrigger === 'hover';
+    this.executeTriggerStrategy = (triggerStrategy, event, eventType) => {
+      if (this.showConfig) {
+        const result = triggerStrategy.evaluate({
+          target: this.showConfig.target,
+          appendableElement: this.showConfig.appendableElement,
+          htmlEvent: event,
+          eventType: eventType,
+          currentState: {
+            isVisible: this.isShowing(),
+          },
+        });
+        if (result) {
+          result.nextAction === 'hide' && this.hide();
+          result.nextAction === 'show' && this.show();
+        }
       }
-      /* istanbul ignore next */
-      throw new Error(`Unexpected trigger: ${trigger}. Expected values are custom, click, or hover.`);
     };
     this.showConfigFactory = showConfigFactory;
     this.getTrigger = getTrigger;
@@ -236,6 +249,21 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
   removeShadowRootElementScrolling() {
     ChangeManager.unregister(SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
+  getTriggerStrategy() {
+    const trigger = this.getTrigger();
+    if (trigger === 'click') {
+      return new ClickTriggerStrategy();
+    }
+    else if (trigger === 'hover') {
+      return new HoverTriggerStrategy();
+    }
+    else if (isEATriggerStrategy(trigger)) {
+      return trigger;
+    }
+    else {
+      return new NoneTriggerStrategy();
+    }
+  }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
 __decorate([

package/dist/collection/helpers/slimmers/element-appender/test/element-appender-slimmer.test.js

@@ -12,6 +12,7 @@ import { ElementAppenderSlimmer } from '../element-appender-slimmer';
 import { LogUtility } from '../../../../utils/log';
 import ChangeManager from '../../../change-manager/change-manager';
 import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../../change-manager/subject/static-subject/static-subject-title';
+import { ClickOutsideOnlyToDismissStrategy } from '../trigger-strategies/click-outside-only-to-dismiss-strategy';
 describe('ElementAppender slimmer test suite', () => {
   const mockedComponentDidLoadMethod = jest.fn();
   const mockedComponentDisconnectedCallbackMethod = jest.fn();
@@ -184,14 +185,14 @@ describe('ElementAppender slimmer test suite', () => {
       expect((appendableElement.style.display = 'block'));
       jest.useRealTimers();
     });
-    test('should listen event proper while trigger is custom', () => {
+    test('should listen event proper while trigger is custom trigger', () => {
       const mockedComponent = new MockedComponent();
       const target = new MockHTMLElement('body', 'div');
       const appendableElement = new MockHTMLElement('body', 'div');
       appendableElement.classList.add('vega-force-hidden');
       mockedComponent.target = target;
       mockedComponent.appendableElement = appendableElement;
-      mockedComponent.trigger = 'custom';
+      mockedComponent.trigger = new ClickOutsideOnlyToDismissStrategy();
       mockedComponent.componentDidLoad();
       mockedComponent.show();
       expect(mockedComponent.appendableElement).not.toHaveClass('vega-force-hidden');

package/dist/collection/helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy.js

@@ -0,0 +1,28 @@
+/**
+ * A trigger strategy that hides the appendable element when a global mouse down event occurs outside the element.
+ */
+export class ClickOutsideOnlyToDismissStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to hide the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to hide the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}

package/dist/collection/helpers/slimmers/element-appender/trigger-strategies/click-trigger-strategy.js

@@ -0,0 +1,33 @@
+/**
+ * ClickTriggerStrategy handles 'targetClick' and 'globalMouseDown' events to toggle or hide the appendable element.
+ */
+export class ClickTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'targetClick' or 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'target-click' || type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'target-click') {
+      return {
+        nextAction: context.currentState.isVisible ? 'hide' : 'show',
+      };
+    }
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}

package/dist/collection/helpers/slimmers/element-appender/trigger-strategies/hover-trigger-strategy.js

@@ -0,0 +1,42 @@
+/**
+ * HoverTriggerStrategy handles mouse enter and leave events on the target and appendable elements,
+ * as well as global mouse down events to show or hide the appendable element.
+ */
+export class HoverTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is related to hover actions or global mouse down, otherwise false.
+   */
+  canEvaluate(type) {
+    return [
+      'target-mouseenter',
+      'target-mouseleave',
+      'element-mouseenter',
+      'element-mouseleave',
+    ].includes(type);
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (['target-mouseenter', 'element-mouseenter'].includes(context.eventType)) {
+      return !context.currentState.isVisible
+        ? {
+          nextAction: 'show',
+        }
+        : {};
+    }
+    if (['target-mouseleave', 'element-mouseleave'].includes(context.eventType)) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    /* istanbul ignore next */
+    return {};
+  }
+}

package/dist/collection/helpers/slimmers/element-appender/trigger-strategies/none-trigger-strategy.js

@@ -0,0 +1,22 @@
+/**
+ * NoneTriggerStrategy does not respond to any events and always indicates no action.
+ */
+export class NoneTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @returns {boolean} Always false as this strategy does not respond to any events.
+   */
+  canEvaluate() {
+    return false;
+  }
+  /* istanbul ignore next */
+  /**
+   * Evaluates the trigger context and always indicates no action.
+   *
+   * @returns {VegaEATriggerResult} An object indicating no action (no show, hide, or toggle).
+   */
+  evaluate() {
+    return {};
+  }
+}

package/dist/collection/helpers/slimmers/element-appender/trigger-strategies/trigger-strategy.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/test/type-guard.test.js

@@ -1,4 +1,5 @@
-import { isFlexWrapType, isResponsiveType, isSpacingDirection, isStateVariantTokenType } from '../type-guard';
+import { ClickOutsideOnlyToDismissStrategy } from '../../helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy';
+import { isEATriggerStrategy, isFlexWrapType, isResponsiveType, isSpacingDirection, isStateVariantTokenType, } from '../type-guard';
 test('should get expect result when call function isResponsiveType', async () => {
   const sizeWithDefault = {
     default: 'default',
@@ -37,3 +38,9 @@ test('should get expect result when call function isFlexWrapType', async () => {
   expect(isFlexWrapType('wrap')).toBeTruthy();
   expect(isFlexWrapType('wrap1')).toBeFalsy();
 });
+test('should get expect result when call function isEATriggerStrategy', async () => {
+  expect(isEATriggerStrategy(undefined)).toBeFalsy();
+  expect(isEATriggerStrategy(null)).toBeFalsy();
+  expect(isEATriggerStrategy('wrap')).toBeFalsy();
+  expect(isEATriggerStrategy(new ClickOutsideOnlyToDismissStrategy())).toBeTruthy();
+});

package/dist/collection/types/type-guard.js

@@ -395,3 +395,14 @@ export const isVegaTableColumnGroupingModelType = (input) => {
 export const isCalendarDateType = (input) => {
   return input instanceof CalendarDate;
 };
+/**
+ * Type guard to check if the provided instance implements the VegaEATriggerStrategy interface
+ *
+ * @param {unknown} instance - The instance to check.
+ * @returns {instance is VegaEATriggerStrategy} True if the instance implements VegaEATriggerStrategy.
+ */
+export const isEATriggerStrategy = (instance) => {
+  return (!!instance &&
+    typeof instance.evaluate === 'function' &&
+    typeof instance.canEvaluate === 'function');
+};

package/dist/collection/utils/sanitize.js

@@ -0,0 +1,126 @@
+import { tryGetDocument } from './try-get-document';
+/**
+ * Helper utilities for sanitizing string from harmful tags
+ * This utility is intentionally restrictive of allowed tags depending on expected output.
+ *
+ * - Uses DOM-based parsing (no regex)
+ * - All attributes are stripped
+ * - Disallowed elements are unwrapped (children preserved)
+ */
+export class SanitizeUtility {
+  /**
+   * It cleans up string for labels and allow minor formatting like bold, italic, strong
+   *
+   * @param {string} input - the passed label input string for sanitization
+   * @returns {string} returns sanitized string
+   */
+  static sanitizeHtmlLabel(input) {
+    return this.sanitize(input, this.LABEL_ALLOWED_TAGS);
+  }
+  /**
+   * Sanitizes the provided HTML string by parsing it into a DOM tree and
+   * removing all disallowed elements and attributes.
+   *
+   * @param {string} input - raw HTML string to sanitize
+   * @param {ReadonlySet<string>} allowedTags - set of allowed HTML tag names
+   * @returns {string} sanitized HTML string
+   */
+  static sanitize(input, allowedTags) {
+    if (input.trim() === '')
+      return '';
+    const doc = tryGetDocument();
+    if (!doc)
+      return '';
+    const parser = new DOMParser();
+    const parsedDocument = parser.parseFromString(input, 'text/html');
+    const outputFragment = doc.createDocumentFragment();
+    parsedDocument.body.childNodes.forEach((node) => {
+      const cleanNode = this.sanitizeNode(node, allowedTags, doc);
+      if (cleanNode) {
+        outputFragment.appendChild(cleanNode);
+      }
+    });
+    return this.serializeFragment(outputFragment, doc);
+  }
+  /**
+   * Sanitizes a DOM node recursively.
+   * - Text nodes are preserved
+   * - Element nodes are sanitized based on allowed tags
+   * - Other node types are discarded
+   *
+   * @param {Node} node - DOM node to sanitize
+   * @param {ReadonlySet<string>} allowedTags - set of allowed HTML tag names
+   * @param {Document} doc - document reference
+   * @returns {Nullable<Node>} sanitized node or null if not allowed
+   */
+  static sanitizeNode(node, allowedTags, doc) {
+    switch (node.nodeType) {
+      case Node.TEXT_NODE:
+        return node.cloneNode(true);
+      case Node.ELEMENT_NODE:
+        return this.sanitizeElement(node, allowedTags, doc);
+      default:
+        return null;
+    }
+  }
+  /**
+   * Sanitizes an HTML element.
+   * - If the element tag is not allowed, it is removed but its children are preserved
+   * - If allowed, a clean element is created with no attributes
+   *
+   * @param {HTMLElement} element - element to sanitize
+   * @param {ReadonlySet<string>} allowedTags - set of allowed HTML tag names
+   * @param {Document} doc - document reference
+   * @returns {Node} sanitized node or fragment
+   */
+  static sanitizeElement(element, allowedTags, doc) {
+    if (!allowedTags.has(element.tagName)) {
+      const fragment = doc.createDocumentFragment();
+      element.childNodes.forEach((child) => {
+        const cleanChild = this.sanitizeNode(child, allowedTags, doc);
+        if (cleanChild) {
+          fragment.appendChild(cleanChild);
+        }
+      });
+      return fragment;
+    }
+    const cleanElement = doc.createElement(element.tagName.toLowerCase());
+    element.childNodes.forEach((child) => {
+      const cleanChild = this.sanitizeNode(child, allowedTags, doc);
+      if (cleanChild) {
+        cleanElement.appendChild(cleanChild);
+      }
+    });
+    return cleanElement;
+  }
+  /**
+   * Serializes a DocumentFragment back into an HTML string.
+   *
+   * @param {DocumentFragment} fragment - fragment to serialize
+   * @param {Document} doc - document reference
+   * @returns {string} serialized HTML string
+   */
+  static serializeFragment(fragment, doc) {
+    var _a;
+    const container = doc.createElement('div');
+    container.appendChild(fragment);
+    // If no HTML elements exist, return textContent
+    return container.children.length === 0 ? (_a = container.textContent) !== null && _a !== void 0 ? _a : '' : container.innerHTML;
+  }
+}
+/**
+ * Set of allowed HTML tags for label rendering.
+ * Tags must be uppercase to match DOMParser element.tagName output.
+ */
+SanitizeUtility.LABEL_ALLOWED_TAGS = new Set(['B', 'I', 'STRONG', 'EM']);
+/**
+ * Standalone helper (keeps parity with existing utility exports pattern)
+ *
+ * It cleans up string for labels and allow minor formatting like bold, italic, strong
+ *
+ * @param {string} input - the passed label input string for sanitization
+ * @returns {string} returns sanitized string
+ */
+export function sanitizeHtmlLabel(input) {
+  return SanitizeUtility.sanitizeHtmlLabel(input);
+}

package/dist/collection/utils/test/sanitize.test.js

@@ -0,0 +1,65 @@
+import { tryGetDocument } from '../try-get-document';
+import { sanitizeHtmlLabel } from '../sanitize';
+test('sanitizeHtmlLabel should render simple string as it is', () => {
+  expect(sanitizeHtmlLabel('Hello')).toEqual('Hello');
+  expect(sanitizeHtmlLabel('Hello world paragraph text')).toEqual('Hello world paragraph text');
+  expect(sanitizeHtmlLabel('')).toBe('');
+  expect(sanitizeHtmlLabel('   ')).toBe('');
+  expect(sanitizeHtmlLabel('\n\t')).toBe('');
+});
+test('sanitizeHtmlLabel should preserve allowed formatting tags', () => {
+  // bold
+  expect(sanitizeHtmlLabel('<b>Hello</b>')).toEqual('<b>Hello</b>');
+  // italic
+  expect(sanitizeHtmlLabel('<i>Hello</i>')).toEqual('<i>Hello</i>');
+  // em
+  expect(sanitizeHtmlLabel('<em>Em</em>')).toEqual('<em>Em</em>');
+  // strong
+  expect(sanitizeHtmlLabel('<strong>Strong text</strong>')).toEqual('<strong>Strong text</strong>');
+});
+test('sanitizeHtmlLabel should not allow executable tags and functions', () => {
+  expect(sanitizeHtmlLabel('<script>window.__xssExecuted = true</script>')).toEqual('');
+  expect(sanitizeHtmlLabel('<img src="x" onerror="window.__xssImg = true">')).toEqual('');
+  expect(sanitizeHtmlLabel('<span onclick="window.__xssClick = true">Span</span>')).toEqual('Span');
+});
+test('sanitizeHtmlLabel should unwrap disallowed elements but preserve their children', () => {
+  expect(sanitizeHtmlLabel('<div>Hello <span>World</span></div>')).toEqual('Hello World');
+});
+test('sanitizeHtmlLabel should ignore non-element, non-text nodes', () => {
+  expect(sanitizeHtmlLabel('Text <!-- malicious comment --><script>alert(1)</script>')).toEqual('Text alert(1)');
+});
+it('sanitizeHtmlLabel should not return empty string if document is available', () => {
+  expect(typeof document).toBe('object');
+  expect(tryGetDocument()).toBe(document);
+  expect(sanitizeHtmlLabel('<b>Some</b> text')).toEqual('<b>Some</b> text');
+});
+it('sanitizeHtmlLabel should return empty string if document is not available', () => {
+  const originalDocument = globalThis.document;
+  delete globalThis.document;
+  expect(tryGetDocument()).toBeUndefined();
+  expect(sanitizeHtmlLabel('<b>Some</b> text')).toEqual('');
+  globalThis.document = originalDocument;
+});
+test('sanitizeHtmlLabel should return textContent if no HTML elements exist', () => {
+  expect(sanitizeHtmlLabel('>hello')).toEqual('>hello');
+  expect(sanitizeHtmlLabel('Me > You')).toEqual('Me > You');
+  expect(sanitizeHtmlLabel('Me <b>></b> You')).toEqual('Me <b>&gt;</b> You');
+});
+test('serializeFragment should return innerHTML when HTML elements exist', () => {
+  expect(sanitizeHtmlLabel('<b>Bold</b>')).toBe('<b>Bold</b>');
+});
+test('serializeFragment falls back to empty string when textContent is null', () => {
+  const originalCreateElement = document.createElement;
+  jest.spyOn(document, 'createElement').mockImplementation((tagName) => {
+    const el = originalCreateElement.call(document, tagName);
+    if (tagName === 'div') {
+      Object.defineProperty(el, 'textContent', {
+        get: () => null,
+        configurable: true,
+      });
+    }
+    return el;
+  });
+  expect(sanitizeHtmlLabel('plain text')).toBe('');
+  document.createElement.mockRestore();
+});

package/dist/esm/{app-globals-8b873b6f.js → app-globals-4146c01c.js}

@@ -1,19 +1,20 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './table-extension-c83b7a56.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaDialog, c as VegaEventManager, d as VegaZIndexManager, e as VegaSkeletonLoader, f as VegaRTETokenExtension, g as VegaRTEFunctionExtension, h as VegaRTETableExtension } from './table-extension-6b31754b.js';
+import { V as VegaThemeManager } from './split-cell-operation-6749f654.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-bb99c0c2.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-96e5debd.js';
-import { V as VegaRTEContent } from './content-state-03f1d302.js';
+import { V as VegaRTEContent } from './content-state-e8ef033a.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-76b29be1.js';
-import './type-guard-b48aec98.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-36393b45.js';
+import './type-guard-c65a227d.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-96eaf9b1.js';
-import { w as waitForVega } from './index-da7e5fe5.js';
-import { V as VegaRTELanguageExtension } from './language-extension-de6e6caf.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-666c415d.js';
+import { w as waitForVega } from './index-2466b0c0.js';
+import { V as VegaRTELanguageExtension } from './language-extension-dcc43702.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -399,7 +400,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-c48cc5c9.js').then((module) => {
+  void import('./public-rules-b8ea651f.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-a6afdb1e.js → child-nodes-event-prevent-slimmer-225e7b58.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-e799c54a.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-2cbb828a.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 

package/dist/esm/click-outside-only-to-dismiss-strategy-3d286c1b.js

@@ -0,0 +1,30 @@
+/**
+ * A trigger strategy that hides the appendable element when a global mouse down event occurs outside the element.
+ */
+class ClickOutsideOnlyToDismissStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to hide the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to hide the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}
+
+export { ClickOutsideOnlyToDismissStrategy as C };