import { v as o, z as b, p as i, w as r, q as l } from "./index-9115a619.mjs";
import "vue";
const s = o("el-tabs", {}, (t, { config: a }) => (t["#"] = c(a), t));
function c(t) {
  const a = [];
  let e = 0;
  for (const n of t._container || [])
    a.push(d(n, e++));
  return a;
}
function d(t, a) {
  const e = b("el-tab-pane", { config: t });
  return e.name = a, e.lazy = !0, e;
}
const f = {
  key: "_tabs",
  name: "Tabs",
  description: "Basic tabs",
  icon: "mdiTab",
  sequence: 22,
  transform: s,
  editor: {
    basic: {
      ui: [
        i("type", ["card", "border-card"]),
        i("tab-position", ["top", "right", "bottom", "left"]),
        r("stretch"),
        {
          "~component": "lc-editable-list",
          "~label": "Tabs",
          "~prop": "_container",
          labelColumn: "label",
          editConfig: [l("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
};
