npm - @wcardinal/wcardinal-ui - Versions diffs - 0.392.0 → 0.394.0 - Mend

@wcardinal/wcardinal-ui 0.392.0 → 0.394.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/dist/wcardinal-ui.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.392.0
+ Winter Cardinal UI v0.394.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)) {
@@ -11801,7 +11847,7 @@ var DBaseBackgroundMeshGeometry = /** @class */ (function (_super) {
     DBaseBackgroundMeshGeometry.prototype.fillVertices = function (vertices, uvs, iv, iuv, n, x, y, r, dr, table) {
         var cos = table.cos;
         var sin = table.sin;
-        var r1 = r + 0.25;
+        var r1 = r + dr;
         for (var i = 0; i < n; ++i) {
             var c = cos[i];
             var s = sin[i];
@@ -12106,8 +12152,8 @@ var DBaseBorderMeshGeometry = /** @class */ (function (_super) {
         var hw = 0.5 * borderWidth;
         var r1 = r - hw;
         var r2 = r + hw;
-        var r0 = r1 - 0.25;
-        var r3 = r2 + 0.25;
+        var r0 = r1 - dr;
+        var r3 = r2 + dr;
         var cos = table.cos;
         var sin = table.sin;
         if (r0 < 0) {
@@ -12539,7 +12585,7 @@ var DBaseBorderSnippet = /** @class */ (function () {
                 borderMesh.y = -borderOffset;
                 borderMesh.width = width + borderOffset * 2;
                 borderMesh.height = height + borderOffset * 2;
-                borderMesh.cornerRadius = cornerRadius;
+                borderMesh.cornerRadius = Math.max(0, cornerRadius + borderOffset);
                 borderMesh.cornerMask = cornerMask;
                 borderMesh.borderWidth = borderWidth;
                 borderMesh.borderMask = borderMask;
@@ -21972,9 +22018,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 +24354,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 +24684,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 +35768,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 +35805,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 +35828,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 +35853,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 +36740,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 +36762,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 +36781,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 +36802,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 +37247,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 +37264,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 +37288,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 +37310,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 +37484,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 +37512,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 +37549,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 +37570,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 +37630,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 +37664,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 +37690,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 +38191,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 +38230,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 +38253,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 +38384,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 +38901,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 +38928,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 +38945,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 +38970,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 +38989,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 +39990,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 +40017,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 +40034,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 +40059,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 +40313,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 +40339,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 +40365,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 +40385,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 +40470,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 +40708,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 +41419,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 +41451,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 +41511,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 +41538,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 +41634,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 +41648,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 +41688,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 +41713,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 +41738,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 +41764,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 +41881,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 +41918,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 +41935,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 +41960,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 +41986,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 +42498,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 +42511,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 +42554,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 +42578,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 +42603,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 +42629,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 +42892,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 +42927,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 +42941,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 +42965,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 +42983,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 +43331,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 +43353,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 +43372,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 +43393,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 +43477,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 +43502,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 +43516,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 +43535,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 +43573,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 +43609,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 +43629,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 +43652,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)) {
@@ -46897,7 +47060,7 @@ var DThemeWhiteBase = /** @class */ (function (_super) {
         return 1;
     };
     DThemeWhiteBase.prototype.getBorderWidth = function (state) {
-        return 1.5;
+        return 1;
     };
     DThemeWhiteBase.prototype.getBorderAlign = function (state) {
         return 0;
@@ -46936,7 +47099,7 @@ var DThemeWhiteBase = /** @class */ (function (_super) {
         return 0;
     };
     DThemeWhiteBase.prototype.getOutlineWidth = function (state) {
-        return 1.5;
+        return 1;
     };
     DThemeWhiteBase.prototype.getOutlineOffset = function (state) {
         return 0;
@@ -57894,7 +58057,7 @@ var DThemeDarkBase = /** @class */ (function (_super) {
         return 1;
     };
     DThemeDarkBase.prototype.getBorderWidth = function (state) {
-        return 1.5;
+        return 1;
     };
     DThemeDarkBase.prototype.getBorderAlign = function (state) {
         return 0;
@@ -57933,7 +58096,7 @@ var DThemeDarkBase = /** @class */ (function (_super) {
         return 0;
     };
     DThemeDarkBase.prototype.getOutlineWidth = function (state) {
-        return 1.5;
+        return 1;
     };
     DThemeDarkBase.prototype.getOutlineOffset = function (state) {
         return 0;
@@ -84852,7 +85015,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 +85036,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 +91910,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 +96665,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 +98054,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;