import "vue";
import { n as o, p as r, i, j as l, h as s } from "./index-16cc6938.mjs";
function b(a, e) {
  const t = o("el-tabs", a, e);
  return t["#"] = c(a), t;
}
function c(a) {
  const e = [];
  let t = 0;
  for (const n of a._container || [])
    e.push(d(n, t++));
  return e;
}
function d(a, e) {
  const t = r("el-tab-pane", a);
  return t.name = e, t.lazy = !0, t;
}
const f = {
  key: "_tabs",
  name: "Tabs",
  description: "Basic tabs",
  icon: "mdiTab",
  sequence: 22,
  transform: b,
  editor: {
    basic: {
      ui: [
        i("type", ["card", "border-card"]),
        i("tab-position", ["top", "right", "bottom", "left"]),
        l("stretch"),
        {
          "~component": "lc-editable-list",
          "~label": "Tabs",
          "~prop": "_container",
          labelColumn: "label",
          editConfig: [s("label")]
        }
      ],
      init: {
        type: "border-card",
        "tab-position": "top",
        stretch: !1,
        _container: [
          {
            label: "Tab 1"
          },
          {
            label: "Tab 2"
          },
          {
            label: "Tab 3"
          }
        ]
      }
    },
    data: {
      // modelValueName:'model',
      //readonly:true,
      type: "Number"
    },
    display: {
      init: {
        style: {
          display: "block",
          width: "100%",
          margin: "4px 0 4px 0"
        }
      }
    }
  }
};
export {
  f as default
};
