@piveau/dpi 0.2.0-alpha.37 → 0.2.0-alpha.40

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

@@ -0,0 +1,126 @@
+import { defineComponent as _, mergeModels as N, useModel as A, computed as y, ref as v, watch as B, createElementBlock as s, openBlock as u, createCommentVNode as E, createVNode as c, createElementVNode as h, Fragment as M, renderList as R, unref as U } from "vue";
+import { toTypedSchema as x } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as z } from "vee-validate";
+import * as o from "zod";
+import O from "../ButtonV3.vue.js";
+import T from "../Chip.vue.js";
+import $ from "../InputField/InputFieldVeeValidate.vue.js";
+import j from "../ListBox/ListboxVeeValidate.vue.js";
+const w = { class: "functionality-form" }, D = {
+  key: 0,
+  class: "functionalities-container"
+}, L = { class: "step-section-actions" }, b = "Funktionalität ist erforderlich.", K = /* @__PURE__ */ _({
+  __name: "FunctionalityForm",
+  props: /* @__PURE__ */ N({
+    options: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const I = m, i = A(m, "modelValue"), d = y(
+      () => Array.from(i.value || [])
+    ), S = y(() => {
+      var e, n;
+      const t = d.value.join(" ");
+      return (n = (e = I.options) == null ? void 0 : e.filter((l) => !t.includes(l))) == null ? void 0 : n.sort((l, p) => l.localeCompare(p));
+    }), F = o.object({
+      functionalitySelect: o.string().optional(),
+      functionalityInput: o.string().optional()
+    }).superRefine((t, e) => {
+      const n = t.functionalitySelect && t.functionalitySelect.trim().length > 0, l = t.functionalityInput && t.functionalityInput.trim().length > 0;
+      !n && !l && (e.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: b,
+        path: ["functionalitySelect"]
+      }), e.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: b,
+        path: ["functionalityInput"]
+      }));
+    }), V = z({
+      validationSchema: x(F),
+      initialValues: {
+        functionalitySelect: "",
+        functionalityInput: ""
+      },
+      name: "functionalityForm"
+    }), {
+      handleSubmit: k,
+      resetForm: g
+    } = V, a = v(""), r = v(""), f = k((t) => {
+      var n;
+      const e = t.functionalitySelect || t.functionalityInput;
+      e && e.trim().length > 0 && !((n = i.value) != null && n.includes(e)) && (i.value = [...i.value || [], e]), g(), a.value = "", r.value = "";
+    });
+    B(a, (t) => {
+      t && t.trim().length > 0 && f();
+    });
+    function C(t) {
+      var e;
+      i.value = ((e = i.value) == null ? void 0 : e.filter((n) => n !== t)) || [];
+    }
+    return (t, e) => (u(), s("div", w, [
+      d.value.length > 0 ? (u(), s("div", D, [
+        (u(!0), s(M, null, R(d.value, (n, l) => (u(), s("div", {
+          key: l,
+          class: "functionalities"
+        }, [
+          c(T, {
+            text: n,
+            setup: {
+              "@type": "select",
+              "@icon": "suffix",
+              "@inTable": !1,
+              "@search": !1,
+              "@selected": !0
+            },
+            data: { "@value": n, URI: n },
+            "select-value": !0,
+            onClick: (p) => C(n)
+          }, null, 8, ["text", "data", "onClick"])
+        ]))), 128))
+      ])) : E("", !0),
+      c(j, {
+        modelValue: a.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => a.value = n),
+        name: "functionalitySelect",
+        options: S.value,
+        label: "Funktionalitäten auswählen",
+        placeholder: "Wählen Sie eine Funktionalität.",
+        disabled: t.disabled
+      }, null, 8, ["modelValue", "options", "disabled"]),
+      e[2] || (e[2] = h("h5", null, " oder ", -1)),
+      c($, {
+        modelValue: r.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value = n),
+        name: "functionalityInput",
+        "add-on-text": !1,
+        "date-picker": !1,
+        "info-icon": !1,
+        "show-end-icon": !1,
+        "pre-icon": !1,
+        "is-disabled": t.disabled,
+        label: "Funktionalitäten nennen",
+        placeholder: "Nennen Sie eine Funktionalität."
+      }, null, 8, ["modelValue", "is-disabled"]),
+      h("div", L, [
+        c(O, {
+          "button-text": "Funktionalität hinzufügen",
+          size: "medium",
+          variant: "tertiary",
+          "icon-start": "plus",
+          disabled: t.disabled,
+          onClick: U(f)
+        }, null, 8, ["disabled", "onClick"])
+      ])
+    ]));
+  }
+});
+export {
+  K as default
+};

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

@@ -1,7 +1,7 @@
 import o from "./HardwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4cf8fd8c"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5f91e301"]]);
 export {
-  m as default
+  e as default
 };