import "vue";
import { n as a, p as i, q as o, i as l, c as n } from "./index-16cc6938.mjs";
function u(t) {
  const e = a("el-row", t);
  return e["#"] = r(t), e;
}
function r(t) {
  const e = [];
  for (const s of t._container || [])
    e.push(c(s));
  return e;
}
function c(t) {
  return i("el-col", t);
}
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",
          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: n() },
          { span: 12, offset: 0, push: 0, pull: 0, key: n() },
          { span: 24, offset: 0, push: 0, pull: 0, key: n() }
        ]
      }
    }
  }
};
export {
  d as default
};
