@wcardinal/wcardinal-ui 0.155.0 → 0.158.0

package/dist/wcardinal/ui/d-image-piece-layouter-part-left.js

@@ -0,0 +1,30 @@
+import { __extends } from "tslib";
+import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
+var DImagePieceLayouterPartLeft = /** @class */ (function (_super) {
+    __extends(DImagePieceLayouterPartLeft, _super);
+    function DImagePieceLayouterPartLeft() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DImagePieceLayouterPartLeft.prototype.execute = function (pleft, marginAfter) {
+        var pieces = this.pieces;
+        var x = pleft;
+        if (marginAfter) {
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                piece.image.x = x;
+                x += piece.bound.width + piece.margin.horizontal;
+            }
+        }
+        else {
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                x += piece.margin.horizontal;
+                piece.image.x = x;
+                x += piece.bound.width;
+            }
+        }
+    };
+    return DImagePieceLayouterPartLeft;
+}(DImagePieceLayouterPart));
+export { DImagePieceLayouterPartLeft };
+//# sourceMappingURL=d-image-piece-layouter-part-left.js.map

package/dist/wcardinal/ui/d-image-piece-layouter-part-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter-part-left.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-left.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAiD,+CAAuB;IAAxE;;IAmBA,CAAC;IAlBA,6CAAO,GAAP,UAAQ,KAAa,EAAE,WAAoB;QAC1C,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,GAAG,KAAK,CAAC;QACd,IAAI,WAAW,EAAE;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;aACjD;SACD;aAAM;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;gBAC7B,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;aACvB;SACD;IACF,CAAC;IACF,kCAAC;AAAD,CAAC,AAnBD,CAAiD,uBAAuB,GAmBvE","sourcesContent":["import { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartLeft extends DImagePieceLayouterPart {\n\texecute(pleft: number, marginAfter: boolean): void {\n\t\tconst pieces = this.pieces;\n\t\tlet x = pleft;\n\t\tif (marginAfter) {\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\tpiece.image!.x = x;\n\t\t\t\tx += piece.bound.width + piece.margin.horizontal;\n\t\t\t}\n\t\t} else {\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\tx += piece.margin.horizontal;\n\t\t\t\tpiece.image!.x = x;\n\t\t\t\tx += piece.bound.width;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-layouter-part-middle.js

@@ -0,0 +1,24 @@
+import { __extends } from "tslib";
+import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
+var DImagePieceLayouterPartMiddle = /** @class */ (function (_super) {
+    __extends(DImagePieceLayouterPartMiddle, _super);
+    function DImagePieceLayouterPartMiddle() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DImagePieceLayouterPartMiddle.prototype.add = function (image, size, margin) {
+        var pieces = this.pieces;
+        pieces.push(image);
+        this.size = Math.max(this.size, size);
+    };
+    DImagePieceLayouterPartMiddle.prototype.execute = function (ptop, pbottom, height) {
+        var c = ptop + (height - ptop - pbottom) * 0.5;
+        var pieces = this.pieces;
+        for (var i = 0, imax = pieces.length; i < imax; ++i) {
+            var piece = pieces[i];
+            piece.image.y = c - piece.bound.height * 0.5;
+        }
+    };
+    return DImagePieceLayouterPartMiddle;
+}(DImagePieceLayouterPart));
+export { DImagePieceLayouterPartMiddle };
+//# sourceMappingURL=d-image-piece-layouter-part-middle.js.map

package/dist/wcardinal/ui/d-image-piece-layouter-part-middle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter-part-middle.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-middle.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAmD,iDAAuB;IAA1E;;IAeA,CAAC;IAdA,2CAAG,GAAH,UAAI,KAAkB,EAAE,IAAY,EAAE,MAAc;QACnD,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,+CAAO,GAAP,UAAQ,IAAY,EAAE,OAAe,EAAE,MAAc;QACpD,IAAM,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC;QACjD,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;YACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;SAC9C;IACF,CAAC;IACF,oCAAC;AAAD,CAAC,AAfD,CAAmD,uBAAuB,GAezE","sourcesContent":["import { DImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartMiddle extends DImagePieceLayouterPart {\n\tadd(image: DImagePiece, size: number, margin: number): void {\n\t\tconst pieces = this.pieces;\n\t\tpieces.push(image);\n\t\tthis.size = Math.max(this.size, size);\n\t}\n\n\texecute(ptop: number, pbottom: number, height: number): void {\n\t\tconst c = ptop + (height - ptop - pbottom) * 0.5;\n\t\tconst pieces = this.pieces;\n\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\tconst piece = pieces[i];\n\t\t\tpiece.image!.y = c - piece.bound.height * 0.5;\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-layouter-part-right.js

@@ -0,0 +1,31 @@
+import { __extends } from "tslib";
+import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
+var DImagePieceLayouterPartRight = /** @class */ (function (_super) {
+    __extends(DImagePieceLayouterPartRight, _super);
+    function DImagePieceLayouterPartRight() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DImagePieceLayouterPartRight.prototype.execute = function (pright, width, marginAfter) {
+        var pieces = this.pieces;
+        var x = width - pright;
+        if (marginAfter) {
+            var margin = 0;
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                x -= margin + piece.bound.width;
+                piece.image.x = x;
+                margin = piece.margin.horizontal;
+            }
+        }
+        else {
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                x -= piece.margin.horizontal + piece.bound.width;
+                piece.image.x = x;
+            }
+        }
+    };
+    return DImagePieceLayouterPartRight;
+}(DImagePieceLayouterPart));
+export { DImagePieceLayouterPartRight };
+//# sourceMappingURL=d-image-piece-layouter-part-right.js.map

package/dist/wcardinal/ui/d-image-piece-layouter-part-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter-part-right.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-right.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAkD,gDAAuB;IAAzE;;IAoBA,CAAC;IAnBA,8CAAO,GAAP,UAAQ,MAAc,EAAE,KAAa,EAAE,WAAoB;QAC1D,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC;QACvB,IAAI,WAAW,EAAE;YAChB,IAAI,MAAM,GAAG,CAAC,CAAC;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;gBAChC,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,CAAC;gBACnB,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;aACjC;SACD;aAAM;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;gBACjD,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,CAAC;aACnB;SACD;IACF,CAAC;IACF,mCAAC;AAAD,CAAC,AApBD,CAAkD,uBAAuB,GAoBxE","sourcesContent":["import { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartRight extends DImagePieceLayouterPart {\n\texecute(pright: number, width: number, marginAfter: boolean): void {\n\t\tconst pieces = this.pieces;\n\t\tlet x = width - pright;\n\t\tif (marginAfter) {\n\t\t\tlet margin = 0;\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\tx -= margin + piece.bound.width;\n\t\t\t\tpiece.image!.x = x;\n\t\t\t\tmargin = piece.margin.horizontal;\n\t\t\t}\n\t\t} else {\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\tx -= piece.margin.horizontal + piece.bound.width;\n\t\t\t\tpiece.image!.x = x;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-layouter-part-top.js

@@ -0,0 +1,32 @@
+import { __extends } from "tslib";
+import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
+var DImagePieceLayouterPartTop = /** @class */ (function (_super) {
+    __extends(DImagePieceLayouterPartTop, _super);
+    function DImagePieceLayouterPartTop() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DImagePieceLayouterPartTop.prototype.execute = function (ptop, marginAfter) {
+        var pieces = this.pieces;
+        var y = ptop;
+        if (marginAfter) {
+            var margin = 0;
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                piece.image.y = margin + y;
+                y += piece.bound.height;
+                margin = piece.margin.vertical;
+            }
+        }
+        else {
+            for (var i = 0, imax = pieces.length; i < imax; ++i) {
+                var piece = pieces[i];
+                y += piece.margin.vertical;
+                piece.image.y = y;
+                y += piece.bound.height;
+            }
+        }
+    };
+    return DImagePieceLayouterPartTop;
+}(DImagePieceLayouterPart));
+export { DImagePieceLayouterPartTop };
+//# sourceMappingURL=d-image-piece-layouter-part-top.js.map

package/dist/wcardinal/ui/d-image-piece-layouter-part-top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter-part-top.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-top.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAgD,8CAAuB;IAAvE;;IAqBA,CAAC;IApBA,4CAAO,GAAP,UAAQ,IAAY,EAAE,WAAoB;QACzC,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,GAAG,IAAI,CAAC;QACb,IAAI,WAAW,EAAE;YAChB,IAAI,MAAM,GAAG,CAAC,CAAC;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;gBAC5B,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;gBACxB,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC/B;SACD;aAAM;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;gBACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAC3B,KAAK,CAAC,KAAM,CAAC,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;aACxB;SACD;IACF,CAAC;IACF,iCAAC;AAAD,CAAC,AArBD,CAAgD,uBAAuB,GAqBtE","sourcesContent":["import { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartTop extends DImagePieceLayouterPart {\n\texecute(ptop: number, marginAfter: boolean): void {\n\t\tconst pieces = this.pieces;\n\t\tlet y = ptop;\n\t\tif (marginAfter) {\n\t\t\tlet margin = 0;\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\tpiece.image!.y = margin + y;\n\t\t\t\ty += piece.bound.height;\n\t\t\t\tmargin = piece.margin.vertical;\n\t\t\t}\n\t\t} else {\n\t\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\t\tconst piece = pieces[i];\n\t\t\t\ty += piece.margin.vertical;\n\t\t\t\tpiece.image!.y = y;\n\t\t\t\ty += piece.bound.height;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-layouter-part.js

@@ -0,0 +1,18 @@
+var DImagePieceLayouterPart = /** @class */ (function () {
+    function DImagePieceLayouterPart() {
+        this.pieces = [];
+        this.size = 0;
+    }
+    DImagePieceLayouterPart.prototype.clear = function () {
+        this.pieces.length = 0;
+        this.size = 0;
+    };
+    DImagePieceLayouterPart.prototype.add = function (image, size, margin) {
+        var pieces = this.pieces;
+        pieces.push(image);
+        this.size += margin + size;
+    };
+    return DImagePieceLayouterPart;
+}());
+export { DImagePieceLayouterPart };
+//# sourceMappingURL=d-image-piece-layouter-part.js.map

package/dist/wcardinal/ui/d-image-piece-layouter-part.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter-part.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part.ts"],"names":[],"mappings":"AAEA;IAIC;QACC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,CAAC;IAED,uCAAK,GAAL;QACC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,CAAC;IAED,qCAAG,GAAH,UAAI,KAAkB,EAAE,IAAY,EAAE,MAAc;QACnD,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC;IAC5B,CAAC;IACF,8BAAC;AAAD,CAAC,AAnBD,IAmBC","sourcesContent":["import { DImagePiece } from \"./d-image-piece\";\n\nexport class DImagePieceLayouterPart {\n\tpieces: DImagePiece[];\n\tsize: number;\n\n\tconstructor() {\n\t\tthis.pieces = [];\n\t\tthis.size = 0;\n\t}\n\n\tclear(): void {\n\t\tthis.pieces.length = 0;\n\t\tthis.size = 0;\n\t}\n\n\tadd(image: DImagePiece, size: number, margin: number): void {\n\t\tconst pieces = this.pieces;\n\t\tpieces.push(image);\n\t\tthis.size += margin + size;\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-layouter.js

@@ -0,0 +1,65 @@
+import { DAlignWith } from "./d-align-with";
+import { DImagePieceLayouterPartContainer } from "./d-image-piece-layouter-part-container";
+var DImagePieceLayouter = /** @class */ (function () {
+    function DImagePieceLayouter() {
+        this.text = new DImagePieceLayouterPartContainer();
+        this.padding = new DImagePieceLayouterPartContainer();
+        this.border = new DImagePieceLayouterPartContainer();
+    }
+    DImagePieceLayouter.prototype.clear = function () {
+        this.text.clear();
+        this.padding.clear();
+        this.border.clear();
+    };
+    DImagePieceLayouter.prototype.add = function (image) {
+        var imageImage = image.image;
+        if (imageImage) {
+            switch (image.align.with) {
+                case DAlignWith.TEXT:
+                    this.text.add(image);
+                    break;
+                case DAlignWith.PADDING:
+                    this.padding.add(image);
+                    break;
+                case DAlignWith.BORDER:
+                    this.border.add(image);
+                    break;
+            }
+        }
+    };
+    DImagePieceLayouter.prototype.set = function (text) {
+        this.text.set(text);
+    };
+    DImagePieceLayouter.prototype.execute = function (padding, textAlign, width, height) {
+        var pleft = padding.getLeft();
+        var ptop = padding.getTop();
+        var pright = padding.getRight();
+        var pbottom = padding.getBottom();
+        if (width == null) {
+            width = pleft + this.width + pright;
+        }
+        if (height == null) {
+            height = ptop + this.height + pbottom;
+        }
+        this.border.execute(0, 0, 0, 0, textAlign, width, height);
+        this.padding.execute(pleft, ptop, pright, pbottom, textAlign, width, height);
+        this.text.execute(pleft, ptop, pright, pbottom, textAlign, width, height);
+    };
+    Object.defineProperty(DImagePieceLayouter.prototype, "width", {
+        get: function () {
+            return Math.max(this.border.width, this.padding.width, this.text.width);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DImagePieceLayouter.prototype, "height", {
+        get: function () {
+            return Math.max(this.border.height, this.padding.height, this.text.height);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return DImagePieceLayouter;
+}());
+export { DImagePieceLayouter };
+//# sourceMappingURL=d-image-piece-layouter.js.map

package/dist/wcardinal/ui/d-image-piece-layouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-layouter.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAI3F;IAKC;QACC,IAAI,CAAC,IAAI,GAAG,IAAI,gCAAgC,EAAE,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,IAAI,gCAAgC,EAAE,CAAC;QACtD,IAAI,CAAC,MAAM,GAAG,IAAI,gCAAgC,EAAE,CAAC;IACtD,CAAC;IAED,mCAAK,GAAL;QACC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,iCAAG,GAAH,UAAI,KAAkB;QACrB,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,UAAU,EAAE;YACf,QAAQ,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;gBACzB,KAAK,UAAU,CAAC,IAAI;oBACnB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACrB,MAAM;gBACP,KAAK,UAAU,CAAC,OAAO;oBACtB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACxB,MAAM;gBACP,KAAK,UAAU,CAAC,MAAM;oBACrB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACvB,MAAM;aACP;SACD;IACF,CAAC;IAED,iCAAG,GAAH,UAAI,IAAkB;QACrB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAED,qCAAO,GAAP,UACC,OAAiB,EACjB,SAAyB,EACzB,KAAoB,EACpB,MAAqB;QAErB,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAChC,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;QAClC,IAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;QACpC,IAAI,KAAK,IAAI,IAAI,EAAE;YAClB,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpC;QACD,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;SACtC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7E,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC3E,CAAC;IAED,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzE,CAAC;;;OAAA;IAED,sBAAI,uCAAM;aAAV;YACC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5E,CAAC;;;OAAA;IACF,0BAAC;AAAD,CAAC,AAlED,IAkEC","sourcesContent":["import { DAlignWith } from \"./d-align-with\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouterPartContainer } from \"./d-image-piece-layouter-part-container\";\nimport { DPadding } from \"./d-padding\";\nimport { DTextBaseAlign } from \"./d-text-base\";\n\nexport class DImagePieceLayouter {\n\ttext: DImagePieceLayouterPartContainer;\n\tpadding: DImagePieceLayouterPartContainer;\n\tborder: DImagePieceLayouterPartContainer;\n\n\tconstructor() {\n\t\tthis.text = new DImagePieceLayouterPartContainer();\n\t\tthis.padding = new DImagePieceLayouterPartContainer();\n\t\tthis.border = new DImagePieceLayouterPartContainer();\n\t}\n\n\tclear(): void {\n\t\tthis.text.clear();\n\t\tthis.padding.clear();\n\t\tthis.border.clear();\n\t}\n\n\tadd(image: DImagePiece): void {\n\t\tconst imageImage = image.image;\n\t\tif (imageImage) {\n\t\t\tswitch (image.align.with) {\n\t\t\t\tcase DAlignWith.TEXT:\n\t\t\t\t\tthis.text.add(image);\n\t\t\t\t\tbreak;\n\t\t\t\tcase DAlignWith.PADDING:\n\t\t\t\t\tthis.padding.add(image);\n\t\t\t\t\tbreak;\n\t\t\t\tcase DAlignWith.BORDER:\n\t\t\t\t\tthis.border.add(image);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tset(text: DDynamicText): void {\n\t\tthis.text.set(text);\n\t}\n\n\texecute(\n\t\tpadding: DPadding,\n\t\ttextAlign: DTextBaseAlign,\n\t\twidth: number | null,\n\t\theight: number | null\n\t): void {\n\t\tconst pleft = padding.getLeft();\n\t\tconst ptop = padding.getTop();\n\t\tconst pright = padding.getRight();\n\t\tconst pbottom = padding.getBottom();\n\t\tif (width == null) {\n\t\t\twidth = pleft + this.width + pright;\n\t\t}\n\t\tif (height == null) {\n\t\t\theight = ptop + this.height + pbottom;\n\t\t}\n\t\tthis.border.execute(0, 0, 0, 0, textAlign, width, height);\n\t\tthis.padding.execute(pleft, ptop, pright, pbottom, textAlign, width, height);\n\t\tthis.text.execute(pleft, ptop, pright, pbottom, textAlign, width, height);\n\t}\n\n\tget width(): number {\n\t\treturn Math.max(this.border.width, this.padding.width, this.text.width);\n\t}\n\n\tget height(): number {\n\t\treturn Math.max(this.border.height, this.padding.height, this.text.height);\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-menu-item-text.js

@@ -46,8 +46,24 @@ var DMenuItemText = /** @class */ (function (_super) {
         var text = this._shortcutText;
         var margin = this._shortcutMargin;
         if (text != null && margin != null) {
-            var toRounded = this.toRounded;
-            text.position.set(toRounded(this.width - margin - text.width), toRounded((this.height - text.height) * 0.5));
+            var auto = this._auto;
+            var textX = 0;
+            if (auto.width.isOn) {
+                textX = margin;
+            }
+            else {
+                textX = this.width - text.width - margin;
+            }
+            var textY = 0;
+            var padding = this._padding;
+            var ptop = padding.getTop();
+            if (auto.height.isOn) {
+                textY = ptop;
+            }
+            else {
+                textY = ptop + (this.height - ptop - padding.getBottom() - text.height) * 0.5;
+            }
+            text.position.set(textX, textY);
         }
     };
     DMenuItemText.prototype.updateTextColor = function (text) {

package/dist/wcardinal/ui/d-menu-item-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-menu-item-text.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-menu-item-text.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DMenuItem, DMenuItemOptions, DThemeMenuItem } from \"./d-menu-item\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\n\nexport interface DMenuItemTextOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuItemText = DThemeMenuItemText\n> extends DMenuItemOptions<VALUE, THEME> {}\n\nexport interface DThemeMenuItemText extends DThemeMenuItem {\n\tgetShortcutTextMargin(): number;\n\tgetShortcutColor(state: DBaseStateSet): number;\n\tgetShortcutAlpha(state: DBaseStateSet): number;\n}\n\nexport class DMenuItemText<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuItemText = DThemeMenuItemText,\n\tOPTIONS extends DMenuItemTextOptions<VALUE, THEME> = DMenuItemTextOptions<VALUE, THEME>\n> extends DMenuItem<VALUE, THEME, OPTIONS> {\n\tprotected _shortcutText?: DDynamicText | null;\n\tprotected _shortcutMargin?: number;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\t\tthis.initOnOver(options);\n\t\tthis.initShortcuts(options);\n\t}\n\n\tprotected initOnOver(options?: OPTIONS): void {\n\t\tthis.on(UtilPointerEvent.over, (): void => {\n\t\t\tconst context = this.getContext();\n\t\t\tif (context != null) {\n\t\t\t\tconst parent = this.parent;\n\t\t\t\tif (parent instanceof DBase) {\n\t\t\t\t\tcontext.trim(this.getCloseable());\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tprotected initShortcuts(options?: OPTIONS): void {\n\t\tconst shortcuts = this._shortcuts;\n\t\tif (shortcuts != null && 0 < shortcuts.length) {\n\t\t\tconst shortcut = shortcuts[0];\n\t\t\tconst shortcutTextValue = UtilKeyboardEvent.toString(shortcut);\n\t\t\tthis._shortcutText = this.createText(shortcutTextValue);\n\t\t\tthis.snippet.add(this._shortcutText, true);\n\t\t} else {\n\t\t\tthis._shortcutText = null;\n\t\t}\n\n\t\tthis._shortcutMargin = this.theme.getShortcutTextMargin();\n\t}\n\n\tprotected updateShortcutText(): void {\n\t\tconst text = this._shortcutText;\n\t\tconst margin = this._shortcutMargin;\n\t\tif (text != null && margin != null) {\n\t\t\tconst toRounded = this.toRounded;\n\t\t\ttext.position.set(\n\t\t\t\ttoRounded(this.width - margin - text.width),\n\t\t\t\ttoRounded((this.height - text.height) * 0.5)\n\t\t\t);\n\t\t}\n\t}\n\n\tprotected updateTextColor(text: DDynamicText): void {\n\t\tsuper.updateTextColor(text);\n\n\t\tconst shortcutText = this._shortcutText;\n\t\tif (shortcutText != null) {\n\t\t\tconst theme = this.theme;\n\t\t\tconst state = this.state;\n\t\t\tshortcutText.style.fill = theme.getShortcutColor(state);\n\t\t\tshortcutText.alpha = theme.getShortcutAlpha(state);\n\t\t}\n\t}\n\n\tprotected updateText(): void {\n\t\tsuper.updateText();\n\t\tthis.updateShortcutText();\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DMenuItemText\";\n\t}\n\n\tprotected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void {\n\t\tsuper.onSelect(e);\n\t\tconst closeable = this.getCloseable();\n\t\tif (closeable != null) {\n\t\t\tcloseable.emit(\"select\", this.value, this, closeable);\n\t\t}\n\t}\n\n\tprotected onShortcut(e: KeyboardEvent): void {\n\t\tsuper.onShortcut(e);\n\t\tthis.onSelect(e);\n\t}\n}\n"]}
+{"version":3,"file":"d-menu-item-text.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-menu-item-text.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DMenuItem, DMenuItemOptions, DThemeMenuItem } from \"./d-menu-item\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\n\nexport interface DMenuItemTextOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuItemText = DThemeMenuItemText\n> extends DMenuItemOptions<VALUE, THEME> {}\n\nexport interface DThemeMenuItemText extends DThemeMenuItem {\n\tgetShortcutTextMargin(): number;\n\tgetShortcutColor(state: DBaseStateSet): number;\n\tgetShortcutAlpha(state: DBaseStateSet): number;\n}\n\nexport class DMenuItemText<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuItemText = DThemeMenuItemText,\n\tOPTIONS extends DMenuItemTextOptions<VALUE, THEME> = DMenuItemTextOptions<VALUE, THEME>\n> extends DMenuItem<VALUE, THEME, OPTIONS> {\n\tprotected _shortcutText?: DDynamicText | null;\n\tprotected _shortcutMargin?: number;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\t\tthis.initOnOver(options);\n\t\tthis.initShortcuts(options);\n\t}\n\n\tprotected initOnOver(options?: OPTIONS): void {\n\t\tthis.on(UtilPointerEvent.over, (): void => {\n\t\t\tconst context = this.getContext();\n\t\t\tif (context != null) {\n\t\t\t\tconst parent = this.parent;\n\t\t\t\tif (parent instanceof DBase) {\n\t\t\t\t\tcontext.trim(this.getCloseable());\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tprotected initShortcuts(options?: OPTIONS): void {\n\t\tconst shortcuts = this._shortcuts;\n\t\tif (shortcuts != null && 0 < shortcuts.length) {\n\t\t\tconst shortcut = shortcuts[0];\n\t\t\tconst shortcutTextValue = UtilKeyboardEvent.toString(shortcut);\n\t\t\tthis._shortcutText = this.createText(shortcutTextValue);\n\t\t\tthis.snippet.add(this._shortcutText, true);\n\t\t} else {\n\t\t\tthis._shortcutText = null;\n\t\t}\n\n\t\tthis._shortcutMargin = this.theme.getShortcutTextMargin();\n\t}\n\n\tprotected updateShortcutText(): void {\n\t\tconst text = this._shortcutText;\n\t\tconst margin = this._shortcutMargin;\n\t\tif (text != null && margin != null) {\n\t\t\tconst auto = this._auto;\n\n\t\t\tlet textX = 0;\n\t\t\tif (auto.width.isOn) {\n\t\t\t\ttextX = margin;\n\t\t\t} else {\n\t\t\t\ttextX = this.width - text.width - margin;\n\t\t\t}\n\n\t\t\tlet textY = 0;\n\t\t\tconst padding = this._padding;\n\t\t\tconst ptop = padding.getTop();\n\t\t\tif (auto.height.isOn) {\n\t\t\t\ttextY = ptop;\n\t\t\t} else {\n\t\t\t\ttextY = ptop + (this.height - ptop - padding.getBottom() - text.height) * 0.5;\n\t\t\t}\n\n\t\t\ttext.position.set(textX, textY);\n\t\t}\n\t}\n\n\tprotected updateTextColor(text: DDynamicText): void {\n\t\tsuper.updateTextColor(text);\n\n\t\tconst shortcutText = this._shortcutText;\n\t\tif (shortcutText != null) {\n\t\t\tconst theme = this.theme;\n\t\t\tconst state = this.state;\n\t\t\tshortcutText.style.fill = theme.getShortcutColor(state);\n\t\t\tshortcutText.alpha = theme.getShortcutAlpha(state);\n\t\t}\n\t}\n\n\tprotected updateText(): void {\n\t\tsuper.updateText();\n\t\tthis.updateShortcutText();\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DMenuItemText\";\n\t}\n\n\tprotected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void {\n\t\tsuper.onSelect(e);\n\t\tconst closeable = this.getCloseable();\n\t\tif (closeable != null) {\n\t\t\tcloseable.emit(\"select\", this.value, this, closeable);\n\t\t}\n\t}\n\n\tprotected onShortcut(e: KeyboardEvent): void {\n\t\tsuper.onShortcut(e);\n\t\tthis.onSelect(e);\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-menu-sided.js

@@ -30,12 +30,12 @@ var DMenuSided = /** @class */ (function (_super) {
     DMenuSided.prototype.newSelection = function (options) {
         return new DMenuSidedSelection(this.content, options);
     };
-    DMenuSided.prototype.onChildrenDirty = function () {
+    DMenuSided.prototype.onHierarchyDirty = function () {
         var selection = this._selection;
         if (selection != null) {
             selection.toDirty();
         }
-        _super.prototype.onChildrenDirty.call(this);
+        _super.prototype.onHierarchyDirty.call(this);
     };
     DMenuSided.prototype.newItems = function (items, sticky) {
         DMenuSideds.newItems(this.content, items, sticky);

package/dist/wcardinal/ui/d-menu-sided.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-menu-sided.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-menu-sided.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAa,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAA4B,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAA8B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAA4B,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAc/D;IASU,8BAAsC;IAI/C,oBAAY,OAAiB;;QAA7B,YACC,kBAAM,OAAO,CAAC,SAed;QAbA,IAAM,OAAO,GAAG,IAAI,YAAY,CAAC,KAAI,CAAC,CAAC;QACvC,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,KAAI,CAAC,CAAC;QAElB,IAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC7B,IAAI,KAAK,IAAI,IAAI,EAAE;YAClB,IAAM,MAAM,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,KAAK,CAAC;YACxC,KAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC7B;QAED,IAAM,SAAS,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC;QACrC,KAAI,CAAC,UAAU;YACd,SAAS,YAAY,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;IACtF,CAAC;IAES,iCAAY,GAAtB,UAAuB,OAAoC;QAC1D,OAAO,IAAI,mBAAmB,CAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAES,oCAAe,GAAzB;QACC,IAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,SAAS,IAAI,IAAI,EAAE;YACtB,SAAS,CAAC,OAAO,EAAE,CAAC;SACpB;QACD,iBAAM,eAAe,WAAE,CAAC;IACzB,CAAC;IAES,6BAAQ,GAAlB,UACC,KAA0D,EAC1D,MAAe;QAEf,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IACnD,CAAC;IAES,+BAAU,GAApB,UAAqB,OAAyB;QAC7C,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,sBAAI,iCAAS;aAAb;YACC,OAAO,IAAI,CAAC,UAAU,CAAC;QACxB,CAAC;;;OAAA;IAED,+BAAU,GAAV;QACC,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,iCAAY,GAAZ;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yBAAI,GAAJ;QACC,aAAa;IACd,CAAC;IAED,0BAAK,GAAL;QACC,aAAa;IACd,CAAC;IAED,8BAAS,GAAT,UAAU,CAAgB;QACzB,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/C,OAAO,iBAAM,SAAS,YAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAES,4BAAO,GAAjB;QACC,OAAO,YAAY,CAAC;IACrB,CAAC;IACF,iBAAC;AAAD,CAAC,AAlFD,CASU,KAAK,GAyEd","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DisplayObject } from \"pixi.js\";\nimport { DBase, DBaseOptions } from \"./d-base\";\nimport { Closeable, DMenuContext } from \"./d-menu-context\";\nimport { DMenuItemOptionsUnion } from \"./d-menu-item-options-union\";\nimport { DMenuSidedContent, DMenuSidedContentOptions } from \"./d-menu-sided-content\";\nimport { DMenuSidedSelection, DMenuSidedSelectionOptions } from \"./d-menu-sided-selection\";\nimport { DMenuSideds } from \"./d-menu-sideds\";\nimport { DPane, DPaneOptions, DThemePane } from \"./d-pane\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\n\nexport interface DMenuSidedOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuSided = DThemeMenuSided,\n\tCONTENT_OPTIONS extends DBaseOptions = DMenuSidedContentOptions\n> extends DPaneOptions<THEME, CONTENT_OPTIONS> {\n\titems?: Array<DMenuItemOptionsUnion<VALUE> | DisplayObject>;\n\tsticky?: boolean;\n\tselection?: DMenuSidedSelectionOptions | DMenuSidedSelection<VALUE>;\n}\n\nexport interface DThemeMenuSided extends DThemePane {}\n\nexport class DMenuSided<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuSided = DThemeMenuSided,\n\tCONTENT_OPTIONS extends DMenuSidedContentOptions = DMenuSidedContentOptions,\n\tOPTIONS extends DMenuSidedOptions<VALUE, THEME, CONTENT_OPTIONS> = DMenuSidedOptions<\n\t\tVALUE,\n\t\tTHEME,\n\t\tCONTENT_OPTIONS\n\t>\n> extends DPane<THEME, CONTENT_OPTIONS, OPTIONS> {\n\tprotected _context: DMenuContext | null;\n\tprotected _selection: DMenuSidedSelection<VALUE>;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\n\t\tconst context = new DMenuContext(this);\n\t\tthis._context = context;\n\t\tcontext.add(this);\n\n\t\tconst items = options?.items;\n\t\tif (items != null) {\n\t\t\tconst sticky = options?.sticky ?? false;\n\t\t\tthis.newItems(items, sticky);\n\t\t}\n\n\t\tconst selection = options?.selection;\n\t\tthis._selection =\n\t\t\tselection instanceof DMenuSidedSelection ? selection : this.newSelection(selection);\n\t}\n\n\tprotected newSelection(options?: DMenuSidedSelectionOptions): DMenuSidedSelection<VALUE> {\n\t\treturn new DMenuSidedSelection<VALUE>(this.content, options);\n\t}\n\n\tprotected onChildrenDirty(): void {\n\t\tconst selection = this._selection;\n\t\tif (selection != null) {\n\t\t\tselection.toDirty();\n\t\t}\n\t\tsuper.onChildrenDirty();\n\t}\n\n\tprotected newItems(\n\t\titems: Array<DMenuItemOptionsUnion<VALUE> | DisplayObject>,\n\t\tsticky: boolean\n\t): void {\n\t\tDMenuSideds.newItems(this.content, items, sticky);\n\t}\n\n\tprotected newContent(options?: CONTENT_OPTIONS): DBase {\n\t\treturn new DMenuSidedContent(options);\n\t}\n\n\tget selection(): DMenuSidedSelection<VALUE> {\n\t\treturn this._selection;\n\t}\n\n\tgetContext(): DMenuContext | null {\n\t\treturn this._context;\n\t}\n\n\tgetCloseable(): Closeable | null {\n\t\treturn this;\n\t}\n\n\topen(): void {\n\t\t// DO NOTHING\n\t}\n\n\tclose(): void {\n\t\t// DO NOTHING\n\t}\n\n\tonKeyDown(e: KeyboardEvent): boolean {\n\t\tUtilKeyboardEvent.moveFocusVertically(e, this);\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DMenuSided\";\n\t}\n}\n"]}
+{"version":3,"file":"d-menu-sided.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-menu-sided.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAa,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAA4B,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAA8B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAA4B,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAc/D;IASU,8BAAsC;IAI/C,oBAAY,OAAiB;;QAA7B,YACC,kBAAM,OAAO,CAAC,SAed;QAbA,IAAM,OAAO,GAAG,IAAI,YAAY,CAAC,KAAI,CAAC,CAAC;QACvC,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,KAAI,CAAC,CAAC;QAElB,IAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC7B,IAAI,KAAK,IAAI,IAAI,EAAE;YAClB,IAAM,MAAM,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,KAAK,CAAC;YACxC,KAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC7B;QAED,IAAM,SAAS,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC;QACrC,KAAI,CAAC,UAAU;YACd,SAAS,YAAY,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;IACtF,CAAC;IAES,iCAAY,GAAtB,UAAuB,OAAoC;QAC1D,OAAO,IAAI,mBAAmB,CAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAES,qCAAgB,GAA1B;QACC,IAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,SAAS,IAAI,IAAI,EAAE;YACtB,SAAS,CAAC,OAAO,EAAE,CAAC;SACpB;QACD,iBAAM,gBAAgB,WAAE,CAAC;IAC1B,CAAC;IAES,6BAAQ,GAAlB,UACC,KAA0D,EAC1D,MAAe;QAEf,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IACnD,CAAC;IAES,+BAAU,GAApB,UAAqB,OAAyB;QAC7C,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,sBAAI,iCAAS;aAAb;YACC,OAAO,IAAI,CAAC,UAAU,CAAC;QACxB,CAAC;;;OAAA;IAED,+BAAU,GAAV;QACC,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,iCAAY,GAAZ;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yBAAI,GAAJ;QACC,aAAa;IACd,CAAC;IAED,0BAAK,GAAL;QACC,aAAa;IACd,CAAC;IAED,8BAAS,GAAT,UAAU,CAAgB;QACzB,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/C,OAAO,iBAAM,SAAS,YAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAES,4BAAO,GAAjB;QACC,OAAO,YAAY,CAAC;IACrB,CAAC;IACF,iBAAC;AAAD,CAAC,AAlFD,CASU,KAAK,GAyEd","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DisplayObject } from \"pixi.js\";\nimport { DBase, DBaseOptions } from \"./d-base\";\nimport { Closeable, DMenuContext } from \"./d-menu-context\";\nimport { DMenuItemOptionsUnion } from \"./d-menu-item-options-union\";\nimport { DMenuSidedContent, DMenuSidedContentOptions } from \"./d-menu-sided-content\";\nimport { DMenuSidedSelection, DMenuSidedSelectionOptions } from \"./d-menu-sided-selection\";\nimport { DMenuSideds } from \"./d-menu-sideds\";\nimport { DPane, DPaneOptions, DThemePane } from \"./d-pane\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\n\nexport interface DMenuSidedOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuSided = DThemeMenuSided,\n\tCONTENT_OPTIONS extends DBaseOptions = DMenuSidedContentOptions\n> extends DPaneOptions<THEME, CONTENT_OPTIONS> {\n\titems?: Array<DMenuItemOptionsUnion<VALUE> | DisplayObject>;\n\tsticky?: boolean;\n\tselection?: DMenuSidedSelectionOptions | DMenuSidedSelection<VALUE>;\n}\n\nexport interface DThemeMenuSided extends DThemePane {}\n\nexport class DMenuSided<\n\tVALUE = unknown,\n\tTHEME extends DThemeMenuSided = DThemeMenuSided,\n\tCONTENT_OPTIONS extends DMenuSidedContentOptions = DMenuSidedContentOptions,\n\tOPTIONS extends DMenuSidedOptions<VALUE, THEME, CONTENT_OPTIONS> = DMenuSidedOptions<\n\t\tVALUE,\n\t\tTHEME,\n\t\tCONTENT_OPTIONS\n\t>\n> extends DPane<THEME, CONTENT_OPTIONS, OPTIONS> {\n\tprotected _context: DMenuContext | null;\n\tprotected _selection: DMenuSidedSelection<VALUE>;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\n\t\tconst context = new DMenuContext(this);\n\t\tthis._context = context;\n\t\tcontext.add(this);\n\n\t\tconst items = options?.items;\n\t\tif (items != null) {\n\t\t\tconst sticky = options?.sticky ?? false;\n\t\t\tthis.newItems(items, sticky);\n\t\t}\n\n\t\tconst selection = options?.selection;\n\t\tthis._selection =\n\t\t\tselection instanceof DMenuSidedSelection ? selection : this.newSelection(selection);\n\t}\n\n\tprotected newSelection(options?: DMenuSidedSelectionOptions): DMenuSidedSelection<VALUE> {\n\t\treturn new DMenuSidedSelection<VALUE>(this.content, options);\n\t}\n\n\tprotected onHierarchyDirty(): void {\n\t\tconst selection = this._selection;\n\t\tif (selection != null) {\n\t\t\tselection.toDirty();\n\t\t}\n\t\tsuper.onHierarchyDirty();\n\t}\n\n\tprotected newItems(\n\t\titems: Array<DMenuItemOptionsUnion<VALUE> | DisplayObject>,\n\t\tsticky: boolean\n\t): void {\n\t\tDMenuSideds.newItems(this.content, items, sticky);\n\t}\n\n\tprotected newContent(options?: CONTENT_OPTIONS): DBase {\n\t\treturn new DMenuSidedContent(options);\n\t}\n\n\tget selection(): DMenuSidedSelection<VALUE> {\n\t\treturn this._selection;\n\t}\n\n\tgetContext(): DMenuContext | null {\n\t\treturn this._context;\n\t}\n\n\tgetCloseable(): Closeable | null {\n\t\treturn this;\n\t}\n\n\topen(): void {\n\t\t// DO NOTHING\n\t}\n\n\tclose(): void {\n\t\t// DO NOTHING\n\t}\n\n\tonKeyDown(e: KeyboardEvent): boolean {\n\t\tUtilKeyboardEvent.moveFocusVertically(e, this);\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DMenuSided\";\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-picker-color-gradient.js

@@ -65,8 +65,12 @@ var DPickerColorGradient = /** @class */ (function (_super) {
         };
         this._anchors = [];
         //
+        var recentColumn = theme.getGradientRecentColumn();
+        var recentWidth = theme.getGradientRecentWidth();
+        var recentMargin = theme.getGradientRecentMargin();
+        var recentWidthAndMargin = recentWidth + recentMargin;
         var inputLabelWidth = picker.theme.getInputLabelWidth();
-        var inputWidth = picker.theme.getMainWidth() * 0.5;
+        var inputWidth = recentWidth * recentColumn + recentMargin * (recentColumn - 1);
         var inputMargin = 5;
         var inputDirectionMargin = theme.getGradientDirectionMargin();
         var inputDirectionTexture = theme.getGradientDirectionTexture();
@@ -75,7 +79,7 @@ var DPickerColorGradient = /** @class */ (function (_super) {
             parent: this,
             x: inputLeft + inputLabelWidth + inputMargin,
             y: paddingTop,
-            width: inputWidth - inputLabelWidth - inputMargin,
+            width: inputWidth - (inputLabelWidth + inputMargin) * 2,
             step: 1,
             image: {
                 source: inputDirectionTexture,
@@ -93,10 +97,6 @@ var DPickerColorGradient = /** @class */ (function (_super) {
             }
         });
         // Recent gradients
-        var recentColumn = theme.getGradientRecentColumn();
-        var recentWidth = theme.getGradientRecentWidth();
-        var recentMargin = theme.getGradientRecentMargin();
-        var recentWidthAndMargin = recentWidth + recentMargin;
         var x0 = inputLeft;
         var y0 = inputDirection.y + inputDirection.height + inputDirectionMargin;
         if (DPickerColorGradient.RECENT_COLOR_GRADIENT == null) {

package/dist/wcardinal/ui/d-picker-color-gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-picker-color-gradient.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-picker-color-gradient.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction, Point, Sprite, Texture } from \"pixi.js\";\nimport InteractionEvent = interaction.InteractionEvent;\nimport { DAlignWith } from \"./d-align-with\";\nimport { DApplications } from \"./d-applications\";\nimport { DBase, DBaseOptions, DThemeBase } from \"./d-base\";\nimport { DColorGradient, DColorGradientPoint } from \"./d-color-gradient\";\nimport { DColorGradientObservable } from \"./d-color-gradient-observable\";\nimport { DInputReal } from \"./d-input-real\";\nimport { DPickerColor } from \"./d-picker-color\";\nimport { DPickerColorGradientRecent } from \"./d-picker-color-gradient-recent\";\nimport { DPickerColorGradientView } from \"./d-picker-color-gradient-view\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\n\nexport interface DPickerColorGradientOptions<\n\tTHEME extends DThemePickerColorGradient = DThemePickerColorGradient\n> extends DBaseOptions<THEME> {}\n\nexport interface DThemePickerColorGradient extends DThemeBase {\n\tgetGradientPointsWidth(): number;\n\tgetGradientPointsMargin(): number;\n\n\tgetGradientAnchorTexture(): Texture;\n\tgetGradientAnchorOutlinedTexture(): Texture;\n\tgetGradientAnchorOutlineTexture(): Texture;\n\n\tgetGradientDirectionMargin(): number;\n\tgetGradientDirectionTexture(): Texture;\n\n\tgetGradientRecentColumn(): number;\n\tgetGradientRecentWidth(): number;\n\tgetGradientRecentMargin(): number;\n\tgetGradientRecentCount(): number;\n\tgetGradientRecents(): DColorGradient[];\n\n\tgetGradientCheckerColors(): [number, number];\n}\n\nexport class DPickerColorGradient<\n\tTHEME extends DThemePickerColorGradient = DThemePickerColorGradient,\n\tOPTIONS extends DPickerColorGradientOptions<THEME> = DPickerColorGradientOptions<THEME>\n> extends DBase<THEME, OPTIONS> {\n\tprotected static RECENT_COLOR_GRADIENT: DPickerColorGradientRecent | null = null;\n\n\tprotected _picker!: DPickerColor;\n\tprotected _view!: DPickerColorGradientView;\n\tprotected _anchors!: Sprite[];\n\tprotected _recent!: DPickerColorGradientRecent;\n\n\tprotected _onAnchorDownBound!: (e: InteractionEvent) => void;\n\tprotected _onAnchorMoveBound!: (e: InteractionEvent) => void;\n\tprotected _onAnchorUpBound!: (e: InteractionEvent) => void;\n\n\tprotected _value!: DColorGradientObservable;\n\tprotected _work!: Point;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tconst padding = this._padding;\n\t\tconst paddingTop = padding.getTop();\n\t\tconst paddingRight = padding.getRight();\n\t\tconst paddingBottom = padding.getBottom();\n\t\tconst paddingLeft = padding.getLeft();\n\t\tthis._work = new Point();\n\n\t\t// Picker\n\t\tconst gradientPointsWidth = theme.getGradientPointsWidth();\n\t\tconst gradientPointsMargin = theme.getGradientPointsMargin();\n\t\tconst picker = new DPickerColor({\n\t\t\tx: paddingLeft + gradientPointsWidth + gradientPointsMargin,\n\t\t\ty: paddingTop\n\t\t});\n\t\tthis._picker = picker;\n\t\tpicker.on(\"newcolorchange\", (color: number): void => {\n\t\t\tthis.onAnchorColorChange(color);\n\t\t});\n\t\tpicker.on(\"newalphachange\", (alpha: number): void => {\n\t\t\tthis.onAnchorAlphaChange(alpha);\n\t\t});\n\t\tthis.addChild(picker);\n\n\t\t// Points view\n\t\tconst view = (this._view = DPickerColorGradientView.from(\n\t\t\t17,\n\t\t\t10,\n\t\t\ttheme.getGradientCheckerColors()\n\t\t));\n\t\tview.setRectangle(0, paddingLeft, paddingTop, gradientPointsWidth, picker.height);\n\t\tthis.addChild(view);\n\t\tview.on(UtilPointerEvent.down, (e: InteractionEvent): void => {\n\t\t\tif (view.getLastHitIndex() === 0) {\n\t\t\t\tthis.onViewDown(e);\n\t\t\t}\n\t\t});\n\n\t\t// Anchor\n\t\tthis._onAnchorDownBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorDown(e);\n\t\t};\n\t\tthis._onAnchorMoveBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorMove(e);\n\t\t};\n\t\tthis._onAnchorUpBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorUp(e);\n\t\t};\n\t\tthis._anchors = [];\n\n\t\t//\n\t\tconst inputLabelWidth = picker.theme.getInputLabelWidth();\n\t\tconst inputWidth = picker.theme.getMainWidth() * 0.5;\n\t\tconst inputMargin = 5;\n\t\tconst inputDirectionMargin = theme.getGradientDirectionMargin();\n\t\tconst inputDirectionTexture = theme.getGradientDirectionTexture();\n\t\tconst inputLeft = picker.x + picker.width + inputDirectionMargin;\n\t\tconst inputDirection = new DInputReal({\n\t\t\tparent: this,\n\t\t\tx: inputLeft + inputLabelWidth + inputMargin,\n\t\t\ty: paddingTop,\n\t\t\twidth: inputWidth - inputLabelWidth - inputMargin,\n\t\t\tstep: 1,\n\t\t\timage: {\n\t\t\t\tsource: inputDirectionTexture,\n\t\t\t\talign: {\n\t\t\t\t\twith: DAlignWith.BORDER\n\t\t\t\t},\n\t\t\t\tmargin: {\n\t\t\t\t\thorizontal: -inputDirectionTexture.width - inputMargin\n\t\t\t\t}\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tchange: (value: number) => {\n\t\t\t\t\t(this._value as any)._direction = value;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Recent gradients\n\t\tconst recentColumn = theme.getGradientRecentColumn();\n\t\tconst recentWidth = theme.getGradientRecentWidth();\n\t\tconst recentMargin = theme.getGradientRecentMargin();\n\t\tconst recentWidthAndMargin = recentWidth + recentMargin;\n\t\tconst x0 = inputLeft;\n\t\tconst y0 = inputDirection.y + inputDirection.height + inputDirectionMargin;\n\t\tif (DPickerColorGradient.RECENT_COLOR_GRADIENT == null) {\n\t\t\tDPickerColorGradient.RECENT_COLOR_GRADIENT = new DPickerColorGradientRecent(\n\t\t\t\ttheme.getGradientRecents(),\n\t\t\t\ttheme.getGradientRecentCount()\n\t\t\t);\n\t\t}\n\t\tthis._recent = DPickerColorGradient.RECENT_COLOR_GRADIENT;\n\t\tconst recent = this._recent;\n\t\tfor (let i = 0, imax = recent.getCapacity(); i < imax; ++i) {\n\t\t\tconst ix = i % recentColumn;\n\t\t\tconst x = x0 + ix * recentWidthAndMargin;\n\t\t\tconst iy = (i / recentColumn) | 0;\n\t\t\tconst y = y0 + iy * recentWidthAndMargin;\n\t\t\tview.setRectangle(1 + i, x, y, recentWidth, recentWidth);\n\t\t}\n\t\trecent.on(\"change\", (): void => {\n\t\t\tthis.onRecentUpdate();\n\t\t});\n\t\tUtilPointerEvent.onClick(view, (e: InteractionEvent): void => {\n\t\t\tconst lastHitIndex = view.getLastHitIndex();\n\t\t\tif (1 <= lastHitIndex) {\n\t\t\t\tthis.onRecentClick(view.getData(lastHitIndex));\n\t\t\t}\n\t\t});\n\n\t\t// Points\n\t\tconst data = new DColorGradientObservable();\n\t\tthis._value = data;\n\t\tdata.on(\"change\", (): void => {\n\t\t\tthis.updateAnchors();\n\t\t\tview.update();\n\t\t});\n\t\tdata.on(\"selectionchange\", (point: DColorGradientPoint): void => {\n\t\t\tthis.onAnchorSelect(point);\n\t\t});\n\t\tdata.on(\"directionchange\", (value: number): void => {\n\t\t\tinputDirection.value = value;\n\t\t});\n\t\tview.setData(0, data);\n\t\tview.update();\n\t\tinputDirection.value = data.direction;\n\t\tthis.updateAnchors();\n\t\tconst selected = data.selected;\n\t\tif (selected != null) {\n\t\t\tthis.onAnchorSelect(selected);\n\t\t}\n\n\t\t// Width\n\t\tif (options == null || options.width == null) {\n\t\t\tthis.width =\n\t\t\t\tpaddingLeft +\n\t\t\t\tgradientPointsWidth +\n\t\t\t\tgradientPointsMargin +\n\t\t\t\tpicker.width +\n\t\t\t\tinputDirectionMargin +\n\t\t\t\t(recentColumn - 1) * recentMargin +\n\t\t\t\trecentColumn * recentWidth +\n\t\t\t\tpaddingRight;\n\t\t}\n\n\t\t// Height\n\t\tif (options == null || options.height == null) {\n\t\t\tthis.height = paddingTop + picker.height + paddingBottom;\n\t\t}\n\t}\n\n\tget value(): DColorGradientObservable {\n\t\treturn this._value;\n\t}\n\n\tget recent(): DPickerColorGradientRecent {\n\t\treturn this._recent;\n\t}\n\n\tprotected onRecentClick(recentData: DColorGradient | null): void {\n\t\tconst value = this._value;\n\t\tif (recentData != null) {\n\t\t\tvalue.fromObject(recentData);\n\t\t} else {\n\t\t\tvalue.reset();\n\t\t}\n\t}\n\n\tprotected onRecentUpdate(): void {\n\t\tconst recent = this._recent;\n\t\tconst view = this._view;\n\t\tfor (let i = 0, imax = recent.size(); i < imax; ++i) {\n\t\t\tview.setData(1 + i, recent.get(i));\n\t\t}\n\t\tview.update();\n\t\tDApplications.update(this);\n\t}\n\n\tprotected toAnchorPosition(e: InteractionEvent): number {\n\t\tconst local = this.toLocal(e.data.global, undefined, this._work);\n\t\treturn Math.max(0, Math.min(1, (local.y - this.padding.getTop()) / this._picker.height));\n\t}\n\n\tprotected onViewDown(e: InteractionEvent): void {\n\t\tthis._value.addAt(this.toAnchorPosition(e));\n\t\tthis.onAnchorDragStart();\n\t}\n\n\tprotected onAnchorDown(e: InteractionEvent): void {\n\t\tconst target = e.target;\n\t\tif (target instanceof Sprite) {\n\t\t\tconst value = this._value;\n\t\t\tconst index = this._anchors.indexOf(target);\n\t\t\tif (0 <= index && index < value.points.length) {\n\t\t\t\tvalue.points[index].selected = true;\n\t\t\t\tthis.onAnchorDragStart();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorSelect(point: DColorGradientPoint): void {\n\t\tconst picker = this._picker;\n\t\tpicker.current.color = point.color;\n\t\tpicker.current.alpha = point.alpha;\n\t\tpicker.new.color = point.color;\n\t\tpicker.new.alpha = point.alpha;\n\t}\n\n\tprotected onAnchorColorChange(color: number): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.color = color;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorAlphaChange(alpha: number): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.alpha = alpha;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorDragStart(): void {\n\t\tconst layer = DApplications.getLayer(this);\n\t\tif (layer) {\n\t\t\tconst stage = layer.stage;\n\t\t\tstage.on(UtilPointerEvent.move, this._onAnchorMoveBound);\n\t\t\tstage.on(UtilPointerEvent.up, this._onAnchorUpBound);\n\t\t}\n\t}\n\n\tprotected onAnchorMove(e: InteractionEvent): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.position = this.toAnchorPosition(e);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorUp(e: InteractionEvent): void {\n\t\tconst layer = DApplications.getLayer(this);\n\t\tif (layer) {\n\t\t\tconst stage = layer.stage;\n\t\t\tstage.off(UtilPointerEvent.move, this._onAnchorMoveBound);\n\t\t\tstage.off(UtilPointerEvent.up, this._onAnchorUpBound);\n\t\t}\n\t}\n\n\tprotected updateAnchors(): void {\n\t\tconst theme = this.theme;\n\t\tconst anchorTexture = theme.getGradientAnchorTexture();\n\t\tconst anchorOutlinedTexture = theme.getGradientAnchorOutlinedTexture();\n\t\tconst gradientPointsWidth = theme.getGradientPointsWidth();\n\n\t\tconst value = this._value;\n\t\tconst pointSize = value.points.length;\n\n\t\tconst anchors = this._anchors;\n\t\tconst anchorSize = anchors.length;\n\t\tfor (let i = anchorSize; i < pointSize; ++i) {\n\t\t\tconst newAnchor = new Sprite(anchorTexture);\n\t\t\tnewAnchor.anchor.set(0.5, 0.5);\n\t\t\tnewAnchor.cursor = \"pointer\";\n\t\t\tnewAnchor.interactive = true;\n\t\t\tnewAnchor.on(UtilPointerEvent.down, this._onAnchorDownBound);\n\t\t\tanchors.push(newAnchor);\n\t\t\tthis.addChild(newAnchor);\n\t\t}\n\n\t\tfor (let i = anchorSize - 1; pointSize <= i; --i) {\n\t\t\tconst oldAnchor = anchors[i];\n\t\t\toldAnchor.off(UtilPointerEvent.down, this._onAnchorDownBound);\n\t\t\toldAnchor.destroy();\n\t\t}\n\t\tanchors.length = pointSize;\n\n\t\tconst y = this.padding.getTop();\n\t\tconst right = this.padding.getLeft() + gradientPointsWidth;\n\t\tconst height = this._picker.height;\n\t\tfor (let i = 0; i < pointSize; ++i) {\n\t\t\tconst point = value.points[i];\n\t\t\tconst anchor = anchors[i];\n\t\t\tanchor.tint = point.color;\n\t\t\tanchor.position.set(right, y + height * point.position);\n\t\t\tanchor.texture = point.selected ? anchorOutlinedTexture : anchorTexture;\n\t\t}\n\n\t\tDApplications.update(this);\n\t}\n\n\tonKeyDown(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isDeleteKey(e)) {\n\t\t\tconst value = this._value;\n\t\t\tif (value != null) {\n\t\t\t\tconst selected = value.selected;\n\t\t\t\tif (selected != null) {\n\t\t\t\t\tvalue.remove(selected);\n\t\t\t\t\tsuper.onKeyDown(e);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DPickerColorGradient\";\n\t}\n}\n"]}
+{"version":3,"file":"d-picker-color-gradient.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-picker-color-gradient.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction, Point, Sprite, Texture } from \"pixi.js\";\nimport InteractionEvent = interaction.InteractionEvent;\nimport { DAlignWith } from \"./d-align-with\";\nimport { DApplications } from \"./d-applications\";\nimport { DBase, DBaseOptions, DThemeBase } from \"./d-base\";\nimport { DColorGradient, DColorGradientPoint } from \"./d-color-gradient\";\nimport { DColorGradientObservable } from \"./d-color-gradient-observable\";\nimport { DInputReal } from \"./d-input-real\";\nimport { DPickerColor } from \"./d-picker-color\";\nimport { DPickerColorGradientRecent } from \"./d-picker-color-gradient-recent\";\nimport { DPickerColorGradientView } from \"./d-picker-color-gradient-view\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\n\nexport interface DPickerColorGradientOptions<\n\tTHEME extends DThemePickerColorGradient = DThemePickerColorGradient\n> extends DBaseOptions<THEME> {}\n\nexport interface DThemePickerColorGradient extends DThemeBase {\n\tgetGradientPointsWidth(): number;\n\tgetGradientPointsMargin(): number;\n\n\tgetGradientAnchorTexture(): Texture;\n\tgetGradientAnchorOutlinedTexture(): Texture;\n\tgetGradientAnchorOutlineTexture(): Texture;\n\n\tgetGradientDirectionMargin(): number;\n\tgetGradientDirectionTexture(): Texture;\n\n\tgetGradientRecentColumn(): number;\n\tgetGradientRecentWidth(): number;\n\tgetGradientRecentMargin(): number;\n\tgetGradientRecentCount(): number;\n\tgetGradientRecents(): DColorGradient[];\n\n\tgetGradientCheckerColors(): [number, number];\n}\n\nexport class DPickerColorGradient<\n\tTHEME extends DThemePickerColorGradient = DThemePickerColorGradient,\n\tOPTIONS extends DPickerColorGradientOptions<THEME> = DPickerColorGradientOptions<THEME>\n> extends DBase<THEME, OPTIONS> {\n\tprotected static RECENT_COLOR_GRADIENT: DPickerColorGradientRecent | null = null;\n\n\tprotected _picker!: DPickerColor;\n\tprotected _view!: DPickerColorGradientView;\n\tprotected _anchors!: Sprite[];\n\tprotected _recent!: DPickerColorGradientRecent;\n\n\tprotected _onAnchorDownBound!: (e: InteractionEvent) => void;\n\tprotected _onAnchorMoveBound!: (e: InteractionEvent) => void;\n\tprotected _onAnchorUpBound!: (e: InteractionEvent) => void;\n\n\tprotected _value!: DColorGradientObservable;\n\tprotected _work!: Point;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tconst padding = this._padding;\n\t\tconst paddingTop = padding.getTop();\n\t\tconst paddingRight = padding.getRight();\n\t\tconst paddingBottom = padding.getBottom();\n\t\tconst paddingLeft = padding.getLeft();\n\t\tthis._work = new Point();\n\n\t\t// Picker\n\t\tconst gradientPointsWidth = theme.getGradientPointsWidth();\n\t\tconst gradientPointsMargin = theme.getGradientPointsMargin();\n\t\tconst picker = new DPickerColor({\n\t\t\tx: paddingLeft + gradientPointsWidth + gradientPointsMargin,\n\t\t\ty: paddingTop\n\t\t});\n\t\tthis._picker = picker;\n\t\tpicker.on(\"newcolorchange\", (color: number): void => {\n\t\t\tthis.onAnchorColorChange(color);\n\t\t});\n\t\tpicker.on(\"newalphachange\", (alpha: number): void => {\n\t\t\tthis.onAnchorAlphaChange(alpha);\n\t\t});\n\t\tthis.addChild(picker);\n\n\t\t// Points view\n\t\tconst view = (this._view = DPickerColorGradientView.from(\n\t\t\t17,\n\t\t\t10,\n\t\t\ttheme.getGradientCheckerColors()\n\t\t));\n\t\tview.setRectangle(0, paddingLeft, paddingTop, gradientPointsWidth, picker.height);\n\t\tthis.addChild(view);\n\t\tview.on(UtilPointerEvent.down, (e: InteractionEvent): void => {\n\t\t\tif (view.getLastHitIndex() === 0) {\n\t\t\t\tthis.onViewDown(e);\n\t\t\t}\n\t\t});\n\n\t\t// Anchor\n\t\tthis._onAnchorDownBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorDown(e);\n\t\t};\n\t\tthis._onAnchorMoveBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorMove(e);\n\t\t};\n\t\tthis._onAnchorUpBound = (e: InteractionEvent): void => {\n\t\t\tthis.onAnchorUp(e);\n\t\t};\n\t\tthis._anchors = [];\n\n\t\t//\n\t\tconst recentColumn = theme.getGradientRecentColumn();\n\t\tconst recentWidth = theme.getGradientRecentWidth();\n\t\tconst recentMargin = theme.getGradientRecentMargin();\n\t\tconst recentWidthAndMargin = recentWidth + recentMargin;\n\t\tconst inputLabelWidth = picker.theme.getInputLabelWidth();\n\t\tconst inputWidth = recentWidth * recentColumn + recentMargin * (recentColumn - 1);\n\t\tconst inputMargin = 5;\n\t\tconst inputDirectionMargin = theme.getGradientDirectionMargin();\n\t\tconst inputDirectionTexture = theme.getGradientDirectionTexture();\n\t\tconst inputLeft = picker.x + picker.width + inputDirectionMargin;\n\t\tconst inputDirection = new DInputReal({\n\t\t\tparent: this,\n\t\t\tx: inputLeft + inputLabelWidth + inputMargin,\n\t\t\ty: paddingTop,\n\t\t\twidth: inputWidth - (inputLabelWidth + inputMargin) * 2,\n\t\t\tstep: 1,\n\t\t\timage: {\n\t\t\t\tsource: inputDirectionTexture,\n\t\t\t\talign: {\n\t\t\t\t\twith: DAlignWith.BORDER\n\t\t\t\t},\n\t\t\t\tmargin: {\n\t\t\t\t\thorizontal: -inputDirectionTexture.width - inputMargin\n\t\t\t\t}\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tchange: (value: number) => {\n\t\t\t\t\t(this._value as any)._direction = value;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Recent gradients\n\t\tconst x0 = inputLeft;\n\t\tconst y0 = inputDirection.y + inputDirection.height + inputDirectionMargin;\n\t\tif (DPickerColorGradient.RECENT_COLOR_GRADIENT == null) {\n\t\t\tDPickerColorGradient.RECENT_COLOR_GRADIENT = new DPickerColorGradientRecent(\n\t\t\t\ttheme.getGradientRecents(),\n\t\t\t\ttheme.getGradientRecentCount()\n\t\t\t);\n\t\t}\n\t\tthis._recent = DPickerColorGradient.RECENT_COLOR_GRADIENT;\n\t\tconst recent = this._recent;\n\t\tfor (let i = 0, imax = recent.getCapacity(); i < imax; ++i) {\n\t\t\tconst ix = i % recentColumn;\n\t\t\tconst x = x0 + ix * recentWidthAndMargin;\n\t\t\tconst iy = (i / recentColumn) | 0;\n\t\t\tconst y = y0 + iy * recentWidthAndMargin;\n\t\t\tview.setRectangle(1 + i, x, y, recentWidth, recentWidth);\n\t\t}\n\t\trecent.on(\"change\", (): void => {\n\t\t\tthis.onRecentUpdate();\n\t\t});\n\t\tUtilPointerEvent.onClick(view, (e: InteractionEvent): void => {\n\t\t\tconst lastHitIndex = view.getLastHitIndex();\n\t\t\tif (1 <= lastHitIndex) {\n\t\t\t\tthis.onRecentClick(view.getData(lastHitIndex));\n\t\t\t}\n\t\t});\n\n\t\t// Points\n\t\tconst data = new DColorGradientObservable();\n\t\tthis._value = data;\n\t\tdata.on(\"change\", (): void => {\n\t\t\tthis.updateAnchors();\n\t\t\tview.update();\n\t\t});\n\t\tdata.on(\"selectionchange\", (point: DColorGradientPoint): void => {\n\t\t\tthis.onAnchorSelect(point);\n\t\t});\n\t\tdata.on(\"directionchange\", (value: number): void => {\n\t\t\tinputDirection.value = value;\n\t\t});\n\t\tview.setData(0, data);\n\t\tview.update();\n\t\tinputDirection.value = data.direction;\n\t\tthis.updateAnchors();\n\t\tconst selected = data.selected;\n\t\tif (selected != null) {\n\t\t\tthis.onAnchorSelect(selected);\n\t\t}\n\n\t\t// Width\n\t\tif (options == null || options.width == null) {\n\t\t\tthis.width =\n\t\t\t\tpaddingLeft +\n\t\t\t\tgradientPointsWidth +\n\t\t\t\tgradientPointsMargin +\n\t\t\t\tpicker.width +\n\t\t\t\tinputDirectionMargin +\n\t\t\t\t(recentColumn - 1) * recentMargin +\n\t\t\t\trecentColumn * recentWidth +\n\t\t\t\tpaddingRight;\n\t\t}\n\n\t\t// Height\n\t\tif (options == null || options.height == null) {\n\t\t\tthis.height = paddingTop + picker.height + paddingBottom;\n\t\t}\n\t}\n\n\tget value(): DColorGradientObservable {\n\t\treturn this._value;\n\t}\n\n\tget recent(): DPickerColorGradientRecent {\n\t\treturn this._recent;\n\t}\n\n\tprotected onRecentClick(recentData: DColorGradient | null): void {\n\t\tconst value = this._value;\n\t\tif (recentData != null) {\n\t\t\tvalue.fromObject(recentData);\n\t\t} else {\n\t\t\tvalue.reset();\n\t\t}\n\t}\n\n\tprotected onRecentUpdate(): void {\n\t\tconst recent = this._recent;\n\t\tconst view = this._view;\n\t\tfor (let i = 0, imax = recent.size(); i < imax; ++i) {\n\t\t\tview.setData(1 + i, recent.get(i));\n\t\t}\n\t\tview.update();\n\t\tDApplications.update(this);\n\t}\n\n\tprotected toAnchorPosition(e: InteractionEvent): number {\n\t\tconst local = this.toLocal(e.data.global, undefined, this._work);\n\t\treturn Math.max(0, Math.min(1, (local.y - this.padding.getTop()) / this._picker.height));\n\t}\n\n\tprotected onViewDown(e: InteractionEvent): void {\n\t\tthis._value.addAt(this.toAnchorPosition(e));\n\t\tthis.onAnchorDragStart();\n\t}\n\n\tprotected onAnchorDown(e: InteractionEvent): void {\n\t\tconst target = e.target;\n\t\tif (target instanceof Sprite) {\n\t\t\tconst value = this._value;\n\t\t\tconst index = this._anchors.indexOf(target);\n\t\t\tif (0 <= index && index < value.points.length) {\n\t\t\t\tvalue.points[index].selected = true;\n\t\t\t\tthis.onAnchorDragStart();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorSelect(point: DColorGradientPoint): void {\n\t\tconst picker = this._picker;\n\t\tpicker.current.color = point.color;\n\t\tpicker.current.alpha = point.alpha;\n\t\tpicker.new.color = point.color;\n\t\tpicker.new.alpha = point.alpha;\n\t}\n\n\tprotected onAnchorColorChange(color: number): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.color = color;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorAlphaChange(alpha: number): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.alpha = alpha;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorDragStart(): void {\n\t\tconst layer = DApplications.getLayer(this);\n\t\tif (layer) {\n\t\t\tconst stage = layer.stage;\n\t\t\tstage.on(UtilPointerEvent.move, this._onAnchorMoveBound);\n\t\t\tstage.on(UtilPointerEvent.up, this._onAnchorUpBound);\n\t\t}\n\t}\n\n\tprotected onAnchorMove(e: InteractionEvent): void {\n\t\tconst value = this._value;\n\t\tif (value != null) {\n\t\t\tconst selected = value.selected;\n\t\t\tif (selected != null) {\n\t\t\t\tselected.position = this.toAnchorPosition(e);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onAnchorUp(e: InteractionEvent): void {\n\t\tconst layer = DApplications.getLayer(this);\n\t\tif (layer) {\n\t\t\tconst stage = layer.stage;\n\t\t\tstage.off(UtilPointerEvent.move, this._onAnchorMoveBound);\n\t\t\tstage.off(UtilPointerEvent.up, this._onAnchorUpBound);\n\t\t}\n\t}\n\n\tprotected updateAnchors(): void {\n\t\tconst theme = this.theme;\n\t\tconst anchorTexture = theme.getGradientAnchorTexture();\n\t\tconst anchorOutlinedTexture = theme.getGradientAnchorOutlinedTexture();\n\t\tconst gradientPointsWidth = theme.getGradientPointsWidth();\n\n\t\tconst value = this._value;\n\t\tconst pointSize = value.points.length;\n\n\t\tconst anchors = this._anchors;\n\t\tconst anchorSize = anchors.length;\n\t\tfor (let i = anchorSize; i < pointSize; ++i) {\n\t\t\tconst newAnchor = new Sprite(anchorTexture);\n\t\t\tnewAnchor.anchor.set(0.5, 0.5);\n\t\t\tnewAnchor.cursor = \"pointer\";\n\t\t\tnewAnchor.interactive = true;\n\t\t\tnewAnchor.on(UtilPointerEvent.down, this._onAnchorDownBound);\n\t\t\tanchors.push(newAnchor);\n\t\t\tthis.addChild(newAnchor);\n\t\t}\n\n\t\tfor (let i = anchorSize - 1; pointSize <= i; --i) {\n\t\t\tconst oldAnchor = anchors[i];\n\t\t\toldAnchor.off(UtilPointerEvent.down, this._onAnchorDownBound);\n\t\t\toldAnchor.destroy();\n\t\t}\n\t\tanchors.length = pointSize;\n\n\t\tconst y = this.padding.getTop();\n\t\tconst right = this.padding.getLeft() + gradientPointsWidth;\n\t\tconst height = this._picker.height;\n\t\tfor (let i = 0; i < pointSize; ++i) {\n\t\t\tconst point = value.points[i];\n\t\t\tconst anchor = anchors[i];\n\t\t\tanchor.tint = point.color;\n\t\t\tanchor.position.set(right, y + height * point.position);\n\t\t\tanchor.texture = point.selected ? anchorOutlinedTexture : anchorTexture;\n\t\t}\n\n\t\tDApplications.update(this);\n\t}\n\n\tonKeyDown(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isDeleteKey(e)) {\n\t\t\tconst value = this._value;\n\t\t\tif (value != null) {\n\t\t\t\tconst selected = value.selected;\n\t\t\t\tif (selected != null) {\n\t\t\t\t\tvalue.remove(selected);\n\t\t\t\t\tsuper.onKeyDown(e);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DPickerColorGradient\";\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-text-base.js

@@ -157,32 +157,42 @@ var DTextBase = /** @class */ (function (_super) {
     DTextBase.prototype.updateTextPosition = function (text) {
         var align = this._textAlign;
         var padding = this._padding;
-        var toRounded = this.toRounded;
-        switch (align.horizontal) {
-            case DAlignHorizontal.LEFT:
-                text.x = toRounded(padding.getLeft());
-                break;
-            case DAlignHorizontal.CENTER:
-                text.x = toRounded((this.width - text.width) * 0.5);
-                break;
-            case DAlignHorizontal.RIGHT:
-                text.x = toRounded(this.width - text.width - padding.getRight());
-                break;
+        var auto = this._auto;
+        var textX = 0;
+        var pleft = padding.getLeft();
+        var alignHorizontal = align.horizontal;
+        if (auto.width.isOn || alignHorizontal === DAlignHorizontal.LEFT) {
+            textX = pleft;
         }
-        switch (align.vertical) {
-            case DAlignVertical.TOP:
-                text.y = toRounded(padding.getTop());
-                break;
-            case DAlignVertical.MIDDLE:
-                text.y = toRounded((this.height - text.height) * 0.5);
-                break;
-            case DAlignVertical.BOTTOM:
-                text.y = toRounded(this.height - text.height - padding.getBottom());
-                break;
+        else {
+            var width = this.width;
+            var textWidth = text.width;
+            var pright = padding.getRight();
+            if (alignHorizontal === DAlignHorizontal.CENTER) {
+                textX = pleft + (width - pleft - pright - textWidth) * 0.5;
+            }
+            else {
+                textX = width - textWidth - pright;
+            }
         }
-    };
-    DTextBase.prototype.toRounded = function (value) {
-        return Math.round(value);
+        var textY = 0;
+        var ptop = padding.getTop();
+        var alignVertical = align.vertical;
+        if (auto.height.isOn || alignVertical === DAlignVertical.TOP) {
+            textY = ptop;
+        }
+        else {
+            var height = this.height;
+            var textHeight = text.height;
+            var pbottom = padding.getBottom();
+            if (alignVertical === DAlignVertical.MIDDLE) {
+                textY = ptop + (height - ptop - pbottom - textHeight) * 0.5;
+            }
+            else {
+                textY = height - textHeight - pbottom;
+            }
+        }
+        text.position.set(textX, textY);
     };
     DTextBase.prototype.getTextColor = function (theme, state) {
         var color = this._textColor;