@globalpayments/vega 2.70.0 → 2.72.0

package/dist/esm/{design-token-2d77e8f5.js → design-token-ee017ea0.js}

@@ -1,10 +1,9 @@
-import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-12f7654b.js';
+import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-b48aec98.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-267935ae.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-6df7d17a.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
-import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f01d27a.js';
-import { a as BorderStyle } from './ui-8424715a.js';
+import { B as BorderStyle } from './ui-28fd4193.js';
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
@@ -156,7 +155,7 @@ class StateFormatFacade {
   format(input, flag) {
     switch (flag) {
       case 'backgroundColor':
-        return stateBackgroundColorFormatter.format(input);
+        return StateBackgroundColorFormatter.format(input);
       case 'borderColor':
         return StateBorderColorFormatter$1.format(input);
       case 'shadow':

package/dist/esm/{dom-node-subject-observer-factory-dca87b70.js → dom-node-subject-observer-factory-479cc5ef.js}

@@ -105,10 +105,12 @@ const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const VegaReset = new VegaEventID('vegaReset', 'reset');
-const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+const VegaClear = new VegaEventID('vegaClear', 'clear');
 const VegaComplete = new VegaEventID('vegaComplete', 'complete');
 const VegaPaste = new VegaEventID('vegaPaste', 'paste');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];
+const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
+const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {
@@ -243,4 +245,4 @@ class DomNodeSubjectObserverFactory {
   }
 }
 
-export { VegaRowSelectAll as $, VegaValidate as A, VegaCancel as B, VegaFocus as C, DomNodeSubjectObserverFactory as D, VegaBlur as E, VegaPaste as F, VegaComplete as G, VegaCountryChange as H, VegaShow as I, VegaHide as J, VegaToggleStatus as K, VegaOpen as L, VegaStateUpdate as M, VegaGroupClick as N, VegaMenuClick as O, VegaActionClick as P, VegaPageSizeChange as Q, VegaPopoverShow as R, VegaPopoverHide as S, VegaCurrentStepUpdate as T, VegaImageInserted as U, VegaDropdownClick as V, VegaSelectChange as W, VegaSelectAllChange as X, VegaRowClick as Y, VegaRowExpand as Z, VegaRowSelect as _, VegaClick as a, VegaExpand as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaDateClick as j, VegaPageUpdate as k, VegaRemove as l, VegaCreate as m, VegaSearch as n, VegaMonthYearChange as o, VegaDropdownShow as p, VegaDropdownHide as q, VegaReset as r, VegaDropdownSearch as s, VegaSearchTrigger as t, VegaLabelButtonClick as u, VegaSelectFileChange as v, VegaRetry as w, VegaPreview as x, VegaFormSubmit as y, VegaFormReset as z };
+export { VegaRowExpand as $, VegaFormSubmit as A, VegaFormReset as B, VegaValidate as C, DomNodeSubjectObserverFactory as D, VegaCancel as E, VegaFocus as F, VegaBlur as G, VegaPaste as H, VegaComplete as I, VegaCountryChange as J, VegaShow as K, VegaHide as L, VegaToggleStatus as M, VegaOpen as N, VegaStateUpdate as O, VegaGroupClick as P, VegaMenuClick as Q, VegaActionClick as R, VegaPageSizeChange as S, VegaPopoverShow as T, VegaPopoverHide as U, VegaDropdownClick as V, VegaCurrentStepUpdate as W, VegaImageInserted as X, VegaSelectChange as Y, VegaSelectAllChange as Z, VegaRowClick as _, VegaClick as a, VegaRowSelect as a0, VegaRowSelectAll as a1, VegaExpand as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaDateClick as j, VegaPageUpdate as k, VegaRemove as l, VegaCreate as m, VegaSearch as n, VegaMonthYearChange as o, VegaClear as p, VegaSelectionChange as q, VegaDropdownShow as r, VegaDropdownHide as s, VegaReset as t, VegaDropdownSearch as u, VegaSearchTrigger as v, VegaLabelButtonClick as w, VegaSelectFileChange as x, VegaRetry as y, VegaPreview as z };

package/dist/esm/{dto-renderer-manager-d862ae78.js → dto-renderer-manager-d185c7ba.js}

@@ -1,9 +1,9 @@
-import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, B as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, l as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, m as BlockInsertLineBreakStrategy, n as BlockInsertLineBreakWithBlocksStrategy, o as BlockSplitWithTextNodeStrategy, p as BlockReplaceNodesStrategy, q as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, r as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, t as BlockAnnotation, u as BlockAnnotationTypeEnum, f as RTEBlock, C as CustomStyleAnnotation, v as CustomClassAnnotation, w as CustomAttributeAnnotation, x as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, y as NodeAnnotationTypeEnum, z as RTEDecoratorNode, D as NodeTypeEnum, E as CommonAnnotation, F as AnnotationAction, G as ReplaceChildNodesAction, M as ModifyContentAction, J as SplitBlockWithNodeAction, K as BlockDeleteNodeContentStrategy, U as UpdateTextAction, L as RemoveChildrenStrategy, O as RTE_TEXT_COLORS, P as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-ecb4491b.js';
+import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, B as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, l as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, m as BlockInsertLineBreakStrategy, n as BlockInsertLineBreakWithBlocksStrategy, o as BlockSplitWithTextNodeStrategy, p as BlockReplaceNodesStrategy, q as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, r as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, t as BlockAnnotation, u as BlockAnnotationTypeEnum, f as RTEBlock, v as CustomStyleAnnotation, w as CustomClassAnnotation, C as CustomAttributeAnnotation, x as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, y as NodeAnnotationTypeEnum, z as RTEDecoratorNode, D as NodeTypeEnum, E as CommonAnnotation, F as AnnotationAction, G as ReplaceChildNodesAction, M as ModifyContentAction, J as SplitBlockWithNodeAction, K as BlockDeleteNodeContentStrategy, U as UpdateTextAction, L as RemoveChildrenStrategy, O as RTE_TEXT_COLORS, P as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-8fb548ff.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import { i as isNonNullable } from './type-guard-12f7654b.js';
+import { i as isNonNullable } from './type-guard-b48aec98.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { a as VegaInternalUpdateRTECursorPosition, b as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-5c3e5f7f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-479cc5ef.js';
+import { a as VegaInternalUpdateRTECursorPosition, b as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-71c67c39.js';
 import { d as dashCaseToCamel } from './string-a953eafc.js';
 import { r as rgbToHex, i as isHTMLElement } from './ui-bb99c0c2.js';
 import { c as cleanObject } from './object-66c37948.js';

package/dist/esm/{element-appender-slimmer-6791c332.js → element-appender-slimmer-00bc1a3c.js}

@@ -1,16 +1,16 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, d as isElementVisible, b as isParent } from './ui-bb99c0c2.js';
-import { n as InternalVegaZIndexManager } from './function-extension-8d39db56.js';
+import { n as InternalVegaZIndexManager } from './function-extension-3f886d01.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { P as Placements, A as Alignments } from './ui-8424715a.js';
-import { E as isTranslocationType } from './type-guard-12f7654b.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-267935ae.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
+import { P as Placements, A as Alignments } from './ui-28fd4193.js';
+import { H as isTranslocationType } from './type-guard-b48aec98.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-6df7d17a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { u as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-5c3e5f7f.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-479cc5ef.js';
+import { v as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-71c67c39.js';
 
 var __decorate$a = (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;
@@ -767,9 +767,16 @@ class PositionCalculationController extends VegaSlimmer {
    */
   applyPosition(positionBox) {
     const appendableElement = this.showConfig.appendableElement;
+    // TODO: should control position style in element appender but in component level
+    // https://gethired.atlassian.net/browse/VD-7883
     if (this.showConfig.isScreenPosition) {
       appendableElement.style.position = 'fixed';
     }
+    else {
+      if (appendableElement.classList.contains('date-picker-content-box')) {
+        appendableElement.style.position = 'absolute';
+      }
+    }
     appendableElement.style.left = `${positionBox.left}px`;
     appendableElement.style.top = `${positionBox.top}px`;
     appendableElement.classList.remove('vega-placement-left', 'vega-placement-right', 'vega-placement-top', 'vega-placement-bottom');
@@ -871,7 +878,7 @@ class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a, _b;
+    var _a;
     this.resizeObserverSlimmer = createDynamicSlimmer(ElementAppender, PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -901,8 +908,8 @@ class ElementAppender {
     this.showConfigCallback = showConfigCallback;
     this.showConfigCallbackTarget = showConfigCallbackTarget;
     const config = this.getShowConfig();
-    (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-force-hidden');
-    (_b = config.appendableElement) === null || _b === void 0 ? void 0 : _b.classList.add('vega-element-appender-appendable');
+    this.hideElementAppender(config.appendableElement);
+    (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-element-appender-appendable');
   }
   /**
    * It takes an element and appends it to the DOM, then adjusts its position and size to match the
@@ -981,14 +988,44 @@ class ElementAppender {
    */
   toggleShow(show) {
     if (show) {
-      this.showConfig.appendableElement.classList.remove('vega-force-hidden');
+      this.showElementAppender(this.showConfig.appendableElement);
       this.saveVisibleAppendElement(this.showConfig.appendableElement);
     }
     else {
-      this.showConfig.appendableElement.classList.add('vega-force-hidden');
+      this.hideElementAppender(this.showConfig.appendableElement);
       this.removeVisibleAppendElement(this.showConfig.appendableElement);
     }
   }
+  /**
+   * Show the appendable element by removing hidden styles
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  showElementAppender(appendableElement) {
+    if (appendableElement.classList.contains('date-picker-content-box')) {
+      appendableElement.style.display = 'block';
+    }
+    else {
+      appendableElement.classList.remove('vega-force-hidden');
+    }
+  }
+  /**
+   * Hide the appendable element by adding hidden styles.
+   * TODO: should directly control display style. https://gethired.atlassian.net/browse/VD-7884
+   *
+   * @param {HTMLElement} appendableElement - Appendable element controlled by ElementAppender
+   */
+  hideElementAppender(appendableElement) {
+    if (!appendableElement)
+      return;
+    if (appendableElement.classList.contains('date-picker-content-box')) {
+      appendableElement.style.display = 'none';
+    }
+    else {
+      appendableElement.classList.add('vega-force-hidden');
+    }
+  }
   /**
    * Save visible AppendableElement from the container state
    *
@@ -1313,7 +1350,8 @@ class ElementAppenderSlimmer extends VegaSlimmer {
         this.showConfig &&
         !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
-        findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal')) {
+        (this.showConfig.isScreenPosition ||
+          findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal'))) {
         this.hide();
       }
     };

package/dist/esm/{event-emit-slimmer-4e28e9f8.js → event-emit-slimmer-76fbfe1f.js}

@@ -1,8 +1,8 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-516aa721.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-479cc5ef.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-e44672ed.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-bf071b75.js → form-field-controller-slimmer-14379261.js}

@@ -6,15 +6,15 @@ import { U as UPDATE_TRANSLATION, a as FORM_FIELD_PENDING_VALID_CHANGE, b as FOR
 import { f as findParent, d as isElementVisible } from './ui-bb99c0c2.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { f as VegaInternalFieldErrorStateChange, d as VegaInternalFormSubmit, g as VegaInternalValid } from './vega-internal-event-id-5c3e5f7f.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-479cc5ef.js';
+import { f as VegaInternalFieldErrorStateChange, d as VegaInternalFormSubmit, g as VegaInternalValid } from './vega-internal-event-id-71c67c39.js';
 import { V as VegaInternalTranslation } from './translation-96e5debd.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-17bb0328.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{function-extension-8d39db56.js → function-extension-3f886d01.js}

@@ -2,16 +2,18 @@ import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlim
 import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-bb99c0c2.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-516aa721.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-e44672ed.js';
 import { c as convertToNumber } from './number-4398f2e1.js';
-import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-d862ae78.js';
-import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-ecb4491b.js';
+import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-d185c7ba.js';
+import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, C as CustomAttributeAnnotation, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-8fb548ff.js';
+import { i as isNonNullable } from './type-guard-b48aec98.js';
+import './translation-96e5debd.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { i as isNonNullable } from './type-guard-12f7654b.js';
+import { c as cleanObject } from './object-66c37948.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
-import { D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-dca87b70.js';
+import { D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-479cc5ef.js';
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -1876,7 +1878,7 @@ class RTETokenNode extends RTETextNode {
    * @returns {string} - The HTML representation of the token node.
    */
   toHtml() {
-    return `<span class="token" contenteditable="false" template-token-key="${this.token}" token-key="${this.token}" ${super.generateAttributeString()}>${this.text}</span>`;
+    return `<span class="token" contenteditable="false" template-token-key="${this.token}" token-key="${this.token}"${super.generateAttributeString()}>${this.text}</span>`;
   }
 }
 
@@ -1898,22 +1900,14 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
    */
   doRender(createElement, node, editorContent) {
     const { id, token } = node;
-    return createElement('span', {
-      'key': id,
-      'template-token-key': token,
-      'token-key': token,
-      'contenteditable': 'false',
-      'style': node.getStyles(),
-      'class': `token ${node.getClasses()}`,
-      'ref': this.useRef(node),
+    return createElement('span', Object.assign(Object.assign({ 'key': id, 'template-token-key': token, 'token-key': token, 'contenteditable': 'false', 'style': node.getStyles(), 'class': `token ${node.getClasses()}` }, this.additionalAttributes(node)), { 'ref': this.useRef(node), 
       // eslint-disable-next-line jsdoc/require-jsdoc
       'onClick': (event) => {
         event.preventDefault();
         if (editorContent && editorContent.editable !== false) {
           this.handleTokenElementClick(event, node);
         }
-      },
-    }, node.text);
+      } }), node.text);
   }
   /**
    * Sets the RTE extension context.
@@ -1943,6 +1937,20 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
       this.extensionContext.host.value.apply(new UpdateCursorPositionAction(node, undefined, true));
     }
   }
+  /**
+   * Additional attributes for the token node.
+   *
+   * @param {RTETokenNode} node - The token node.
+   * @returns {Record<string, string>} Additional attributes
+   */
+  additionalAttributes(node) {
+    const annotation = node.getCustomAttributesAnnotation();
+    let result = { wrapped: 'true' };
+    if (annotation) {
+      result = Object.assign(Object.assign({}, result), annotation.render());
+    }
+    return result;
+  }
 }
 
 /**
@@ -1969,7 +1977,10 @@ class InsertTokenNodeStrategy extends ActionHandleStrategy {
   handleAction(action, block) {
     const { rteRange, token } = action;
     if (rteRange && rteRange.startNode) {
-      const tokenNode = new RTETokenNode(generateUUID(), token.key, token.label, block);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      const { key, label, customAttrs = { wrapped: 'true' } } = token;
+      const tokenNode = new RTETokenNode(generateUUID(), key, label, block);
+      tokenNode.annotationMap.set('CUSTOM_ATTRIBUTE', new CustomAttributeAnnotation(customAttrs));
       block.apply(new InsertNodeToNearestRootAction(rteRange, tokenNode));
       action.actionHandleResult = true;
     }
@@ -2013,13 +2024,13 @@ class SpanToTokenNodeStrategy extends ElementToDTOStrategy {
     const annotations = htmlElementToAnnotationGenerator.generate(RTETextNode, element);
     // Exclude customAttribute and customClass from annotations
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const restAnnotations = __rest(annotations, ["customAttribute", "customClass"]);
+    const { customAttribute, customClass } = annotations, restAnnotations = __rest(annotations, ["customAttribute", "customClass"]);
     return {
       id: generateUUID(),
       type: 'token',
       token: tokenKey,
       text,
-      annotations: Object.assign({}, restAnnotations),
+      annotations: Object.assign(Object.assign({}, restAnnotations), { customAttribute: this.createCustomAttrs(customAttribute) }),
     };
   }
   /**
@@ -2033,6 +2044,16 @@ class SpanToTokenNodeStrategy extends ElementToDTOStrategy {
   shouldProceedToElementChildren() {
     return false;
   }
+  /**
+   * Creates custom attributes record from the given custom attribute object, clean some fixed attributes.
+   *
+   * @param {Record<string, string>} customAttribute - The custom attribute object
+   * @returns {Record<string, string>} The processed custom attributes
+   */
+  createCustomAttrs(customAttribute) {
+    const result = Object.assign(Object.assign({}, customAttribute), { 'contenteditable': null, 'template-token-key': null, 'token-key': null, 'wrapped': customAttribute.wrapped === 'false' ? 'false' : 'true' });
+    return cleanObject(result);
+  }
 }
 
 const spanToTokenNodeStrategy = new SpanToTokenNodeStrategy();

package/dist/esm/{image-annotation-action-d0af138c.js → image-annotation-action-3ce95526.js}

@@ -1,10 +1,10 @@
 import { h } from './index-090d31ca.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-ecb4491b.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, R as VegaPopoverShow, S as VegaPopoverHide, f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
+import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-8fb548ff.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, T as VegaPopoverShow, U as VegaPopoverHide, f as VegaChange } from './dom-node-subject-observer-factory-479cc5ef.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-de88a117.js';
-import { g as ImageAnnotation } from './dto-renderer-manager-d862ae78.js';
+import { g as ImageAnnotation } from './dto-renderer-manager-d185c7ba.js';
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,

package/dist/esm/{index-c943d263.js → index-03a016ed.js}

@@ -1,8 +1,8 @@
 import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
-import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-5c3e5f7f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-479cc5ef.js';
+import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-71c67c39.js';
 
 /* istanbul ignore next */
 /**

package/dist/esm/index.js

@@ -1,37 +1,36 @@
-export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
+export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-8744cb44.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-2d77e8f5.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-ee017ea0.js';
 export { c as camelToDashCase } from './string-a953eafc.js';
-export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-12f7654b.js';
+export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-b48aec98.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
 export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
-export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
+export { d as BoxDisplay, e as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-28fd4193.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { A as ActionHandlerInterceptor, I as InsertNodeToNearestRootAction, l as RTETokenNode, m as RTETokenNodeRenderer, R as RTETokenToolbarButtonRenderer, c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, j as VegaRTEExtension, k as VegaRTEExtensionRenderer, h as VegaRTEFunctionExtension, g as VegaRTETokenExtension, i as VegaRTEToolbarButtonRenderer, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './function-extension-8d39db56.js';
+export { A as ActionHandlerInterceptor, I as InsertNodeToNearestRootAction, l as RTETokenNode, m as RTETokenNodeRenderer, R as RTETokenToolbarButtonRenderer, c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, j as VegaRTEExtension, k as VegaRTEExtensionRenderer, h as VegaRTEFunctionExtension, g as VegaRTETokenExtension, i as VegaRTEToolbarButtonRenderer, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './function-extension-3f886d01.js';
 export { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-516aa721.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-e44672ed.js';
 export { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
-export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
-export { w as waitForVega } from './index-c943d263.js';
+export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-96eaf9b1.js';
+export { w as waitForVega } from './index-03a016ed.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-96e5debd.js';
-export { B as BlockToRTEBlockStrategyAbstract, b as ElementToDTOStrategy, I as InsertNewParagraphAction, d as RTEImageBlock, f as RTEImageNode, e as RTEListBlock, c as RTEListItemBlock, U as UpdateCursorPositionAction, V as VegaRTEContent, h as htmlElementToAnnotationGenerator } from './dto-renderer-manager-d862ae78.js';
+export { B as BlockToRTEBlockStrategyAbstract, b as ElementToDTOStrategy, I as InsertNewParagraphAction, d as RTEImageBlock, f as RTEImageNode, e as RTEListBlock, c as RTEListItemBlock, U as UpdateCursorPositionAction, V as VegaRTEContent, h as htmlElementToAnnotationGenerator } from './dto-renderer-manager-d185c7ba.js';
 export { s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-export { d as ActionHandleStrategy, h as AppendChildrenAction, Q as CodeLanguage, w as CustomAttributeAnnotation, v as CustomClassAnnotation, C as CustomStyleAnnotation, I as InsertChildrenAfterAction, j as InsertChildrenBeforeAction, M as ModifyContentAction, c as ModifyContentActionType, g as RTEAnnotationStyle, f as RTEBlock, z as RTEDecoratorNode, i as RTENode, e as RTETextBlock, b as RTETextNode, r as RemoveChildrenAction, V as VegaRTEPresetToolbarItems } from './code-block-ecb4491b.js';
-export { R as RTELanguageToolbarButtonRenderer, V as VegaRTELanguageExtension } from './language-extension-8f51f5ff.js';
-export { R as RTERange } from './range-f7b9e2fb.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-267935ae.js';
+export { d as ActionHandleStrategy, h as AppendChildrenAction, Q as CodeLanguage, C as CustomAttributeAnnotation, w as CustomClassAnnotation, v as CustomStyleAnnotation, I as InsertChildrenAfterAction, j as InsertChildrenBeforeAction, M as ModifyContentAction, c as ModifyContentActionType, g as RTEAnnotationStyle, f as RTEBlock, z as RTEDecoratorNode, i as RTENode, e as RTETextBlock, b as RTETextNode, r as RemoveChildrenAction, V as VegaRTEPresetToolbarItems } from './code-block-8fb548ff.js';
+export { R as RTELanguageToolbarButtonRenderer, V as VegaRTELanguageExtension } from './language-extension-36c79ea1.js';
+export { R as RTERange } from './range-f10f4c85.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-6df7d17a.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
-export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
+export { D as DateRequiredRule } from './date-required-rule-a9980386.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-774b822b.js';
-export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-d0cde24f.js';
+export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-8ec1faf5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './try-get-document-bef0f526.js';
-import './state-background-color-formatter-0f01d27a.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-bb99c0c2.js';
@@ -41,16 +40,15 @@ import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './number-4398f2e1.js';
+import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
-import './dom-node-subject-observer-factory-dca87b70.js';
+import './dom-node-subject-observer-factory-479cc5ef.js';
 import './index-e9da316f.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './vega-internal-event-id-5c3e5f7f.js';
-import './object-66c37948.js';
+import './vega-internal-event-id-71c67c39.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './date-c55b97f0.js';
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */

package/dist/esm/{inject-keyboard-manager-ffd351b9.js → inject-keyboard-manager-9241968c.js}

@@ -1,4 +1,4 @@
-import { K as KeyboardManager } from './keyboard-manager-5d8f3582.js';
+import { K as KeyboardManager } from './keyboard-manager-89acac79.js';
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/esm/{internal-vega-event-manager-516aa721.js → internal-vega-event-manager-e44672ed.js}

@@ -1,4 +1,4 @@
-import { b as VegaExpand, a as VegaClick, V as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaDateClick, k as VegaPageUpdate, l as VegaRemove, m as VegaCreate, n as VegaSearch, o as VegaMonthYearChange, p as VegaDropdownShow, q as VegaDropdownHide, r as VegaReset, s as VegaDropdownSearch, t as VegaSearchTrigger, u as VegaLabelButtonClick, v as VegaSelectFileChange, w as VegaRetry, x as VegaPreview, y as VegaFormSubmit, z as VegaFormReset, A as VegaValidate, B as VegaCancel, C as VegaFocus, E as VegaBlur, F as VegaPaste, G as VegaComplete, H as VegaCountryChange, I as VegaShow, J as VegaHide, K as VegaToggleStatus, L as VegaOpen, M as VegaStateUpdate, N as VegaGroupClick, O as VegaMenuClick, P as VegaActionClick, Q as VegaPageSizeChange, R as VegaPopoverShow, S as VegaPopoverHide, T as VegaCurrentStepUpdate, U as VegaImageInserted, W as VegaSelectChange, X as VegaSelectAllChange, Y as VegaRowClick, Z as VegaRowExpand, _ as VegaRowSelect, $ as VegaRowSelectAll } from './dom-node-subject-observer-factory-dca87b70.js';
+import { b as VegaExpand, a as VegaClick, V as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaDateClick, k as VegaPageUpdate, l as VegaRemove, m as VegaCreate, n as VegaSearch, o as VegaMonthYearChange, p as VegaClear, q as VegaSelectionChange, r as VegaDropdownShow, s as VegaDropdownHide, t as VegaReset, u as VegaDropdownSearch, v as VegaSearchTrigger, w as VegaLabelButtonClick, x as VegaSelectFileChange, y as VegaRetry, z as VegaPreview, A as VegaFormSubmit, B as VegaFormReset, C as VegaValidate, E as VegaCancel, F as VegaFocus, G as VegaBlur, H as VegaPaste, I as VegaComplete, J as VegaCountryChange, K as VegaShow, L as VegaHide, M as VegaToggleStatus, N as VegaOpen, O as VegaStateUpdate, P as VegaGroupClick, Q as VegaMenuClick, R as VegaActionClick, S as VegaPageSizeChange, T as VegaPopoverShow, U as VegaPopoverHide, W as VegaCurrentStepUpdate, X as VegaImageInserted, Y as VegaSelectChange, Z as VegaSelectAllChange, _ as VegaRowClick, $ as VegaRowExpand, a0 as VegaRowSelect, a1 as VegaRowSelectAll } from './dom-node-subject-observer-factory-479cc5ef.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const entries = [
@@ -18,7 +18,8 @@ const entries = [
   ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
-  ['vega-date-picker', [VegaMonthYearChange, VegaChange]],
+  ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
+  ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange]],
   [
     'vega-dropdown',
     [

package/dist/esm/{keyboard-manager-5d8f3582.js → keyboard-manager-89acac79.js}

@@ -1,5 +1,5 @@
 import { b as isParent, e as getDeepActiveElementInShadow } from './ui-bb99c0c2.js';
-import { i as isNonNullable } from './type-guard-12f7654b.js';
+import { i as isNonNullable } from './type-guard-b48aec98.js';
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements

package/dist/esm/{keyboard-manager-slimmer-f39214e4.js → keyboard-manager-slimmer-e303cb7d.js}

@@ -1,5 +1,5 @@
 import { M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { K as KeyboardManager } from './keyboard-manager-5d8f3582.js';
+import { K as KeyboardManager } from './keyboard-manager-89acac79.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/esm/{language-extension-8f51f5ff.js → language-extension-36c79ea1.js}

@@ -1,5 +1,5 @@
-import { V as VegaRTEContent } from './dto-renderer-manager-d862ae78.js';
-import { i as VegaRTEToolbarButtonRenderer, j as VegaRTEExtension } from './function-extension-8d39db56.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-d185c7ba.js';
+import { i as VegaRTEToolbarButtonRenderer, j as VegaRTEExtension } from './function-extension-3f886d01.js';
 import './global-slimmer-registry-17c4efd4.js';
 
 /**