@piveau/dpi 0.2.0-alpha.52 → 0.2.0-alpha.54

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue.js

@@ -1,7 +1,7 @@
 import o from "./Organisation.vue2.js";
 /* empty css                  */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c1e08c52"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d75553ee"]]);
 export {
   i as default
 };

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

@@ -1,69 +1,69 @@
-import { defineComponent as f, computed as r, createElementBlock as t, openBlock as s, createElementVNode as i, unref as k, Fragment as y, toDisplayString as l } from "vue";
-import { useOrganizationInfo as b } from "../composables/useOrganizationInfo.js";
-import { useTwinbyUser as V } from "../composables/useTwinbyUser.js";
-const T = { class: "dpiV3_organisation" }, I = { class: "dpiV3_organisationInfo" }, O = { key: 0 }, E = { key: 0 }, S = {
+import { defineComponent as h, computed as r, createElementBlock as t, openBlock as s, createElementVNode as a, unref as m, Fragment as f, toDisplayString as l } from "vue";
+import { useOrganizationInfo as k } from "../composables/useOrganizationInfo.js";
+import { useTwinbyUser as y } from "../composables/useTwinbyUser.js";
+const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo" }, T = { key: 0 }, I = { key: 0 }, O = {
   key: 1,
   class: "not-available"
-}, C = { class: "dpiV3_organisationData" }, D = {
+}, E = { class: "dpiV3_organisationData" }, S = {
   key: 0,
   class: "dpiV3_organisationTitle"
-}, F = ["src"], L = { key: 1 }, w = { class: "info-wrapper" }, x = { class: "dpiV3_organisationTitle" }, z = { key: 0 }, B = {
+}, C = ["src"], D = { key: 1 }, F = { class: "info-wrapper" }, L = { class: "dpiV3_organisationTitle" }, w = { key: 0 }, x = {
   key: 1,
   class: "not-available"
-}, N = { key: 2 }, M = {
+}, z = { key: 2 }, B = {
   key: 3,
   class: "not-available"
-}, P = { class: "dpiV3_organisationTitle" }, U = { key: 0 }, W = {
+}, N = { class: "dpiV3_organisationTitle" }, M = { key: 0 }, P = {
   key: 1,
   class: "not-available"
-}, H = /* @__PURE__ */ f({
+}, A = /* @__PURE__ */ h({
   __name: "Organisation",
-  setup(j) {
-    const { organization: u, authToken: g, startFetchPermissions: h } = V();
-    h();
-    const { resultEnhanced: o, isLoading: m } = b({
-      id: u,
-      authToken: g
+  setup(U) {
+    const { organization: p, authToken: v, startFetchPermissions: u } = y();
+    u();
+    const { resultEnhanced: n, isLoading: g } = k({
+      id: p,
+      authToken: v
     }), d = r(
       () => {
-        var a, e, p, v;
-        return ((e = (a = o.value) == null ? void 0 : a.publisher) == null ? void 0 : e.name) || ((p = o.value) == null ? void 0 : p.title) || ((v = o.value) == null ? void 0 : v.id) || "";
+        var i, e;
+        return ((i = n.value) == null ? void 0 : i.title) || ((e = n.value) == null ? void 0 : e.id) || "";
       }
     ), c = r(
       () => {
-        var a, e;
-        return ((e = (a = o.value) == null ? void 0 : a.catalogueFavIcon) == null ? void 0 : e[0]) || "";
+        var i, e;
+        return ((e = (i = n.value) == null ? void 0 : i.catalogueFavIcon) == null ? void 0 : e[0]) || "";
       }
-    ), n = r(() => {
-      var a, e;
-      return ((e = (a = o.value) == null ? void 0 : a.publisher) == null ? void 0 : e.address) || {};
+    ), o = r(() => {
+      var i, e;
+      return ((e = (i = n.value) == null ? void 0 : i.publisher) == null ? void 0 : e.address) || {};
     }), _ = r(() => {
-      var a;
-      return ((a = o.value) == null ? void 0 : a.publisher) || {};
+      var i;
+      return ((i = n.value) == null ? void 0 : i.publisher) || {};
     });
-    return (a, e) => (s(), t("div", T, [
-      e[2] || (e[2] = i("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
-      e[3] || (e[3] = i("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
-      i("div", I, [
-        k(m) ? (s(), t("p", O, "Lade Organisationsdaten...")) : (s(), t(y, { key: 1 }, [
-          d.value ? (s(), t("p", E, l(d.value), 1)) : (s(), t("p", S, " Name nicht verfügbar ")),
-          i("div", C, [
-            c.value ? (s(), t("div", D, [
-              i("img", {
+    return (i, e) => (s(), t("div", b, [
+      e[2] || (e[2] = a("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
+      e[3] || (e[3] = a("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
+      a("div", V, [
+        m(g) ? (s(), t("p", T, "Lade Organisationsdaten...")) : (s(), t(f, { key: 1 }, [
+          d.value ? (s(), t("p", I, l(d.value), 1)) : (s(), t("p", O, " Name nicht verfügbar ")),
+          a("div", E, [
+            c.value ? (s(), t("div", S, [
+              a("img", {
                 src: c.value,
                 alt: ""
-              }, null, 8, F)
-            ])) : (s(), t("div", L, e[0] || (e[0] = [
-              i("div", { class: "avatar-circle" }, null, -1)
+              }, null, 8, C)
+            ])) : (s(), t("div", D, e[0] || (e[0] = [
+              a("div", { class: "avatar-circle" }, null, -1)
             ]))),
-            i("div", w, [
-              i("div", x, [
-                n.value.street ? (s(), t("p", z, l(n.value.street), 1)) : (s(), t("p", B, " Straße nicht verfügbar ")),
-                n.value.postalCode || n.value.locality ? (s(), t("p", N, l(n.value.postalCode || "") + " " + l(n.value.locality || ""), 1)) : (s(), t("p", M, " Ort nicht verfügbar "))
+            a("div", F, [
+              a("div", L, [
+                o.value.street ? (s(), t("p", w, l(o.value.street), 1)) : (s(), t("p", x, " Straße nicht verfügbar ")),
+                o.value.postalCode || o.value.locality ? (s(), t("p", z, l(o.value.postalCode || "") + " " + l(o.value.locality || ""), 1)) : (s(), t("p", B, " Ort nicht verfügbar "))
               ]),
-              i("div", P, [
-                e[1] || (e[1] = i("p", { class: "not-available" }, " Telefon nicht verfügbar ", -1)),
-                _.value.email ? (s(), t("p", U, l(_.value.email), 1)) : (s(), t("p", W, " E-Mail nicht verfügbar "))
+              a("div", N, [
+                e[1] || (e[1] = a("p", { class: "not-available" }, " Telefon nicht verfügbar ", -1)),
+                _.value.email ? (s(), t("p", M, l(_.value.email), 1)) : (s(), t("p", P, " E-Mail nicht verfügbar "))
               ])
             ])
           ])
@@ -73,5 +73,5 @@ const T = { class: "dpiV3_organisation" }, I = { class: "dpiV3_organisationInfo"
   }
 });
 export {
-  H as default
+  A as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./Autocomplete.vue2.js";
 /* empty css                  */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85b3470c"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a3b0d43e"]]);
 export {
-  c as default
+  r as default
 };

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

@@ -1,23 +1,27 @@
-import { defineComponent as w, mergeModels as L, useModel as k, computed as N, createElementBlock as s, openBlock as r, createVNode as i, unref as n, withCtx as d, createElementVNode as c, createBlock as m, createCommentVNode as f, renderSlot as _, createTextVNode as E, toDisplayString as b, normalizeClass as g, resolveDynamicComponent as F, Fragment as M, renderList as P } from "vue";
-import { Combobox as S, ComboboxLabel as z, ComboboxButton as $, ComboboxInput as A, ComboboxOptions as I, ComboboxOption as O } from "@headlessui/vue";
-import { PhCaretUp as U, PhCaretDown as K, PhCircleNotch as T } from "@phosphor-icons/vue";
-const j = { class: "autocomplete" }, G = { class: "autocomplete__wrapper" }, H = { class: "autocomplete__input-icon" }, J = {
+import { defineComponent as x, mergeModels as I, useModel as k, computed as L, createElementBlock as u, openBlock as n, createVNode as i, unref as r, withCtx as c, createElementVNode as d, createBlock as _, createCommentVNode as p, renderSlot as g, createTextVNode as N, toDisplayString as y, normalizeClass as m, resolveDynamicComponent as P, Fragment as M, renderList as z } from "vue";
+import { Combobox as E, ComboboxLabel as F, ComboboxButton as S, ComboboxInput as $, ComboboxOptions as A, ComboboxOption as O } from "@headlessui/vue";
+import { PhMagnifyingGlass as U, PhCaretUp as G, PhCaretDown as K, PhCircleNotch as T } from "@phosphor-icons/vue";
+const j = { class: "autocomplete" }, H = { class: "autocomplete__wrapper" }, J = {
+  key: 0,
+  class: "autocomplete__input-icon autocomplete__input-icon--left"
+}, Q = { class: "autocomplete__input-icon" }, R = {
   key: 0,
   class: "autocomplete__loading"
-}, Q = {
+}, W = {
   key: 0,
   class: "autocomplete__no-results"
-}, Y = /* @__PURE__ */ w({
+}, ee = /* @__PURE__ */ x({
   __name: "Autocomplete",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ I({
     options: {},
     label: { default: "" },
     errorMessage: { default: "" },
     placeholder: { default: "" },
     name: { default: "" },
     loading: { type: Boolean, default: !1 },
-    optionLabel: { type: Function, default: (u) => u },
-    optionValue: { type: Function, default: (u) => u },
+    searchIcon: { type: Boolean, default: !1 },
+    optionLabel: { type: Function, default: (s) => s },
+    optionValue: { type: Function, default: (s) => s },
     optionDisabled: { type: Function, default: () => !1 }
   }, {
     modelValue: { required: !0 },
@@ -26,121 +30,124 @@ const j = { class: "autocomplete" }, G = { class: "autocomplete__wrapper" }, H =
     queryModifiers: {}
   }),
   emits: ["update:modelValue", "update:query"],
-  setup(u) {
-    const l = u, p = k(u, "modelValue"), y = k(u, "query"), v = N(() => !!l.errorMessage);
+  setup(s) {
+    const o = s, f = k(s, "modelValue"), b = k(s, "query"), v = L(() => !!o.errorMessage);
     function B(e) {
       e.open && e.event.stopPropagation();
     }
     function D(e) {
-      return typeof e == "string" ? l.optionLabel(e) : e.name || String(e.id);
+      return typeof e == "string" ? o.optionLabel(e) : e.name || String(e.id);
     }
-    function C(e) {
-      return typeof e == "string" ? l.optionValue(e) : String(e.id);
+    function h(e) {
+      return typeof e == "string" ? o.optionValue(e) : String(e.id);
     }
-    function V(e) {
-      return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
+    function C(e) {
+      return typeof e == "string" ? o.optionDisabled(e) : !!e.unavailable;
     }
-    function q(e, o) {
-      if (!e || !o)
+    function q(e, l) {
+      if (!e || !l)
         return !1;
-      if (e === o)
+      if (e === l)
         return !0;
-      if (typeof e == "string" && typeof o == "string")
-        return e === o;
-      const t = C(e), a = C(o);
+      if (typeof e == "string" && typeof l == "string")
+        return e === l;
+      const t = h(e), a = h(l);
       return t === a;
     }
-    function x(e) {
+    function w(e) {
       return !e || typeof e == "string" ? "" : e.name || "";
     }
-    return (e, o) => (r(), s("div", j, [
-      i(n(S), {
-        modelValue: p.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (t) => p.value = t),
-        name: l.name,
+    return (e, l) => (n(), u("div", j, [
+      i(r(E), {
+        modelValue: f.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (t) => f.value = t),
+        name: o.name,
         by: q,
         nullable: ""
       }, {
-        default: d(() => [
-          c("div", G, [
-            l.label ? (r(), m(n(z), {
+        default: c(() => [
+          d("div", H, [
+            o.label ? (n(), _(r(F), {
               key: 0,
               class: "autocomplete__label",
               as: "div"
             }, {
-              default: d(() => [
-                _(e.$slots, "label", {
-                  label: l.label,
-                  selected: p.value
+              default: c(() => [
+                g(e.$slots, "label", {
+                  label: o.label,
+                  selected: f.value
                 }, () => [
-                  E(b(l.label), 1)
+                  N(y(o.label), 1)
                 ], !0)
               ]),
               _: 3
-            })) : f("", !0),
-            c("div", {
-              class: g(["autocomplete__input-container", { "autocomplete__input-container--error": v.value }])
+            })) : p("", !0),
+            d("div", {
+              class: m(["autocomplete__input-container", { "autocomplete__input-container--error": v.value }])
             }, [
-              i(n($), {
+              i(r(S), {
                 as: "div",
                 class: "autocomplete__input-wrapper"
               }, {
-                default: d(({ open: t }) => [
-                  i(n(A), {
-                    class: "autocomplete__input",
-                    "display-value": (a) => x(a),
-                    placeholder: l.placeholder,
-                    onChange: o[0] || (o[0] = (a) => y.value = a.target.value),
+                default: c(({ open: t }) => [
+                  o.searchIcon ? (n(), u("div", J, [
+                    i(r(U), { size: "1.5rem" })
+                  ])) : p("", !0),
+                  i(r($), {
+                    class: m(["autocomplete__input", { "autocomplete__input--with-left-icon": o.searchIcon }]),
+                    "display-value": (a) => w(a),
+                    placeholder: o.placeholder,
+                    onChange: l[0] || (l[0] = (a) => b.value = a.target.value),
                     onClick: (a) => B({ event: a, open: t })
-                  }, null, 8, ["display-value", "placeholder", "onClick"]),
-                  c("div", H, [
-                    (r(), m(F(t ? n(U) : n(K)), { size: "1.5rem" }))
+                  }, null, 8, ["class", "display-value", "placeholder", "onClick"]),
+                  d("div", Q, [
+                    (n(), _(P(t ? r(G) : r(K)), { size: "1.5rem" }))
                   ])
                 ]),
                 _: 1
               })
             ], 2),
-            e.errorMessage ? (r(), s("div", {
+            e.errorMessage ? (n(), u("div", {
               key: 1,
-              class: g(["autocomplete__message", { "autocomplete__message--error": v.value }])
-            }, b(e.errorMessage), 3)) : f("", !0)
+              class: m(["autocomplete__message", { "autocomplete__message--error": v.value }])
+            }, y(e.errorMessage), 3)) : p("", !0)
           ]),
-          i(n(I), {
+          i(r(A), {
             class: "autocomplete__options",
             as: "ul"
           }, {
-            default: d(() => [
-              l.loading ? (r(), s("div", J, [
-                _(e.$slots, "loading", {}, () => [
-                  i(n(T), {
+            default: c(() => [
+              o.loading ? (n(), u("div", R, [
+                g(e.$slots, "loading", {}, () => [
+                  i(r(T), {
                     size: "24px",
                     color: "#0172AD",
                     weight: "bold",
                     class: "autocomplete__loading-spinner"
                   })
                 ], !0)
-              ])) : (r(), s(M, { key: 1 }, [
-                (r(!0), s(M, null, P(l.options, (t) => (r(), m(n(O), {
+              ])) : (n(), u(M, { key: 1 }, [
+                (n(!0), u(M, null, z(o.options, (t) => (n(), _(r(O), {
                   key: typeof t == "string" ? t : t.id,
                   as: "template",
                   value: t,
-                  disabled: V(t)
+                  disabled: C(t)
                 }, {
-                  default: d(({ active: a, selected: h }) => [
-                    _(e.$slots, "option", {
+                  default: c(({ active: a, selected: V }) => [
+                    g(e.$slots, "option", {
                       option: t,
                       active: a,
-                      selected: h,
-                      disabled: V(t)
+                      selected: V,
+                      disabled: C(t)
                     }, () => [
-                      c("li", {
-                        class: g(["autocomplete__option", { "autocomplete__option--active": a, "autocomplete__option--selected": h }])
-                      }, b(D(t)), 3)
+                      d("li", {
+                        class: m(["autocomplete__option", { "autocomplete__option--active": a, "autocomplete__option--selected": V }])
+                      }, y(D(t)), 3)
                     ], !0)
                   ]),
                   _: 2
                 }, 1032, ["value", "disabled"]))), 128)),
-                l.options.length === 0 && y.value !== "" ? (r(), s("div", Q, " Keine Ergebnisse gefunden. ")) : f("", !0)
+                o.options.length === 0 && b.value !== "" ? (n(), u("div", W, " Keine Ergebnisse gefunden. ")) : p("", !0)
               ], 64))
             ]),
             _: 3
@@ -152,5 +159,5 @@ const j = { class: "autocomplete" }, G = { class: "autocomplete__wrapper" }, H =
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocab.vue.js

@@ -1,7 +1,7 @@
 import o from "./AutocompleteVocab.vue2.js";
 /* empty css                       */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-88c43365"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f30a37c8"]]);
 export {
-  r as default
+  p as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as W, mergeModels as F, computed as t, ref as P, toRef as X, useModel as Y, watch as R, createBlock as k, openBlock as B, unref as v, createSlots as Z, withCtx as M, createElementVNode as w, createTextVNode as ee, createCommentVNode as re, toDisplayString as oe, renderSlot as te } from "vue";
-import { PhSpinner as le } from "@phosphor-icons/vue";
-import { defineHubSearch as ae } from "@piveau/sdk-vue";
-import { useDebounce as b } from "@vueuse/core";
+import { defineComponent as W, mergeModels as B, computed as a, ref as F, toRef as X, useModel as Y, watch as P, createBlock as R, openBlock as k, unref as v, createSlots as Z, withCtx as I, createElementVNode as w, createTextVNode as ee, createCommentVNode as re, toDisplayString as oe, renderSlot as ae } from "vue";
+import { PhSpinner as te } from "@phosphor-icons/vue";
+import { defineHubSearch as le } from "@piveau/sdk-vue";
+import { useDebounce as p } from "@vueuse/core";
 import se from "zod";
 import ue from "./Autocomplete.vue.js";
-const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
+const ne = { class: "autocomplete-vocab__label" }, be = /* @__PURE__ */ W({
   __name: "AutocompleteVocab",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ B({
     by: { default: "" },
     baseUrl: { default: "https://twin.bydata.de/api/hub/search" },
     vocabulary: {},
@@ -20,27 +20,28 @@ const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
     isAutocompleteDisabled: { type: Boolean, default: !1 },
     postProcessFn: {},
     sort: { default: "title.de+asc,name.de+asc,pref_label.de+asc,pref_label.en+asc,alt_label.de+asc,alt_label.en+asc" },
-    authToken: { default: "" }
+    authToken: { default: "" },
+    searchIcon: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["select"], ["update:modelValue"]),
-  setup(p, { emit: A }) {
-    const r = p, D = A, u = t(() => !!r.vocabulary), m = t(() => r.by || u.value ? "vocabulary" : "resource"), I = t(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : m.value), T = t(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : m.value === "resource" ? `resources/${r.resource}` : "vocabularies"), U = t(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: $, useResource: E } = ae({
+  emits: /* @__PURE__ */ B(["select"], ["update:modelValue"]),
+  setup(b, { emit: M }) {
+    const r = b, A = M, u = a(() => !!r.vocabulary), m = a(() => r.by || u.value ? "vocabulary" : "resource"), D = a(() => r.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : m.value), T = a(() => r.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : m.value === "resource" ? `resources/${r.resource}` : "vocabularies"), U = a(() => !r.isAutocompleteDisabled && !!(r.resource || r.vocabulary)), { useSearch: $, useResource: E } = le({
       baseUrl: r.baseUrl,
-      index: I.value,
+      index: D.value,
       indexDetails: T.value,
       schema: se.any()
     }, (e) => {
       var d, V, _;
-      const o = (d = r.setupFn) == null ? void 0 : d.call(r, e), a = String((o == null ? void 0 : o.id) || (e == null ? void 0 : e.resource) || ""), n = String((o == null ? void 0 : o.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((_ = e == null ? void 0 : e.pref_label) == null ? void 0 : _.en) || "");
+      const o = (d = r.setupFn) == null ? void 0 : d.call(r, e), l = String((o == null ? void 0 : o.id) || (e == null ? void 0 : e.resource) || ""), n = String((o == null ? void 0 : o.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((_ = e == null ? void 0 : e.pref_label) == null ? void 0 : _.en) || "");
       return {
         ...o,
-        id: a,
+        id: l,
         name: n
       };
-    }), f = P(""), L = b(f, 300), z = t(() => r.vocabulary), C = t(() => ({
+    }), f = F(""), L = p(f, 300), z = a(() => r.vocabulary), C = a(() => ({
       ...r.authToken && { Authorization: `Bearer ${r.authToken}` }
     })), { getSearchResultsEnhanced: N, isFetching: O } = $({
       queryOptions: {
@@ -52,25 +53,25 @@ const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
         // ...vocabularyRef.value
         //   ? { vocabulary: vocabularyRef }
         //   : { resource: props.resource },
-        vocabulary: t(() => u.value ? z.value : ""),
+        vocabulary: a(() => u.value ? z.value : ""),
         // resource: computed(() => props.resource || ''),
         sort: X(r.sort)
       },
-      additionalParams: t(() => ({
+      additionalParams: a(() => ({
         resource: m.value === "resource" ? r.resource : ""
       })),
       headers: C
-    }), x = t(() => {
+    }), x = a(() => {
       let e = N.value || [];
       return r.postProcessFn && (e = r.postProcessFn(e)), e;
-    }), l = Y(p, "modelValue"), y = t(() => !(!l.value || typeof l.value == "string")), j = t(() => typeof l.value == "string");
+    }), t = Y(b, "modelValue"), y = a(() => !(!t.value || typeof t.value == "string")), j = a(() => typeof t.value == "string");
     function i(e) {
       return String(e ?? "").trim();
     }
-    const c = t(() => {
+    const c = a(() => {
       var e;
-      return typeof l.value == "string" ? i(l.value) : i((e = l.value) == null ? void 0 : e.id);
-    }), h = t(() => j.value && !!c.value), H = t(() => h.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), Q = t(() => u.value ? { resource: c.value } : {}), {
+      return typeof t.value == "string" ? i(t.value) : i((e = t.value) == null ? void 0 : e.id);
+    }), h = a(() => j.value && !!c.value), H = a(() => h.value ? u.value ? `${r.vocabulary}/vocable` : c.value : ""), Q = a(() => u.value ? { resource: c.value } : {}), {
       resultEnhanced: G,
       isSuccess: ie,
       isFetching: J
@@ -79,48 +80,49 @@ const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
       queryOptions: {
         enabled: h
       }
-    }), g = b(J, 350), K = b(O, 350), s = P(), S = t({
+    }), g = p(J, 350), K = p(O, 350), s = F(), S = a({
       get: () => {
-        var a, n;
+        var l, n;
         const e = c.value;
         if (!e)
           return { id: "", name: "" };
-        const o = typeof l.value == "object" && l.value !== null ? l.value.name : i((a = s.value) == null ? void 0 : a.id) === e ? ((n = s.value) == null ? void 0 : n.name) ?? "" : "";
+        const o = typeof t.value == "object" && t.value !== null ? t.value.name : i((l = s.value) == null ? void 0 : l.id) === e ? ((n = s.value) == null ? void 0 : n.name) ?? "" : "";
         return { id: e, name: o };
       },
       set: (e) => {
         if (!e) {
-          s.value = void 0, l.value = "";
+          s.value = void 0, t.value = "";
           return;
         }
         if (typeof e == "string") {
-          s.value = void 0, l.value = e.trim();
+          s.value = void 0, t.value = e.trim();
           return;
         }
-        s.value = e, l.value = i(e.id);
+        s.value = e, t.value = i(e.id);
       }
     });
-    return R(G, (e, o) => {
-      e && (o && o.id === e.id || (s.value = e, y.value && (l.value = e), y.value || (l.value = i(e.id))));
-    }, { immediate: !0 }), R(s, (e) => {
-      e && D("select", e);
-    }, { immediate: !0 }), (e, o) => (B(), k(ue, {
+    return P(G, (e, o) => {
+      e && (o && o.id === e.id || (s.value = e, y.value && (t.value = e), y.value || (t.value = i(e.id))));
+    }, { immediate: !0 }), P(s, (e) => {
+      e && A("select", e);
+    }, { immediate: !0 }), (e, o) => (k(), R(ue, {
       modelValue: S.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => S.value = a),
+      "onUpdate:modelValue": o[0] || (o[0] = (l) => S.value = l),
       query: f.value,
-      "onUpdate:query": o[1] || (o[1] = (a) => f.value = a),
+      "onUpdate:query": o[1] || (o[1] = (l) => f.value = l),
       options: x.value || [],
       label: e.label,
       "error-message": e.errorMessage,
       placeholder: e.placeholder,
       name: e.name,
       disabled: v(g) || r.disabled,
-      loading: v(K)
+      loading: v(K),
+      "search-icon": r.searchIcon
     }, Z({
-      label: M(() => [
+      label: I(() => [
         w("div", ne, [
           ee(oe(e.label) + " ", 1),
-          v(g) ? (B(), k(v(le), {
+          v(g) ? (k(), R(v(te), {
             key: 0,
             class: "animate-spin"
           })) : re("", !0)
@@ -130,9 +132,9 @@ const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
     }, [
       e.$slots.option ? {
         name: "option",
-        fn: M(({ option: a, active: n, selected: q, disabled: d }) => [
-          te(e.$slots, "option", {
-            option: a,
+        fn: I(({ option: l, active: n, selected: q, disabled: d }) => [
+          ae(e.$slots, "option", {
+            option: l,
             active: n,
             selected: q,
             disabled: d
@@ -140,9 +142,9 @@ const ne = { class: "autocomplete-vocab__label" }, pe = /* @__PURE__ */ W({
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled", "loading"]));
+    ]), 1032, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name", "disabled", "loading", "search-icon"]));
   }
 });
 export {
-  pe as default
+  be as default
 };

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

@@ -1,5 +1,5 @@
 import t from "./InputFieldFormKit.vue.js";
-const e = {
+const i = {
   type: "input",
   schema: [],
   component: t,
@@ -7,6 +7,7 @@ const e = {
     "inputType",
     "addOnText",
     "datePicker",
+    "date-picker",
     "infoIcon",
     "preIcon",
     "showEndIcon",
@@ -21,5 +22,5 @@ const e = {
   ]
 };
 export {
-  e as default
+  i as default
 };

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

@@ -485,7 +485,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : o("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-6d2518f0"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-3dd4351a"]]);
 export {
   Oe as default
 };

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

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