import { a4 as a, bX as y, ab as w, aa as s, ed as h, w as f, a5 as u, h2 as g, aG as C, gN as b, H as o, ad as r, I as m, ae as t, af as l, am as p, ag as S, ah as x, ai as V, dX as v, X as P, B } from "./56c67d3b.js";
import { useContext as c } from "react";
import { TriContainer as T } from "./91ddfb5a.js";
import "react-dom";
const H = [{
  label: "Markdown",
  value: "markdown"
}, {
  label: a("text"),
  value: "text"
}], N = [{
  label: "None",
  value: "none"
}, {
  label: "Right",
  value: "right"
}, {
  label: "Left",
  value: "left"
}], F = function() {
  const n = {
    disabled: y,
    text: w("text", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat faucibus eleifend. Pellentesque eleifend, risus vel sagittis mattis, mauris ipsum tempor sapien, eu lobortis lacus libero a dui. Cras erat felis, rhoncus vestibulum consectetur et, ultrices ut purus. Sed a tortor orci. Vestibulum nec eleifend ante."),
    type: s(H, "markdown"),
    float: s(N, "left"),
    horizontalAlignment: h(),
    width: f(P, "40"),
    style: u(g),
    animationStyle: u(C)
  };
  return new b(n, (e, i) => /* @__PURE__ */ o(T, {
    ...e
  })).setPropertyViewFn((e) => /* @__PURE__ */ r(m, {
    children: [/* @__PURE__ */ r(t, {
      name: l.basic,
      children: [e.type.propertyView({
        label: a("value"),
        tooltip: a("textShow.valueTooltip"),
        radioButton: !0
      }), e.text.propertyView({})]
    }), ["logic", "both"].includes(c(p).editorModeStatus) && /* @__PURE__ */ o(t, {
      name: l.interaction,
      children: S(e)
    }), ["layout", "both"].includes(c(p).editorModeStatus) && /* @__PURE__ */ r(m, {
      children: [/* @__PURE__ */ r(t, {
        name: l.layout,
        children: [e.container.getPropertyView(), e.width.propertyView({
          label: a("container.flowWidth")
        }), e.float.propertyView({
          label: a("container.floatType"),
          radioButton: !0
        }), e.horizontalAlignment.propertyView({
          label: a("textShow.horizontalAlignment"),
          radioButton: !0
        })]
      }), /* @__PURE__ */ o(t, {
        name: "Floating Text Style",
        children: e.style.getPropertyView()
      }), /* @__PURE__ */ o(t, {
        name: l.animationStyle,
        hasTooltip: !0,
        children: e.animationStyle.getPropertyView()
      }), /* @__PURE__ */ o(t, {
        name: "Container Style",
        children: e.container.stylePropertyView()
      }), e.container.children.showHeader.getView() && /* @__PURE__ */ o(t, {
        name: "Header Style",
        children: e.container.headerStylePropertyView()
      }), e.container.children.showBody.getView() && /* @__PURE__ */ o(t, {
        name: "Body Style",
        children: e.container.bodyStylePropertyView()
      }), e.container.children.showFooter.getView() && /* @__PURE__ */ o(t, {
        name: "Footer Style",
        children: e.container.footerStylePropertyView()
      })]
    })]
  })).build();
}();
function M(n) {
  let e = B(n);
  if (e.value) {
    const i = e.value.container;
    if (i && (i.hasOwnProperty("layout") || i.hasOwnProperty("items"))) {
      const d = e.value.autoHeight;
      return {
        ...e,
        value: {
          container: {
            showHeader: !1,
            body: {
              0: {
                view: i
              }
            },
            showBody: !0,
            showFooter: !1,
            autoHeight: d
          }
        }
      };
    }
  }
  return e;
}
class O extends F {
  constructor(e) {
    super(M(e));
  }
}
const E = x(O, [V]);
function I(n, e) {
  return {
    container: {
      header: v([{
        item: {
          compType: "text",
          name: e.genItemName("containerTitle"),
          comp: {
            text: "### " + a("container.title")
          }
        },
        layoutItem: {
          i: "",
          h: 5,
          w: 24,
          x: 0,
          y: 0
        }
      }])
    }
  };
}
export {
  F as ContainerBaseComp,
  E as ContainerComp,
  I as defaultContainerData
};
