import { z as a, s, q as i, w as e } from "./index-a857af7d.mjs";
import "vue";
const c = {
  key: "_dialog",
  name: "Dialog",
  description: "Dialog",
  icon: "mdiDockWindow",
  sequence: 31,
  transform: function({ config: t, context: d }) {
    if (d.mode.value == "edit") {
      const o = a("el-card", { config: t }), l = s(t, "footer");
      return l.style = { "text-align": "right" }, o["#footer"] = l, o.header = (o.title || "No title") + " [Please note: This drawer is NOT WYSIWYG]", o.style = {
        position: "absolute",
        top: "10%",
        // right: '25%',
        // bottom: '20%',
        left: "15%",
        width: t.width || "50%",
        overflow: "auto",
        "z-index": 999
      }, o;
    } else {
      const o = a("el-dialog", { config: t });
      return o["#footer"] = s(t, "footer"), o;
    }
  },
  editor: {
    basic: {
      ui: [
        i("title"),
        i("width"),
        e("modal", "Show shadowing layer/Modal"),
        e("close-on-click-modal", "Close on click modal"),
        e("close-on-press-escape", "Close on press escape"),
        e("show-close", "Show close"),
        e("append-to-body", "Append to body"),
        e("destroy-on-close", "Destroy on close"),
        e("fullscreen"),
        e("draggable"),
        e("center", "Header and footer align to center")
      ],
      init: {
        title: "Dialog default title",
        width: "50%",
        modal: !1,
        "close-on-click-modal": !1,
        "close-on-press-escape": !1,
        "show-close": !0,
        "append-to-body": !1,
        "destroy-on-close": !1,
        fullscreen: !1,
        draggable: !0,
        center: !1
      }
    },
    data: {
      type: "Boolean",
      init: {
        mode: "fixed",
        dataContent: "true"
      }
    },
    display: {}
  }
};
export {
  c as default
};
