@heartlandone/vega 2.82.0 → 2.84.0

package/dist/cjs/{accessibility-bfa227f6.js → accessibility-a5ef2038.js}

@@ -3,13 +3,14 @@
 /**
  * It returns a function that takes a KeyboardEvent and dispatches a click event on the currentTarget if the key is Enter.
  *
+ * @param {ClickEventOptions} options - An optional object that can contain a "composed" property to specify whether the dispatched event should be composed.
  * @returns {(e: KeyboardEvent) => void } A function that takes a KeyboardEvent and dispatches a click event on the currentTarget.
  */
-function createEnterKeyHandlerToTriggerClick() {
+function createEnterKeyHandlerToTriggerClick(options) {
   return function (e) {
     var _a;
     if (e.key === 'Enter') {
-      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, options)));
     }
   };
 }

package/dist/cjs/{app-globals-3350d580.js → app-globals-ea063074.js}

@@ -1,22 +1,22 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const tokenExtension = require('./token-extension-9b213b6b.js');
-const splitCellOperation = require('./split-cell-operation-bb388de6.js');
+const tokenExtension = require('./token-extension-39f2b886.js');
+const splitCellOperation = require('./split-cell-operation-532fb9f0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
 const typography = require('./typography-4560e7f1.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-99d1bb34.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-2d7d20ce.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const index = require('./index-58ea899e.js');
-const contentState = require('./content-state-648652b4.js');
+const contentState = require('./content-state-89fafb3b.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-b1f8aded.js');
+const codeBlock = require('./code-block-6da521e6.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -398,7 +398,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-bce88d4e.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-fc52d624.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{child-nodes-event-prevent-slimmer-9b7095a4.js → child-nodes-event-prevent-slimmer-58bbc5fc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6b74b3af.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 

package/dist/cjs/{code-block-b1f8aded.js → code-block-6da521e6.js}

@@ -5,7 +5,7 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const string = require('./string-39438062.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 const typography = require('./typography-4560e7f1.js');
 const misc = require('./misc-3d30df91.js');
 const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
@@ -3670,6 +3670,26 @@ class AppendChildrenAction extends ModifyContentAction {
   }
 }
 
+const TEXT_STYLE_BASE = {
+  fontFamily: 'Inter',
+  fontSize: '16px',
+  lineHeight: '22px',
+  minHeight: '22px',
+  fontWeight: '500',
+};
+const PARAGRAPH_TEXT_STYLE = Object.assign(Object.assign({}, TEXT_STYLE_BASE), { marginTop: '0px', marginBottom: '0px' });
+const TEXT_STYLE_DEFAULTS = {
+  'paragraph': PARAGRAPH_TEXT_STYLE,
+  'title': Object.assign(Object.assign({}, TEXT_STYLE_BASE), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' }),
+  'subtitle': Object.assign(Object.assign({}, TEXT_STYLE_BASE), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' }),
+  'heading-1': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '22px', lineHeight: '24px', minHeight: '24px' }),
+  'heading-2': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '20px', lineHeight: '24px', minHeight: '24px' }),
+  'heading-3': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '18px' }),
+  'heading-4': Object.assign({}, PARAGRAPH_TEXT_STYLE),
+  'heading-5': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '14px' }),
+  'heading-6': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '12px' }),
+};
+
 /**
  * Text style annotation
  */
@@ -3695,45 +3715,9 @@ class TextStyleAnnotation extends BlockAnnotation {
    * @returns {Nullable<AnnotationStyle>} The default styles for the given text style type.
    */
   static getDefaultStyles(textStyle) {
-    const textStyleBase = {
-      fontFamily: 'Inter',
-      fontSize: '16px',
-      lineHeight: '22px',
-      minHeight: '22px',
-      fontWeight: '500',
-    };
-    const paragraphStyle = Object.assign(Object.assign({}, textStyleBase), { marginTop: '0px', marginBottom: '0px' });
-    switch (textStyle) {
-      case 'paragraph': {
-        return paragraphStyle;
-      }
-      case 'title': {
-        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' });
-      }
-      case 'subtitle': {
-        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' });
-      }
-      case 'heading-1': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '22px', lineHeight: '24px', minHeight: '24px' });
-      }
-      case 'heading-2': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '20px', lineHeight: '24px', minHeight: '24px' });
-      }
-      case 'heading-3': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '18px' });
-      }
-      case 'heading-4': {
-        return Object.assign({}, paragraphStyle);
-      }
-      case 'heading-5': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '14px' });
-      }
-      case 'heading-6': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '12px' });
-      }
-      default:
-        return null;
-    }
+    if (!textStyle)
+      return null;
+    return TEXT_STYLE_DEFAULTS[textStyle];
   }
   /**
    * Generate the JSON representation of the annotation

package/dist/cjs/{component-value-history-controller-slimmer.abstract-99fbd1f2.js → component-value-history-controller-slimmer.abstract-f3f35f94.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-b1f8aded.js');
+const codeBlock = require('./code-block-6da521e6.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-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const observer = require('./observer-f49483e8.js');
-const range = require('./range-5bd6d72b.js');
+const range = require('./range-93cc8ab1.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const ui = require('./ui-ae4ee13d.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a10b7d6f.js');
 
 let processing = false;
 /**

package/dist/cjs/{content-state-648652b4.js → content-state-89fafb3b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const codeBlock = require('./code-block-b1f8aded.js');
+const codeBlock = require('./code-block-6da521e6.js');
 const misc = require('./misc-3d30df91.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');

package/dist/cjs/{date-required-rule-6addf5dd.js → date-required-rule-0dd83683.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**

package/dist/cjs/{design-token-93070bb8.js → design-token-4b3509dd.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
 const typography = require('./typography-4560e7f1.js');
-const stateBorderFormatter = require('./state-border-formatter-4e5e4ed0.js');
+const stateBorderFormatter = require('./state-border-formatter-d1c80c1d.js');
 const ui = require('./ui-32120990.js');
 
 /**

package/dist/cjs/{dto-renderer-manager-ae5fcbba.js → dto-renderer-manager-7eb5c5ce.js}

@@ -9,6 +9,14 @@ class RTEDTORendererManager {
     this.RTE_DTO_RENDERER_MAP = new Map();
     // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
+    /**
+     * Per-host toolbar button renderer map.
+     * Stores a host-specific renderer map so that extensions that register during
+     * {@link VegaRTEExtension#prepareBeforeLoad} can provide isolated renderer instances
+     * for each {@link HTMLVegaRichTextEditorElement}.  At render time this map is checked
+     * first; the global singleton map is used as a fallback.
+     */
+    this.hostToolbarButtonRendererMap = new WeakMap();
   }
   /**
    * Registers a new RTE DTO renderer.
@@ -34,6 +42,24 @@ class RTEDTORendererManager {
   registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
   }
+  /**
+   * Registers a host-specific toolbar button renderer.
+   * The per-host renderer takes precedence over the global singleton when the host
+   * element is passed to {@link getRTEToolbarButtonRenderer}.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
+   * @param {HTMLVegaRichTextEditorElement} host - The rich text editor host element.
+   * @param {string} type - The type identifier for the toolbar button renderer.
+   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer instance to register for this host.
+   */
+  registerRTEToolbarButtonRendererForHost(host, type, renderer) {
+    let hostMap = this.hostToolbarButtonRendererMap.get(host);
+    if (!hostMap) {
+      hostMap = new Map();
+      this.hostToolbarButtonRendererMap.set(host, hostMap);
+    }
+    hostMap.set(type, renderer);
+  }
   /**
    * Retrieves the RTE renderer for a given type.
    *
@@ -45,12 +71,26 @@ class RTEDTORendererManager {
   }
   /**
    * Retrieves the RTE Toolbar Button Renderer for a given type.
+   * When a host element is provided the per-host map registered via
+   * {@link registerRTEToolbarButtonRendererForHost} is checked first; the global
+   * singleton map is used as a fallback so that extensions that do not override
+   * {@link VegaRTEExtension#prepareBeforeLoad} continue to work unchanged.
    *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
    * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host lookup.
    * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
    */
-  getRTEToolbarButtonRenderer(type) {
-    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  getRTEToolbarButtonRenderer(type, host) {
+    var _a, _b;
+    if (host) {
+      const hostRenderer = (_a = this.hostToolbarButtonRendererMap
+        .get(host)) === null || _a === void 0 ? void 0 : _a.get(type);
+      if (hostRenderer) {
+        return hostRenderer;
+      }
+    }
+    return (_b = this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type)) !== null && _b !== void 0 ? _b : null;
   }
 }
 const RTEDTORendererManager$1 = new RTEDTORendererManager();

package/dist/cjs/{element-appender-slimmer-dedd3a34.js → element-appender-slimmer-2b4e0a62.js}

@@ -6,8 +6,8 @@ const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03dd
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const ui$1 = require('./ui-32120990.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
+const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -16,7 +16,7 @@ const observer = require('./observer-f49483e8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -48,7 +48,7 @@ class DefaultWrapper {
     return container;
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], DefaultWrapper.prototype, "showConfig", void 0);
 
@@ -66,7 +66,7 @@ class BodyPositionedWrapper {
   }
 }
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -103,11 +103,11 @@ class PositionRelativeToWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], PositionRelativeToWrapper.prototype, "showConfig", void 0);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -166,11 +166,11 @@ class VegaModalWrapper extends BodyPositionedWrapper {
     return modalContentScrollable ? modalContentScrollable : modalDialog;
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaModalWrapper.prototype, "showConfig", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -201,10 +201,81 @@ class VegaPopoverWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaPopoverWrapper.prototype, "showConfig", void 0);
 
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Appends the popover content box inside the nearest third-party dialog/modal (e.g. Bootstrap,
+ * MUI) so that their focus trap does not block focus on vega-popover content.
+ *
+ * Detection strategy:
+ * 1. Walk up from the target to find `dialog` or `[aria-modal="true"]`.
+ * 2. Skip Vega-owned elements (tag starts with `VEGA-`).
+ * 3. Locate the focus-trap root via `closest('[tabindex="-1"]')`.
+ */
+class ThirdPartyDialogWrapper extends BodyPositionedWrapper {
+  /**
+   * Returns true when the target lives inside a third-party dialog.
+   *
+   * NOTE: Does NOT call super.canRetrieve() — must activate even when isScreenPosition=true
+   * (e.g. image editor popover) so the content box stays inside the focus-trap root.
+   *
+   * @returns {boolean} Whether the target is inside a third-party dialog.
+   */
+  canRetrieve() {
+    this.focusTrapRoot = this.findFocusTrapRoot(this.showConfig.target);
+    return !!this.focusTrapRoot;
+  }
+  /**
+   * Appends the popover content box inside the focus-trap root.
+   *
+   * @returns {HTMLElement} The focus-trap root element.
+   */
+  retrieve() {
+    const root = this.focusTrapRoot;
+    this.focusTrapRoot = null;
+    if (this.showConfig.appendableElement.parentElement !== root) {
+      root.append(this.showConfig.appendableElement);
+    }
+    return root;
+  }
+  /**
+   * Finds the focus-trap root of the nearest third-party dialog ancestor.
+   * Returns null if not inside a third-party dialog or if the dialog is Vega-owned.
+   *
+   * @param {Nullable<HTMLElement>} el - The element to start searching from.
+   * @returns {Nullable<HTMLElement>} The focus-trap root, or null.
+   */
+  findFocusTrapRoot(el) {
+    var _a;
+    const dialog = ui.findParent(el, 'dialog, [aria-modal="true"]');
+    if (!dialog || this.isVegaOwned(dialog))
+      return null;
+    // closest() also matches the element itself — needed when [aria-modal] and [tabindex="-1"]
+    // are on the same node (e.g. Bootstrap 5 outer .modal div).
+    return (_a = dialog.closest('[tabindex="-1"]')) !== null && _a !== void 0 ? _a : dialog;
+  }
+  /**
+   * Returns true when the element is a Vega custom element (tag starts with `VEGA-`).
+   *
+   * @param {HTMLElement} el - The element to check.
+   * @returns {boolean} True if the element is Vega-owned.
+   */
+  isVegaOwned(el) {
+    return el.tagName.startsWith('VEGA-');
+  }
+}
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], ThirdPartyDialogWrapper.prototype, "showConfig", void 0);
+
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -223,6 +294,7 @@ class ElementAppenderContainerController extends globalSlimmerRegistry.VegaSlimm
     this.positionRelativeToWrapper = new PositionRelativeToWrapper();
     this.vegaPopoverWrapper = new VegaPopoverWrapper();
     this.vegaModalWrapper = new VegaModalWrapper();
+    this.thirdPartyDialogWrapper = new ThirdPartyDialogWrapper();
     this.defaultWrapper = new DefaultWrapper();
   }
   /**
@@ -245,6 +317,7 @@ class ElementAppenderContainerController extends globalSlimmerRegistry.VegaSlimm
       this.positionRelativeToWrapper,
       this.vegaPopoverWrapper,
       this.vegaModalWrapper,
+      this.thirdPartyDialogWrapper,
       this.defaultWrapper,
     ];
   }
@@ -264,6 +337,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
+__decorate$6([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], ElementAppenderContainerController.prototype, "thirdPartyDialogWrapper", void 0);
 __decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);

package/dist/cjs/{event-emit-slimmer-bcb458b2.js → event-emit-slimmer-ecca412d.js}

@@ -4,7 +4,7 @@ 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-9110cb94.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6b74b3af.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-0f3a028e.js → form-field-controller-slimmer-a07e3de0.js}

@@ -10,7 +10,7 @@ const misc = require('./misc-3d30df91.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
 const index = require('./index-592b4052.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');

package/dist/cjs/{image-annotation-action-0339e983.js → image-annotation-action-a6e1e9ed.js}

@@ -3,11 +3,11 @@
 const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-b1f8aded.js');
+const codeBlock = require('./code-block-6da521e6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
-const contentState = require('./content-state-648652b4.js');
+const contentState = require('./content-state-89fafb3b.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-58ea899e.js

@@ -1675,6 +1675,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-color-swatch.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-color-swatch-picker.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-color-swatch-picker.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-checkbox_2.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -4,38 +4,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-93070bb8.js');
+const designToken = require('./design-token-4b3509dd.js');
 const string = require('./string-39438062.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32120990.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const tokenExtension = require('./token-extension-9b213b6b.js');
+const tokenExtension = require('./token-extension-39f2b886.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const splitCellOperation = require('./split-cell-operation-bb388de6.js');
+const splitCellOperation = require('./split-cell-operation-532fb9f0.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6b74b3af.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-99d1bb34.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-2d7d20ce.js');
 require('./ui-ae4ee13d.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-b1f8aded.js');
-const contentState = require('./content-state-648652b4.js');
-const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const codeBlock = require('./code-block-6da521e6.js');
+const contentState = require('./content-state-89fafb3b.js');
+const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
-const dateRequiredRule = require('./date-required-rule-6addf5dd.js');
+const dateRequiredRule = require('./date-required-rule-0dd83683.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-e8a922be.js');
-const timeRequiredRule = require('./time-required-rule-970dfdca.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-fd3711fb.js');
+const timeRequiredRule = require('./time-required-rule-ecb45905.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
-const range = require('./range-5bd6d72b.js');
-require('./state-border-formatter-4e5e4ed0.js');
+const range = require('./range-93cc8ab1.js');
+require('./state-border-formatter-d1c80c1d.js');
 require('./misc-3d30df91.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -43,7 +43,7 @@ require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./try-get-document-c0ebd39a.js');
-require('./dto-renderer-manager-ae5fcbba.js');
+require('./dto-renderer-manager-7eb5c5ce.js');
 require('./base-renderer-0a3b62b7.js');
 require('./internal-icon-manager-c989189a.js');
 require('./dom-node-subject-observer-factory-9110cb94.js');

package/dist/cjs/{inject-keyboard-manager-2d9c4f92.js → inject-keyboard-manager-ff8735b8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const keyboardManager = require('./keyboard-manager-5ed6c472.js');
+const keyboardManager = require('./keyboard-manager-cc446230.js');
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/cjs/{internal-translation-controller-fb1532f4.js → internal-translation-controller-8360a89c.js}

@@ -172,6 +172,8 @@ const staticTranslations = {
   'Clear color': 'Clear color',
   'Color swatch': 'Color swatch',
   'Color {0}': 'Color {0}',
+  'Apply': 'Apply',
+  'Enter color': 'Enter color',
 };
 
 /**

package/dist/cjs/{internal-vega-event-manager-fef893bf.js → internal-vega-event-manager-6b74b3af.js}

@@ -5,7 +5,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const entries = [
   ['vega-accordion', [vegaEventId.VegaExpand]],
-  ['vega-app-header-button', [vegaEventId.VegaClick, vegaEventId.VegaDropdownClick, vegaEventId.VegaReset]],
+  ['vega-app-header-button', [vegaEventId.VegaClick, vegaEventId.VegaDropdownClick, vegaEventId.VegaReset, vegaEventId.VegaDropdownSearch]],
   ['vega-banner', [vegaEventId.VegaClose, vegaEventId.VegaActionButtonClick]],
   ['vega-breadcrumb', [vegaEventId.VegaClick]],
   ['vega-button', [vegaEventId.VegaClick]],
@@ -20,6 +20,7 @@ const entries = [
   ['vega-code-block', [vegaEventId.VegaChange, vegaEventId.VegaRemove]],
   ['vega-color-picker', [vegaEventId.VegaChange]],
   ['vega-color-swatch', [vegaEventId.VegaClick]],
+  ['vega-color-swatch-picker', [vegaEventId.VegaChange]],
   ['vega-combo-box', [vegaEventId.VegaChange, vegaEventId.VegaCreate, vegaEventId.VegaSearch]],
   ['vega-date-picker', [vegaEventId.VegaChange, vegaEventId.VegaMonthYearChange]],
   ['vega-date-picker-calendar', [vegaEventId.VegaClear, vegaEventId.VegaMonthYearChange, vegaEventId.VegaSelectionChange]],

package/dist/cjs/{keyboard-manager-5ed6c472.js → keyboard-manager-cc446230.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const ui = require('./ui-ae4ee13d.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements

package/dist/cjs/{keyboard-manager-slimmer-879ff4f3.js → keyboard-manager-slimmer-a10b7d6f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const keyboardManager = require('./keyboard-manager-5ed6c472.js');
+const keyboardManager = require('./keyboard-manager-cc446230.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;