@globalpayments/vega 2.87.0-beta.1 → 2.88.0

package/dist/esm/vega-rich-text-special-characters-panel.entry.js

@@ -0,0 +1,396 @@
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
+import { i as VegaChange, a as VegaClick } from './vega-event-id-20494454.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
+import { T as TranslationSlimmer } from './translation-slimmer-49903fc8.js';
+import './dynamic-slimmer-90b8af32.js';
+import './change-manager-6a7eb88c.js';
+import './internal-vega-event-manager-dc4c3a37.js';
+import './try-get-document-bef0f526.js';
+import './observer-3959f9dd.js';
+import './ui-64815a12.js';
+import './keyboard-manager-69761aa6.js';
+import './type-guard-b18807dc.js';
+import './breakpoints-d9faf11c.js';
+import './ui-93922c59.js';
+import './typography-396de03f.js';
+import './internal-translation-controller-0b9589d0.js';
+import './static-subject-title-52f93124.js';
+
+/**
+ * Synthetic key used by the panel's category dropdown to represent the
+ * "All" entry that aggregates characters from every configured category.
+ */
+const ALL_CATEGORY_KEY = '__all__';
+/**
+ * Number of columns in the character grid.
+ * Used by keyboard navigation and exposed as a CSS custom property
+ * (`--vega-special-characters-grid-columns`) so the grid layout stays in sync without duplication.
+ */
+const GRID_COLUMNS = 10;
+
+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;
+  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;
+};
+/**
+ * Renderer slimmer for the Special Characters panel.
+ */
+class SpecialCharactersPanelRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.gridRef = null;
+    this.selectRef = null;
+    /**
+     * Suppresses the default mousedown behavior inside the panel so that the
+     * RTE keeps focus and its current selection range stays intact — without
+     * it, clicking a character would blur the editor and the insertion point
+     * would be lost before `insertCharacter` runs.
+     */
+    this.preventLostFocus = (event) => {
+      event.preventDefault();
+    };
+    this.handleCellMouseEnter = (event) => {
+      var _a;
+      const index = Number(event.currentTarget.dataset.index);
+      this.hoveredItem = (_a = this.getActiveCharacters()[index]) !== null && _a !== void 0 ? _a : null;
+    };
+    this.handleCellMouseLeave = () => {
+      this.hoveredItem = null;
+    };
+    this.handleCellFocus = (event) => {
+      const index = Number(event.currentTarget.dataset.index);
+      if (Number.isFinite(index)) {
+        // Updates both roving-tabindex anchor and footer preview in one write.
+        this.focusedCellIndex = index;
+      }
+    };
+    this.handleCellClick = (event) => {
+      const index = Number(event.currentTarget.dataset.index);
+      const item = this.getActiveCharacters()[index];
+      if (item) {
+        this.focusedCellIndex = index;
+        this.clickEventEmitter.emit(item.character);
+      }
+    };
+  }
+  /**
+   * Resets the panel to its initial state and moves focus to the category select.
+   * Called via {@link VegaRichTextSpecialCharactersPanel.resetPanel} whenever the popover opens.
+   */
+  resetPanel() {
+    this.activeCategoryKey = ALL_CATEGORY_KEY;
+    this.hoveredItem = null;
+    this.focusedCellIndex = null;
+    this.focusSelect();
+  }
+  /**
+   * Returns the rendered grid container element (or null if not yet
+   * mounted). Used by the keyboard controller to scope its listeners
+   * to the grid only.
+   */
+  getGridRef() {
+    return this.gridRef;
+  }
+  /**
+   * Returns the number of cells currently rendered in the grid (i.e.
+   * the character count of the active category view).
+   */
+  getCellCount() {
+    return this.getActiveCharacters().length;
+  }
+  getActiveCellIndex() {
+    var _a;
+    return (_a = this.focusedCellIndex) !== null && _a !== void 0 ? _a : 0;
+  }
+  /**
+   * Updates the roving-tabindex pointer and focuses the targeted cell.
+   * No-ops when the index is out of range.
+   */
+  focusCellByIndex(index) {
+    this.focusedCellIndex = index;
+    if (this.gridRef) {
+      const cell = this.gridRef.querySelector(`[data-index="${index}"]`);
+      if (cell) {
+        cell.focus();
+      }
+    }
+  }
+  render() {
+    return (h("div", { class: "panel", role: "presentation", onMouseDown: this.preventLostFocus },
+      this.renderHeader(),
+      h("vega-divider", { direction: "horizontal" }),
+      h("div", { class: "panel__body" },
+        this.renderCategorySelect(),
+        this.renderCharacterGrid()),
+      h("vega-divider", { direction: "horizontal" }),
+      this.renderFooter()));
+  }
+  /**
+   * Moves focus to the category select trigger so the user can immediately
+   * change the category or Tab into the grid. The select is a custom element
+   * whose trigger button lives in its shadow root.
+   */
+  focusSelect() {
+    if (this.selectRef && this.selectRef.shadowRoot) {
+      const trigger = this.selectRef.shadowRoot.querySelector('[tabindex="0"], button');
+      if (trigger) {
+        trigger.focus();
+      }
+    }
+  }
+  renderHeader() {
+    return (h("div", { class: "panel__header" },
+      h("vega-font", null, this.translationSlimmer.t('Special Characters'))));
+  }
+  renderCategorySelect() {
+    const allOption = {
+      id: ALL_CATEGORY_KEY,
+      displayName: this.translationSlimmer.t('All'),
+    };
+    return (h("vega-input-select", { class: "panel__select", size: "small", source: [
+        allOption,
+        ...this.categories.map((cat) => ({
+          id: cat.key,
+          displayName: this.translationSlimmer.t(cat.label),
+        })),
+      ], value: this.activeCategoryKey, ref: (ref) => {
+        if (ref) {
+          this.selectRef = ref;
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => {
+            this.activeCategoryKey = payload.detail;
+            this.hoveredItem = null;
+            this.focusedCellIndex = null;
+          });
+        }
+      } }));
+  }
+  renderCharacterGrid() {
+    var _a;
+    const characters = this.getActiveCharacters();
+    const activeIndex = (_a = this.focusedCellIndex) !== null && _a !== void 0 ? _a : 0;
+    return (h("div", { class: "panel__grid", role: "grid", "aria-label": this.translationSlimmer.t('Special Characters'), style: { '--vega-special-characters-grid-columns': String(GRID_COLUMNS) }, ref: (ref) => {
+        this.gridRef = ref;
+      } }, characters.map((item, flatIndex) => {
+      const isActive = flatIndex === activeIndex;
+      const title = this.translationSlimmer.t(item.title);
+      return (h("button", { key: item.character, class: "panel__cell", role: "gridcell", "aria-label": title, title: title, "data-index": flatIndex, tabindex: isActive ? 0 : -1, onMouseEnter: this.handleCellMouseEnter, onMouseLeave: this.handleCellMouseLeave, onFocus: this.handleCellFocus, onClick: this.handleCellClick }, item.character));
+    })));
+  }
+  renderFooter() {
+    var _a;
+    // Hover wins over focus when both exist (matches mouse-driven preview
+    // expectations), otherwise fall back to the focused cell so keyboard
+    // users still see the character name + code point.
+    const focusedItem = this.focusedCellIndex !== null ? this.getActiveCharacters()[this.focusedCellIndex] : null;
+    const previewItem = (_a = this.hoveredItem) !== null && _a !== void 0 ? _a : focusedItem;
+    const codePoint = previewItem ? this.getCodePoint(previewItem.character) : '';
+    const previewTitle = previewItem
+      ? this.translationSlimmer.t(previewItem.title)
+      : '';
+    return (h("div", { class: "panel__footer" },
+      h("vega-font", { class: "panel__footer-name", variant: "font-footnote1-long", color: "text-secondary" }, previewTitle),
+      h("vega-font", { class: "panel__footer-code", variant: "font-footnote1-long", color: "text-secondary" }, codePoint)));
+  }
+  /**
+   * Formats a character's Unicode code point as `U+XXXX`,
+   * padded to at least 4 hex digits (e.g. `U+00E0`, `U+1F600`).
+   */
+  getCodePoint(character) {
+    const codePoint = character.codePointAt(0);
+    if (codePoint === undefined) {
+      return '';
+    }
+    return `U+${codePoint.toString(16).toUpperCase().padStart(4, '0')}`;
+  }
+  getActiveCharacters() {
+    if (this.activeCategoryKey === ALL_CATEGORY_KEY) {
+      return this.categories.flatMap((cat) => cat.characters);
+    }
+    const category = this.categories.find((cat) => cat.key === this.activeCategoryKey);
+    return category ? category.characters : [];
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], SpecialCharactersPanelRenderer.prototype, "categories", void 0);
+__decorate$2([
+  MapToComponentField()
+], SpecialCharactersPanelRenderer.prototype, "clickEventEmitter", void 0);
+__decorate$2([
+  MapToComponentField()
+], SpecialCharactersPanelRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], SpecialCharactersPanelRenderer.prototype, "activeCategoryKey", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], SpecialCharactersPanelRenderer.prototype, "hoveredItem", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], SpecialCharactersPanelRenderer.prototype, "focusedCellIndex", void 0);
+__decorate$2([
+  MapToComponentMethod('resetPanel')
+], SpecialCharactersPanelRenderer.prototype, "resetPanel", null);
+
+var __decorate$1 = (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;
+};
+/**
+ * Handles arrow-key navigation within the Special Characters panel grid.
+ * Escape, Tab, Enter, and Space are not handled here — the popover and
+ * native button elements manage those interactions.
+ */
+class SpecialCharactersPanelKeyboardController extends KeyboardManagerSlimmer {
+  constructor() {
+    super(() => {
+      return [
+        {
+          keyCode: ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'],
+          eventName: 'keydown',
+          // Listeners register in componentDidLoad, so the grid ref is always set by then.
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          activeElementInScope: () => [this.renderer.getGridRef()],
+          preventDefault: true,
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (event) => {
+            this.handleNavigation(event);
+          },
+        },
+      ];
+    });
+  }
+  /**
+   * Translates an arrow key press into a new active cell index
+   * and asks the renderer to move focus.
+   *
+   * @param {KeyboardEvent} event - The grid-scoped keydown event.
+   */
+  handleNavigation(event) {
+    const renderer = this.renderer;
+    const total = renderer.getCellCount();
+    if (total === 0) {
+      return;
+    }
+    const current = Math.min(Math.max(renderer.getActiveCellIndex(), 0), total - 1);
+    const row = Math.floor(current / GRID_COLUMNS);
+    const col = current % GRID_COLUMNS;
+    const lastRow = Math.floor((total - 1) / GRID_COLUMNS);
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const lastColInRow = (r) => {
+      return r === lastRow ? (total - 1) % GRID_COLUMNS : GRID_COLUMNS - 1;
+    };
+    let target = current;
+    switch (event.code) {
+      case 'ArrowLeft':
+        if (col > 0) {
+          target = current - 1;
+        }
+        break;
+      case 'ArrowRight':
+        if (col < lastColInRow(row)) {
+          target = current + 1;
+        }
+        break;
+      case 'ArrowUp':
+        if (row > 0) {
+          target = current - GRID_COLUMNS;
+        }
+        break;
+      case 'ArrowDown':
+        if (row < lastRow) {
+          const next = current + GRID_COLUMNS;
+          target = next < total ? next : lastRow * GRID_COLUMNS + lastColInRow(lastRow);
+        }
+        break;
+    }
+    if (target !== current) {
+      renderer.focusCellByIndex(target);
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], SpecialCharactersPanelKeyboardController.prototype, "renderer", void 0);
+
+const vegaRichTextSpecialCharactersPanelCss = ":host .panel{box-sizing:border-box;width:320px}:host .panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}:host .panel__body{padding-top:12px;padding-bottom:12px}:host .panel__select{margin-bottom:8px}:host .panel__grid{display:grid;gap:2px;overflow-y:auto;grid-template-columns:repeat(var(--vega-special-characters-grid-columns), 1fr);max-height:240px}:host .panel__cell{display:flex;align-items:center;justify-content:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:4px;cursor:pointer;border:none;width:28px;height:28px;background:transparent;font-family:\"Inter\";font-size:16px;line-height:1}:host .panel__cell:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .panel__cell:active{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .panel__cell:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:-2px}:host .panel__footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;min-height:20px}:host .panel__footer-name{text-transform:uppercase}";
+
+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;
+  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;
+};
+const VegaRichTextSpecialCharactersPanel = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.click = createEvent(this, "click", 7);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.translationSlimmer = new TranslationSlimmer();
+    this.clickEventEmitter = createEventEmitSlimmer(VegaRichTextSpecialCharactersPanel, VegaClick);
+    this.renderer = new SpecialCharactersPanelRenderer();
+    this.keyboardController = new SpecialCharactersPanelKeyboardController();
+    this.activeCategoryKey = ALL_CATEGORY_KEY;
+    this.hoveredItem = null;
+    /**
+     * Index of the grid cell that currently has DOM focus (or null when no cell
+     * has been focused yet). Drives both the roving-tabindex anchor and the
+     * footer character preview during keyboard navigation.
+     */
+    this.focusedCellIndex = null;
+    /**
+     * The special character categories to display.
+     *
+     * @vegaVersion 2.88.0
+     */
+    this.categories = [];
+  }
+  /**
+   * Resets the panel to its initial state (all categories, no hovered item)
+   * and moves focus to the category select. Called whenever the popover opens.
+   *
+   * @vegaVersion 2.88.0
+   */
+  async resetPanel() {
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "clickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextSpecialCharactersPanel.prototype, "keyboardController", void 0);
+VegaRichTextSpecialCharactersPanel.style = vegaRichTextSpecialCharactersPanelCss;
+
+export { VegaRichTextSpecialCharactersPanel as vega_rich_text_special_characters_panel };

package/dist/esm/vega-rich-text-table-properties_3.entry.js

@@ -1,47 +1,47 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.js';
+import { T as TranslationSlimmer } from './translation-slimmer-49903fc8.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { A as AlignCenter, a as AlignJustify, b as AlignLeft, c as AlignRight } from './align-left-7f959adf.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
-import { i as VegaChange, H as VegaFocus, a as VegaClick, c as VegaPopoverShow, V as VegaDropdownClick, v as VegaDropdownShow, w as VegaDropdownHide } from './vega-event-id-578c6c6d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { i as VegaChange, I as VegaFocus, a as VegaClick, c as VegaPopoverShow, V as VegaDropdownClick, w as VegaDropdownShow, x as VegaDropdownHide } from './vega-event-id-20494454.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { Z as RTE_TABLE_BORDER_STYLES, T as TableSettingType, _ as ColumnOperationType, O as ToggleHeaderTableColumnStrategy, $ as getSelectedCellsBoundary, v as getTableColumnCount, m as getParentBlockByType, h as RTETableBlock, a0 as RowOperationType, k as RTETableHeadBlock, l as RTETableBodyBlock, a1 as SplitCellOperationType, a2 as isRectangularSelection, z as MergeCellsOperationType, a3 as getAdjacentCell } from './split-cell-operation-7652e813.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-e9a6b097.js';
+import { Z as RTE_TABLE_BORDER_STYLES, T as TableSettingType, _ as ColumnOperationType, O as ToggleHeaderTableColumnStrategy, $ as getSelectedCellsBoundary, v as getTableColumnCount, m as getParentBlockByType, h as RTETableBlock, a0 as RowOperationType, k as RTETableHeadBlock, l as RTETableBodyBlock, a1 as SplitCellOperationType, a2 as isRectangularSelection, z as MergeCellsOperationType, a3 as getAdjacentCell } from './split-cell-operation-1d114aa3.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-fcda24ec.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
 import { f as findParent, a as arrayToClassString } from './ui-64815a12.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-012a9a9b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-913e8be6.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-0b9589d0.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-dc4c3a37.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './observer-3959f9dd.js';
-import './code-block-ff52d912.js';
+import './code-block-6261a99d.js';
 import './string-a953eafc.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-b18807dc.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
 import './object-0c277f57.js';
-import './content-state-6fccd284.js';
+import './content-state-9bf85e00.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-3b327f29.js';
-import './keyboard-manager-26e2fc32.js';
+import './keyboard-manager-69761aa6.js';
 import './number-4398f2e1.js';
 
 const AlignTop = {

package/dist/esm/vega-section-title.entry.js

@@ -11,7 +11,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaSectionTitleRenderer extends VegaSlimmer {
   render() {
-    return (h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-8", class: this.size === 'small' ? 'section-title-small' : undefined },
+    return (h("vega-flex", { "aria-hidden": "true", "align-items": "start", "justify-content": "start", gap: "size-8", class: this.size === 'small' ? 'section-title-small' : undefined },
       this.renderPrefixIcon(),
       this.renderText()));
   }
@@ -108,7 +108,8 @@ const VegaSectionTitle = class {
     this.size = 'default';
   }
   render() {
-    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+    const ariaLabel = [this.titleText, this.description].filter(Boolean).join(', ');
+    return sanitizeVegaComponent(h(Host, { role: ariaLabel ? 'group' : undefined, "aria-label": ariaLabel || undefined }, this.renderer.render()), this.host);
   }
   get host() { return getElement(this); }
 };

package/dist/esm/vega-segment-control.entry.js

@@ -2,15 +2,15 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { i as VegaChange } from './vega-event-id-578c6c6d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
+import { i as VegaChange } from './vega-event-id-20494454.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-3897e95b.js';
 import './observer-3959f9dd.js';
 import './ui-64815a12.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-dc4c3a37.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';

package/dist/esm/vega-selection-chip_2.entry.js

@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -12,28 +12,28 @@ import { f as findParent } from './ui-64815a12.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { i as VegaChange } from './vega-event-id-578c6c6d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { i as VegaChange } from './vega-event-id-20494454.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { a as TagNameAndAttributeMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-24aca6c4.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-b18807dc.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-0b9589d0.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-dc4c3a37.js';
 import './vega-env-manager-8f8dc473.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';

package/dist/esm/vega-selection-tile_2.entry.js

@@ -2,8 +2,8 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { i as VegaChange } from './vega-event-id-578c6c6d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
+import { i as VegaChange } from './vega-event-id-20494454.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
@@ -11,20 +11,20 @@ import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id
 import { f as findParent } from './ui-64815a12.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-24aca6c4.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-dc4c3a37.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-0b9589d0.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';

package/dist/esm/vega-sidenav_3.entry.js

@@ -11,26 +11,26 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.j
 import { V as VegaIconManager } from './icon-manager-691c8682.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
 import { e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
 import { F as VegaInternalSidenavLinkClick } from './vega-internal-event-id-913e8be6.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { R as VegaStateUpdate, a as VegaClick } from './vega-event-id-578c6c6d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
+import { S as VegaStateUpdate, a as VegaClick } from './vega-event-id-20494454.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { j as SIDENAV_LINK_SELECTED_TOPIC } from './static-subject-title-52f93124.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
 import { f as findParent } from './ui-64815a12.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-1ac5ee9a.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-dc4c3a37.js';
 import './number-4398f2e1.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-b18807dc.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-0b9589d0.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';