@heartlandone/vega 2.84.0 → 2.86.0

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

@@ -42,8 +42,14 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
         }
       }
     };
+    this.renderHeaderDraggableCell = (renderInput) => {
+      return (this.draggable && (h("th", { rowSpan: renderInput.startRowSpan, class: {
+          'vega-table-draggable-column': true,
+          'hidden': renderInput.isStartHidden,
+        } })));
+    };
     this.renderHeaderExpandableCell = (renderInput) => {
-      return (this.expandable && (h("th", { rowSpan: renderInput.endRowSpan, class: {
+      return (this.hasExpandableRow && (h("th", { rowSpan: renderInput.endRowSpan, class: {
           'vega-table-expand-action-column': true,
           'hidden': renderInput.isEndHidden,
         } })));
@@ -89,6 +95,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
         }, rowSpan: renderInput.startRowSpan, class: {
           hidden: renderInput.isStartHidden,
         } }),
+      this.renderHeaderDraggableCell(renderInput),
       this.renderHeaderSelectionCell(renderInput),
       h("slot", null),
       this.renderHeaderExpandableCell(renderInput),
@@ -142,7 +149,10 @@ __decorate([
 ], VegaTableHeadRowRenderer.prototype, "checkedAll", void 0);
 __decorate([
   MapToComponentField()
-], VegaTableHeadRowRenderer.prototype, "expandable", void 0);
+], VegaTableHeadRowRenderer.prototype, "hasExpandableRow", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "draggable", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableHeadRowRenderer.prototype, "isEmptyTable", void 0);

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

@@ -33,9 +33,9 @@ export class VegaTableHeadRow {
     this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnHeadRowRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
-     * Indicates whether the row is expandable.
+     * Indicates whether the table has an expandable row.
      */
-    this.expandable = false;
+    this.hasExpandableRow = false;
   }
   render() {
     slotPlaceholder(h("slot", null));
@@ -96,7 +96,7 @@ export class VegaTableHeadRow {
   }; }
   static get states() { return {
     "currentBreakpoint": {},
-    "expandable": {},
+    "hasExpandableRow": {},
     "selectionType": {},
     "paddingX": {},
     "checkedAll": {},
@@ -104,7 +104,8 @@ export class VegaTableHeadRow {
     "density": {},
     "isEmptyTable": {},
     "isTemplateRenderMode": {},
-    "renderInput": {}
+    "renderInput": {},
+    "draggable": {}
   }; }
   static get elementRef() { return "host"; }
 }

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

@@ -18,7 +18,15 @@ export class VegaTableRowStateController extends SubStateObserverSlimmer {
       subStates: [
         {
           subStateName: 'expandable',
-          parentStateName: 'rowExpandable',
+          parentStateName: 'expandableRows',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (value) => {
+            this.expandable = value.includes(this.rowKey);
+          },
+        },
+        {
+          subStateName: 'hasExpandableRow',
+          parentStateName: 'hasExpandableRow',
         },
         {
           subStateName: 'clickable',
@@ -57,6 +65,10 @@ export class VegaTableRowStateController extends SubStateObserverSlimmer {
           subStateName: 'density',
           parentStateName: 'density',
         },
+        {
+          subStateName: 'draggable',
+          parentStateName: 'rowDraggable',
+        },
       ],
     });
   }
@@ -89,6 +101,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "expandable", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "hasExpandableRow", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "clickable", void 0);
@@ -104,6 +119,12 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "density", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "draggable", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowStateController.prototype, "rowKey", void 0);
 __decorate([
   MapToComponentMethod('watchSelectionType')
 ], VegaTableRowStateController.prototype, "watchSelectionType", null);

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

@@ -10,6 +10,7 @@ import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-man
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
 import chevronDown from '../../../../../global/icons/chevron-down';
+import gripDotsVertical from '../../../../../global/icons/grip-dots-vertical';
 import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
@@ -17,6 +18,11 @@ import { findParent } from '../../../../../utils/ui';
 export class VegaTableRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.renderDragIcon = () => {
+      return (this.draggable && (h("td", { class: "vega-table-draggable-column" },
+        h("vega-flex", { alignItems: "center" },
+          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('grip-dots-vertical'), color: "text-link" })))));
+    };
     this.renderRowSelection = () => {
       if (this.selectionType !== 'multiple')
         return;
@@ -31,9 +37,8 @@ export class VegaTableRowRenderer extends VegaSlimmer {
             } }))));
     };
     this.renderExpandIcon = () => {
-      return (this.expandable && (h("td", { class: "vega-table-expand-action-column" },
-        h("div", { class: "vega-table-expand-icon-wrapper" },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick })))));
+      return ((this.expandable || this.hasExpandableRow) && (h("td", { class: "vega-table-expand-action-column" },
+        h("div", { class: "vega-table-expand-icon-wrapper" }, this.expandable && (h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick }))))));
     };
     this.onRowClick = () => {
       this.vegaTableRowClickController.handleRowClick();
@@ -85,6 +90,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         /* eslint-disable-next-line react/jsx-no-bind */
         onClick: this.clickable ? this.onRowClick : null },
         h("td", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
+        this.renderDragIcon(),
         this.renderRowSelection(),
         h("slot", null),
         this.renderExpandIcon(),
@@ -98,7 +104,10 @@ export class VegaTableRowRenderer extends VegaSlimmer {
   }
 }
 (() => {
-  VegaInternalIconManager.register({ 'chevron-down': chevronDown });
+  VegaInternalIconManager.register({
+    'chevron-down': chevronDown,
+    'grip-dots-vertical': gripDotsVertical,
+  });
 })();
 __decorate([
   MapToComponentField()
@@ -124,12 +133,18 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandable", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "hasExpandableRow", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaClick", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "selectionType", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "draggable", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaTableRowSelectionController", void 0);

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

@@ -142,4 +142,10 @@ tr.expand-row-space {
 .vega-table-selection-column {
   width: 40px;
   min-width: 40px;
+}
+
+.vega-table-draggable-column {
+  width: 16px;
+  min-width: 16px;
+  cursor: move;
 }

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

@@ -41,6 +41,14 @@ export class VegaTableRow {
     this.stripedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'striped', 'watchStriped');
     this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'rowDivider', 'watchRowDivider');
     this.currentBreakpoint = getCurrentBreakpoint();
+    /**
+     * Indicates whether the table has an expandable row.
+     */
+    this.hasExpandableRow = false;
+    /**
+     * Sync from {@link VegaTable.rowDraggable}
+     */
+    this.draggable = false;
   }
   watchSelectionType() {
     methodPlaceholder();
@@ -139,6 +147,7 @@ export class VegaTableRow {
   static get states() { return {
     "currentBreakpoint": {},
     "clicked": {},
+    "hasExpandableRow": {},
     "expandable": {},
     "clickable": {},
     "paddingX": {},
@@ -146,7 +155,8 @@ export class VegaTableRow {
     "checked": {},
     "expanded": {},
     "columnDivider": {},
-    "density": {}
+    "density": {},
+    "draggable": {}
   }; }
   static get events() { return [{
       "method": "vegaClick",

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

@@ -144,4 +144,9 @@ col.v-hidden {
 
 :host(.is-pinned-table) table {
   min-width: max-content;
+}
+
+.draggable-col {
+  min-width: 16px;
+  width: 16px;
 }

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

@@ -26,7 +26,7 @@ import { VegaTableRowRenderer } from './slimmers/renderers/vega-table-row-render
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
-import { VegaChange, VegaPageSizeChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, VegaRowExpand, VegaSelectAllChange, VegaSelectChange, VegaExpand, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaPageSizeChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, VegaRowExpand, VegaSelectAllChange, VegaSelectChange, VegaExpand, VegaRowDragDrop, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ImmutableMap } from '../../helpers/immutable/immutable-map';
 import { VegaTableRenderModeController } from './slimmers/controllers/vega-table-render-mode-controller';
@@ -36,6 +36,7 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaTableColumnStructureModelController } from './slimmers/controllers/vega-table-column-structure-model-controller';
 import { VegaTableRenderInputController } from './slimmers/controllers/vega-table-render-input-controller';
 import { VegaTablePinnedRenderer } from './slimmers/renderers/vega-table-pinned-renderer';
+import { VegaTableRowDraggableController } from './slimmers/controllers/vega-table-row-draggable-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -54,7 +55,6 @@ export class VegaTable {
     this.vegaTableCellRenderer = new VegaTableCellRenderer();
     this.vegaTablePaginationRenderer = new VegaTablePaginationRenderer();
     this.vegaTableScrollContainerRenderer = new VegaTableScrollContainerRenderer();
-    this.vegaTableExpandRowController = new VegaTableExpandRowController();
     this.vegaTableRowSelectionController = new VegaTableRowSelectionController();
     this.vegaTableDataSourceController = new VegaTableDataSourceController();
     this.vegaTablePaginationController = new VegaTablePaginationController();
@@ -62,13 +62,20 @@ export class VegaTable {
     this.vegaTableSortController = new VegaTableSortController();
     this.vegaTableColGroupRenderer = new VegaTableColGroupRenderer();
     this.vegaTableChildrenController = new VegaTableChildrenController();
+    this.vegaTableRowDraggableController = new VegaTableRowDraggableController();
+    /**
+     * vegaTableExpandRowController should be injected after childrenController and VegaTableDataSourceController,
+     *     because it needs to wait for sync currentData to set expandableRows.
+     */
+    this.vegaTableExpandRowController = new VegaTableExpandRowController();
     /**
      * The below method is e2e-test covered in
      * @see{module:should-render-responsive-columns-with-expandable-row-and-current-breakpoint-is-smaller-than-S}
      */
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.rowSelectionNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowSelection', 'watchRowSelection');
-    this.rowExpandableNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowExpandable', 'watchRowExpandable');
+    this.expandableRowsNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'expandableRows', 'watchExpandableRows');
+    this.hasExpandableRowNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'hasExpandableRow', 'watchHasExpandableRow');
     this.paddingXNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'paddingX', 'watchPaddingX');
     this.rowClickableNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowClickable', 'watchRowClickable');
     this.scrollConfigNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'scrollConfig', 'watchScrollConfig');
@@ -78,11 +85,13 @@ export class VegaTable {
     this.selectAllChangeEventEmitter = createEventEmitSlimmer(VegaTable, VegaSelectAllChange);
     this.rowClickEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowClick);
     this.rowExpandEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowExpand);
+    this.rowDragDropEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowDragDrop);
     this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowDivider', 'watchRowDivider');
     this.columnDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'columnDivider', 'watchColumnDivider');
     this.densityNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'density', 'watchDensity');
     this.isTemplateRenderModeNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'isTemplateRenderMode', 'watchTemplateRenderMode');
     this.currentDataNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'currentData', 'watchCurrentData');
+    this.rowDraggableNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowDraggable', 'watchRowDraggable');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaTableRuntimeMetricsPayloadDefinition);
     this.rowSelectEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowSelect);
     this.rowSelectAllEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowSelectAll);
@@ -109,6 +118,8 @@ export class VegaTable {
       this.editingRows = newSet;
     });
     this.isSelectedAll = false;
+    this.expandableRows = [];
+    this.hasExpandableRow = false;
     /**
      * Defines the columns of the table.
      *
@@ -152,6 +163,12 @@ export class VegaTable {
      * @vegaVersion 1.3.0
      */
     this.rowClickable = false;
+    /**
+     * Specifies whether the table supports row dragging for reordering.
+     *
+     * @vegaVersion 2.85.0
+     */
+    this.rowDraggable = false;
     /**
      * Specifies whether dividers should be displayed
      *    between rows in the table.
@@ -240,6 +257,12 @@ export class VegaTable {
   watchColumnStructureModel() {
     methodPlaceholder();
   }
+  watchExpandableRows() {
+    methodPlaceholder();
+  }
+  watchHasExpandableRow() {
+    methodPlaceholder();
+  }
   watchColumns() {
     methodPlaceholder();
   }
@@ -258,6 +281,9 @@ export class VegaTable {
   watchRowClickable() {
     methodPlaceholder();
   }
+  watchRowDraggable() {
+    methodPlaceholder();
+  }
   watchRowDivider() {
     methodPlaceholder();
   }
@@ -598,9 +624,14 @@ export class VegaTable {
       "type": "boolean",
       "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        "original": "VegaTableRowExpandableType",
+        "resolved": "((rowKey: string) => boolean) | boolean",
+        "references": {
+          "VegaTableRowExpandableType": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
       },
       "required": false,
       "optional": false,
@@ -636,6 +667,27 @@ export class VegaTable {
       "reflect": false,
       "defaultValue": "false"
     },
+    "rowDraggable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.85.0"
+          }],
+        "text": "Specifies whether the table supports row dragging for reordering."
+      },
+      "attribute": "row-draggable",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "rowDivider": {
       "type": "boolean",
       "mutable": false,
@@ -895,7 +947,9 @@ export class VegaTable {
     "editingRows": {},
     "isSelectedAll": {},
     "isTemplateRenderMode": {},
-    "columnStructureModel": {}
+    "columnStructureModel": {},
+    "expandableRows": {},
+    "hasExpandableRow": {}
   }; }
   static get events() { return [{
       "method": "vegaChange",
@@ -1240,6 +1294,55 @@ export class VegaTable {
           }
         }
       }
+    }, {
+      "method": "vegaRowDragDrop",
+      "name": "vegaRowDragDrop",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.85.0"
+          }],
+        "text": "An event emitter notifying when a row is drag and drop,\n   it include full lifecycle, like drag start, drag, drag enter, drag leave, drag over, drop and drag end."
+      },
+      "complexType": {
+        "original": "DragDropEventPayload",
+        "resolved": "{ status: DragDropEventStatus; options: DragDropEventOptions; }",
+        "references": {
+          "DragDropEventPayload": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      }
+    }, {
+      "method": "rowDragDrop",
+      "name": "rowDragDrop",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.85.0"
+          }],
+        "text": "An event emitter notifying when a row is drag and drop,\n    it include full lifecycle, like drag start, drag, drag enter, drag leave, drag over, drop and drag end."
+      },
+      "complexType": {
+        "original": "DragDropEventPayload",
+        "resolved": "{ status: DragDropEventStatus; options: DragDropEventOptions; }",
+        "references": {
+          "DragDropEventPayload": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "openExpandRow": {
@@ -1736,6 +1839,12 @@ export class VegaTable {
     }, {
       "propName": "columnStructureModel",
       "methodName": "watchColumnStructureModel"
+    }, {
+      "propName": "expandableRows",
+      "methodName": "watchExpandableRows"
+    }, {
+      "propName": "hasExpandableRow",
+      "methodName": "watchHasExpandableRow"
     }, {
       "propName": "columns",
       "methodName": "watchColumns"
@@ -1754,6 +1863,9 @@ export class VegaTable {
     }, {
       "propName": "rowClickable",
       "methodName": "watchRowClickable"
+    }, {
+      "propName": "rowDraggable",
+      "methodName": "watchRowDraggable"
     }, {
       "propName": "rowDivider",
       "methodName": "watchRowDivider"
@@ -1816,9 +1928,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaTable.prototype, "vegaTableExpandRowController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowSelectionController", void 0);
@@ -1840,6 +1949,12 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableChildrenController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "vegaTableRowDraggableController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "vegaTableExpandRowController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "pageResizeObserverSlimmer", void 0);
@@ -1848,7 +1963,10 @@ __decorate([
 ], VegaTable.prototype, "rowSelectionNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaTable.prototype, "rowExpandableNotifySlimmer", void 0);
+], VegaTable.prototype, "expandableRowsNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "hasExpandableRowNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "paddingXNotifySlimmer", void 0);
@@ -1876,6 +1994,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowDragDropEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
@@ -1891,6 +2012,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "currentDataNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowDraggableNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -173,17 +173,11 @@ export class VegaTimePicker {
      * Controls whether a clear (✕) icon button is displayed inside the time
      * picker input when the field has a non-empty value.
      *
-     * When `true`, clicking the clear icon resets the time picker value to an
-     * empty value (or `['', '']` in `range` mode) and emits a `vegaChange`
-     * event. Set to `false` to hide the clear icon (e.g., for time pickers
-     * where clearing is not desired).
-     *
-     * The clear icon is also hidden when the component is `disabled`.
-     *
-     * When the component is `readOnly`, the clear icon remains visible by
-     * design: read-only only suppresses manual keyboard text entry, while
-     * users can still update the value via the dropdown UI, so clearing the
-     * selected value is still a valid interaction.
+     * When `true`, clicking the clear icon resets the value (or `['', '']` in `range` mode) and emits a `vegaChange` event.
+     * Set to `false` to hide the icon. The clear icon is always hidden when `disabled`.
+     * When `readOnly`, the clear icon remains visible — read-only suppresses manual keyboard
+     * entry but the value can still be updated via the dropdown, so clearing
+     * remains a valid interaction.
      *
      * @default true
      * @vegaVersion 2.84.0
@@ -529,7 +523,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "2.84.0"
           }],
-        "text": "Controls whether a clear (\u2715) icon button is displayed inside the time\npicker input when the field has a non-empty value.\n\nWhen `true`, clicking the clear icon resets the time picker value to an\nempty value (or `['', '']` in `range` mode) and emits a `vegaChange`\nevent. Set to `false` to hide the clear icon (e.g., for time pickers\nwhere clearing is not desired).\n\nThe clear icon is also hidden when the component is `disabled`.\n\nWhen the component is `readOnly`, the clear icon remains visible by\ndesign: read-only only suppresses manual keyboard text entry, while\nusers can still update the value via the dropdown UI, so clearing the\nselected value is still a valid interaction."
+        "text": "Controls whether a clear (\u2715) icon button is displayed inside the time\npicker input when the field has a non-empty value.\n\nWhen `true`, clicking the clear icon resets the value (or `['', '']` in `range` mode) and emits a `vegaChange` event.\nSet to `false` to hide the icon. The clear icon is always hidden when `disabled`.\nWhen `readOnly`, the clear icon remains visible \u2014 read-only suppresses manual keyboard\nentry but the value can still be updated via the dropdown, so clearing\nremains a valid interaction."
       },
       "attribute": "show-clear-icon",
       "reflect": false,

package/dist/collection/constants/ui.js

@@ -103,6 +103,7 @@ export const VegaNativeEventName = [
   'suggestionItemClick',
   'nativeInputChange',
   'sourceCodeChange',
+  'rowDragDrop',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/icons/grip-dots-vertical.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M32 128a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm0 160a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM64 416A32 32 0 1 0 0 416a32 32 0 1 0 64 0zm96-288a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm32 128a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM160 448a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>`,
+};

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch]],
@@ -91,6 +91,7 @@ const entries = [
       VegaSelectAllChange,
       VegaRowClick,
       VegaRowExpand,
+      VegaRowDragDrop,
       VegaRowSelect,
       VegaRowSelectAll,
     ],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -63,6 +63,7 @@ export const VegaFormSubmit = new VegaEventID('vegaFormSubmit', 'formSubmit');
 export const VegaFormReset = new VegaEventID('vegaFormReset', 'formReset');
 export const VegaRowClick = new VegaEventID('vegaRowClick', 'rowClick');
 export const VegaRowExpand = new VegaEventID('vegaRowExpand', 'rowExpand');
+export const VegaRowDragDrop = new VegaEventID('vegaRowDragDrop', 'rowDragDrop');
 export const VegaSelectChange = new VegaEventID('vegaSelectChange', 'selectChange');
 export const VegaRowSelect = new VegaEventID('vegaRowSelect', 'rowSelect');
 export const VegaRowSelectAll = new VegaEventID('vegaRowSelectAll', 'rowSelectAll');

package/dist/collection/helpers/immutable/immutable-map.js

@@ -90,12 +90,24 @@ export class ImmutableMap {
    *
    * @typedef K generic type
    * @typedef V generic type
+   * @param {boolean} [withMutation=true] - The `withMutation` parameter is a boolean that determines whether the `clear` operation should be performed using the `withMutation` method or not.
+   * 		If `withMutation` is set to `true`, the `clear` operation will be performed using the `withMutation` method, which allows for efficient batch updates to the map.
+   * 		If `withMutation` is set to `false`, the `clear` operation will be performed by directly clearing the underlying map without using the `withMutation` method. The default value for `withMutation` is `true`.
    * @returns {ImmutableMap<K, V>} The method is returning an ImmutableMap<K, V>.
    */
-  clear() {
-    return this.withMutation((map) => {
-      map.clear();
-    });
+  clear(withMutation = true) {
+    if (withMutation) {
+      return this.withMutation((map) => {
+        map.clear();
+      });
+    }
+    else {
+      Array.from(this.keys()).forEach((key) => {
+        this.map.delete(key);
+      });
+      this.size = 0;
+      return this;
+    }
   }
   /**
    * The function is called when the map is mutated