@wcardinal/wcardinal-ui 0.393.0 → 0.395.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.393.0
+ Winter Cardinal UI v0.395.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -483,11 +483,14 @@ var toLength = function (p0x, p0y, p1x, p1y) {
 };
 
 var TEXT_VERTEX_COUNT = 4;
+var TEXT_VERTEX_COUNT_SHIFT = 2;
 var TEXT_INDEX_COUNT = 2;
+var TEXT_INDEX_COUNT_SHIFT = 1;
 var TEXT_FMIN = 0.00001;
 var TEXT_WORK_POINT = new pixi_js.Point();
 var toTextBufferCount = function (shape) {
-    return Math.ceil(shape.text.value.length / 12) * 12;
+    var l = shape.text.value.length;
+    return ((l >> 3) + (0 < (l & 0x7) ? 1 : 0)) << 3;
 };
 var buildTextClipping = function (clippings, voffset, vcount) {
     var ic = voffset * 3 - 1;
@@ -986,7 +989,7 @@ var buildTextVertex = function (vertices, uvs, voffset, vcount, originX, originY
     //
     var tx0 = 0;
     var ty0 = 0;
-    var lineWidthMaximum = NaN;
+    var lineWidthMaximum = width;
     switch (textDirection) {
         case EShapeTextDirection.LEFT_TO_RIGHT:
             getTextBBox(textAlignHorizontal, textAlignVertical, textOffsetHorizontal, textOffsetVertical, textPaddingHorizontal, textPaddingVertical, width, height, x0, y0, x1, y1, x2, y2, x3, y3, hnx, hny, vnx, vny, work);
@@ -1421,6 +1424,27 @@ var EShapePointsStyle = {
     FORMATTER_CURVE: FORMATTER_CURVE
 };
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var BuilderFlag = {
+    NONE: 0,
+    VERTEX: 1,
+    CLIPPING: 2,
+    STEP: 4,
+    COLOR_FILL: 8,
+    COLOR_STROKE: 16,
+    UV: 32,
+    INDEX: 64,
+    VERTEX_AND_STEP: 5,
+    VERTEX_STEP_AND_UV: 37,
+    VERTEX_STEP_AND_COLOR_FILL: 13,
+    VERTEX_CLIPPING_STEP_AND_UV: 39,
+    CLIPPING_AND_INDEX: 66,
+    ALL: 127
+};
+
 var buildColor = function (color, alpha, voffset, vcount, colors) {
     var r = (((color >> 16) & 0xff) / 255.0) * alpha;
     var g = (((color >> 8) & 0xff) / 255.0) * alpha;
@@ -1436,6 +1460,27 @@ var buildColor = function (color, alpha, voffset, vcount, colors) {
     }
 };
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var TOP$1 = 1;
+var RIGHT$1 = 2;
+var BOTTOM$1 = 4;
+var LEFT$1 = 8;
+var EShapeStrokeSide = {
+    NONE: 0,
+    TOP: TOP$1,
+    RIGHT: RIGHT$1,
+    BOTTOM: BOTTOM$1,
+    LEFT: LEFT$1,
+    TOP_OR_LEFT: TOP$1 | LEFT$1,
+    TOP_OR_RIGHT: TOP$1 | RIGHT$1,
+    BOTTOM_OR_LEFT: BOTTOM$1 | LEFT$1,
+    BOTTOM_OR_RIGHT: BOTTOM$1 | RIGHT$1,
+    ALL: TOP$1 | RIGHT$1 | BOTTOM$1 | LEFT$1
+};
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -1446,29 +1491,31 @@ var BuilderBase = /** @class */ (function () {
         this.indexOffset = indexOffset;
         this.vertexCount = vertexCount;
         this.indexCount = indexCount;
-        this.sizeX = NaN;
-        this.sizeY = NaN;
+        this.inited = BuilderFlag.NONE;
+        this.sizeX = 0;
+        this.sizeY = 0;
         this.transformLocalId = -1;
-        this.strokeAlign = NaN;
-        this.strokeWidth = NaN;
-        this.strokeSide = NaN;
-        this.strokeStyle = NaN;
-        this.colorFill = NaN;
-        this.alphaFill = -1;
-        this.colorStroke = NaN;
-        this.alphaStroke = -1;
+        this.strokeAlign = 0;
+        this.strokeWidth = 0;
+        this.strokeSide = EShapeStrokeSide.NONE;
+        this.strokeStyle = EShapeStrokeStyle.NONE;
+        this.colorFill = 0;
+        this.alphaFill = 0;
+        this.colorStroke = 0;
+        this.alphaStroke = 0;
         this.texture = null;
-        this.textureTransformId = NaN;
+        this.textureTransformId = -1;
     }
     BuilderBase.prototype.isCompatible = function (shape) {
         return true;
     };
     BuilderBase.prototype.updateColorFill = function (buffer, shape) {
         var fill = shape.fill;
-        var isEnabled = shape.visible && fill.enable;
         var color = fill.color;
-        var alpha = isEnabled ? fill.alpha : 0;
-        if (color !== this.colorFill || alpha !== this.alphaFill) {
+        var alpha = shape.visible && fill.enable ? fill.alpha : 0;
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+        if (isNotInited || color !== this.colorFill || alpha !== this.alphaFill) {
+            this.inited |= BuilderFlag.COLOR_FILL;
             this.colorFill = color;
             this.alphaFill = alpha;
             buffer.updateColorFills();
@@ -1477,10 +1524,11 @@ var BuilderBase = /** @class */ (function () {
     };
     BuilderBase.prototype.updateColorStroke = function (buffer, shape) {
         var stroke = shape.stroke;
-        var isEnabled = shape.visible && stroke.enable && 0 < stroke.width;
         var color = stroke.color;
-        var alpha = isEnabled ? stroke.alpha : 0;
-        if (color !== this.colorStroke || alpha !== this.alphaStroke) {
+        var alpha = shape.visible && stroke.enable && 0 < stroke.width ? stroke.alpha : 0;
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+        if (isNotInited || color !== this.colorStroke || alpha !== this.alphaStroke) {
+            this.inited |= BuilderFlag.COLOR_STROKE;
             this.colorStroke = color;
             this.alphaStroke = alpha;
             buffer.updateColorStrokes();
@@ -4707,9 +4755,9 @@ var EShapeBase = /** @class */ (function (_super) {
         _this._lockTransformThis = new EShapeLock();
         _this._lockTransformParent = new EShapeLock();
         _this._lockUploaded = new EShapeLock();
-        _this._boundsTransformId = NaN;
-        _this._boundsInternalTransformId = NaN;
-        _this._boundsLocalTransformId = NaN;
+        _this._boundsTransformId = -1;
+        _this._boundsInternalTransformId = -1;
+        _this._boundsLocalTransformId = -1;
         _this.interactive = false;
         //
         _this.parent = null;
@@ -4724,9 +4772,9 @@ var EShapeBase = /** @class */ (function (_super) {
         return new EShapeTransformImpl(this);
     };
     EShapeBase.prototype.onSizeChange = function () {
-        this._boundsTransformId = NaN;
-        this._boundsInternalTransformId = NaN;
-        this._boundsLocalTransformId = NaN;
+        this._boundsTransformId = -1;
+        this._boundsInternalTransformId = -1;
+        this._boundsLocalTransformId = -1;
         if (!this._lockTransformChild.isLocked()) {
             this.callChildTransformChange();
         }
@@ -8123,27 +8171,6 @@ var hitTestCircle = function (shape, x, y, ax, ay, sw, ss) {
     return false;
 };
 
-/*
- * Copyright (C) 2019 Toshiba Corporation
- * SPDX-License-Identifier: Apache-2.0
- */
-var TOP$1 = 1;
-var RIGHT$1 = 2;
-var BOTTOM$1 = 4;
-var LEFT$1 = 8;
-var EShapeStrokeSide = {
-    NONE: 0,
-    TOP: TOP$1,
-    RIGHT: RIGHT$1,
-    BOTTOM: BOTTOM$1,
-    LEFT: LEFT$1,
-    TOP_OR_LEFT: TOP$1 | LEFT$1,
-    TOP_OR_RIGHT: TOP$1 | RIGHT$1,
-    BOTTOM_OR_LEFT: BOTTOM$1 | LEFT$1,
-    BOTTOM_OR_RIGHT: BOTTOM$1 | RIGHT$1,
-    ALL: TOP$1 | RIGHT$1 | BOTTOM$1 | LEFT$1
-};
-
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -8463,7 +8490,7 @@ var BuilderBar = /** @class */ (function (_super) {
     __extends(BuilderBar, _super);
     function BuilderBar(vertexOffset, indexOffset) {
         var _this = _super.call(this, vertexOffset, indexOffset, BAR_VERTEX_COUNT, BAR_INDEX_COUNT) || this;
-        _this.pointsId = NaN;
+        _this.pointsId = -1;
         _this.pointsStyle = EShapePointsStyle.NONE;
         return _this;
     }
@@ -8474,6 +8501,7 @@ var BuilderBar = /** @class */ (function (_super) {
         buffer.updateIndices();
         buildBarClipping(buffer.clippings, voffset);
         buildBarIndex(buffer.indices, voffset, ioffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderBar.prototype.update = function (buffer, shape) {
         this.updateVertexStepAndColorFill(buffer, shape);
@@ -8497,11 +8525,14 @@ var BuilderBar = /** @class */ (function (_super) {
             var isPointsIdChanged = pointsId !== this.pointsId;
             var pointsStyle = points.style;
             var isPointsStyleChanged = pointsStyle !== this.pointsStyle;
-            if (isSizeChanged ||
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_COLOR_FILL);
+            if (isNotInited ||
+                isSizeChanged ||
                 isTransformChanged ||
                 isStrokeWidthChanged ||
                 isPointsIdChanged ||
                 isPointsStyleChanged) {
+                this.inited |= BuilderFlag.VERTEX_STEP_AND_COLOR_FILL;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.strokeWidth = strokeWidth;
@@ -8510,8 +8541,8 @@ var BuilderBar = /** @class */ (function (_super) {
                 this.pointsId = pointsId;
                 this.pointsStyle = pointsStyle;
                 if (isPointsIdChanged) {
-                    // Invalidate the texture transform ID to update the UVs
-                    this.textureTransformId = NaN;
+                    // Invalidate the UV buffer
+                    this.inited &= ~BuilderFlag.UV;
                 }
                 buffer.updateVertices();
                 buffer.updateSteps();
@@ -8523,7 +8554,11 @@ var BuilderBar = /** @class */ (function (_super) {
     BuilderBar.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -8543,32 +8578,33 @@ var BuilderText = /** @class */ (function () {
         this.indexOffset = indexOffset;
         this.vertexCount = vertexCount;
         this.indexCount = indexCount;
-        this.sizeX = NaN;
-        this.sizeY = NaN;
-        this.transformLocalId = NaN;
+        this.inited = BuilderFlag.NONE;
+        this.sizeX = 0;
+        this.sizeY = 0;
+        this.transformLocalId = 0;
         this.scaleX = 1;
         this.scaleY = 1;
-        this.size = NaN;
+        this.size = 0;
         this.family = "auto";
         this.value = "";
         this.texture = null;
-        this.textureTransformId = NaN;
-        this.color = NaN;
-        this.alpha = NaN;
-        this.weight = NaN;
-        this.style = NaN;
-        this.alignHorizontal = NaN;
-        this.alignVertical = NaN;
-        this.offsetHorizontal = NaN;
-        this.offsetVertical = NaN;
-        this.outlineWidth = NaN;
-        this.outlineColor = NaN;
-        this.outlineAlpha = NaN;
-        this.spacingHorizontal = NaN;
-        this.spacingVertical = NaN;
-        this.direction = NaN;
-        this.paddingHorizontal = NaN;
-        this.paddingVertical = NaN;
+        this.textureTransformId = 0;
+        this.color = 0;
+        this.alpha = 0;
+        this.weight = 0;
+        this.style = 0;
+        this.alignHorizontal = 0;
+        this.alignVertical = 0;
+        this.offsetHorizontal = 0;
+        this.offsetVertical = 0;
+        this.outlineWidth = 0;
+        this.outlineColor = 0;
+        this.outlineAlpha = 0;
+        this.spacingHorizontal = 0;
+        this.spacingVertical = 0;
+        this.direction = 0;
+        this.paddingHorizontal = 0;
+        this.paddingVertical = 0;
         this.clipping = false;
         this.fitting = false;
     }
@@ -8583,9 +8619,10 @@ var BuilderText = /** @class */ (function () {
             buffer.updateIndices();
             buildTextIndex(buffer.indices, voffset, this.indexOffset, this.indexCount);
         }
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderText.prototype.isCompatible = function (shape) {
-        return toTextBufferCount(shape) * TEXT_VERTEX_COUNT === this.vertexCount;
+        return toTextBufferCount(shape) << TEXT_VERTEX_COUNT_SHIFT === this.vertexCount;
     };
     BuilderText.prototype.update = function (buffer, shape) {
         var vcount = this.vertexCount;
@@ -8639,7 +8676,9 @@ var BuilderText = /** @class */ (function () {
         var isClippingChanged = this.clipping !== textClipping;
         var isFittingChanged = this.fitting !== textFitting;
         var isTextureChanged = textTexture !== this.texture || textTextureTransformId !== this.textureTransformId;
-        if (isSizeChanged ||
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX);
+        if (isNotInited ||
+            isSizeChanged ||
             isTransformChanged ||
             isCharChanged ||
             isCharSizeChanged ||
@@ -8651,6 +8690,7 @@ var BuilderText = /** @class */ (function () {
             isClippingChanged ||
             isFittingChanged ||
             isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX;
             this.size = textSize;
             this.family = textFamily;
             this.value = textValue;
@@ -8669,8 +8709,8 @@ var BuilderText = /** @class */ (function () {
             this.texture = textTexture;
             this.textureTransformId = textTextureTransformId;
             if (isCharSizeChanged || isFittingChanged || (textFitting && isSizeChanged)) {
-                // Invalidate the text weight to update the text steps.
-                this.weight = NaN;
+                // Invalidate the step buffer.
+                this.inited &= ~BuilderFlag.STEP;
             }
             // Vertices & UVs
             buffer.updateVertices();
@@ -8688,7 +8728,9 @@ var BuilderText = /** @class */ (function () {
         var text = shape.text;
         var color = text.color;
         var alpha = shape.visible && text.enable ? text.alpha : 0;
-        if (color !== this.color || alpha !== this.alpha) {
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+        if (isNotInited || color !== this.color || alpha !== this.alpha) {
+            this.inited |= BuilderFlag.COLOR_FILL;
             this.color = color;
             this.alpha = alpha;
             buffer.updateColorFills();
@@ -8700,7 +8742,9 @@ var BuilderText = /** @class */ (function () {
         var outline = text.outline;
         var color = outline.color;
         var alpha = shape.visible && text.enable ? outline.alpha : 0;
-        if (color !== this.outlineColor || alpha !== this.outlineAlpha) {
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+        if (isNotInited || color !== this.outlineColor || alpha !== this.outlineAlpha) {
+            this.inited |= BuilderFlag.COLOR_STROKE;
             this.outlineColor = color;
             this.outlineAlpha = alpha;
             buffer.updateColorStrokes();
@@ -8723,7 +8767,9 @@ var BuilderText = /** @class */ (function () {
         }
         var isScaleChanged = TEXT_FMIN < Math.abs(this.scaleX - scaleX) ||
             TEXT_FMIN < Math.abs(this.scaleY - scaleY);
-        if (isWeightChanged || isOutlineWidthChanged || isScaleChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.STEP);
+        if (isNotInited || isWeightChanged || isOutlineWidthChanged || isScaleChanged) {
+            this.inited |= BuilderFlag.STEP;
             this.weight = textWeight;
             this.outlineWidth = textOutlineWidth;
             this.scaleX = scaleX;
@@ -8751,8 +8797,8 @@ var BuilderText = /** @class */ (function () {
  */
 var createBarUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = BAR_VERTEX_COUNT + tvcount;
     var icount = BAR_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -11855,7 +11901,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
             var w = this._width;
             var h = this._height;
             var r = Math.min(0.5 * w, 0.5 * h, this._cornerRadius);
-            var a = 1 / resolution;
+            var a = 0.5 / resolution;
             var x0 = 0;
             var x1 = r;
             var x2 = w - r;
@@ -11888,7 +11934,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
                 this.fillVertices(vertices, uvs, iv, iuv, n, x1, y1, r, a, tlt);
             }
             else {
-                this.fillVertices(vertices, uvs, iv, iuv, n, x0, y0, 0, 0, tlt);
+                this.fillVertices(vertices, uvs, iv, iuv, n, x0, y0, 0, a, tlt);
             }
             this.fillIndices(indices, ia, ii, n);
             iv += n4;
@@ -11900,7 +11946,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
                 this.fillVertices(vertices, uvs, iv, iuv, n, x2, y1, r, a, ttr);
             }
             else {
-                this.fillVertices(vertices, uvs, iv, iuv, n, x3, y0, 0, 0, ttr);
+                this.fillVertices(vertices, uvs, iv, iuv, n, x3, y0, 0, a, ttr);
             }
             this.fillIndices(indices, ia, ii, n);
             iv += n4;
@@ -11912,7 +11958,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
                 this.fillVertices(vertices, uvs, iv, iuv, n, x2, y2, r, a, trb);
             }
             else {
-                this.fillVertices(vertices, uvs, iv, iuv, n, x3, y3, 0, 0, trb);
+                this.fillVertices(vertices, uvs, iv, iuv, n, x3, y3, 0, a, trb);
             }
             this.fillIndices(indices, ia, ii, n);
             iv += n4;
@@ -11924,7 +11970,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
                 this.fillVertices(vertices, uvs, iv, iuv, n, x1, y2, r, a, tbl);
             }
             else {
-                this.fillVertices(vertices, uvs, iv, iuv, n, x0, y3, 0, 0, tbl);
+                this.fillVertices(vertices, uvs, iv, iuv, n, x0, y3, 0, a, tbl);
             }
             this.fillIndicesEnd(indices, ia, ii, n);
             iv += n4;
@@ -12110,30 +12156,53 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
         var r3 = r2 + dr;
         var cos = table.cos;
         var sin = table.sin;
-        if (r0 < 0) {
-            var m = n >> 1;
-            var c0 = cos[m];
-            var s0 = sin[m];
-            if (r1 < 0) {
-                for (var i = 0; i < n; ++i) {
-                    var c = cos[i];
-                    var s = sin[i];
-                    vertices[++iv] = x + c0 * r0;
-                    vertices[++iv] = y + s0 * r0;
-                    vertices[++iv] = x + c0 * r1;
-                    vertices[++iv] = y + s0 * r1;
-                    vertices[++iv] = x + c * r2;
-                    vertices[++iv] = y + s * r2;
-                    vertices[++iv] = x + c * r3;
-                    vertices[++iv] = y + s * r3;
-                    uvs[++iuv] = 0.5 * (1 + c);
-                    uvs[++iuv] = 0.5 * (1 + s);
-                    uvs[++iuv] = 0.5;
-                    uvs[++iuv] = 0.5;
-                    uvs[++iuv] = 0.5;
-                    uvs[++iuv] = 0.5;
-                    uvs[++iuv] = 0.5 * (1 + c);
-                    uvs[++iuv] = 0.5 * (1 + s);
+        if (r0 <= 0) {
+            var c0 = cos[0] + cos[n - 1];
+            var s0 = sin[0] + sin[n - 1];
+            if (r1 <= 0) {
+                if (r <= 0) {
+                    for (var i = 0; i < n; ++i) {
+                        var c = cos[i];
+                        var s = sin[i];
+                        vertices[++iv] = x + c0 * r0;
+                        vertices[++iv] = y + s0 * r0;
+                        vertices[++iv] = x + c0 * r1;
+                        vertices[++iv] = y + s0 * r1;
+                        vertices[++iv] = x + c0 * r2;
+                        vertices[++iv] = y + s0 * r2;
+                        vertices[++iv] = x + c0 * r3;
+                        vertices[++iv] = y + s0 * r3;
+                        uvs[++iuv] = 0.5 * (1 + c);
+                        uvs[++iuv] = 0.5 * (1 + s);
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5 * (1 + c);
+                        uvs[++iuv] = 0.5 * (1 + s);
+                    }
+                }
+                else {
+                    for (var i = 0; i < n; ++i) {
+                        var c = cos[i];
+                        var s = sin[i];
+                        vertices[++iv] = x + c0 * r0;
+                        vertices[++iv] = y + s0 * r0;
+                        vertices[++iv] = x + c0 * r1;
+                        vertices[++iv] = y + s0 * r1;
+                        vertices[++iv] = x + c * r2;
+                        vertices[++iv] = y + s * r2;
+                        vertices[++iv] = x + c * r3;
+                        vertices[++iv] = y + s * r3;
+                        uvs[++iuv] = 0.5 * (1 + c);
+                        uvs[++iuv] = 0.5 * (1 + s);
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5;
+                        uvs[++iuv] = 0.5 * (1 + c);
+                        uvs[++iuv] = 0.5 * (1 + s);
+                    }
                 }
             }
             else {
@@ -12290,7 +12359,7 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
             var h = this._height;
             var bw = this._borderWidth;
             var r = Math.min(0.5 * w, 0.5 * h, this._cornerRadius);
-            var a = 1 / resolution;
+            var a = 0.5 / resolution;
             var x0 = 0;
             var x1 = r;
             var x2 = w - r;
@@ -12329,15 +12398,15 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
                     this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, a, bw, tlt);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, 0, 0, tlt);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, a, 0, tlt);
                 }
             }
             else {
                 if (bl || bt) {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, 0, bw, tlt);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, a, bw, tlt);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, 0, 0, tlt);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, a, 0, tlt);
                 }
             }
             this.fillIndices(indices, ia, ii, n, bt, false);
@@ -12351,15 +12420,15 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
                     this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, a, bw, ttr);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, 0, 0, ttr);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, a, 0, ttr);
                 }
             }
             else {
                 if (bt || br) {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, 0, bw, ttr);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, a, bw, ttr);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, 0, 0, ttr);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, a, 0, ttr);
                 }
             }
             this.fillIndices(indices, ia, ii, n, br, false);
@@ -12373,15 +12442,15 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
                     this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, a, bw, trb);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, 0, 0, trb);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, a, 0, trb);
                 }
             }
             else {
                 if (br || bb) {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, 0, bw, trb);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, a, bw, trb);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, 0, 0, trb);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, a, 0, trb);
                 }
             }
             this.fillIndices(indices, ia, ii, n, bb, false);
@@ -12395,15 +12464,15 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
                     this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, a, bw, tbl);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, 0, 0, tbl);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, a, 0, tbl);
                 }
             }
             else {
                 if (bb || bl) {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, 0, bw, tbl);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, a, bw, tbl);
                 }
                 else {
-                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, 0, 0, tbl);
+                    this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, a, 0, tbl);
                 }
             }
             this.fillIndices(indices, ia, ii, n, bl, true);
@@ -12602,7 +12671,7 @@ var DBaseOutlineSnippet = /** @class */ (function () {
                 outlineMesh.y = -outlineOffset;
                 outlineMesh.width = width + outlineOffset * 2;
                 outlineMesh.height = height + outlineOffset * 2;
-                outlineMesh.cornerRadius = cornerRadius;
+                outlineMesh.cornerRadius = Math.max(0, cornerRadius + outlineOffset);
                 outlineMesh.cornerMask = cornerMask;
                 outlineMesh.borderWidth = outlineWidth;
                 outlineMesh.borderMask = outlineMask;
@@ -21972,9 +22041,9 @@ var EShapeContainer = /** @class */ (function (_super) {
         _this._atlas = null;
         _this._fontAtlases = new DynamicSDFFontAtlases();
         _this._pixelScale = 1;
-        _this._pixelScaleId = NaN;
+        _this._pixelScaleId = -2; // Since this._shapeScaleId starts from -1.
         _this._shapeScale = 1;
-        _this._shapeScaleId = NaN;
+        _this._shapeScaleId = -1; // Since PIXI.Transform._worldID starts from zero.
         _this._work = new pixi_js.Point();
         _this._buffers = [];
         return _this;
@@ -24308,7 +24377,7 @@ var EShapeRuntimeImpl = /** @class */ (function () {
         this.cursor = shape.cursor;
         this.reset = EShapeRuntimeReset.NONE;
         this.written = EShapeRuntimeReset.NONE;
-        this.effect = NaN;
+        this.effect = -1;
         this.isStateChanged = false;
         this.interactive = false;
     }
@@ -24638,12 +24707,13 @@ var EShapeRuntimeImpl = /** @class */ (function () {
     };
     EShapeRuntimeImpl.prototype.update = function (shape, time) {
         var data = shape.data;
-        var isEffectTimeUp = this.effect <= time;
+        var effect = this.effect;
+        var isEffectTimeUp = 0 <= effect && effect <= time;
         if (data.isChanged || this.isStateChanged || isEffectTimeUp) {
             this.isStateChanged = false;
             data.isChanged = false;
             if (isEffectTimeUp) {
-                this.effect = NaN;
+                this.effect = -1;
             }
             shape.lock(EShapeLockPart.UPLOADED);
             this.onUpdate(shape, time);
@@ -35721,13 +35791,14 @@ var BuilderRectangleRounded = /** @class */ (function (_super) {
     __extends(BuilderRectangleRounded, _super);
     function BuilderRectangleRounded(vertexOffset, indexOffset, vertexCount, indexCount) {
         var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount) || this;
-        _this.radius = NaN;
-        _this.corner = NaN;
+        _this.radius = 0;
+        _this.corner = 0;
         return _this;
     }
     BuilderRectangleRounded.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildRectangleRoundedIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderRectangleRounded.prototype.update = function (buffer, shape) {
         this.updateVertexClippingStepAndUv(buffer, shape);
@@ -35757,7 +35828,13 @@ var BuilderRectangleRounded = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isCornerChanged ||
+            isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.radius = radius;
@@ -35774,17 +35851,17 @@ var BuilderRectangleRounded = /** @class */ (function (_super) {
             buffer.updateVertices();
             buildRectangleRoundedVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, radius, shape.transform.internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
             // Steps
-            if (isVertexChanged || isCornerChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isCornerChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildRectangleRoundedStep(buffer.steps, voffset, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
             }
             // Clippings
-            if (isVertexChanged || isCornerChanged) {
+            if (isNotInited || isVertexChanged || isCornerChanged) {
                 buffer.updateClippings();
                 buildRectangleRoundedClipping(buffer.clippings, voffset, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
             }
             // UVs
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildRectangleRoundedUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_ROUNDED_WORLD_SIZE);
             }
@@ -35799,8 +35876,8 @@ var BuilderRectangleRounded = /** @class */ (function (_super) {
  */
 var createRectangleRoundedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = RECTANGLE_ROUNDED_VERTEX_COUNT + tvcount;
     var icount = RECTANGLE_ROUNDED_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -36686,6 +36763,7 @@ var BuilderCircle = /** @class */ (function (_super) {
         var voffset = this.vertexOffset;
         buildCircleClipping(buffer.clippings, voffset);
         buildCircleIndex(buffer.indices, voffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderCircle.prototype.update = function (buffer, shape) {
         this.updateVertexAndStep(buffer, shape);
@@ -36707,7 +36785,9 @@ var BuilderCircle = /** @class */ (function (_super) {
         var isStrokeChanged = this.strokeAlign !== strokeAlign ||
             this.strokeWidth !== strokeWidth ||
             this.strokeStyle !== strokeStyle;
-        if (isSizeChanged || isTransformChanged || isStrokeChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+        if (isNotInited || isSizeChanged || isTransformChanged || isStrokeChanged) {
+            this.inited |= BuilderFlag.VERTEX_AND_STEP;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -36724,7 +36804,11 @@ var BuilderCircle = /** @class */ (function (_super) {
     BuilderCircle.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -36741,8 +36825,8 @@ var BuilderCircle = /** @class */ (function (_super) {
  */
 var createCircleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = CIRCLE_VERTEX_COUNT + tvcount;
     var icount = CIRCLE_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -37186,6 +37270,7 @@ var BuilderLine = /** @class */ (function (_super) {
     BuilderLine.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildLineIndex(buffer.indices, this.vertexOffset, this.indexOffset, this.indexCount);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderLine.prototype.isCompatible = function (shape) {
         var vcount = toLineVertexCount(toLinePointCount(shape.points), true);
@@ -37202,10 +37287,12 @@ var BuilderLine = /** @class */ (function (_super) {
         if (points) {
             var formatted = points.formatted;
             var pointCount = formatted.length;
-            if (this.pointCount !== pointCount) {
+            var isNotInited = !(this.inited & BuilderFlag.CLIPPING);
+            if (isNotInited || this.pointCount !== pointCount) {
+                this.inited |= BuilderFlag.CLIPPING;
                 this.pointCount = pointCount;
-                // Invalidate the pointId to update the vertices
-                this.pointId = -1;
+                // Invalidate the vertex buffer
+                this.inited &= ~BuilderFlag.VERTEX;
                 buffer.updateClippings();
                 buildLineClipping(buffer.clippings, this.vertexOffset, this.vertexCount, pointCount);
             }
@@ -37224,15 +37311,17 @@ var BuilderLine = /** @class */ (function (_super) {
             var isStrokeWidthChanged = this.strokeWidth !== strokeWidth || this.strokeStyle !== strokeStyle;
             var transformLocalId = toTransformLocalId(shape);
             var isTransformChanged = this.transformLocalId !== transformLocalId;
-            if (isPointChanged || isTransformChanged || isStrokeWidthChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_COLOR_FILL);
+            if (isNotInited || isPointChanged || isTransformChanged || isStrokeWidthChanged) {
+                this.inited |= BuilderFlag.VERTEX_STEP_AND_COLOR_FILL;
                 this.pointId = pointId;
                 this.pointsClosed = pointsClosed;
                 this.strokeWidth = strokeWidth;
                 this.strokeStyle = strokeStyle;
                 this.transformLocalId = transformLocalId;
                 if (isPointChanged) {
-                    // Invalidate the texture transform ID to update the UVs
-                    this.textureTransformId = NaN;
+                    // Invalidate the UV buffer
+                    this.inited &= ~BuilderFlag.UV;
                 }
                 buffer.updateVertices();
                 buffer.updateSteps();
@@ -37244,7 +37333,11 @@ var BuilderLine = /** @class */ (function (_super) {
     BuilderLine.prototype.updateLineUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -37414,7 +37507,9 @@ var BuilderMarkerBase = /** @class */ (function (_super) {
         var isEnabled = shape.visible && fill.enable;
         var color = fill.color;
         var alpha = isEnabled ? fill.alpha : 0;
-        if (color !== this.colorFill || alpha !== this.alphaFill) {
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+        if (isNotInited || color !== this.colorFill || alpha !== this.alphaFill) {
+            this.inited |= BuilderFlag.COLOR_FILL;
             this.colorFill = color;
             this.alphaFill = alpha;
             buffer.updateColorFills();
@@ -37440,6 +37535,7 @@ var BuilderMarkerTriangle = /** @class */ (function (_super) {
         buffer.updateIndices();
         buildTriangleClipping(buffer.clippings, this.vertexOffset);
         buildTriangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderMarkerTriangle.prototype.update = function (buffer, shape) {
         this.updateVertexStepAndUv(buffer, shape);
@@ -37476,7 +37572,13 @@ var BuilderMarkerTriangle = /** @class */ (function (_super) {
         var isVertexChanged = isSizeChanged || isStrokeChanged;
         var pointId = points.id;
         var isPointChanged = pointId !== this.pointId;
-        if (isVertexChanged || isTransformChanged || isTextureChanged || isPointChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isTextureChanged ||
+            isPointChanged) {
+            this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -37491,11 +37593,11 @@ var BuilderMarkerTriangle = /** @class */ (function (_super) {
             internalTransform.copyFrom(marker.transform).prepend(shape.transform.internalTransform);
             buffer.updateVertices();
             buildTriangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildTriangleStep(buffer.steps, buffer.clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildTriangleUv(buffer.uvs, toTextureUvs(texture), voffset, TRIANGLE_WORLD_SIZE);
             }
@@ -37551,6 +37653,7 @@ var BuilderMarkerCircle = /** @class */ (function (_super) {
         var vertexOffset = this.vertexOffset;
         buildCircleClipping(buffer.clippings, vertexOffset);
         buildCircleIndex(buffer.indices, vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderMarkerCircle.prototype.update = function (buffer, shape) {
         this.updateVertexAndStep(buffer, shape);
@@ -37584,7 +37687,13 @@ var BuilderMarkerCircle = /** @class */ (function (_super) {
             this.strokeStyle !== strokeStyle;
         var pointId = points.id;
         var isPointChanged = pointId !== this.pointId;
-        if (isSizeChanged || isTransformChanged || isStrokeChanged || isPointChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+        if (isNotInited ||
+            isSizeChanged ||
+            isTransformChanged ||
+            isStrokeChanged ||
+            isPointChanged) {
+            this.inited |= BuilderFlag.VERTEX_AND_STEP;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -37604,7 +37713,11 @@ var BuilderMarkerCircle = /** @class */ (function (_super) {
     BuilderMarkerCircle.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -38101,6 +38214,7 @@ var BuilderMarkerRectangle = /** @class */ (function (_super) {
     BuilderMarkerRectangle.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderMarkerRectangle.prototype.update = function (buffer, shape) {
         this.updateVertexClippingStepAndUv(buffer, shape);
@@ -38139,7 +38253,13 @@ var BuilderMarkerRectangle = /** @class */ (function (_super) {
         var isVertexChanged = isSizeChanged || isStrokeChanged;
         var pointId = points.id;
         var isPointChanged = pointId !== this.pointId;
-        if (isVertexChanged || isTransformChanged || isTextureChanged || isPointChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isTextureChanged ||
+            isPointChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -38156,17 +38276,17 @@ var BuilderMarkerRectangle = /** @class */ (function (_super) {
             buffer.updateVertices();
             buildRectangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
             // Steps
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
             }
             // Clippings
-            if (isVertexChanged) {
+            if (isNotInited || isVertexChanged) {
                 buffer.updateClippings();
                 buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
             }
             // UVs
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
             }
@@ -38287,8 +38407,8 @@ var createLineUploaded = function (buffer, shape, voffset, ioffset, antialiasWei
     var mhioffset = mtioffset + mticount;
     // Text
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var tvoffset = mhvoffset + mhvcount;
     var tioffset = mhioffset + mhicount;
     // Uploaded
@@ -38804,6 +38924,7 @@ var BuilderRectanglePivoted = /** @class */ (function (_super) {
     BuilderRectanglePivoted.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderRectanglePivoted.prototype.update = function (buffer, shape) {
         this.updateVertexClippingStepAndUv(buffer, shape);
@@ -38830,7 +38951,9 @@ var BuilderRectanglePivoted = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -38845,17 +38968,17 @@ var BuilderRectanglePivoted = /** @class */ (function (_super) {
             buffer.updateVertices();
             buildRectangleVertex(buffer.vertices, voffset, 0.5 * sizeX, 0.5 * sizeY, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, RECTANGLE_WORLD_SIZE);
             // Steps
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
             }
             // Clippings
-            if (isVertexChanged) {
+            if (isNotInited || isVertexChanged) {
                 buffer.updateClippings();
                 buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
             }
             // UVs
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
             }
@@ -38870,8 +38993,8 @@ var BuilderRectanglePivoted = /** @class */ (function (_super) {
  */
 var createRectanglePivotedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = RECTANGLE_VERTEX_COUNT + tvcount;
     var icount = RECTANGLE_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -38889,8 +39012,8 @@ var createRectanglePivotedUploaded = function (buffer, shape, voffset, ioffset,
  */
 var createGroupUploaded = function (buffer, shape, voffset, ioffset) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = tvcount;
     var icount = ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -39890,6 +40013,7 @@ var BuilderRectangle = /** @class */ (function (_super) {
     BuilderRectangle.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderRectangle.prototype.update = function (buffer, shape) {
         this.updateVertexClippingStepAndUv(buffer, shape);
@@ -39916,7 +40040,9 @@ var BuilderRectangle = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -39931,17 +40057,17 @@ var BuilderRectangle = /** @class */ (function (_super) {
             buffer.updateVertices();
             buildRectangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, RECTANGLE_WORLD_SIZE);
             // Steps
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
             }
             // Clippings
-            if (isVertexChanged) {
+            if (isNotInited || isVertexChanged) {
                 buffer.updateClippings();
                 buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
             }
             // UVs
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
             }
@@ -39956,8 +40082,8 @@ var BuilderRectangle = /** @class */ (function (_super) {
  */
 var createRectangleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = RECTANGLE_VERTEX_COUNT + tvcount;
     var icount = RECTANGLE_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40210,6 +40336,7 @@ var BuilderImageSdf = /** @class */ (function (_super) {
         buffer.updateIndices();
         buildImageSdfClipping(buffer.clippings, voffset);
         buildImageSdfIndex(buffer.indices, voffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderImageSdf.prototype.update = function (buffer, shape) {
         this.updateVertexAndStep(buffer, shape);
@@ -40235,7 +40362,13 @@ var BuilderImageSdf = /** @class */ (function (_super) {
         var textureWidth = texture.width * texture.resolution;
         var textureHeight = texture.height * texture.resolution;
         var isTextureSizeChanged = this.textureWidth !== textureWidth || this.textureHeight !== textureHeight;
-        if (isSizeChanged || isTransformChanged || isStrokeChanged || isTextureSizeChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+        if (isNotInited ||
+            isSizeChanged ||
+            isTransformChanged ||
+            isStrokeChanged ||
+            isTextureSizeChanged) {
+            this.inited |= BuilderFlag.VERTEX_AND_STEP;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -40255,7 +40388,11 @@ var BuilderImageSdf = /** @class */ (function (_super) {
     BuilderImageSdf.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -40271,8 +40408,8 @@ var BuilderImageSdf = /** @class */ (function (_super) {
  */
 var createImageSdfUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = IMAGE_SDF_VERTEX_COUNT + tvcount;
     var icount = IMAGE_SDF_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40356,8 +40493,8 @@ var BuilderLabel = /** @class */ (function () {
  */
 var createLabelUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = tvcount;
     var icount = ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40594,7 +40731,9 @@ var BuilderLineOfAny = /** @class */ (function (_super) {
         var colorStroke = stroke.color;
         var alphaStroke = isStrokeEnabled ? stroke.alpha : 0;
         var isStrokeChanged = colorStroke !== this.colorStroke || alphaStroke !== this.alphaStroke;
-        if (isPointStrokeChanged || isStrokeChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+        if (isNotInited || isPointStrokeChanged || isStrokeChanged) {
+            this.inited |= BuilderFlag.COLOR_STROKE;
             this.colorStroke = colorStroke;
             this.alphaStroke = alphaStroke;
             this.pointStrokeId = pointStrokeId;
@@ -41303,6 +41442,7 @@ var BuilderLineOfCircles = /** @class */ (function (_super) {
             buildCircleIndex(indices, voffset, ioffset);
             copyIndex(indices, CIRCLE_VERTEX_COUNT, ioffset, CIRCLE_INDEX_COUNT, pointCountReserved);
         }
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderLineOfCircles.prototype.update = function (buffer, shape) {
         var points = shape.points;
@@ -41334,11 +41474,14 @@ var BuilderLineOfCircles = /** @class */ (function (_super) {
         var isStrokeChanged = this.strokeAlign !== strokeAlign ||
             this.strokeWidth !== strokeWidth ||
             this.strokeStyle !== strokeStyle;
-        if (isPointChanged ||
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+        if (isNotInited ||
+            isPointChanged ||
             isPointSizeChanged ||
             isSizeChanged ||
             isTransformChanged ||
             isStrokeChanged) {
+            this.inited |= BuilderFlag.VERTEX_AND_STEP;
             this.pointId = pointId;
             var formatted = points.formatted;
             this.pointCount = formatted.length;
@@ -41391,7 +41534,11 @@ var BuilderLineOfCircles = /** @class */ (function (_super) {
     BuilderLineOfCircles.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -41414,8 +41561,8 @@ var BuilderLineOfCircles = /** @class */ (function (_super) {
  */
 var createLineOfAnyUploaded = function (buffer, shape, voffset, vcountPerPoint, ioffset, icountPerPoint, antialiasWeight, constructor) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var points = shape.points;
     var pointCount = toLineOfAnyPointCount(toPointsCount(points));
     var pvcount = pointCount * vcountPerPoint;
@@ -41510,8 +41657,8 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
     __extends(BuilderLineOfRectangleRoundeds, _super);
     function BuilderLineOfRectangleRoundeds(vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) {
         var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) || this;
-        _this.radius = NaN;
-        _this.corner = NaN;
+        _this.radius = 0;
+        _this.corner = 0;
         return _this;
     }
     BuilderLineOfRectangleRoundeds.prototype.init = function (buffer) {
@@ -41524,6 +41671,7 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
             buildRectangleRoundedIndex(indices, voffset, ioffset);
             copyIndex(indices, RECTANGLE_ROUNDED_VERTEX_COUNT, ioffset, RECTANGLE_ROUNDED_INDEX_COUNT, pointCountReserved);
         }
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderLineOfRectangleRoundeds.prototype.update = function (buffer, shape) {
         var points = shape.points;
@@ -41563,7 +41711,13 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isCornerChanged ||
+            isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.pointId = pointId;
             var formatted = points.formatted;
             this.pointCount = formatted.length;
@@ -41582,13 +41736,13 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
             this.textureTransformId = textureTransformId;
             // Buffer
             buffer.updateVertices();
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
             }
-            if (isVertexChanged || isCornerChanged) {
+            if (isNotInited || isVertexChanged || isCornerChanged) {
                 buffer.updateClippings();
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
             }
             var pointCount = this.pointCount;
@@ -41607,17 +41761,17 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
                 buildRectangleRoundedVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
                 copyVertex(vertices, internalTransform, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                 // Steps
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buildRectangleRoundedStep(steps, voffset, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                     copyStep(steps, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
                 // Clippings
-                if (isVertexChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged) {
                     buildRectangleRoundedClipping(clippings, voffset, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                     copyClipping(clippings, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buildRectangleRoundedUv(uvs, voffset, textureUvs, RECTANGLE_ROUNDED_WORLD_SIZE);
                     copyUvs(uvs, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
@@ -41633,15 +41787,15 @@ var BuilderLineOfRectangleRoundeds = /** @class */ (function (_super) {
                     // Vertices
                     buildRectangleRoundedVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
                     // Steps
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildRectangleRoundedStep(steps, iv, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                     }
                     // Clippings
-                    if (isVertexChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isCornerChanged) {
                         buildRectangleRoundedClipping(clippings, iv, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildRectangleRoundedUv(uvs, iv, textureUvs, RECTANGLE_ROUNDED_WORLD_SIZE);
                     }
                 }
@@ -41750,6 +41904,7 @@ var BuilderLineOfRectangles = /** @class */ (function (_super) {
             buildRectangleIndex(indices, voffset, ioffset);
             copyIndex(indices, RECTANGLE_VERTEX_COUNT, ioffset, RECTANGLE_INDEX_COUNT, pointCountReserved);
         }
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderLineOfRectangles.prototype.update = function (buffer, shape) {
         var points = shape.points;
@@ -41786,7 +41941,9 @@ var BuilderLineOfRectangles = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.pointId = pointId;
             var formatted = points.formatted;
             this.pointCount = formatted.length;
@@ -41801,13 +41958,13 @@ var BuilderLineOfRectangles = /** @class */ (function (_super) {
             this.textureTransformId = textureTransformId;
             // Buffer
             buffer.updateVertices();
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
             }
-            if (isVertexChanged) {
+            if (isNotInited || isVertexChanged) {
                 buffer.updateClippings();
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
             }
             var pointCount = this.pointCount;
@@ -41826,17 +41983,17 @@ var BuilderLineOfRectangles = /** @class */ (function (_super) {
                 buildRectangleVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
                 copyVertex(vertices, internalTransform, voffset, RECTANGLE_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                 // Steps
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buildRectangleStep(voffset, steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                     copyStep(steps, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                 }
                 // Clippings
-                if (isVertexChanged) {
+                if (isNotInited || isVertexChanged) {
                     buildRectangleClipping(clippings, voffset, RECTANGLE_WORLD_SIZE);
                     copyClipping(clippings, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buildRectangleUv(uvs, voffset, textureUvs, RECTANGLE_WORLD_SIZE);
                     copyUvs(uvs, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                 }
@@ -41852,15 +42009,15 @@ var BuilderLineOfRectangles = /** @class */ (function (_super) {
                     // Vertices
                     buildRectangleVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
                     // Steps
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildRectangleStep(iv, steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                     }
                     // Clippings
-                    if (isVertexChanged) {
+                    if (isNotInited || isVertexChanged) {
                         buildRectangleClipping(clippings, iv, RECTANGLE_WORLD_SIZE);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildRectangleUv(uvs, iv, textureUvs, RECTANGLE_WORLD_SIZE);
                     }
                 }
@@ -42364,8 +42521,8 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
     __extends(BuilderLineOfTriangleRoundeds, _super);
     function BuilderLineOfTriangleRoundeds(vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) {
         var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) || this;
-        _this.radius = NaN;
-        _this.corner = NaN;
+        _this.radius = 0;
+        _this.corner = 0;
         return _this;
     }
     BuilderLineOfTriangleRoundeds.prototype.init = function (buffer) {
@@ -42377,6 +42534,7 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
             buildTriangleRoundedIndex(buffer.indices, voffset, ioffset);
             copyIndex(buffer.indices, TRIANGLE_ROUNDED_VERTEX_COUNT, ioffset, TRIANGLE_ROUNDED_INDEX_COUNT, pointCountReserved);
         }
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderLineOfTriangleRoundeds.prototype.update = function (buffer, shape) {
         var points = shape.points;
@@ -42419,7 +42577,13 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
             isSizeChanged ||
             isRadiusChanged ||
             isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isCornerChanged ||
+            isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.pointId = pointId;
             var formatted = points.formatted;
             this.pointCount = formatted.length;
@@ -42437,13 +42601,13 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
             this.textureTransformId = textureTransformId;
             // Buffer
             buffer.updateVertices();
-            if (isVertexChanged || isCornerChanged) {
+            if (isNotInited || isVertexChanged || isCornerChanged) {
                 buffer.updateClippings();
             }
-            if (isVertexChanged || isTransformChanged || isCornerChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                 buffer.updateSteps();
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
             }
             var pointCount = this.pointCount;
@@ -42462,17 +42626,17 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
                 buildTriangleRoundedVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
                 copyVertex(vertices, internalTransform, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                 // Clippings
-                if (isVertexChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged) {
                     buildTriangleRoundedClipping(clippings, voffset, corner, radius);
                     copyClipping(clippings, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
                 // Steps
-                if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                     buildTriangleRoundedStep(steps, clippings, voffset, strokeWidth, strokeStyle, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                     copyStep(steps, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buildTriangleRoundedUv(uvs, voffset, textureUvs, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                     copyUvs(uvs, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                 }
@@ -42488,15 +42652,15 @@ var BuilderLineOfTriangleRoundeds = /** @class */ (function (_super) {
                     // Vertices
                     buildTriangleRoundedVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
                     // Clippings
-                    if (isVertexChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isCornerChanged) {
                         buildTriangleRoundedClipping(clippings, iv, corner, radius);
                     }
                     // Steps
-                    if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                         buildTriangleRoundedStep(steps, clippings, iv, strokeWidth, strokeStyle, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildTriangleRoundedUv(uvs, iv, textureUvs, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                     }
                 }
@@ -42751,6 +42915,7 @@ var BuilderLineOfTriangles = /** @class */ (function (_super) {
             buildTriangleIndex(indices, voffset, ioffset);
             copyIndex(indices, TRIANGLE_VERTEX_COUNT, ioffset, TRIANGLE_INDEX_COUNT, pointCountReserved);
         }
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderLineOfTriangles.prototype.update = function (buffer, shape) {
         var points = shape.points;
@@ -42785,7 +42950,9 @@ var BuilderLineOfTriangles = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+        if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
             this.pointId = pointId;
             var formatted = points.formatted;
             this.pointCount = formatted.length;
@@ -42797,12 +42964,14 @@ var BuilderLineOfTriangles = /** @class */ (function (_super) {
             this.strokeAlign = strokeAlign;
             this.strokeWidth = strokeWidth;
             this.strokeStyle = strokeStyle;
+            this.texture = texture;
+            this.textureTransformId = textureTransformId;
             // Buffer
             buffer.updateVertices();
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
             }
             var pointCount = this.pointCount;
@@ -42819,11 +42988,11 @@ var BuilderLineOfTriangles = /** @class */ (function (_super) {
                 var pointSizeY = pointSize.getY(0);
                 buildTriangleVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
                 copyVertex(vertices, internalTransform, voffset, TRIANGLE_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buildTriangleStep(steps, clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                     copyStep(steps, voffset, TRIANGLE_VERTEX_COUNT, pointCount);
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buildTriangleUv(uvs, textureUvs, voffset, TRIANGLE_WORLD_SIZE);
                     copyUvs(uvs, voffset, TRIANGLE_VERTEX_COUNT, pointCount);
                 }
@@ -42837,10 +43006,10 @@ var BuilderLineOfTriangles = /** @class */ (function (_super) {
                     var pointSizeY = pointSize.getY(i);
                     var iv = voffset + i * TRIANGLE_VERTEX_COUNT;
                     buildTriangleVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildTriangleStep(steps, clippings, iv, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                     }
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildTriangleUv(uvs, textureUvs, iv, TRIANGLE_WORLD_SIZE);
                     }
                 }
@@ -43185,6 +43354,7 @@ var BuilderSemicircle = /** @class */ (function (_super) {
         var voffset = this.vertexOffset;
         buildSemicircleClipping(buffer.clippings, voffset);
         buildSemicircleIndex(buffer.indices, voffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderSemicircle.prototype.update = function (buffer, shape) {
         this.updateVertexAndStep(buffer, shape);
@@ -43206,7 +43376,9 @@ var BuilderSemicircle = /** @class */ (function (_super) {
         var isStrokeChanged = this.strokeAlign !== strokeAlign ||
             this.strokeWidth !== strokeWidth ||
             this.strokeStyle !== strokeStyle;
-        if (isSizeChanged || isTransformChanged || isStrokeChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+        if (isNotInited || isSizeChanged || isTransformChanged || isStrokeChanged) {
+            this.inited |= BuilderFlag.VERTEX_AND_STEP;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -43223,7 +43395,11 @@ var BuilderSemicircle = /** @class */ (function (_super) {
     BuilderSemicircle.prototype.updateUv = function (buffer, shape) {
         var texture = toTexture(shape);
         var textureTransformId = toTextureTransformId(texture);
-        if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+        var isNotInited = !(this.inited & BuilderFlag.UV);
+        if (isNotInited ||
+            texture !== this.texture ||
+            textureTransformId !== this.textureTransformId) {
+            this.inited |= BuilderFlag.UV;
             this.texture = texture;
             this.textureTransformId = textureTransformId;
             buffer.updateUvs();
@@ -43240,8 +43416,8 @@ var BuilderSemicircle = /** @class */ (function (_super) {
  */
 var createSemicircleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = SEMICIRCLE_VERTEX_COUNT + tvcount;
     var icount = SEMICIRCLE_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -43324,6 +43500,7 @@ var BuilderTriangle = /** @class */ (function (_super) {
         buffer.updateIndices();
         buildTriangleClipping(buffer.clippings, this.vertexOffset);
         buildTriangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
     };
     BuilderTriangle.prototype.update = function (buffer, shape) {
         this.updateVertexStepAndUv(buffer, shape);
@@ -43348,7 +43525,9 @@ var BuilderTriangle = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isSizeChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+        if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.transformLocalId = transformLocalId;
@@ -43360,11 +43539,11 @@ var BuilderTriangle = /** @class */ (function (_super) {
             var voffset = this.vertexOffset;
             buffer.updateVertices();
             buildTriangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, TRIANGLE_WORLD_SIZE);
-            if (isVertexChanged || isTransformChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged) {
                 buffer.updateSteps();
                 buildTriangleStep(buffer.steps, buffer.clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildTriangleUv(buffer.uvs, toTextureUvs(texture), voffset, TRIANGLE_WORLD_SIZE);
             }
@@ -43379,8 +43558,8 @@ var BuilderTriangle = /** @class */ (function (_super) {
  */
 var createTriangleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = TRIANGLE_VERTEX_COUNT + tvcount;
     var icount = TRIANGLE_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -43417,13 +43596,14 @@ var BuilderTriangleRounded = /** @class */ (function (_super) {
     __extends(BuilderTriangleRounded, _super);
     function BuilderTriangleRounded(vertexOffset, indexOffset, vertexCount, indexCount) {
         var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount) || this;
-        _this.radius = NaN;
-        _this.corner = NaN;
+        _this.radius = 0;
+        _this.corner = 0;
         return _this;
     }
     BuilderTriangleRounded.prototype.init = function (buffer) {
         buffer.updateIndices();
         buildTriangleRoundedIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+        this.inited |= BuilderFlag.INDEX;
     };
     BuilderTriangleRounded.prototype.update = function (buffer, shape) {
         this.updateVertexClippingStepAndUv(buffer, shape);
@@ -43452,7 +43632,13 @@ var BuilderTriangleRounded = /** @class */ (function (_super) {
         var textureTransformId = toTextureTransformId(texture);
         var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
         var isVertexChanged = isSizeChanged || isRadiusChanged || isStrokeChanged;
-        if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+        var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+        if (isNotInited ||
+            isVertexChanged ||
+            isTransformChanged ||
+            isCornerChanged ||
+            isTextureChanged) {
+            this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
             this.sizeX = sizeX;
             this.sizeY = sizeY;
             this.radius = radius;
@@ -43466,15 +43652,15 @@ var BuilderTriangleRounded = /** @class */ (function (_super) {
             var voffset = this.vertexOffset;
             buffer.updateVertices();
             buildTriangleRoundedVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, radius, shape.transform.internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
-            if (isRadiusChanged || isCornerChanged) {
+            if (isNotInited || isRadiusChanged || isCornerChanged) {
                 buffer.updateClippings();
                 buildTriangleRoundedClipping(buffer.clippings, voffset, corner, radius);
             }
-            if (isVertexChanged || isTransformChanged || isCornerChanged) {
+            if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                 buffer.updateSteps();
                 buildTriangleRoundedStep(buffer.steps, buffer.clippings, voffset, strokeWidth, strokeStyle, shape.radius, TRIANGLE_ROUNDED_WORLD_SIZE);
             }
-            if (isVertexChanged || isTextureChanged) {
+            if (isNotInited || isVertexChanged || isTextureChanged) {
                 buffer.updateUvs();
                 buildTriangleRoundedUv(buffer.uvs, voffset, toTextureUvs(texture), radius, TRIANGLE_ROUNDED_WORLD_SIZE);
             }
@@ -43489,8 +43675,8 @@ var BuilderTriangleRounded = /** @class */ (function (_super) {
  */
 var createTriangleRoundedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
     var tcount = toTextBufferCount(shape);
-    var tvcount = tcount * TEXT_VERTEX_COUNT;
-    var ticount = tcount * TEXT_INDEX_COUNT;
+    var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+    var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
     var vcount = TRIANGLE_ROUNDED_VERTEX_COUNT + tvcount;
     var icount = TRIANGLE_ROUNDED_INDEX_COUNT + ticount;
     if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -47223,7 +47409,7 @@ var DThemeWhiteButtonBase = /** @class */ (function (_super) {
         return this.getOutlineOffsetNonActive(state);
     };
     DThemeWhiteButtonBase.prototype.getOutlineOffsetActive = function (state) {
-        return -1.5;
+        return -1;
     };
     DThemeWhiteButtonBase.prototype.getOutlineOffsetNonActive = function (state) {
         return _super.prototype.getOutlineOffset.call(this, state);
@@ -49537,7 +49723,7 @@ var DThemeWhiteInput = /** @class */ (function (_super) {
         return true;
     };
     DThemeWhiteInput.prototype.getElementStyleBorder = function (state) {
-        return "border: 1px solid transparent; box-sizing: border-box;";
+        return "border: 1.5px solid transparent; box-sizing: border-box;";
     };
     return DThemeWhiteInput;
 }(DThemeWhiteHtmlElement));
@@ -55025,9 +55211,6 @@ var DThemeWhiteInputBooleanButtonOff = /** @class */ (function (_super) {
     function DThemeWhiteInputBooleanButtonOff() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhiteInputBooleanButtonOff.prototype.getBorderMask = function () {
-        return DBorderMask.RIGHT;
-    };
     DThemeWhiteInputBooleanButtonOff.prototype.isToggle = function () {
         return true;
     };
@@ -55058,9 +55241,6 @@ var DThemeWhiteInputBooleanButtonOn = /** @class */ (function (_super) {
     function DThemeWhiteInputBooleanButtonOn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhiteInputBooleanButtonOn.prototype.getBorderMask = function () {
-        return DBorderMask.LEFT;
-    };
     DThemeWhiteInputBooleanButtonOn.prototype.isToggle = function () {
         return true;
     };
@@ -58214,7 +58394,7 @@ var DThemeDarkButtonBase = /** @class */ (function (_super) {
         return this.getOutlineOffsetNonActive(state);
     };
     DThemeDarkButtonBase.prototype.getOutlineOffsetActive = function (state) {
-        return -1.5;
+        return -1;
     };
     DThemeDarkButtonBase.prototype.getOutlineOffsetNonActive = function (state) {
         return _super.prototype.getOutlineOffset.call(this, state);
@@ -60391,7 +60571,7 @@ var DThemeDarkInput = /** @class */ (function (_super) {
         return true;
     };
     DThemeDarkInput.prototype.getElementStyleBorder = function (state) {
-        return "border: 1px solid transparent; box-sizing: border-box;";
+        return "border: 1.5px solid transparent; box-sizing: border-box;";
     };
     return DThemeDarkInput;
 }(DThemeDarkHtmlElement));
@@ -65411,9 +65591,6 @@ var DThemeDarkInputBooleanButtonOff = /** @class */ (function (_super) {
     function DThemeDarkInputBooleanButtonOff() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkInputBooleanButtonOff.prototype.getBorderMask = function () {
-        return DBorderMask.RIGHT;
-    };
     DThemeDarkInputBooleanButtonOff.prototype.isToggle = function () {
         return true;
     };
@@ -65444,9 +65621,6 @@ var DThemeDarkInputBooleanButtonOn = /** @class */ (function (_super) {
     function DThemeDarkInputBooleanButtonOn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkInputBooleanButtonOn.prototype.getBorderMask = function () {
-        return DBorderMask.LEFT;
-    };
     DThemeDarkInputBooleanButtonOn.prototype.isToggle = function () {
         return true;
     };
@@ -84852,7 +85026,7 @@ var DDiagramCanvas = /** @class */ (function (_super) {
                 var runtime = actionable.runtime;
                 if (runtime) {
                     var runtimeEffect = runtime.effect;
-                    if (time < runtimeEffect) {
+                    if (0 <= runtimeEffect && time < runtimeEffect) {
                         effect = effect < 0 ? runtimeEffect : Math.min(effect, runtimeEffect);
                     }
                 }
@@ -84873,7 +85047,7 @@ var DDiagramCanvas = /** @class */ (function (_super) {
                 var runtime = actionable.runtime;
                 if (runtime) {
                     var runtimeEffect = runtime.effect;
-                    if (time < runtimeEffect) {
+                    if (0 <= runtimeEffect && time < runtimeEffect) {
                         effect = effect < 0 ? runtimeEffect : Math.min(effect, runtimeEffect);
                     }
                 }
@@ -91747,9 +91921,9 @@ var DTableDataListSelection = /** @class */ (function (_super) {
         get: function () {
             var indices = this._indices;
             if (0 < indices.size) {
-                var result_1 = NaN;
+                var result_1 = -1;
                 indices.forEach(function (index) {
-                    if (result_1 !== result_1) {
+                    if (result_1 < 0) {
                         result_1 = index;
                     }
                 });
@@ -96502,6 +96676,7 @@ exports.BAR_VERTEX_COUNT = BAR_VERTEX_COUNT;
 exports.BuilderBar = BuilderBar;
 exports.BuilderBase = BuilderBase;
 exports.BuilderCircle = BuilderCircle;
+exports.BuilderFlag = BuilderFlag;
 exports.BuilderImageSdf = BuilderImageSdf;
 exports.BuilderLabel = BuilderLabel;
 exports.BuilderLine = BuilderLine;
@@ -97890,7 +98065,9 @@ exports.SEMICIRCLE_VERTEX_COUNT = SEMICIRCLE_VERTEX_COUNT;
 exports.SEMICIRCLE_WORLD_SIZE = SEMICIRCLE_WORLD_SIZE;
 exports.TEXT_FMIN = TEXT_FMIN;
 exports.TEXT_INDEX_COUNT = TEXT_INDEX_COUNT;
+exports.TEXT_INDEX_COUNT_SHIFT = TEXT_INDEX_COUNT_SHIFT;
 exports.TEXT_VERTEX_COUNT = TEXT_VERTEX_COUNT;
+exports.TEXT_VERTEX_COUNT_SHIFT = TEXT_VERTEX_COUNT_SHIFT;
 exports.TRIANGLE_INDEX_COUNT = TRIANGLE_INDEX_COUNT;
 exports.TRIANGLE_ROUNDED_INDEX_COUNT = TRIANGLE_ROUNDED_INDEX_COUNT;
 exports.TRIANGLE_ROUNDED_VERTEX_COUNT = TRIANGLE_ROUNDED_VERTEX_COUNT;