import { z as i, s as a, q as d, w as o, p as c } from "./index-a68a4fdc.mjs";
import "vue";
const w = {
  key: "_drawer",
  name: "Drawer",
  description: "Drawer",
  icon: "mdiPauseBoxOutline",
  sequence: 32,
  transform: function({ config: t, context: n }) {
    if (n.mode.value == "edit") {
      const e = i("el-card", { config: t }), r = a(t, "footer");
      r.style = { "text-align": "right" }, e["#footer"] = r, e.header = (e.title || "No title") + " [Please note: This drawer is NOT WYSIWYG]";
      const s = {
        position: "absolute",
        overflow: "auto",
        "z-index": 999
      }, l = t.direction || "rtl";
      return l == "rtl" ? e.style = {
        right: 0,
        top: 0,
        height: "100%",
        width: t.size || "30%",
        ...s
      } : l == "ltr" ? e.style = {
        left: 0,
        top: 0,
        height: "100%",
        width: t.size || "30%",
        ...s
      } : l == "ttb" ? e.style = {
        left: 0,
        top: 0,
        width: "100%",
        height: t.size || "30%",
        ...s
      } : l == "btt" && (e.style = {
        left: 0,
        bottom: 0,
        width: "100%",
        height: t.size || "30%",
        ...s
      }), e;
    } else {
      const e = i("el-drawer", { config: t });
      return e["#footer"] = a(t, "footer"), e;
    }
  },
  editor: {
    basic: {
      ui: [
        d("title"),
        d("size"),
        o("modal", "Show shadowing layer/Modal"),
        o("close-on-click-modal", "Close on click modal"),
        o("close-on-press-escape", "Close on press escape"),
        o("show-close", "Show close"),
        o("append-to-body", "Append to body"),
        o("destroy-on-close", "Destroy on close"),
        o("with-header", "Show header"),
        c("direction", ["rtl", "ltr", "ttb", "btt"])
      ],
      init: {
        title: "Drawer default title",
        size: "30%",
        modal: !1,
        "close-on-click-modal": !1,
        "close-on-press-escape": !1,
        "show-close": !0,
        "append-to-body": !1,
        "destroy-on-close": !1,
        "with-header": !0,
        direction: "rtl"
      }
    },
    data: {
      type: "Boolean",
      init: {
        mode: "fixed",
        dataContent: "true"
      }
    },
    display: {}
  }
};
export {
  w as default
};
