import { z as i, A as a, s as o, q as l, c as s } from "./index-fe29d0c3.mjs";
import "vue";
function u({ config: t, fullConfig: e }) {
  const n = i("el-row", { config: t });
  return n.style = { "align-content": "flex-start" }, n["#"] = r(t), n;
}
function r(t) {
  const e = [];
  for (const n of t._container || [])
    e.push(c(n));
  return e;
}
function c(t) {
  const e = a("el-col", { config: t });
  return e.xs = 24, e;
}
const d = {
  key: "_layout",
  name: "Layout",
  description: "Row col based layout",
  icon: "mdiViewGridOutline",
  sequence: 1,
  transform: u,
  editor: {
    basic: {
      ui: [
        o("gutter"),
        l("justify", [
          "start",
          "end",
          "center",
          "space-around",
          "space-between",
          "space-evenly"
        ]),
        l("align", ["top", "middle", "bottom"]),
        {
          "~component": "lc-editable-list",
          "~label": "cols",
          "~prop": "_container",
          init: { span: 24 },
          labelColumn: "span",
          editConfig: [
            o("span"),
            o("offset"),
            o("push"),
            o("pull")
          ]
        }
      ],
      init: {
        gutter: 0,
        justify: "start",
        align: "top",
        _container: [
          { span: 12, offset: 0, push: 0, pull: 0, key: s() },
          { span: 12, offset: 0, push: 0, pull: 0, key: s() },
          { span: 24, offset: 0, push: 0, pull: 0, key: s() }
        ]
      }
    },
    display: {
      init: {
        style: {
          width: "100%"
        },
        class: ""
      }
    }
  }
};
export {
  d as default
};
//# sourceMappingURL=index-e63e3626.mjs.map
