import { bI as u, Z as y, az as p, F as t, bW as w, a6 as s, G as d, af as n, a7 as o, a8 as l, bJ as h, a9 as C, aa as b, ab as f, bX as S, Y as P, B as g } from "./603b75d9.js";
import { useContext as i } from "react";
import { TriContainer as V } from "./d91d7adf.js";
import { ContainerCompBuilder as x } from "./23a8bd12.js";
import "react-dom";
import "./48fb13b8.js";
import "./046c0def.js";
const v = function() {
  const a = {
    disabled: u,
    animationStyle: y(p)
  };
  return new x(a, (e, r) => /* @__PURE__ */ t(w.Provider, {
    value: e.disabled,
    children: /* @__PURE__ */ t(V, {
      ...e
    })
  })).setPropertyViewFn((e) => /* @__PURE__ */ s(d, {
    children: [(i(n).editorModeStatus === "logic" || i(n).editorModeStatus === "both") && /* @__PURE__ */ s(o, {
      name: l.interaction,
      children: [h(e), C(e)]
    }), (i(n).editorModeStatus === "layout" || i(n).editorModeStatus === "both") && /* @__PURE__ */ s(d, {
      children: [/* @__PURE__ */ t(o, {
        name: l.layout,
        children: e.container.getPropertyView()
      }), /* @__PURE__ */ t(o, {
        name: l.style,
        children: e.container.stylePropertyView()
      }), e.container.children.showHeader.getView() && /* @__PURE__ */ t(o, {
        name: "Header Style",
        children: e.container.headerStylePropertyView()
      }), e.container.children.showBody.getView() && /* @__PURE__ */ t(o, {
        name: "Body Style",
        children: e.container.bodyStylePropertyView()
      }), e.container.children.showFooter.getView() && /* @__PURE__ */ t(o, {
        name: "Footer Style",
        children: e.container.footerStylePropertyView()
      })]
    })]
  })).build();
}();
function B(a) {
  let e = g(a);
  if (e.value) {
    const r = e.value.container;
    if (r && (r.hasOwnProperty("layout") || r.hasOwnProperty("items"))) {
      const c = e.value.autoHeight, m = e.value.showVerticalScrollbar;
      return {
        ...e,
        value: {
          container: {
            showHeader: !0,
            body: {
              0: {
                view: r
              }
            },
            showBody: !0,
            showFooter: !1,
            autoHeight: c,
            scrollbars: m
          }
        }
      };
    }
  }
  return e;
}
class F extends v {
  constructor(e) {
    super(B(e));
  }
}
const j = b(F, [f]);
function E(a, e) {
  return {
    container: {
      header: S([{
        item: {
          compType: "text",
          name: e.genItemName("containerTitle"),
          comp: {
            text: "### " + P("container.title")
          }
        },
        layoutItem: {
          i: "",
          h: 5,
          w: 24,
          x: 0,
          y: 0
        }
      }])
    }
  };
}
export {
  v as ContainerBaseComp,
  j as ContainerComp,
  E as defaultContainerData
};
