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

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

@@ -1,5 +1,6 @@
-import { defineComponent as P, ref as m, computed as c, watch as $, toRef as M, createBlock as p, openBlock as r, withCtx as u, createElementVNode as v, createVNode as s, createElementBlock as S, unref as w, isRef as W, Fragment as _, renderList as z, createTextVNode as D, toDisplayString as K, createCommentVNode as L, nextTick as j } from "vue";
-import { FormKit as I } from "@formkit/vue";
+import { defineComponent as $, ref as v, computed as c, watch as M, toRef as W, createBlock as m, openBlock as o, withCtx as u, createCommentVNode as x, createVNode as s, createElementBlock as S, createElementVNode as y, unref as f, isRef as K, Fragment as D, renderList as B, createTextVNode as I, toDisplayString as L, nextTick as j } from "vue";
+import { FormKit as R } from "@formkit/vue";
+import "@phosphor-icons/vue";
 import { defineHubSearch as q } from "@piveau/sdk-vue";
 import J from "zod";
 import Q from "../../../components/StepActionsSection.vue.js";
@@ -8,134 +9,118 @@ import Y from "../Card.vue.js";
 import Z from "../Chip.vue.js";
 import ee from "../DpiModalBase.vue.js";
 import te from "../SummaryBox.vue.js";
-import ne from "./ProcessStepBase.vue.js";
+import ne from "./AreYouSureToSkipCard.vue.js";
+import re from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import B from "./SoftwareForm.vue.js";
-import { useProcessStepResources as ie, ensureHasOneResource as oe } from "./utils.js";
-const re = {
-  key: 0,
-  class: "software-step__card-list--empty"
-}, ae = {
+import z from "./SoftwareForm.vue.js";
+import { useProcessStepResources as oe, ensureHasOneResource as ie } from "./utils.js";
+const ae = {
   key: 1,
+  class: "software-step__card-list--empty"
+}, le = {
+  key: 2,
   class: "software-step__card-list"
-}, le = { class: "functionalities" }, ue = { class: "" }, ge = /* @__PURE__ */ P({
+}, ue = { class: "functionalities" }, se = { class: "" }, De = /* @__PURE__ */ $({
   __name: "SoftwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(E) {
-    const y = E, d = m(!1), i = m([]), { useResources: R } = q({
+  setup(T) {
+    const b = T, d = v(!1), r = v([]), { useResources: C } = q({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/software",
       schema: J.any()
     }, (e) => {
-      var f, l;
-      const t = String((e == null ? void 0 : e.id) || ""), o = String(((f = e == null ? void 0 : e.name) == null ? void 0 : f.de) || ((l = e == null ? void 0 : e.name) == null ? void 0 : l.en) || "");
+      var p, l;
+      const t = String((e == null ? void 0 : e.id) || ""), i = String(((p = e == null ? void 0 : e.name) == null ? void 0 : p.de) || ((l = e == null ? void 0 : e.name) == null ? void 0 : l.en) || "");
       return {
         ...e,
         id: t,
-        name: o
+        name: i
       };
-    }), b = R(c(() => i.value.map((e) => ({
+    }), _ = C(c(() => r.value.map((e) => ({
       resourceId: e.id
-    })))), T = c(() => b.value.every((e) => e.isSuccess)), k = c(() => T.value ? b.value.map((e, t) => {
-      const o = e.resultEnhanced;
+    })))), E = c(() => _.value.every((e) => e.isSuccess)), V = c(() => E.value ? _.value.map((e, t) => {
+      const i = e.resultEnhanced;
       return {
-        id: o.id,
-        name: (o == null ? void 0 : o.name) || "",
-        functionalities: i.value[t].functionalities
+        id: i.id,
+        name: (i == null ? void 0 : i.name) || "",
+        functionalities: r.value[t].functionalities
       };
-    }) : []), a = m(""), C = c(() => {
+    }) : []), a = v(""), F = c(() => {
       var e;
-      return [...((e = i.value.find((t) => t.id === a.value)) == null ? void 0 : e.functionalities) || []];
-    }), h = m(0);
-    $(d, (e, t) => {
-      !e && t && h.value++;
+      return [...((e = r.value.find((t) => t.id === a.value)) == null ? void 0 : e.functionalities) || []];
+    }), w = v(0);
+    M(d, (e, t) => {
+      !e && t && w.value++;
     });
     function H(e) {
-      return i.value.find((t) => t.id === e);
-    }
-    function g(e) {
-      return i.value.findIndex((t) => t.id === e);
+      return r.value.find((t) => t.id === e);
     }
-    function F(e) {
-      const t = g(e);
-      t !== -1 && i.value.splice(t, 1);
+    function k(e) {
+      return r.value.findIndex((t) => t.id === e);
     }
-    async function N(e) {
-      H(e) && (a.value = e, h.value++, await j(), d.value = !0);
+    function N(e) {
+      const t = k(e);
+      t !== -1 && r.value.splice(t, 1);
     }
-    function V(e) {
-      i.value.push(e), d.value = !1, a.value = "";
+    async function U(e) {
+      H(e) && (a.value = e, w.value++, await j(), d.value = !0);
     }
-    function U(e) {
-      const t = g(e.id);
-      t !== -1 && (i.value.splice(t, 1), i.value.splice(t, 0, e.software), a.value = "", d.value = !1);
+    function g(e) {
+      r.value.push(e), d.value = !1, a.value = "";
     }
-    function A() {
-      const e = [
-        {
-          id: "9121b609-c2e1-4aa8-a602-f26869717c85",
-          functionalities: [
-            "Interaktive Dashboards"
-          ]
-        },
-        {
-          id: "78302e16-32b1-44ed-896c-b92da0d2029f",
-          functionalities: [
-            "Entscheidungsunterstuetzungswerkzeuge",
-            "Benutzerdefinierte Ebenen",
-            "Echtzeit-Integration von Sensordaten"
-          ]
-        }
-      ];
-      i.value = [...e];
+    function A(e) {
+      const t = k(e.id);
+      t !== -1 && (r.value.splice(t, 1), r.value.splice(t, 0, e.software), a.value = "", d.value = !1);
     }
-    const G = c(() => i.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), O = c(() => i.value.length > 0 ? "primary" : "secondary"), { model: x } = ie(y.stepGroup || "", M(y.edit));
-    return (e, t) => (r(), p(ne, {
+    const G = c(() => r.value.length > 0 ? "Weiter" : "Weiter ohne Software"), O = c(() => r.value.length > 0 ? "primary" : "secondary"), { count: h, realCount: P } = oe(b.stepGroup || "", W(b.edit));
+    return (e, t) => (o(), m(re, {
       title: "Geben Sie Informationen zur verwendeten Software an",
       subtitle: "Die Software wird zentral von uns verwaltet. Sie können in diesem Schritt auswählen, welche Software Sie verwendet haben. Sobald Sie eine Software zugeordnet haben, geben Sie bitte an, welche Funktionalitäten der Software Sie für diesen Schritt benötigt haben."
     }, {
-      default: u(({ confirm: o }) => [
-        v("button", { onClick: A }, " Software hinzufügen "),
-        s(w(I), {
-          modelValue: w(x),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => W(x) ? x.value = n : null),
-          type: "group",
+      default: u(({ confirm: i }) => [
+        x("", !0),
+        s(f(R), {
+          modelValue: f(h),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => K(h) ? h.value = n : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: w(oe) },
+          "validation-rules": { ensureHasOneResource: f(ie) },
           validation: "+ensureHasOneResource",
           "validation-visibility": "live",
           "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
         }, null, 8, ["modelValue", "validation-rules"]),
-        s(w(I), {
-          modelValue: i.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
+        s(f(R), {
+          modelValue: r.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        k.value.length ? (r(), S("section", ae, [
-          (r(!0), S(_, null, z(k.value, (n, f) => (r(), p(X, {
-            key: f,
+        V.value.length ? (o(), S("section", le, [
+          (o(!0), S(D, null, B(V.value, (n, p) => (o(), m(X, {
+            key: p,
             class: "software-card",
-            onEdit: (l) => N(n.id),
-            onDelete: (l) => o({ id: n.id, resourceType: "Software", resource: n.name, callback: F })
+            onEdit: (l) => U(n.id),
+            onDelete: (l) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: N })
           }, {
             "sub-title": u(() => t[5] || (t[5] = [
-              D(" Name ", -1)
+              I(" Name ", -1)
             ])),
             title: u(() => [
-              D(K(n.name), 1)
+              I(L(n.name), 1)
             ]),
             default: u(() => [
               s(te, { title: "Genutzte Funktionalitäten" }, {
                 default: u(() => [
-                  v("div", le, [
-                    (r(!0), S(_, null, z(n.functionalities, (l) => (r(), p(Z, {
+                  y("div", ue, [
+                    (o(!0), S(D, null, B(n.functionalities, (l) => (o(), m(Z, {
                       key: l,
                       text: l,
                       data: { "@value": "", URI: "" },
@@ -148,42 +133,46 @@ const re = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (r(), S("section", re, [
+        ])) : (o(), S("section", ae, [
           s(Y, {
             small: "",
             class: "empty-card"
           }, {
             default: u(() => t[4] || (t[4] = [
-              v("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
+              y("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [4]
           })
         ])),
-        s(B, {
-          exclude: i.value.map((n) => n.id),
-          onSubmit: V
+        s(z, {
+          exclude: r.value.map((n) => n.id),
+          onSubmit: g
         }, null, 8, ["exclude"]),
-        v("section", ue, [
+        y("section", se, [
           s(Q, {
             "next-text": G.value,
             "next-variant": O.value
-          }, null, 8, ["next-text", "next-variant"])
+          }, null, 8, ["next-text", "next-variant"]),
+          f(P) === 0 ? (o(), m(ne, {
+            key: 0,
+            "resource-label": "Software"
+          })) : x("", !0)
         ]),
         s(ee, {
           modelValue: d.value,
           "onUpdate:modelValue": t[3] || (t[3] = (n) => d.value = n)
         }, {
           default: u(() => [
-            a.value ? (r(), p(B, {
-              key: h.value,
+            a.value ? (o(), m(z, {
+              key: w.value,
               modelValue: a.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
-              functionalities: C.value,
-              exclude: i.value.map((n) => n.id),
-              onSubmit: V,
-              onPatch: U
-            }, null, 8, ["modelValue", "functionalities", "exclude"])) : L("", !0)
+              functionalities: F.value,
+              exclude: r.value.map((n) => n.id),
+              onSubmit: g,
+              onPatch: A
+            }, null, 8, ["modelValue", "functionalities", "exclude"])) : x("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -193,5 +182,5 @@ const re = {
   }
 });
 export {
-  ge as default
+  De as default
 };

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

@@ -1,49 +1,34 @@
-import { required as m } from "@formkit/rules";
-import { useFormKitNodeById as l } from "@formkit/vue";
-import { computed as a, toValue as p } from "vue";
-function b(e) {
+import { useFormKitNodeById as u } from "@formkit/vue";
+import { computed as o, toValue as m } from "vue";
+const y = 999;
+function h(e) {
   if (e != null && !(Array.isArray(e) && e.length === 0) && !(typeof e == "object" && Object.keys(e).length === 0) && !(typeof e == "string" && e.trim() === ""))
     return e;
 }
-function v(e, c) {
-  const n = l(`${e}/Software`), u = l(`${e}/Datensätze`), f = l(`${e}/Hardware`), i = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = n.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
-  }), d = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = u.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
-  }), h = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = f.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
-  });
-  return {
-    model: a({
-      get() {
-        const t = p(c);
-        return {
-          Software: t ? i.value : 999,
-          Datensätze: t ? d.value : 999,
-          Hardware: t ? h.value : 999
-        };
-      },
-      set() {
-      }
-    })
-  };
-}
-function O(e) {
-  const c = ["Software", "Datensätze", "Hardware"], n = e.at("$parent"), u = n == null ? void 0 : n.name, [f, i] = (u == null ? void 0 : u.split("/")) || [];
-  if (c.filter((s) => s !== i).every((s) => {
+function w(e, i) {
+  const l = u(`${e}/Software`), d = u(`${e}/Datensätze`), f = u(`${e}/Hardware`), n = (t) => Array.isArray(t) ? t.length : 0, s = o(() => {
+    var t, r;
+    return n((r = (t = l.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), c = o(() => {
     var t, r;
-    return (t = e == null ? void 0 : e._value) != null && t[s] ? Number((r = e == null ? void 0 : e._value) == null ? void 0 : r[s]) === 0 : !0;
-  })) {
-    const s = e.at("$parent.selected");
-    return s ? m(s) : !0;
-  }
-  return !0;
+    return n((r = (t = d.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), a = o(() => {
+    var t, r;
+    return n((r = (t = f.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), v = o({
+    get() {
+      return !m(i) ? String(y) : String(s.value + c.value + a.value);
+    },
+    set() {
+    }
+  }), S = o(() => s.value + c.value + a.value);
+  return { count: v, softwareSelected: s, datasetsSelected: c, hardwareSelected: a, realCount: S };
+}
+function A(e) {
+  return Number((e == null ? void 0 : e._value) ?? 0) > 0;
 }
 export {
-  O as ensureHasOneResource,
-  b as looseRenderable,
-  v as useProcessStepResources
+  A as ensureHasOneResource,
+  h as looseRenderable,
+  w as useProcessStepResources
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js

@@ -42,7 +42,7 @@ const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-ove
       ])
     ]));
   }
-}, w = /* @__PURE__ */ h(j, [["__scopeId", "data-v-3bfd4517"]]);
+}, w = /* @__PURE__ */ h(j, [["__scopeId", "data-v-71eb4095"]]);
 export {
   w as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProgressSteps.vue2.js";
 /* empty css                   */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-03c01e93"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-599e3d1c"]]);
 export {
   p as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./StepActionsSection.vue2.js";
 /* empty css                        */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8b3e09cd"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-74ea6547"]]);
 export {
-  r as default
+  a as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as B, inject as P, ref as h, watch as z, toRef as E, computed as F, createElementBlock as u, openBlock as i, createElementVNode as c, createBlock as _, createCommentVNode as I, renderSlot as g, createVNode as d, normalizeStyle as M, withDirectives as p, vShow as y, withCtx as x, Fragment as A, renderList as D, toDisplayString as L, createTextVNode as R, nextTick as $ } from "vue";
-import { getNode as K, isNode as W } from "@formkit/core";
-import { getValidationMessages as j } from "@formkit/validation";
-import { useFormValues as J } from "../composables/useDpiFormValues.js";
-import f from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import O from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as Z } from "../utils/injectionKeys.js";
-const q = { class: "step-actions-container" }, G = { class: "step-actions" }, H = { class: "step-actions__prev-and-next" }, Q = { class: "validation-errors" }, ie = /* @__PURE__ */ B({
+import { defineComponent as P, inject as B, ref as p, watch as z, toRef as E, computed as F, createElementBlock as c, openBlock as r, createElementVNode as d, createBlock as M, createCommentVNode as _, renderSlot as g, createVNode as i, normalizeStyle as I, withDirectives as x, vShow as y, withCtx as f, Fragment as A, renderList as D, toDisplayString as L, createTextVNode as R, unref as $, nextTick as K } from "vue";
+import { getNode as W, isNode as j } from "@formkit/core";
+import { getValidationMessages as J } from "@formkit/validation";
+import { PhExclamationMark as O } from "@phosphor-icons/vue";
+import { useFormValues as Z } from "../composables/useDpiFormValues.js";
+import v from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import q from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as G } from "../utils/injectionKeys.js";
+const H = { class: "step-actions-container" }, Q = { class: "step-actions" }, U = { class: "step-actions__prev-and-next" }, X = { class: "validation-errors" }, le = /* @__PURE__ */ P({
   __name: "StepActionsSection",
   props: {
     hideCancel: { type: Boolean, default: !1 },
@@ -17,93 +18,93 @@ const q = { class: "step-actions-container" }, G = { class: "step-actions" }, H
     nextText: { default: "Weiter" },
     nextVariant: { default: "primary" }
   },
-  setup(U) {
-    const { formValues: C } = J(), e = P(Z);
+  setup(Y) {
+    const { formValues: C } = Z(), e = B(G);
     e || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
     function S(t) {
       return t !== void 0;
     }
-    const r = h(!1), a = h([]);
+    const s = p(!1), a = p([]);
     function V(t) {
       if (!t)
         return;
-      const n = j(t);
+      const n = J(t);
       !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, k]) => k.map((w) => String(w.value))));
     }
     e && z(e.activeStep, () => {
-      a.value.splice(0, a.value.length), r.value = !1;
+      a.value.splice(0, a.value.length), s.value = !1;
     });
     const N = E(e == null ? void 0 : e.steps);
-    function v(t) {
+    function m(t) {
       var o;
       const n = (o = N.value) == null ? void 0 : o[t];
       return n ? n.valid : !1;
     }
     function T() {
-      v((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
+      m((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
     }
-    function m() {
+    function h() {
       window.alert("WIP");
     }
-    function s() {
+    function l() {
       e == null || e.goToPreviousStep();
     }
-    const b = F(() => e != null && e.activeStep.value ? K(e == null ? void 0 : e.activeStep.value) : null);
-    async function l() {
+    const b = F(() => e != null && e.activeStep.value ? W(e == null ? void 0 : e.activeStep.value) : null);
+    async function u() {
       if (!S(e))
         return;
-      e.triggerValidationCurrentStep(), await $();
+      e.triggerValidationCurrentStep(), await K();
       const t = b.value;
-      if (t ? !v((e == null ? void 0 : e.activeStep.value) || "") : !1) {
-        if (!W(t)) {
+      if (t ? !m((e == null ? void 0 : e.activeStep.value) || "") : !1) {
+        if (!j(t)) {
           console.error("Current step node is not a FormKitNode", t);
           return;
         }
-        V(t), r.value = !0;
+        V(t), s.value = !0;
       }
       e != null && e.isLast.value ? window.alert(`Form submitted: ${JSON.stringify(C.value, null, 2)}`) : T();
     }
-    return (t, n) => (i(), u("div", q, [
-      c("div", G, [
+    return (t, n) => (r(), c("div", H, [
+      d("div", Q, [
         g(t.$slots, "default", {
-          handleCancel: m,
-          handlePrevious: s,
-          handleSubmit: l
+          handleCancel: h,
+          handlePrevious: l,
+          handleSubmit: u
         }, () => [
-          d(f, {
-            style: M({ opacity: t.hideCancel ? 0 : 1 }),
+          i(v, {
+            style: I({ opacity: t.hideCancel ? 0 : 1 }),
             variant: "tertiary",
             size: "large",
             type: "button",
             "button-text": t.cancelText,
-            onClick: m
+            onClick: h
           }, null, 8, ["style", "button-text"]),
-          c("div", H, [
+          d("div", U, [
             g(t.$slots, "prev-and-next", {
               hidePrevious: t.hidePrevious,
               hideNext: t.hideNext,
               previousText: t.previousText,
               nextText: t.nextText,
-              handlePrevious: s,
-              handleSubmit: l
+              handlePrevious: l,
+              handleSubmit: u
             }, () => [
-              p(d(f, {
+              x(i(v, {
                 variant: "secondary",
                 size: "large",
                 type: "button",
                 "button-text": t.previousText,
                 "icon-start": "CaretLeft",
-                onClick: s
+                onClick: l
               }, null, 8, ["button-text"]), [
                 [y, !t.hidePrevious]
               ]),
-              p(d(f, {
+              x(i(v, {
                 size: "large",
                 variant: t.nextVariant,
                 type: "button",
                 "button-text": t.nextText,
                 "icon-end": "CaretRight",
-                onClick: l
+                onClick: u
               }, null, 8, ["variant", "button-text"]), [
                 [y, !t.hideNext]
               ])
@@ -111,23 +112,29 @@ const q = { class: "step-actions-container" }, G = { class: "step-actions" }, H
           ])
         ], !0)
       ]),
-      r.value && a.value.length ? (i(), _(O, {
+      s.value && a.value.length ? (r(), M(q, {
         key: 0,
         variant: "error"
       }, {
-        title: x(() => n[0] || (n[0] = [
+        icon: f(() => [
+          i($(O), {
+            size: 32,
+            color: "currentColor"
+          })
+        ]),
+        title: f(() => n[0] || (n[0] = [
           R(" Bitte korrigieren Sie die folgenden Fehler ", -1)
         ])),
-        default: x(() => [
-          c("ul", Q, [
-            (i(!0), u(A, null, D(a.value, (o) => (i(), u("li", { key: o }, L(o), 1))), 128))
+        default: f(() => [
+          d("ul", X, [
+            (r(!0), c(A, null, D(a.value, (o) => (r(), c("li", { key: o }, L(o), 1))), 128))
           ])
         ]),
         _: 1
-      })) : I("", !0)
+      })) : _("", !0)
     ]));
   }
 });
 export {
-  ie as default
+  le as default
 };