@wcardinal/wcardinal-ui 0.367.0 → 0.368.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.367.0
+ Winter Cardinal UI v0.368.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -68534,9 +68534,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 this.emit("change", newValue, oldValue, this);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         Object.defineProperty(DTableBodyCellSelectDialog.prototype, "row", {
@@ -68639,9 +68640,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, selected);
+                var column = this._column;
+                column.setter(row, columnIndex, selected);
                 _super.prototype.onMenuSelect.call(this, selected, item, menu);
-                this._onChange(selected, null, row, rowIndex, columnIndex, this);
+                this._onChange(selected, null, row, rowIndex, columnIndex, column, this);
             }
         };
         DTableBodyCellActionMenu.prototype.onKeyDownArrowDown = function (e) {
@@ -68734,9 +68736,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 this.emit("change", newValue, oldValue, this);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         Object.defineProperty(DTableBodyCellSelectPromise.prototype, "row", {
@@ -68914,8 +68917,9 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
+                var column = this._column;
                 this.emit("change", null, null, this);
-                this._onChange(null, null, row, rowIndex, columnIndex, this);
+                this._onChange(null, null, row, rowIndex, columnIndex, column, this);
             }
         };
         DTableBodyCellButton.prototype.onActivateKeyDown = function (e) {
@@ -68968,7 +68972,21 @@
         TIME: 11,
         ACTION: 12,
         LINK: 13,
-        TREE: 14
+        TREE: 14,
+        TEXT_AREA: 15
+    };
+
+    /**
+     * An update region when table cells get edited.
+     *
+     * * CELL: Edited cells (Default).
+     * * ROW: Rows that edited cells belongs to.
+     * * ALL: All the rows.
+     */
+    var DTableColumnUpdate = {
+        CELL: 0,
+        ROW: 1,
+        ALL: 2
     };
 
     /*
@@ -69002,7 +69020,7 @@
                 column.setter(row, columnIndex, newValue);
                 this.emit("change", newValue, oldValue, this);
                 var onChange = this._onChange;
-                onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
                 if (newValue && column.type === DTableColumnType.CHECK_SINGLE) {
                     this.onChangeSingle(rowIndex, columnIndex, column, onChange);
                 }
@@ -69011,9 +69029,9 @@
         DTableBodyCellCheck.prototype.onChangeSingle = function (rowIndex, columnIndex, column, onChange) {
             var _this = this;
             var tableBodyRow = this.parent;
-            if (tableBodyRow) {
+            if (tableBodyRow != null) {
                 var tableBody = tableBodyRow.parent;
-                if (tableBody) {
+                if (tableBody != null) {
                     var isChanged_1 = false;
                     var getter_1 = column.getter;
                     var setter_1 = column.setter;
@@ -69022,12 +69040,12 @@
                         if (rowIndex !== index && getter_1(row, columnIndex)) {
                             setter_1(row, columnIndex, false);
                             isChanged_1 = true;
-                            onChange(false, true, row, index, columnIndex, _this);
+                            onChange(false, true, row, index, columnIndex, column, _this);
                             return false;
                         }
                         return true;
                     });
-                    if (isChanged_1) {
+                    if (isChanged_1 && column.update !== DTableColumnUpdate.ALL) {
                         tableBody.update(true);
                     }
                 }
@@ -69096,9 +69114,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
             else {
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
@@ -69186,9 +69205,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
             else {
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
@@ -69278,9 +69298,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
             else {
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
@@ -69428,9 +69449,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         Object.defineProperty(DTableBodyCellInputInteger.prototype, "row", {
@@ -69496,9 +69518,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         Object.defineProperty(DTableBodyCellInputReal.prototype, "row", {
@@ -69545,6 +69568,75 @@
         return DTableBodyCellInputReal;
     }(DInputReal));
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DTableBodyCellInputTextArea = /** @class */ (function (_super) {
+        __extends(DTableBodyCellInputTextArea, _super);
+        function DTableBodyCellInputTextArea(columnIndex, column, onChange, options) {
+            var _this = _super.call(this, options) || this;
+            _this._rowIndex = -1;
+            _this._columnIndex = columnIndex;
+            _this._column = column;
+            _this._onChange = onChange;
+            return _this;
+        }
+        DTableBodyCellInputTextArea.prototype.onValueChange = function (newValue, oldValue) {
+            var row = this._row;
+            if (row !== undefined) {
+                var rowIndex = this._rowIndex;
+                var columnIndex = this._columnIndex;
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
+                _super.prototype.onValueChange.call(this, newValue, oldValue);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
+            }
+        };
+        Object.defineProperty(DTableBodyCellInputTextArea.prototype, "row", {
+            get: function () {
+                return this._row;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DTableBodyCellInputTextArea.prototype, "rowIndex", {
+            get: function () {
+                return this._rowIndex;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DTableBodyCellInputTextArea.prototype, "columnIndex", {
+            get: function () {
+                return this._columnIndex;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DTableBodyCellInputTextArea.prototype, "column", {
+            get: function () {
+                return this._column;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DTableBodyCellInputTextArea.prototype.set = function (value, row, supplimental, rowIndex, columnIndex, forcibly) {
+            this._row = row;
+            this._rowIndex = rowIndex;
+            this.text = String(value);
+            DTableBodyCells.set(this, row, columnIndex, this._column);
+        };
+        DTableBodyCellInputTextArea.prototype.unset = function () {
+            this._row = undefined;
+            this._rowIndex = -1;
+        };
+        DTableBodyCellInputTextArea.prototype.getType = function () {
+            return "DTableBodyCellInputTextArea";
+        };
+        return DTableBodyCellInputTextArea;
+    }(DInputTextArea));
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -69564,9 +69656,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         Object.defineProperty(DTableBodyCellInputText.prototype, "row", {
@@ -69761,9 +69854,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 this.emit("change", newValue, oldValue, this);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         DTableBodyCellInputTree.prototype.newMarker = function (options) {
@@ -69852,7 +69946,7 @@
             input.visible = true;
             input.text = String(value);
             var marker = this._marker;
-            if (isNumber(supplimental)) {
+            if (supplimental != null) {
                 var isOpened = !!(supplimental & 0x1);
                 var hasChildren = !!(supplimental & 0x2);
                 var level = supplimental >> 2;
@@ -69988,9 +70082,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue, item);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
         };
         DTableBodyCellSelectMenu.prototype.onKeyDownArrowDown = function (e) {
@@ -70059,9 +70154,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValues);
+                var column = this._column;
+                column.setter(row, columnIndex, newValues);
                 _super.prototype.onValueChange.call(this, newValues, oldValues, items);
-                this._onChange(newValues, oldValues, row, rowIndex, columnIndex, this);
+                this._onChange(newValues, oldValues, row, rowIndex, columnIndex, column, this);
             }
         };
         DTableBodyCellSelectMultiple.prototype.onKeyDownArrowDown = function (e) {
@@ -70111,6 +70207,21 @@
         return DTableBodyCellSelectMultiple;
     }(DSelectMultiple));
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DTableBodyCellTextArea = /** @class */ (function (_super) {
+        __extends(DTableBodyCellTextArea, _super);
+        function DTableBodyCellTextArea() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DTableBodyCellTextArea.prototype.getType = function () {
+            return "DTableBodyCellTextArea";
+        };
+        return DTableBodyCellTextArea;
+    }(DTableBodyCellText));
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -70130,9 +70241,10 @@
             if (row !== undefined) {
                 var rowIndex = this._rowIndex;
                 var columnIndex = this._columnIndex;
-                this._column.setter(row, columnIndex, newValue);
+                var column = this._column;
+                column.setter(row, columnIndex, newValue);
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
-                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, this);
+                this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
             }
             else {
                 _super.prototype.onValueChange.call(this, newValue, oldValue);
@@ -70295,7 +70407,7 @@
             DTableBodyCells.set(this, row, columnIndex, this._column, false);
             var link = this.link;
             var padding = this._padding;
-            if (isNumber(supplimental)) {
+            if (supplimental != null) {
                 var isOpened = !!(supplimental & 0x1);
                 var hasChildren = !!(supplimental & 0x2);
                 var level = supplimental >> 2;
@@ -70446,15 +70558,27 @@
         function DTableBodyRow(onChange, isEven, columnIndexToCellOptions, options) {
             var _this = _super.call(this, options) || this;
             _this._index = -1;
-            _this._onCellChangeBound = function (newValue, oldValue, row, rowIndex, columnIndex) {
-                _this.emit("change", newValue, oldValue, row, rowIndex, columnIndex, _this);
-                onChange(newValue, oldValue, row, rowIndex, columnIndex, _this);
+            _this._onChange = onChange;
+            _this._onCellChangeBound = function (newValue, oldValue, row, rowIndex, columnIndex, column) {
+                _this.onCellChange(newValue, oldValue, row, rowIndex, columnIndex, column);
             };
             _this._columnIndexToCellOptions = columnIndexToCellOptions;
             _this.state.isAlternated = !isEven;
             _this.initCells(options, _this._columns, _this._frozen);
             return _this;
         }
+        DTableBodyRow.prototype.onCellChange = function (newValue, oldValue, row, rowIndex, columnIndex, column) {
+            this.emit("change", newValue, oldValue, row, rowIndex, columnIndex, this);
+            if (column.update === DTableColumnUpdate.ROW) {
+                var value = this._value;
+                var supplimental = this._supplimental;
+                var index = this._index;
+                if (value !== undefined && supplimental !== undefined) {
+                    this.set(value, supplimental, index, true);
+                }
+            }
+            this._onChange(newValue, oldValue, row, rowIndex, columnIndex, column, this);
+        };
         DTableBodyRow.prototype.newCell = function (columnIndex, column, columns, options) {
             var onChange = this._onCellChangeBound;
             var columnIndexToCellOptions = this._columnIndexToCellOptions;
@@ -70480,6 +70604,8 @@
                     return new DTableBodyCellIndex(columnIndex, column, onChange, options);
                 case DTableColumnType.TEXT:
                     return new DTableBodyCellInputText(columnIndex, column, onChange, options);
+                case DTableColumnType.TEXT_AREA:
+                    return new DTableBodyCellInputTextArea(columnIndex, column, onChange, options);
                 case DTableColumnType.TREE:
                     return new DTableBodyCellInputTree(columnIndex, column, onChange, options);
                 case DTableColumnType.INTEGER:
@@ -70515,6 +70641,8 @@
                     return new DTableBodyCellIndex(columnIndex, column, onChange, options);
                 case DTableColumnType.TEXT:
                     return new DTableBodyCellText(columnIndex, column, onChange, options);
+                case DTableColumnType.TEXT_AREA:
+                    return new DTableBodyCellTextArea(columnIndex, column, onChange, options);
                 case DTableColumnType.TREE:
                     return new DTableBodyCellTree(columnIndex, column, onChange, options);
                 case DTableColumnType.INTEGER:
@@ -70664,8 +70792,12 @@
             return target != null && "set" in target;
         };
         DTableBodyRow.prototype.set = function (value, supplimental, rowIndex, forcibly) {
-            if (forcibly || this._value !== value || this._index !== rowIndex) {
+            if (forcibly ||
+                this._value !== value ||
+                this._supplimental !== supplimental ||
+                this._index !== rowIndex) {
                 this._value = value;
+                this._supplimental = supplimental;
                 this._index = rowIndex;
                 var cells = this.children;
                 var cellsLength = cells.length;
@@ -71692,13 +71824,20 @@
             _this._isUpdateRowsCalled = false;
             _this._isUpdateRowsCalledForcibly = false;
             _this._workRows = [];
-            _this._onRowChangeBound = function (newValue, oldValue, row, rowIndex, columnIndex) {
-                data.emit("change", newValue, oldValue, row, rowIndex, columnIndex, data);
+            _this._onRowChangeBound = function (newValue, oldValue, row, rowIndex, columnIndex, column) {
+                _this.onRowChange(newValue, oldValue, row, rowIndex, columnIndex, column);
             };
             _this._columnIndexToCellOptions = new Map();
             _this._data.emit("init", _this._data);
             return _this;
         }
+        DTableBody.prototype.onRowChange = function (newValue, oldValue, row, rowIndex, columnIndex, column) {
+            var data = this._data;
+            data.emit("change", newValue, oldValue, row, rowIndex, columnIndex, data);
+            if (column.update === DTableColumnUpdate.ALL) {
+                this.update(true);
+            }
+        };
         DTableBody.prototype.toData = function (options) {
             if (this.isData(options)) {
                 return options;
@@ -73572,6 +73711,7 @@
         }
         switch (type) {
             case DTableColumnType.TEXT:
+            case DTableColumnType.TEXT_AREA:
                 return DAlignHorizontal.LEFT;
             case DTableColumnType.REAL:
             case DTableColumnType.INTEGER:
@@ -73791,7 +73931,7 @@
         return true;
     };
     var toColumn = function (index, options) {
-        var _a;
+        var _a, _b;
         var weight = options.weight;
         var width = options.width;
         if (weight != null) {
@@ -73827,7 +73967,8 @@
             category: options.category,
             frozen: options.frozen,
             offset: 0.0,
-            link: options.link
+            link: options.link,
+            update: toEnum((_b = options.update) !== null && _b !== void 0 ? _b : DTableColumnUpdate.CELL, DTableColumnUpdate)
         };
     };
     var toColumns = function (options) {
@@ -76766,6 +76907,7 @@
         DTableBodyCellIndex: DTableBodyCellIndex,
         DTableBodyCellInputInteger: DTableBodyCellInputInteger,
         DTableBodyCellInputReal: DTableBodyCellInputReal,
+        DTableBodyCellInputTextArea: DTableBodyCellInputTextArea,
         DTableBodyCellInputText: DTableBodyCellInputText,
         DTableBodyCellInputTreeInput: DTableBodyCellInputTreeInput,
         DTableBodyCellInputTreeMarker: DTableBodyCellInputTreeMarker,
@@ -76778,6 +76920,7 @@
         DTableBodyCellSelectMenu: DTableBodyCellSelectMenu,
         DTableBodyCellSelectMultiple: DTableBodyCellSelectMultiple,
         DTableBodyCellSelectPromise: DTableBodyCellSelectPromise,
+        DTableBodyCellTextArea: DTableBodyCellTextArea,
         DTableBodyCellText: DTableBodyCellText,
         DTableBodyCellTime: DTableBodyCellTime,
         DTableBodyCellTree: DTableBodyCellTree,
@@ -76787,6 +76930,7 @@
         DTableCategoryCell: DTableCategoryCell,
         DTableCategory: DTableCategory,
         DTableColumnType: DTableColumnType,
+        DTableColumnUpdate: DTableColumnUpdate,
         DTableDataListFilter: DTableDataListFilter,
         DTableDataListMapped: DTableDataListMapped,
         DTableDataListSelection: DTableDataListSelection,