@wcardinal/wcardinal-ui 0.411.0 → 0.413.0

package/dist/wcardinal/ui/d-table.js

@@ -3,378 +3,24 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __extends } from "tslib";
-import { DAlignHorizontal } from "./d-align-horizontal";
 import { DApplications } from "./d-applications";
 import { DBase } from "./d-base";
-import { DDialogSelect } from "./d-dialog-select";
-import { DMenu } from "./d-menu";
 import { DPane } from "./d-pane";
 import { DTableBody } from "./d-table-body";
-import { DTableCategory } from "./d-table-category";
 import { DTableDataSelectionType } from "./d-table-data-selection";
 import { DTableHeader } from "./d-table-header";
 import { DTableRow } from "./d-table-row";
 import { isArray } from "./util/is-array";
-import { isString } from "./util/is-string";
-import { toEnum } from "./util/to-enum";
 import { UtilKeyboardEvent } from "./util/util-keyboard-event";
 import { UtilPointerEvent } from "./util/util-pointer-event";
 import { DTableScrollBar } from "./d-table-scrollbar";
-import { DTableColumnType } from "./d-table-column-type";
-import { DTableColumnUpdate } from "./d-table-column-update";
-var defaultGetter = function (row, columnIndex) {
-    return row[columnIndex];
-};
-var defaultSetter = function (row, columnIndex, cell) {
-    row[columnIndex] = cell;
-};
-var defaultGetterEmpty = function () { return ""; };
-var defaultSetterEmpty = function () {
-    // DO NOTHING
-};
-var toPathGetter = function (path, def) {
-    if (path.length <= 1) {
-        var key_1 = path[0];
-        if (def === undefined) {
-            return function (row) {
-                return row[key_1];
-            };
-        }
-        else {
-            return function (row) {
-                return Object.prototype.hasOwnProperty.call(row, key_1) ? row[key_1] : def;
-            };
-        }
-    }
-    else {
-        if (def === undefined) {
-            return function (row) {
-                for (var i = 0, imax = path.length - 1; i < imax; ++i) {
-                    row = row[path[i]];
-                }
-                return row[path[path.length - 1]];
-            };
-        }
-        else {
-            return function (row) {
-                for (var i = 0, imax = path.length - 1; i < imax; ++i) {
-                    row = row[path[i]];
-                }
-                var key = path[path.length - 1];
-                return Object.prototype.hasOwnProperty.call(row, key) ? row[key] : def;
-            };
-        }
-    }
-};
-var toPathSetter = function (path) {
-    if (path.length <= 1) {
-        var key_2 = path[0];
-        return function (row, columnIndex, cell) {
-            row[key_2] = cell;
-        };
-    }
-    else {
-        return function (row, columnIndex, cell) {
-            for (var i = 0, imax = path.length - 1; i < imax; ++i) {
-                row = row[path[i]] || {};
-            }
-            row[path[path.length - 1]] = cell;
-        };
-    }
-};
-var toColumnAlign = function (options, type) {
-    var align = options.align;
-    if (align != null) {
-        if (isString(align)) {
-            return DAlignHorizontal[align];
-        }
-        else {
-            return align;
-        }
-    }
-    switch (type) {
-        case DTableColumnType.TEXT:
-        case DTableColumnType.TEXT_AREA:
-            return DAlignHorizontal.LEFT;
-        case DTableColumnType.REAL:
-        case DTableColumnType.INTEGER:
-            return DAlignHorizontal.RIGHT;
-        case DTableColumnType.BUTTON:
-        case DTableColumnType.INDEX:
-        case DTableColumnType.SELECT:
-        case DTableColumnType.ACTION:
-        case DTableColumnType.LINK:
-        case DTableColumnType.CHECK:
-        case DTableColumnType.CHECK_SINGLE:
-        case DTableColumnType.COLOR:
-            return DAlignHorizontal.CENTER;
-        default:
-            return DAlignHorizontal.LEFT;
-    }
-};
-var toColumnDataChecker = function (path) {
-    if (path != null) {
-        var pathLength_1 = path.length;
-        if (pathLength_1 <= 1) {
-            var key_3 = path[0];
-            return function (row) {
-                return Object.prototype.hasOwnProperty.call(row, key_3);
-            };
-        }
-        else {
-            return function (row) {
-                for (var i = 0; i < pathLength_1; ++i) {
-                    var part = path[i];
-                    if (part in row) {
-                        row = row[part];
-                    }
-                    else {
-                        return false;
-                    }
-                }
-                return true;
-            };
-        }
-    }
-    return function (row, columnIndex) {
-        return columnIndex < row.length;
-    };
-};
-var toColumnEditingEnable = function (enable, path) {
-    if (isString(enable)) {
-        return toColumnDataChecker(path);
-    }
-    else if (enable != null) {
-        return enable;
-    }
-    else {
-        return false;
-    }
-};
-var toColumnEditing = function (options, path) {
-    var _a;
-    var editing = options.editing;
-    var editable = options.editable;
-    if (editing) {
-        return {
-            enable: toColumnEditingEnable((_a = editing.enable) !== null && _a !== void 0 ? _a : editable, path),
-            formatter: editing.formatter,
-            unformatter: editing.unformatter,
-            validator: editing.validator
-        };
-    }
-    return {
-        enable: toColumnEditingEnable(editable, path)
-    };
-};
-var toComparator = function (getter, index) {
-    return function (rowA, rowB) {
-        var valueA = getter(rowA, index);
-        var valueB = getter(rowB, index);
-        return valueA < valueB ? -1 : valueB < valueA ? +1 : 0;
-    };
-};
-var toColumnSorting = function (getter, index, options) {
-    var sorting = options.sorting;
-    var sortable = options.sortable;
-    if (sorting) {
-        if (sorting.enable || sortable) {
-            return {
-                enable: true,
-                comparator: sorting.comparator || toComparator(getter, index)
-            };
-        }
-        return {
-            enable: false
-        };
-    }
-    if (sortable) {
-        return {
-            enable: true,
-            comparator: toComparator(getter, index)
-        };
-    }
-    return {
-        enable: false
-    };
-};
-var toColumnMenu = function (options) {
-    if (options == null) {
-        return undefined;
-    }
-    else if (options instanceof DMenu) {
-        return options;
-    }
-    else {
-        return new DMenu(options);
-    }
-};
-var toColumnDialog = function (options) {
-    if (options == null) {
-        return undefined;
-    }
-    else if ("open" in options) {
-        return options;
-    }
-    else {
-        return new DDialogSelect(options);
-    }
-};
-var defaultSelectingGetter = function (dialog) {
-    return dialog.value;
-};
-var defaultSelectingSetter = function () {
-    // DO NOTHING
-};
-var toColumnSelecting = function (options) {
-    if (options) {
-        return {
-            getter: options.getter || defaultSelectingGetter,
-            setter: options.setter || defaultSelectingSetter,
-            menu: toColumnMenu(options.menu),
-            multiple: toColumnMenu(options.multiple),
-            dialog: toColumnDialog(options.dialog),
-            promise: options.promise
-        };
-    }
-    return {
-        getter: defaultSelectingGetter,
-        setter: defaultSelectingSetter
-    };
-};
-var toColumnGetter = function (options, type, parts) {
-    var getter = options.getter;
-    if (getter) {
-        return getter;
-    }
-    switch (type) {
-        case DTableColumnType.ACTION:
-        case DTableColumnType.LINK:
-            return defaultGetterEmpty;
-        default:
-            if (parts == null) {
-                return defaultGetter;
-            }
-            else {
-                return toPathGetter(parts, options.default);
-            }
-    }
-};
-var toColumnSetter = function (options, type, path) {
-    var setter = options.setter;
-    if (setter) {
-        return setter;
-    }
-    switch (type) {
-        case DTableColumnType.BUTTON:
-        case DTableColumnType.ACTION:
-        case DTableColumnType.LINK:
-            return defaultSetterEmpty;
-        default:
-            if (path == null) {
-                return defaultSetter;
-            }
-            else {
-                return toPathSetter(path);
-            }
-    }
-};
-var toColumnState = function (options) {
-    var state = options.state;
-    if (state != null) {
-        if (isString(state) || isArray(state)) {
-            return {
-                initial: state,
-                modifier: undefined
-            };
-        }
-        else {
-            return {
-                initial: undefined,
-                modifier: state
-            };
-        }
-    }
-    return {
-        initial: undefined,
-        modifier: undefined
-    };
-};
-var toColumnPath = function (options) {
-    return options.path != null ? options.path.split(".") : null;
-};
-var toColumnRenderable = function (options, path) {
-    var renderable = options.renderable;
-    if (isString(renderable)) {
-        return toColumnDataChecker(path);
-    }
-    else if (renderable != null) {
-        return renderable;
-    }
-    return true;
-};
-var toColumn = function (index, options) {
-    var _a, _b;
-    var weight = options.weight;
-    var width = options.width;
-    if (weight != null) {
-        if (width != null) {
-            width = undefined;
-        }
-    }
-    else if (width == null) {
-        weight = 1;
-    }
-    var type = toEnum((_a = options.type) !== null && _a !== void 0 ? _a : DTableColumnType.TEXT, DTableColumnType);
-    var align = toColumnAlign(options, type);
-    var label = options.label || "";
-    var path = toColumnPath(options);
-    var getter = toColumnGetter(options, type, path);
-    var setter = toColumnSetter(options, type, path);
-    return {
-        weight: weight,
-        width: width,
-        type: type,
-        label: label,
-        getter: getter,
-        setter: setter,
-        formatter: options.formatter,
-        renderable: toColumnRenderable(options, path),
-        align: align,
-        state: toColumnState(options),
-        editing: toColumnEditing(options, path),
-        sorting: toColumnSorting(getter, index, options),
-        header: options.header,
-        body: options.body,
-        selecting: toColumnSelecting(options.selecting),
-        category: options.category,
-        frozen: options.frozen,
-        offset: 0.0,
-        link: options.link,
-        update: toEnum((_b = options.update) !== null && _b !== void 0 ? _b : DTableColumnUpdate.CELL, DTableColumnUpdate)
-    };
-};
-var toColumns = function (options) {
-    var result = [];
-    for (var i = 0, imax = options.length; i < imax; ++i) {
-        result.push(toColumn(i, options[i]));
-    }
-    return result;
-};
-var toFrozen = function (columns) {
-    for (var i = columns.length - 1; 0 <= i; --i) {
-        if (columns[i].frozen === true) {
-            return i + 1;
-        }
-    }
-    return 0;
-};
+import { DTableColumnContainerImpl } from "./d-table-column-container-impl";
+import { DTableCategoryContainerImpl } from "./d-table-category-container-impl";
 var DTable = /** @class */ (function (_super) {
     __extends(DTable, _super);
     function DTable(options) {
         var _this = _super.call(this, options) || this;
         var content = _this.content;
-        content.setWidth(_this.toContentWidth(options));
         var body = _this.body;
         content.addChild(body);
         if (body.data.selection.type !== DTableDataSelectionType.NONE) {
@@ -393,39 +39,47 @@ var DTable = /** @class */ (function (_super) {
         body.update();
         return _this;
     }
+    Object.defineProperty(DTable.prototype, "column", {
+        get: function () {
+            var _a;
+            return ((_a = this._column) !== null && _a !== void 0 ? _a : (this._column = this.newColumn()));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DTable.prototype.newColumn = function () {
+        var _a;
+        return new DTableColumnContainerImpl(this, (_a = this._options) === null || _a === void 0 ? void 0 : _a.columns);
+    };
     Object.defineProperty(DTable.prototype, "columns", {
         get: function () {
-            var result = this._columns;
-            if (result == null) {
-                var options = this._options;
-                result = options ? toColumns(options.columns) : [];
-                this._columns = result;
-            }
-            return result;
+            return this.column.items;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(DTable.prototype, "frozen", {
         get: function () {
-            var result = this._frozen;
-            if (result == null) {
-                result = toFrozen(this.columns);
-                this._frozen = result;
-            }
-            return result;
+            return this.column.frozen;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DTable.prototype, "category", {
+        get: function () {
+            return (this._category = this.newCategory());
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DTable.prototype.newCategory = function () {
+        var _a;
+        var column = this.column;
+        return new DTableCategoryContainerImpl(column.items, column.frozen, (_a = this._options) === null || _a === void 0 ? void 0 : _a.category);
+    };
     Object.defineProperty(DTable.prototype, "categories", {
         get: function () {
-            var result = this._categories;
-            if (result == null) {
-                result = this.newCategories(this._options, this.columns, this.frozen);
-                this._categories = result;
-            }
-            return result;
+            return this.category.items;
         },
         enumerable: false,
         configurable: true
@@ -448,191 +102,6 @@ var DTable = /** @class */ (function (_super) {
         body.unlock(true);
         scrollbar.unlock(true);
     };
-    DTable.prototype.getCategoryCount = function (columns) {
-        var result = 0;
-        for (var i = 0, imax = columns.length; i < imax; ++i) {
-            var category = columns[i].category;
-            if (category != null) {
-                var count = isString(category) ? 1 : category.length;
-                result = Math.max(result, count);
-            }
-        }
-        return result;
-    };
-    DTable.prototype.toCategoryLabel = function (index, category) {
-        if (category) {
-            if (isString(category)) {
-                if (index === 0) {
-                    return category;
-                }
-            }
-            else {
-                if (index < category.length) {
-                    return category[index];
-                }
-            }
-        }
-        return undefined;
-    };
-    DTable.prototype.isSameCategory = function (index, a, b) {
-        if (a != null) {
-            if (b != null) {
-                if (isString(a)) {
-                    if (isString(b)) {
-                        if (0 < index) {
-                            return true;
-                        }
-                        else {
-                            return a === b;
-                        }
-                    }
-                    else {
-                        if (0 < index) {
-                            return b.length <= index;
-                        }
-                        else {
-                            return b.length === 1 && a === b[0];
-                        }
-                    }
-                }
-                else {
-                    if (isString(b)) {
-                        if (0 < index) {
-                            return a.length <= index;
-                        }
-                        else {
-                            return a.length === 1 && a[0] === b;
-                        }
-                    }
-                    else {
-                        if (a.length <= index && b.length <= index) {
-                            return true;
-                        }
-                        else if (b.length === a.length) {
-                            for (var i = index, imax = a.length; i < imax; ++i) {
-                                if (a[i] !== b[i]) {
-                                    return false;
-                                }
-                            }
-                            return true;
-                        }
-                        return false;
-                    }
-                }
-            }
-            else {
-                if (isString(a)) {
-                    if (0 < index) {
-                        return true;
-                    }
-                    else {
-                        return false;
-                    }
-                }
-                else {
-                    if (a.length <= index) {
-                        return true;
-                    }
-                    else {
-                        return false;
-                    }
-                }
-            }
-        }
-        else {
-            if (b != null) {
-                if (isString(b)) {
-                    if (0 < index) {
-                        return true;
-                    }
-                    else {
-                        return false;
-                    }
-                }
-                else {
-                    if (b.length <= index) {
-                        return true;
-                    }
-                    else {
-                        return false;
-                    }
-                }
-            }
-            else {
-                return true;
-            }
-        }
-    };
-    DTable.prototype.toCategoryColumns = function (index, columns, frozen) {
-        var result = [];
-        var tcolumn = null;
-        var ccolumn = null;
-        for (var i = 0, imax = columns.length; i < imax; ++i) {
-            var column = columns[i];
-            if (i !== frozen &&
-                ccolumn &&
-                tcolumn &&
-                this.isSameCategory(index, tcolumn.category, column.category)) {
-                if (ccolumn.weight != null && column.weight != null) {
-                    ccolumn.weight += column.weight;
-                }
-                else if (ccolumn.width != null && column.width != null) {
-                    ccolumn.width += column.width;
-                }
-                else {
-                    tcolumn = column;
-                    ccolumn = {
-                        label: this.toCategoryLabel(index, column.category),
-                        weight: column.weight,
-                        width: column.width,
-                        offset: 0.0
-                    };
-                    result.push(ccolumn);
-                }
-            }
-            else {
-                tcolumn = column;
-                ccolumn = {
-                    label: this.toCategoryLabel(index, column.category),
-                    weight: column.weight,
-                    width: column.width,
-                    offset: 0.0
-                };
-                result.push(ccolumn);
-            }
-        }
-        return result;
-    };
-    DTable.prototype.toCategoryOptions = function (index, options, columns, frozen, offset) {
-        if (options) {
-            if (options.columns === undefined) {
-                options.columns = this.toCategoryColumns(index, columns, frozen);
-            }
-            if (options.frozen == null) {
-                options.frozen = frozen;
-            }
-            if (options.offset == null) {
-                options.offset = offset;
-            }
-            return options;
-        }
-        return {
-            columns: this.toCategoryColumns(index, columns, frozen),
-            frozen: frozen,
-            offset: offset
-        };
-    };
-    DTable.prototype.newCategories = function (options, columns, frozen) {
-        var count = this.getCategoryCount(columns);
-        var result = [];
-        var offset = 0;
-        for (var i = count - 1; 0 <= i; --i) {
-            var category = new DTableCategory(this.toCategoryOptions(i, options === null || options === void 0 ? void 0 : options.category, columns, frozen, offset));
-            result.push(category);
-            offset += category.height;
-        }
-        return result;
-    };
     DTable.prototype.onDblClick = function (e, interactionManager) {
         var result = this.body.onDblClick(e, interactionManager);
         return _super.prototype.onDblClick.call(this, e, interactionManager) || result;
@@ -643,24 +112,35 @@ var DTable = /** @class */ (function (_super) {
             _this.onScrollBarUpdate(isRegionVisible);
         });
     };
-    DTable.prototype.toContentWidth = function (options) {
-        var columnWidthTotal = 0;
-        var columns = options === null || options === void 0 ? void 0 : options.columns;
-        if (columns) {
-            for (var i = 0, imax = columns.length; i < imax; ++i) {
-                var column = columns[i];
-                var columnWidth = column.width;
-                if (columnWidth != null) {
-                    columnWidthTotal += columnWidth;
+    DTable.prototype.newContent = function (options) {
+        var _this = this;
+        var result = _super.prototype.newContent.call(this, options);
+        // X & Width
+        var column = this.column;
+        var columnWidth = column.width;
+        if (0 < columnWidth) {
+            column.on("resize", function () {
+                columnWidth = column.width;
+                var parentWidth = _this.width;
+                var parentHeight = _this.height;
+                var newWidth = Math.max(parentWidth, columnWidth);
+                var newXMin = parentWidth - newWidth;
+                // The X position must be in [newXMin, 0].
+                if (result.x < newXMin) {
+                    result.x = newXMin;
                 }
-            }
+                // Force the with reevaluated
+                result.onParentResize(parentWidth, parentHeight, _this.padding);
+            });
+            result.setWidth(function (p) {
+                return Math.max(p, columnWidth);
+            });
         }
-        if (0 < columnWidthTotal) {
-            return function (p) {
-                return Math.max(p, columnWidthTotal);
-            };
+        else {
+            result.setWidth("100%");
         }
-        return "100%";
+        // Done
+        return result;
     };
     DTable.prototype.getHeaderOffset = function () {
         var result = this._headerOffset;
@@ -682,7 +162,7 @@ var DTable = /** @class */ (function (_super) {
         get: function () {
             var result = this._header;
             if (result === undefined) {
-                result = this.newHeader(this._options, this.columns, this.frozen, this.getHeaderOffset());
+                result = this.newHeader();
                 this._header = result;
             }
             return result;
@@ -701,42 +181,17 @@ var DTable = /** @class */ (function (_super) {
         }
         return false;
     };
-    DTable.prototype.newHeader = function (options, columns, frozen, offset) {
+    DTable.prototype.newHeader = function () {
+        var options = this._options;
         if (this.hasHeader(options)) {
-            return new DTableHeader(this.toHeaderOptions(options === null || options === void 0 ? void 0 : options.header, columns, frozen, offset));
+            var column = this.column;
+            return new DTableHeader(this, column.items, column.frozen, this.getHeaderOffset(), options === null || options === void 0 ? void 0 : options.header);
         }
         return null;
     };
-    DTable.prototype.toHeaderOptions = function (options, columns, frozen, offset) {
-        if (options) {
-            if (options.columns === undefined) {
-                options.columns = columns;
-            }
-            if (options.frozen == null) {
-                options.frozen = frozen;
-            }
-            if (options.offset === undefined) {
-                options.offset = offset;
-            }
-            if (options.table === undefined) {
-                options.table = this;
-            }
-            return options;
-        }
-        return {
-            columns: columns,
-            frozen: frozen,
-            offset: offset,
-            table: this
-        };
-    };
     DTable.prototype.getBodyOffset = function () {
-        var result = this._bodyOffset;
-        if (result == null) {
-            result = this.newBodyOffset();
-            this._bodyOffset = result;
-        }
-        return result;
+        var _a;
+        return ((_a = this._bodyOffset) !== null && _a !== void 0 ? _a : (this._bodyOffset = this.newBodyOffset()));
     };
     DTable.prototype.newBodyOffset = function () {
         var _a, _b;
@@ -744,30 +199,19 @@ var DTable = /** @class */ (function (_super) {
     };
     Object.defineProperty(DTable.prototype, "body", {
         get: function () {
-            var result = this._body;
-            if (result == null) {
-                result = this.newBody(this._options, this.columns, this.frozen, this.getBodyOffset());
-                this._body = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._body) !== null && _a !== void 0 ? _a : (this._body = this.newBody()));
         },
         enumerable: false,
         configurable: true
     });
-    DTable.prototype.newBody = function (options, columns, frozen, offset) {
-        return new DTableBody(this.toBodyOptions(options === null || options === void 0 ? void 0 : options.body, columns, frozen, offset, options === null || options === void 0 ? void 0 : options.data));
+    DTable.prototype.newBody = function () {
+        var options = this._options;
+        var column = this.column;
+        return new DTableBody(column.items, column.frozen, this.getBodyOffset(), this.toBodyOptions(options === null || options === void 0 ? void 0 : options.body, options === null || options === void 0 ? void 0 : options.data));
     };
-    DTable.prototype.toBodyOptions = function (options, columns, frozen, offset, data) {
+    DTable.prototype.toBodyOptions = function (options, data) {
         if (options != null) {
-            if (options.columns === undefined) {
-                options.columns = columns;
-            }
-            if (options.frozen == null) {
-                options.frozen = frozen;
-            }
-            if (options.offset === undefined) {
-                options.offset = offset;
-            }
             if (options.data === undefined && data !== undefined) {
                 if (isArray(data)) {
                     options.data = {
@@ -785,9 +229,6 @@ var DTable = /** @class */ (function (_super) {
         }
         if (isArray(data)) {
             return {
-                columns: columns,
-                frozen: frozen,
-                offset: offset,
                 data: {
                     rows: data
                 },
@@ -796,9 +237,6 @@ var DTable = /** @class */ (function (_super) {
         }
         else {
             return {
-                columns: columns,
-                frozen: frozen,
-                offset: offset,
                 data: data,
                 weight: 1
             };