@wcardinal/wcardinal-ui 0.368.0 → 0.370.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.368.0
+ Winter Cardinal UI v0.370.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -25932,12 +25932,16 @@
         BOTTOM_LEFT: 13,
         BOTTOM_CENTER: 14,
         BOTTOM_RIGHT: 15,
-        OVER: 16
+        OVER: 16,
+        NONE: 17
     };
     var UtilAttach = /** @class */ (function () {
         function UtilAttach() {
         }
         UtilAttach.attach = function (target, bounds, offsetX, offsetY, clippingWidth, clippingHeight, align) {
+            if (align === UtilAttachAlign.NONE) {
+                return;
+            }
             var width = target.width;
             var height = target.height;
             var x = 0;
@@ -26553,6 +26557,9 @@
                 return;
             }
             var align = this._align;
+            if (align === UtilAttachAlign.NONE) {
+                return;
+            }
             var opener = this._opener;
             if (align != null && opener != null) {
                 var mode = this._mode;
@@ -48538,6 +48545,8 @@
                 width = bbox.width;
                 height = bbox.height;
             }
+            this._isWidthFixed = options.width != null;
+            this._isHeightFixed = options.height != null;
             // Background color
             var background = options === null || options === void 0 ? void 0 : options.background;
             var backgroundColor = 0;
@@ -48606,6 +48615,23 @@
             this._pixi.width = width;
             return this;
         };
+        /**
+         * Returns true if the width is fixed.
+         *
+         * @returns true if the width is fixed.
+         */
+        DApplicationLayerOptions.prototype.isWidthFixed = function () {
+            return this._isWidthFixed;
+        };
+        /**
+         * Makes the canvas width fixed.
+         *
+         * @param fixed true to make the canvas width fixed
+         */
+        DApplicationLayerOptions.prototype.setWidthFixed = function (fixed) {
+            this._isWidthFixed = fixed;
+            return this;
+        };
         /**
          * Returns a canvas height.
          */
@@ -48621,6 +48647,23 @@
             this._pixi.height = height;
             return this;
         };
+        /**
+         * Returns true if the height is fixed.
+         *
+         * @returns true if the height is fixed.
+         */
+        DApplicationLayerOptions.prototype.isHeightFixed = function () {
+            return this._isHeightFixed;
+        };
+        /**
+         * Makes the canvas height fixed.
+         *
+         * @param fixed true to make the canvas height fixed
+         */
+        DApplicationLayerOptions.prototype.setHeightFixed = function (fixed) {
+            this._isHeightFixed = fixed;
+            return this;
+        };
         /**
          * Returns padding sizes.
          * The default padding size is 6.
@@ -49142,23 +49185,34 @@
         };
         DApplicationLayer.prototype.initResizeHandling = function () {
             var _this = this;
-            var onResizeBound = function () {
-                _this.onResize();
-            };
-            window.addEventListener("resize", onResizeBound);
-            window.addEventListener("orientationchange", onResizeBound);
+            var options = this._options;
+            var isWidthFixed = options.isWidthFixed();
+            var isHeightFixed = options.isHeightFixed();
+            if (!isWidthFixed || !isHeightFixed) {
+                var onResizeBound = function () {
+                    _this.onResize();
+                };
+                if (window.ResizeObserver != null) {
+                    new ResizeObserver(onResizeBound).observe(this._rootElement);
+                }
+                else {
+                    window.addEventListener("resize", onResizeBound);
+                    window.addEventListener("orientationchange", onResizeBound);
+                }
+            }
         };
         DApplicationLayer.prototype.onResize = function () {
+            var options = this._options;
             var bbox = this._rootElement.getBoundingClientRect();
-            var bboxWidth = bbox.width;
-            var bboxHeight = bbox.height;
-            this.renderer.resize(bboxWidth, bboxHeight);
+            var newWidth = options.isWidthFixed() ? options.getWidth() : bbox.width;
+            var newHeight = options.isHeightFixed() ? options.getHeight() : bbox.height;
+            this.renderer.resize(newWidth, newHeight);
             var padding = this._padding;
             var children = this.stage.children;
             for (var i = 0, imax = children.length; i < imax; ++i) {
                 var child = children[i];
                 if (child instanceof DBase) {
-                    child.onParentResize(bboxWidth, bboxHeight, padding);
+                    child.onParentResize(newWidth, newHeight, padding);
                 }
             }
             this.update();
@@ -71586,10 +71640,10 @@
             enumerable: false,
             configurable: true
         });
-        DTableDataList.prototype.update = function () {
+        DTableDataList.prototype.update = function (forcibly) {
             var parent = this._parent;
             if (parent) {
-                parent.update();
+                parent.update(forcibly);
             }
         };
         DTableDataList.prototype.lock = function () {
@@ -71598,11 +71652,10 @@
                 parent.lock();
             }
         };
-        DTableDataList.prototype.unlock = function () {
+        DTableDataList.prototype.unlock = function (callIfNeeded) {
             var parent = this._parent;
             if (parent) {
-                parent.unlock(false);
-                parent.update();
+                parent.unlock(callIfNeeded);
             }
         };
         DTableDataList.prototype.size = function () {
@@ -71616,7 +71669,8 @@
                 this._selection.clear();
                 this._sorter.toDirty();
                 this._filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
             }
         };
         DTableDataList.prototype.clearAndAdd = function (row) {
@@ -71627,7 +71681,8 @@
             this._selection.clear();
             this._sorter.toDirty();
             this._filter.toDirty();
-            this.unlock();
+            this.update();
+            this.unlock(true);
         };
         DTableDataList.prototype.clearAndAddAll = function (newRows) {
             var rows = this._rows;
@@ -71639,7 +71694,8 @@
             this._selection.clear();
             this._sorter.toDirty();
             this._filter.toDirty();
-            this.unlock();
+            this.update();
+            this.unlock(true);
         };
         DTableDataList.prototype.add = function (row, index) {
             var rows = this._rows;
@@ -71651,7 +71707,8 @@
                 this.lock();
                 sorter.toDirty();
                 filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
             }
             else if (0 <= index && index < rows.length) {
                 rows.splice(index, 0, row);
@@ -71659,7 +71716,8 @@
                 selection.shift(index, 1);
                 sorter.toDirty();
                 filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
             }
         };
         DTableDataList.prototype.addAll = function (newRows, index) {
@@ -71676,7 +71734,8 @@
                 this.lock();
                 sorter.toDirty();
                 filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
             }
             else if (0 <= index && index < rowsLength) {
                 var newRowsLength = newRows.length;
@@ -71687,7 +71746,8 @@
                 selection.shift(index, newRowsLength);
                 sorter.toDirty();
                 filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
             }
         };
         DTableDataList.prototype.get = function (index) {
@@ -71705,7 +71765,8 @@
                 this.lock();
                 this._sorter.toDirty();
                 this._filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
                 return result;
             }
             return null;
@@ -71718,7 +71779,8 @@
                 this._selection.remove(index);
                 this._sorter.toDirty();
                 this._filter.toDirty();
-                this.unlock();
+                this.update();
+                this.unlock(true);
                 return result;
             }
             return null;
@@ -73056,6 +73118,18 @@
                 parent.update(forcibly);
             }
         };
+        DTableDataTree.prototype.lock = function () {
+            var parent = this._parent;
+            if (parent) {
+                parent.lock();
+            }
+        };
+        DTableDataTree.prototype.unlock = function (callIfNeeded) {
+            var parent = this._parent;
+            if (parent) {
+                parent.unlock(callIfNeeded);
+            }
+        };
         DTableDataTree.prototype.size = function () {
             return this.rows.length;
         };