import { defineComponent as l, useModel as n, ref as p, createBlock as u, openBlock as d, unref as s, mergeProps as c } from "vue";
import { useI18n as f } from "vue-i18n";
import "pinia";
import "./start-BYfL32Oe.mjs";
import "vue-router";
import "./header-Droxy2Kd.mjs";
import "./moment-h96o7c8I.mjs";
import "./IsActiveStatusCell-DlvB6_E-.mjs";
import "@vuelidate/validators";
import "./MultiLangScopeEditorsList.vue_vue_type_script_setup_true_lang-CWQeDnSm.mjs";
import "./DatahubDataTypeCompletenessRenderer.vue_vue_type_script_setup_true_lang-Btvu_WeF.mjs";
import { a as V } from "./topBarRoutes-0VuQ_i6D.mjs";
import "./VariantToVariantExtension-WcLvPNqG.mjs";
import "./DatahubDataTypeVariantValueEditor-f1gR3QCx.mjs";
import { o as k } from "./OfferRelationController-BHWbvT3n.mjs";
import { b as i } from "./product-relation.json_vue_type_i18n_index_0_src_true_lang-D8v7hF1s.mjs";
const _ = /* @__PURE__ */ l({
  __name: "ChannelsDataTypeOfferRelationValueEditor",
  props: {
    modelValue: {},
    modelModifiers: {}
  },
  emits: ["update:modelValue"],
  setup(r) {
    const t = n(r, "modelValue"), { t: o } = f(), a = p({
      listEndpoint: k.listNotAssociatedEntities,
      addButtonCaption: o("pim-plugin.product-relation.addProduct"),
      itemTitle: "sku",
      notAssociatedEntitiesParams: {
        // connectionId: @todo check its value should case from
        // const connectionId = Polymer.Path.get(this.entity, 'connectionId');
      },
      columns: [
        {
          id: "id",
          header: "common.id"
        },
        {
          id: "sku",
          header: o("pim-plugin.product-relation.sku")
        },
        {
          id: "attributeSetName",
          header: o("pim-plugin.product-relation.attributeSet")
        }
      ]
    });
    return (b, e) => (d(), u(s(V), c({
      modelValue: t.value,
      "onUpdate:modelValue": e[0] || (e[0] = (m) => t.value = m)
    }, a.value), null, 16, ["modelValue"]));
  }
});
typeof i == "function" && i(_);
export {
  _ as default
};
