@heartlandone/vega 2.83.0 → 2.85.0

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-text/slimmers/renderers/vega-text-tooltip-renderer.js

@@ -43,11 +43,47 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       if (this.host.clientWidth === 0) {
         return;
       }
+      // VD-8855: Reset the inline `min-width` (previously pinned in px by `insertMinWidthStyle()`
+      // to work around the Safari wrap issue) back to `auto` BEFORE re-measuring overflow.
+      // Without this, a prior ResizeObserver callback that fired during an async container
+      // layout transition (e.g. `vega-calendar` mounting inside a `vega-modal` open animation,
+      // or a previously hidden `vega-tab-group-panel` becoming visible) could leave the host
+      // pinned to a transient narrow width and lock `vega-text` in a truncated state.
+      this.host.style.minWidth = 'auto';
       if (isTextWrapped(this.host)) {
         const tooltip = this.createTooltip();
         void tooltip.componentOnReady().then(() => {
           void this.updateTooltipDisplayText();
         });
+        // VD-8855: After truncating during what may have been a transient narrow layout,
+        // schedule one delayed re-measure (after layout settles) to verify whether the
+        // truncation is still warranted. If the parent has since expanded, the next
+        // `handleTooltip()` call will see no wrap and restore the full text.
+        // This breaks the self-reinforcing collapse where, once the host is pinned to a
+        // 1-character min-width, no further ResizeObserver event ever fires on it.
+        // eslint-disable-next-line no-restricted-globals
+        requestAnimationFrame(() => {
+          // eslint-disable-next-line no-restricted-globals
+          requestAnimationFrame(() => {
+            if (!this.host || !this.host.isConnected) {
+              return;
+            }
+            this.host.style.minWidth = 'auto';
+            if (this.tooltipRef) {
+              this.tooltipRef.innerText = this.content;
+            }
+            if (!isTextWrapped(this.host)) {
+              if (this.tooltipRef && this.tooltipRef.classList.contains('hydrated')) {
+                this.host.innerText = this.content;
+                this.tooltipRef.remove();
+                this.tooltipRef = null;
+              }
+            }
+            else if (this.tooltipRef) {
+              void this.updateTooltipDisplayText();
+            }
+          });
+        });
       }
       else {
         if (this.tooltipRef && this.tooltipRef.classList.contains('hydrated')) {
@@ -55,7 +91,6 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
           this.tooltipRef.remove();
           this.tooltipRef = null;
         }
-        this.host.style.minWidth = 'auto';
       }
     };
     /**

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-clear-button-renderer.js

@@ -21,17 +21,22 @@ export class VegaTimePickerRangeClearButtonRenderer extends VegaSlimmer {
   render() {
     return (h("div", { class: {
         'vega-time-picker-range-clear-icon': true,
-        'invisible': !this.isInvisible(),
+        'invisible': !this.shouldShowClearButton(),
       }, "aria-label": "clear input", role: "button", tabindex: !this.disabled ? 0 : -1, onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   /**
-   * The function checks if the value is an array and if either of the elements in the array is truthy, returning true if so.
+   * Determines whether the range clear button should be visible. The button
+   * is shown only when the clear icon feature is enabled, the component is
+   * not disabled, and at least one end of the range value is non-empty.
    *
-   * @returns {boolean} a boolean value.
+   * @returns {boolean} `true` when the clear button should be visible.
    */
-  isInvisible() {
-    return (!this.disabled && Array.isArray(this.value) && (Boolean(this.value[0]) || Boolean(this.value[1])));
+  shouldShowClearButton() {
+    return (this.showClearIcon &&
+      !this.disabled &&
+      Array.isArray(this.value) &&
+      (Boolean(this.value[0]) || Boolean(this.value[1])));
   }
 }
 __decorate([
@@ -40,6 +45,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerRangeClearButtonRenderer.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerRangeClearButtonRenderer.prototype, "showClearIcon", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTimePickerRangeClearButtonRenderer.prototype, "valueController", void 0);

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.js

@@ -41,7 +41,7 @@ export class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
   /* istanbul ignore next */
   render() {
     return (h("div", { class: "time-picker-input" },
-      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
+      h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, readOnly: this.readOnly, size: this.size, value: typeof this.value === 'string' ? this.value : '', showClearIcon: this.showClearIcon, ref: (ref) => {
           this.timeInputRef = ref;
           this.handleVegaInputEvent(ref);
         } })));
@@ -104,3 +104,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerSingleInputRenderer.prototype, "readOnly", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerSingleInputRenderer.prototype, "showClearIcon", void 0);

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

@@ -169,6 +169,26 @@ export class VegaTimePicker {
      * @vegaVersion 2.79.0
      */
     this.readOnly = false;
+    /**
+     * 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.
+     *
+     * @default true
+     * @vegaVersion 2.84.0
+     */
+    this.showClearIcon = true;
     /**
      * Specifies the validation status of the time picker component.
      *
@@ -491,6 +511,30 @@ export class VegaTimePicker {
       "reflect": false,
       "defaultValue": "false"
     },
+    "showClearIcon": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "true"
+          }, {
+            "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."
+      },
+      "attribute": "show-clear-icon",
+      "reflect": false,
+      "defaultValue": "true"
+    },
     "isValid": {
       "type": "boolean",
       "mutable": true,

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,7 +1,7 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaReset, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, 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]],
+  ['vega-app-header-button', [VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch]],
   ['vega-banner', [VegaClose, VegaActionButtonClick]],
   ['vega-breadcrumb', [VegaClick]],
   ['vega-button', [VegaClick]],
@@ -16,6 +16,7 @@ const entries = [
   ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
   ['vega-color-swatch', [VegaClick]],
+  ['vega-color-swatch-picker', [VegaChange]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
   ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
   ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange]],
@@ -90,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