@heartlandone/vega 2.101.0 → 2.103.0

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__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;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+/** Renders full tab labels and enables tooltips only when constrained labels overflow. */
+export class VegaTabGroupConstrainedTabLabelRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.tabLabelRefs = {};
+    this.tabTooltipRefs = {};
+  }
+  componentDidRender() {
+    this.refreshTooltipTriggers();
+  }
+  refreshTooltipTriggers() {
+    Object.keys(this.tabLabelRefs).forEach((dataTarget) => {
+      const labelRef = this.tabLabelRefs[dataTarget];
+      const tooltipRef = this.tabTooltipRefs[dataTarget];
+      if (labelRef && tooltipRef) {
+        tooltipRef.trigger = labelRef.scrollWidth > labelRef.clientWidth ? 'hover' : 'none';
+      }
+    });
+  }
+  /**
+   * Renders a label that truncates visually and exposes its complete value through a tooltip on overflow.
+   *
+   * @param {TabConfig} item - The tab configuration.
+   * @returns {HTMLElement} The constrained tab label.
+   */
+  render(item) {
+    return (h("vega-tooltip", { text: item.label, trigger: "none", placement: "bottom", "position-relative-to": this.positionRelativeTo, 
+      /* eslint-disable-next-line react/jsx-no-bind */
+      ref: (ref) => {
+        this.tabTooltipRefs[item.dataTarget] = ref;
+      } },
+      h("span", { class: "tab-label-ellipsis", 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        ref: (ref) => {
+          this.tabLabelRefs[item.dataTarget] = ref;
+        } }, item.label)));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTabGroupConstrainedTabLabelRenderer.prototype, "positionRelativeTo", void 0);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTabGroupConstrainedTabLabelRenderer.prototype, "componentDidRender", null);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer.js

@@ -8,6 +8,8 @@ import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
 import { createSafeIdFromString } from '../../../../../utils/ui';
+import { formatAndValidResponsiveToken } from '../../../../../utils/design-token';
+import { hasAnyPercentageTabWidth, hasPercentageConfiguredWidth, shouldUseConstrainedWidthLayout, } from '../../../helpers/vega-tab-group-width-layout-helper';
 export class VegaTabGroupTabListRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -22,18 +24,24 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     };
   }
   render() {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const hasMixedPercentageWidths = hasAnyPercentageTabWidth(this.tabItems) && !isConstrainedLayout;
     return (h("div", { class: {
         'tab-list': true,
         'menu': this.overflow === 'menu',
         'scroll': this.overflow === 'scroll',
+        'custom-tab-width': isConstrainedLayout,
+        'mixed-percentage-tab-width': hasMixedPercentageWidths,
       } },
-      this.overflow === 'menu' && this.renderTabListInMenuOverflow(),
+      this.overflow === 'menu' && this.renderTabListInMenuOverflow(hasMixedPercentageWidths),
       this.overflow === 'scroll' && this.renderTabListInScrollOverflow()));
   }
-  renderTabListInMenuOverflow() {
+  renderTabListInMenuOverflow(hasMixedPercentageWidths) {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const pageWrapperStyle = hasMixedPercentageWidths || isConstrainedLayout ? { paddingRight: '1px' } : undefined;
     return (h("vega-carousel", { showSlider: false, ref: (el) => (this.carouselDom = el) }, this.tabPages.length > 0 ? (this.tabPages.map((tabPage, index) => {
-      return h("div", { key: index }, this.renderTabList(tabPage));
-    })) : (h("div", null, this.renderTabList(this.tabItems)))));
+      return (h("div", { key: index, style: pageWrapperStyle }, this.renderTabList(tabPage)));
+    })) : (h("div", { style: pageWrapperStyle }, this.renderTabList(this.tabItems)))));
   }
   renderTabListInScrollOverflow() {
     return (h("div", { class: "overflow-scroll" }, this.tabPages.map((tabPage, index) => {
@@ -41,16 +49,29 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     })));
   }
   renderTabList(showTabItems) {
-    return (h("vega-flex", { gap: this.gap, role: "tablist" }, showTabItems.map((item) => {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const hasMixedPercentageWidths = hasAnyPercentageTabWidth(this.tabItems) && !isConstrainedLayout;
+    const shouldUseStableTabListWidth = isConstrainedLayout || hasAnyPercentageTabWidth(this.tabItems);
+    return (h("vega-flex", { gap: this.gap, role: "tablist", style: shouldUseStableTabListWidth ? { width: '100%' } : undefined }, showTabItems.map((item) => {
+      const shouldKeepAdaptiveTabShrinkable = hasMixedPercentageWidths && item.width == null;
+      const shouldPreventIntrinsicMinimumWidth = isConstrainedLayout || shouldKeepAdaptiveTabShrinkable || item.width != null;
+      const shouldAllowTabShrink = shouldKeepAdaptiveTabShrinkable ||
+        (isConstrainedLayout && hasPercentageConfiguredWidth(item, this.tabItemWidth));
       const tabLabelId = createSafeIdFromString(item.dataTarget, 'vega-tab-label');
       return (h("div", { class: {
           'vega-tab': true,
+          'custom-tab-label-width': isConstrainedLayout || item.width != null,
           'selected': this.selectedTabDataTarget === item.dataTarget,
           'last-page': this.currentPageIndex + 1 === this.tabPages.length,
-          'vega-flex-shrink-0': true,
-          'v-min-w-min': true,
+          'vega-flex-shrink-0': !shouldAllowTabShrink,
+          'v-min-w-min': !shouldPreventIntrinsicMinimumWidth,
           'disabled': Boolean(item.disabled),
-        }, "data-target": item.dataTarget, key: item.dataTarget },
+        }, style: Object.assign({ flexGrow: item.width != null ? '0' : undefined, width: this.resolveTabWidth(item) }, (shouldAllowTabShrink
+          ? {
+            minWidth: '0',
+            flexShrink: '1',
+          }
+          : {})), "data-target": item.dataTarget, key: item.dataTarget },
         h("div", { class: "vega-tab-container" },
           h("div", { class: {
               'label': true,
@@ -59,7 +80,7 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
             /* eslint-disable-next-line react/jsx-no-bind */
             onClick: (event) => this.handleTabItemClick(event, item.dataTarget), id: tabLabelId, "aria-label": this.getTabAriaLabel(item), "aria-selected": (this.selectedTabDataTarget === item.dataTarget).toString(), role: 'tab', tabIndex: item.disabled ? -1 : 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
-            this.renderTabLabelDom(item),
+            this.renderTabLabelDom(item, isConstrainedLayout || item.width != null),
             this.renderCounterBadgeDom(item)),
           this.closeButtonRenderer.render(item))));
     })));
@@ -68,7 +89,10 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     const prefixIcon = item.prefixIcon;
     return prefixIcon && h("vega-icon", { icon: prefixIcon });
   }
-  renderTabLabelDom(item) {
+  renderTabLabelDom(item, isConstrainedLayout) {
+    if (isConstrainedLayout) {
+      return this.constrainedTabLabelRenderer.render(item);
+    }
     const labelLength = item.label.length;
     return labelLength > this.TAB_LABEL_MAX_SIZE ? (h("vega-tooltip", { text: item.label, placement: "bottom", "position-relative-to": this.positionRelativeTo },
       h("span", null,
@@ -109,6 +133,18 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     }
     return '';
   }
+  resolveTabWidth(item) {
+    var _a, _b;
+    if (item.width != null) {
+      /* istanbul ignore next */
+      return (_a = formatAndValidResponsiveToken(item.width, 'widthAndHeight')) !== null && _a !== void 0 ? _a : undefined;
+    }
+    if (this.tabItemWidth != null) {
+      /* istanbul ignore next */
+      return (_b = formatAndValidResponsiveToken(this.tabItemWidth, 'widthAndHeight')) !== null && _b !== void 0 ? _b : undefined;
+    }
+    return undefined;
+  }
   handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
     this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
@@ -135,12 +171,18 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTabGroupTabListRenderer.prototype, "overflow", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTabGroupTabListRenderer.prototype, "tabItemWidth", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTabGroupTabListRenderer.prototype, "positionRelativeTo", void 0);
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupCloseButtonRenderer' })
 ], VegaTabGroupTabListRenderer.prototype, "closeButtonRenderer", void 0);
+__decorate([
+  MapToComponentField({ componentFieldName: 'vegaTabGroupConstrainedTabLabelRenderer' })
+], VegaTabGroupTabListRenderer.prototype, "constrainedTabLabelRenderer", void 0);
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupTabListRenderer.prototype, "selectedTargetController", void 0);

package/dist/collection/components/vega-tab-group/vega-tab-group-panel/vega-tab-group-panel.js

@@ -17,7 +17,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTabGroupPanel {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.clickEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**

package/dist/collection/components/vega-tab-group/vega-tab-group.css

@@ -35,6 +35,10 @@
   flex-grow: 1;
 }
 
+.tab-content-container.more-tab .tab-list.custom-tab-width .vega-tab {
+  flex-grow: 0;
+}
+
 .tab-content-container.more-tab .vega-tab.last-page {
   flex-grow: 0;
 }
@@ -44,10 +48,18 @@
   align-items: center;
 }
 
+.vega-tab.custom-tab-label-width > div.vega-tab-container {
+  min-width: 0px;
+}
+
 .vega-tab > div.vega-tab-container > div {
   flex-grow: 1;
 }
 
+.vega-tab.custom-tab-label-width > div.vega-tab-container > div {
+  min-width: 0px;
+}
+
 .tab-style-primary .vega-tab:hover {
   background-color: rgba(var(--v-bg-tab-hover, 245, 247, 247, 1));
 }
@@ -100,6 +112,30 @@
   }
 }
 
+.vega-tab.custom-tab-label-width > div > .label {
+  overflow: hidden;
+  min-width: 0px;
+  max-width: 100%;
+}
+
+.vega-tab.custom-tab-label-width > div > .label .tab-label-ellipsis {
+  display: block;
+  min-width: 0px;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vega-tab.custom-tab-label-width > div > .label vega-tooltip {
+  display: block;
+  flex-grow: 1;
+  min-width: 0px;
+  max-width: 100%;
+  overflow: hidden;
+}
+
 .vega-tab > div > .label vega-icon {
   padding-right: 8px;
 }
@@ -195,7 +231,21 @@
 }
 
 .tab-content-container.more-tab .tab-list {
-  width: 100%;
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
+}
+
+.tab-content-container .tab-list.custom-tab-width {
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
+}
+
+.tab-content-container .tab-list.mixed-percentage-tab-width {
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
 }
 
 div.tab-left-button,

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -16,6 +16,7 @@ import { VegaTabGroupSwitchPageButtonRenderer } from './slimmers/vega-tab-group/
 import { VegaTabGroupPanelController } from './slimmers/vega-tab-group/controllers/vega-tab-group-panel-controller';
 import { VegaTabGroupVoiceOverFocusController } from './slimmers/vega-tab-group/controllers/vega-tab-group-voice-over-focus-controller';
 import { VegaTabGroupTabListRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer';
+import { VegaTabGroupConstrainedTabLabelRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer';
 import { VegaTabGroupContentRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-content-renderer';
 import { VegaTabGroupSliderStateController } from './slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -31,11 +32,12 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
  */
 export class VegaTabGroup {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTabGroupRenderer = new VegaTabGroupRenderer();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaTabGroupDirectionButtonRenderer = new VegaTabGroupSwitchPageButtonRenderer();
     this.vegaTabGroupTabListRenderer = new VegaTabGroupTabListRenderer();
+    this.vegaTabGroupConstrainedTabLabelRenderer = new VegaTabGroupConstrainedTabLabelRenderer();
     this.vegaTabGroupCloseButtonRenderer = new VegaTabGroupCloseButtonRenderer();
     this.vegaTabGroupPagesController = new VegaTabGroupPagesController();
     this.vegaTabGroupSelectedTargetController = new VegaTabGroupSelectedTargetController();
@@ -142,6 +144,14 @@ export class VegaTabGroup {
   watchTabItemsChange() {
     methodPlaceholder();
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-tab-group-tab-item-width-customization}
+   */
+  /* istanbul ignore next */
+  watchTabItemWidthChange() {
+    methodPlaceholder();
+  }
   /**
    * Call the pager to return a two-dimensional array of page numbers.
    */
@@ -330,6 +340,35 @@ export class VegaTabGroup {
       "attribute": "overflow",
       "reflect": false,
       "defaultValue": "'menu'"
+    },
+    "tabItemWidth": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<WidthType>",
+        "resolved": "number | string | { S?: WidthType; M?: WidthType; L?: WidthType; XL?: WidthType; default?: WidthType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "WidthType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.102.0"
+          }],
+        "text": "Sets a custom width for tab items in the tab list.\n\n- Supports a number (px), a CSS width value (for example `'50%'`),\n     a spacing token, or a responsive map (for example `{ default: '100%', M: '50%' }`).\n- If not provided, tab items use natural (adaptive) width.\n- Individual tabs can override this value through `TabConfig.width`.\n- Constrained layout mode (`vega-flex` width set to `100%`)\n     is enabled only when this prop is set, or when all tab items define `TabConfig.width`.\n- The configured gap is preserved for both constrained and mixed per-item width usage."
+      },
+      "attribute": "tab-item-width",
+      "reflect": false
     }
   }; }
   static get states() { return {
@@ -396,6 +435,9 @@ export class VegaTabGroup {
     }, {
       "propName": "tabItems",
       "methodName": "watchTabItemsChange"
+    }, {
+      "propName": "tabItemWidth",
+      "methodName": "watchTabItemWidthChange"
     }]; }
 }
 __decorate([
@@ -413,6 +455,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupTabListRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTabGroup.prototype, "vegaTabGroupConstrainedTabLabelRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupCloseButtonRenderer", void 0);

package/dist/collection/components/vega-table/vega-table-body/vega-table-body.js

@@ -15,7 +15,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTableBody {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }

package/dist/collection/components/vega-table/vega-table-cell/vega-table-cell.js

@@ -23,7 +23,7 @@ import { VegaInternalColumnBodyCellRenderInputRIC } from '../../../helpers/event
  */
 export class VegaTableCell {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableCellStateController = new VegaTableCellStateController();
     this.vegaTableRowStateSubscriber = new VegaTableRowStateSubscriber();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();

package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.js

@@ -22,7 +22,7 @@ import { VegaInternalColumnExpandCellRenderInputRIC } from '../../../helpers/eve
  */
 export class VegaTableExpandRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableExpandRowRenderer = new VegaTableExpandRowRenderer();
     this.vegaTableExpandRowExpandController = new VegaTableExpandRowExpandController();
     this.vegaTableExpandRowSelectionController = new VegaTableExpandRowSelectionController();

package/dist/collection/components/vega-table/vega-table-foot/vega-table-foot.js

@@ -16,7 +16,7 @@ import { VegaTableFootStateController } from './slimmers/controllers/vega-table-
  */
 export class VegaTableFoot {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableFootStateController = new VegaTableFootStateController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);

package/dist/collection/components/vega-table/vega-table-foot-cell/vega-table-foot-cell.js

@@ -20,7 +20,7 @@ import { VegaInternalColumnFootCellRenderInputRIC } from '../../../helpers/event
  */
 export class VegaTableFootCell {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableFootCellStateController = new VegaTableFootCellStateController();
     this.vegaTableFootCellRenderer = new VegaTableFootCellRenderer();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();

package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.js

@@ -20,7 +20,7 @@ import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/ev
  */
 export class VegaTableFootRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableFootRowStateController = new VegaTableFootRowStateController();
     this.vegaTableFootRowRenderer = new VegaTableFootRowRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();

package/dist/collection/components/vega-table/vega-table-head/vega-table-head.js

@@ -17,7 +17,7 @@ import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-i
  */
 export class VegaTableHead {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableHeadStateController = new VegaTableHeadStateController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);

package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js

@@ -34,7 +34,7 @@ import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimm
  */
 export class VegaTableHeadCell {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.clickEventEmitter = createEventEmitSlimmer(VegaTableHeadCell, VegaClick);
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();

package/dist/collection/components/vega-table/vega-table-head-row/vega-table-head-row.js

@@ -23,7 +23,7 @@ import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/ev
  */
 export class VegaTableHeadRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableHeadRowStateController = new VegaTableHeadRowStateController();
     this.vegaTableHeadRowRenderer = new VegaTableHeadRowRenderer();
     this.vegaTableHeadRowController = new VegaTableHeadRowController();

package/dist/collection/components/vega-table/vega-table-row/vega-table-row.js

@@ -27,7 +27,7 @@ import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/ev
  */
 export class VegaTableRow {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTableRowRenderer = new VegaTableRowRenderer();
     this.vegaTableRowSelectionController = new VegaTableRowSelectionController();
     this.vegaTableRowExpandController = new VegaTableRowExpandController();

package/dist/collection/components/vega-table/vega-table.js

@@ -46,7 +46,7 @@ import { VegaTableHeadTemplateStructureController } from './slimmers/controllers
  */
 export class VegaTable {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaTableRenderModeController = new VegaTableRenderModeController();
     this.vegaTableHeadTemplateStructureController = new VegaTableHeadTemplateStructureController();

package/dist/collection/components/vega-text/vega-text.js

@@ -17,7 +17,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
  */
 export class VegaText {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.tooltipRenderer = new VegaTextTooltipRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**

package/dist/collection/components/vega-textarea/vega-textarea.js

@@ -26,7 +26,7 @@ import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subj
  */
 export class VegaTextarea {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.js

@@ -13,7 +13,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTimePickerDropdown {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -39,7 +39,7 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
  */
 export class VegaTimePicker {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.labelRenderer = new VegaTimePickerLabelRenderer();
     this.singleInputRenderer = new VegaTimePickerSingleInputRenderer();

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.js

@@ -22,7 +22,7 @@ import ChangeManager from '../../helpers/change-manager/change-manager';
  */
 export class VegaToggleSwitch {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -13,7 +13,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTooltipContentBox {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

package/dist/collection/components/vega-tooltip/vega-tooltip.js

@@ -20,7 +20,7 @@ import { VegaTooltipRuntimeMetricsPayloadDefinition } from '../../constants/runt
  */
 export class VegaTooltip {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTooltipElementAppenderController = new VegaTooltipElementAppenderController();
     this.vegaTooltipContentBoxRenderer = new VegaTooltipContentBoxRenderer();
     /**

package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js

@@ -23,7 +23,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
  */
 export class VegaVirtualScroll {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.modeController = new VegaVirtualScrollModeController();
     this.positionController = new VegaVirtualScrollPositionController();
     this.scrollableController = new VegaVirtualScrollScrollableController();

package/dist/collection/constants/ui.js

@@ -110,6 +110,7 @@ export const VegaNativeEventName = [
   'todayClick',
   'additionalLinkClick',
   'dropdownSelectAllClick',
+  'eventDelete',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/scripts/before-vega-load.js

@@ -27,6 +27,7 @@ import { VegaRTEFunctionExtension } from '../../components/vega-rich-text-editor
 import { VegaRTETableExtension } from '../../components/vega-rich-text-editor/extensions/table/table-extension';
 import { VegaRTEHorizontalLineExtension } from '../../components/vega-rich-text-editor/extensions/horizontal-line/horizontal-line-extension';
 import { VegaRTEBlockquoteExtension } from '../../components/vega-rich-text-editor/extensions/blockquote/blockquote-extension';
+import { VegaRTEBookmarkExtension } from '../../components/vega-rich-text-editor/extensions/bookmark/bookmark-extension';
 import { VegaRTESpecialCharactersExtension } from '../../components/vega-rich-text-editor/extensions/special-characters/special-characters-extension';
 import { VegaRTEFindReplaceExtension } from '../../components/vega-rich-text-editor/extensions/find-replace/find-replace-extension';
 import { VegaRTESpecialCharactersEssentials, VegaRTESpecialCharactersLatin, VegaRTESpecialCharactersMathematical, VegaRTESpecialCharactersArrows, VegaRTESpecialCharactersCurrency, VegaRTESpecialCharactersText, } from '../../components/vega-rich-text-editor/extensions/special-characters/constants/default-categories';
@@ -219,6 +220,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTETableExtension = VegaRTETableExtension;
   globalThis.VegaRTEHorizontalLineExtension = VegaRTEHorizontalLineExtension;
   globalThis.VegaRTEBlockquoteExtension = VegaRTEBlockquoteExtension;
+  globalThis.VegaRTEBookmarkExtension = VegaRTEBookmarkExtension;
   globalThis.VegaRTESpecialCharactersExtension = VegaRTESpecialCharactersExtension;
   globalThis.VegaRTEFindReplaceExtension = VegaRTEFindReplaceExtension;
   globalThis.VegaRTESpecialCharactersEssentials = VegaRTESpecialCharactersEssentials;

package/dist/collection/helpers/common/wait-for-vega-handler.js

@@ -7,12 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
 import { WaitForVegaPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/WaitForVegaHandler/runtime-metrics-payload-definition';
 import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * WaitForVegaHandler to check whether the vega component has been loaded.
  */
-class WaitForVegaHandler {
+class WaitForVegaHandler extends Discriminated {
   constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(WaitForVegaHandler, ['handle'], WaitForVegaPayloadDefinition, 'WaitForVegaHandler');
+    super(...arguments);
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(WaitForVegaHandler, ['handle'], WaitForVegaPayloadDefinition, WaitForVegaHandler.typeName);
   }
   /* istanbul ignore next */
   /**
@@ -30,6 +32,7 @@ class WaitForVegaHandler {
       .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
   }
 }
+WaitForVegaHandler.typeName = 'WaitForVegaHandler';
 __decorate([
   InjectVegaTelemetrySlimmer()
 ], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);

package/dist/collection/helpers/dialog/vega-dialog-controller.js

@@ -19,12 +19,14 @@ import { generateUUID } from '../../utils/misc';
 import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
 import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
 import { VegaDialogRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaDialogController/runtime-metrics-payload-definition';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * The dialog controller
  */
-class VegaDialogController {
+export class VegaDialogController extends Discriminated {
   constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition, 'VegaDialogController');
+    super(...arguments);
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition, VegaDialogController.typeName);
   }
   /**
    *
@@ -51,6 +53,7 @@ class VegaDialogController {
     return dialog;
   }
 }
+VegaDialogController.typeName = 'VegaDialogController';
 __decorate([
   InjectVegaTelemetrySlimmer()
 ], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);