@globalpayments/vega 2.40.0 → 2.42.0

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/clear-style-toolbar-button-slimmer.js

@@ -33,7 +33,8 @@ export class ClearStyleToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/code-toolbar-button-slimmer.js

@@ -35,8 +35,9 @@ export class CodeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-      node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/image-toolbar-button-slimmer.js

@@ -56,7 +56,8 @@ export class ImageToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK)));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/italic-toolbar-button-slimmer.js

@@ -34,11 +34,12 @@ export class ItalicToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/less-indent-toolbar-button-slimmer.js

@@ -26,7 +26,8 @@ export class LessIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return (selectedBlocks.some((node) => node.type === 'list-item') ||
+    return (super.isDisabled() ||
+      selectedBlocks.some((node) => node.type === 'list-item') ||
       selectedNodes.some((node) => node instanceof RTEImageNode));
   }
   onClick() {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/link-toolbar-button-slimmer.js

@@ -59,7 +59,8 @@ export class LinkToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     const selectedBlocks = this.selectionController.getSelectedBlocks();
-    return (selectedBlocks.length > 1 ||
+    return (super.isDisabled() ||
+      selectedBlocks.length > 1 ||
       selectedNodes.some((node) => {
         var _a;
         return !(node instanceof RTETextNode) ||

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/more-indent-toolbar-button-slimmer.js

@@ -26,7 +26,8 @@ export class MoreIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   isDisabled() {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return (selectedBlocks.some((node) => node.type === 'list-item') ||
+    return (super.isDisabled() ||
+      selectedBlocks.some((node) => node.type === 'list-item') ||
       selectedNodes.some((node) => node instanceof RTEImageNode));
   }
   onClick() {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/strikethrough-toolbar-button-slimmer.js

@@ -37,11 +37,12 @@ export class StrikethroughToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/text-color-toolbar-button-slimmer.js

@@ -32,7 +32,10 @@ export class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     }, {});
   }
   renderSlotContent() {
-    return (h("div", { class: "toolbar-btn-color-preview-box", style: {
+    return (h("div", { class: {
+        'toolbar-btn-color-preview-box': true,
+        'disabled': this.isDisabled(),
+      }, style: {
         backgroundColor: this.getCurrentColor(),
       } }));
   }
@@ -102,12 +105,13 @@ export class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/text-styles-toolbar-button-slimmer.js

@@ -67,7 +67,8 @@ export class TextStylesToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE)));
   }
   addDropdownObserver(dropdownRef) {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownClick, this.handleDropdownItemClick);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/toolbar-button-slimmer.abstract.js

@@ -12,13 +12,13 @@ export class ToolbarButtonSlimmer extends VegaSlimmer {
   constructor({ icon, tooltip }) {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
-      var _a, _b;
+      var _a;
       return (h("vega-tooltip", { text: this.tooltip.text, placement: ['bottom', 'top'] },
         h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
               this.handleClick();
             });
-          }, selected: this.isSelected(), disabled: (_a = this.isDisabled) === null || _a === void 0 ? void 0 : _a.call(this) }, this.preventLostFocus()), (_b = this.renderSlotContent) === null || _b === void 0 ? void 0 : _b.call(this))));
+          }, selected: this.isSelected(), disabled: this.isDisabled() }, this.preventLostFocus()), (_a = this.renderSlotContent) === null || _a === void 0 ? void 0 : _a.call(this))));
     };
     /**
      * Handle the click event on the toolbar button.
@@ -48,6 +48,12 @@ export class ToolbarButtonSlimmer extends VegaSlimmer {
       ? this.renderBtnWrapper(this.renderBtn)
       : this.renderBtn();
   }
+  /**
+   * Whether the button is disabled or not.
+   */
+  isDisabled() {
+    return this.disabled;
+  }
   preventLostFocus() {
     return {
       onMouseDown: (e) => e.preventDefault(),
@@ -60,3 +66,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "focusController", void 0);
+__decorate([
+  MapToComponentField()
+], ToolbarButtonSlimmer.prototype, "disabled", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/underline-toolbar-button-slimmer.js

@@ -37,11 +37,12 @@ export class UnderlineToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-renderer.js

@@ -72,7 +72,7 @@ export class VegaRichTextEditorRenderer extends VegaSlimmer {
   /**
    * Returns the rich text editor component editable element
    *
-   * @returns {HTMLDivElement} The div element which has property contenteditable
+   * @returns {Nullable<HTMLDivElement>} The div element which has property contenteditable
    */
   getRTEEditableElementRef() {
     if (this.richTextContentRef && this.richTextContentRef.shadowRoot) {

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor-toolbar-button/vega-rich-text-editor-toolbar-button.css

@@ -44,6 +44,7 @@
 .rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
+  cursor: not-allowed;
 }
 .rich-text-editor-toolbar-btn.rich-text-editor-toolbar-button-disabled vega-icon {
   color: rgba(var(--v-text-disabled, 176, 180, 181, 1));

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.css

@@ -109,6 +109,7 @@
 :host .rich-text-editor-container.disabled {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
+  cursor: not-allowed;
 }
 :host .rich-text-editor-container.disabled:hover, :host .rich-text-editor-container.disabled:focus-within {
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
@@ -116,6 +117,10 @@
 :host .rich-text-editor-container.disabled:focus-within {
   outline: none;
 }
+:host .rich-text-editor-container.disabled vega-rich-text-content {
+  pointer-events: none;
+  opacity: 0.35;
+}
 :host .rich-text-editor-container.error {
   border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
 }
@@ -206,11 +211,13 @@
   border-radius: 4px;
   width: 16px;
   height: 16px;
-  cursor: pointer;
   justify-content: center;
   align-items: center;
   margin-left: 6px;
 }
+.toolbar-btn-group .toolbar-btn-color-preview-box.disabled {
+  opacity: 0.35;
+}
 .toolbar-btn-group .toolbar-btn-link-wrapper {
   position: relative;
 }

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/slimmers/controllers/vega-selection-chip-group-items-controller.js

@@ -63,7 +63,7 @@ export class VegaSelectionChipGroupItemsController extends VegaSlimmer {
   /**
    * The function returns current chip items array.
    *
-   * @returns {HTMLElement[]} - current chip items.
+   * @returns {HTMLVegaSelectionChipElement[]} - current chip items.
    */
   getSelectionChipArray() {
     return this.selectionChipArray;
@@ -114,7 +114,7 @@ export class VegaSelectionChipGroupItemsController extends VegaSlimmer {
    * Find the changed attribute mutation record.
    *
    * @param {MutationRecord[]} mutations - Mutations record
-   * @returns {MutationRecord} - Changed attribute mutation record..
+   * @returns {Nullable<MutationRecord>} - Changed attribute mutation record..
    */
   findAttributeMutation(mutations) {
     return mutations && mutations.find((mutation) => mutation.attributeName);
@@ -123,7 +123,7 @@ export class VegaSelectionChipGroupItemsController extends VegaSlimmer {
    * Get the current checked chip element from mutation.
    *
    * @param {MutationRecord} mutation - mutation.
-   * @returns {HTMLElement} The current checked chip.
+   * @returns {Nullable<HTMLVegaSelectionChipElement>} The current checked chip.
    */
   getCurrentChip(mutation) {
     if (mutation &&
@@ -135,7 +135,7 @@ export class VegaSelectionChipGroupItemsController extends VegaSlimmer {
   /**
    * Get the first checked chip element from an array of selection chips.
    *
-   * @returns {HTMLElement} The first checked chip.
+   * @returns {Nullable<HTMLVegaSelectionChipElement>} The first checked chip.
    */
   getFirstCheckedChip() {
     return this.selectionChipArray.find((chip) => chip.checked);

package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/slimmers/controllers/vega-selection-tile-group-items-controller.js

@@ -24,7 +24,7 @@ export class VegaSelectionTileGroupItemsController extends VegaSlimmer {
   /**
    * The function `getSelectionTileArray` returns an array of HTMLVegaSelectionTileElement elements.
    *
-   * @returns {HTMLElement[]} An array of HTMLVegaSelectionTileElement elements is being returned.
+   * @returns {HTMLVegaSelectionTileElement[]} An array of HTMLVegaSelectionTileElement elements is being returned.
    */
   getSelectionTileArray() {
     return this.selectionTileArray;

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

@@ -93,7 +93,7 @@ export class VegaTabGroupPanelController extends VegaSlimmer {
   /**
    * get the default active panel element if user set
    *
-   * @returns {string} the default active panel attribute id
+   * @returns {Nullable<string>} the default active panel attribute id
    */
   getDefaultActivePanelId() {
     if (this.tabPanels && this.tabPanels.length) {

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

@@ -18,7 +18,7 @@ export class VegaTableEditableController extends VegaSlimmer {
   /**
    * Get the map of the row form refs
    *
-   * @returns {Map} The map of row form refs
+   * @returns {Map<string, HTMLVegaFormElement>} The map of row form refs
    */
   getRowFormRefMap() {
     return this.rowFormRefMap;
@@ -173,7 +173,7 @@ export class VegaTableEditableController extends VegaSlimmer {
    * The callback to handle [getFormRef]{@link VegaTable.getFormRef}
    *
    * @param {string} rowKey - The key of the row's record
-   * @returns {HTMLElement} The form ref of the row
+   * @returns {HTMLVegaFormElement} The form ref of the row
    */
   getFormRef(rowKey) {
     if (!this.canMethodBeInvokedInCurrentState('getFormRef')) {

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

@@ -50,7 +50,7 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     /**
      * Get the row selection type
      *
-     * @returns {'multiple' | 'single'} Return the type of the row selection
+     * @returns {Nullable<'multiple' | 'single'>} Return the type of the row selection
      */
     this.getRowSelectionType = () => {
       if (!this.rowSelection)

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

@@ -25,7 +25,7 @@ export class VegaTableSorter {
   /**
    * Get params from sorter object for external use
    *
-   * @returns {{VegaTableSorterType}} sorter prop and order
+   * @returns {VegaTableSorterType} sorter prop and order
    */
   toExternalFormat() {
     return { prop: this.prop, order: this.order };
@@ -33,7 +33,7 @@ export class VegaTableSorter {
   /**
    * Get sorter order value
    *
-   * @returns {{VegaTableSortOrderType}} sorter order
+   * @returns {VegaTableSortOrderType} sorter order
    */
   getSortOrder() {
     return this.order;

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

@@ -14,7 +14,7 @@ export class VegaTableHeaderRenderer extends VegaSlimmer {
     this.renderHeaderColumnCells = () => {
       return this.columns.map((column) => {
         var _a;
-        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), breakpoint: column.breakpoint, 
+        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), sortConfig: this.sortConfig, breakpoint: column.breakpoint, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, (input) => {
@@ -37,6 +37,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableHeaderRenderer.prototype, "sortConfig", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);

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

@@ -20,6 +20,7 @@ import { arrayToClassString } from '../../../../utils/ui';
 import { h } from '@stencil/core';
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange, VegaPageSizeChange } from '../../../../helpers/event-manager/event-id/vega-event-id';
+import ResponsiveFormatFacade from '../../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
 export class VegaTablePaginationRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -52,9 +53,9 @@ export class VegaTablePaginationRenderer extends VegaSlimmer {
       (_b = (_a = this.pagination).vegaPageSizeChange) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     };
     this.getPaginationConfig = () => {
-      var _a;
-      const _b = this.pagination, { position } = _b, otherProps = __rest(_b, ["position"]);
-      return Object.assign(Object.assign({}, otherProps), { position: ((_a = this.pagination.extensions) === null || _a === void 0 ? void 0 : _a.length) > 1 ? undefined : position || 'bottom-center', pageSize: this.pageSize });
+      const _a = this.pagination, { position } = _a, otherProps = __rest(_a, ["position"]);
+      const currentExtensions = ResponsiveFormatFacade.formatCustom(this.pagination.extensions);
+      return Object.assign(Object.assign({}, otherProps), { position: (currentExtensions === null || currentExtensions === void 0 ? void 0 : currentExtensions.length) > 1 ? undefined : position || 'bottom-center', pageSize: this.pageSize });
     };
   }
   render() {

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

@@ -48,9 +48,14 @@ export class VegaTableHeadCell {
      * @returns {Nullable<'desc' | 'asc'>} Return the next sorter order
      */
     this.getNextSortOrder = (sortOrder) => {
-      const orderSequence = FeatureFlag.isEnabled('VEGA_TABLE.REVERSE_SORT_ORDER')
-        ? ['asc', 'desc', null]
-        : ['desc', 'asc', null];
+      var _a;
+      const isReverseSortOrder = FeatureFlag.isEnabled('VEGA_TABLE.REVERSE_SORT_ORDER');
+      const baseOrderSequence = isReverseSortOrder
+        ? ['asc', 'desc']
+        : ['desc', 'asc'];
+      const orderSequence = ((_a = this.sortConfig) === null || _a === void 0 ? void 0 : _a.disableUnsorted)
+        ? baseOrderSequence
+        : [...baseOrderSequence, null];
       return orderSequence[(orderSequence.indexOf(sortOrder) + 1) % orderSequence.length];
     };
   }
@@ -201,6 +206,29 @@ export class VegaTableHeadCell {
       },
       "attribute": "width",
       "reflect": false
+    },
+    "sortConfig": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaTableSortConfig",
+        "resolved": "{ type: \"single\" | \"multiple\"; disableUnsorted?: boolean; }",
+        "references": {
+          "VegaTableSortConfig": {
+            "location": "import",
+            "path": "../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the sorting configuration for the table header cell."
+      }
     }
   }; }
   static get states() { return {

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

@@ -828,7 +828,7 @@ export class VegaTable {
       "mutable": false,
       "complexType": {
         "original": "VegaTableSortConfig",
-        "resolved": "{ type: \"single\" | \"multiple\"; }",
+        "resolved": "{ type: \"single\" | \"multiple\"; disableUnsorted?: boolean; }",
         "references": {
           "VegaTableSortConfig": {
             "location": "import",

package/dist/collection/components/vega-time-picker/slimmers/controllers/vega-time-picker-range-dropdown-controller.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 { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
-import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender-slimmer';
+import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
 /** The `VegaTimePickerRangeDropdownController` class is responsible for managing the dropdown menu for selecting a range of time in the VegaTimePicker component. */
 export class VegaTimePickerRangeDropdownController extends ElementAppenderSlimmer {
   /**

package/dist/collection/components/vega-time-picker/slimmers/controllers/vega-time-picker-single-dropdown-controller.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 { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
-import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender-slimmer';
+import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
 import { LogUtility } from '../../../../utils/log';
 import { pad } from '../../../../utils/date';
 /** The `VegaTimePickerDropdownController` class is responsible for managing the dropdown functionality of the VegaTimePicker component in a TypeScript application. */

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

@@ -43,7 +43,7 @@
   overflow-y: auto;
 }
 
-.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel > ul {
+:host(.mobile) .vega-time-picker-dropdown-panel > ul {
   overflow-y: auto;
   overflow-x: hidden;
 }

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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 { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender-slimmer';
+import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
 import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 /**
  * The class is responsible for managing the visibility and behavior of the tooltip content box.

package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-scrollable-controller.js

@@ -40,19 +40,19 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * watchSourceChange
    */
   watchSourceChange() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchApproxItemHeight
    */
   watchApproxItemHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchViewportMaxHeight
    */
   watchViewportMaxHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * The scrollToIndex function scrolls to a specific index within a container element either by
@@ -104,7 +104,9 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * The function adjusts the scroll top position based on certain properties to ensure it stays within
    * valid bounds.
    */
-  adjustScrollTopWhilePropChange() {
+  adjustScrollTopInVirtualMode() {
+    if (this.modeController.getMode() === 'normal')
+      return;
     this.scrollTop = Math.min((this.source.length - Math.floor(this.viewportMaxHeight / this.approxItemHeight)) *
       this.approxItemHeight, this.scrollTop);
   }
@@ -139,8 +141,9 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * being equal to `this.viewportMaxHeight`.
    */
   isScrollToBottomInNormalMode() {
+    const containerRef = this.renderer.getContainerRef();
     return (this.modeController.getMode() === 'normal' &&
-      this.source.length * this.approxItemHeight - this.scrollTop === this.viewportMaxHeight);
+      containerRef.scrollHeight - this.scrollTop >= this.viewportMaxHeight);
   }
 }
 __decorate([

package/dist/collection/decorators/method-decorators/component-load-required.js

@@ -3,7 +3,7 @@
  * For example in {@link VegaDatePicker},
  * we want to make sure when {@code @Watch('value')} method is invoked, it should wait for the component is loaded before executing
  *
- * @returns {Function} The function decorated
+ * @returns {FunctionDecoratedType} The function decorated
  */
 export function ComponentLoadRequired() {
   return (componentClass, _decoratedMethodName, decoratedMethod) => {

package/dist/collection/decorators/property-decorators/inject-element-appender.js

@@ -9,7 +9,7 @@ import { findParent, isParent } from '../../utils/ui';
  * show/hide.
  * @param {string} [isDropdownShowName] - The name of the property that will be used to determine if
  * the dropdown is shown or not.
- * @returns {void} A function that takes a component class and a string.
+ * @returns {(target: ComponentInterface, key: string) => void} A function that takes a component class and a string.
  */
 export function InjectElementAppender(showConfigFactory, getTrigger, isDropdownShowName) {
   return (componentClass, elementAppenderName) => {

package/dist/collection/decorators/property-decorators/inject-keyboard-manager.js

@@ -6,7 +6,7 @@ import KeyboardManager from '../../helpers/keyboard/keyboard-manager';
  * component is disconnected
  *
  * @param {(instance: ComponentInterface) => KeyboardEventListener[]} listenersRetriever - (instance: ComponentInterface) => KeyboardEventListener[]
- * @returns {void} A decorator function that takes a component class and a property name.
+ * @returns {(target: ComponentInterface, key: string) => void} A decorator function that takes a component class and a property name.
  */
 export function InjectKeyboardManager(listenersRetriever) {
   /* A decorator function that takes a component class and a property name. */

package/dist/collection/helpers/calendar/calendar-event.js

@@ -61,7 +61,7 @@ export class CalendarEvent {
   /**
    * This function returns the variant of an event in TypeScript.
    *
-   * @returns {VegaCalendarEventVariantType|null} The variant of the event.
+   * @returns {Nullable<VegaCalendarEventVariantType>} The variant of the event.
    */
   get variant() {
     return this._event.variant;
@@ -69,7 +69,7 @@ export class CalendarEvent {
   /**
    * This function returns the color of an event in TypeScript.
    *
-   * @returns {string|null} The color of the event.
+   * @returns {Nullable<string>} The color of the event.
    */
   get color() {
     return this._event.color;

package/dist/collection/helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory.js

@@ -40,7 +40,7 @@ class DomNodeSubjectFactory {
    *
    * @param {HTMLElement} childNode - Child node.
    * @param {VegaEventIDInterface} eventId - eventId.
-   * @returns {DomNodeSubject} - Parent node subject.
+   * @returns {Nullable<DomNodeSubject>} - Parent node subject.
    */
   getSubjectFromParentNodeByEventId(childNode, eventId) {
     let subject;

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject.js

@@ -13,7 +13,7 @@ export class StaticSubject {
   /**
    * Get the title of the subject
    *
-   * @returns {SubjectTitle} The title of the subject.
+   * @returns {string} The title of the subject.
    */
   getDescription() {
     return this.title;

package/dist/collection/helpers/chart/drawers/legend-drawer.js

@@ -23,7 +23,7 @@ export class LegendDrawer extends BaseDrawer {
   /**
    * This function draws a legend on a chart using input options.
    *
-   * @returns {(SVGGElement | HTMLCanvasElement)[]}  draw piece
+   * @returns {(SVGGElement | HTMLCanvasElement)[] | undefined}  draw piece
    */
   draw() {
     const { data = [], colors, position, width } = this.options.renderOptions;