@meursyphus/flitter 0.0.9 → 1.0.1

package/index.global.js

@@ -595,7 +595,7 @@
   var calculable_default = Calculable;
 
   // src/type/_types/_offset.ts
-  var Offset = class _Offset extends calculable_default {
+  var _Offset = class _Offset extends calculable_default {
     constructor({ x, y }) {
       super();
       __publicField(this, "x");
@@ -622,6 +622,10 @@
       return super.minus(other);
     }
   };
+  __publicField(_Offset, "Constants", {
+    zero: Object.freeze(_Offset.raw({ x: 0, y: 0 }))
+  });
+  var Offset = _Offset;
   var offset_default = Offset;
 
   // src/type/_types/_rect.ts
@@ -1017,29 +1021,26 @@
       this.maxHeight = maxHeight;
     }
     static lerp(a, b, t) {
-      assert(
-        Number.isFinite(a.minWidth) && Number.isFinite(b.minWidth) || a.minWidth === Infinity && b.minWidth === Infinity,
-        "Cannot interpolate between finite constraints and unbounded constraints."
-      );
-      assert(
-        Number.isFinite(a.maxWidth) && Number.isFinite(b.maxWidth) || a.maxWidth === Infinity && b.maxWidth === Infinity,
-        "Cannot interpolate between finite constraints and unbounded constraints."
-      );
-      assert(
-        Number.isFinite(a.minHeight) && Number.isFinite(b.minHeight) || a.minHeight === Infinity && b.minHeight === Infinity,
-        "Cannot interpolate between finite constraints and unbounded constraints."
-      );
-      assert(
-        Number.isFinite(a.minHeight) && Number.isFinite(b.minHeight) || a.minHeight === Infinity && b.minHeight === Infinity,
-        "Cannot interpolate between finite constraints and unbounded constraints."
-      );
+      _Constraints.validateInterpolation(a, b);
       return new _Constraints({
-        minWidth: Number.isFinite(a.minWidth) ? Utils.lerp(a.minWidth, b.minWidth, t) : Infinity,
-        maxWidth: Number.isFinite(a.maxWidth) ? Utils.lerp(a.maxWidth, b.maxWidth, t) : Infinity,
-        minHeight: Number.isFinite(a.minHeight) ? Utils.lerp(a.minHeight, b.minHeight, t) : Infinity,
-        maxHeight: Number.isFinite(a.maxHeight) ? Utils.lerp(a.maxHeight, b.maxHeight, t) : Infinity
+        minWidth: _Constraints.interpolateDimension(a.minWidth, b.minWidth, t),
+        maxWidth: _Constraints.interpolateDimension(a.maxWidth, b.maxWidth, t),
+        minHeight: _Constraints.interpolateDimension(a.minHeight, b.minHeight, t),
+        maxHeight: _Constraints.interpolateDimension(a.maxHeight, b.maxHeight, t)
       });
     }
+    static validateInterpolation(a, b) {
+      const dimensions = ["minWidth", "maxWidth", "minHeight", "maxHeight"];
+      dimensions.forEach((dimension) => {
+        assert(
+          Number.isFinite(a[dimension]) && Number.isFinite(b[dimension]) || a[dimension] === Infinity && b[dimension] === Infinity,
+          "Cannot interpolate between finite constraints and unbounded constraints."
+        );
+      });
+    }
+    static interpolateDimension(aValue, bValue, t) {
+      return Number.isFinite(aValue) ? Utils.lerp(aValue, bValue, t) : Infinity;
+    }
     static expand({
       width = Infinity,
       height = Infinity
@@ -1068,12 +1069,7 @@
       });
     }
     static tight({ width, height }) {
-      return new _Constraints({
-        maxHeight: height,
-        minHeight: height,
-        maxWidth: width,
-        minWidth: width
-      });
+      return _Constraints.tightFor({ width, height });
     }
     static tightFor({ width, height }) {
       return new _Constraints({
@@ -1084,11 +1080,18 @@
       });
     }
     enforce(parent) {
+      const minWidth = parent.constrainWidth(this.minWidth);
+      const maxWidth = parent.constrainWidth(this.maxWidth);
+      const minHeight = parent.constrainHeight(this.minHeight);
+      const maxHeight = parent.constrainHeight(this.maxHeight);
+      if (minWidth === maxWidth && minHeight === maxHeight && this.maxWidth === maxWidth && this.maxHeight === maxHeight) {
+        return this;
+      }
       return new _Constraints({
-        minWidth: parent.constrainWidth(this.minWidth),
-        maxWidth: parent.constrainWidth(this.maxWidth),
-        minHeight: parent.constrainHeight(this.minHeight),
-        maxHeight: parent.constrainHeight(this.maxHeight)
+        minWidth,
+        maxWidth,
+        minHeight,
+        maxHeight
       });
     }
     loosen() {
@@ -1104,10 +1107,15 @@
       });
     }
     normalize() {
-      return new _Constraints(__spreadProps(__spreadValues({}, this), {
+      if (this.minWidth <= this.maxWidth && this.minHeight <= this.maxHeight) {
+        return this;
+      }
+      return new _Constraints({
+        maxHeight: Math.max(this.maxHeight, this.minHeight),
         minHeight: Math.min(this.minHeight, this.maxHeight),
+        maxWidth: Math.max(this.maxWidth, this.minWidth),
         minWidth: Math.min(this.minWidth, this.maxWidth)
-      }));
+      });
     }
     getMax(key) {
       return key === "width" ? this.maxWidth : this.maxHeight;
@@ -1792,42 +1800,42 @@
 
   // src/type/_types/text-direction.ts
   var TextDirection = /* @__PURE__ */ ((TextDirection2) => {
-    TextDirection2["rtl"] = "rtl";
-    TextDirection2["ltr"] = "ltr";
+    TextDirection2[TextDirection2["rtl"] = 1] = "rtl";
+    TextDirection2[TextDirection2["ltr"] = 2] = "ltr";
     return TextDirection2;
   })(TextDirection || {});
   var text_direction_default = TextDirection;
 
   // src/type/_types/_etc.ts
   var MainAxisSize = /* @__PURE__ */ ((MainAxisSize2) => {
-    MainAxisSize2["min"] = "min";
-    MainAxisSize2["max"] = "max";
+    MainAxisSize2[MainAxisSize2["min"] = 1] = "min";
+    MainAxisSize2[MainAxisSize2["max"] = 2] = "max";
     return MainAxisSize2;
   })(MainAxisSize || {});
   var VerticalDirection = /* @__PURE__ */ ((VerticalDirection2) => {
-    VerticalDirection2["up"] = "up";
-    VerticalDirection2["down"] = "down";
+    VerticalDirection2[VerticalDirection2["up"] = 1] = "up";
+    VerticalDirection2[VerticalDirection2["down"] = 2] = "down";
     return VerticalDirection2;
   })(VerticalDirection || {});
   var MainAxisAlignment = /* @__PURE__ */ ((MainAxisAlignment2) => {
-    MainAxisAlignment2["start"] = "start";
-    MainAxisAlignment2["end"] = "end";
-    MainAxisAlignment2["center"] = "center";
-    MainAxisAlignment2["spaceBetween"] = "spaceBetween";
-    MainAxisAlignment2["spaceAround"] = "spaceAround";
-    MainAxisAlignment2["spaceEvenly"] = "spaceEvenly";
+    MainAxisAlignment2[MainAxisAlignment2["start"] = 1] = "start";
+    MainAxisAlignment2[MainAxisAlignment2["end"] = 2] = "end";
+    MainAxisAlignment2[MainAxisAlignment2["center"] = 3] = "center";
+    MainAxisAlignment2[MainAxisAlignment2["spaceBetween"] = 4] = "spaceBetween";
+    MainAxisAlignment2[MainAxisAlignment2["spaceAround"] = 5] = "spaceAround";
+    MainAxisAlignment2[MainAxisAlignment2["spaceEvenly"] = 6] = "spaceEvenly";
     return MainAxisAlignment2;
   })(MainAxisAlignment || {});
   var CrossAxisAlignment = /* @__PURE__ */ ((CrossAxisAlignment2) => {
-    CrossAxisAlignment2["start"] = "start";
-    CrossAxisAlignment2["end"] = "end";
-    CrossAxisAlignment2["center"] = "center";
-    CrossAxisAlignment2["stretch"] = "stretch";
+    CrossAxisAlignment2[CrossAxisAlignment2["start"] = 1] = "start";
+    CrossAxisAlignment2[CrossAxisAlignment2["end"] = 2] = "end";
+    CrossAxisAlignment2[CrossAxisAlignment2["center"] = 3] = "center";
+    CrossAxisAlignment2[CrossAxisAlignment2["stretch"] = 4] = "stretch";
     return CrossAxisAlignment2;
   })(CrossAxisAlignment || {});
   var Axis = /* @__PURE__ */ ((Axis2) => {
-    Axis2["horizontal"] = "horizontal";
-    Axis2["vertical"] = "vertical";
+    Axis2[Axis2["horizontal"] = 1] = "horizontal";
+    Axis2[Axis2["vertical"] = 2] = "vertical";
     return Axis2;
   })(Axis || {});
 
@@ -9829,7 +9837,7 @@
   var vector3_default = Vector3;
 
   // src/type/_types/_matrix4.ts
-  var Matrix4 = class _Matrix4 extends calculable_default {
+  var _Matrix4 = class _Matrix4 extends calculable_default {
     constructor(arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10, arg11, arg12, arg13, arg14, arg15) {
       super();
       // 4 x 4 matrix
@@ -10366,6 +10374,9 @@
       return this;
     }
     translated(x, y, z) {
+      if ((y == null || y === 0) && (z == null || z === 0) && x === 0) {
+        return this;
+      }
       return this.clone().translate(x, y, z);
     }
     /**
@@ -11236,42 +11247,6 @@
       this._m4storage[11] = m30 * argStorage[2] + m31 * argStorage[6] + m32 * argStorage[10] + m33 * argStorage[14];
       this._m4storage[15] = m30 * argStorage[3] + m31 * argStorage[7] + m32 * argStorage[11] + m33 * argStorage[15];
     }
-    // /// Decomposes this into [translation], [rotation] and [scale] components.
-    // void decompose(Vector3 translation, Quaternion rotation, Vector3 scale) {
-    //   final v = _decomposeV ??= Vector3.zero();
-    //   var sx = (v..setValues(_m4storage[0], _m4storage[1], _m4storage[2])).length;
-    //   final sy =
-    //       (v..setValues(_m4storage[4], _m4storage[5], _m4storage[6])).length;
-    //   final sz =
-    //       (v..setValues(_m4storage[8], _m4storage[9], _m4storage[10])).length;
-    //   if (determinant() < 0) {
-    //     sx = -sx;
-    //   }
-    //   translation._v3storage[0] = _m4storage[12];
-    //   translation._v3storage[1] = _m4storage[13];
-    //   translation._v3storage[2] = _m4storage[14];
-    //   final invSX = 1.0 / sx;
-    //   final invSY = 1.0 / sy;
-    //   final invSZ = 1.0 / sz;
-    //   final m = _decomposeM ??= Matrix4.zero();
-    //   m.setFrom(this);
-    //   m._m4storage[0] *= invSX;
-    //   m._m4storage[1] *= invSX;
-    //   m._m4storage[2] *= invSX;
-    //   m._m4storage[4] *= invSY;
-    //   m._m4storage[5] *= invSY;
-    //   m._m4storage[6] *= invSY;
-    //   m._m4storage[8] *= invSZ;
-    //   m._m4storage[9] *= invSZ;
-    //   m._m4storage[10] *= invSZ;
-    //   final r = _decomposeR ??= Matrix3.zero();
-    //   m.copyRotation(r);
-    //   rotation.setFromRotation(r);
-    //   scale._v3storage[0] = sx;
-    //   scale._v3storage[1] = sy;
-    //   scale._v3storage[2] = sz;
-    // }
-    /// Rotate [arg] of type [Vector3] using the rotation defined by this.
     rotate3(arg) {
       const argStorage = arg._v3storage;
       const x = this._m4storage[0] * argStorage[0] + this._m4storage[4] * argStorage[1] + this._m4storage[8] * argStorage[2];
@@ -11386,13 +11361,17 @@
       this._m4storage[13] == 0 && this._m4storage[14] == 0 && this._m4storage[15] == 0;
     }
   };
+  __publicField(_Matrix4, "Constants", {
+    identity: Object.freeze(_Matrix4.identity())
+  });
+  var Matrix4 = _Matrix4;
   var matrix4_default = Matrix4;
 
   // src/type/_types/stack-fit.ts
   var StackFit = /* @__PURE__ */ ((StackFit2) => {
-    StackFit2["loose"] = "loose";
-    StackFit2["expand"] = "expand";
-    StackFit2["passthrough"] = "passthrough";
+    StackFit2[StackFit2["loose"] = 1] = "loose";
+    StackFit2[StackFit2["expand"] = 2] = "expand";
+    StackFit2[StackFit2["passthrough"] = 3] = "passthrough";
     return StackFit2;
   })(StackFit || {});
   var stack_fit_default = StackFit;
@@ -11489,7 +11468,7 @@
 
   // src/type/_types/border-style.ts
   var BorderStyle = /* @__PURE__ */ ((BorderStyle2) => {
-    BorderStyle2["normal"] = "normal";
+    BorderStyle2[BorderStyle2["normal"] = 1] = "normal";
     return BorderStyle2;
   })(BorderStyle || {});
   var border_style_default = BorderStyle;
@@ -12239,12 +12218,6 @@
         return true;
       return this.color === other.color && this.offset.equals(other.offset) && this.blurRadius === other.blurRadius;
     }
-    /**
-     * @deprecated The method should not be used
-     */
-    eqaul(other) {
-      return this.equals(other);
-    }
   };
   var box_shadow_default = BoxShadow;
 
@@ -12408,36 +12381,36 @@
 
   // src/type/_types/text-align.ts
   var TextAlign = /* @__PURE__ */ ((TextAlign2) => {
-    TextAlign2["left"] = "left";
-    TextAlign2["right"] = "right";
-    TextAlign2["center"] = "center";
-    TextAlign2["start"] = "start";
-    TextAlign2["end"] = "end";
+    TextAlign2[TextAlign2["left"] = 1] = "left";
+    TextAlign2[TextAlign2["right"] = 2] = "right";
+    TextAlign2[TextAlign2["center"] = 3] = "center";
+    TextAlign2[TextAlign2["start"] = 4] = "start";
+    TextAlign2[TextAlign2["end"] = 5] = "end";
     return TextAlign2;
   })(TextAlign || {});
   var text_align_default = TextAlign;
 
   // src/type/_types/text-overflow.ts
   var TextOverflow = /* @__PURE__ */ ((TextOverflow2) => {
-    TextOverflow2["clip"] = "clip";
-    TextOverflow2["visible"] = "visible";
-    TextOverflow2["ellipsis"] = "ellipsis";
+    TextOverflow2[TextOverflow2["clip"] = 1] = "clip";
+    TextOverflow2[TextOverflow2["visible"] = 2] = "visible";
+    TextOverflow2[TextOverflow2["ellipsis"] = 3] = "ellipsis";
     return TextOverflow2;
   })(TextOverflow || {});
   var text_overflow_default = TextOverflow;
 
   // src/type/_types/text-width-basis.ts
   var TextWidthBasis = /* @__PURE__ */ ((TextWidthBasis2) => {
-    TextWidthBasis2["parent"] = "parent";
-    TextWidthBasis2["longestLine"] = "longestLine";
+    TextWidthBasis2[TextWidthBasis2["parent"] = 1] = "parent";
+    TextWidthBasis2[TextWidthBasis2["longestLine"] = 2] = "longestLine";
     return TextWidthBasis2;
   })(TextWidthBasis || {});
   var text_width_basis_default = TextWidthBasis;
 
   // src/type/_types/text-baseline.ts
   var TextBaseline = /* @__PURE__ */ ((TextBaseline2) => {
-    TextBaseline2["alphabetic"] = "alphabetic";
-    TextBaseline2["ideographic"] = "ideographic";
+    TextBaseline2[TextBaseline2["alphabetic"] = 1] = "alphabetic";
+    TextBaseline2[TextBaseline2["ideographic"] = 2] = "ideographic";
     return TextBaseline2;
   })(TextBaseline || {});
   var text_baseline_default = TextBaseline;
@@ -12579,9 +12552,9 @@
     static equals(targets, values) {
       if (targets.length !== values.length)
         return false;
-      return targets.every((value, i) => values[i].eqauls(value));
+      return targets.every((value, i) => values[i].equals(value));
     }
-    eqauls(other) {
+    equals(other) {
       if (this.style != null || other.style != null) {
         return this.style.equals(other.style);
       }
@@ -12617,7 +12590,7 @@
       this.children = children;
       this.text = text;
     }
-    eqauls(other) {
+    equals(other) {
       if (other === this)
         return true;
       return this.text === other.text && Inline_span_default.equals(this.children, other.children);
@@ -12682,8 +12655,8 @@
       __publicField(this, "needsPaint", true);
       __publicField(this, "needsLayout", true);
       __publicField(this, "clipId");
-      __publicField(this, "matrix", matrix4_default.identity());
-      __publicField(this, "opacity", 0);
+      __publicField(this, "matrix", matrix4_default.Constants.identity);
+      __publicField(this, "opacity", 1);
       __publicField(this, "depth", 0);
       __privateAdd(this, _domNode, void 0);
       /**
@@ -12750,9 +12723,12 @@
       this.needsLayout = false;
       this.markNeedsPaint();
     }
-    paint(context, clipId, matrix4 = matrix4_default.identity(), opacity = 1) {
+    paint(context, clipId, matrix4 = matrix4_default.Constants.identity, opacity = 1) {
       const translatedMatrix4 = matrix4.translated(this.offset.x, this.offset.y);
-      if (this.clipId === clipId && this.matrix.equals(translatedMatrix4) && this.opacity === opacity && !this.needsPaint) {
+      const clipIdChanged = this.clipId !== clipId;
+      const opacityChanged = this.opacity !== opacity;
+      const matrixChanged = !this.matrix.equals(translatedMatrix4);
+      if (!clipIdChanged && !opacityChanged && !matrixChanged && !this.needsPaint) {
         return;
       }
       this.matrix = translatedMatrix4;
@@ -12760,14 +12736,17 @@
       this.opacity = opacity;
       if (this.isPainter) {
         const { svgEls, container } = this.resolveSvgEl();
-        if (clipId) {
+        if (clipId && clipIdChanged) {
           container.setAttribute("clip-path", `url(#${clipId})`);
         }
-        container.setAttribute("opacity", `${opacity}`);
-        container.setAttribute("pointer-events", "none");
-        Object.values(svgEls).forEach(
-          (el) => this.setSvgTransform(el, this.matrix)
-        );
+        if (opacityChanged) {
+          container.setAttribute("opacity", `${opacity}`);
+        }
+        if (matrixChanged) {
+          Object.values(svgEls).forEach(
+            (el) => this.setSvgTransform(el, this.matrix)
+          );
+        }
         if (this.needsPaint) {
           this.performPaint(svgEls, context);
         }
@@ -12823,16 +12802,17 @@
     mountSvgEl(context) {
       const { appendSvgEl } = context;
       const svgEls = this.createDefaultSvgEl(context);
-      Object.entries(svgEls).forEach(([name, value]) => {
+      const entries = Object.entries(svgEls);
+      entries.forEach(([name, value]) => {
         value.setAttribute("data-render-name", name);
       });
-      const values = Object.values(svgEls);
       const svgG = context.createSvgEl("g");
       appendSvgEl(svgG);
       svgG.setAttribute("data-render-type", this.type);
-      values.forEach((value) => {
+      entries.forEach(([_, value]) => {
         svgG.appendChild(value);
       });
+      svgG.setAttribute("pointer-events", "none");
       __privateSet(this, _domNode, svgG);
     }
     resolveSvgEl() {
@@ -12856,12 +12836,11 @@
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     createDefaultSvgEl(paintContext) {
-      throw { message: "not implemented defaultSvgEl" };
+      throw new NotImplementedError("createDefaultSvgEl");
     }
     /*
      * Do not call this method directly. instead call layout
      */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     preformLayout() {
       throw new NotImplementedError("performLayout");
     }
@@ -12900,16 +12879,14 @@
     didChangeDomOrder() {
       this.renderOwner.didDomOrderChange();
     }
-    localToGlobal(additionalOffset = offset_default.zero()) {
+    localToGlobal(additionalOffset = offset_default.Constants.zero) {
       return new offset_default({
         x: this.matrix.storage[12] + additionalOffset.x,
         y: this.matrix.storage[13] + additionalOffset.y
       });
     }
     visitChildren(callback) {
-      this.children.forEach((child) => {
-        callback(child);
-      });
+      this.children.forEach(callback);
     }
     /**
      * It is currently only used on ZIndexRenderObject
@@ -12920,13 +12897,11 @@
     hitTest({ globalPoint }) {
       const viewPort = this.renderOwner.renderContext.viewPort;
       const { translation, scale: scale2 } = viewPort;
-      const bounds = {
-        left: (this.matrix.storage[12] + translation.x) * scale2,
-        top: (this.matrix.storage[13] + translation.y) * scale2,
-        right: (this.matrix.storage[12] + translation.x + this.size.width) * scale2,
-        bottom: (this.matrix.storage[13] + translation.y + this.size.height) * scale2
-      };
-      return globalPoint.x >= bounds.left && globalPoint.x <= bounds.right && globalPoint.y >= bounds.top && globalPoint.y <= bounds.bottom;
+      const left = (this.matrix.storage[12] + translation.x) * scale2;
+      const top = (this.matrix.storage[13] + translation.y) * scale2;
+      const right = left + this.size.width * scale2;
+      const bottom = top + this.size.height * scale2;
+      return globalPoint.x >= left && globalPoint.x <= right && globalPoint.y >= top && globalPoint.y <= bottom;
     }
   };
   _domNode = new WeakMap();
@@ -12994,7 +12969,7 @@
       __publicField(this, "parent");
       __publicField(this, "dirty", true);
       __publicField(this, "depth", 0);
-      __publicField(this, "type", "none");
+      __publicField(this, "type", 0 /* none */);
       this.widget = widget;
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -13004,7 +12979,9 @@
     get renderObject() {
       let result = null;
       this.visitChildren((child) => {
-        result = child.renderObject;
+        if (result == null) {
+          result = child.renderObject;
+        }
       });
       if (result == null)
         throw { message: "can not find render object" };
@@ -13082,7 +13059,7 @@
       super(widget);
       __publicField(this, "children");
       __publicField(this, "_renderObject");
-      __publicField(this, "type", "render");
+      __publicField(this, "type", 2 /* render */);
       __publicField(this, "ancestorRenderObjectElement");
     }
     createRenderObject() {
@@ -13153,7 +13130,7 @@
     }
     findAncestorRenderObjectElement() {
       let ancestor = this.parent;
-      while (ancestor != null && ancestor.type !== "render") {
+      while (ancestor != null && ancestor.type !== 2 /* render */) {
         ancestor = ancestor.parent;
       }
       return ancestor;
@@ -13843,7 +13820,7 @@
       this.rebuild({ force: true });
     }
     initState() {
-      throw new Error("not implemented initState on compoenent element");
+      throw new Error("not implemented initState on component element");
     }
     build() {
       throw new Error("not implemented build on component element");
@@ -13939,7 +13916,7 @@
       while (parent != null) {
         const current = parent;
         parent = current.parent;
-        if (!(current.type === "provider"))
+        if (!(current.type === 1 /* provider */))
           continue;
         if (current.providerKey !== key)
           continue;
@@ -13951,11 +13928,11 @@
       return new ProviderElement(this);
     }
   };
-  var _ProviderElement = class _ProviderElement extends Element_default {
+  var ProviderElement = class extends Element_default {
     constructor(widget) {
       super(widget);
       __publicField(this, "child");
-      __publicField(this, "type", _ProviderElement.type);
+      __publicField(this, "type", 1 /* provider */);
       this.widget = widget;
     }
     get providerKey() {
@@ -13979,8 +13956,6 @@
       this.child = this.updateChild(this.child, this.child.widget);
     }
   };
-  __publicField(_ProviderElement, "type", "provider");
-  var ProviderElement = _ProviderElement;
   function ProviderFn(props) {
     return new Provider(props);
   }
@@ -15645,10 +15620,10 @@
     constructor({
       children,
       direction,
-      mainAxisAlignment = "start" /* start */,
-      crossAxisAlignment = "center" /* center */,
-      verticalDirection = "down" /* down */,
-      mainAxisSize = "max" /* max */,
+      mainAxisAlignment = 1 /* start */,
+      crossAxisAlignment = 3 /* center */,
+      verticalDirection = 2 /* down */,
+      mainAxisSize = 2 /* max */,
       key
     }) {
       super({ children, key });
@@ -15745,27 +15720,27 @@
       this.markNeedsLayout();
     }
     get mainAxisSizeName() {
-      return this.direction === "horizontal" ? "width" : "height";
+      return this.direction === 1 /* horizontal */ ? "width" : "height";
     }
     get crossAxisSizeName() {
-      return this.direction === "horizontal" ? "height" : "width";
+      return this.direction === 1 /* horizontal */ ? "height" : "width";
     }
     get minMainAxisSizeName() {
-      return this.direction === "horizontal" ? "minWidth" : "minHeight";
+      return this.direction === 1 /* horizontal */ ? "minWidth" : "minHeight";
     }
     get maxMainAxisSizeName() {
-      return this.direction === "horizontal" ? "maxWidth" : "maxHeight";
+      return this.direction === 1 /* horizontal */ ? "maxWidth" : "maxHeight";
     }
     get minCrossAxisSizeName() {
-      return this.direction === "horizontal" ? "minHeight" : "minWidth";
+      return this.direction === 1 /* horizontal */ ? "minHeight" : "minWidth";
     }
     get maxCrossAxisSizeName() {
-      return this.direction === "horizontal" ? "maxHeight" : "maxWidth";
+      return this.direction === 1 /* horizontal */ ? "maxHeight" : "maxWidth";
     }
     preformLayout() {
       let totalFlex = 0;
       let [childIntrinsicMainAxisValue, crossAxisValue] = [0, 0];
-      const sortedChildren = this.verticalDirection === "down" ? this.children : [...this.children].reverse();
+      const sortedChildren = this.verticalDirection === 2 /* down */ ? this.children : [...this.children].reverse();
       sortedChildren.forEach((child) => {
         child.layout(this.constraints.loosen());
         const flex = (child == null ? void 0 : child.isRenderFlexible) ? child.flex : 0;
@@ -15773,7 +15748,7 @@
         if (flex === 0) {
           childIntrinsicMainAxisValue += child.size[this.mainAxisSizeName];
         }
-        crossAxisValue = this.crossAxisAlignment === "stretch" ? this.constraints.getMax(this.crossAxisSizeName) : Math.max(crossAxisValue, child.size[this.crossAxisSizeName]);
+        crossAxisValue = this.crossAxisAlignment === 4 /* stretch */ ? this.constraints.getMax(this.crossAxisSizeName) : Math.max(crossAxisValue, child.size[this.crossAxisSizeName]);
       });
       const flexUnitSize = (this.constraints.getMax(this.mainAxisSizeName) - childIntrinsicMainAxisValue) / totalFlex;
       sortedChildren.forEach((child) => {
@@ -15793,7 +15768,7 @@
       });
       this.size = this.constraints.constrain(
         new size_default({
-          [this.mainAxisSizeName]: this.mainAxisSize === "max" ? this.constraints.getMax(this.mainAxisSizeName) : sortedChildren.map((child) => child.size[this.mainAxisSizeName]).reduce((acc, childMainAxisSize) => acc + childMainAxisSize, 0),
+          [this.mainAxisSizeName]: this.mainAxisSize === 2 /* max */ ? this.constraints.getMax(this.mainAxisSizeName) : sortedChildren.map((child) => child.size[this.mainAxisSizeName]).reduce((acc, childMainAxisSize) => acc + childMainAxisSize, 0),
           [this.crossAxisSizeName]: crossAxisValue
         })
       );
@@ -15801,7 +15776,7 @@
         sortedChildren.map(({ size }) => size[this.mainAxisSizeName])
       );
       sortedChildren.forEach((child, i) => {
-        const [mainAxisOffset, crossAxisOffset] = this.direction === "horizontal" ? ["x", "y"] : ["y", "x"];
+        const [mainAxisOffset, crossAxisOffset] = this.direction === 1 /* horizontal */ ? ["x", "y"] : ["y", "x"];
         child.offset = new offset_default({
           [mainAxisOffset]: mainAxisOffsets[i],
           [crossAxisOffset]: this.getChildOffsetOnCrossAxis(
@@ -15811,7 +15786,7 @@
       });
     }
     getNonFlexItemConstraint(crossAxisValue) {
-      if (this.crossAxisAlignment === "stretch" /* stretch */) {
+      if (this.crossAxisAlignment === 4 /* stretch */) {
         return constraints_default.tightFor({
           [this.crossAxisSizeName]: crossAxisValue
         });
@@ -15820,7 +15795,7 @@
     }
     getFlexItemConstraint(childExtent, fit) {
       return new constraints_default({
-        [this.minCrossAxisSizeName]: this.crossAxisAlignment === "stretch" ? this.constraints[this.maxCrossAxisSizeName] : 0,
+        [this.minCrossAxisSizeName]: this.crossAxisAlignment === 4 /* stretch */ ? this.constraints[this.maxCrossAxisSizeName] : 0,
         [this.maxCrossAxisSizeName]: this.constraints[this.maxCrossAxisSizeName],
         [this.maxMainAxisSizeName]: childExtent,
         [this.minMainAxisSizeName]: fit === "tight" ? childExtent : 0
@@ -15831,21 +15806,21 @@
       const sum = (acc, value) => acc + value;
       const restSpaceSize = this.size[this.mainAxisSizeName] - childMainAxisValues.reduce(sum, 0);
       switch (this.mainAxisAlignment) {
-        case "start":
+        case 1 /* start */:
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: 0,
             additionalSpace: 0,
             childMainAxisValues
           });
           break;
-        case "end":
+        case 2 /* end */:
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: restSpaceSize,
             additionalSpace: 0,
             childMainAxisValues
           });
           break;
-        case "spaceAround":
+        case 5 /* spaceAround */:
           const aroundSpace = restSpaceSize / childMainAxisValues.length;
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: aroundSpace / 2,
@@ -15853,14 +15828,14 @@
             childMainAxisValues
           });
           break;
-        case "spaceBetween":
+        case 4 /* spaceBetween */:
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: 0,
             additionalSpace: restSpaceSize / (childMainAxisValues.length - 1),
             childMainAxisValues
           });
           break;
-        case "spaceEvenly":
+        case 6 /* spaceEvenly */:
           const evenSpace = restSpaceSize / (childMainAxisValues.length + 1);
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: evenSpace,
@@ -15868,7 +15843,7 @@
             childMainAxisValues
           });
           break;
-        case "center":
+        case 3 /* center */:
           offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
             startOffset: restSpaceSize / 2,
             additionalSpace: 0,
@@ -15877,7 +15852,7 @@
           break;
         default:
           throw new Error(
-            `this mainAixsAlignment(${this.mainAxisAlignment}) is not supported yet`
+            `this mainAxisAlignment(${this.mainAxisAlignment}) is not supported yet`
           );
       }
       return offsetsOnMainAxis;
@@ -15899,16 +15874,16 @@
       const parentCrossAxisValue = this.size[this.crossAxisSizeName];
       let offsetOnCrossAxis;
       switch (this.crossAxisAlignment) {
-        case "center" /* center */:
+        case 3 /* center */:
           offsetOnCrossAxis = (parentCrossAxisValue - childCrossAxisValue) / 2;
           break;
-        case "start" /* start */:
+        case 1 /* start */:
           offsetOnCrossAxis = 0;
           break;
-        case "end" /* end */:
+        case 2 /* end */:
           offsetOnCrossAxis = parentCrossAxisValue - childCrossAxisValue;
           break;
-        case "stretch" /* stretch */:
+        case 4 /* stretch */:
           offsetOnCrossAxis = 0;
           break;
       }
@@ -15920,7 +15895,7 @@
       const childIntrinsicHeights = this.children.map(
         (child) => child.getIntrinsicHeight(width)
       );
-      return this.direction === "horizontal" ? childIntrinsicHeights.reduce(max, 0) : childIntrinsicHeights.reduce(sum, 0);
+      return this.direction === 1 /* horizontal */ ? childIntrinsicHeights.reduce(max, 0) : childIntrinsicHeights.reduce(sum, 0);
     }
     getIntrinsicWidth(height) {
       const sum = (acc, value) => acc + value;
@@ -15928,7 +15903,7 @@
       const childIntrinsicWidths = this.children.map(
         (child) => child.getIntrinsicWidth(height)
       );
-      return this.direction === "vertical" ? childIntrinsicWidths.reduce(max, 0) : childIntrinsicWidths.reduce(sum, 0);
+      return this.direction === 2 /* vertical */ ? childIntrinsicWidths.reduce(max, 0) : childIntrinsicWidths.reduce(sum, 0);
     }
   };
   var BaseFlex_default = Flex;
@@ -15977,7 +15952,7 @@
     return Flex2({
       key,
       children,
-      direction: "vertical" /* vertical */,
+      direction: 2 /* vertical */,
       mainAxisAlignment,
       crossAxisAlignment,
       verticalDirection,
@@ -15996,7 +15971,7 @@
   }) {
     return Flex2({
       children,
-      direction: "horizontal" /* horizontal */,
+      direction: 1 /* horizontal */,
       mainAxisAlignment,
       crossAxisAlignment,
       verticalDirection,
@@ -16247,10 +16222,10 @@
     }
     get resolvedTextAlign() {
       if (this.textAlign === text_align_default.start) {
-        return this.textDirection === text_direction_default.ltr ? "left" : "right";
+        return this.textDirection === text_direction_default.ltr ? text_align_default.left : text_align_default.right;
       }
       if (this.textAlign === text_align_default.end) {
-        return this.textDirection === text_direction_default.ltr ? "right" : "left";
+        return this.textDirection === text_direction_default.ltr ? text_align_default.right : text_align_default.left;
       }
       return this.textAlign;
     }
@@ -16260,7 +16235,7 @@
       fontWeight = defaultTextStyle.fontWeight,
       content = "",
       height = 1.2,
-      fontStyle = "normal" /* normal */,
+      fontStyle = 1 /* normal */,
       color: color2 = defaultTextStyle.fontColor
     }) {
       this.source.push({
@@ -16323,13 +16298,13 @@
         spanBox.offset.y = offsetY - spanBox.size.height + this.height;
       });
       switch (textAlign) {
-        case "left":
+        case text_align_default.left:
           this.alignHorizontally(0);
           break;
-        case "right":
+        case text_align_default.right:
           this.alignHorizontally(paragraphWidth - this.width);
           break;
-        case "center":
+        case text_align_default.center:
           this.alignHorizontally((paragraphWidth - this.width) / 2);
           break;
       }
@@ -16452,7 +16427,7 @@
       return this.textPainter.text;
     }
     set text(value) {
-      if (this.textPainter.text.eqauls(value))
+      if (this.textPainter.text.equals(value))
         return;
       this.textPainter.text = value;
       this.markNeedsLayout();
@@ -16889,20 +16864,16 @@
       const shrinkWrapHeight = this.heightFactor != null || constraints.maxHeight == Infinity;
       if (this.child != null) {
         this.child.layout(constraints.loosen());
-        this.size = constraints.constrain(
-          new size_default({
-            width: shrinkWrapWidth ? this.child.size.width * ((_a = this.widthFactor) != null ? _a : 1) : Infinity,
-            height: shrinkWrapHeight ? this.child.size.height * ((_b = this.heightFactor) != null ? _b : 1) : Infinity
-          })
-        );
+        this.size = constraints.constrain({
+          width: shrinkWrapWidth ? this.child.size.width * ((_a = this.widthFactor) != null ? _a : 1) : Infinity,
+          height: shrinkWrapHeight ? this.child.size.height * ((_b = this.heightFactor) != null ? _b : 1) : Infinity
+        });
         this.alignChild();
       } else {
-        this.size = constraints.constrain(
-          new size_default({
-            width: shrinkWrapWidth ? 0 : Infinity,
-            height: shrinkWrapHeight ? 0 : Infinity
-          })
-        );
+        this.size = constraints.constrain({
+          width: shrinkWrapWidth ? 0 : Infinity,
+          height: shrinkWrapHeight ? 0 : Infinity
+        });
       }
     }
   };
@@ -17374,7 +17345,7 @@
   var Transform_default = Transform2;
 
   // src/component/Container.ts
-  var _Container = class extends StatelessWidget_default {
+  var Container = class extends StatelessWidget_default {
     constructor({
       key,
       padding,
@@ -17515,7 +17486,7 @@
       return current;
     }
   };
-  var Container_default = classToFunction_default(_Container);
+  var Container_default = classToFunction_default(Container);
 
   // src/component/Builder.ts
   function Builder(...props) {
@@ -17917,13 +17888,13 @@
       let [width, height] = [constraints.minWidth, constraints.minHeight];
       let nonPositionedConstraints;
       switch (this.fit) {
-        case "loose":
+        case stack_fit_default.loose:
           nonPositionedConstraints = constraints.loosen();
           break;
-        case "expand":
+        case stack_fit_default.expand:
           nonPositionedConstraints = constraints_default.tight(constraints.biggest);
           break;
-        case "passthrough":
+        case stack_fit_default.passthrough:
           nonPositionedConstraints = constraints;
           break;
       }
@@ -18834,7 +18805,7 @@
   var AspectRatio_default = classToFunction_default(BaseAspectRatio_default);
 
   // src/component/base/BaseIndexedStack.ts
-  var IndexedStack = class extends BaseStack {
+  var IndexedStack = class extends StatelessWidget_default {
     constructor({
       children,
       index = 0,
@@ -18842,52 +18813,23 @@
       alignment,
       key
     }) {
-      super({ children, fit: sizing, alignment, key });
+      super(key);
       __publicField(this, "index");
+      __publicField(this, "fit");
+      __publicField(this, "alignment");
+      __publicField(this, "children");
       this.index = index;
+      this.fit = sizing;
+      this.alignment = alignment;
+      this.children = children;
     }
-    createRenderObject() {
-      return new RenderIndexedStack({
-        index: this.index,
-        fit: this.fit,
-        alignment: this.alignment
+    build() {
+      return new BaseStack({
+        children: this.children.slice(this.index, this.index + 1),
+        alignment: this.alignment,
+        fit: this.fit
       });
     }
-    updateRenderObject(renderObject) {
-      renderObject.index = this.index;
-      renderObject.fit = this.fit;
-      renderObject.alignment = this.alignment;
-    }
-  };
-  var RenderIndexedStack = class extends RenderStack {
-    constructor({
-      index,
-      fit,
-      alignment
-    }) {
-      super({ alignment, fit });
-      __publicField(this, "_index");
-      this._index = index;
-    }
-    get index() {
-      return this._index;
-    }
-    set index(value) {
-      if (this._index === value)
-        return;
-      this._index = value;
-      this.markNeedsPaint();
-    }
-    paintChildren(context, {
-      clipId,
-      matrix4,
-      opacity
-    }) {
-      this.children.forEach((child2) => child2.dispose(context));
-      const child = this.children[this.index];
-      assert(child != null);
-      child.paint(context, clipId, matrix4, opacity);
-    }
   };
   var BaseIndexedStack_default = IndexedStack;