@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js

@@ -0,0 +1,347 @@
+import { defineComponent as B, ref as h, computed as j, createElementBlock as f, openBlock as s, createElementVNode as t, createVNode as i, unref as l, withCtx as a, Fragment as k, renderList as y, createBlock as V, createTextVNode as D, createCommentVNode as L, withDirectives as U, vModelCheckbox as E } from "vue";
+import { FormKit as r } from "@formkit/vue";
+import { PhLightbulb as $ } from "@phosphor-icons/vue";
+import A from "../../../../stories/components/LinkCard.vue.js";
+import N from "../../../../stories/components/PartnerCard.vue.js";
+import G from "../../../../stories/components/ScreenshotCard.vue.js";
+import K from "../../../components/StepActionsSection.vue.js";
+import g from "../ButtonV3.vue.js";
+import T from "../Card.vue.js";
+import W from "../Chip.vue.js";
+import M from "../InputField.vue.js";
+import S from "../InputField/InputFieldDefinition.js";
+import Z from "../TextArea/TextAreaDefinition.js";
+const q = { class: "dpiV3_page V3-typography" }, O = {
+  id: "partners-section",
+  class: "funny-section"
+}, R = { class: "partner-cards-container" }, H = { class: "action-container" }, J = { class: "funny-section" }, Q = { class: "start-and-end" }, X = { class: "funny-section" }, Y = { class: "funny-section required-skills" }, ee = {
+  key: 0,
+  style: { display: "flex", "flex-wrap": "wrap" }
+}, te = ["id", "value"], ne = ["for"], ie = { class: "action-container" }, le = {
+  id: "partners-section",
+  class: "funny-section"
+}, ae = { class: "partner-cards-container" }, re = { class: "action-container" }, oe = {
+  id: "partners-section",
+  class: "funny-section"
+}, se = { class: "partner-cards-container" }, ue = { class: "action-container" }, de = 500, Ce = /* @__PURE__ */ B({
+  __name: "OptionalDataStep",
+  setup(me) {
+    const x = h(""), C = h([]), w = h([]), _ = h([]), P = j(() => {
+      var c;
+      return ((c = x.value) == null ? void 0 : c.length) || 0;
+    }), v = h(""), u = h([]);
+    function I(c) {
+      if (c && c.trim()) {
+        const e = c.trim();
+        u.value.includes(e) || u.value.push(e), v.value = "";
+      }
+    }
+    const z = h("");
+    return (c, e) => (s(), f("div", q, [
+      e[23] || (e[23] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Fügen Sie optionale Daten hinzu"),
+          t("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
+        ])
+      ], -1)),
+      t("section", O, [
+        e[9] || (e[9] = t("h5", null, " Partner ", -1)),
+        e[10] || (e[10] = t("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
+        t("div", R, [
+          i(l(r), {
+            modelValue: C.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => C.value = n),
+            type: "list",
+            name: "partners",
+            dynamic: ""
+          }, {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(N, null, {
+                    action: a(() => [
+                      i(g, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", H, [
+                i(g, {
+                  "button-text": "Partner hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => o.input(d.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      t("section", J, [
+        e[11] || (e[11] = t("h5", null, " Projektzeitraum ", -1)),
+        e[12] || (e[12] = t("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
+        t("div", Q, [
+          i(l(r), {
+            type: l(S),
+            name: "startDate",
+            "text-label": "Startdatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"]),
+          i(l(r), {
+            type: l(S),
+            name: "endDate",
+            "text-label": "Enddatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"])
+        ])
+      ]),
+      t("section", X, [
+        e[15] || (e[15] = t("h5", null, "Budget", -1)),
+        e[16] || (e[16] = t("div", { class: "budget" }, [
+          t("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
+        ], -1)),
+        i(l(r), {
+          modelValue: z.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => z.value = n),
+          type: l(S),
+          name: "budget",
+          "trailing-text": !0,
+          trailing_text: "€",
+          "text-label": "Budget",
+          placeholder: "....Budget",
+          validation: "number",
+          "validation-visibility": "submit",
+          inputmode: "numeric",
+          pattern: "[0-9]*"
+        }, null, 8, ["modelValue", "type"]),
+        i(l(r), {
+          id: "Förderung",
+          modelValue: x.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (n) => x.value = n),
+          class: "budgetArea",
+          label: "Förderung (optional)",
+          type: l(Z),
+          name: "budgetDescription",
+          "text-label": "Förderung (optional)",
+          placeholder: "Beschreiben Sie welche Förderung Sie erhalten haben.",
+          disabled: !z.value,
+          validation: "length:0,500",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${P.value} von ${de} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "disabled", "help"]),
+        i(T, { variant: "default" }, {
+          icon: a(() => [
+            i(l($), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: a(() => e[13] || (e[13] = [
+            D(" Information ", -1)
+          ])),
+          default: a(() => [
+            e[14] || (e[14] = t("div", { class: "copy-large-regular" }, [
+              t("p", null, "Ihre Angabe zum Gesamtbudget hilft anderen Kommunen, den Umfang Ihres Projekts besser einzuschätzen. Sie können hier auch einen Schätzwert eingeben, falls das Projekt z.B. noch nicht abgeschlossen ist. Wenn Sie eine Förderung erhalten und das Projekt ausschließlich damit finanziert haben, geben Sie die Fördersumme als Ihr Gesamtbudget an.")
+            ], -1))
+          ]),
+          _: 1,
+          __: [14]
+        })
+      ]),
+      t("section", Y, [
+        e[17] || (e[17] = t("h5", null, "Erforderliche Fachkompetenzen", -1)),
+        e[18] || (e[18] = t("p", null, "Damit andere Kommunen besser einschätzen können, welche Fachkenntnisse das Projektteam mitbringen sollte, bitten wir Sie, hier die Kompetenzfelder anzugeben, die für Ihr Projekt am Wichtigsten waren (z.B. Datenmanagement oder Projektmanagement).", -1)),
+        i(l(r), {
+          modelValue: u.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (n) => u.value = n),
+          type: "hidden",
+          name: "requiredExpertise"
+        }, null, 8, ["modelValue"]),
+        u.value.length > 0 ? (s(), f("div", ee, [
+          (s(!0), f(k, null, y(u.value, (n) => (s(), f("div", {
+            key: n,
+            class: "label-chip"
+          }, [
+            U(t("input", {
+              id: `hardware-${n}`,
+              "onUpdate:modelValue": e[4] || (e[4] = (o) => u.value = o),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: n
+            }, null, 8, te), [
+              [E, u.value]
+            ]),
+            t("label", {
+              class: "label-chip__label",
+              for: `hardware-${n}`
+            }, [
+              i(W, {
+                class: "label-chip__inner",
+                text: n,
+                data: {
+                  "@value": n,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "selected",
+                  "@icon": "suffix",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, ne)
+          ]))), 128))
+        ])) : L("", !0),
+        i(M, {
+          modelValue: v.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (n) => v.value = n),
+          label: "Erforderliche Fachkompetenz",
+          "input-type": "text",
+          placeholder: "Nennen Sie eine Fachkompetenz.",
+          "tooltip-text": "This is helpful information",
+          "add-on-text": !1,
+          "info-icon": !1,
+          "pre-icon": !1,
+          "show-end-icon": !1,
+          "initial-hint-text": !1
+        }, null, 8, ["modelValue"]),
+        t("div", ie, [
+          i(g, {
+            "button-text": "Fachkompetenz hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            onClick: e[6] || (e[6] = (n) => I(v.value))
+          })
+        ])
+      ]),
+      t("section", le, [
+        e[19] || (e[19] = t("h5", null, " Screenshots ", -1)),
+        e[20] || (e[20] = t("span", { class: "copy-large-regular" }, "Bilder oder Screenshots helfen einen besseren Eindruck von Ihrem Projekt zu bekommen. Aus rechtlichen und technischen Gründen können Sie keine Dateien hochladen. Geben Sie daher bitte die URL an, unter der das Bild oder der Screenshot dauerhaft zu erreichen sein wird.", -1)),
+        t("div", ae, [
+          i(l(r), {
+            modelValue: w.value,
+            "onUpdate:modelValue": e[7] || (e[7] = (n) => w.value = n),
+            type: "list",
+            name: "references",
+            dynamic: ""
+          }, {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(G, null, {
+                    action: a(() => [
+                      i(g, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", re, [
+                i(g, {
+                  "button-text": "Screenshot hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => o.input(d.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      t("section", oe, [
+        e[21] || (e[21] = t("h5", null, " Weiterführende Links ", -1)),
+        e[22] || (e[22] = t("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
+        t("div", se, [
+          i(l(r), {
+            modelValue: _.value,
+            "onUpdate:modelValue": e[8] || (e[8] = (n) => _.value = n),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: a(({ items: n, node: o, value: d }) => [
+              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(A, null, {
+                    action: a(() => [
+                      i(g, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", ue, [
+                i(g, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => o.input(d.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      i(K, { "next-text": "Weiter zu den Projektphasen" })
+    ]));
+  }
+});
+export {
+  Ce as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AccessServiceV3.vue.js

@@ -0,0 +1,189 @@
+import { ref as h, reactive as T, onMounted as z, createElementBlock as c, openBlock as r, normalizeClass as b, createCommentVNode as g, createBlock as D, Fragment as M, renderList as E, createElementVNode as L, createVNode as u, unref as d, toDisplayString as N, isRef as P } from "vue";
+import q from "../TextAreaV3.vue.js";
+import S from "../ButtonV3.vue.js";
+import W from "../ModalSimpleV3.vue.js";
+import w from "../InputField.vue.js";
+import { PhWarning as $ } from "@phosphor-icons/vue";
+/* empty css                     */
+import H from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, j = { class: "copy-mini-regular" }, G = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, J = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, K = {
+  __name: "AccessServiceV3",
+  props: {
+    accessServices: { type: Array, required: !0 },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 },
+    showDeleteButton: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update"],
+  setup(a, { expose: _, emit: A }) {
+    let s = h({});
+    const o = a, m = A, R = h(!1), V = h(null), l = T({});
+    let p = h(!1);
+    z(() => {
+      console.log("Component Mounted: accessServices received for distributionId:", o.distributionId), console.log("accessServices:", o.accessServices), o.accessServices.length === 0 && (console.log("No accessServices found, initializing first service."), m("update", [
+        {
+          id: 1,
+          "dcat:downloadURL": "",
+          "dct:title": "",
+          "dct:description": ""
+        }
+      ]));
+    });
+    const f = (t) => {
+      if (!t || t.trim() === "") return !1;
+      const i = t.trim();
+      return /\.[a-zA-Z]{2,}$/.test(i);
+    }, v = (t) => {
+      const i = t["dct:title"] && t["dct:title"].trim() !== "", e = t["dct:description"] && t["dct:description"].trim() !== "";
+      return i || e;
+    }, I = (t) => {
+      const i = o.accessServices.find((e) => e.id === t);
+      if (i) {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        v(i) ? e ? f(e) ? l[t] = null : l[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : l[t] = "Bitte geben Sie eine gültige URL ein." : e && !f(e) ? l[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : l[t] = null;
+      }
+    }, x = () => {
+      let t = !1;
+      return o.accessServices.forEach((i) => {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        v(i) ? e ? f(e) || (l[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0) : (l[i.id] = "URL ist erforderlich", t = !0) : e && !f(e) && (l[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0);
+      }), t;
+    }, k = (t) => {
+      switch (t) {
+        case "delete":
+          F();
+          break;
+      }
+    }, y = () => {
+      if (x())
+        return;
+      const i = {
+        id: (o.accessServices.length ? Math.max(...o.accessServices.map((e) => e.id)) : 0) + 1,
+        "dcat:downloadURL": "",
+        "dct:title": "",
+        "dct:description": ""
+      };
+      m("update", [...o.accessServices, i]);
+    }, U = (t, i, e) => {
+      const n = o.accessServices.map(
+        (B) => B.id === e ? { ...B, [i]: t.target.value } : B
+      );
+      m("update", n), setTimeout(() => {
+        I(e);
+      }, 0);
+    }, C = (t) => {
+      s.value = {
+        button: "Löschen",
+        header: "Datenservice löschen",
+        text: "Sind Sie sicher, dass Sie den Service löschen wollen?",
+        action: "delete",
+        optionalString_1: t["dct:title"],
+        optionalString_2: t["dcat:downloadURL"]
+      }, p.value = !0, V.value = t;
+    }, F = () => {
+      const t = o.accessServices.filter(
+        (i) => i.id !== V.value.id
+      );
+      delete l[V.value.id], m("update", t);
+    };
+    return _({
+      validateAllItems: x
+    }), (t, i) => (r(), c("div", {
+      class: b(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
+    }, [
+      (r(!0), c(M, null, E(a.accessServices, (e) => (r(), c("div", {
+        key: e.id,
+        class: b(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+      }, [
+        L("div", O, [
+          u(w, {
+            onInput: (n) => U(n, "dcat:downloadURL", e.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte URL eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: "URL",
+            showEndIcon: !1,
+            modelValue: e["dcat:downloadURL"],
+            "onUpdate:modelValue": (n) => e["dcat:downloadURL"] = n
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
+          l[e.id] ? (r(), c("div", Z, [
+            u(d($), {
+              size: 16,
+              weight: "fill"
+            }),
+            L("span", j, N(l[e.id]), 1)
+          ])) : g("", !0),
+          u(w, {
+            onInput: (n) => U(n, "dct:title", e.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte Titel eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: "Titel (optional)",
+            showEndIcon: !1,
+            modelValue: e["dct:title"],
+            "onUpdate:modelValue": (n) => e["dct:title"] = n,
+            defaultInput: !a.showDeleteButton
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "defaultInput"]),
+          u(q, {
+            onInput: (n) => U(n, "dct:description", e.id),
+            hint: !1,
+            label: "Beschreibung (optional)",
+            placeholder: "Bitte Beschreibung eingeben...",
+            modelValue: e["dct:description"],
+            "onUpdate:modelValue": (n) => e["dct:description"] = n,
+            showDeleteButton: a.showDeleteButton
+          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showDeleteButton"]),
+          R.value && a.accessServices.length === 1 ? (r(), c("p", G, " Mindestens eine URL muss vorhanden sein. ")) : g("", !0)
+        ]),
+        u(S, {
+          class: "dpiV3_tempAddMore",
+          buttonText: "Löschen",
+          size: "small",
+          iconStart: "trash",
+          variant: "tertiary",
+          onClick: (n) => C(e)
+        }, null, 8, ["onClick"])
+      ], 2))), 128)),
+      a.asCard ? g("", !0) : (r(), c("div", J, [
+        u(S, {
+          buttonText: "Weiteren Service hinzufügen",
+          size: "small",
+          iconStart: "plus",
+          variant: "tertiary",
+          onClick: y
+        })
+      ])),
+      d(p) ? (r(), D(W, {
+        key: 1,
+        buttons: d(s).button,
+        headerText: d(s).header,
+        text: d(s).text,
+        onClose: i[0] || (i[0] = (e) => P(p) ? p.value = !1 : p = !1),
+        action: d(s).action,
+        onActionHandling: i[1] || (i[1] = (e) => k(e)),
+        optionalString_1: d(s).optionalString_1,
+        optionalString_2: d(s).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : g("", !0)
+    ], 2));
+  }
+}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-9f224f36"]]);
+export {
+  oe as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/OptionalInformation/AvailabilityV3.vue.js

@@ -1,4 +1,4 @@
-import { onMounted as f, getCurrentInstance as m, ref as s, watch as y, createBlock as g, openBlock as x, unref as p } from "vue";
+import { onMounted as f, getCurrentInstance as m, ref as u, watch as y, createBlock as g, openBlock as x, unref as p } from "vue";
 import { getPlannedAvailability as I } from "../../services/dpiV3_apis.js";
 import w from "../Dropdown.vue.js";
 import { useI18n as B } from "vue-i18n";
@@ -16,31 +16,31 @@ const h = {
       const a = m().appContext.app.config.globalProperties.$env;
       try {
         const e = await I(a.api.baseUrl);
-        i.value = e.map((l) => ({
-          "@value": l.value,
-          label: l.label,
-          uri: l.uri
+        console.log(e), i.value = e.map((t) => ({
+          "@value": t.label,
+          label: t.label,
+          uri: t.uri
         })), console.log(i.value);
       } catch (e) {
         console.error("Failed to load planned availability data", e);
       }
     });
-    const o = d, i = s([]), n = s(o.availabilityText);
+    const o = d, i = u([]), n = u(o.availabilityText);
     i.value.uri;
-    const u = c, v = (t) => {
-      let a = i.value.find((l) => l["@value"] === t).uri || "", e = i.value.find((l) => l["@value"] === t).label || "";
-      console.log(e), u("addAvailability", t, o.distributionId, a, e);
+    const s = c, v = (l) => {
+      let a = i.value.find((t) => t["@value"] === l).uri || "", e = i.value.find((t) => t["@value"] === l).label || "";
+      console.log(e), s("addAvailability", l, o.distributionId, a, e);
     };
     y(
       () => o.availabilityText,
-      (t) => {
-        n.value = t;
+      (l) => {
+        n.value = l;
       }
     );
     const b = () => {
-      u("deleteButtonClicked", o.distributionId);
+      s("deleteButtonClicked", o.distributionId);
     };
-    return (t, a) => (x(), g(w, {
+    return (l, a) => (x(), g(w, {
       "onUpdate:modelValue": [
         a[0] || (a[0] = (e) => v(e)),
         a[1] || (a[1] = (e) => n.value = e)