@globalpayments/vega 2.41.0 → 2.42.0

package/dist/collection/components/vega-pagination/vega-pagination-page-size-selector-mobile/vega-pagination-page-size-selector-mobile.js

@@ -0,0 +1,206 @@
+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, Prop } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
+import { PageSizeSelectorMobileRenderer } from './slimmers/renderers/page-size-selector-mobile-renderer';
+import { PageSizeSelectorMobileDropdownRenderer } from './slimmers/renderers/page-size-selector-mobile-dropdown-renderer';
+/**
+ * @vegaVersion 2.42.0
+ */
+export class VegaPaginationPageSizeSelectorMobile {
+  constructor() {
+    this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageSizeSelectorMobileRenderer = new PageSizeSelectorMobileRenderer();
+    this.pageSizeSelectorMobileDropdownRenderer = new PageSizeSelectorMobileDropdownRenderer();
+    /**
+     * Specifies the number of data items to be displayed per page
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.pageSize = 10;
+    /**
+     * Specifies the options available for the page size selector
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.pageSizeSelectorOptions = [10, 20, 50, 100];
+    /**
+     * Specifies the total number of data items
+     *
+     * @vegaVersion 2.42.0
+     */
+    this.total = 0;
+    /**
+     * Specifies the current page number
+     *
+     * @vegaVersion 2.42.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.current = 1;
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);
+  }
+  static get is() { return "vega-pagination-page-size-selector-mobile"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-pagination-page-size-selector-mobile.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-pagination-page-size-selector-mobile.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'pageSizeSelectorMobile' | 'pageSizeSelectorMobile_currentPageLabel'",
+        "resolved": "\"pageSizeSelectorMobile\" | \"pageSizeSelectorMobile_currentPageLabel\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the type of the pagination elements."
+      },
+      "attribute": "type",
+      "reflect": false
+    },
+    "pageSize": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the number of data items to be displayed per page"
+      },
+      "attribute": "page-size",
+      "reflect": false,
+      "defaultValue": "10"
+    },
+    "pageSizeSelectorOptions": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "number[]",
+        "resolved": "number[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the options available for the page size selector"
+      },
+      "defaultValue": "[10, 20, 50, 100]"
+    },
+    "total": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the total number of data items"
+      },
+      "attribute": "total",
+      "reflect": false,
+      "defaultValue": "0"
+    },
+    "current": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the current page number"
+      },
+      "attribute": "current",
+      "reflect": true,
+      "defaultValue": "1"
+    },
+    "dropdownProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DropdownPropsForPagination",
+        "resolved": "{ isScreenPosition?: boolean; }",
+        "references": {
+          "DropdownPropsForPagination": {
+            "location": "import",
+            "path": "../types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the properties of the `vega-dropdown` component\n   used to configure the dropdown for the\n   page size selector mobile in pagination."
+      }
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "pageSizeSelectorMobileRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPaginationPageSizeSelectorMobile.prototype, "pageSizeSelectorMobileDropdownRenderer", void 0);

package/dist/collection/components/vega-pagination/vega-pagination.css

@@ -1,4 +1,4 @@
-/* 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 */
+/* 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 */ /* 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
@@ -6,11 +6,31 @@
 :host {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 20px;
   line-height: normal;
+  flex-wrap: wrap;
+}
+
+:host(.vega-pagination-horizontal) {
+  flex-direction: row;
+  justify-content: space-between;
 }
 
+:host(.vega-pagination-vertical) {
+  flex-direction: column;
+  gap: 16px;
+  justify-content: center;
+}
+
+@media (min-width: 320px) {
+  :host(.vega-pagination-horizontal) {
+    gap: 4px;
+  }
+}
+@media (min-width: 768px) {
+  :host(.vega-pagination-horizontal) {
+    gap: 24px;
+  }
+}
 .vega-pagination {
   display: flex;
   padding: 0px;

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

@@ -13,9 +13,16 @@ import { VegaPaginationPageSelector } from './internal/vega-pagination-page-sele
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaChange, VegaFormSubmit, VegaPageSizeChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+import ResponsiveFormatFacade from '../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { getCurrentBreakpoint } from '../../utils/breakpoints';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { VegaPaginationPageSizeObserverController } from './slimmers/controllers/vega-pagination-page-size-observer-controller';
+import { VegaPaginationCurrentPageObserverController } from './slimmers/controllers/vega-pagination-current-page-observer-controller';
+import { FeatureFlag } from '../../helpers/public-api';
+import { VegaPaginationLayoutController } from './slimmers/controllers/vega-pagination-layout-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -28,12 +35,21 @@ export class VegaPagination {
     this.vegaChangeEventEmitter = createEventEmitSlimmer(VegaPagination, VegaChange);
     this.vegaPageSizeChangeEventEmitter = createEventEmitSlimmer(VegaPagination, VegaPageSizeChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaPaginationPageSizeObserverController = new VegaPaginationPageSizeObserverController();
+    this.vegaPaginationCurrentPageObserverController = new VegaPaginationCurrentPageObserverController();
+    this.breakpointPageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaPaginationLayoutController = new VegaPaginationLayoutController();
     this.vegaPaginationItemTypes = [
       'currentPageLabel',
       'pageSizeSelector',
       'pageSelector',
       'goTo',
+      'pageSelectorMobile',
+      'pageSizeSelectorMobile',
+      'pageSelectorMobile_goTo',
+      'pageSizeSelectorMobile_currentPageLabel',
     ];
+    this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Total number of pages.
      */
@@ -67,9 +83,27 @@ export class VegaPagination {
      * It refers to additional elements or components that can be added to
      *    enhance the functionality or appearance of each pagination item.
      *
+     * @VegaWarning Note: The default value is controlled by feature flag `VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE`, which is disabled by default. To enable the new responsive default value `{
+          default: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']],
+          M: [['pageSelector']],
+        }`, please enable the feature flag.
      * @vegaVersion 1.25.0
+     * @defaultValue [['pageSelector']]
      */
-    this.extensions = [['pageSelector']];
+    this.extensions = FeatureFlag.isEnabled('VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE')
+      ? {
+        default: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']],
+        M: [['pageSelector']],
+      }
+      : [['pageSelector']];
+    /**
+     * Specifies the layout of the elements.
+     *
+     * It determines how the pagination elements are arranged, with options such as 'horizontal' for a horizontal layout or other defined layouts.
+     *
+     * @vegaVersion 2.42.0
+     */
+    this.layout = 'horizontal';
     /**
      * Specifies the options available for the page size selector
      *    in the pagination component.
@@ -79,7 +113,7 @@ export class VegaPagination {
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
     this.renderPaginationItemsWrapper = (extensionArr) => {
-      return (h("vega-flex", { gap: "size-24", alignItems: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {
+      return (h("vega-flex", { gap: { default: 'size-4', M: 'size-24' }, flexWrap: "wrap", alignItems: "center", justifyContent: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {
         return h("div", { key: item }, this.renderPaginationItem(item));
       })));
     };
@@ -97,6 +131,12 @@ export class VegaPagination {
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
         case 'goTo':
           return (h(VegaPaginationGoTo, { onChange: this.handlePaginationGoToChange, pageCount: this.pageCount, translationSlimmer: this.translationSlimmer }));
+        case 'pageSelectorMobile':
+        case 'pageSelectorMobile_goTo':
+          return (h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
+        case 'pageSizeSelectorMobile':
+        case 'pageSizeSelectorMobile_currentPageLabel':
+          return (h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
@@ -147,6 +187,14 @@ export class VegaPagination {
       }
     };
   }
+  /*
+   * The next line is covered in e2e-test
+   * @see{should-render-layout-properly-when-set-responsive-prop-layout}
+   */
+  /* istanbul ignore next */
+  watchCurrentBreakpoint() {
+    methodPlaceholder();
+  }
   watchPageCount() {
     this.currentValueGuard();
   }
@@ -161,6 +209,9 @@ export class VegaPagination {
     this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     this.pageCount = this.calculatePages();
   }
+  watchLayout() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
@@ -169,7 +220,8 @@ export class VegaPagination {
     }
   }
   render() {
-    return sanitizeVegaComponent(h(Host, null, this.removeDuplicateItems(this.extensions).map(this.renderPaginationItemsWrapper)), this.host);
+    const currentExtensions = ResponsiveFormatFacade.formatCustom(this.extensions);
+    return sanitizeVegaComponent(h(Host, null, this.removeDuplicateItems(currentExtensions).map(this.renderPaginationItemsWrapper)), this.host);
   }
   static get is() { return "vega-pagination"; }
   static get encapsulation() { return "shadow"; }
@@ -247,9 +299,13 @@ export class VegaPagination {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "VegaPaginationItemType[][]",
-        "resolved": "VegaPaginationItemType[][]",
+        "original": "ResponsiveType<VegaPaginationItemType[][]>",
+        "resolved": "VegaPaginationItemType[][] | { S?: VegaPaginationItemType[][]; M?: VegaPaginationItemType[][]; L?: VegaPaginationItemType[][]; XL?: VegaPaginationItemType[][]; default?: VegaPaginationItemType[][]; }",
         "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
           "VegaPaginationItemType": {
             "location": "import",
             "path": "./types"
@@ -260,12 +316,48 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "VegaWarning",
+            "text": "Note: The default value is controlled by feature flag `VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE`, which is disabled by default. To enable the new responsive default value `{\ndefault: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']],\nM: [['pageSelector']],\n}`, please enable the feature flag."
+          }, {
             "name": "vegaVersion",
             "text": "1.25.0"
+          }, {
+            "name": "defaultValue",
+            "text": "[['pageSelector']]"
           }],
         "text": "Specifies the extensions associated with the pagination items\n   in the pagination component.\n\nIt refers to additional elements or components that can be added to\n   enhance the functionality or appearance of each pagination item."
       },
-      "defaultValue": "[['pageSelector']]"
+      "defaultValue": "FeatureFlag.isEnabled(\n\t\t'VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE',\n\t)\n\t\t? {\n\t\t\t\tdefault: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']],\n\t\t\t\tM: [['pageSelector']],\n\t\t  }\n\t\t: [['pageSelector']]"
+    },
+    "layout": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<VegaPaginationLayoutType>",
+        "resolved": "\"horizontal\" | \"vertical\" | { S?: VegaPaginationLayoutType; M?: VegaPaginationLayoutType; L?: VegaPaginationLayoutType; XL?: VegaPaginationLayoutType; default?: VegaPaginationLayoutType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "VegaPaginationLayoutType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.42.0"
+          }],
+        "text": "Specifies the layout of the elements.\n\nIt determines how the pagination elements are arranged, with options such as 'horizontal' for a horizontal layout or other defined layouts."
+      },
+      "attribute": "layout",
+      "reflect": false,
+      "defaultValue": "'horizontal'"
     },
     "pageSizeSelectorOptions": {
       "type": "unknown",
@@ -311,6 +403,7 @@ export class VegaPagination {
     }
   }; }
   static get states() { return {
+    "currentBreakpoint": {},
     "pageCount": {}
   }; }
   static get events() { return [{
@@ -394,6 +487,9 @@ export class VegaPagination {
     }]; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "currentBreakpoint",
+      "methodName": "watchCurrentBreakpoint"
+    }, {
       "propName": "pageCount",
       "methodName": "watchPageCount"
     }, {
@@ -405,6 +501,9 @@ export class VegaPagination {
     }, {
       "propName": "pageSize",
       "methodName": "watchPageSize"
+    }, {
+      "propName": "layout",
+      "methodName": "watchLayout"
     }]; }
 }
 __decorate([
@@ -428,3 +527,15 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaPagination.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "vegaPaginationPageSizeObserverController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "vegaPaginationCurrentPageObserverController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "breakpointPageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "vegaPaginationLayoutController", void 0);

package/dist/collection/components/vega-popover/slimmers/controllers/vega-popover-appender-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 remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalPopoverUpdateTarget } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';

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

@@ -20,7 +20,7 @@ export class VegaPopoverAppenderRenderer extends VegaSlimmer {
   /**
    * The function returns the HTML element representing the Vega Popover Content Box.
    *
-   * @returns {HTMLElement} An HTMLVegaPopoverContentBoxElement is being returned.
+   * @returns {HTMLVegaPopoverContentBoxElement} An HTMLVegaPopoverContentBoxElement is being returned.
    */
   getPopoverContentBox() {
     return this.popoverContentBox;
@@ -28,7 +28,7 @@ export class VegaPopoverAppenderRenderer extends VegaSlimmer {
   /**
    * The `render` function returns a JSX element for a `vega-popover-content-box` component with a ref assigned to `this.popoverContentBox`.
    *
-   * @returns {HTMLElement} An HTMLVegaPopoverContentBoxElement element wrapped in a vega-popover-content-box component is being returned.
+   * @returns {HTMLVegaPopoverContentBoxElement} An HTMLVegaPopoverContentBoxElement element wrapped in a vega-popover-content-box component is being returned.
    */
   render() {
     return (h("vega-popover-content-box", { ref: (el) => (this.popoverContentBox = el), showArrow: this.showArrow }));

package/dist/collection/components/vega-radio/vega-radio-group/slimmers/controllers/vega-radio-group-keyboard-controller.js

@@ -85,7 +85,7 @@ export class VegaRadioGroupKeyboardController extends KeyboardManagerSlimmer {
   /**
    * filter out disabled elements.
    *
-   * @returns {Nullable<HTMLElement[]>} radios element
+   * @returns {Nullable<HTMLVegaRadioElement[]> } radios element
    */
   getNotDisabledRadioArray() {
     const radios = Array.from(this.host.querySelectorAll('vega-radio'));

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

@@ -52,7 +52,7 @@ export class VegaRadioGroupRadioItemsController extends VegaSlimmer {
   /**
    * The function returns an array of HTMLVegaRadioElement objects.
    *
-   * @returns {HTMLElement[]} An array of HTMLVegaRadioElement objects is being returned.
+   * @returns {HTMLVegaRadioElement[]} An array of HTMLVegaRadioElement objects is being returned.
    */
   getRadioItemsArray() {
     return this.vegaRadioArray;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-strategy-registry.js

@@ -21,9 +21,12 @@ export class ActionHandleStrategyRegistry {
   /**
    * Get the special strategy that handle the action logic.
    *
+   * @typedef T generic type
+   * @typedef target generic type
+   * @typedef R generic type
    * @param {string} actionType - The special action type or the action class name.
    * @param {string} targetClass - The rich text node class name.
-   * @returns {Nullable<ActionHandleStrategy>} - The action handle strategy instance if defined.
+   * @returns {Nullable<ActionHandleStrategy<T, target, R>>} - The action handle strategy instance if defined.
    */
   static get(actionType, targetClass) {
     const strategyMap = this.registry.get(targetClass);
@@ -34,9 +37,10 @@ export class ActionHandleStrategyRegistry {
   /**
    * Get the special strategy from the registry and run the strategy execute method.
    *
+   * @typedef R generic type
    * @param {ModifyContentAction | AnnotationAction} action - The update node action instance.
    * @param {RTENode | RTEBlock | VegaRTEContent} RTEInstance - The rich text editor node.
-   * @returns {unknown} The return value of the strategy method execute invoke result.
+   * @returns {R | undefined} The return value of the strategy method execute invoke result.
    */
   static executeTheStrategy(action, RTEInstance) {
     const actionType = action instanceof ModifyContentAction ? action.type : action.constructor.name;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-strategy.abstract.js

@@ -6,9 +6,10 @@ export class ActionHandleStrategy {
   /**
    * Public method to invoke the handle logic.
    *
+   * @typedef R generic type
    * @param {ModifyContentAction | AnnotationAction} action - The action instance. Contains the action type and necessary params.
    * @param {RTENode | RTEBlock | VegaRTEContent} target - The rich text node instance that will be modified.
-   * @returns {unknown} - The invoke result in special strategy.
+   * @returns {R} - The invoke result in special strategy.
    */
   execute(action, target) {
     LogUtility.log(`Executing action ${action.constructor.name} on ${target.constructor.name} ${target['id']}`);

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/apply-annotation-strategies/node-split-text-strategy.js

@@ -81,7 +81,7 @@ export class NodeSplitTextStrategy extends ActionHandleStrategy {
    *
    * @param {Range} range - Selection range
    * @param {RTETextNode} target - RTETextNode
-   * @returns {RTETextNode[] | this} RTETextNode array
+   * @returns {RTETextNode[] | RTETextNode} RTETextNode array
    */
   splitTextNode(range, target) {
     const { startContainer, endContainer, startOffset } = range;

package/dist/collection/components/vega-rich-text-editor/dto/actions/clear-formatting-annotation-action.js

@@ -11,7 +11,7 @@ export class ClearFormattingAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {ClearFormattingAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new ClearFormattingAnnotation();

package/dist/collection/components/vega-rich-text-editor/dto/actions/indent-annotation-action.js

@@ -12,7 +12,7 @@ export class IndentAnnotationAction extends AnnotationAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {IndentAnnotation} The annotation
+   * @returns {Annotation} The annotation
    */
   toAnnotation() {
     return new IndentAnnotation(this.indent);

package/dist/collection/components/vega-rich-text-editor/dto/actions/link-group-annotation-action.js

@@ -13,7 +13,7 @@ export class LinkGroupAnnotationAction extends AnnotationAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {LinkGroupAnnotation} The annotation
+   * @returns {Annotation} The annotation
    */
   toAnnotation() {
     return new LinkGroupAnnotation(this.groupKey);

package/dist/collection/components/vega-rich-text-editor/dto/actions/strikethrough-annotation-action.js

@@ -12,7 +12,7 @@ export class StrikethroughAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {StrikethroughAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new StrikethroughAnnotation(this.strikethrough);

package/dist/collection/components/vega-rich-text-editor/dto/actions/text-color-annotation-action.js

@@ -12,7 +12,7 @@ export class TextColorAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action into a text color annotation.
    *
-   * @returns {TextColorAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new TextColorAnnotation(this.textColor);

package/dist/collection/components/vega-rich-text-editor/dto/actions/underline-annotation-action.js

@@ -12,7 +12,7 @@ export class UnderlineAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action to an annotation
    *
-   * @returns {UnderlineAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new UnderlineAnnotation(this.underline);

package/dist/collection/components/vega-rich-text-editor/dto/annotations/indent-annotation.js

@@ -20,7 +20,7 @@ export class IndentAnnotation extends BlockAnnotation {
   /**
    * Generate the JSON item of the annotation
    *
-   * @returns {Record<string, unknown>} JSON representation of the annotation
+   * @returns {Nullable<Record<string, unknown>>} JSON representation of the annotation
    */
   toJSON() {
     return this.indent > 0 ? { indent: this.indent } : null;

package/dist/collection/components/vega-rich-text-editor/dto/annotations/italic-annotation.js

@@ -12,7 +12,7 @@ export class ItalicAnnotation extends NodeAnnotation {
    * Generate the map item for the annotation
    *
    * @param {boolean} italic - Italic annotation
-   * @returns {Nullable<[NodeAnnotationTypeEnum.ITALIC, ItalicAnnotation]>} Map item for the annotation
+   * @returns {[NodeAnnotationTypeEnum.ITALIC, ItalicAnnotation]} Map item for the annotation
    */
   static from(italic) {
     return [NodeAnnotationTypeEnum.ITALIC, new ItalicAnnotation(italic)];