jsl-ui 9.28.2 → 9.28.3

package/lib/grid/slick.groupitemmetadataprovider.d.ts

@@ -1,39 +1,39 @@
-/***
- * Provides item metadata for group (Slick.Group) and totals (Slick.Totals) rows produced by the DataView.
- * This metadata overrides the default behavior and formatting of those rows so that they appear and function
- * correctly when processed by the grid.
- *
- * This class also acts as a grid plugin providing event handlers to expand & collapse groups.
- * If "grid.registerPlugin(...)" is not called, expand & collapse will not work.
- *
- * @class GroupItemMetadataProvider
- * @module Data
- * @namespace Slick.Data
- * @constructor
- * @param options
- */
-export declare function GroupItemMetadataProvider(options?: any): {
-    init: (grid: any) => void;
-    destroy: () => void;
-    getGroupRowMetadata: (item: any) => {
-        selectable: boolean;
-        focusable: any;
-        cssClasses: any;
-        columns: {
-            0: {
-                colspan: string;
-                formatter: any;
-                editor: any;
-            };
-        };
-        height: any;
-    };
-    getTotalsRowMetadata: (item: any) => {
-        selectable: boolean;
-        focusable: any;
-        cssClasses: any;
-        formatter: any;
-        editor: any;
-        height: any;
-    };
-};
+/***
+ * Provides item metadata for group (Slick.Group) and totals (Slick.Totals) rows produced by the DataView.
+ * This metadata overrides the default behavior and formatting of those rows so that they appear and function
+ * correctly when processed by the grid.
+ *
+ * This class also acts as a grid plugin providing event handlers to expand & collapse groups.
+ * If "grid.registerPlugin(...)" is not called, expand & collapse will not work.
+ *
+ * @class GroupItemMetadataProvider
+ * @module Data
+ * @namespace Slick.Data
+ * @constructor
+ * @param options
+ */
+export declare function GroupItemMetadataProvider(options?: any): {
+    init: (grid: any) => void;
+    destroy: () => void;
+    getGroupRowMetadata: (item: any) => {
+        selectable: boolean;
+        focusable: any;
+        cssClasses: any;
+        columns: {
+            0: {
+                colspan: string;
+                formatter: any;
+                editor: any;
+            };
+        };
+        height: any;
+    };
+    getTotalsRowMetadata: (item: any) => {
+        selectable: boolean;
+        focusable: any;
+        cssClasses: any;
+        formatter: any;
+        editor: any;
+        height: any;
+    };
+};

package/lib/grid/slick.groupitemmetadataprovider.js

@@ -1,165 +1,165 @@
-import { jQueryReplacement } from "../core/jq";
-import { Slick } from "./slick.core";
-var $ = jQueryReplacement;
-$.deepExtend(Slick, {
-    Data: {
-        GroupItemMetadataProvider: GroupItemMetadataProvider
-    }
-});
-/***
- * Provides item metadata for group (Slick.Group) and totals (Slick.Totals) rows produced by the DataView.
- * This metadata overrides the default behavior and formatting of those rows so that they appear and function
- * correctly when processed by the grid.
- *
- * This class also acts as a grid plugin providing event handlers to expand & collapse groups.
- * If "grid.registerPlugin(...)" is not called, expand & collapse will not work.
- *
- * @class GroupItemMetadataProvider
- * @module Data
- * @namespace Slick.Data
- * @constructor
- * @param options
- */
-export function GroupItemMetadataProvider(options) {
-    var _grid;
-    var _defaults = {
-        checkboxSelect: false,
-        checkboxSelectCssClass: "slick-group-select-checkbox",
-        checkboxSelectPlugin: null,
-        groupCssClass: "slick-group",
-        groupTitleCssClass: "slick-group-title",
-        totalsCssClass: "slick-group-totals",
-        groupFocusable: true,
-        totalsFocusable: false,
-        toggleCssClass: "slick-group-toggle",
-        toggleExpandedCssClass: "expanded",
-        toggleCollapsedCssClass: "collapsed",
-        enableExpandCollapse: true,
-        groupFormatter: defaultGroupCellFormatter,
-        totalsFormatter: defaultTotalsCellFormatter
-    };
-    options = $.deepExtend({}, _defaults, options);
-    function defaultGroupCellFormatter(row, cell, value, columnDef, item, grid) {
-        if (!options.enableExpandCollapse) {
-            return item.title;
-        }
-        var indentation = item.level * 15 + "px";
-        return (options.checkboxSelect ? '<span class="' + options.checkboxSelectCssClass +
-            ' ' + (item.selectChecked ? 'checked' : 'unchecked') + '"></span>' : '') +
-            "<span class='" + options.toggleCssClass + " " +
-            (item.collapsed ? options.toggleCollapsedCssClass : options.toggleExpandedCssClass) +
-            "' style='margin-left:" + indentation + "'>" +
-            "</span>" +
-            "<span class='" + options.groupTitleCssClass + "' level='" + item.level + "'>" +
-            item.title +
-            "</span>";
-    }
-    function defaultTotalsCellFormatter(row, cell, value, columnDef, item, grid) {
-        var formatter_res;
-        if (columnDef.groupTotalsFormatter) {
-            formatter_res = columnDef.groupTotalsFormatter(item, columnDef, grid) || "";
-        }
-        else {
-            var res = (item.avg && item.avg[columnDef.field])
-                || (item.sum && item.sum[columnDef.field])
-                || (item.max && item.max[columnDef.field])
-                || (item.min && item.min[columnDef.field]);
-            formatter_res = (columnDef.formatter ? columnDef.formatter(row, cell, res, columnDef, item) : "");
-        }
-        return formatter_res;
-        //return (Object.prototype.toString.call(formatter_res) !== '[object Object]' ? (<string>formatter_res) : (<ISlickFormatterResult>formatter_res).text);
-    }
-    function init(grid) {
-        _grid = grid;
-        _grid.onClick.subscribe(handleGridClick);
-        _grid.onKeyDown.subscribe(handleGridKeyDown);
-    }
-    function destroy() {
-        if (_grid) {
-            _grid.onClick.unsubscribe(handleGridClick);
-            _grid.onKeyDown.unsubscribe(handleGridKeyDown);
-        }
-    }
-    function handleGridClick(e, args) {
-        var $target = $(e.target);
-        var item = this.getDataItem(args.row);
-        if (item && item instanceof Slick.Group && $target.hasClass(options.toggleCssClass)) {
-            var range = _grid.getRenderedRange();
-            this.dataView.setRefreshHints({
-                ignoreDiffsBefore: range.top,
-                ignoreDiffsAfter: range.bottom + 1
-            });
-            if (item.collapsed) {
-                this.dataView.expandGroup(item.groupingKey);
-            }
-            else {
-                this.dataView.collapseGroup(item.groupingKey);
-            }
-            e.stopImmediatePropagation();
-            e.preventDefault();
-        }
-        if (item && item instanceof Slick.Group && $target.hasClass(options.checkboxSelectCssClass)) {
-            item.selectChecked = !item.selectChecked;
-            $target.removeClass((item.selectChecked ? "unchecked" : "checked"));
-            $target.addClass((item.selectChecked ? "checked" : "unchecked"));
-            // get rowIndexes array
-            var rowIndexes = _grid.dataView.mapItemsToRows(item.rows);
-            (item.selectChecked ? options.checkboxSelectPlugin.selectRows : options.checkboxSelectPlugin.deSelectRows)(rowIndexes);
-        }
-    }
-    // TODO:  add -/+ handling
-    function handleGridKeyDown(e, args) {
-        if (options.enableExpandCollapse && (e.which == Slick.keyCode.SPACE)) {
-            var activeCell = this.getActiveCell();
-            if (activeCell) {
-                var item = this.getDataItem(activeCell.row);
-                if (item && item instanceof Slick.Group) {
-                    var range = _grid.getRenderedRange();
-                    this.dataView.setRefreshHints({
-                        ignoreDiffsBefore: range.top,
-                        ignoreDiffsAfter: range.bottom + 1
-                    });
-                    if (item.collapsed) {
-                        this.dataView.expandGroup(item.groupingKey);
-                    }
-                    else {
-                        this.dataView.collapseGroup(item.groupingKey);
-                    }
-                    e.stopImmediatePropagation();
-                    e.preventDefault();
-                }
-            }
-        }
-    }
-    function getGroupRowMetadata(item) {
-        return {
-            selectable: false,
-            focusable: options.groupFocusable,
-            cssClasses: options.groupCssClass,
-            columns: {
-                0: {
-                    colspan: "*",
-                    formatter: options.groupFormatter,
-                    editor: null
-                }
-            },
-            height: options.calcGroupHeight ? options.calcGroupHeight(item) : undefined
-        };
-    }
-    function getTotalsRowMetadata(item) {
-        return {
-            selectable: false,
-            focusable: options.totalsFocusable,
-            cssClasses: options.totalsCssClass,
-            formatter: options.totalsFormatter,
-            editor: null,
-            height: options.calcTotalsHeight ? options.calcTotalsHeight(item) : undefined
-        };
-    }
-    return {
-        "init": init,
-        "destroy": destroy,
-        "getGroupRowMetadata": getGroupRowMetadata,
-        "getTotalsRowMetadata": getTotalsRowMetadata
-    };
-}
+import { jQueryReplacement } from "../core/jq";
+import { Slick } from "./slick.core";
+let $ = jQueryReplacement;
+$.deepExtend(Slick, {
+    Data: {
+        GroupItemMetadataProvider: GroupItemMetadataProvider
+    }
+});
+/***
+ * Provides item metadata for group (Slick.Group) and totals (Slick.Totals) rows produced by the DataView.
+ * This metadata overrides the default behavior and formatting of those rows so that they appear and function
+ * correctly when processed by the grid.
+ *
+ * This class also acts as a grid plugin providing event handlers to expand & collapse groups.
+ * If "grid.registerPlugin(...)" is not called, expand & collapse will not work.
+ *
+ * @class GroupItemMetadataProvider
+ * @module Data
+ * @namespace Slick.Data
+ * @constructor
+ * @param options
+ */
+export function GroupItemMetadataProvider(options) {
+    var _grid;
+    var _defaults = {
+        checkboxSelect: false,
+        checkboxSelectCssClass: "slick-group-select-checkbox",
+        checkboxSelectPlugin: null,
+        groupCssClass: "slick-group",
+        groupTitleCssClass: "slick-group-title",
+        totalsCssClass: "slick-group-totals",
+        groupFocusable: true,
+        totalsFocusable: false,
+        toggleCssClass: "slick-group-toggle",
+        toggleExpandedCssClass: "expanded",
+        toggleCollapsedCssClass: "collapsed",
+        enableExpandCollapse: true,
+        groupFormatter: defaultGroupCellFormatter,
+        totalsFormatter: defaultTotalsCellFormatter
+    };
+    options = $.deepExtend({}, _defaults, options);
+    function defaultGroupCellFormatter(row, cell, value, columnDef, item, grid) {
+        if (!options.enableExpandCollapse) {
+            return item.title;
+        }
+        let indentation = item.level * 15 + "px";
+        return (options.checkboxSelect ? '<span class="' + options.checkboxSelectCssClass +
+            ' ' + (item.selectChecked ? 'checked' : 'unchecked') + '"></span>' : '') +
+            "<span class='" + options.toggleCssClass + " " +
+            (item.collapsed ? options.toggleCollapsedCssClass : options.toggleExpandedCssClass) +
+            "' style='margin-left:" + indentation + "'>" +
+            "</span>" +
+            "<span class='" + options.groupTitleCssClass + "' level='" + item.level + "'>" +
+            item.title +
+            "</span>";
+    }
+    function defaultTotalsCellFormatter(row, cell, value, columnDef, item, grid) {
+        let formatter_res;
+        if (columnDef.groupTotalsFormatter) {
+            formatter_res = columnDef.groupTotalsFormatter(item, columnDef, grid) || "";
+        }
+        else {
+            let res = (item.avg && item.avg[columnDef.field])
+                || (item.sum && item.sum[columnDef.field])
+                || (item.max && item.max[columnDef.field])
+                || (item.min && item.min[columnDef.field]);
+            formatter_res = (columnDef.formatter ? columnDef.formatter(row, cell, res, columnDef, item) : "");
+        }
+        return formatter_res;
+        //return (Object.prototype.toString.call(formatter_res) !== '[object Object]' ? (<string>formatter_res) : (<ISlickFormatterResult>formatter_res).text);
+    }
+    function init(grid) {
+        _grid = grid;
+        _grid.onClick.subscribe(handleGridClick);
+        _grid.onKeyDown.subscribe(handleGridKeyDown);
+    }
+    function destroy() {
+        if (_grid) {
+            _grid.onClick.unsubscribe(handleGridClick);
+            _grid.onKeyDown.unsubscribe(handleGridKeyDown);
+        }
+    }
+    function handleGridClick(e, args) {
+        var $target = $(e.target);
+        var item = this.getDataItem(args.row);
+        if (item && item instanceof Slick.Group && $target.hasClass(options.toggleCssClass)) {
+            var range = _grid.getRenderedRange();
+            this.dataView.setRefreshHints({
+                ignoreDiffsBefore: range.top,
+                ignoreDiffsAfter: range.bottom + 1
+            });
+            if (item.collapsed) {
+                this.dataView.expandGroup(item.groupingKey);
+            }
+            else {
+                this.dataView.collapseGroup(item.groupingKey);
+            }
+            e.stopImmediatePropagation();
+            e.preventDefault();
+        }
+        if (item && item instanceof Slick.Group && $target.hasClass(options.checkboxSelectCssClass)) {
+            item.selectChecked = !item.selectChecked;
+            $target.removeClass((item.selectChecked ? "unchecked" : "checked"));
+            $target.addClass((item.selectChecked ? "checked" : "unchecked"));
+            // get rowIndexes array
+            var rowIndexes = _grid.dataView.mapItemsToRows(item.rows);
+            (item.selectChecked ? options.checkboxSelectPlugin.selectRows : options.checkboxSelectPlugin.deSelectRows)(rowIndexes);
+        }
+    }
+    // TODO:  add -/+ handling
+    function handleGridKeyDown(e, args) {
+        if (options.enableExpandCollapse && (e.which == Slick.keyCode.SPACE)) {
+            var activeCell = this.getActiveCell();
+            if (activeCell) {
+                var item = this.getDataItem(activeCell.row);
+                if (item && item instanceof Slick.Group) {
+                    var range = _grid.getRenderedRange();
+                    this.dataView.setRefreshHints({
+                        ignoreDiffsBefore: range.top,
+                        ignoreDiffsAfter: range.bottom + 1
+                    });
+                    if (item.collapsed) {
+                        this.dataView.expandGroup(item.groupingKey);
+                    }
+                    else {
+                        this.dataView.collapseGroup(item.groupingKey);
+                    }
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                }
+            }
+        }
+    }
+    function getGroupRowMetadata(item) {
+        return {
+            selectable: false,
+            focusable: options.groupFocusable,
+            cssClasses: options.groupCssClass,
+            columns: {
+                0: {
+                    colspan: "*",
+                    formatter: options.groupFormatter,
+                    editor: null
+                }
+            },
+            height: options.calcGroupHeight ? options.calcGroupHeight(item) : undefined
+        };
+    }
+    function getTotalsRowMetadata(item) {
+        return {
+            selectable: false,
+            focusable: options.totalsFocusable,
+            cssClasses: options.totalsCssClass,
+            formatter: options.totalsFormatter,
+            editor: null,
+            height: options.calcTotalsHeight ? options.calcTotalsHeight(item) : undefined
+        };
+    }
+    return {
+        "init": init,
+        "destroy": destroy,
+        "getGroupRowMetadata": getGroupRowMetadata,
+        "getTotalsRowMetadata": getTotalsRowMetadata
+    };
+}

package/lib/grid/slick.tree.d.ts

@@ -1,33 +1,33 @@
-import "./slick.tree.css";
-import { IJSLGrid } from "./slick.creator";
-import { ISlickFormatter } from "./slick.core";
-export interface IGridTreeOptions {
-    parentColumn: string;
-    indentInRem?: number;
-    enableCollapsing?: boolean;
-    hiddenStateField?: string;
-    collapsedStateField?: string;
-    expandIconHTML?: string;
-    collapseIconHTML?: string;
-}
-export declare let IndentFormatter: ISlickFormatter;
-export declare class GridTree<T> {
-    private grid;
-    private primaryKey;
-    private options;
-    constructor(grid: IJSLGrid<T>, o: IGridTreeOptions);
-    getOptions(): IGridTreeOptions;
-    getLevel(item: T): number;
-    getParent(item: T): T;
-    hasChildren(item: T): boolean;
-    getDirectChildren(item: T): T[];
-    getAllChildren(item: T): T[];
-    rowHasChildren(row: number): boolean;
-    toggleExpand(item: T): void;
-    expand(item: T): void;
-    indent(rows: T[]): void;
-    outdent(rows: T[]): void;
-    filterChildren(rows: T[]): T[];
-    collapse(item: T): void;
-    private initEvents;
-}
+import "./slick.tree.css";
+import { IJSLGrid } from "./slick.creator";
+import { ISlickFormatter } from "./slick.core";
+export interface IGridTreeOptions {
+    parentColumn: string;
+    indentInRem?: number;
+    enableCollapsing?: boolean;
+    hiddenStateField?: string;
+    collapsedStateField?: string;
+    expandIconHTML?: string;
+    collapseIconHTML?: string;
+}
+export declare let IndentFormatter: ISlickFormatter;
+export declare class GridTree<T> {
+    private grid;
+    private primaryKey;
+    private options;
+    constructor(grid: IJSLGrid<T>, o: IGridTreeOptions);
+    getOptions(): IGridTreeOptions;
+    getLevel(item: T): number;
+    getParent(item: T): T;
+    hasChildren(item: T): boolean;
+    getDirectChildren(item: T): T[];
+    getAllChildren(item: T): T[];
+    rowHasChildren(row: number): boolean;
+    toggleExpand(item: T): void;
+    expand(item: T): void;
+    indent(rows: T[]): void;
+    outdent(rows: T[]): void;
+    filterChildren(rows: T[]): T[];
+    collapse(item: T): void;
+    private initEvents;
+}