@globalpayments/vega 2.26.0 → 2.27.0

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

@@ -43,7 +43,8 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
             /* eslint-disable-next-line react/jsx-no-bind */
             onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
-            this.renderTabLabelDom(item)),
+            this.renderTabLabelDom(item),
+            this.renderCounterBadgeDom(item)),
           this.closeButtonRenderer.render())));
     })));
   }
@@ -58,6 +59,30 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
         item.label.substring(0, this.TAB_LABEL_MAX_SIZE),
         "..."))) : (item.label);
   }
+  renderCounterBadgeDom(item) {
+    const counterBadge = item.counterBadge;
+    const counterBadgeClass = this.getCounterBadgeClassByCount(counterBadge);
+    return ((counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) !== undefined &&
+      counterBadge.count > 0 && (h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
+      h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
+  }
+  getCounterBadgeClassByCount(counterBadge) {
+    if (counterBadge && counterBadge.count) {
+      const digits = counterBadge.count.toString().length;
+      if (digits === 1) {
+        return 'one-digit';
+      }
+      else if (digits === 2) {
+        return 'two-digits';
+      }
+      else {
+        return 'multi-digits';
+      }
+    }
+    else {
+      return '';
+    }
+  }
   handleTabItemClick(dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
   }

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

@@ -13,7 +13,7 @@ import { VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.26.0
+ * @vegaVersion 1.26.0
  */
 export class VegaTabGroupPanel {
   constructor() {
@@ -23,7 +23,7 @@ export class VegaTabGroupPanel {
     /**
      * Controls the visibility of the tab panel within the tab group.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.isActive = false;
   }
@@ -75,7 +75,7 @@ export class VegaTabGroupPanel {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.26.0"
           }],
         "text": "Controls the visibility of the tab panel within the tab group."

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

@@ -88,6 +88,35 @@
   padding-right: 8px;
 }
 
+.vega-tab > div > .label .vega-counter-badge {
+  position: relative;
+  height: 20px;
+  padding-left: 8px;
+}
+.vega-tab > div > .label .vega-counter-badge vega-counter-badge {
+  position: absolute;
+  padding-left: 8px;
+  top: 10px;
+}
+.vega-tab > div > .label .vega-counter-badge.one-digit {
+  width: 20px;
+}
+.vega-tab > div > .label .vega-counter-badge.one-digit vega-counter-badge {
+  left: 10px;
+}
+.vega-tab > div > .label .vega-counter-badge.two-digits {
+  width: 28px;
+}
+.vega-tab > div > .label .vega-counter-badge.two-digits vega-counter-badge {
+  left: 14px;
+}
+.vega-tab > div > .label .vega-counter-badge.multi-digits {
+  width: 32px;
+}
+.vega-tab > div > .label .vega-counter-badge.multi-digits vega-counter-badge {
+  left: 16px;
+}
+
 .vega-tab > div > .label.vega-close-icon-space {
   padding-right: 12px;
 }

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

@@ -23,7 +23,7 @@ import { VegaClick } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTabGroupRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-tab-group/runtime-metrics-payload-definition';
 /**
- * @version 1.0.6
+ * @vegaVersion 1.0.6
  */
 export class VegaTabGroup {
   constructor() {
@@ -49,7 +49,7 @@ export class VegaTabGroup {
      * Defines the data target for the selected tab
      *    within the tab group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectedTabDataTarget = '';
@@ -57,14 +57,14 @@ export class VegaTabGroup {
      * Defines the spacing between the tabs in
      *    the tab group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.gap = 'size-8';
     /**
      * Specifies whether the tabs in the tab group include
      *    a close button for closing the tab.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showCloseButton = false;
     /**
@@ -74,14 +74,14 @@ export class VegaTabGroup {
      *    initialization and cannot be overridden or
      *    modified dynamically.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.tabItems = [];
     /**
      * Specifies the visual style and prominence of the tab group.
      *
-     * @version 1.39.0
+     * @vegaVersion 1.39.0
      */
     this.variant = 'primary';
   }
@@ -155,7 +155,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Defines the data target for the selected tab\n   within the tab group."
@@ -181,7 +181,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Defines the spacing between the tabs in\n   the tab group."
@@ -202,7 +202,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the tabs in the tab group include\n   a close button for closing the tab."
@@ -228,7 +228,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Defines the tab items that appear within the tab group.\n\nThe `tabItems` property can only be set once during\n   initialization and cannot be overridden or\n   modified dynamically."
@@ -247,7 +247,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Defines the selector of the element that will contain\n   the tab group popup.\n\n- If provided,\n     the popup will be positioned relative to this element.\n- If not provided,\n     the popup will be appended to the body element by default."
@@ -272,7 +272,7 @@ export class VegaTabGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.39.0"
           }],
         "text": "Specifies the visual style and prominence of the tab group."
@@ -295,7 +295,7 @@ export class VegaTabGroup {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.1.0"
           }],
         "text": "An event emitter notifying the click event of a tab\n   in the tab group."
@@ -316,7 +316,7 @@ export class VegaTabGroup {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the click event of a tab\n   in the tab group."

package/dist/collection/components/vega-table/slimmers/renderers/vega-table-renderer.js

@@ -27,7 +27,7 @@ export class VegaTableRenderer extends VegaSlimmer {
     };
     this.renderEmpty = () => {
       return (this.vegaTableDataSourceController.isCurrentDataEmpty() &&
-        this.emptyDescription && h("div", { class: "vega-table-empty-description" }, this.emptyDescription));
+        this.emptyDescription && (h("div", { class: "vega-table-empty-description" }, this.translationSlimmer.t(this.emptyDescription))));
     };
   }
   render() {
@@ -85,6 +85,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableDataSourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRenderer.prototype, "vegaTableChildrenController", void 0);

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

@@ -11,7 +11,7 @@ import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/sl
 import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableBody {
   constructor() {

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

@@ -16,7 +16,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableCell {
   constructor() {
@@ -71,7 +71,7 @@ export class VegaTableCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines the alignment of text within the cell."
@@ -96,7 +96,7 @@ export class VegaTableCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines the screen width at which the column becomes hidden.\n   If not set, the column remains visible at all times."
@@ -116,7 +116,7 @@ export class VegaTableCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines the text overflow behavior within cells.\n`ellipsis`: Replaces overflowed text with ellipsis.\n`scroll`: Enables cell scrolling; scroll bars are displayed only when the content overflows,\n    remaining hidden by default."
@@ -136,7 +136,7 @@ export class VegaTableCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Specifies the width of the cell."

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

@@ -16,7 +16,7 @@ import { VegaTableExpandRowColSpanController } from './slimmers/controllers/vega
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableExpandRow {
   constructor() {
@@ -74,7 +74,7 @@ export class VegaTableExpandRow {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines a unique key for the expandable row within the table."

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

@@ -13,7 +13,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
 import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableHead {
   constructor() {

package/dist/collection/components/vega-table/vega-table-head-cell/slimmers/renderers/sort-icon-renderer.js

@@ -0,0 +1,38 @@
+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 { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import { h } from '@stencil/core';
+export class SortIconRenderer extends VegaSlimmer {
+  render() {
+    if (!this.sorter)
+      return;
+    const { icon, color } = SortIconRenderer.SORT_ICON_MAP[this.sortOrder || 'default'];
+    return (h("span", { class: "vega-table-column-sorter" },
+      h("vega-icon", { color: color, icon: VegaInternalIconManager.getIconKey(icon), size: "size-12" })));
+  }
+}
+SortIconRenderer.SORT_ICON_MAP = {
+  asc: {
+    icon: 'circle-arrow-up',
+    color: 'text-link',
+  },
+  desc: {
+    icon: 'circle-arrow-down',
+    color: 'text-link',
+  },
+  default: {
+    icon: 'arrow-up-arrow-down',
+    color: 'text-secondary',
+  },
+};
+__decorate([
+  MapToComponentField()
+], SortIconRenderer.prototype, "sorter", void 0);
+__decorate([
+  MapToComponentField()
+], SortIconRenderer.prototype, "sortOrder", void 0);

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

@@ -41,6 +41,18 @@
   vertical-align: middle;
 }
 
+:host(.sortable) {
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+:host(.sortable:hover) {
+  background-color: rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1));
+}
+
 th {
   display: block;
   padding: 0px;
@@ -78,47 +90,31 @@ th {
 th.break-word {
   word-break: break-word;
 }
-th.vega-table-cell.sortable {
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
 
 .vega-table-column {
   display: flex;
   align-items: center;
-  justify-content: space-between;
 }
-
-.vega-table-column-sorter {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-left: 4px;
-  cursor: pointer;
-  outline: none;
+.vega-table-column.center {
+  justify-content: center;
 }
-.vega-table-column-sorter span {
-  display: inline-flex;
+.vega-table-column.right {
+  justify-content: flex-end;
 }
-.vega-table-column-sorter span.v-text-link {
-  color: rgba(var(--v-text-link, 19, 98, 226, 1));
+.vega-table-column.left {
+  justify-content: flex-start;
 }
-
-.vega-table-column-label {
-  flex-grow: 1;
+.vega-table-column .vega-table-column-label {
   min-width: 0px;
 }
-.vega-table-column-label.v-text-center {
-  text-align: center;
-}
-.vega-table-column-label.v-text-left {
-  text-align: left;
-}
-.vega-table-column-label.v-text-right {
-  text-align: right;
+.vega-table-column .vega-table-column-sorter {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  margin-left: 8px;
+  cursor: pointer;
+  outline: none;
 }
 
 :host(.density-default) .vega-table-cell {

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Host, h, Prop, Element, Event, State } from '@stencil/core';
 import { arrayToClassString } from '../../../utils/ui';
-import { generateResponsiveClass, generateTextAlignClass } from '../utils';
+import { generateResponsiveClass } from '../utils';
 import { createEnterKeyHandlerToTriggerClick } from '../../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -19,10 +19,14 @@ import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize
 import { VegaInternalIconManager } from '../../../helpers/icon/internal-icon-manager';
 import chevronUp from '../../../global/icons/chevron-up';
 import chevronDown from '../../../global/icons/chevron-down';
+import arrowUpArrowDown from '../../../global/icons/arrow-up-arrow-down';
+import circleArrowDown from '../../../global/icons/circle-arrow-down';
+import circleArrowUp from '../../../global/icons/circle-arrow-up';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { SortIconRenderer } from './slimmers/renderers/sort-icon-renderer';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableHeadCell {
   constructor() {
@@ -31,23 +35,12 @@ export class VegaTableHeadCell {
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.sortIconRenderer = new SortIconRenderer();
     this.currentBreakpoint = getCurrentBreakpoint();
     this.handleSort = (e) => {
       this.sortOrder = this.getNextSortOrder(this.sortOrder);
       this.clickEventEmitter.emit({ sortOrder: this.sortOrder }, e);
     };
-    this.renderSortIconButton = () => {
-      if (!this.sorter)
-        return;
-      return (h("div", { class: "vega-table-column-sorter" },
-        h("span", { class: this.isSortActive('asc') ? 'v-text-link' : '' },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-up'), size: "size-8" })),
-        h("span", { class: this.isSortActive('desc') ? 'v-text-link' : '' },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), size: "size-8" }))));
-    };
-    this.isSortActive = (order) => {
-      return this.sortOrder === order;
-    };
     /**
      * Get the next sorter order
      *
@@ -71,7 +64,6 @@ export class VegaTableHeadCell {
     };
   }
   render() {
-    const labelAlignClassName = generateTextAlignClass(this.textAlign);
     const sortableConfig = this.sorter
       ? {
         role: 'button',
@@ -80,19 +72,20 @@ export class VegaTableHeadCell {
         onClick: (e) => this.handleSort(e),
       }
       : null;
-    const cellClassNames = ['vega-table-cell', this.sorter ? 'sortable' : null];
+    const cellClassNames = ['vega-table-cell'];
     if (!FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       cellClassNames.push('break-word');
     }
     return sanitizeVegaComponent(h(Host, { class: {
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        sortable: !!this.sorter,
         [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
       }, style: { width: this.width } },
       h("th", Object.assign({ class: arrayToClassString(cellClassNames) }, sortableConfig),
-        h("div", { class: "vega-table-column" },
-          h("span", { class: `vega-table-column-label ${labelAlignClassName}` },
+        h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
+          h("span", { class: "vega-table-column-label" },
             h("slot", null)),
-          this.renderSortIconButton()))), this.host);
+          this.sortIconRenderer.render()))), this.host);
   }
   static get is() { return "vega-table-head-cell"; }
   static get encapsulation() { return "shadow"; }
@@ -120,7 +113,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines the screen width at which the column becomes hidden.\n   If not set, the column remains visible at all times."
@@ -145,7 +138,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines the column's sorting configuration."
@@ -170,7 +163,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.8.0"
           }],
         "text": "Defines the column's sorting order."
@@ -190,7 +183,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines the alignment of text within the head cell."
@@ -210,7 +203,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Specifies the width of the head cell."
@@ -231,7 +224,7 @@ export class VegaTableHeadCell {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "An event emitter notifying that the head cell has been clicked."
@@ -257,7 +250,7 @@ export class VegaTableHeadCell {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that the head cell has been clicked."
@@ -279,6 +272,9 @@ export class VegaTableHeadCell {
   VegaInternalIconManager.register({
     'chevron-up': chevronUp,
     'chevron-down': chevronDown,
+    'arrow-up-arrow-down': arrowUpArrowDown,
+    'circle-arrow-down': circleArrowDown,
+    'circle-arrow-up': circleArrowUp,
   });
 })();
 __decorate([
@@ -296,3 +292,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableHeadCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadCell.prototype, "sortIconRenderer", void 0);

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

@@ -17,7 +17,7 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableHeadRow {
   constructor() {
@@ -62,7 +62,7 @@ export class VegaTableHeadRow {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Indicates whether the checkbox is disabled."
@@ -82,7 +82,7 @@ export class VegaTableHeadRow {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines whether to hide the select all checkbox."