@meursyphus/flitter 1.0.0 → 1.0.1

package/index.cjs

@@ -79,7 +79,7 @@ var Calculable = class extends data_default {
 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");
@@ -106,6 +106,10 @@ var Offset = class _Offset extends calculable_default {
     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
@@ -501,29 +505,26 @@ var Constraints = class _Constraints extends data_default {
     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
@@ -552,12 +553,7 @@ var Constraints = class _Constraints extends data_default {
     });
   }
   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({
@@ -568,11 +564,18 @@ var Constraints = class _Constraints extends data_default {
     });
   }
   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() {
@@ -588,10 +591,15 @@ var Constraints = class _Constraints extends data_default {
     });
   }
   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;
@@ -1276,42 +1284,42 @@ var r_rect_default = RRect;
 
 // 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 || {});
 
@@ -9313,7 +9321,7 @@ var Vector3 = class _Vector3 {
 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
@@ -9850,6 +9858,9 @@ var Matrix4 = class _Matrix4 extends calculable_default {
     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);
   }
   /**
@@ -10720,42 +10731,6 @@ var Matrix4 = class _Matrix4 extends calculable_default {
     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];
@@ -10870,13 +10845,17 @@ var Matrix4 = class _Matrix4 extends calculable_default {
     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;
@@ -10973,7 +10952,7 @@ var BorderRadius = _BorderRadius;
 
 // 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;
@@ -11525,12 +11504,6 @@ var BoxShadow = class _BoxShadow extends calculable_default {
       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;
 
@@ -11694,36 +11667,36 @@ var BoxDecorationPainter = class {
 
 // 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;
@@ -11865,9 +11838,9 @@ var InlineSpan = class {
   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);
     }
@@ -11903,7 +11876,7 @@ var TextSpan = class extends Inline_span_default {
     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);
@@ -11968,8 +11941,8 @@ var RenderObject = class {
     __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);
     /**
@@ -12036,9 +12009,12 @@ var RenderObject = class {
     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;
@@ -12046,14 +12022,17 @@ var RenderObject = class {
     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);
       }
@@ -12109,16 +12088,17 @@ var RenderObject = class {
   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() {
@@ -12142,12 +12122,11 @@ var RenderObject = class {
   }
   // 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");
   }
@@ -12186,16 +12165,14 @@ var RenderObject = class {
   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
@@ -12206,13 +12183,11 @@ var RenderObject = class {
   hitTest({ globalPoint }) {
     const viewPort = this.renderOwner.renderContext.viewPort;
     const { translation, scale } = viewPort;
-    const bounds = {
-      left: (this.matrix.storage[12] + translation.x) * scale,
-      top: (this.matrix.storage[13] + translation.y) * scale,
-      right: (this.matrix.storage[12] + translation.x + this.size.width) * scale,
-      bottom: (this.matrix.storage[13] + translation.y + this.size.height) * scale
-    };
-    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) * scale;
+    const top = (this.matrix.storage[13] + translation.y) * scale;
+    const right = left + this.size.width * scale;
+    const bottom = top + this.size.height * scale;
+    return globalPoint.x >= left && globalPoint.x <= right && globalPoint.y >= top && globalPoint.y <= bottom;
   }
 };
 _domNode = new WeakMap();
@@ -12280,7 +12255,7 @@ var Element = class {
     __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
@@ -12290,7 +12265,9 @@ var Element = class {
   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" };
@@ -12368,7 +12345,7 @@ var RenderObjectElement = class extends Element_default {
     super(widget);
     __publicField(this, "children");
     __publicField(this, "_renderObject");
-    __publicField(this, "type", "render");
+    __publicField(this, "type", 2 /* render */);
     __publicField(this, "ancestorRenderObjectElement");
   }
   createRenderObject() {
@@ -12439,7 +12416,7 @@ var RenderObjectElement = class extends Element_default {
   }
   findAncestorRenderObjectElement() {
     let ancestor = this.parent;
-    while (ancestor != null && ancestor.type !== "render") {
+    while (ancestor != null && ancestor.type !== 2 /* render */) {
       ancestor = ancestor.parent;
     }
     return ancestor;
@@ -13129,7 +13106,7 @@ var ComponentElement = class extends Element_default {
     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");
@@ -13225,7 +13202,7 @@ var Provider = class extends Widget_default {
     while (parent != null) {
       const current = parent;
       parent = current.parent;
-      if (!(current.type === "provider"))
+      if (!(current.type === 1 /* provider */))
         continue;
       if (current.providerKey !== key)
         continue;
@@ -13237,11 +13214,11 @@ var Provider = class extends Widget_default {
     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() {
@@ -13265,8 +13242,6 @@ var _ProviderElement = class _ProviderElement extends Element_default {
     this.child = this.updateChild(this.child, this.child.widget);
   }
 };
-__publicField(_ProviderElement, "type", "provider");
-var ProviderElement = _ProviderElement;
 function ProviderFn(props) {
   return new Provider(props);
 }
@@ -14052,10 +14027,10 @@ var Flex = class extends MultiChildRenderObjectWidget_default {
   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 });
@@ -14152,27 +14127,27 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     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;
@@ -14180,7 +14155,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
       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) => {
@@ -14200,7 +14175,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     });
     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
       })
     );
@@ -14208,7 +14183,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
       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(
@@ -14218,7 +14193,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     });
   }
   getNonFlexItemConstraint(crossAxisValue) {
-    if (this.crossAxisAlignment === "stretch" /* stretch */) {
+    if (this.crossAxisAlignment === 4 /* stretch */) {
       return constraints_default.tightFor({
         [this.crossAxisSizeName]: crossAxisValue
       });
@@ -14227,7 +14202,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
   }
   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
@@ -14238,21 +14213,21 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     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,
@@ -14260,14 +14235,14 @@ var RenderFlex = class extends MultiChildRenderObject_default {
           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,
@@ -14275,7 +14250,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
           childMainAxisValues
         });
         break;
-      case "center":
+      case 3 /* center */:
         offsetsOnMainAxis = this._getChildOffsetsOnMainAxis({
           startOffset: restSpaceSize / 2,
           additionalSpace: 0,
@@ -14284,7 +14259,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
         break;
       default:
         throw new Error(
-          `this mainAixsAlignment(${this.mainAxisAlignment}) is not supported yet`
+          `this mainAxisAlignment(${this.mainAxisAlignment}) is not supported yet`
         );
     }
     return offsetsOnMainAxis;
@@ -14306,16 +14281,16 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     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;
     }
@@ -14327,7 +14302,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     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;
@@ -14335,7 +14310,7 @@ var RenderFlex = class extends MultiChildRenderObject_default {
     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;
@@ -14384,7 +14359,7 @@ function Column({
   return Flex2({
     key,
     children,
-    direction: "vertical" /* vertical */,
+    direction: 2 /* vertical */,
     mainAxisAlignment,
     crossAxisAlignment,
     verticalDirection,
@@ -14403,7 +14378,7 @@ function Row({
 }) {
   return Flex2({
     children,
-    direction: "horizontal" /* horizontal */,
+    direction: 1 /* horizontal */,
     mainAxisAlignment,
     crossAxisAlignment,
     verticalDirection,
@@ -14654,10 +14629,10 @@ var Paragraph = class {
   }
   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;
   }
@@ -14667,7 +14642,7 @@ var Paragraph = class {
     fontWeight = defaultTextStyle.fontWeight,
     content = "",
     height = 1.2,
-    fontStyle = "normal" /* normal */,
+    fontStyle = 1 /* normal */,
     color = defaultTextStyle.fontColor
   }) {
     this.source.push({
@@ -14730,13 +14705,13 @@ var ParagraphLine = class {
       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;
     }
@@ -14859,7 +14834,7 @@ var RenderParagraph = class extends RenderObject_default {
     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();
@@ -15296,20 +15271,16 @@ var RenderAlign = class extends RenderAligningShiftedBox_default {
     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
+      });
     }
   }
 };
@@ -15781,7 +15752,7 @@ Transform2.translate = BaseTransform_default.translate;
 var Transform_default = Transform2;
 
 // src/component/Container.ts
-var _Container = class extends StatelessWidget_default {
+var Container = class extends StatelessWidget_default {
   constructor({
     key,
     padding,
@@ -15922,7 +15893,7 @@ var _Container = class extends StatelessWidget_default {
     return current;
   }
 };
-var Container_default = classToFunction_default(_Container);
+var Container_default = classToFunction_default(Container);
 
 // src/component/Builder.ts
 function Builder(...props) {
@@ -16324,13 +16295,13 @@ var RenderStack = class _RenderStack extends MultiChildRenderObject_default {
     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;
     }
@@ -17241,7 +17212,7 @@ var BaseAspectRatio_default = AspectRatio;
 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,
@@ -17249,52 +17220,23 @@ var IndexedStack = class extends BaseStack {
     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;