@heartlandone/vega 2.68.0 → 2.69.0

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.js

@@ -17,6 +17,7 @@ export class VegaInputSelectSourceController extends VegaSlimmer {
      * convert the dropdown source when the component watchSource call
      */
     this.handleSourceChange = () => {
+      this.host.dataset.source = JSON.stringify(this.source);
       this.source = isArrayOfType(this.source, isSelectSourceItemType) ? this.source : [];
     };
   }
@@ -40,6 +41,9 @@ export class VegaInputSelectSourceController extends VegaSlimmer {
     return this.source.find((item) => item.id === id);
   }
 }
+__decorate([
+  MapToComponentField()
+], VegaInputSelectSourceController.prototype, "host", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaInputSelectSourceController.prototype, "source", void 0);

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-value-controller.js

@@ -23,9 +23,15 @@ export class VegaInputSelectValueController extends VegaSlimmer {
       if (this.selectType === 'multiple') {
         newValue = newValue;
         oldValue = oldValue;
-        const validValue = newValue
-          ? newValue.filter((value) => this.sourceController.getItem(value))
-          : [];
+        let validValue;
+        if (newValue) {
+          validValue = !this.vegaDropdownProps.preserveValueIfNotInSource
+            ? newValue.filter((value) => this.sourceController.getItem(value))
+            : newValue;
+        }
+        else {
+          validValue = [];
+        }
         if (!isArrayEqual(validValue, oldValue, true)) {
           this.setValue(validValue);
           this.changeEventEmitter.emit(validValue);
@@ -41,7 +47,12 @@ export class VegaInputSelectValueController extends VegaSlimmer {
       else {
         if (newValue !== oldValue) {
           const sourceItem = this.sourceController.getItem(newValue);
-          this.setValue(sourceItem ? sourceItem.id : '');
+          if (!this.vegaDropdownProps.preserveValueIfNotInSource) {
+            this.setValue(sourceItem ? sourceItem.id : '');
+          }
+          else {
+            this.setValue(newValue);
+          }
           this.changeEventEmitter.emit(this.value);
           ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
             host: this.host,
@@ -95,6 +106,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectValueController.prototype, "sourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectValueController.prototype, "vegaDropdownProps", void 0);
 __decorate([
   MapToComponentMethod('watchValue')
 ], VegaInputSelectValueController.prototype, "handleValueChange", void 0);

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from '@stencil/core';
-import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibility';
 import chevronUp from '../../../../global/icons/chevron-up';
 import chevronDown from '../../../../global/icons/chevron-down';
@@ -45,9 +45,14 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
     };
     this.renderSingleSelected = () => {
       const item = this.sourceController.getItem(this.value);
-      if (item) {
+      if (item || (this.vegaDropdownProps.preserveValueIfNotInSource && this.value)) {
         return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
-          h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: item.displayName }, item.displayName)));
+          h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: this.vegaDropdownProps.preserveValueIfNotInSource
+              ? this.value
+              : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+                item.displayName }, 
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          this.vegaDropdownProps.preserveValueIfNotInSource ? this.value : item.displayName)));
       }
       else {
         return (h("div", { class: "vega-input-select-placeholder", part: "placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -57,6 +62,12 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
       return Object.assign({ searchable: true, caseSensitive: false }, this.vegaDropdownProps);
     };
   }
+  watchVegaDropdownProps() {
+    if (this.vegaDropdownProps && this.vegaDropdownProps.preserveValueIfNotInSource !== undefined) {
+      this.dropdown.preserveValueIfNotInSource = this.vegaDropdownProps.preserveValueIfNotInSource;
+      this.dropdown.selectedSourceKey = this.value;
+    }
+  }
   show() {
     return this.dropdown.show();
   }
@@ -148,3 +159,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentMethod('watchVegaDropdownProps')
+], VegaInputSelectDropdownRenderer.prototype, "watchVegaDropdownProps", null);

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -25,6 +25,7 @@ import { VegaInputSelectSourceController } from './slimmers/controllers/vega-inp
 import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaInputSelectPrefixIconRenderer } from './slimmers/renderers/vega-input-select-prefix-icon-renderer';
+import { InputSelectValueInSourceRule } from '../../helpers/validator/rules/input-select-value-in-source-rule';
 /**
  * @vegaVersion 1.0.7
  */
@@ -45,6 +46,12 @@ export class VegaInputSelect {
           propertyName: 'required',
           ruleFactory: (isRequired) => (isRequired ? new RequiredFieldRule() : null),
         },
+        {
+          propertyName: 'data-source',
+          ruleFactory: () => {
+            return new InputSelectValueInSourceRule(() => this.source);
+          },
+        },
       ],
       validationRulesName: 'validationRules',
       defaultValue: (target) => (target.selectType === 'multiple' ? [] : ''),
@@ -189,6 +196,9 @@ export class VegaInputSelect {
   watchValidationRules() {
     methodPlaceholder();
   }
+  watchVegaDropdownProps() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     methodPlaceholder();
   }
@@ -556,7 +566,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; isScreenPosition?: boolean; resettable?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; isScreenPosition?: boolean; resettable?: boolean; preserveValueIfNotInSource?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",
@@ -935,6 +945,9 @@ export class VegaInputSelect {
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"
+    }, {
+      "propName": "vegaDropdownProps",
+      "methodName": "watchVegaDropdownProps"
     }]; }
 }
 __decorate([

package/dist/collection/components/vega-rich-text-editor/extensions/functions/renderers/function-toolbar-button-renderer.js

@@ -32,13 +32,16 @@ export class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
    * @returns {boolean} - true if the button should be disabled, false otherwise.
    */
   isDisabled() {
-    const { host, getSelectedNodes } = this.extensionContext;
-    const focusNode = getSelectedNodes()[0];
-    let enableInsert = true;
-    if (focusNode) {
-      enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+    if (this.extensionContext) {
+      const { host, getSelectedNodes } = this.extensionContext;
+      const focusNode = getSelectedNodes()[0];
+      let enableInsert = true;
+      if (focusNode) {
+        enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+      }
+      return host.disabled || !enableInsert;
     }
-    return host.disabled || !enableInsert;
+    return false;
   }
   /* istanbul ignore next */
   // eslint-disable-next-line jsdoc/require-jsdoc

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.js

@@ -164,6 +164,7 @@ export class WrittenModeSvgController extends VegaSlimmer {
    */
   generateSignatureImage() {
     const serializer = new XMLSerializer();
+    // TODO: Adding the SVG attribute will cause changes to the generated base64 value, leading to problems. https://gethired.atlassian.net/browse/VD-7854
     const svgData = serializer.serializeToString(this.signatureContainerRef);
     const base64Svg = btoa(unescape(encodeURIComponent(svgData)));
     return `data:image/svg+xml;base64,${base64Svg}`;

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.js

@@ -57,6 +57,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
    * When the clear button is displayed, since the error message and the clear button are in the same line, this element is displayed.
    */
   renderSignaturePad() {
+    // TODO: Adding the SVG attribute will cause changes to the generated base64 value, leading to problems. https://gethired.atlassian.net/browse/VD-7854
     return (h("svg", { width: "100%", height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'), "touch-action": "none", ref: (ref) => this.writtenModeSvgController.setSignatureContainerRef(ref) }));
   }
   renderFooter() {

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

@@ -87,7 +87,7 @@ export class VegaTabGroup {
     /**
      * Specifies the overflow navigation for many tab items within the tab group.
      *
-     * @vegaVersion __VERSION__
+     * @vegaVersion 2.49.0
      */
     this.overflow = 'menu';
   }
@@ -316,7 +316,7 @@ export class VegaTabGroup {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "__VERSION__"
+            "text": "2.49.0"
           }],
         "text": "Specifies the overflow navigation for many tab items within the tab group."
       },

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-children-controller.js

@@ -122,9 +122,10 @@ export class VegaTableChildrenController extends VegaSlimmer {
     this.syncUpTableCurrentData();
     this.syncUpTableHeadRowProps();
     this.syncRowStates();
+    this.syncUpTableFootVisibility();
   }
   /**
-   * Used by rowStripedObserver{@link rowStripedObserver} and currentDataObserver{@link currentDataObserver}
+   * Component lifecycle - [componentDidLoad]{@link VegaTable.componentDidLoad}
    */
   componentDidLoad() {
     methodPlaceholder();
@@ -139,6 +140,12 @@ export class VegaTableChildrenController extends VegaSlimmer {
       noneChecked: true,
     });
   }
+  /**
+   * The callback to handle [watchCurrentData]{@link VegaTable.watchCurrentData}
+   */
+  watchCurrentData() {
+    this.syncUpTableFootVisibility();
+  }
   /**
    * {@link VegaTable.watchStriped}
    */
@@ -169,6 +176,20 @@ export class VegaTableChildrenController extends VegaSlimmer {
   updateRowDivider(row, isLastRow) {
     row.rowDivider = this.rowDivider && !isLastRow;
   }
+  /**
+   * Sync up the visibility of table foot based on current data
+   */
+  syncUpTableFootVisibility() {
+    const tableFoot = this.host.querySelector('vega-table-foot');
+    if (tableFoot) {
+      if (this.vegaTableDataSourceController.isCurrentDataEmpty()) {
+        tableFoot.classList.add('v-hidden');
+      }
+      else {
+        tableFoot.classList.remove('v-hidden');
+      }
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -221,6 +242,9 @@ __decorate([
 __decorate([
   MapToComponentMethod('clearSelection')
 ], VegaTableChildrenController.prototype, "clearSelection", null);
+__decorate([
+  MapToComponentMethod('watchCurrentData')
+], VegaTableChildrenController.prototype, "watchCurrentData", null);
 __decorate([
   MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);

package/dist/collection/components/vega-table/vega-table-foot/slimmers/controllers/vega-table-foot-state-controller.js

@@ -0,0 +1,67 @@
+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, MapToComponentMethod } from 'vega-slimmer/core';
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import InternalVegaZIndexManager from '../../../../../helpers/zindex/internal-vega-z-index-manager';
+/**
+ * Controller for the table foot states.
+ */
+export class VegaTableFootStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'fixed',
+          parentStateName: 'scrollConfig',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (scrollConfig) => {
+            this.fixed =
+              scrollConfig && scrollConfig.maxHeight && scrollConfig.fixedFooter !== false;
+          },
+        },
+        {
+          subStateName: 'rowDivider',
+          parentStateName: 'rowDivider',
+        },
+      ],
+    });
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableFoot.disconnectedCallback}
+   */
+  handleDisconnectedCallback() {
+    InternalVegaZIndexManager.removeZIndex(this.tableFootRef, 'base');
+  }
+  /**
+   * Handles the table foot ref change and manages z-index.
+   *
+   * @param {HTMLElement} ref - The new table foot ref element
+   */
+  handleTableFootRefChange(ref) {
+    if (this.tableFootRef) {
+      InternalVegaZIndexManager.removeZIndex(this.tableFootRef, 'base');
+    }
+    if (this.fixed) {
+      InternalVegaZIndexManager.setZIndex(ref, 'base');
+    }
+    this.tableFootRef = ref;
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootStateController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "fixed", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "rowDivider", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableFootStateController.prototype, "handleDisconnectedCallback", null);

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

@@ -0,0 +1,34 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: table-footer-group;
+  position: sticky;
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+:host tfoot {
+  display: contents;
+}
+
+:host(.fixed-footer) {
+  bottom: 0px;
+}
+
+:host(.row-divider)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: rgba(var(--v-bg-divider, 171, 198, 216, 1));
+}
+
+:host(.v-hidden) {
+  display: none;
+}

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

@@ -0,0 +1,65 @@
+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 { Component, Host, h, Element, State } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
+import { VegaTableFootStateController } from './slimmers/controllers/vega-table-foot-state-controller';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFoot {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaTableFootStateController = new VegaTableFootStateController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
+    /**
+     * Indicates whether the table footer is fixed.
+     */
+    this.fixed = false;
+    /**
+     * Indicates whether the table footer has a row divider.
+     */
+    this.rowDivider = false;
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        'fixed-footer': this.fixed,
+        'row-divider': this.rowDivider,
+      }, ref: (ref) => this.vegaTableFootStateController.handleTableFootRefChange(ref) },
+      h("tfoot", null,
+        h("slot", null))), this.host);
+  }
+  static get is() { return "vega-table-foot"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot.css"]
+  }; }
+  static get states() { return {
+    "fixed": {},
+    "rowDivider": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFoot.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaTableFootStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "childChangeEventPrevent", void 0);

package/dist/collection/components/vega-table/vega-table-foot-cell/slimmers/controllers/vega-table-foot-cell-state-controller.js

@@ -0,0 +1,43 @@
+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 { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { MapToComponentField } from 'vega-slimmer/core';
+/**
+ * Controller for the table row states
+ */
+export class VegaTableFootCellStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (columnDivider) => {
+            const parent = this.host.parentElement;
+            if (parent) {
+              const lastCell = parent.querySelector('vega-table-foot-cell:last-of-type');
+              this.columnDivider = columnDivider && lastCell !== this.host;
+            }
+          },
+        },
+      ],
+    });
+  }
+}
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "density", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "columnDivider", void 0);

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

@@ -0,0 +1,32 @@
+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 { h } from '@stencil/core';
+import { FeatureFlag } from '../../../../../helpers/public-api';
+import { generateResponsiveClass } from '../../../utils';
+import { arrayToClassString } from '../../../../../utils/ui';
+export class VegaTableFootCellRenderer extends VegaSlimmer {
+  render() {
+    return (h("td", { class: {
+        'vega-table-cell': true,
+        'break-word': !FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'),
+        [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
+      } },
+      h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
+        h("span", { class: "vega-table-column-label" },
+          h("slot", null)))));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "breakpoint", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "textAlign", void 0);

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

@@ -0,0 +1,116 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+/* This file is generated by vega-design 2.0.77 */
+:host .vega-table-cell.v-hidden {
+  display: none;
+}
+
+@media (min-width: 320px) {
+  :host .vega-table-cell.S\:v-table-cell {
+    display: table-cell;
+  }
+}
+@media (min-width: 768px) {
+  :host .vega-table-cell.M\:v-table-cell {
+    display: table-cell;
+  }
+}
+@media (min-width: 1024px) {
+  :host .vega-table-cell.L\:v-table-cell {
+    display: table-cell;
+  }
+}
+@media (min-width: 1440px) {
+  :host .vega-table-cell.XL\:v-table-cell {
+    display: table-cell;
+  }
+}
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: contents;
+}
+
+td {
+  background-color: rgba(var(--v-bg-table-header, 240, 243, 247, 1));
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  text-align: left;
+  vertical-align: middle;
+  padding: 12px;
+  font-family: "Inter", sans-serif;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+  overflow-wrap: break-word;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  td {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  td {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  td {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+td.break-word {
+  word-break: break-word;
+}
+
+.vega-table-column {
+  display: flex;
+  align-items: center;
+}
+.vega-table-column.center {
+  justify-content: center;
+  text-align: center;
+}
+.vega-table-column.right {
+  justify-content: flex-end;
+  text-align: right;
+}
+.vega-table-column.left {
+  justify-content: flex-start;
+  text-align: left;
+}
+.vega-table-column .vega-table-column-label {
+  min-width: 0px;
+}
+
+:host(.density-default) .vega-table-cell {
+  padding: 12px;
+}
+
+:host(.density-compact) .vega-table-cell {
+  padding: 4px;
+}
+
+:host(.density-relaxed) .vega-table-cell {
+  padding: 16px;
+}
+
+:host(.column-divider) .vega-table-cell {
+  border-color: rgba(var(--v-border-color-divider, 171, 198, 216, 1));
+  border-right-width: 1px;
+  border-right-style: solid;
+}