import { defineComponent as _, computed as n, createElementBlock as s, createCommentVNode as r, openBlock as c, createElementVNode as f, toDisplayString as i, unref as g } from "vue";
import { useI18n as h } from "vue-i18n";
import { b as u } from "./image-value.json_vue_type_i18n_index_0_src_true_lang-CWHYrlaa.mjs";
import { l as v } from "./start-BYfL32Oe.mjs";
const V = {
  key: 0,
  class: "d-flex align-center"
}, b = ["id", "src", "alt"], y = {
  key: 0,
  class: "ml-2"
}, m = /* @__PURE__ */ _({
  __name: "DatahubDataTypeImageValueRenderer",
  props: {
    row: {},
    rowIndex: {},
    cell: {},
    cellValue: {},
    dataTypeInstance: {},
    modelValue: {}
  },
  setup(d) {
    const l = d, { t: p } = h(), t = n(() => {
      var e, a;
      return (a = (e = l.cellValue) == null ? void 0 : e.images) == null ? void 0 : a[0];
    }), o = n(() => {
      var e, a;
      return ((a = (e = l.cellValue) == null ? void 0 : e.images) == null ? void 0 : a.length) - 1;
    });
    return (e, a) => t.value ? (c(), s("div", V, [
      f("img", {
        id: String(t.value._E),
        src: t.value.rawThumbnail,
        alt: t.value.altText,
        width: "48",
        height: "48",
        class: "image"
      }, null, 8, b),
      o.value ? (c(), s("span", y, " +" + i(o.value) + " " + i(g(p)("datahub-plugin.image-value.files")), 1)) : r("", !0)
    ])) : r("", !0);
  }
});
typeof u == "function" && u(m);
const T = /* @__PURE__ */ v(m, [["__scopeId", "data-v-45dc2154"]]);
export {
  T as default
};
