import { bX as u, a5 as y, aG as h, H as a, fb as f, ad as c, I as m, am as n, ae as o, af as r, c0 as w, ag as S, ah as g, ai as C, gT as P, aj as b, a4 as p, e9 as v, ct as V, dX as x, B as D } from "./56c67d3b.js";
import { useState as H, useContext as s } from "react";
import { ContainerCompBuilder as N } from "./268e0a22.js";
import { PageLayout as L } from "./6a414626.js";
import "react-dom";
import "./232d01a2.js";
import "./eb28a942.js";
const M = function() {
  const t = {
    disabled: u,
    animationStyle: y(h, "animationStyle")
  };
  return new N(t, (e, i) => {
    const [l, d] = H(!1);
    return /* @__PURE__ */ a(f.Provider, {
      value: e.disabled,
      children: /* @__PURE__ */ a(L, {
        ...e,
        siderCollapsed: l,
        setSiderCollapsed: d
      })
    });
  }).setPropertyViewFn((e) => /* @__PURE__ */ c(m, {
    children: [(s(n).editorModeStatus === "logic" || s(n).editorModeStatus === "both") && /* @__PURE__ */ c(o, {
      name: r.interaction,
      children: [w(e), S(e), e.container.appSelectorPropertyView()]
    }), (s(n).editorModeStatus === "layout" || s(n).editorModeStatus === "both") && /* @__PURE__ */ c(m, {
      children: [/* @__PURE__ */ a(o, {
        name: r.layout,
        children: e.container.getPropertyView()
      }), /* @__PURE__ */ a(o, {
        name: r.style,
        children: e.container.stylePropertyView()
      }), /* @__PURE__ */ a(o, {
        name: r.animationStyle,
        hasTooltip: !0,
        children: e.animationStyle.getPropertyView()
      }), e.container.children.showHeader.getView() && /* @__PURE__ */ a(o, {
        name: "Header Style",
        children: e.container.headerStylePropertyView()
      }), e.container.children.showSider.getView() && /* @__PURE__ */ a(o, {
        name: "Sider Style",
        children: e.container.siderStylePropertyView()
      }), /* @__PURE__ */ a(o, {
        name: "Body Style",
        children: e.container.bodyStylePropertyView()
      }), e.container.children.showFooter.getView() && /* @__PURE__ */ a(o, {
        name: "Footer Style",
        children: e.container.footerStylePropertyView()
      })]
    })]
  })).build();
}();
function T(t) {
  let e = D(t);
  if (e.value) {
    const i = e.value.container;
    if (i && (i.hasOwnProperty("layout") || i.hasOwnProperty("items"))) {
      const l = e.value.autoHeight, d = e.value.scrollbars;
      return {
        ...e,
        value: {
          container: {
            showHeader: !0,
            body: {
              0: {
                view: i
              }
            },
            showFooter: !1,
            showSider: !0,
            autoHeight: l,
            contentScrollbars: d
          }
        }
      };
    }
  }
  return e;
}
class B extends M {
  constructor(e) {
    super(T(e));
  }
}
const F = g(B, [C, P, new b("container", p("export.ratingValueDesc")), new v("siderCollapsed", (t) => ({
  data: t.children.container.children.siderCollapsed.nodeWithoutCache()
}), (t) => t.data.value, p("listView.itemsDesc"))]), U = V(F, [{
  method: {
    name: "setSiderCollapsed",
    description: "Set the Sider of the PageLayout to be collapsed or not",
    params: [{
      name: "collapsed",
      type: "boolean"
    }]
  },
  execute: (t, e) => {
    e[0];
  }
}]);
function W(t, e) {
  return {
    container: {
      header: x([{
        item: {
          compType: "navigation",
          name: e.genItemName("pageNavigation"),
          comp: {
            logoUrl: "",
            hidden: !1,
            items: [{
              label: "Home",
              hidden: !1,
              active: !1
            }, {
              label: "Services",
              hidden: !1,
              active: !1,
              items: [{
                label: "Lowcode Platform",
                hidden: !1,
                active: !1
              }, {
                label: "App Development",
                hidden: !1,
                active: !1
              }]
            }, {
              label: "About",
              hidden: !1,
              active: !1
            }]
          }
        },
        layoutItem: {
          i: "",
          h: 6,
          w: 24,
          x: 0,
          y: 0
        }
      }])
    }
  };
}
export {
  M as ContainerBaseComp,
  U as PageLayoutComp,
  W as defaultPageLayoutData
};
