@heartlandone/vega 2.82.0 → 2.84.0

package/dist/cjs/{token-extension-9b213b6b.js → token-extension-39f2b886.js}

@@ -7,18 +7,18 @@ const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtim
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
-const contentState = require('./content-state-648652b4.js');
-const codeBlock = require('./code-block-b1f8aded.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
-const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6b74b3af.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
+const contentState = require('./content-state-89fafb3b.js');
+const codeBlock = require('./code-block-6da521e6.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
+const dtoRendererManager = require('./dto-renderer-manager-7eb5c5ce.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const splitCellOperation = require('./split-cell-operation-bb388de6.js');
+const splitCellOperation = require('./split-cell-operation-532fb9f0.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
@@ -1232,12 +1232,26 @@ class VegaRTEExtension {
   static registerFilterStylesStrategy(blockOrNodeClassName, strategy) {
     codeBlock.RTEFilterStylesStrategyRegistry.register(blockOrNodeClassName, strategy);
   }
+  /**
+   * Lifecycle hook called by the rich text editor before the first render
+   * (during `componentWillLoad`).  Override this method to perform per-host
+   * pre-render setup — for example, registering a host-specific toolbar button
+   * renderer via {@link registerToolbarButtonRenderer} so that each editor on
+   * the page gets its own isolated renderer instance.
+   *
+   * The default implementation is a no-op; subclasses may override selectively.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element that is about to load.
+   */
+  prepareBeforeLoad(host) {
+  }
   /**
    * Initializes the RTE extension with the provided context.
    *
    * @param {RTEExtensionContext} context - The context of the RTE extension.
    */
-  initialExtension(context) {
+  initialExtensionAfterLoad(context) {
     this.extensionContext = context;
     RTEExtensionContextManager$1.setExtensionContext(context);
   }
@@ -1285,12 +1299,22 @@ class VegaRTEExtension {
   }
   /**
    * Register a toolbar button renderer for the extension.
+   * When a `host` element is provided the renderer is registered in the per-host map
+   * (via {@link RTEDTORendererManager#registerRTEToolbarButtonRendererForHost}), giving
+   * that host an isolated renderer instance that takes precedence over the global singleton.
+   * Omit `host` to fall back to the global registration (backwards-compatible default).
    *
    * @param {string} type - The type of the toolbar button.
    * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer to register.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host isolation.
    */
-  registerToolbarButtonRenderer(type, renderer) {
-    dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
+  registerToolbarButtonRenderer(type, renderer, host) {
+    if (host) {
+      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRendererForHost(host, type, renderer);
+    }
+    else {
+      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
+    }
   }
   /**
    * This is a helper method that utilizes RTEUtils to register common strategies.
@@ -1777,30 +1801,41 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
 
 /**
  * Toolbar button renderer for language selection in Vega Rich Text Editor.
+ *
+ * Each {@link HTMLVegaRichTextEditorElement} that uses a language extension receives its
+ * **own** instance of this renderer, registered in the per-host map inside
+ * {@link RTEDTORendererManager} via {@link VegaRTEExtension#prepareBeforeLoad}.  Because
+ * every editor has a dedicated renderer, all state (label DOM ref, selected language, and
+ * the language-change callback) is held in plain instance fields — no WeakMaps or shared
+ * singletons are required.
  */
 class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  constructor(languageList, languageChangeCallback, selectedLanguage) {
+  constructor(languageList, languageChangeCallback, selectedLanguage = '') {
     super();
     this.languageList = [];
-    this.selectedLanguage = 'Select Language';
+    this.languageChangeCallback = null;
+    this.selectedLanguage = '';
     this.labelRef = null;
     /**
      * Handles the language selection event.
+     * Because each editor has its own renderer instance, the language-change callback
+     * is stored directly on this instance — no indirect context lookup is needed.
      *
      * @param {string} itemKey - The key of the selected language item.
      */
     this.handleDropdownClick = (itemKey) => {
       this.setSelectedLanguage(itemKey);
       if (typeof this.languageChangeCallback === 'function') {
-        this.languageChangeCallback(this.selectedLanguage);
+        this.languageChangeCallback(itemKey);
       }
     };
     this.languageList = languageList;
-    this.selectedLanguage = selectedLanguage;
     this.languageChangeCallback = languageChangeCallback;
+    this.selectedLanguage = selectedLanguage;
   }
   /**
-   * Public method to set the selected language.
+   * Updates the selected language and refreshes the button label text in-place,
+   * without requiring a full re-render of the toolbar.
    *
    * @param {string} language The language key to set as selected.
    */
@@ -1830,7 +1865,8 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     ]);
   }
   /**
-   * Override to render the button label with custom behavior.
+   * Override to capture the rendered label element ref so that
+   * {@link setSelectedLanguage} can update the button text without a full re-render.
    *
    * @inheritDoc
    */
@@ -1840,7 +1876,9 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
       variant: 'font-field-label-sm',
       color: isDisabled ? 'text-disabled' : 'text-primary',
       // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => (this.labelRef = el),
+      ref: (el) => {
+        this.labelRef = el;
+      },
     }, label);
   }
   /* istanbul ignore next */
@@ -1858,8 +1896,9 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
    * @returns {string} The label of the language, or the key if not found.
    */
   getLanguageLabelByKey(key) {
+    var _a;
     const language = this.getListItemByKey(this.languageList, key);
-    return language.label;
+    return (_a = language === null || language === void 0 ? void 0 : language.label) !== null && _a !== void 0 ? _a : 'Select Language';
   }
 }
 
@@ -1870,6 +1909,7 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
 class VegaRTELanguageExtension extends VegaRTEExtension {
   constructor(languageList, languagesState) {
     super();
+    this.languageToolbarButtonRenderer = null;
     this.languageState = {
       selectedLanguage: '',
       contentMap: {},
@@ -1887,24 +1927,39 @@ class VegaRTELanguageExtension extends VegaRTEExtension {
       this.languageState.selectedLanguage = selectedLanguage;
       this.applyLanguageContent(selectedLanguage, this.languageState.contentMap);
     };
+    this.languageList = languageList;
     if (languagesState) {
       this.languageState = Object.assign(Object.assign({}, this.languageState), languagesState);
     }
     if (!this.languageState.selectedLanguage && languageList.length > 0) {
       this.languageState.selectedLanguage = languageList[0].key;
     }
-    this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
-    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer);
+  }
+  /**
+   * Called by the rich text editor during `componentWillLoad` (before the first render).
+   * Creates a fresh {@link RTELanguageToolbarButtonRenderer} instance dedicated to this
+   * host element and registers it in the per-host map inside {@link RTEDTORendererManager}.
+   * This ensures that each editor on the page has its own isolated renderer — no shared
+   * singleton state, no WeakMap indirection.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element.
+   */
+  prepareBeforeLoad(host) {
+    this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(this.languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
+    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer, host);
   }
   /**
    * Initializes the language extension.
-   * Applies the content for the selected language upon initialization.
    *
    * @param {RTEExtensionContext} context The extension context.
    */
-  initialExtension(context) {
-    super.initialExtension(context);
+  initialExtensionAfterLoad(context) {
+    super.initialExtensionAfterLoad(context);
     const { selectedLanguage, contentMap } = this.languageState;
+    if (this.languageToolbarButtonRenderer) {
+      this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    }
     if (contentMap && contentMap[selectedLanguage]) {
       this.applyLanguageContent(this.languageState.selectedLanguage, this.languageState.contentMap);
     }
@@ -1916,7 +1971,9 @@ class VegaRTELanguageExtension extends VegaRTEExtension {
    */
   setState(state) {
     const { selectedLanguage, contentMap } = state;
-    this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    if (this.languageToolbarButtonRenderer) {
+      this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    }
     this.languageState.selectedLanguage = selectedLanguage;
     this.languageState.contentMap = Object.assign({}, contentMap);
     this.applyLanguageContent(selectedLanguage, contentMap);
@@ -7415,10 +7472,10 @@ class VegaRTETableExtension extends VegaRTEExtension {
    *
    * @param {RTEExtensionContext} context - extension context
    */
-  initialExtension(context) {
+  initialExtensionAfterLoad(context) {
     this.tableSelection.init(context);
     const tableExtensionContext = Object.assign(Object.assign({}, context), { tableSelection: this.tableSelection });
-    super.initialExtension(tableExtensionContext);
+    super.initialExtensionAfterLoad(tableExtensionContext);
   }
   /**
    * @inheritDoc

package/dist/cjs/{translation-slimmer-d0c77ad2.js → translation-slimmer-3cd7d3b2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/{type-guard-3ec852d7.js → type-guard-2e97fc56.js}

@@ -3,7 +3,7 @@
 const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32120990.js');
 const typography = require('./typography-4560e7f1.js');
-const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const internalTranslationController = require('./internal-translation-controller-8360a89c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
@@ -2003,6 +2003,18 @@ const isResponsiveSizeType = (input) => {
         Object.keys(input).every(isBreakpointsTokenType) &&
         Object.values(input).every(isSizeType))));
 };
+/**
+ * Validates if the input is of type VegaModalSectionPadding, which is an object with keys 'header', 'content', and 'footer', where each value is either a BreakpointsTokenType object or a DirectionalSpacingType or SpacingTokenType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link VegaModalSectionPadding}
+ */
+const isVegaModalSectionPaddingType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    Object.keys(input).length > 0 &&
+    Object.keys(input).every((key) => ['header', 'content', 'footer'].includes(key)));
+};
 
 exports.AmexRegex = AmexRegex;
 exports.BackgroundColorMap = BackgroundColorMap;
@@ -2079,5 +2091,6 @@ exports.isTextColorTokenType = isTextColorTokenType;
 exports.isTimeStr = isTimeStr;
 exports.isTranslocationType = isTranslocationType;
 exports.isTypographyTokenType = isTypographyTokenType;
+exports.isVegaModalSectionPaddingType = isVegaModalSectionPaddingType;
 exports.isVegaTableColumnGroupingModelType = isVegaTableColumnGroupingModelType;
 exports.pad = pad;

package/dist/cjs/{valid-credit-card-number-rule-99d1bb34.js → valid-credit-card-number-rule-2d7d20ce.js}

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

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-93070bb8.js');
+const designToken = require('./design-token-4b3509dd.js');
 const ui = require('./ui-ae4ee13d.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
@@ -17,10 +17,10 @@ const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const typeGuard = require('./type-guard-3ec852d7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const typeGuard = require('./type-guard-2e97fc56.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-2cab7344.js');
+require('./responsive-format-facade-5f6cd211.js');
 require('./ui-32120990.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
@@ -29,13 +29,13 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./typography-4560e7f1.js');
-require('./state-border-formatter-4e5e4ed0.js');
+require('./state-border-formatter-d1c80c1d.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-fb1532f4.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-translation-controller-8360a89c.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,35 +5,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-ae4ee13d.js');
-const designToken = require('./design-token-93070bb8.js');
-const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const designToken = require('./design-token-4b3509dd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-3ec852d7.js');
+require('./type-guard-2e97fc56.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-fb1532f4.js');
+require('./internal-translation-controller-8360a89c.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
-require('./state-border-formatter-4e5e4ed0.js');
+require('./state-border-formatter-d1c80c1d.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./icon-manager-c12c6ea9.js');
@@ -93,6 +93,15 @@ class VegaAppHeaderButtonDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     this.triggerResetEvent = (input) => {
       this.resetEventEmitter.emit(input.detail);
     };
+    /**
+     * emit dropdown search event when component receives a search input from the dropdown,
+     * but only if `useDefaultFilter` is set to `false`.
+     *
+     * @param {NotifyObserverPayload<string>} input the search detail
+     */
+    this.triggerSearchEvent = (input) => {
+      this.searchEventEmitter.emit(input.detail);
+    };
     /**
      * Shows the dropdown component.
      */
@@ -149,6 +158,7 @@ class VegaAppHeaderButtonDropdownRenderer extends globalSlimmerRegistry.VegaSlim
         });
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownClick, this.triggerDropdownClickEvent);
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaReset, this.triggerResetEvent);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownSearch, this.triggerSearchEvent);
       } }),
       children,
       this.renderItemsSlot()));
@@ -190,6 +200,9 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "resetEventEmitter", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaAppHeaderButtonDropdownRenderer.prototype, "searchEventEmitter", void 0);
 __decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaAppHeaderButtonDropdownRenderer.prototype, "connectedCallback", null);
@@ -218,13 +231,15 @@ const VegaAppHeaderButton = class {
     this.dropdownClick = index.createEvent(this, "dropdownClick", 7);
     this.vegaReset = index.createEvent(this, "vegaReset", 7);
     this.reset = index.createEvent(this, "reset", 7);
+    this.vegaSearch = index.createEvent(this, "vegaSearch", 7);
+    this.dropdownSearch = index.createEvent(this, "dropdownSearch", 7);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-app-header-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick, vegaEventId.VegaDropdownClick, vegaEventId.VegaReset], () => this.dropdownRenderer.getDropdownRef(), {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick, vegaEventId.VegaDropdownClick, vegaEventId.VegaReset, vegaEventId.VegaDropdownSearch], () => this.dropdownRenderer.getDropdownRef(), {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
@@ -232,6 +247,7 @@ const VegaAppHeaderButton = class {
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaClick);
     this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaDropdownClick);
     this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaReset);
+    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaDropdownSearch);
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.dropdownRenderer = new VegaAppHeaderButtonDropdownRenderer();
@@ -457,6 +473,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaAppHeaderButton.prototype, "resetEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaAppHeaderButton.prototype, "searchEventEmitter", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaAppHeaderButton.prototype, "vegaMenuArrowIconRenderer", void 0);

package/dist/cjs/vega-banner.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const accessibility = require('./accessibility-bfa227f6.js');
+const accessibility = require('./accessibility-a5ef2038.js');
 const ui = require('./ui-ae4ee13d.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -20,7 +20,7 @@ require('./misc-3d30df91.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./index-f054eb5d.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -69,15 +69,24 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the banner content element
    */
   renderBannerContent() {
+    const hasContentSlot = this.hasContentSlot();
     return (index.h("div", { class: {
         ['banner-content-container']: true,
-        ['linear']: !this.isMobileDevice && (!this.content || !this.bannerTitle),
+        ['linear']: !this.isMobileDevice && ((!this.content && !hasContentSlot) || !this.bannerTitle),
       } },
       this.renderBannerTitle(),
       index.h("div", { class: "banner-content" },
-        index.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
+        hasContentSlot ? (index.h("slot", { name: "content" })) : (index.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content)),
         this.isMobileDevice ? null : this.actionButtonRenderer.render())));
   }
+  /**
+   * Checks whether the host element contains a slotted element targeting the "content" slot.
+   *
+   * @returns {boolean} `true` if a child element with `slot="content"` exists, `false` otherwise.
+   */
+  hasContentSlot() {
+    return this.host.querySelector('[slot="content"]') !== null;
+  }
   /**
    * Get banner title element by property
    *
@@ -292,6 +301,8 @@ const VegaBanner = class {
     this.bannerTitle = '';
     /**
      * Specifies the content displayed within the banner.
+     * Also supports slot-based content: place a child element with `slot="content"` inside
+     * the banner to render rich HTML content. The slot takes precedence over this property.
      *
      * @vegaVersion 2.8.0
      */

package/dist/cjs/vega-box.cjs.entry.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-93070bb8.js');
+const designToken = require('./design-token-4b3509dd.js');
 const ui = require('./ui-ae4ee13d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
-const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-2226c869.js');
-require('./type-guard-3ec852d7.js');
+const styleFormatter = require('./style-formatter-c201e7d0.js');
+require('./type-guard-2e97fc56.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-fb1532f4.js');
+require('./internal-translation-controller-8360a89c.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
-require('./state-border-formatter-4e5e4ed0.js');
+require('./state-border-formatter-d1c80c1d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-breadcrumb.cjs.entry.js

@@ -9,12 +9,12 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const component = require('./component-1e352960.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -4,34 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-93070bb8.js');
+const designToken = require('./design-token-4b3509dd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
 const ui = require('./ui-ae4ee13d.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const index$1 = require('./index-592b4052.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-3ec852d7.js');
+require('./type-guard-2e97fc56.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-fb1532f4.js');
+require('./internal-translation-controller-8360a89c.js');
 require('./static-subject-title-5829a298.js');
-require('./responsive-format-facade-2cab7344.js');
+require('./responsive-format-facade-5f6cd211.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./state-border-formatter-4e5e4ed0.js');
+require('./state-border-formatter-d1c80c1d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./try-get-document-c0ebd39a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./observer-f49483e8.js');

package/dist/cjs/vega-button-group_2.cjs.entry.js

@@ -7,9 +7,9 @@ const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
@@ -19,7 +19,7 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-ae4ee13d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./try-get-document-c0ebd39a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');

package/dist/cjs/vega-button-link.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
 const index$1 = require('./index-592b4052.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -16,7 +16,7 @@ require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-9110cb94.js');
 require('./observer-f49483e8.js');
 require('./ui-ae4ee13d.js');
-require('./internal-vega-event-manager-fef893bf.js');
+require('./internal-vega-event-manager-6b74b3af.js');
 require('./try-get-document-c0ebd39a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');