@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.7

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js

@@ -1,63 +1,72 @@
-import { ref as l, createElementBlock as o, openBlock as d, createElementVNode as e, createStaticVNode as c, createVNode as t, unref as a, withCtx as r, createTextVNode as n } from "vue";
-import { FormKit as f } from "@formkit/vue";
-import { PhLightbulb as h } from "@phosphor-icons/vue";
-import b from "../../../components/StepActionsSection.vue.js";
-import u from "../Card.vue.js";
-import v from "../ListBox/ListBoxDefinition.js";
+import { ref as b, computed as v, createElementBlock as f, openBlock as g, createElementVNode as e, createStaticVNode as p, createVNode as a, unref as l, withCtx as o, createTextVNode as t } from "vue";
+import { FormKit as m } from "@formkit/vue";
+import { PhLightbulb as S } from "@phosphor-icons/vue";
+import k from "../../../components/StepActionsSection.vue.js";
+import y from "../Card.vue.js";
+import _ from "../ListBox/ListBoxDefinition.js";
 /* empty css                         */
-import g from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "dpiV3_page V3-typography" }, m = { class: "funny-section" }, S = { class: "funny-flex" }, k = { class: "funny-section" }, _ = { class: "funny-section" }, y = {
+import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const I = { class: "dpiV3_page V3-typography" }, w = { class: "funny-section" }, V = { class: "funny-flex" }, x = { class: "funny-section" }, N = { class: "funny-section" }, O = {
   __name: "DiscoverabilityStep",
-  setup(z) {
-    const s = l([
-      { id: "1", name: "Öffentlich", unavailable: !1 },
-      { id: "2", name: "Eingeschränkt", unavailable: !1 },
-      { id: "3", name: "Intern", unavailable: !1 }
-    ]);
-    return (I, i) => (d(), o("div", p, [
-      e("section", m, [
-        e("div", S, [
-          i[0] || (i[0] = c('<div data-v-4f1b28b3><h4 data-v-4f1b28b3> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-4f1b28b3><span class="copy-large-regular" data-v-4f1b28b3> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-4f1b28b3><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-4f1b28b3><div class="variant-content" data-v-4f1b28b3><p data-v-4f1b28b3><strong data-v-4f1b28b3>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
-          t(a(f), {
-            type: a(v),
+  setup(P) {
+    const r = b([
+      { id: "public", name: "Öffentlich", unavailable: !1 },
+      { id: "restricted", name: "Eingeschränkt", unavailable: !1 },
+      { id: "internal", name: "Intern", unavailable: !1 }
+    ]), d = v(() => r.value.map((n) => String(n.id))), c = (n) => {
+      var i;
+      return ((i = r.value.find((s) => String(s.id) === String(n))) == null ? void 0 : i.name) ?? n;
+    }, u = (n) => String(n), h = (n) => {
+      var i;
+      return !!((i = r.value.find((s) => String(s.id) === String(n))) != null && i.unavailable);
+    };
+    return (n, i) => (g(), f("div", I, [
+      e("section", w, [
+        e("div", V, [
+          i[0] || (i[0] = p('<div data-v-b97995a8><h4 data-v-b97995a8> Legen Sie die Sichtbarkeit Ihres Projekts fest </h4><div class="visibility-description" data-v-b97995a8><span class="copy-large-regular" data-v-b97995a8> Sie können für jedes Projekt individuell entscheiden, wer Ihre Metadaten sehen soll. Wir freuen uns, wenn Sie Ihre Daten möglichst offen teilen, um den Austausch zwischen den Kommunen zu fördern und gemeinsam von Erfahrungen und Lösungen zu profitieren. Gleichzeitig verstehen wir, dass manche Informationen einen geschützten Raum benötigen. Deshalb können Sie zwischen drei Sichtbarkeitsstufen wählen: </span></div><ul class="visibility-variants" data-v-b97995a8><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„öffentlich“</strong> (für alle Nutzer sichtbar) </p></div></li><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„eingeschränkt“</strong> (für alle registrierten Nutzer sichtbar) </p></div></li><li data-v-b97995a8><div class="variant-content" data-v-b97995a8><p data-v-b97995a8><strong data-v-b97995a8>„intern“</strong> (für alle registrierten Nutzer Ihrer Organisation und Nutzer, denen Sie oder Ihre Organisation Sichtrechte erteilt haben, sichtbar) </p></div></li></ul></div>', 1)),
+          a(l(m), {
+            type: l(_),
             name: "visibility",
             label: "Sichtbarkeit",
             placeholder: "Wählen Sie eine Sichtbarkeit.",
-            options: s.value,
+            options: d.value,
+            "option-label": c,
+            "option-value": u,
+            "option-disabled": h,
             validation: "required"
           }, null, 8, ["type", "options"])
         ])
       ]),
-      e("section", k, [
-        t(b)
+      e("section", x, [
+        a(k)
       ]),
-      e("section", _, [
-        t(u, { variant: "default" }, {
-          icon: r(() => [
-            t(a(h), {
+      e("section", N, [
+        a(y, { variant: "default" }, {
+          icon: o(() => [
+            a(l(S), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: r(() => i[1] || (i[1] = [
-            n(" Information ", -1)
+          title: o(() => i[1] || (i[1] = [
+            t(" Information ", -1)
           ])),
-          default: r(() => [
+          default: o(() => [
             i[2] || (i[2] = e("div", { class: "visibility-information" }, [
               e("p", null, [
-                n(" Wenn Sie Ihr Projekt "),
+                t(" Wenn Sie Ihr Projekt "),
                 e("strong", null, "öffentlich"),
-                n(" zugänglich machen, sehen alle Besucher unserer Website alle Metadaten, die Sie hier angeben. ")
+                t(" zugänglich machen, sehen alle Besucher unserer Website alle Metadaten, die Sie hier angeben. ")
               ]),
               e("p", null, [
-                n(" Bei einer "),
+                t(" Bei einer "),
                 e("strong", null, "eingeschränkten"),
-                n(" Veröffentlichung sehen alle registrierten Besucher unserer Website, egal welcher Kommune oder Organisation sie angehören, alle Metadaten, die Sie hier angeben. ")
+                t(" Veröffentlichung sehen alle registrierten Besucher unserer Website, egal welcher Kommune oder Organisation sie angehören, alle Metadaten, die Sie hier angeben. ")
               ]),
               e("p", null, [
-                n(" Für Projekte, die Sie exklusiv mit Ihrer eigenen Organisation teilen möchten, stellen Sie die Sichtbarkeit auf "),
+                t(" Für Projekte, die Sie exklusiv mit Ihrer eigenen Organisation teilen möchten, stellen Sie die Sichtbarkeit auf "),
                 e("strong", null, "intern"),
-                n(". ")
+                t(". ")
               ]),
               e("p", null, " Ihr Organisations-Admin kann für Projekte mit diesem Sichtstatus zusätzliche Sichtrechte an einzelne Personen anderer Organisationen vergeben, sofern diese registriert sind. "),
               e("p", null, " Sie können nicht nur für Projekte, sondern auch für Datensätze, die Sie über twin.bydata anlegen, die Sichtbarkeit Ihrer Daten (Metadaten und Rohdaten) einschränken. "),
@@ -70,7 +79,7 @@ const p = { class: "dpiV3_page V3-typography" }, m = { class: "funny-section" },
       ])
     ]));
   }
-}, B = /* @__PURE__ */ g(y, [["__scopeId", "data-v-4f1b28b3"]]);
+}, K = /* @__PURE__ */ z(O, [["__scopeId", "data-v-b97995a8"]]);
 export {
-  B as default
+  K as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as K, computed as o, createBlock as P, openBlock as C, unref as a } from "vue";
-import L from "../InputField.vue.js";
-const $ = /* @__PURE__ */ K({
+import { defineComponent as V, computed as o, createBlock as j, openBlock as K, unref as a } from "vue";
+import P from "../InputField.vue.js";
+const M = /* @__PURE__ */ V({
   __name: "InputFieldFormKit",
   props: {
     context: {}
   },
   setup(_) {
     var c, p, x, u, d, m, f;
-    const t = _, i = o({
+    const t = _, s = o({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -22,47 +22,51 @@ const $ = /* @__PURE__ */ K({
     }), k = o(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), I = o(() => {
+    }), y = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), y = o(() => {
+    }), b = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
-    }), b = o(() => {
+    }), I = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
-    }), s = o(() => {
+    }), i = o(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), l = o(() => {
-      var n, r, g, h, v;
-      if (!s.value)
+    }), r = o(() => {
+      var n, l, g, h, v;
+      if (!i.value)
         return "";
-      const e = (r = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : r[0];
+      const e = (l = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : l[0];
       return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
-    }), w = ((c = t.context) == null ? void 0 : c.inputType) || "text", E = ((p = t.context) == null ? void 0 : p.addOnText) || !1, O = ((x = t.context) == null ? void 0 : x.datePicker) || !1, B = ((u = t.context) == null ? void 0 : u.infoIcon) || !1, F = ((d = t.context) == null ? void 0 : d.preIcon) || !1, V = ((m = t.context) == null ? void 0 : m.showEndIcon) !== !1, j = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
-    return (e, n) => (C(), P(L, {
-      modelValue: i.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
+    }), w = ((c = t.context) == null ? void 0 : c.inputType) || "text", E = ((p = t.context) == null ? void 0 : p.addOnText) || !1, O = ((x = t.context) == null ? void 0 : x.datePicker) || !1;
+    (u = t.context) != null && u.infoIcon;
+    const B = ((d = t.context) == null ? void 0 : d.preIcon) || !1;
+    (m = t.context) == null || m.showEndIcon;
+    const F = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
+    return (e, n) => (K(), j(P, {
+      modelValue: s.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (l) => s.value = l),
       label: T.value,
-      placeholder: I.value,
+      placeholder: y.value,
       "input-type": a(w),
       "add-on-text": a(E),
       "date-picker": a(O),
-      "info-icon": a(B),
-      "pre-icon": a(F),
-      "show-end-icon": V,
-      "tooltip-text": a(j),
-      "show-error": s.value,
-      "supporting-hint-message": l.value,
-      "initial-hint-text": l.value,
-      error_message: l.value,
+      "info-icon": !1,
+      "pre-icon": a(B),
+      "show-end-icon": !1,
+      "tooltip-text": a(F),
+      "show-error": i.value,
+      "supporting-hint-message": r.value,
+      "initial-hint-text": r.value,
+      error_message: r.value,
       name: k.value,
-      trailing_text: y.value,
-      "trailing-text": b.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "info-icon", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing_text", "trailing-text"]));
+      trailing_text: b.value,
+      "trailing-text": I.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing_text", "trailing-text"]));
   }
 });
 export {
-  $ as default
+  M as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxDefinition.js

@@ -1,14 +1,19 @@
 import o from "./ListBoxFormKit.vue.js";
-const e = {
+const t = {
   type: "text",
   schema: [],
   component: o,
   props: [
     "label",
     "options",
-    "placeholder"
+    "placeholder",
+    // pass-through customization hooks & flags
+    "optionLabel",
+    "optionValue",
+    "optionDisabled",
+    "disabled"
   ]
 };
 export {
-  e as default
+  t as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxFormKit.vue.js

@@ -1,54 +1,82 @@
-import { defineComponent as v, computed as n, createBlock as b, openBlock as f } from "vue";
-import h from "./Listbox.vue.js";
-const k = /* @__PURE__ */ v({
+import { defineComponent as B, computed as n, createBlock as L, openBlock as V } from "vue";
+import _ from "./Listbox.vue.js";
+const j = /* @__PURE__ */ B({
   __name: "ListBoxFormKit",
   props: {
     context: {}
   },
-  setup(u) {
-    const o = u, s = n({
+  setup(p) {
+    const t = p, s = n({
       get: () => {
-        var e;
-        return ((e = o.context) == null ? void 0 : e._value) || "";
+        var o;
+        return String(((o = t.context) == null ? void 0 : o._value) || "");
       },
-      set: (e) => {
-        var t;
-        (t = o.context) == null || t.node.input(e);
+      set: (o) => {
+        var e;
+        (e = t.context) == null || e.node.input(o);
       }
-    }), p = n(() => {
-      var e;
-      return String(((e = o.context) == null ? void 0 : e.label) || "");
+    }), d = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.label) || "");
     }), m = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.name) || "");
+    }), l = n(() => {
       var e;
-      return String(((e = o.context) == null ? void 0 : e.name) || "");
-    }), i = n(() => {
-      var t;
-      const e = ((t = o.context) == null ? void 0 : t.options) || [];
-      return Array.isArray(e) ? e : [];
+      const o = ((e = t.context) == null ? void 0 : e.options) || [];
+      return Array.isArray(o) ? o : [];
+    }), v = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.placeholder) || "");
+    }), b = n(() => {
+      var o;
+      return Object.keys(((o = t.context) == null ? void 0 : o.messages) || {}).length > 0;
     }), x = n(() => {
-      var e;
-      return String(((e = o.context) == null ? void 0 : e.placeholder) || "");
-    }), d = n(() => {
-      var e;
-      return Object.keys(((e = o.context) == null ? void 0 : e.messages) || {}).length > 0;
-    }), g = n(() => {
-      var t, r, a, l, c;
-      if (!d.value)
+      var e, a, i, u, c;
+      if (!b.value)
         return "";
-      const e = (r = Object.keys(((t = o.context) == null ? void 0 : t.messages) || {})) == null ? void 0 : r[0];
-      return String(((c = (l = (a = o.context) == null ? void 0 : a.messages) == null ? void 0 : l[e]) == null ? void 0 : c.value) || "");
+      const o = (a = Object.keys(((e = t.context) == null ? void 0 : e.messages) || {})) == null ? void 0 : a[0];
+      return String(((c = (u = (i = t.context) == null ? void 0 : i.messages) == null ? void 0 : u[o]) == null ? void 0 : c.value) || "");
+    }), g = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionLabel;
+    }), f = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionValue;
+    }), h = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionDisabled;
+    }), y = n(() => {
+      var o;
+      return !!((o = t.context) != null && o.disabled);
+    }), r = n({
+      get: () => {
+        const o = s.value;
+        return o ? l.value.find((a) => String(a.id) === String(o)) ?? o : "";
+      },
+      set: (o) => {
+        if (typeof o == "string") {
+          s.value = o;
+          return;
+        }
+        s.value = String((o == null ? void 0 : o.id) ?? "");
+      }
     });
-    return (e, t) => (f(), b(h, {
-      modelValue: s.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
-      options: i.value,
-      label: p.value,
+    return (o, e) => (V(), L(_, {
+      modelValue: r.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (a) => r.value = a),
+      options: l.value,
+      label: d.value,
       name: m.value,
-      "error-message": g.value,
-      placeholder: x.value
-    }, null, 8, ["modelValue", "options", "label", "name", "error-message", "placeholder"]));
+      "error-message": x.value,
+      placeholder: v.value,
+      "option-label": g.value,
+      "option-value": f.value,
+      "option-disabled": h.value,
+      disabled: y.value
+    }, null, 8, ["modelValue", "options", "label", "name", "error-message", "placeholder", "option-label", "option-value", "option-disabled", "disabled"]));
   }
 });
 export {
-  k as default
+  j as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js

@@ -1,7 +1,7 @@
 import o from "./Listbox.vue2.js";
 /* empty css             */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e664b9ea"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0071f1d0"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, mergeModels as h, useModel as B, computed as C, createElementBlock as _, openBlock as i, createVNode as u, unref as s, withCtx as n, normalizeClass as d, createElementVNode as b, createCommentVNode as M, renderSlot as D, createTextVNode as k, toDisplayString as c, createBlock as x, resolveDynamicComponent as S, Fragment as F, renderList as N } from "vue";
+import { defineComponent as L, mergeModels as h, useModel as B, computed as C, createElementBlock as _, openBlock as r, createVNode as u, unref as a, withCtx as i, normalizeClass as d, createElementVNode as b, createCommentVNode as M, renderSlot as D, createTextVNode as k, toDisplayString as c, createBlock as x, resolveDynamicComponent as S, Fragment as F, renderList as N } from "vue";
 import { Listbox as E, ListboxButton as w, ListboxLabel as z, ListboxOptions as O, ListboxOption as P } from "@headlessui/vue";
 import { PhCaretUp as U, PhCaretDown as q } from "@phosphor-icons/vue";
 const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "listbox__input-icon" }, I = /* @__PURE__ */ L({
@@ -9,8 +9,8 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     errorMessage: { default: "" },
     name: { default: "" },
     placeholder: { default: "" },
-    optionLabel: { type: Function, default: (a) => a },
-    optionValue: { type: Function, default: (a) => a },
+    optionLabel: { type: Function, default: (s) => s },
+    optionValue: { type: Function, default: (s) => s },
     optionDisabled: { type: Function, default: () => !1 },
     disabled: { type: Boolean }
   }, {
@@ -18,8 +18,8 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const l = a, o = B(a, "modelValue"), f = C(() => !!l.errorMessage);
+  setup(s) {
+    const l = s, o = B(s, "modelValue"), f = C(() => !!l.errorMessage);
     function p(e) {
       return e ? typeof e == "string" ? l.optionLabel(e) : String(e.name) || String(e.id) : "";
     }
@@ -29,27 +29,26 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     function g(e) {
       return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
     }
-    function V(e, r) {
-      console.log(e, r);
-      const t = v(e), m = v(r);
+    function V(e, n) {
+      const t = v(e), m = v(n);
       return t === m;
     }
-    return (e, r) => (i(), _("div", T, [
-      u(s(E), {
+    return (e, n) => (r(), _("div", T, [
+      u(a(E), {
         modelValue: o.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value = t),
         name: l.name,
         by: V,
         disabled: l.disabled
       }, {
-        default: n(() => [
-          u(s(w), {
+        default: i(() => [
+          u(a(w), {
             as: "button",
             class: d(["listbox__button", { "listbox__button--error": f.value, "listbox__button--disabled": l.disabled }])
           }, {
-            default: n(({ open: t }) => [
-              u(s(z), { as: "div" }, {
-                default: n(() => [
+            default: i(({ open: t }) => [
+              u(a(z), { as: "div" }, {
+                default: i(() => [
                   D(e.$slots, "label", {
                     label: l.label,
                     selected: o.value
@@ -64,28 +63,28 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
                   class: d(["listbox__input-label", { "listbox__input-label--placeholder": !o.value }])
                 }, c(p(o.value) || l.placeholder), 3),
                 b("div", j, [
-                  (i(), x(S(t ? s(U) : s(q)), { size: "1.5rem" }))
+                  (r(), x(S(t ? a(U) : a(q)), { size: "1.5rem" }))
                 ])
               ]),
-              e.errorMessage ? (i(), _("div", {
+              e.errorMessage ? (r(), _("div", {
                 key: 0,
                 class: d(["listbox__message", { "listbox__message--error": f.value }])
               }, c(e.errorMessage), 3)) : M("", !0)
             ]),
             _: 3
           }, 8, ["class"]),
-          u(s(O), {
+          u(a(O), {
             class: "listbox__options",
             as: "ul"
           }, {
-            default: n(() => [
-              (i(!0), _(F, null, N(e.options, (t) => (i(), x(s(P), {
+            default: i(() => [
+              (r(!0), _(F, null, N(e.options, (t) => (r(), x(a(P), {
                 key: typeof t == "string" ? t : t.id,
                 as: "template",
                 value: t,
                 disabled: g(t)
               }, {
-                default: n(({ active: m, selected: y }) => [
+                default: i(({ active: m, selected: y }) => [
                   b("li", {
                     class: d(["listbox__option", { "listbox__option--active": m, "listbox__option--selected": y }])
                   }, c(p(t)), 3)

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js

@@ -1,7 +1,7 @@
-import t from "./DatasetStep.vue2.js";
+import e from "./DatasetStep.vue2.js";
 /* empty css                 */
-import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-df1f1d4a"]]);
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(e, [["__scopeId", "data-v-40ceeeee"]]);
 export {
   r as default
 };