@wcardinal/wcardinal-ui 0.415.0 → 0.418.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.415.0
+ Winter Cardinal UI v0.418.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -21221,6 +21221,34 @@
         LETTER_RNB: LETTER_RNB
     };
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DynamicSDFFontAtlasFont = /** @class */ (function () {
+        function DynamicSDFFontAtlasFont(fontFamily) {
+            this.id = DynamicSDFFontAtlasFont.toFontFamily(fontFamily);
+            this.size = 32;
+            this.italic = false;
+            this.measured = false;
+            this.ascent = 0;
+            this.descent = 0;
+        }
+        DynamicSDFFontAtlasFont.toFontFamily = function (fontFamily) {
+            return fontFamily === "auto" ? DynamicSDFFontAtlasFont.getAutoFontFamily() : fontFamily;
+        };
+        DynamicSDFFontAtlasFont.getAutoFontFamily = function () {
+            if (DynamicSDFFontAtlasFont.FONT_FAMILY_AUTO == null) {
+                DynamicSDFFontAtlasFont.FONT_FAMILY_AUTO = DThemes.getInstance()
+                    .get("DBase")
+                    .getFontFamilly();
+            }
+            return DynamicSDFFontAtlasFont.FONT_FAMILY_AUTO;
+        };
+        DynamicSDFFontAtlasFont.FONT_FAMILY_AUTO = null;
+        return DynamicSDFFontAtlasFont;
+    }());
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -21509,6 +21537,69 @@
         return DynamicSDFFontGenerator;
     }());
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var UtilFont = /** @class */ (function () {
+        function UtilFont() {
+        }
+        UtilFont.measure = function (context, font) {
+            if (!font.measured) {
+                if ("fontBoundingBoxAscent" in window.TextMetrics.prototype) {
+                    var metrics = context.measureText(pixi_js.TextMetrics.METRICS_STRING);
+                    font.ascent = metrics.fontBoundingBoxAscent;
+                    font.descent = metrics.fontBoundingBoxDescent;
+                }
+                else {
+                    var measured = pixi_js.TextMetrics.measureFont(font.id);
+                    font.ascent = measured.ascent;
+                    font.descent = measured.descent;
+                }
+                font.measured = true;
+            }
+        };
+        UtilFont.toSize = function (font) {
+            this.setup(font);
+            return parseFloat(window.getComputedStyle(this._span).fontSize);
+        };
+        UtilFont.setup = function (font) {
+            var span = this._span;
+            if (span == null) {
+                span = document.createElement("span");
+                span.innerText = "|ÉqÅ";
+                span.style.border = "none";
+                span.style.margin = "0px";
+                this._span = span;
+            }
+            var block = this._block;
+            if (block == null) {
+                block = document.createElement("div");
+                block.style.display = "inline-block";
+                block.style.width = "0px";
+                block.style.height = "0px";
+                block.style.border = "none";
+                block.style.margin = "0px";
+                block.style.verticalAlign = "baseline";
+                this._block = block;
+            }
+            var div = this._div;
+            if (div == null) {
+                div = document.createElement("div");
+                div.style.position = "absolute";
+                div.style.padding = "0px";
+                div.style.margin = "0px";
+                div.style.visibility = "hidden";
+                div.appendChild(span);
+                div.appendChild(block);
+                document.body.appendChild(div);
+                this._div = div;
+            }
+            span.style.font = font;
+        };
+        return UtilFont;
+    }());
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -21518,11 +21609,7 @@
             this._id = "font-atlas:".concat(fontFamily);
             this._generator = DynamicSDFFontGenerator.getInstance().init();
             this._canvas = document.createElement("canvas");
-            this._font = {
-                family: DynamicSDFFontAtlas.toFontFamily(fontFamily),
-                size: 32,
-                italic: false
-            };
+            this._font = new DynamicSDFFontAtlasFont(fontFamily);
             this._characters = {};
             this._length = 0;
             this._width = 1;
@@ -21541,7 +21628,7 @@
                 return this._font;
             },
             set: function (font) {
-                this._font.family = font.family;
+                this._font.id = font.id;
                 this._font.size = font.size;
                 this._font.italic = font.italic;
             },
@@ -21666,19 +21753,20 @@
                         var font = this._font;
                         var characters = this._characters;
                         var characterSize = font.size + 14;
-                        var width = DynamicSDFFontAtlas.toPowerOf2(Math.ceil(Math.sqrt(this._length)) * characterSize);
+                        var width = this.toPowerOf2(Math.ceil(Math.sqrt(this._length)) * characterSize);
                         this._width = width;
-                        var fontStyle = (font.italic ? "italic " : "") + (font.size + "px ") + font.family;
+                        var fontStyle = (font.italic ? "italic " : "") + (font.size + "px ") + font.id;
                         context.font = fontStyle;
                         context.textAlign = "left";
-                        context.textBaseline = "middle";
+                        context.textBaseline = "alphabetic";
                         context.lineWidth = 0;
                         context.lineCap = "round";
                         context.lineJoin = "miter";
-                        context.miterLimit = 0;
+                        context.miterLimit = 10;
                         context.fillStyle = "#FFFFFF";
+                        UtilFont.measure(context, font);
                         var offsetX = 7;
-                        var offsetY = characterSize >> 1;
+                        var offsetY = Math.round((characterSize - (font.ascent + font.descent)) * 0.5 + font.ascent);
                         var x = 0;
                         var y = 0;
                         for (var id in characters) {
@@ -21707,11 +21795,11 @@
                         canvas.height = height;
                         context.font = fontStyle;
                         context.textAlign = "left";
-                        context.textBaseline = "middle";
+                        context.textBaseline = "alphabetic";
                         context.lineWidth = 0;
                         context.lineCap = "round";
                         context.lineJoin = "miter";
-                        context.miterLimit = 4;
+                        context.miterLimit = 10;
                         context.fillStyle = "#FFFFFF";
                         context.clearRect(0, 0, width, height);
                         for (var id in characters) {
@@ -21760,25 +21848,13 @@
                 delete characters[id];
             }
         };
-        DynamicSDFFontAtlas.toFontFamily = function (fontFamily) {
-            return fontFamily === "auto" ? DynamicSDFFontAtlas.getAutoFontFamily() : fontFamily;
-        };
-        DynamicSDFFontAtlas.toPowerOf2 = function (size) {
+        DynamicSDFFontAtlas.prototype.toPowerOf2 = function (size) {
             var result = 32;
             while (result < size) {
                 result <<= 1;
             }
             return result;
         };
-        DynamicSDFFontAtlas.getAutoFontFamily = function () {
-            if (DynamicSDFFontAtlas.FONT_FAMILY_AUTO == null) {
-                DynamicSDFFontAtlas.FONT_FAMILY_AUTO = DThemes.getInstance()
-                    .get("DBase")
-                    .getFontFamilly();
-            }
-            return DynamicSDFFontAtlas.FONT_FAMILY_AUTO;
-        };
-        DynamicSDFFontAtlas.FONT_FAMILY_AUTO = null;
         return DynamicSDFFontAtlas;
     }());
 
@@ -29123,77 +29199,6 @@
         return DDynamicTextGeometry;
     }(pixi_js.MeshGeometry));
 
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var UtilFont = /** @class */ (function () {
-        function UtilFont() {
-        }
-        UtilFont.measure = function (font) {
-            var results = this._results;
-            if (results == null) {
-                results = new Map();
-                this._results = results;
-            }
-            var result = results.get(font);
-            if (result != null) {
-                return result;
-            }
-            this.setup(font);
-            var blockRect = this._block.getBoundingClientRect();
-            var blockRectTop = blockRect.top;
-            var spanRect = this._span.getBoundingClientRect();
-            var ascent = blockRectTop - spanRect.top;
-            var descent = spanRect.bottom - blockRectTop;
-            result = {
-                ascent: ascent,
-                descent: descent
-            };
-            results.set(font, result);
-            return result;
-        };
-        UtilFont.toSize = function (font) {
-            this.setup(font);
-            return parseFloat(window.getComputedStyle(this._span).fontSize);
-        };
-        UtilFont.setup = function (font) {
-            var span = this._span;
-            if (span == null) {
-                span = document.createElement("span");
-                span.innerText = "|ÉqÅ";
-                span.style.border = "none";
-                span.style.margin = "0px";
-                this._span = span;
-            }
-            var block = this._block;
-            if (block == null) {
-                block = document.createElement("div");
-                block.style.display = "inline-block";
-                block.style.width = "0px";
-                block.style.height = "0px";
-                block.style.border = "none";
-                block.style.margin = "0px";
-                block.style.verticalAlign = "baseline";
-                this._block = block;
-            }
-            var div = this._div;
-            if (div == null) {
-                div = document.createElement("div");
-                div.style.position = "absolute";
-                div.style.padding = "0px";
-                div.style.margin = "0px";
-                div.style.visibility = "hidden";
-                div.appendChild(span);
-                div.appendChild(block);
-                document.body.appendChild(div);
-                this._div = div;
-            }
-            span.style.font = font;
-        };
-        return UtilFont;
-    }());
-
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -48225,9 +48230,9 @@
             this.size = size;
             this.color = pixi_js.utils.hex2string(color);
             this.height = size + padding * 2;
-            var metrics = UtilFont.measure(fontId);
-            this.ascent = metrics.ascent;
-            this.descent = metrics.descent;
+            this.measured = false;
+            this.ascent = 0;
+            this.descent = 0;
         }
         return DynamicFontAtlasFont;
     }());
@@ -48428,7 +48433,7 @@
                 context.lineWidth = 0;
                 context.lineCap = "round";
                 context.lineJoin = "miter";
-                context.miterLimit = 0;
+                context.miterLimit = 10;
                 context.fillStyle = font.color;
                 context.strokeStyle = "#0000ff";
             }
@@ -48445,7 +48450,6 @@
                     var characters = this._characters;
                     var width = (this._width = this.toPowerOf2(Math.ceil(Math.sqrt(this._length)) * fontHeight));
                     var offsetX = this._padding;
-                    var offsetY = Math.round((fontHeight - (font.ascent + font.descent)) * 0.5 + font.ascent);
                     var x = 0;
                     var y = 0;
                     for (var key in characters) {
@@ -48457,7 +48461,6 @@
                         character.x = x;
                         character.y = y;
                         character.origin.x = x + offsetX;
-                        character.origin.y = y + offsetY;
                         x += character.width;
                     }
                     var height = (this._height = y + fontHeight);
@@ -48472,11 +48475,14 @@
                     canvas.height = realHeight;
                     var context = this.getContext();
                     if (context != null) {
+                        UtilFont.measure(context, font);
+                        var offsetY = Math.round((fontHeight - (font.ascent + font.descent)) * 0.5 + font.ascent);
                         context.save();
                         context.scale(resolution, resolution);
                         context.clearRect(0, 0, width, height);
                         for (var key in characters) {
                             var character = characters[key];
+                            character.origin.y = character.y + offsetY;
                             context.fillText(key, character.origin.x, character.origin.y);
                         }
                         context.restore();
@@ -79071,6 +79077,7 @@
         DynamicFontAtlasFont: DynamicFontAtlasFont,
         DynamicFontAtlas: DynamicFontAtlas,
         DynamicFontAtlases: DynamicFontAtlases,
+        DynamicSDFFontAtlasFont: DynamicSDFFontAtlasFont,
         DynamicSDFFontAtlas: DynamicSDFFontAtlas,
         DynamicSDFFontAtlases: DynamicSDFFontAtlases,
         DynamicSDFFontGenerator: DynamicSDFFontGenerator,
@@ -79593,6 +79600,8 @@
         DTableCategoryColumnImpl: DTableCategoryColumnImpl,
         DTableCategoryContainerImpl: DTableCategoryContainerImpl,
         DTableCategory: DTableCategory,
+        DTableCellEdgeHovered: DTableCellEdgeHovered,
+        DTableCellEdge: DTableCellEdge,
         DTableColumnContainerImpl: DTableColumnContainerImpl,
         DTableColumnImpl: DTableColumnImpl,
         DTableColumnType: DTableColumnType,