slickgrid - npm Package Compare versions

Comparing version 5.6.1 to 5.7.0

dist/browser/plugins/slick.checkboxselectcolumn.js

@@ -86,5 +86,5 @@ "use strict";
       }
-      for (let selectedRow in this._selectedRowsLookup)
-        this._grid.invalidateRow(+selectedRow);
-      if (this._selectedRowsLookup = lookup, this._grid.render(), this._isSelectAllChecked = ((_a = selectedRows == null ? void 0 : selectedRows.length) != null ? _a : 0) + disabledCount >= this._grid.getDataLength(), (!this._isUsingDataView || !this._options.applySelectOnAllPages) && (!this._options.hideInColumnTitleRow && !this._options.hideSelectAllCheckbox && this.renderSelectAllCheckbox(this._isSelectAllChecked), !this._options.hideInFilterHeaderRow)) {
+      if (typeof this._selectedRowsLookup == "object" && Object.keys(this._selectedRowsLookup).forEach((selectedRow) => {
+        selectedRow !== void 0 && this._grid.invalidateRow(+selectedRow);
+      }), this._selectedRowsLookup = lookup, this._grid.render(), this._isSelectAllChecked = ((_a = selectedRows == null ? void 0 : selectedRows.length) != null ? _a : 0) + disabledCount >= this._grid.getDataLength(), (!this._isUsingDataView || !this._options.applySelectOnAllPages) && (!this._options.hideInColumnTitleRow && !this._options.hideSelectAllCheckbox && this.renderSelectAllCheckbox(this._isSelectAllChecked), !this._options.hideInFilterHeaderRow)) {
         let selectAllElm = (_b = this._headerRowNode) == null ? void 0 : _b.querySelector(`#header-filter-selector${this._selectAll_UID}`);
@@ -91,0 +91,0 @@ selectAllElm && (selectAllElm.checked = this._isSelectAllChecked);

dist/browser/plugins/slick.rowselectionmodel.js

@@ -62,5 +62,3 @@ "use strict";
       let ranges = [], lastCell = this._grid.getColumns().length - 1;
-      for (let i = 0; i < rows.length; i++)
-        ranges.push(new SlickRange(rows[i], 0, rows[i], lastCell));
-      return ranges;
+      return rows.forEach((row) => ranges.push(new SlickRange(row, 0, row, lastCell))), ranges;
     }
@@ -67,0 +65,0 @@ getRowsRange(from, to) {

dist/browser/slick.core.js

@@ -64,26 +64,21 @@ "use strict";
       __publicField(this, "arguments_");
-      if (this.nativeEvent = event, this.arguments_ = args, event) {
-        let eventProps = [
-          "altKey",
-          "ctrlKey",
-          "metaKey",
-          "shiftKey",
-          "key",
-          "keyCode",
-          "clientX",
-          "clientY",
-          "offsetX",
-          "offsetY",
-          "pageX",
-          "pageY",
-          "bubbles",
-          "type",
-          "which",
-          "x",
-          "y"
-        ];
-        for (let key of eventProps)
-          this[key] = event[key];
-      }
-      this.target = this.nativeEvent ? this.nativeEvent.target : void 0;
+      this.nativeEvent = event, this.arguments_ = args, event && [
+        "altKey",
+        "ctrlKey",
+        "metaKey",
+        "shiftKey",
+        "key",
+        "keyCode",
+        "clientX",
+        "clientY",
+        "offsetX",
+        "offsetY",
+        "pageX",
+        "pageY",
+        "bubbles",
+        "type",
+        "which",
+        "x",
+        "y"
+      ].forEach((key) => this[key] = event[key]), this.target = this.nativeEvent ? this.nativeEvent.target : void 0;
     }
@@ -618,4 +613,5 @@ /**
     static applyDefaults(targetObj, srcObj) {
-      for (let key in srcObj)
+      typeof srcObj == "object" && Object.keys(srcObj).forEach((key) => {
         srcObj.hasOwnProperty(key) && !targetObj.hasOwnProperty(key) && (targetObj[key] = srcObj[key]);
+      });
     }
@@ -622,0 +618,0 @@ /**

dist/browser/slick.dataview.js

@@ -226,3 +226,3 @@ "use strict";
         for (; idx--; )
-          gi.compiledAccumulators[idx] = this.compileAccumulatorLoop(gi.aggregators[idx]);
+          gi.compiledAccumulators[idx] = this.compileAccumulatorLoopCSPSafe(gi.aggregators[idx]);
         this.toggledGroupsByLevel[i] = {};
@@ -558,12 +558,12 @@ }
     }
-    compileAccumulatorLoop(aggregator) {
-      if (aggregator.accumulate) {
-        let accumulatorInfo = this.getFunctionInfo(aggregator.accumulate), fn = new Function(
-          "_items",
-          "for (var " + accumulatorInfo.params[0] + ", _i=0, _il=_items.length; _i<_il; _i++) {" + accumulatorInfo.params[0] + " = _items[_i]; " + accumulatorInfo.body + "}"
-        ), fnName = "compiledAccumulatorLoop";
-        return fn.displayName = fnName, fn.name = this.setFunctionName(fn, fnName), fn;
-      } else
-        return function() {
-        };
+    compileAccumulatorLoopCSPSafe(aggregator) {
+      return aggregator.accumulate ? function(items) {
+        let result;
+        for (let i = 0; i < items.length; i++) {
+          let item = items[i];
+          result = aggregator.accumulate.call(aggregator, item);
+        }
+        return result;
+      } : function() {
+      };
     }
@@ -841,4 +841,3 @@ compileFilterCSPSafe(items, args) {
       let hashById, inHandler, storeCellCssStyles = (hash) => {
-        hashById = {};
-        for (let row in hash)
+        hashById = {}, typeof hash == "object" && Object.keys(hash).forEach((row) => {
           if (hash) {
@@ -848,15 +847,14 @@ let id = this.rows[row][this.idProperty];
           }
+        });
       };
       storeCellCssStyles(grid.getCellCssStyles(key));
       let update = () => {
-        var _a2;
-        if (hashById) {
+        if (typeof hashById == "object") {
           inHandler = !0, this.ensureRowsByIdCache();
           let newHash = {};
-          for (let id in hashById)
-            if (hashById) {
-              let row = (_a2 = this.rowsById) == null ? void 0 : _a2[id];
-              Utils.isDefined(row) && (newHash[row] = hashById[id]);
-            }
-          grid.setCellCssStyles(key, newHash), inHandler = !1;
+          Object.keys(hashById).forEach((id) => {
+            var _a2;
+            let row = (_a2 = this.rowsById) == null ? void 0 : _a2[id];
+            Utils.isDefined(row) && (newHash[row] = hashById[id]);
+          }), grid.setCellCssStyles(key, newHash), inHandler = !1;
         }
@@ -863,0 +861,0 @@ };

dist/browser/slick.groupitemmetadataprovider.js

@@ -10,2 +10,3 @@ "use strict";
     constructor(inputOptions) {
+      __publicField(this, "pluginName", "GroupItemMetadataProvider");
       __publicField(this, "_grid");
@@ -12,0 +13,0 @@ __publicField(this, "_options");

dist/types/models/drag.interface.d.ts

@@ -48,3 +48,4 @@ import type { SlickGrid } from '../slick.grid';
     startY: number;
+    range: DragRange;
 }
 //# sourceMappingURL=drag.interface.d.ts.map

dist/types/models/editorValidator.interface.d.ts

@@ -1,4 +0,4 @@
-import { EditorArguments } from "./editorArguments.interface";
-import { EditorValidationResult } from "./editorValidationResult.interface";
+import { EditorArguments } from './editorArguments.interface';
+import { EditorValidationResult } from './editorValidationResult.interface';
 export type EditorValidator = (value: any, args?: EditorArguments) => EditorValidationResult;
 //# sourceMappingURL=editorValidator.interface.d.ts.map

dist/types/models/gridEvents.interface.d.ts

@@ -158,2 +158,4 @@ import type { Column, CompositeEditorOption, CssStyleHash, Editor, EditorValidationResult, GridOption } from './index';
     scrollTop: number;
+    cell: number;
+    row: number;
 }
@@ -160,0 +162,0 @@ export interface OnDragEventArgs extends SlickGridEventData {

dist/types/models/gridOption.interface.d.ts

@@ -192,2 +192,8 @@ import type { Column as BaseColumn, CellMenuOption, ColumnPickerOption, ColumnReorderFunction, ContextMenuOption, CustomTooltipOption, EditCommand, Editor, ExcelCopyBufferOption, Formatter, GridMenuOption, ItemMetadata } from './index';
     rowHeight?: number;
+    /**
+     * Defaults to "highlight-animate", a CSS class name used to simulate row highlight with an optional duration (e.g. after insert).
+     * Note: make sure that the duration is always lower than the duration defined in the CSS/SASS variable `$alpine-row-highlight-fade-animation`.
+     * Also note that the highlight is temporary and will also disappear as soon as the user starts scrolling or a `render()` is being called
+     */
+    rowHighlightCssClass?: string;
     /** Optional sanitizer function to use for sanitizing data to avoid XSS attacks */
@@ -194,0 +200,0 @@ sanitizer?: (dirtyHtml: string) => string;

dist/types/models/grouping.interface.d.ts

@@ -1,6 +0,6 @@
-import { Aggregator } from "./aggregator.interface";
-import { GroupingComparerItem } from "./groupingComparerItem.interface";
-import { GroupingFormatterItem } from "./groupingFormatterItem.interface";
-import { SortDirectionNumber } from "./sortDirectionNumber.enum";
-export type GroupingGetterFunction<T = any> = (value: T) => string;
+import { Aggregator } from './aggregator.interface';
+import { GroupingComparerItem } from './groupingComparerItem.interface';
+import { GroupingFormatterItem } from './groupingFormatterItem.interface';
+import { SortDirectionNumber } from './sortDirectionNumber.enum';
+export type GroupingGetterFunction<T = any> = (value: T) => any;
 export interface Grouping<T = any> {
@@ -7,0 +7,0 @@ /** Grouping Aggregators array */

dist/types/plugins/slick.cellmenu.d.ts

@@ -142,3 +142,3 @@ import { BindingEventService as BindingEventService_, SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_ } from '../slick.core';
     protected _gridUid: string;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _commandTitleElm?: HTMLSpanElement;
@@ -145,0 +145,0 @@ protected _optionTitleElm?: HTMLSpanElement;

dist/types/plugins/slick.cellrangeselector.d.ts

 /// <reference types="node" />
 import { SlickEvent as SlickEvent_, SlickEventData, SlickEventHandler as SlickEventHandler_, SlickRange as SlickRange_ } from '../slick.core';
 import { SlickCellRangeDecorator as SlickCellRangeDecorator_ } from './slick.cellrangedecorator';
-import type { CellRangeSelectorOption, DOMMouseOrTouchEvent, DragPosition, DragRange, GridOption, MouseOffsetViewport, OnScrollEventArgs, SlickPlugin } from '../models/index';
+import type { CellRangeSelectorOption, DOMMouseOrTouchEvent, DragPosition, DragRange, DragRowMove, GridOption, MouseOffsetViewport, OnScrollEventArgs, SlickPlugin } from '../models/index';
 import type { SlickGrid } from '../slick.grid';
@@ -25,3 +25,3 @@ export declare class SlickCellRangeSelector implements SlickPlugin {
     protected _dragging: boolean;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _options: CellRangeSelectorOption;
@@ -53,5 +53,5 @@ protected _defaults: CellRangeSelectorOption;
     protected handleDragInit(e: Event): void;
-    protected handleDragStart(e: DOMMouseOrTouchEvent<HTMLDivElement>, dd: DragPosition): HTMLDivElement | undefined;
-    protected handleDrag(evt: SlickEventData, dd: DragPosition): void;
-    protected getMouseOffsetViewport(e: MouseEvent | TouchEvent, dd: DragPosition): MouseOffsetViewport;
+    protected handleDragStart(e: DOMMouseOrTouchEvent<HTMLDivElement>, dd: DragRowMove): HTMLDivElement | undefined;
+    protected handleDrag(evt: SlickEventData, dd: DragRowMove): void;
+    protected getMouseOffsetViewport(e: MouseEvent | TouchEvent, dd: DragRowMove): MouseOffsetViewport;
     protected handleDragOutsideViewport(): void;
@@ -58,0 +58,0 @@ protected handleDragToNewPosition(xNeedUpdate: boolean, yNeedUpdate: boolean): void;

dist/types/plugins/slick.checkboxselectcolumn.d.ts

@@ -1,2 +0,2 @@
-import type { CheckboxSelectorOption, Column, DOMEvent, SlickPlugin, SelectableOverrideCallback } from '../models/index';
+import type { CheckboxSelectorOption, Column, DOMEvent, SlickPlugin, SelectableOverrideCallback, OnHeaderClickEventArgs } from '../models/index';
 import { BindingEventService as BindingEventService_, SlickEventHandler as SlickEventHandler_ } from '../slick.core';
@@ -13,3 +13,3 @@ import type { SlickDataView } from '../slick.dataview';
     protected _selectAll_UID: number;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _selectedRowsLookup: any;
@@ -38,3 +38,3 @@ protected _checkboxColumnCellIndex: number | null;
     deSelectRows(rowArray: number[]): void;
-    protected handleHeaderClick(e: DOMEvent<HTMLInputElement>, args: any): void;
+    protected handleHeaderClick(e: DOMEvent<HTMLInputElement>, args: OnHeaderClickEventArgs): void;
     protected getCheckboxColumnCellIndex(): number;
@@ -41,0 +41,0 @@ getColumnDefinition(): {

dist/types/plugins/slick.contextmenu.d.ts

@@ -149,3 +149,3 @@ import { BindingEventService as BindingEventService_, SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_ } from '../slick.core';
     protected _gridUid: string;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _commandTitleElm?: HTMLSpanElement;
@@ -152,0 +152,0 @@ protected _optionTitleElm?: HTMLSpanElement;

dist/types/plugins/slick.customtooltip.d.ts

@@ -85,3 +85,3 @@ import type { CancellablePromiseWrapper, Column, CustomTooltipOption, DOMEvent, Formatter, GridOption } from '../models/index';
     protected _defaults: CustomTooltipOption;
-    protected _eventHandler: SlickEventHandler_<any>;
+    protected _eventHandler: SlickEventHandler_;
     protected _cellTooltipOptions: CustomTooltipOption;
@@ -88,0 +88,0 @@ constructor(tooltipOptions: Partial<CustomTooltipOption>);

dist/types/plugins/slick.draggablegrouping.d.ts

@@ -49,3 +49,3 @@ import type SortableInstance from 'sortablejs';
     protected _bindingEventService: BindingEventService_;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _sortableLeftInstance?: SortableInstance;
@@ -52,0 +52,0 @@ protected _sortableRightInstance?: SortableInstance;

dist/types/plugins/slick.headerbuttons.d.ts

@@ -73,3 +73,3 @@ import type { Column, DOMEvent, HeaderButtonItem, HeaderButtonOnCommandArgs, HeaderButtonOption, OnHeaderCellRenderedEventArgs, SlickPlugin } from '../models/index';
     protected _grid: SlickGrid;
-    protected _handler: import("../slick.core").SlickEventHandler<any>;
+    protected _handler: import("../slick.core").SlickEventHandler;
     protected _bindingEventService: BindingEventService_;
@@ -76,0 +76,0 @@ protected _defaults: HeaderButtonOption;

dist/types/plugins/slick.headermenu.d.ts

@@ -99,3 +99,3 @@ import { BindingEventService as BindingEventService_, SlickEventHandler as SlickEventHandler_ } from '../slick.core';
     protected _gridUid: string;
-    protected _handler: SlickEventHandler_<any>;
+    protected _handler: SlickEventHandler_;
     protected _bindingEventService: BindingEventService_;
@@ -102,0 +102,0 @@ protected _defaults: HeaderMenuOption;

dist/types/plugins/slick.rowmovemanager.d.ts

@@ -44,6 +44,6 @@ import { SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_ } from '../slick.core';
     setOptions(newOptions: Partial<RowMoveManagerOption>): void;
-    protected handleDragInit(e: SlickEventData_): void;
+    protected handleDragInit(e: MouseEvent): void;
     protected handleDragStart(e: DOMEvent<HTMLDivElement>, dd: DragRowMove): boolean | void;
     protected handleDrag(evt: SlickEventData_, dd: DragRowMove): boolean | void;
-    protected handleDragEnd(e: SlickEventData_, dd: DragRowMove): void;
+    protected handleDragEnd(e: MouseEvent, dd: DragRowMove): void;
     getColumnDefinition(): Column;
@@ -50,0 +50,0 @@ protected moveIconFormatter(row: number, _cell: number, _val: any, _column: Column, dataContext: any, grid: SlickGrid): FormatterResultWithHtml | string;

dist/types/plugins/slick.rowselectionmodel.d.ts

@@ -10,3 +10,3 @@ import { SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_, SlickRange as SlickRange_ } from '../slick.core';
     protected _ranges: SlickRange_[];
-    protected _eventHandler: SlickEventHandler_<any>;
+    protected _eventHandler: SlickEventHandler_;
     protected _inHandler: boolean;
@@ -13,0 +13,0 @@ protected _selector?: SlickCellRangeSelector_;

dist/types/slick.core.d.ts

@@ -101,10 +101,10 @@ /**
 }
-export declare class SlickEventHandler<ArgType = any> {
+export declare class SlickEventHandler {
     protected handlers: Array<{
         event: SlickEvent;
-        handler: Handler<ArgType>;
+        handler: Handler<any>;
     }>;
-    subscribe(event: SlickEvent, handler: Handler<ArgType>): this;
-    unsubscribe(event: SlickEvent, handler: Handler<ArgType>): this | undefined;
-    unsubscribeAll(): this;
+    subscribe<T = any>(event: SlickEvent<T>, handler: Handler<T>): SlickEventHandler;
+    unsubscribe<T = any>(event: SlickEvent<T>, handler: Handler<T>): SlickEventHandler | undefined;
+    unsubscribeAll(): SlickEventHandler;
 }
@@ -111,0 +111,0 @@ /**

dist/types/slick.dataview.d.ts

@@ -255,3 +255,3 @@ import type { Aggregator, CustomDataView, DataViewHints, Grouping, ItemMetadata, OnGroupCollapsedEventArgs, OnGroupExpandedEventArgs, OnRowCountChangedEventArgs, OnRowsChangedEventArgs, OnRowsOrCountChangedEventArgs, OnSelectedRowIdsChangedEventArgs, OnSetItemsCalledEventArgs, PagingInfo, SlickGridModel } from './models/index';
     };
-    protected compileAccumulatorLoop(aggregator: Aggregator): any;
+    protected compileAccumulatorLoopCSPSafe(aggregator: Aggregator): (items: any[]) => void;
     protected compileFilterCSPSafe(items: TData[], args: any): TData[];
@@ -258,0 +258,0 @@ protected compileFilter(stopRunningIfCSPSafeIsActive?: boolean): FilterFn<TData>;

dist/types/slick.grid.d.ts

 import type SortableInstance from 'sortablejs';
-import type { AutoSize, CellViewportRange, Column, ColumnSort, CssStyleHash, CustomDataView, DOMEvent, DragPosition, DragRowMove, Editor, EditController, Formatter, FormatterResultWithHtml, FormatterResultWithText, GridOption as BaseGridOption, InteractionBase, MultiColumnSort, OnActiveCellChangedEventArgs, OnAddNewRowEventArgs, OnAutosizeColumnsEventArgs, OnBeforeUpdateColumnsEventArgs, OnBeforeAppendCellEventArgs, OnBeforeCellEditorDestroyEventArgs, OnBeforeColumnsResizeEventArgs, OnBeforeEditCellEventArgs, OnBeforeHeaderCellDestroyEventArgs, OnBeforeHeaderRowCellDestroyEventArgs, OnBeforeFooterRowCellDestroyEventArgs, OnBeforeSetColumnsEventArgs, OnCellChangeEventArgs, OnCellCssStylesChangedEventArgs, OnColumnsDragEventArgs, OnColumnsReorderedEventArgs, OnColumnsResizedEventArgs, OnColumnsResizeDblClickEventArgs, OnCompositeEditorChangeEventArgs, OnClickEventArgs, OnDblClickEventArgs, OnFooterContextMenuEventArgs, OnFooterRowCellRenderedEventArgs, OnHeaderCellRenderedEventArgs, OnFooterClickEventArgs, OnHeaderClickEventArgs, OnHeaderContextMenuEventArgs, OnHeaderMouseEventArgs, OnHeaderRowCellRenderedEventArgs, OnKeyDownEventArgs, OnValidationErrorEventArgs, OnRenderedEventArgs, OnSelectedRowsChangedEventArgs, OnSetOptionsEventArgs, OnActivateChangedOptionsEventArgs, OnScrollEventArgs, PagingInfo, RowInfo, SelectionModel, SingleColumnSort, SlickGridEventData, SlickPlugin } from './models/index';
+import type { AutoSize, CellViewportRange, Column, ColumnSort, CssStyleHash, CustomDataView, DOMEvent, DragPosition, DragRowMove, Editor, EditController, Formatter, FormatterResultWithHtml, FormatterResultWithText, GridOption as BaseGridOption, InteractionBase, MultiColumnSort, OnActiveCellChangedEventArgs, OnAddNewRowEventArgs, OnAutosizeColumnsEventArgs, OnBeforeUpdateColumnsEventArgs, OnBeforeAppendCellEventArgs, OnBeforeCellEditorDestroyEventArgs, OnBeforeColumnsResizeEventArgs, OnBeforeEditCellEventArgs, OnBeforeHeaderCellDestroyEventArgs, OnBeforeHeaderRowCellDestroyEventArgs, OnBeforeFooterRowCellDestroyEventArgs, OnBeforeSetColumnsEventArgs, OnCellChangeEventArgs, OnCellCssStylesChangedEventArgs, OnColumnsDragEventArgs, OnColumnsReorderedEventArgs, OnColumnsResizedEventArgs, OnColumnsResizeDblClickEventArgs, OnCompositeEditorChangeEventArgs, OnDblClickEventArgs, OnFooterContextMenuEventArgs, OnFooterRowCellRenderedEventArgs, OnHeaderCellRenderedEventArgs, OnFooterClickEventArgs, OnHeaderClickEventArgs, OnHeaderContextMenuEventArgs, OnHeaderMouseEventArgs, OnHeaderRowCellRenderedEventArgs, OnKeyDownEventArgs, OnValidationErrorEventArgs, OnRenderedEventArgs, OnSelectedRowsChangedEventArgs, OnSetOptionsEventArgs, OnActivateChangedOptionsEventArgs, OnScrollEventArgs, PagingInfo, RowInfo, SelectionModel, SingleColumnSort, SlickGridEventData, SlickPlugin, MenuCommandItemCallbackArgs, OnClickEventArgs } from './models/index';
 import { type BasePubSub, BindingEventService as BindingEventService_, type SlickEditorLock, SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickRange as SlickRange_ } from './slick.core';
@@ -13,3 +13,3 @@ /**
  *
- * SlickGrid v5.6.1
+ * SlickGrid v5.7.0
  *
@@ -29,7 +29,6 @@ * NOTES:
 export declare class SlickGrid<TData = any, C extends Column<TData> = Column<TData>, O extends BaseGridOption<C> = BaseGridOption<C>> {
-    protected container: HTMLElement | string;
+    protected readonly container: HTMLElement | string;
     protected data: CustomDataView<TData> | TData[];
     protected columns: C[];
-    protected options: Partial<O>;
-    protected externalPubSub?: BasePubSub | undefined;
+    protected readonly externalPubSub?: BasePubSub | undefined;
     slickGridVersion: string;
@@ -61,3 +60,3 @@ /** optional grid state clientId */
     onCompositeEditorChange: SlickEvent_<OnCompositeEditorChangeEventArgs>;
-    onContextMenu: SlickEvent_<SlickGridEventData>;
+    onContextMenu: SlickEvent_<MenuCommandItemCallbackArgs>;
     onDrag: SlickEvent_<DragRowMove>;
@@ -101,2 +100,6 @@ onDblClick: SlickEvent_<OnDblClickEventArgs>;
     protected _columnAutosizeDefaults: AutoSize;
+    protected _columnResizeTimer?: any;
+    protected _executionBlockTimer?: any;
+    protected _flashCellTimer?: any;
+    protected _highlightRowTimer?: any;
     protected th: number;
@@ -287,5 +290,6 @@ protected h: number;
      * @param {Node} container - Container node to create the grid in.
-     * @param {Array|Object} data - An array of objects for databinding.
+     * @param {Array|Object} data - An array of objects for databinding or an external DataView.
      * @param {Array<C>} columns - An array of column definitions.
-     * @param {Object} [options] - Grid this._options.
+     * @param {Object} [options] - Grid Options
+     * @param {Object} [externalPubSub] - optional External PubSub Service to use by SlickEvent
      **/
@@ -310,3 +314,3 @@ constructor(container: HTMLElement | string, data: CustomDataView<TData> | TData[], columns: C[], options: Partial<O>, externalPubSub?: BasePubSub | undefined);
     }): void;
-    protected initialize(): void;
+    protected initialize(options: Partial<O>): void;
     protected finishInitialization(): void;
@@ -350,4 +354,2 @@ /** handles "display:none" on container or container parents, related to issue: https://github.com/6pac/SlickGrid/issues/568 */
     getHeadersWidth(): number;
-    protected getHeadersWidthL(): number;
-    protected getHeadersWidthR(): number;
     /** Get the grid canvas width */
@@ -449,2 +451,4 @@ getCanvasWidth(): number;
     protected removeCssRules(): void;
+    /** Clear all highlight timers that might have been left opened */
+    protected clearAllTimers(): void;
     /**
@@ -521,3 +525,4 @@ * Destroy (dispose) of SlickGrid
     setColumns(columnDefinitions: C[]): void;
-    protected updateColumns(): void;
+    /** Update columns for when a hidden property has changed but the column list itself has not changed. */
+    updateColumns(): void;
     protected updateColumnsInternal(): void;
@@ -551,3 +556,3 @@ /** Returns an object containing all of the Grid options set on the grid. See a list of Grid Options here.  */
      */
-    setData(newData: CustomDataView<TData> | TData[], scrollToTop?: number): void;
+    setData(newData: CustomDataView<TData> | TData[], scrollToTop?: boolean): void;
     /** Returns an array of every data object, unless you're using DataView in which case it returns a DataView object. */
@@ -754,5 +759,11 @@ getData<U extends CustomDataView<TData> | U[]>(): U;
      * @param {Number} cell A column index.
-     * @param {Number} [speed] (optional) - The milliseconds delay between the toggling calls. Defaults to 100 ms.
+     * @param {Number} [speed] (optional) - The milliseconds delay between the toggling calls. Defaults to 250 ms.
      */
     flashCell(row: number, cell: number, speed?: number): void;
+    /**
+     * Highlight a row for a certain duration (ms) of time.
+     * @param {Number} row - grid row number
+     * @param {Number} [duration] - duration (ms), defaults to 500ms
+     */
+    highlightRow(row: number, duration?: number): void;
     protected handleMouseWheel(e: MouseEvent, _delta: number, deltaX: number, deltaY: number): void;
@@ -759,0 +770,0 @@ protected handleDragInit(e: DragEvent, dd: DragPosition): any;

dist/types/slick.groupitemmetadataprovider.d.ts

@@ -1,2 +0,2 @@
-import type { Column, DOMEvent, GroupItemMetadataProviderOption, GroupingFormatterItem, ItemMetadata } from './models/index';
+import type { Column, DOMEvent, GroupItemMetadataProviderOption, GroupingFormatterItem, ItemMetadata, SlickPlugin } from './models/index';
 import type { SlickGrid } from './slick.grid';
@@ -17,3 +17,4 @@ /**
  */
-export declare class SlickGroupItemMetadataProvider {
+export declare class SlickGroupItemMetadataProvider implements SlickPlugin {
+    pluginName: "GroupItemMetadataProvider";
     protected _grid: SlickGrid;
@@ -20,0 +21,0 @@ protected _options: GroupItemMetadataProviderOption;

package.json

 {
   "name": "slickgrid",
-  "version": "5.6.1",
+  "version": "5.7.0",
   "description": "A lightning fast JavaScript grid/spreadsheet",
@@ -56,5 +56,4 @@ "main": "./dist/browser/index.js",
   "engines": {
-    "node": ">=16.0.0",
-    "npm": ">=8.0.0"
+    "node": ">=18.0.0"
   }
 }

src/controls/slick.columnmenu.ts

@@ -137,3 +137,3 @@ import { BindingEventService as BindingEventService_, Event as SlickEvent_, Utils as Utils_ } from '../slick.core';
         : (this.columns[i].name || '') as string;
-      excludeCssClass = this.columns[i].excludeFromColumnPicker ? "hidden" : "";
+      excludeCssClass = this.columns[i].excludeFromColumnPicker ? 'hidden' : '';
 
@@ -140,0 +140,0 @@ const liElm = document.createElement('li');

src/models/drag.interface.ts

@@ -52,2 +52,3 @@ import type { SlickGrid } from '../slick.grid';
   startY: number;
+  range: DragRange;
 }

src/models/editorValidator.interface.ts

@@ -1,4 +0,4 @@
-import { EditorArguments } from "./editorArguments.interface";
-import { EditorValidationResult } from "./editorValidationResult.interface";
+import { EditorArguments } from './editorArguments.interface';
+import { EditorValidationResult } from './editorValidationResult.interface';
 
 export type EditorValidator = (value: any, args?: EditorArguments) => EditorValidationResult;

src/models/gridEvents.interface.ts

@@ -40,3 +40,3 @@ import type { Column, CompositeEditorOption, CssStyleHash, Editor, EditorValidationResult, GridOption } from './index';
 export interface OnActivateChangedOptionsEventArgs extends SlickGridEventData { options: GridOption; }
-export interface OnScrollEventArgs extends SlickGridEventData { scrollLeft: number; scrollTop: number; }
+export interface OnScrollEventArgs extends SlickGridEventData { scrollLeft: number; scrollTop: number; cell: number; row: number; }
 export interface OnDragEventArgs extends SlickGridEventData {
@@ -43,0 +43,0 @@ count: number; deltaX: number; deltaY: number; offsetX: number; offsetY: number; originalX: number; originalY: number;

src/models/gridOption.interface.ts

@@ -257,2 +257,9 @@ import type { Column as BaseColumn, CellMenuOption, ColumnPickerOption, ColumnReorderFunction, ContextMenuOption, CustomTooltipOption, EditCommand, Editor, ExcelCopyBufferOption, Formatter, GridMenuOption, ItemMetadata, } from './index';
 
+  /**
+   * Defaults to "highlight-animate", a CSS class name used to simulate row highlight with an optional duration (e.g. after insert).
+   * Note: make sure that the duration is always lower than the duration defined in the CSS/SASS variable `$alpine-row-highlight-fade-animation`.
+   * Also note that the highlight is temporary and will also disappear as soon as the user starts scrolling or a `render()` is being called
+   */
+  rowHighlightCssClass?: string;
+
   /** Optional sanitizer function to use for sanitizing data to avoid XSS attacks */
@@ -259,0 +266,0 @@ sanitizer?: (dirtyHtml: string) => string;

src/models/grouping.interface.ts

@@ -1,7 +0,7 @@
-import { Aggregator } from "./aggregator.interface";
-import { GroupingComparerItem } from "./groupingComparerItem.interface";
-import { GroupingFormatterItem } from "./groupingFormatterItem.interface";
-import { SortDirectionNumber } from "./sortDirectionNumber.enum";
+import { Aggregator } from './aggregator.interface';
+import { GroupingComparerItem } from './groupingComparerItem.interface';
+import { GroupingFormatterItem } from './groupingFormatterItem.interface';
+import { SortDirectionNumber } from './sortDirectionNumber.enum';
 
-export type GroupingGetterFunction<T = any> = (value: T) => string;
+export type GroupingGetterFunction<T = any> = (value: T) => any;
 
@@ -8,0 +8,0 @@ export interface Grouping<T = any> {

src/plugins/slick.cellmenu.ts

@@ -199,3 +199,3 @@ import {
     this._gridUid = grid?.getUID() || '';
-    this._handler.subscribe(this._grid.onClick, this.handleCellClick.bind(this));
+    this._handler.subscribe(this._grid.onClick as any, this.handleCellClick.bind(this));
     if (this._cellMenuProperties.hideMenuOnScroll) {
@@ -202,0 +202,0 @@ this._handler.subscribe(this._grid.onScroll, this.closeMenu.bind(this));

src/plugins/slick.cellrangeselector.ts

 import { SlickEvent as SlickEvent_, SlickEventData, SlickEventHandler as SlickEventHandler_, SlickRange as SlickRange_, Utils as Utils_ } from '../slick.core';
 import { Draggable as Draggable_ } from '../slick.interactions';
 import { SlickCellRangeDecorator as SlickCellRangeDecorator_ } from './slick.cellrangedecorator';
-import type { CellRangeSelectorOption, DOMMouseOrTouchEvent, DragPosition, DragRange, GridOption, MouseOffsetViewport, OnScrollEventArgs, SlickPlugin } from '../models/index';
+import type { CellRangeSelectorOption, DOMMouseOrTouchEvent, DragPosition, DragRange, DragRowMove, GridOption, MouseOffsetViewport, OnScrollEventArgs, SlickPlugin } from '../models/index';
 import type { SlickGrid } from '../slick.grid';
@@ -146,3 +146,3 @@
 
-  protected handleDragStart(e: DOMMouseOrTouchEvent<HTMLDivElement>, dd: DragPosition) {
+  protected handleDragStart(e: DOMMouseOrTouchEvent<HTMLDivElement>, dd: DragRowMove) {
     const cell = this._grid.getCellFromEvent(e);
@@ -178,3 +178,3 @@ if (cell && this.onBeforeCellRangeSelected.notify(cell).getReturnValue() !== false && this._grid.canCellBeSelected(cell.row, cell.cell)) {
 
-  protected handleDrag(evt: SlickEventData, dd: DragPosition) {
+  protected handleDrag(evt: SlickEventData, dd: DragRowMove) {
     if (!this._dragging && !this._isRowMoveRegistered) {
@@ -198,3 +198,3 @@ return;
 
-  protected getMouseOffsetViewport(e: MouseEvent | TouchEvent, dd: DragPosition): MouseOffsetViewport {
+  protected getMouseOffsetViewport(e: MouseEvent | TouchEvent, dd: DragRowMove): MouseOffsetViewport {
     const targetEvent: MouseEvent | Touch = (e as TouchEvent)?.touches?.[0] ?? e;
@@ -201,0 +201,0 @@ const viewportLeft = this._activeViewport.scrollLeft;

src/plugins/slick.cellselectionmodel.ts

@@ -116,3 +116,3 @@ import { SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickRange as SlickRange_, Utils as Utils_ } from '../slick.core';
       const eventData = new SlickEventData(null, this._ranges);
-      Object.defineProperty(eventData, 'detail', { writable: true, configurable: true, value: { caller: caller || "SlickCellSelectionModel.setSelectedRanges" } });
+      Object.defineProperty(eventData, 'detail', { writable: true, configurable: true, value: { caller: caller || 'SlickCellSelectionModel.setSelectedRanges' } });
       this.onSelectedRangesChanged.notify(this._ranges, eventData);
@@ -119,0 +119,0 @@ }

src/plugins/slick.checkboxselectcolumn.ts

@@ -1,2 +0,2 @@
-import type { CheckboxSelectorOption, Column, DOMEvent, SlickPlugin, SelectableOverrideCallback } from '../models/index';
+import type { CheckboxSelectorOption, Column, DOMEvent, SlickPlugin, SelectableOverrideCallback, OnHeaderClickEventArgs } from '../models/index';
 import { BindingEventService as BindingEventService_, SlickEventHandler as SlickEventHandler_, Utils as Utils_ } from '../slick.core';
@@ -158,4 +158,8 @@ import type { SlickDataView } from '../slick.dataview';
     }
-    for (const selectedRow in this._selectedRowsLookup) {
-      this._grid.invalidateRow(+selectedRow);
+    if (typeof this._selectedRowsLookup === 'object') {
+      Object.keys(this._selectedRowsLookup).forEach(selectedRow => {
+        if (selectedRow !== undefined) {
+          this._grid.invalidateRow(+selectedRow);
+        }
+      });
     }
@@ -285,3 +289,3 @@ this._selectedRowsLookup = lookup;
 
-  protected handleHeaderClick(e: DOMEvent<HTMLInputElement>, args: any) {
+  protected handleHeaderClick(e: DOMEvent<HTMLInputElement>, args: OnHeaderClickEventArgs) {
     if (args.column.id === this._options.columnId && e.target.type === 'checkbox') {
@@ -345,3 +349,3 @@ // if editing, try to commit
       toolTip: (this._options.hideSelectAllCheckbox || this._options.hideInColumnTitleRow) ? '' : this._options.toolTip,
-      field: "sel",
+      field: 'sel',
       width: this._options.width,
@@ -362,3 +366,3 @@ resizable: false,
     this._handler.subscribe(grid.onHeaderRowCellRendered, (_e: any, args: any) => {
-      if (args.column.field === "sel") {
+      if (args.column.field === 'sel') {
         Utils.emptyElement(args.node);
@@ -365,0 +369,0 @@ const spanElm = document.createElement('span');

src/plugins/slick.crossgridrowmovemanager.ts

@@ -77,3 +77,3 @@ import { SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_, Utils as Utils_ } from '../slick.core';
       .subscribe(this._grid.onDragInit, this.handleDragInit.bind(this))
-      .subscribe(this._grid.onDragStart, this.handleDragStart.bind(this))
+      .subscribe(this._grid.onDragStart as any, this.handleDragStart.bind(this))
       .subscribe(this._grid.onDrag, this.handleDrag.bind(this))
@@ -80,0 +80,0 @@ .subscribe(this._grid.onDragEnd, this.handleDragEnd.bind(this));

src/plugins/slick.draggablegrouping.ts

@@ -315,3 +315,3 @@ // @ts-ignore
         this._columnsGroupBy = newGroupingOrder;
-        this.updateGroupBy("sort-group");
+        this.updateGroupBy('sort-group');
       },
@@ -397,3 +397,3 @@ });
     this._columnsGroupBy.push(column);
-    this.updateGroupBy("add-group");
+    this.updateGroupBy('add-group');
   }
@@ -459,3 +459,3 @@
     }
-    this.updateGroupBy("remove-group");
+    this.updateGroupBy('remove-group');
   }
@@ -462,0 +462,0 @@

src/plugins/slick.rowmovemanager.ts

@@ -88,3 +88,3 @@ import { SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_, Utils as Utils_ } from '../slick.core';
 
-  protected handleDragInit(e: SlickEventData_) {
+  protected handleDragInit(e: MouseEvent) {
     // prevent the grid from cancelling drag'n'drop by default
@@ -212,3 +212,3 @@ e.stopImmediatePropagation();
 
-  protected handleDragEnd(e: SlickEventData_, dd: DragRowMove) {
+  protected handleDragEnd(e: MouseEvent, dd: DragRowMove) {
     if (!this._dragging) {
@@ -215,0 +215,0 @@ return;

src/plugins/slick.rowselectionmodel.ts

@@ -113,5 +113,3 @@ import { keyCode as keyCode_, SlickEvent as SlickEvent_, SlickEventData as SlickEventData_, SlickEventHandler as SlickEventHandler_, SlickRange as SlickRange_, Utils as Utils_ } from '../slick.core';
     const lastCell = this._grid.getColumns().length - 1;
-    for (let i = 0; i < rows.length; i++) {
-      ranges.push(new SlickRange(rows[i], 0, rows[i], lastCell));
-    }
+    rows.forEach(row => ranges.push(new SlickRange(row, 0, row, lastCell)));
     return ranges;
@@ -149,3 +147,3 @@ }
     const eventData = new SlickEventData(null, this._ranges);
-    Object.defineProperty(eventData, 'detail', { writable: true, configurable: true, value: { caller: caller || "SlickRowSelectionModel.setSelectedRanges" } });
+    Object.defineProperty(eventData, 'detail', { writable: true, configurable: true, value: { caller: caller || 'SlickRowSelectionModel.setSelectedRanges' } });
     this.onSelectedRangesChanged.notify(this._ranges, eventData);
@@ -152,0 +150,0 @@ }

src/slick.core.ts

@@ -44,10 +44,7 @@ /**
     if (event) {
-      const eventProps = [
+      [
         'altKey', 'ctrlKey', 'metaKey', 'shiftKey', 'key', 'keyCode',
         'clientX', 'clientY', 'offsetX', 'offsetY', 'pageX', 'pageY',
         'bubbles', 'type', 'which', 'x', 'y'
-      ];
-      for (const key of eventProps) {
-        (this as any)[key] = event[key as keyof Event];
-      }
+      ].forEach(key => (this as any)[key] = event[key as keyof Event]);
     }
@@ -208,13 +205,13 @@ this.target = this.nativeEvent ? this.nativeEvent.target : undefined;
 
-export class SlickEventHandler<ArgType = any> {
-  protected handlers: Array<{ event: SlickEvent; handler: Handler<ArgType>; }> = [];
+export class SlickEventHandler {
+  protected handlers: Array<{ event: SlickEvent; handler: Handler<any>; }> = [];
 
-  subscribe(event: SlickEvent, handler: Handler<ArgType>) {
+  subscribe<T = any>(event: SlickEvent<T>, handler: Handler<T>) {
     this.handlers.push({ event, handler });
     event.subscribe(handler);
 
-    return this;  // allow chaining
+    return this as SlickEventHandler;  // allow chaining
   }
 
-  unsubscribe(event: SlickEvent, handler: Handler<ArgType>) {
+  unsubscribe<T = any>(event: SlickEvent<T>, handler: Handler<T>) {
     let i = this.handlers.length;
@@ -230,3 +227,3 @@ while (i--) {
 
-    return this;  // allow chaining
+    return this as SlickEventHandler;  // allow chaining
   }
@@ -241,3 +238,3 @@
 
-    return this;  // allow chaining
+    return this as SlickEventHandler;  // allow chaining
   }
@@ -970,6 +967,8 @@ }
   public static applyDefaults(targetObj: any, srcObj: any) {
-    for (const key in srcObj) {
-      if (srcObj.hasOwnProperty(key) && !targetObj.hasOwnProperty(key)) {
-        targetObj[key] = srcObj[key];
-      }
+    if (typeof srcObj === 'object') {
+      Object.keys(srcObj).forEach(key => {
+        if (srcObj.hasOwnProperty(key) && !targetObj.hasOwnProperty(key)) {
+          targetObj[key] = srcObj[key];
+        }
+      });
     }
@@ -976,0 +975,0 @@ }

src/slick.dataview.ts

@@ -220,3 +220,3 @@ import type {
       if (id === undefined) {
-        throw new Error("[SlickGrid DataView] Each data element must implement a unique 'id' property");
+        throw new Error(`[SlickGrid DataView] Each data element must implement a unique 'id' property`);
       }
@@ -253,3 +253,3 @@
       if (id === undefined) {
-        throw new Error("[SlickGrid DataView] Each data element must implement a unique 'id' property");
+        throw new Error(`[SlickGrid DataView] Each data element must implement a unique 'id' property`);
       }
@@ -268,3 +268,3 @@ this.idxById.set(id, i);
       if (id === undefined || this.idxById.get(id) !== i) {
-        throw new Error("[SlickGrid DataView] Each data element must implement a unique 'id' property");
+        throw new Error(`[SlickGrid DataView] Each data element must implement a unique 'id' property`);
       }
@@ -435,3 +435,3 @@ }
       while (idx--) {
-        gi.compiledAccumulators[idx] = this.compileAccumulatorLoop(gi.aggregators[idx]);
+        gi.compiledAccumulators[idx] = this.compileAccumulatorLoopCSPSafe(gi.aggregators[idx]);
       }
@@ -583,3 +583,3 @@
     if (ids.length !== newItems.length) {
-      throw new Error("[SlickGrid DataView] Mismatch on the length of ids and items provided to update");
+      throw new Error('[SlickGrid DataView] Mismatch on the length of ids and items provided to update');
     }
@@ -713,3 +713,3 @@ for (let i = 0, l = newItems.length; i < l; i++) {
     if (!this.sortComparer) {
-      throw new Error("[SlickGrid DataView] sortedUpdateItem() requires a sort comparer, use sort()");
+      throw new Error('[SlickGrid DataView] sortedUpdateItem() requires a sort comparer, use sort()');
     }
@@ -1046,16 +1046,12 @@ const oldItem = this.getItemById(id);
 
-  protected compileAccumulatorLoop(aggregator: Aggregator) {
+  protected compileAccumulatorLoopCSPSafe(aggregator: Aggregator) {
     if (aggregator.accumulate) {
-      const accumulatorInfo = this.getFunctionInfo(aggregator.accumulate);
-      const fn: any = new Function(
-        '_items',
-        'for (var ' + accumulatorInfo.params[0] + ', _i=0, _il=_items.length; _i<_il; _i++) {' +
-        accumulatorInfo.params[0] + ' = _items[_i]; ' +
-        accumulatorInfo.body +
-        '}'
-      );
-      const fnName = 'compiledAccumulatorLoop';
-      fn.displayName = fnName;
-      fn.name = this.setFunctionName(fn, fnName);
-      return fn;
+      return function (items: any[]) {
+        let result;
+        for (let i = 0; i < items.length; i++) {
+          const item = items[i];
+          result = aggregator.accumulate!.call(aggregator, item);
+        }
+        return result;
+      };
     } else {
@@ -1083,3 +1079,3 @@ return function noAccumulator() { };
   protected compileFilter(stopRunningIfCSPSafeIsActive: boolean = false): FilterFn<TData> {
-    if(stopRunningIfCSPSafeIsActive) {
+    if (stopRunningIfCSPSafeIsActive) {
       return null as any;
@@ -1125,3 +1121,3 @@ }
   protected compileFilterWithCaching(stopRunningIfCSPSafeIsActive: boolean = false) {
-    if(stopRunningIfCSPSafeIsActive) {
+    if (stopRunningIfCSPSafeIsActive) {
       return null as any;
@@ -1591,7 +1587,9 @@ }
       hashById = {};
-      for (const row in hash) {
-        if (hash) {
-          const id = this.rows[row as any][this.idProperty as keyof TData];
-          hashById[id] = hash[row];
-        }
+      if (typeof hash === 'object') {
+        Object.keys(hash).forEach(row => {
+          if (hash) {
+            const id = this.rows[row as any][this.idProperty as keyof TData];
+            hashById[id] = hash[row];
+          }
+        });
       }
@@ -1605,14 +1603,12 @@ };
     const update = () => {
-      if (hashById) {
+      if (typeof hashById === 'object') {
         inHandler = true;
         this.ensureRowsByIdCache();
         const newHash: CssStyleHash = {};
-        for (const id in hashById) {
-          if (hashById) {
-            const row = this.rowsById?.[id];
-            if (Utils.isDefined(row)) {
-              newHash[row] = hashById[id];
-            }
+        Object.keys(hashById).forEach(id => {
+          const row = this.rowsById?.[id];
+          if (Utils.isDefined(row)) {
+            newHash[row as number] = hashById[id];
           }
-        }
+        });
         grid.setCellCssStyles(key, newHash);
@@ -1619,0 +1615,0 @@ inHandler = false;

src/slick.groupitemmetadataprovider.ts

 import { SlickGroup as SlickGroup_, keyCode as keyCode_, Utils as Utils_ } from './slick.core';
-import type { Column, DOMEvent, GroupItemMetadataProviderOption, GroupingFormatterItem, ItemMetadata } from './models/index';
+import type { Column, DOMEvent, GroupItemMetadataProviderOption, GroupingFormatterItem, ItemMetadata, SlickPlugin } from './models/index';
 import type { SlickGrid } from './slick.grid';
@@ -24,3 +24,5 @@
  */
-export class SlickGroupItemMetadataProvider {
+export class SlickGroupItemMetadataProvider implements SlickPlugin {
+  pluginName = 'GroupItemMetadataProvider' as const;
+
   protected _grid!: SlickGrid;
@@ -27,0 +29,0 @@ protected _options: GroupItemMetadataProviderOption;

src/slick.remotemodel-yahoo.ts

@@ -77,6 +77,6 @@ /***
 
-    const url = "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss"
-      + "(" + recStart + "%2C" + recCount + ")"
-      + "%20where%20url%3D%22http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%22"
-      + "&format=json";
+    const url = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss'
+      + '(' + recStart + '%2C' + recCount + ')'
+      + '%20where%20url%3D%22http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%22'
+      + '&format=json';
 
@@ -95,3 +95,3 @@ if (this.h_request !== null) {
         url,
-        callbackParameter: "callback",
+        callbackParameter: 'callback',
         cache: true,
@@ -113,3 +113,3 @@ success: (json: any) => {
   onError(fromPage: number, toPage: number) {
-    alert("error loading pages " + fromPage + " to " + toPage);
+    alert('error loading pages ' + fromPage + ' to ' + toPage);
   }
@@ -116,0 +116,0 @@

src/slick.remotemodel.ts

@@ -81,6 +81,6 @@ import type { ColumnSort } from './models/index';
 
-    let url = "http://octopart.com/api/v3/parts/search?apikey=68b25f31&include[]=short_description&show[]=uid&show[]=manufacturer&show[]=mpn&show[]=brand&show[]=octopart_url&show[]=short_description&q=" + this.searchstr + "&start=" + (fromPage * this.PAGESIZE) + "&limit=" + (((toPage - fromPage) * this.PAGESIZE) + this.PAGESIZE);
+    let url = 'http://octopart.com/api/v3/parts/search?apikey=68b25f31&include[]=short_description&show[]=uid&show[]=manufacturer&show[]=mpn&show[]=brand&show[]=octopart_url&show[]=short_description&q=' + this.searchstr + '&start=' + (fromPage * this.PAGESIZE) + '&limit=' + (((toPage - fromPage) * this.PAGESIZE) + this.PAGESIZE);
 
     if (this.sortcol !== null) {
-      url += ("&sortby=" + this.sortcol + ((this.sortdir > 0) ? "+asc" : "+desc"));
+      url += ('&sortby=' + this.sortcol + ((this.sortdir > 0) ? '+asc' : '+desc'));
     }
@@ -100,3 +100,3 @@
         url,
-        callbackParameter: "callback",
+        callbackParameter: 'callback',
         cache: true,
@@ -112,3 +112,3 @@ success: this.onSuccess,
   protected onError(fromPage: number | string, toPage: number | string) {
-    alert("error loading pages " + fromPage + " to " + toPage);
+    alert('error loading pages ' + fromPage + ' to ' + toPage);
   }
@@ -115,0 +115,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7038533

increased by0.19%

Lines of code

58501

increased by0.09%

No dependency changes