@heartlandone/vega 2.71.0 → 2.72.0

package/dist/cjs/{app-globals-837be7a6.js → app-globals-c6be6013.js}

@@ -1,20 +1,21 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const functionExtension = require('./function-extension-28a4d781.js');
+const functionExtension = require('./function-extension-d4fc3b7a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./ui-9e181079.js');
 const translation = require('./translation-5f9f9c0c.js');
-const dtoRendererManager = require('./dto-renderer-manager-c917dade.js');
+const dtoRendererManager = require('./dto-renderer-manager-f3820a6b.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-a7c8825f.js');
+require('./type-guard-69d2cf01.js');
 const typography = require('./typography-4560e7f1.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-ce5c9147.js');
-const index$1 = require('./index-4b896e76.js');
-const languageExtension = require('./language-extension-99c6fb40.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-9f40d1d9.js');
+const index$1 = require('./index-c7fbf32b.js');
+const languageExtension = require('./language-extension-d23e5369.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
@@ -399,7 +400,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-759c745b.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-0847e6fa.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{child-nodes-event-prevent-slimmer-f8840f1b.js → child-nodes-event-prevent-slimmer-871855df.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-45d451de.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-0e1ba774.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 

package/dist/cjs/{code-block-bb4cbafa.js → code-block-a7c8825f.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.js');
 const string = require('./string-39438062.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
 const object = require('./object-e2e28e3d.js');
@@ -3031,93 +3031,41 @@ class TextStyleAnnotation extends BlockAnnotation {
   renderStyle(options) {
     if (!(options === null || options === void 0 ? void 0 : options.standalone))
       return null;
-    const paragraphStyle = {
+    const textStyleBase = {
       fontFamily: 'Inter',
       fontSize: '16px',
       lineHeight: '22px',
+      minHeight: '22px',
       fontWeight: '500',
-      marginTop: '0px',
-      marginBottom: '0px',
     };
+    const paragraphStyle = Object.assign(Object.assign({}, textStyleBase), { marginTop: '0px', marginBottom: '0px' });
     switch (this.textStyle) {
       case 'paragraph': {
         return paragraphStyle;
       }
       case 'title': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '36px',
-          lineHeight: '40px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' });
       }
       case 'subtitle': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '28px',
-          lineHeight: '32px',
-          fontWeight: '500',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' });
       }
       case 'heading-1': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '22px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '22px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-2': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '20px',
-          lineHeight: '24px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '20px', lineHeight: '24px', minHeight: '24px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-3': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '18px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '18px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-4': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '16px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '16px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-5': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '14px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '14px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
       case 'heading-6': {
-        return {
-          fontFamily: 'Inter',
-          fontSize: '12px',
-          lineHeight: '22px',
-          fontWeight: '500',
-          marginTop: '0px',
-          marginBottom: '0px',
-        };
+        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '12px', lineHeight: '22px', minHeight: '22px', marginTop: '0px', marginBottom: '0px' });
       }
     }
   }

package/dist/cjs/{component-value-history-controller-slimmer.abstract-cf7b4bda.js → component-value-history-controller-slimmer.abstract-868de3c4.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-a7c8825f.js');
 const timer = require('./timer-5f33058b.js');
 const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.js');
 const observer = require('./observer-f49483e8.js');
-const range = require('./range-0b597850.js');
+const range = require('./range-14190f6b.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const ui = require('./ui-9e181079.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-62f072cd.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-15e65357.js');
 
 let processing = false;
 /**

package/dist/cjs/{date-required-rule-4e1f84fd.js → date-required-rule-99cca681.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const date = require('./date-0a6bb035.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**
@@ -33,10 +33,10 @@ class DateRequiredRule extends internalFormFieldValidationRule_abstract.Internal
     let isValid;
     switch (this.config.mode) {
       case 'single':
-        isValid = date.isDateStr(input);
+        isValid = typeGuard.isDateStr(input);
         break;
       case 'range':
-        isValid = Array.isArray(input) && input.length === 2 && input.every(date.isDateStr);
+        isValid = Array.isArray(input) && input.length === 2 && input.every(typeGuard.isDateStr);
         break;
     }
     return {

package/dist/cjs/{design-token-00fe8d2f.js → design-token-d9c4dff6.js}

@@ -1,18 +1,17 @@
 'use strict';
 
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-1d9c13a9.js');
+const responsiveFormatFacade = require('./responsive-format-facade-77d357fb.js');
 const typography = require('./typography-4560e7f1.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
 const ui = require('./ui-32e69595.js');
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
  * input values and provides an array of CSS states.
  */
-class StateBorderColorFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateBorderColorFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -54,7 +53,7 @@ const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
  * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
  * ShadowsTokenType input and provides an array of CssStatesType objects.
  */
-class StateShadowFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateShadowFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover'];
@@ -93,7 +92,7 @@ const StateShadowFormatter$1 = new StateShadowFormatter();
  * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
  * and provides state information.
  */
-class StateBorderFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
+class StateBorderFormatter extends typeGuard.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -158,7 +157,7 @@ class StateFormatFacade {
   format(input, flag) {
     switch (flag) {
       case 'backgroundColor':
-        return stateBackgroundColorFormatter.stateBackgroundColorFormatter.format(input);
+        return typeGuard.StateBackgroundColorFormatter.format(input);
       case 'borderColor':
         return StateBorderColorFormatter$1.format(input);
       case 'shadow':

package/dist/cjs/{dom-node-subject-observer-factory-f040608b.js → dom-node-subject-observer-factory-1c8f7880.js}

@@ -107,10 +107,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 {
@@ -251,6 +253,7 @@ exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;
 exports.VegaCancel = VegaCancel;
 exports.VegaChange = VegaChange;
+exports.VegaClear = VegaClear;
 exports.VegaClick = VegaClick;
 exports.VegaClose = VegaClose;
 exports.VegaComplete = VegaComplete;
@@ -294,6 +297,7 @@ exports.VegaSearchTrigger = VegaSearchTrigger;
 exports.VegaSelectAllChange = VegaSelectAllChange;
 exports.VegaSelectChange = VegaSelectChange;
 exports.VegaSelectFileChange = VegaSelectFileChange;
+exports.VegaSelectionChange = VegaSelectionChange;
 exports.VegaShow = VegaShow;
 exports.VegaStateUpdate = VegaStateUpdate;
 exports.VegaToggleStatus = VegaToggleStatus;

package/dist/cjs/{dto-renderer-manager-c917dade.js → dto-renderer-manager-f3820a6b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const codeBlock = require('./code-block-bb4cbafa.js');
+const codeBlock = require('./code-block-a7c8825f.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.js');
 const string = require('./string-39438062.js');
 const ui = require('./ui-9e181079.js');
 const object = require('./object-e2e28e3d.js');

package/dist/cjs/{element-appender-slimmer-f8e89f37.js → element-appender-slimmer-3dc36dfa.js}

@@ -2,17 +2,17 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-9e181079.js');
-const functionExtension = require('./function-extension-28a4d781.js');
+const functionExtension = require('./function-extension-d4fc3b7a.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const ui$1 = require('./ui-32e69595.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
-const responsiveFormatFacade = require('./responsive-format-facade-1d9c13a9.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
+const responsiveFormatFacade = require('./responsive-format-facade-77d357fb.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.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;
@@ -769,9 +769,16 @@ class PositionCalculationController extends globalSlimmerRegistry.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');
@@ -873,7 +880,7 @@ class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a, _b;
+    var _a;
     this.resizeObserverSlimmer = dynamicSlimmer.createDynamicSlimmer(ElementAppender, pageResizeObserverSlimmer.PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -903,8 +910,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
@@ -983,14 +990,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
    *
@@ -1315,7 +1352,8 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         this.showConfig &&
         !ui.isParent(currentTarget, this.showConfig.appendableElement) &&
         !ui.isParent(currentTarget, this.showConfig.target) &&
-        ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal')) {
+        (this.showConfig.isScreenPosition ||
+          ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal'))) {
         this.hide();
       }
     };

package/dist/cjs/{event-emit-slimmer-7afe8d78.js → event-emit-slimmer-f7255138.js}

@@ -3,8 +3,8 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-45d451de.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-0e1ba774.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{form-field-controller-slimmer-f865d397.js → form-field-controller-slimmer-57525f26.js}

@@ -8,15 +8,15 @@ const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const ui = require('./ui-9e181079.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.js');
 const translation = require('./translation-5f9f9c0c.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-73aecfff.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-2f6f4d28.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/{function-extension-28a4d781.js → function-extension-d4fc3b7a.js}

@@ -6,14 +6,16 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-45d451de.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-0e1ba774.js');
 const number = require('./number-4816603d.js');
-const dtoRendererManager = require('./dto-renderer-manager-c917dade.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
+const dtoRendererManager = require('./dto-renderer-manager-f3820a6b.js');
+const codeBlock = require('./code-block-a7c8825f.js');
+const typeGuard = require('./type-guard-69d2cf01.js');
+require('./translation-5f9f9c0c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
-const typeGuard = require('./type-guard-f12b5bae.js');
+const object = require('./object-e2e28e3d.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -1878,7 +1880,7 @@ class RTETokenNode extends codeBlock.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>`;
   }
 }
 
@@ -1900,22 +1902,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.
@@ -1945,6 +1939,20 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
       this.extensionContext.host.value.apply(new dtoRendererManager.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;
+  }
 }
 
 /**
@@ -1971,7 +1979,10 @@ class InsertTokenNodeStrategy extends codeBlock.ActionHandleStrategy {
   handleAction(action, block) {
     const { rteRange, token } = action;
     if (rteRange && rteRange.startNode) {
-      const tokenNode = new RTETokenNode(createPublicApiRuntimeMetricsSlimmer.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(createPublicApiRuntimeMetricsSlimmer.generateUUID(), key, label, block);
+      tokenNode.annotationMap.set('CUSTOM_ATTRIBUTE', new codeBlock.CustomAttributeAnnotation(customAttrs));
       block.apply(new InsertNodeToNearestRootAction(rteRange, tokenNode));
       action.actionHandleResult = true;
     }
@@ -2015,13 +2026,13 @@ class SpanToTokenNodeStrategy extends dtoRendererManager.ElementToDTOStrategy {
     const annotations = dtoRendererManager.htmlElementToAnnotationGenerator.generate(codeBlock.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: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
       type: 'token',
       token: tokenKey,
       text,
-      annotations: Object.assign({}, restAnnotations),
+      annotations: Object.assign(Object.assign({}, restAnnotations), { customAttribute: this.createCustomAttrs(customAttribute) }),
     };
   }
   /**
@@ -2035,6 +2046,16 @@ class SpanToTokenNodeStrategy extends dtoRendererManager.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 object.cleanObject(result);
+  }
 }
 
 const spanToTokenNodeStrategy = new SpanToTokenNodeStrategy();

package/dist/cjs/{image-annotation-action-8843adbf.js → image-annotation-action-64414e40.js}

@@ -3,10 +3,10 @@
 const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-bb4cbafa.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
+const codeBlock = require('./code-block-a7c8825f.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
-const dtoRendererManager = require('./dto-renderer-manager-c917dade.js');
+const dtoRendererManager = require('./dto-renderer-manager-f3820a6b.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/cjs/{index-4b896e76.js → index-c7fbf32b.js}

@@ -3,8 +3,8 @@
 const waitForVegaHandler = require('./wait-for-vega-handler-5469ff80.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a5ef414b.js');
 
 /* istanbul ignore next */
 /**