import { n as i, x as s, y as a } from "./index-e250a75e.mjs";
import "vue";
const r = {
  key: "_img",
  name: i("_.builtIn.basic.img.name"),
  description: i("_.builtIn.basic.img.description"),
  icon: "mdiImageArea",
  sequence: 2,
  transform: function({ config: t }) {
    const n = {
      "~": "img"
    };
    for (const e of Object.keys(t) || [])
      n[e] = t[e];
    return n;
  },
  editor: {
    basic: {
      init: {
        alt: "No picture"
      },
      ui: [
        s("src", i("_.builtIn.basic.img.src")),
        s("alt", i("_.builtIn.basic.img.alt")),
        a("width", i("_.builtIn.basic.img.width"), { min: 0 }),
        a("height", i("_.builtIn.basic.img.height"), { min: 0 })
      ]
    },
    display: {
      init: {
        style: {
          "min-height": "10px",
          "min-width": "10px"
        }
      }
    }
  }
  // dataConfig:{
  //   //readonly:true,
  //   type:'String',
  // },
};
export {
  r as default
};
