@wcardinal/wcardinal-ui 0.157.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":"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","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-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;

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

@@ -1 +1 @@
-{"version":3,"file":"d-text-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-text-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Graphics } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DApplications } from \"./d-applications\";\nimport { DBase, DBaseEvents, DBaseOptions, DRefitable, DThemeBase } from \"./d-base\";\nimport { DBaseOverflowMaskSimple } from \"./d-base-overflow-mask-simple\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DDynamicTextStyleOptions } from \"./d-dynamic-text-style\";\nimport { DDynamicTextStyleWordWrap } from \"./d-dynamic-text-style-word-wrap\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\nimport { isFunction } from \"./util/is-function\";\nimport { toEnum } from \"./util/to-enum\";\n\n/**\n * {@link DTextBase} text align options.\n */\nexport interface DTextBaseTextAlignOptions {\n\tvertical?: keyof typeof DAlignVertical | DAlignVertical;\n\thorizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal;\n}\n\n/**\n * {@link DTextBase} text options.\n */\nexport interface DTextBaseTextOptions<VALUE = unknown> {\n\tvalue?: DStateAwareOrValueMightBe<VALUE>;\n\tcolor?: DStateAwareOrValueMightBe<number>;\n\talpha?: DStateAwareOrValueMightBe<number>;\n\tstyle?: DDynamicTextStyleOptions;\n\talign?: DTextBaseTextAlignOptions;\n\tformatter?: (value: VALUE, caller: any) => string;\n}\n\n/**\n * {@link DTextBase} events.\n */\nexport interface DTextBaseEvents<VALUE, EMITTER> extends DBaseEvents<EMITTER> {}\n\n/**\n * {@link DTextBase} \"on\" options.\n */\nexport interface DTextBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DTextBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DTextBase} options.\n */\nexport interface DTextBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeTextBase<VALUE> = DThemeTextBase<VALUE>,\n\tEMITTER = any\n> extends DBaseOptions<THEME, EMITTER> {\n\ttext?: DTextBaseTextOptions<VALUE>;\n\tmask?: boolean;\n\ton?: DTextBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DTextBase} theme.\n */\nexport interface DThemeTextBase<VALUE = unknown> extends DThemeBase {\n\tgetTextFormatter(): (value: VALUE, caller: any) => string;\n\n\t/**\n\t * Returns a new text value.\n\t * Called to initialize a text value if a text value is not given.\n\t */\n\tnewTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\t/**\n\t * Returns a text value.\n\t * Called to get a text vale if there is no text value.\n\t *\n\t * @param state a state\n\t */\n\tgetTextValue(state: DBaseStateSet): VALUE | undefined;\n\n\tgetTextAlignVertical(): DAlignVertical;\n\tgetTextAlignHorizontal(): DAlignHorizontal;\n\tgetTextStyleClipping(): boolean;\n\tgetTextStyleWordWrap(): DDynamicTextStyleWordWrap;\n\tisOverflowMaskEnabled(): boolean;\n}\n\nconst toTextStyle = <VALUE, THEME extends DThemeTextBase<VALUE>>(\n\ttheme: THEME,\n\toptions: DTextBaseOptions<VALUE, THEME> | undefined,\n\tstate: DBaseStateSet\n): DDynamicTextStyleOptions => {\n\tconst style = options?.text?.style;\n\tif (style != null) {\n\t\tconst fill = style.fill ?? theme.getColor(state);\n\t\tconst fontSize = style.fontSize ?? theme.getFontSize();\n\t\tconst fontFamily = style.fontFamily ?? theme.getFontFamilly();\n\t\tconst fontWeight = style.fontWeight ?? theme.getFontWeight();\n\t\tconst fontStyle = style.fontStyle ?? theme.getFontStyle();\n\t\tconst fontVariant = style.fontVariant ?? theme.getFontVariant();\n\t\tconst clipping = style.clipping ?? theme.getTextStyleClipping();\n\t\tconst wordWrap = style.wordWrap ?? theme.getTextStyleWordWrap();\n\t\tconst lineHeight = style.lineHeight ?? theme.getLineHeight();\n\t\treturn {\n\t\t\tfill,\n\t\t\tfontSize,\n\t\t\tfontFamily,\n\t\t\tfontWeight,\n\t\t\tfontStyle,\n\t\t\tfontVariant,\n\t\t\tclipping,\n\t\t\twordWrap,\n\t\t\tlineHeight\n\t\t};\n\t}\n\n\treturn {\n\t\tfill: theme.getColor(state),\n\t\tfontSize: theme.getFontSize(),\n\t\tfontFamily: theme.getFontFamilly(),\n\t\tfontWeight: theme.getFontWeight(),\n\t\tfontStyle: theme.getFontStyle(),\n\t\tfontVariant: theme.getFontVariant(),\n\t\tclipping: theme.getTextStyleClipping(),\n\t\twordWrap: theme.getTextStyleWordWrap(),\n\t\tlineHeight: theme.getLineHeight()\n\t};\n};\n\nconst toTextAlign = <VALUE, THEME extends DThemeTextBase<VALUE>>(\n\ttheme: THEME,\n\toptions?: DTextBaseOptions<VALUE, THEME>\n): { vertical: DAlignVertical; horizontal: DAlignHorizontal } => {\n\tconst align = options?.text?.align;\n\treturn {\n\t\tvertical: toEnum(align?.vertical ?? theme.getTextAlignVertical(), DAlignVertical),\n\t\thorizontal: toEnum(align?.horizontal ?? theme.getTextAlignHorizontal(), DAlignHorizontal)\n\t};\n};\n\n/**\n * A base class for UI classes with a text support.\n * See {@link DTextBaseEvents} for event defaults.\n */\nexport class DTextBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeTextBase<VALUE> = DThemeTextBase<VALUE>,\n\tOPTIONS extends DTextBaseOptions<VALUE, THEME> = DTextBaseOptions<VALUE, THEME>\n> extends DBase<THEME, OPTIONS> {\n\tprotected _text?: DDynamicText | null;\n\tprotected _textValue?: DStateAwareOrValueMightBe<VALUE>;\n\tprotected _textValueComputed?: VALUE;\n\tprotected _textColor!: DStateAwareOrValueMightBe<number>;\n\tprotected _textAlpha!: DStateAwareOrValueMightBe<number>;\n\tprotected _textStyle!: DDynamicTextStyleOptions;\n\tprotected _textAlign!: {\n\t\tvertical: DAlignVertical;\n\t\thorizontal: DAlignHorizontal;\n\t};\n\tprotected _textFormatter!: (value: VALUE, caller: any) => string;\n\tprotected _isOverflowMaskEnabled!: boolean;\n\tprotected _overflowMask?: DBaseOverflowMaskSimple | null;\n\tprotected _isTextVisible!: boolean;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tthis._textValue = options?.text?.value ?? theme.newTextValue();\n\t\tthis._textValueComputed = this.computeTextValue();\n\t\tconst text = options?.text;\n\t\tthis._textColor = text?.color;\n\t\tthis._textAlpha = text?.alpha;\n\t\tthis._textStyle = toTextStyle(theme, options, this.state);\n\t\tthis._textAlign = toTextAlign(theme, options);\n\t\tthis._textFormatter = text?.formatter ?? theme.getTextFormatter();\n\t\tthis._isTextVisible = true;\n\t\tthis._isOverflowMaskEnabled = options?.mask ?? theme.isOverflowMaskEnabled();\n\t\tthis.onTextChange();\n\t\tthis.createOrUpdateText();\n\t}\n\n\tset text(text: DStateAwareOrValueMightBe<VALUE>) {\n\t\tif (this._textValue !== text) {\n\t\t\tthis._textValue = text;\n\t\t\tthis.updateTextValue();\n\t\t}\n\t}\n\n\tget text(): DStateAwareOrValueMightBe<VALUE> {\n\t\treturn this._textValue;\n\t}\n\n\tprotected onTextChange(): void {\n\t\t// DO NOTHING\n\t}\n\n\tprotected computeTextValue(): VALUE | undefined {\n\t\tconst textValue = this._textValue;\n\t\tif (textValue !== undefined) {\n\t\t\tif (isFunction(textValue)) {\n\t\t\t\tconst result = textValue(this.state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn textValue;\n\t\t\t}\n\t\t}\n\t\treturn this.theme.getTextValue(this.state);\n\t}\n\n\tprotected createOrUpdateText(): void {\n\t\tconst textValueComputed = this._textValueComputed;\n\t\tif (textValueComputed !== undefined) {\n\t\t\tconst formatted = this._textFormatter(textValueComputed, this);\n\t\t\tconst text = this._text;\n\t\t\tif (text == null) {\n\t\t\t\tif (0 < formatted.length) {\n\t\t\t\t\tconst newText = this.createText(formatted);\n\t\t\t\t\tnewText.visible = this._isTextVisible;\n\t\t\t\t\tthis._text = newText;\n\t\t\t\t\tthis.addChild(newText);\n\t\t\t\t\tthis.updateTextPosition(newText);\n\t\t\t\t\tconst overflowMask = this.getOverflowMask();\n\t\t\t\t\tif (overflowMask) {\n\t\t\t\t\t\tnewText.mask = overflowMask;\n\t\t\t\t\t}\n\t\t\t\t\tthis.toDirty();\n\t\t\t\t\tDApplications.update(this);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttext.text = formatted;\n\t\t\t\tthis.toDirty();\n\t\t\t\tDApplications.update(this);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected createText(formatted: string): DDynamicText {\n\t\treturn new DDynamicText(formatted, this._textStyle);\n\t}\n\n\tgetOverflowMask(): Graphics | null {\n\t\tif (this._isOverflowMaskEnabled) {\n\t\t\tif (this._overflowMask == null) {\n\t\t\t\tthis._overflowMask = new DBaseOverflowMaskSimple(this);\n\t\t\t\tthis._reflowable.add(this._overflowMask);\n\t\t\t\tthis.toDirty();\n\t\t\t}\n\t\t\treturn this._overflowMask;\n\t\t}\n\t\treturn null;\n\t}\n\n\tprotected updateTextPosition(text: DDynamicText): void {\n\t\tconst align = this._textAlign;\n\t\tconst padding = this._padding;\n\t\tconst toRounded = this.toRounded;\n\n\t\tswitch (align.horizontal) {\n\t\t\tcase DAlignHorizontal.LEFT:\n\t\t\t\ttext.x = toRounded(padding.getLeft());\n\t\t\t\tbreak;\n\t\t\tcase DAlignHorizontal.CENTER:\n\t\t\t\ttext.x = toRounded((this.width - text.width) * 0.5);\n\t\t\t\tbreak;\n\t\t\tcase DAlignHorizontal.RIGHT:\n\t\t\t\ttext.x = toRounded(this.width - text.width - padding.getRight());\n\t\t\t\tbreak;\n\t\t}\n\n\t\tswitch (align.vertical) {\n\t\t\tcase DAlignVertical.TOP:\n\t\t\t\ttext.y = toRounded(padding.getTop());\n\t\t\t\tbreak;\n\t\t\tcase DAlignVertical.MIDDLE:\n\t\t\t\ttext.y = toRounded((this.height - text.height) * 0.5);\n\t\t\t\tbreak;\n\t\t\tcase DAlignVertical.BOTTOM:\n\t\t\t\ttext.y = toRounded(this.height - text.height - padding.getBottom());\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tprotected toRounded(this: unknown, value: number): number {\n\t\treturn Math.round(value);\n\t}\n\n\tprotected getTextColor(theme: THEME, state: DBaseStateSet): number {\n\t\tconst color = this._textColor;\n\t\tif (color !== undefined) {\n\t\t\tif (isFunction(color)) {\n\t\t\t\tconst result = color(state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn color;\n\t\t\t}\n\t\t}\n\t\treturn theme.getColor(state);\n\t}\n\n\tprotected getTextAlpha(theme: THEME, state: DBaseStateSet): number {\n\t\tconst alpha = this._textAlpha;\n\t\tif (alpha !== undefined) {\n\t\t\tif (isFunction(alpha)) {\n\t\t\t\tconst result = alpha(state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn alpha;\n\t\t\t}\n\t\t}\n\t\treturn theme.getAlpha(state);\n\t}\n\n\tprotected updateTextColor(text: DDynamicText): void {\n\t\tconst theme = this.theme;\n\t\tconst state = this.state;\n\t\ttext.style.fill = this.getTextColor(theme, state);\n\t\ttext.alpha = this.getTextAlpha(theme, state);\n\t}\n\n\tprotected updateTextValue(): void {\n\t\tconst newTextValueComputed = this.computeTextValue();\n\t\tif (this._textValueComputed !== newTextValueComputed) {\n\t\t\tthis._textValueComputed = newTextValueComputed;\n\t\t\tthis.onTextChange();\n\t\t\tthis.createOrUpdateText();\n\t\t}\n\t}\n\n\tprotected updateText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\tthis.updateTextValue();\n\t\t\tthis.updateTextPosition(text);\n\t\t\tthis.updateTextColor(text);\n\t\t}\n\t}\n\n\tprotected showText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\ttext.visible = true;\n\t\t}\n\t\tthis._isTextVisible = true;\n\t}\n\n\tprotected hideText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\ttext.visible = false;\n\t\t}\n\t\tthis._isTextVisible = false;\n\t}\n\n\tprotected onReflow(): void {\n\t\tsuper.onReflow();\n\t\tthis.updateText();\n\t}\n\n\tprotected isRefitable(target: any): target is DRefitable {\n\t\treturn super.isRefitable(target) || (target != null && target === this._text);\n\t}\n\n\tprotected applyTitle(): void {\n\t\tconst text = this._text;\n\t\tif (this._title.length <= 0 && text && \"clipped\" in text && text.clipped) {\n\t\t\tconst layer = DApplications.getLayer(this);\n\t\t\tif (layer) {\n\t\t\t\tlayer.view.title = text.text;\n\t\t\t}\n\t\t} else {\n\t\t\tsuper.applyTitle();\n\t\t}\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DTextBase\";\n\t}\n\n\tdestroy(): void {\n\t\t// Text\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\tthis._text = null;\n\t\t\ttext.destroy();\n\t\t}\n\n\t\t// Overflow mask\n\t\tconst overflowMask = this._overflowMask;\n\t\tif (overflowMask) {\n\t\t\tthis._overflowMask = null;\n\t\t\toverflowMask.destroy();\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n}\n"]}
+{"version":3,"file":"d-text-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-text-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Graphics } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DApplications } from \"./d-applications\";\nimport { DBase, DBaseEvents, DBaseOptions, DRefitable, DThemeBase } from \"./d-base\";\nimport { DBaseOverflowMaskSimple } from \"./d-base-overflow-mask-simple\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DDynamicTextStyleOptions } from \"./d-dynamic-text-style\";\nimport { DDynamicTextStyleWordWrap } from \"./d-dynamic-text-style-word-wrap\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\nimport { isFunction } from \"./util/is-function\";\nimport { toEnum } from \"./util/to-enum\";\n\n/**\n * {@link DTextBase} text align options.\n */\nexport interface DTextBaseTextAlignOptions {\n\tvertical?: keyof typeof DAlignVertical | DAlignVertical;\n\thorizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal;\n}\n\n/**\n * {@link DTextBase} text options.\n */\nexport interface DTextBaseTextOptions<VALUE = unknown> {\n\tvalue?: DStateAwareOrValueMightBe<VALUE>;\n\tcolor?: DStateAwareOrValueMightBe<number>;\n\talpha?: DStateAwareOrValueMightBe<number>;\n\tstyle?: DDynamicTextStyleOptions;\n\talign?: DTextBaseTextAlignOptions;\n\tformatter?: (value: VALUE, caller: any) => string;\n}\n\n/**\n * {@link DTextBase} events.\n */\nexport interface DTextBaseEvents<VALUE, EMITTER> extends DBaseEvents<EMITTER> {}\n\n/**\n * {@link DTextBase} \"on\" options.\n */\nexport interface DTextBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DTextBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DTextBase} options.\n */\nexport interface DTextBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeTextBase<VALUE> = DThemeTextBase<VALUE>,\n\tEMITTER = any\n> extends DBaseOptions<THEME, EMITTER> {\n\ttext?: DTextBaseTextOptions<VALUE>;\n\tmask?: boolean;\n\ton?: DTextBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DTextBase} theme.\n */\nexport interface DThemeTextBase<VALUE = unknown> extends DThemeBase {\n\tgetTextFormatter(): (value: VALUE, caller: any) => string;\n\n\t/**\n\t * Returns a new text value.\n\t * Called to initialize a text value if a text value is not given.\n\t */\n\tnewTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\t/**\n\t * Returns a text value.\n\t * Called to get a text vale if there is no text value.\n\t *\n\t * @param state a state\n\t */\n\tgetTextValue(state: DBaseStateSet): VALUE | undefined;\n\n\tgetTextAlignVertical(): DAlignVertical;\n\tgetTextAlignHorizontal(): DAlignHorizontal;\n\tgetTextStyleClipping(): boolean;\n\tgetTextStyleWordWrap(): DDynamicTextStyleWordWrap;\n\tisOverflowMaskEnabled(): boolean;\n}\n\nexport interface DTextBaseAlign {\n\tvertical: DAlignVertical;\n\thorizontal: DAlignHorizontal;\n}\n\nconst toTextStyle = <VALUE, THEME extends DThemeTextBase<VALUE>>(\n\ttheme: THEME,\n\toptions: DTextBaseOptions<VALUE, THEME> | undefined,\n\tstate: DBaseStateSet\n): DDynamicTextStyleOptions => {\n\tconst style = options?.text?.style;\n\tif (style != null) {\n\t\tconst fill = style.fill ?? theme.getColor(state);\n\t\tconst fontSize = style.fontSize ?? theme.getFontSize();\n\t\tconst fontFamily = style.fontFamily ?? theme.getFontFamilly();\n\t\tconst fontWeight = style.fontWeight ?? theme.getFontWeight();\n\t\tconst fontStyle = style.fontStyle ?? theme.getFontStyle();\n\t\tconst fontVariant = style.fontVariant ?? theme.getFontVariant();\n\t\tconst clipping = style.clipping ?? theme.getTextStyleClipping();\n\t\tconst wordWrap = style.wordWrap ?? theme.getTextStyleWordWrap();\n\t\tconst lineHeight = style.lineHeight ?? theme.getLineHeight();\n\t\treturn {\n\t\t\tfill,\n\t\t\tfontSize,\n\t\t\tfontFamily,\n\t\t\tfontWeight,\n\t\t\tfontStyle,\n\t\t\tfontVariant,\n\t\t\tclipping,\n\t\t\twordWrap,\n\t\t\tlineHeight\n\t\t};\n\t}\n\n\treturn {\n\t\tfill: theme.getColor(state),\n\t\tfontSize: theme.getFontSize(),\n\t\tfontFamily: theme.getFontFamilly(),\n\t\tfontWeight: theme.getFontWeight(),\n\t\tfontStyle: theme.getFontStyle(),\n\t\tfontVariant: theme.getFontVariant(),\n\t\tclipping: theme.getTextStyleClipping(),\n\t\twordWrap: theme.getTextStyleWordWrap(),\n\t\tlineHeight: theme.getLineHeight()\n\t};\n};\n\nconst toTextAlign = <VALUE, THEME extends DThemeTextBase<VALUE>>(\n\ttheme: THEME,\n\toptions?: DTextBaseOptions<VALUE, THEME>\n): DTextBaseAlign => {\n\tconst align = options?.text?.align;\n\treturn {\n\t\tvertical: toEnum(align?.vertical ?? theme.getTextAlignVertical(), DAlignVertical),\n\t\thorizontal: toEnum(align?.horizontal ?? theme.getTextAlignHorizontal(), DAlignHorizontal)\n\t};\n};\n\n/**\n * A base class for UI classes with a text support.\n * See {@link DTextBaseEvents} for event defaults.\n */\nexport class DTextBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeTextBase<VALUE> = DThemeTextBase<VALUE>,\n\tOPTIONS extends DTextBaseOptions<VALUE, THEME> = DTextBaseOptions<VALUE, THEME>\n> extends DBase<THEME, OPTIONS> {\n\tprotected _text?: DDynamicText | null;\n\tprotected _textValue?: DStateAwareOrValueMightBe<VALUE>;\n\tprotected _textValueComputed?: VALUE;\n\tprotected _textColor!: DStateAwareOrValueMightBe<number>;\n\tprotected _textAlpha!: DStateAwareOrValueMightBe<number>;\n\tprotected _textStyle!: DDynamicTextStyleOptions;\n\tprotected _textAlign!: DTextBaseAlign;\n\tprotected _textFormatter!: (value: VALUE, caller: any) => string;\n\tprotected _isOverflowMaskEnabled!: boolean;\n\tprotected _overflowMask?: DBaseOverflowMaskSimple | null;\n\tprotected _isTextVisible!: boolean;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tthis._textValue = options?.text?.value ?? theme.newTextValue();\n\t\tthis._textValueComputed = this.computeTextValue();\n\t\tconst text = options?.text;\n\t\tthis._textColor = text?.color;\n\t\tthis._textAlpha = text?.alpha;\n\t\tthis._textStyle = toTextStyle(theme, options, this.state);\n\t\tthis._textAlign = toTextAlign(theme, options);\n\t\tthis._textFormatter = text?.formatter ?? theme.getTextFormatter();\n\t\tthis._isTextVisible = true;\n\t\tthis._isOverflowMaskEnabled = options?.mask ?? theme.isOverflowMaskEnabled();\n\t\tthis.onTextChange();\n\t\tthis.createOrUpdateText();\n\t}\n\n\tset text(text: DStateAwareOrValueMightBe<VALUE>) {\n\t\tif (this._textValue !== text) {\n\t\t\tthis._textValue = text;\n\t\t\tthis.updateTextValue();\n\t\t}\n\t}\n\n\tget text(): DStateAwareOrValueMightBe<VALUE> {\n\t\treturn this._textValue;\n\t}\n\n\tprotected onTextChange(): void {\n\t\t// DO NOTHING\n\t}\n\n\tprotected computeTextValue(): VALUE | undefined {\n\t\tconst textValue = this._textValue;\n\t\tif (textValue !== undefined) {\n\t\t\tif (isFunction(textValue)) {\n\t\t\t\tconst result = textValue(this.state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn textValue;\n\t\t\t}\n\t\t}\n\t\treturn this.theme.getTextValue(this.state);\n\t}\n\n\tprotected createOrUpdateText(): void {\n\t\tconst textValueComputed = this._textValueComputed;\n\t\tif (textValueComputed !== undefined) {\n\t\t\tconst formatted = this._textFormatter(textValueComputed, this);\n\t\t\tconst text = this._text;\n\t\t\tif (text == null) {\n\t\t\t\tif (0 < formatted.length) {\n\t\t\t\t\tconst newText = this.createText(formatted);\n\t\t\t\t\tnewText.visible = this._isTextVisible;\n\t\t\t\t\tthis._text = newText;\n\t\t\t\t\tthis.addChild(newText);\n\t\t\t\t\tthis.updateTextPosition(newText);\n\t\t\t\t\tconst overflowMask = this.getOverflowMask();\n\t\t\t\t\tif (overflowMask) {\n\t\t\t\t\t\tnewText.mask = overflowMask;\n\t\t\t\t\t}\n\t\t\t\t\tthis.toDirty();\n\t\t\t\t\tDApplications.update(this);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttext.text = formatted;\n\t\t\t\tthis.toDirty();\n\t\t\t\tDApplications.update(this);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected createText(formatted: string): DDynamicText {\n\t\treturn new DDynamicText(formatted, this._textStyle);\n\t}\n\n\tgetOverflowMask(): Graphics | null {\n\t\tif (this._isOverflowMaskEnabled) {\n\t\t\tif (this._overflowMask == null) {\n\t\t\t\tthis._overflowMask = new DBaseOverflowMaskSimple(this);\n\t\t\t\tthis._reflowable.add(this._overflowMask);\n\t\t\t\tthis.toDirty();\n\t\t\t}\n\t\t\treturn this._overflowMask;\n\t\t}\n\t\treturn null;\n\t}\n\n\tprotected updateTextPosition(text: DDynamicText): void {\n\t\tconst align = this._textAlign;\n\t\tconst padding = this._padding;\n\t\tconst auto = this._auto;\n\n\t\tlet textX = 0;\n\t\tconst pleft = padding.getLeft();\n\t\tconst alignHorizontal = align.horizontal;\n\t\tif (auto.width.isOn || alignHorizontal === DAlignHorizontal.LEFT) {\n\t\t\ttextX = pleft;\n\t\t} else {\n\t\t\tconst width = this.width;\n\t\t\tconst textWidth = text.width;\n\t\t\tconst pright = padding.getRight();\n\t\t\tif (alignHorizontal === DAlignHorizontal.CENTER) {\n\t\t\t\ttextX = pleft + (width - pleft - pright - textWidth) * 0.5;\n\t\t\t} else {\n\t\t\t\ttextX = width - textWidth - pright;\n\t\t\t}\n\t\t}\n\n\t\tlet textY = 0;\n\t\tconst ptop = padding.getTop();\n\t\tconst alignVertical = align.vertical;\n\t\tif (auto.height.isOn || alignVertical === DAlignVertical.TOP) {\n\t\t\ttextY = ptop;\n\t\t} else {\n\t\t\tconst height = this.height;\n\t\t\tconst textHeight = text.height;\n\t\t\tconst pbottom = padding.getBottom();\n\t\t\tif (alignVertical === DAlignVertical.MIDDLE) {\n\t\t\t\ttextY = ptop + (height - ptop - pbottom - textHeight) * 0.5;\n\t\t\t} else {\n\t\t\t\ttextY = height - textHeight - pbottom;\n\t\t\t}\n\t\t}\n\n\t\ttext.position.set(textX, textY);\n\t}\n\n\tprotected getTextColor(theme: THEME, state: DBaseStateSet): number {\n\t\tconst color = this._textColor;\n\t\tif (color !== undefined) {\n\t\t\tif (isFunction(color)) {\n\t\t\t\tconst result = color(state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn color;\n\t\t\t}\n\t\t}\n\t\treturn theme.getColor(state);\n\t}\n\n\tprotected getTextAlpha(theme: THEME, state: DBaseStateSet): number {\n\t\tconst alpha = this._textAlpha;\n\t\tif (alpha !== undefined) {\n\t\t\tif (isFunction(alpha)) {\n\t\t\t\tconst result = alpha(state);\n\t\t\t\tif (result !== undefined) {\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn alpha;\n\t\t\t}\n\t\t}\n\t\treturn theme.getAlpha(state);\n\t}\n\n\tprotected updateTextColor(text: DDynamicText): void {\n\t\tconst theme = this.theme;\n\t\tconst state = this.state;\n\t\ttext.style.fill = this.getTextColor(theme, state);\n\t\ttext.alpha = this.getTextAlpha(theme, state);\n\t}\n\n\tprotected updateTextValue(): void {\n\t\tconst newTextValueComputed = this.computeTextValue();\n\t\tif (this._textValueComputed !== newTextValueComputed) {\n\t\t\tthis._textValueComputed = newTextValueComputed;\n\t\t\tthis.onTextChange();\n\t\t\tthis.createOrUpdateText();\n\t\t}\n\t}\n\n\tprotected updateText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\tthis.updateTextValue();\n\t\t\tthis.updateTextPosition(text);\n\t\t\tthis.updateTextColor(text);\n\t\t}\n\t}\n\n\tprotected showText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\ttext.visible = true;\n\t\t}\n\t\tthis._isTextVisible = true;\n\t}\n\n\tprotected hideText(): void {\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\ttext.visible = false;\n\t\t}\n\t\tthis._isTextVisible = false;\n\t}\n\n\tprotected onReflow(): void {\n\t\tsuper.onReflow();\n\t\tthis.updateText();\n\t}\n\n\tprotected isRefitable(target: any): target is DRefitable {\n\t\treturn super.isRefitable(target) || (target != null && target === this._text);\n\t}\n\n\tprotected applyTitle(): void {\n\t\tconst text = this._text;\n\t\tif (this._title.length <= 0 && text && \"clipped\" in text && text.clipped) {\n\t\t\tconst layer = DApplications.getLayer(this);\n\t\t\tif (layer) {\n\t\t\t\tlayer.view.title = text.text;\n\t\t\t}\n\t\t} else {\n\t\t\tsuper.applyTitle();\n\t\t}\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DTextBase\";\n\t}\n\n\tdestroy(): void {\n\t\t// Text\n\t\tconst text = this._text;\n\t\tif (text) {\n\t\t\tthis._text = null;\n\t\t\ttext.destroy();\n\t\t}\n\n\t\t// Overflow mask\n\t\tconst overflowMask = this._overflowMask;\n\t\tif (overflowMask) {\n\t\t\tthis._overflowMask = null;\n\t\t\toverflowMask.destroy();\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n}\n"]}

package/dist/wcardinal/ui/theme/dark/d-theme-dark-input.js

@@ -70,8 +70,8 @@ var DThemeDarkInput = /** @class */ (function (_super) {
     DThemeDarkInput.prototype.getSelect = function () {
         return true;
     };
-    DThemeDarkInput.prototype.getElementStyleMargin = function (state) {
-        return "margin: 0.1em 0 0 0;";
+    DThemeDarkInput.prototype.getElementStyleBorder = function (state) {
+        return "border: 1px solid transparent; box-sizing: border-box;";
     };
     return DThemeDarkInput;
 }(DThemeDarkHtmlElement));

package/dist/wcardinal/ui/theme/dark/d-theme-dark-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-theme-dark-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,IAAM,gBAAgB,GAAG;IACxB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAQ,IAAY;IAC9C,OAAO,IAAW,CAAC;AACpB,CAAC,CAAC;AAEF;IAMS,mCAAqC;IAN9C;QAAA,qEAmFC;QA1EmB,sBAAgB,GAAG,mBAAmB,CAAC,yBAAyB,CAAC;QACjE,8BAAwB,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;;IAyE9F,CAAC;IAvEA,4CAAkB,GAAlB,UAAmB,KAAoB;QACtC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;YACzC,OAAO,IAAI,CAAC;SACZ;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC3B,OAAO,IAAI,CAAC,wBAAwB,CAAC;SACrC;aAAM;YACN,OAAO,IAAI,CAAC,gBAAgB,CAAC;SAC7B;IACF,CAAC;IAED,wCAAc,GAAd,UAAe,KAAoB;QAClC,IAAI,KAAK,CAAC,SAAS,EAAE;YACpB,OAAO,mBAAmB,CAAC,aAAa,CAAC;SACzC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,mCAAS,GAAT;QACC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,kCAAQ,GAAR;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,wCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,wCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,yCAAe,GAAf;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,mCAAS,GAAT,UAAU,KAAoB;QAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACxB,OAAO,EAAE,CAAC;SACV;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAED,6CAAmB,GAAnB;QACC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,+CAAqB,GAArB;QACC,OAAO,kBAAkB,CAAC;IAC3B,CAAC;IAED,6CAAmB,GAAnB;QACC,OAAO,gBAAgB,CAAC;IACzB,CAAC;IAUD,mCAAS,GAAT;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAES,+CAAqB,GAA/B,UAAgC,KAAoB;QACnD,OAAO,sBAAsB,CAAC;IAC/B,CAAC;IACF,sBAAC;AAAD,CAAC,AAnFD,CAMS,qBAAqB,GA6E7B","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DThemeInput } from \"../../d-input\";\nimport { UtilHtmlElementCreator } from \"../../util/util-html-element\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeDarkConstants } from \"./d-theme-dark-constants\";\nimport { DThemeDarkHtmlElement } from \"./d-theme-dark-html-element\";\n\nconst editingValidator = (): string | null => {\n\treturn null;\n};\n\nconst editingUnformatter = <VALUE>(text: string): VALUE => {\n\treturn text as any;\n};\n\nexport abstract class DThemeDarkInput<\n\t\tVALUE = unknown,\n\t\tELEMENT extends HTMLInputElement | HTMLTextAreaElement =\n\t\t\t| HTMLInputElement\n\t\t\t| HTMLTextAreaElement\n\t>\n\textends DThemeDarkHtmlElement<VALUE, ELEMENT>\n\timplements DThemeInput<VALUE, ELEMENT>\n{\n\tprotected readonly BACKGROUND_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected readonly BACKGROUND_COLOR_HOVERED = UtilRgb.brighten(this.BACKGROUND_COLOR, 0.017);\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\tif (state.inDisabled || state.inReadOnly) {\n\t\t\treturn null;\n\t\t} else if (state.isHovered) {\n\t\t\treturn this.BACKGROUND_COLOR_HOVERED;\n\t\t} else {\n\t\t\treturn this.BACKGROUND_COLOR;\n\t\t}\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\tif (state.isInvalid) {\n\t\t\treturn DThemeDarkConstants.INVALID_COLOR;\n\t\t}\n\t\treturn null;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn this.getLineHeight();\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetPlaceholder(): string {\n\t\treturn \"\";\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 10;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 10;\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\tif (!state.isActionable) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn \"text\";\n\t}\n\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string {\n\t\treturn this.getTextFormatter();\n\t}\n\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE {\n\t\treturn editingUnformatter;\n\t}\n\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null {\n\t\treturn editingValidator;\n\t}\n\n\tabstract getElementCreator(): UtilHtmlElementCreator<ELEMENT>;\n\n\tabstract getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tgetSelect(): boolean {\n\t\treturn true;\n\t}\n\n\tprotected getElementStyleMargin(state: DBaseStateSet): string {\n\t\treturn \"margin: 0.1em 0 0 0;\";\n\t}\n}\n"]}
+{"version":3,"file":"d-theme-dark-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,IAAM,gBAAgB,GAAG;IACxB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAQ,IAAY;IAC9C,OAAO,IAAW,CAAC;AACpB,CAAC,CAAC;AAEF;IAMS,mCAAqC;IAN9C;QAAA,qEAmFC;QA1EmB,sBAAgB,GAAG,mBAAmB,CAAC,yBAAyB,CAAC;QACjE,8BAAwB,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;;IAyE9F,CAAC;IAvEA,4CAAkB,GAAlB,UAAmB,KAAoB;QACtC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;YACzC,OAAO,IAAI,CAAC;SACZ;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC3B,OAAO,IAAI,CAAC,wBAAwB,CAAC;SACrC;aAAM;YACN,OAAO,IAAI,CAAC,gBAAgB,CAAC;SAC7B;IACF,CAAC;IAED,wCAAc,GAAd,UAAe,KAAoB;QAClC,IAAI,KAAK,CAAC,SAAS,EAAE;YACpB,OAAO,mBAAmB,CAAC,aAAa,CAAC;SACzC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,mCAAS,GAAT;QACC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,kCAAQ,GAAR;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,wCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,wCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,yCAAe,GAAf;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,mCAAS,GAAT,UAAU,KAAoB;QAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACxB,OAAO,EAAE,CAAC;SACV;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAED,6CAAmB,GAAnB;QACC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,+CAAqB,GAArB;QACC,OAAO,kBAAkB,CAAC;IAC3B,CAAC;IAED,6CAAmB,GAAnB;QACC,OAAO,gBAAgB,CAAC;IACzB,CAAC;IAUD,mCAAS,GAAT;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAES,+CAAqB,GAA/B,UAAgC,KAAoB;QACnD,OAAO,wDAAwD,CAAC;IACjE,CAAC;IACF,sBAAC;AAAD,CAAC,AAnFD,CAMS,qBAAqB,GA6E7B","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DThemeInput } from \"../../d-input\";\nimport { UtilHtmlElementCreator } from \"../../util/util-html-element\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeDarkConstants } from \"./d-theme-dark-constants\";\nimport { DThemeDarkHtmlElement } from \"./d-theme-dark-html-element\";\n\nconst editingValidator = (): string | null => {\n\treturn null;\n};\n\nconst editingUnformatter = <VALUE>(text: string): VALUE => {\n\treturn text as any;\n};\n\nexport abstract class DThemeDarkInput<\n\t\tVALUE = unknown,\n\t\tELEMENT extends HTMLInputElement | HTMLTextAreaElement =\n\t\t\t| HTMLInputElement\n\t\t\t| HTMLTextAreaElement\n\t>\n\textends DThemeDarkHtmlElement<VALUE, ELEMENT>\n\timplements DThemeInput<VALUE, ELEMENT>\n{\n\tprotected readonly BACKGROUND_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected readonly BACKGROUND_COLOR_HOVERED = UtilRgb.brighten(this.BACKGROUND_COLOR, 0.017);\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\tif (state.inDisabled || state.inReadOnly) {\n\t\t\treturn null;\n\t\t} else if (state.isHovered) {\n\t\t\treturn this.BACKGROUND_COLOR_HOVERED;\n\t\t} else {\n\t\t\treturn this.BACKGROUND_COLOR;\n\t\t}\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\tif (state.isInvalid) {\n\t\t\treturn DThemeDarkConstants.INVALID_COLOR;\n\t\t}\n\t\treturn null;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn this.getLineHeight();\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetPlaceholder(): string {\n\t\treturn \"\";\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 10;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 10;\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\tif (!state.isActionable) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn \"text\";\n\t}\n\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string {\n\t\treturn this.getTextFormatter();\n\t}\n\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE {\n\t\treturn editingUnformatter;\n\t}\n\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null {\n\t\treturn editingValidator;\n\t}\n\n\tabstract getElementCreator(): UtilHtmlElementCreator<ELEMENT>;\n\n\tabstract getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tgetSelect(): boolean {\n\t\treturn true;\n\t}\n\n\tprotected getElementStyleBorder(state: DBaseStateSet): string {\n\t\treturn `border: 1px solid transparent; box-sizing: border-box;`;\n\t}\n}\n"]}

package/dist/wcardinal/ui/theme/white/d-theme-white-input.js

@@ -70,8 +70,8 @@ var DThemeWhiteInput = /** @class */ (function (_super) {
     DThemeWhiteInput.prototype.getSelect = function () {
         return true;
     };
-    DThemeWhiteInput.prototype.getElementStyleMargin = function (state) {
-        return "margin: 0.1em 0 0 0;";
+    DThemeWhiteInput.prototype.getElementStyleBorder = function (state) {
+        return "border: 1px solid transparent; box-sizing: border-box;";
     };
     return DThemeWhiteInput;
 }(DThemeWhiteHtmlElement));

package/dist/wcardinal/ui/theme/white/d-theme-white-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-theme-white-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,IAAM,gBAAgB,GAAG;IACxB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAQ,IAAY;IAC9C,OAAO,IAAW,CAAC;AACpB,CAAC,CAAC;AAEF;IAMS,oCAAsC;IAN/C;QAAA,qEAmFC;QA1EmB,sBAAgB,GAAG,oBAAoB,CAAC,yBAAyB,CAAC;QAClE,8BAAwB,GAAG,OAAO,CAAC,MAAM,CAAC,KAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;;IAyE5F,CAAC;IAvEA,6CAAkB,GAAlB,UAAmB,KAAoB;QACtC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;YACzC,OAAO,IAAI,CAAC;SACZ;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC3B,OAAO,IAAI,CAAC,wBAAwB,CAAC;SACrC;aAAM;YACN,OAAO,IAAI,CAAC,gBAAgB,CAAC;SAC7B;IACF,CAAC;IAED,yCAAc,GAAd,UAAe,KAAoB;QAClC,IAAI,KAAK,CAAC,SAAS,EAAE;YACpB,OAAO,oBAAoB,CAAC,aAAa,CAAC;SAC1C;QACD,OAAO,oBAAoB,CAAC,YAAY,CAAC;IAC1C,CAAC;IAED,oCAAS,GAAT;QACC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,mCAAQ,GAAR;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,yCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,yCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,0CAAe,GAAf;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,oCAAS,GAAT,UAAU,KAAoB;QAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACxB,OAAO,EAAE,CAAC;SACV;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAED,8CAAmB,GAAnB;QACC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,gDAAqB,GAArB;QACC,OAAO,kBAAkB,CAAC;IAC3B,CAAC;IAED,8CAAmB,GAAnB;QACC,OAAO,gBAAgB,CAAC;IACzB,CAAC;IAUD,oCAAS,GAAT;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAES,gDAAqB,GAA/B,UAAgC,KAAoB;QACnD,OAAO,sBAAsB,CAAC;IAC/B,CAAC;IACF,uBAAC;AAAD,CAAC,AAnFD,CAMS,sBAAsB,GA6E9B","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DThemeInput } from \"../../d-input\";\nimport { UtilHtmlElementCreator } from \"../../util/util-html-element\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeWhiteConstants } from \"./d-theme-white-constants\";\nimport { DThemeWhiteHtmlElement } from \"./d-theme-white-html-element\";\n\nconst editingValidator = (): string | null => {\n\treturn null;\n};\n\nconst editingUnformatter = <VALUE>(text: string): VALUE => {\n\treturn text as any;\n};\n\nexport abstract class DThemeWhiteInput<\n\t\tVALUE = unknown,\n\t\tELEMENT extends HTMLInputElement | HTMLTextAreaElement =\n\t\t\t| HTMLInputElement\n\t\t\t| HTMLTextAreaElement\n\t>\n\textends DThemeWhiteHtmlElement<VALUE, ELEMENT>\n\timplements DThemeInput<VALUE, ELEMENT>\n{\n\tprotected readonly BACKGROUND_COLOR = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected readonly BACKGROUND_COLOR_HOVERED = UtilRgb.darken(this.BACKGROUND_COLOR, 0.017);\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\tif (state.inDisabled || state.inReadOnly) {\n\t\t\treturn null;\n\t\t} else if (state.isHovered) {\n\t\t\treturn this.BACKGROUND_COLOR_HOVERED;\n\t\t} else {\n\t\t\treturn this.BACKGROUND_COLOR;\n\t\t}\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\tif (state.isInvalid) {\n\t\t\treturn DThemeWhiteConstants.INVALID_COLOR;\n\t\t}\n\t\treturn DThemeWhiteConstants.BORDER_COLOR;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn this.getLineHeight();\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetPlaceholder(): string {\n\t\treturn \"\";\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 10;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 10;\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\tif (!state.isActionable) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn \"text\";\n\t}\n\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string {\n\t\treturn this.getTextFormatter();\n\t}\n\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE {\n\t\treturn editingUnformatter;\n\t}\n\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null {\n\t\treturn editingValidator;\n\t}\n\n\tabstract getElementCreator(): UtilHtmlElementCreator<ELEMENT>;\n\n\tabstract getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tgetSelect(): boolean {\n\t\treturn true;\n\t}\n\n\tprotected getElementStyleMargin(state: DBaseStateSet): string {\n\t\treturn \"margin: 0.1em 0 0 0;\";\n\t}\n}\n"]}
+{"version":3,"file":"d-theme-white-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,IAAM,gBAAgB,GAAG;IACxB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAQ,IAAY;IAC9C,OAAO,IAAW,CAAC;AACpB,CAAC,CAAC;AAEF;IAMS,oCAAsC;IAN/C;QAAA,qEAmFC;QA1EmB,sBAAgB,GAAG,oBAAoB,CAAC,yBAAyB,CAAC;QAClE,8BAAwB,GAAG,OAAO,CAAC,MAAM,CAAC,KAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;;IAyE5F,CAAC;IAvEA,6CAAkB,GAAlB,UAAmB,KAAoB;QACtC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;YACzC,OAAO,IAAI,CAAC;SACZ;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC3B,OAAO,IAAI,CAAC,wBAAwB,CAAC;SACrC;aAAM;YACN,OAAO,IAAI,CAAC,gBAAgB,CAAC;SAC7B;IACF,CAAC;IAED,yCAAc,GAAd,UAAe,KAAoB;QAClC,IAAI,KAAK,CAAC,SAAS,EAAE;YACpB,OAAO,oBAAoB,CAAC,aAAa,CAAC;SAC1C;QACD,OAAO,oBAAoB,CAAC,YAAY,CAAC;IAC1C,CAAC;IAED,oCAAS,GAAT;QACC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,mCAAQ,GAAR;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,yCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,yCAAc,GAAd;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,0CAAe,GAAf;QACC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,oCAAS,GAAT,UAAU,KAAoB;QAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACxB,OAAO,EAAE,CAAC;SACV;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAED,8CAAmB,GAAnB;QACC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,gDAAqB,GAArB;QACC,OAAO,kBAAkB,CAAC;IAC3B,CAAC;IAED,8CAAmB,GAAnB;QACC,OAAO,gBAAgB,CAAC;IACzB,CAAC;IAUD,oCAAS,GAAT;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAES,gDAAqB,GAA/B,UAAgC,KAAoB;QACnD,OAAO,wDAAwD,CAAC;IACjE,CAAC;IACF,uBAAC;AAAD,CAAC,AAnFD,CAMS,sBAAsB,GA6E9B","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DThemeInput } from \"../../d-input\";\nimport { UtilHtmlElementCreator } from \"../../util/util-html-element\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeWhiteConstants } from \"./d-theme-white-constants\";\nimport { DThemeWhiteHtmlElement } from \"./d-theme-white-html-element\";\n\nconst editingValidator = (): string | null => {\n\treturn null;\n};\n\nconst editingUnformatter = <VALUE>(text: string): VALUE => {\n\treturn text as any;\n};\n\nexport abstract class DThemeWhiteInput<\n\t\tVALUE = unknown,\n\t\tELEMENT extends HTMLInputElement | HTMLTextAreaElement =\n\t\t\t| HTMLInputElement\n\t\t\t| HTMLTextAreaElement\n\t>\n\textends DThemeWhiteHtmlElement<VALUE, ELEMENT>\n\timplements DThemeInput<VALUE, ELEMENT>\n{\n\tprotected readonly BACKGROUND_COLOR = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected readonly BACKGROUND_COLOR_HOVERED = UtilRgb.darken(this.BACKGROUND_COLOR, 0.017);\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\tif (state.inDisabled || state.inReadOnly) {\n\t\t\treturn null;\n\t\t} else if (state.isHovered) {\n\t\t\treturn this.BACKGROUND_COLOR_HOVERED;\n\t\t} else {\n\t\t\treturn this.BACKGROUND_COLOR;\n\t\t}\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\tif (state.isInvalid) {\n\t\t\treturn DThemeWhiteConstants.INVALID_COLOR;\n\t\t}\n\t\treturn DThemeWhiteConstants.BORDER_COLOR;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn this.getLineHeight();\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetPlaceholder(): string {\n\t\treturn \"\";\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 10;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 10;\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\tif (!state.isActionable) {\n\t\t\treturn \"\";\n\t\t}\n\t\treturn \"text\";\n\t}\n\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string {\n\t\treturn this.getTextFormatter();\n\t}\n\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE {\n\t\treturn editingUnformatter;\n\t}\n\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null {\n\t\treturn editingValidator;\n\t}\n\n\tabstract getElementCreator(): UtilHtmlElementCreator<ELEMENT>;\n\n\tabstract getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tabstract getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;\n\n\tgetSelect(): boolean {\n\t\treturn true;\n\t}\n\n\tprotected getElementStyleBorder(state: DBaseStateSet): string {\n\t\treturn `border: 1px solid transparent; box-sizing: border-box;`;\n\t}\n}\n"]}