@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.31

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.31",
   "private": false,
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "*.scss"
   ],
   "exports": {
     ".": {
@@ -37,22 +38,26 @@
   },
   "dependencies": {
     "@rdfjs/dataset": "2.0.2",
+    "@vee-validate/zod": "^4.15.1",
     "@vue/shared": "^3.5.18"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.19.0",
     "@fontsource-variable/inter": "^5.2.6",
     "@fontsource/inter": "^5.2.6",
+    "@fontsource/roboto": "^5.2.6",
     "@formkit/core": "^1.6.9",
+    "@formkit/rules": "^1.6.9",
     "@formkit/themes": "^1.6.9",
     "@formkit/utils": "^1.6.9",
     "@formkit/validation": "^1.6.9",
     "@formkit/vue": "^1.6.9",
     "@headlessui/vue": "^1.7.23",
-    "@histoire/plugin-vue": "1.0.0-alpha.2",
+    "@histoire/plugin-vue": "1.0.0-alpha.4",
     "@phosphor-icons/vue": "^2.2.1",
-    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.10.tgz",
-    "@piveau/sdk-vue": "1.0.0-beta.1",
+    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.21.tgz",
+    "@piveau/sdk-core": "0.0.0-beta.6",
+    "@piveau/sdk-vue": "1.0.0-beta.13",
     "@popperjs/core": "^2.11.8",
     "@types/jsonld": "^1.5.15",
     "@types/node": "^24.1.0",
@@ -61,10 +66,11 @@
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^10.11.1",
     "axios": "^1.11.0",
-    "bootstrap": "^4.6.2",
+    "bootstrap": "^5.3.8",
     "dayjs": "^1.11.13",
+    "effect": "^3.17.14",
     "eslint": "^9.31.0",
-    "histoire": "1.0.0-alpha.2",
+    "histoire": "1.0.0-alpha.4",
     "jiti": "^2.5.1",
     "jquery": "^3.7.1",
     "jsonld": "^8.3.3",
@@ -73,10 +79,12 @@
     "qs": "^6.14.0",
     "sass": "^1.89.2",
     "typescript": "~5.8.3",
-    "vee-validate": "^4.15.1",
+    "vee-validate": "4.15.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-static-copy": "^3.1.3",
+    "vitest": "^3.2.4",
     "vue": "^3.5.13",
     "vue-i18n": "^11.1.11",
     "vue-router": "^4.5.1",
@@ -102,6 +110,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "story:dev": "histoire dev",
     "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "story:preview": "histoire preview",
+    "test": "vitest"
   }
 }

package/dist/data-provider-interface/DataProviderInterface.vue.js

@@ -1,43 +0,0 @@
-import p from "./DataProviderInterface.vue2.js";
-import { resolveComponent as s, createElementBlock as n, openBlock as t, Fragment as a, createElementVNode as o, createBlock as c, createVNode as d } from "vue";
-/* empty css                           */
-import f from "../_virtual/_plugin-vue_export-helper.js";
-const m = {
-  key: 1,
-  class: "d-flex justify-content-center align-items-center",
-  style: { height: "100dvh", width: "100%" }
-};
-function g(r, e, u, y, h, k) {
-  const i = s("TheErrorDialog"), l = s("router-view");
-  return t(), n(a, null, [
-    e[0] || (e[0] = o("link", {
-      rel: "preconnect",
-      href: "https://fonts.googleapis.com"
-    }, null, -1)),
-    e[1] || (e[1] = o("link", {
-      rel: "preconnect",
-      href: "https://fonts.gstatic.com",
-      crossorigin: ""
-    }, null, -1)),
-    e[2] || (e[2] = o("link", {
-      href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
-      rel: "stylesheet"
-    }, null, -1)),
-    (t(), n("div", {
-      key: r.property,
-      class: "dpi dpiV3_dpi"
-    }, [
-      o("div", null, [
-        d(i)
-      ]),
-      r.isReady ? (t(), c(l, {
-        ref: "view",
-        key: r.key
-      })) : (t(), n("div", m))
-    ]))
-  ], 64);
-}
-const $ = /* @__PURE__ */ f(p, [["render", g]]);
-export {
-  $ as default
-};

package/dist/data-provider-interface/HappyFlowComponents/AboutProject.vue.js

@@ -1,99 +0,0 @@
-import { createElementBlock as a, openBlock as e, createElementVNode as t, toDisplayString as s, Fragment as p, renderList as n, createCommentVNode as u, createBlock as h, unref as d, withCtx as y, createVNode as i } from "vue";
-import { RouterLink as m } from "vue-router";
-import F from "./img/DataProcessingSteps.svg.js";
-import _ from "./ui/ButtonV3.vue.js";
-/* empty css                  */
-import f from "../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "about-project" }, v = { class: "about-project-header" }, P = { class: "about-project-title" }, k = { class: "copy-small-regular about-project-description" }, w = { class: "about-project-steps" }, x = { class: "about-project-step-header" }, S = { class: "circle" }, D = { class: "about-project-step" }, I = { class: "copy-small-regular" }, $ = ["src"], B = {
-  key: 0,
-  class: "about-project-step-buttons"
-}, C = { class: "new-project" }, N = {
-  __name: "AboutProject",
-  setup(R) {
-    const j = [
-      {
-        text: "projectFacility.projectDocumentationProcessStepsResources",
-        image: F,
-        buttons: null
-      },
-      {
-        text: "projectFacility.searchProjectResourcesStep3",
-        image: null,
-        buttons: [
-          { title: "projectFacility.searchSoftware", type: "secondary", url: "/" },
-          { title: "projectFacility.searchRecords", type: "secondary", url: "/" },
-          { title: "projectFacility.findHardware", type: "secondary", url: "/" }
-        ]
-      },
-      {
-        text: "projectFacility.requestInclusionOrCreateDataset",
-        image: null,
-        buttons: [
-          { title: "projectFacility.applyForSoftware", type: "primary", url: "/" },
-          { title: "projectFacility.createDatasets", type: "primary", url: "/" },
-          { title: "projectFacility.applyForHardware", type: "primary", url: "/" }
-        ]
-      },
-      {
-        text: "projectFacility.startCreatingProject",
-        image: null,
-        buttons: null
-      }
-    ];
-    return (r, V) => (e(), a("div", g, [
-      t("div", v, [
-        t("h4", P, s(r.$t("projectFacility.projectFacilityTitle")), 1),
-        t("p", k, s(r.$t("projectFacility.projectFacilitySubtitle")), 1)
-      ]),
-      t("div", w, [
-        (e(), a(p, null, n(j, (o, l) => t("div", {
-          key: l,
-          class: "about-project-step-heading"
-        }, [
-          t("div", x, [
-            t("div", S, [
-              t("span", null, s(l + 1), 1)
-            ]),
-            t("div", D, [
-              t("p", I, s(r.$t(o.text)), 1),
-              o.image ? (e(), a("img", {
-                key: 0,
-                src: o.image,
-                alt: ""
-              }, null, 8, $)) : u("", !0)
-            ])
-          ]),
-          o.buttons ? (e(), a("div", B, [
-            (e(!0), a(p, null, n(o.buttons, (c, b) => (e(), h(d(m), {
-              key: b,
-              to: c.url
-            }, {
-              default: y(() => [
-                i(_, {
-                  "button-text": r.$t(c.title),
-                  variant: c.type,
-                  size: "small"
-                }, null, 8, ["button-text", "variant"])
-              ]),
-              _: 2
-            }, 1032, ["to"]))), 128))
-          ])) : u("", !0)
-        ])), 64))
-      ]),
-      t("div", C, [
-        i(d(m), { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-          default: y(() => [
-            i(_, {
-              size: "large",
-              "button-text": r.$t("projectFacility.createNewProject")
-            }, null, 8, ["button-text"])
-          ]),
-          _: 1
-        })
-      ])
-    ]));
-  }
-}, O = /* @__PURE__ */ f(N, [["__scopeId", "data-v-43947799"]]);
-export {
-  O as default
-};

package/dist/data-provider-interface/HappyFlowComponents/DPIHome.vue.js

@@ -1,50 +0,0 @@
-import { ref as u, createElementBlock as d, openBlock as i, Fragment as g, createElementVNode as t, createBlock as l, createCommentVNode as a, toDisplayString as s, normalizeClass as p } from "vue";
-import f from "./HomeTable.vue.js";
-import h from "./AboutProject.vue.js";
-/* empty css             */
-import k from "../../_virtual/_plugin-vue_export-helper.js";
-const v = { class: "dpi_home" }, b = { class: "copy-small-regular dpi_home-subtitle" }, j = { class: "header_sections" }, y = {
-  __name: "DPIHome",
-  setup(I) {
-    const m = {
-      dpi: "Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen.",
-      project: 'Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen. Bevor Sie Ihr erstes Projekt anlegen, empfehlen wir Ihnen, die Hinweise unter "Über die Projektanlage" sorgfältig zu lesen. Ihre bereits angelegten Projekte und Datensätze finden Sie unter "DPI Home".'
-    }, n = u("project"), r = (o) => {
-      n.value = o;
-    };
-    return (o, e) => (i(), d(g, null, [
-      e[3] || (e[3] = t("link", {
-        rel: "preconnect",
-        href: "https://fonts.googleapis.com"
-      }, null, -1)),
-      e[4] || (e[4] = t("link", {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossorigin: ""
-      }, null, -1)),
-      e[5] || (e[5] = t("link", {
-        href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
-        rel: "stylesheet"
-      }, null, -1)),
-      t("div", v, [
-        e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, "Willkommen", -1)),
-        t("p", b, s(m[n.value]), 1),
-        t("div", j, [
-          t("button", {
-            class: p({ active: n.value === "project" }),
-            onClick: e[0] || (e[0] = (c) => r("project"))
-          }, s(o.$t("projectFacility.projectFacility")), 3),
-          t("button", {
-            class: p({ active: n.value === "dpi" }),
-            onClick: e[1] || (e[1] = (c) => r("dpi"))
-          }, s(o.$t("projectFacility.dpiHome")), 3)
-        ]),
-        n.value === "project" ? (i(), l(h, { key: 0 })) : a("", !0),
-        n.value === "dpi" ? (i(), l(f, { key: 1 })) : a("", !0)
-      ])
-    ], 64));
-  }
-}, H = /* @__PURE__ */ k(y, [["__scopeId", "data-v-9b2c544e"]]);
-export {
-  H as default
-};

package/dist/data-provider-interface/HappyFlowComponents/HomeTable.vue.js

@@ -1,109 +0,0 @@
-import { ref as v, computed as n, watch as _, createElementBlock as r, openBlock as a, createElementVNode as o, createCommentVNode as B, unref as u, createTextVNode as h, createVNode as D, withCtx as L, createStaticVNode as N, Fragment as b, renderList as V, createBlock as k } from "vue";
-import { useAsyncState as U, useDebounce as z } from "@vueuse/core";
-import C from "axios";
-import "jquery";
-import { useRouter as E } from "vue-router";
-import { useStore as W } from "vuex";
-import { useRuntimeEnv as R } from "../../composables/useRuntimeEnv.js";
-import A from "../../widgets/AppLink.vue.js";
-import $ from "./ui/ButtonV3.vue.js";
-import y from "./ui/TableRowV3.vue.js";
-/* empty css               */
-import q from "../../_virtual/_plugin-vue_export-helper.js";
-const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHeadWrap" }, M = {
-  key: 0,
-  class: "copy-large-semi-bold"
-}, j = { class: "interactionButtonsDPIHome" }, G = { class: "dpiV3_table" }, J = {
-  key: 0,
-  class: "loading-screen"
-}, O = {
-  key: 1,
-  class: "dpiV3_innerTable"
-}, Q = {
-  __name: "HomeTable",
-  setup(X) {
-    const x = R(), i = W();
-    E(), localStorage.getItem("dpi_duplicate"), v("");
-    let l = n(() => i.getters["auth/getUserCatalogIds"]);
-    v({
-      loading: !1,
-      message: "",
-      confirm: () => null
-    });
-    const m = n(() => i.getters["auth/getUserDrafts"]), I = n(() => i.getters["auth/getUserData"]);
-    n(() => I.value.rtpToken);
-    const S = (s) => i.dispatch("snackbar/showSnackbar", s);
-    async function w(s) {
-      const t = s.map((d) => C.get(`${x.api.baseUrl}search?facets={%22catalog%22:[%22${d}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
-      return (await Promise.all(t)).flatMap((d) => d.data.result.results);
-    }
-    const {
-      state: p,
-      execute: H,
-      isLoading: P,
-      error: c
-    } = U(async () => w(l.value), [], { immediate: !1 });
-    _(l, () => {
-      var s;
-      ((s = l.value) == null ? void 0 : s.length) > 0 && H();
-    }, { immediate: !0 }), _(c, () => {
-      console.error(c), S({
-        message: c.message,
-        color: "error"
-      });
-    });
-    const T = z(P, 500);
-    return (s, t) => (a(), r("div", F, [
-      o("div", K, [
-        t[1] || (t[1] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
-        u(p).length === 0 && m.value.length === 0 ? (a(), r("p", M, t[0] || (t[0] = [
-          h(" Willkommen im Data Provider Interface ✨ ", -1),
-          o("br", null, null, -1),
-          h("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
-        ]))) : B("", !0),
-        o("div", j, [
-          D(A, { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: L(() => [
-              D($, {
-                "button-text": "Neuen Datensatz erstellen",
-                size: "large"
-              })
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      o("div", G, [
-        u(T) ? (a(), r("div", J, t[2] || (t[2] = [
-          o("p", null, "Lädt Daten...", -1)
-        ]))) : (a(), r("div", O, [
-          t[3] || (t[3] = N('<div class="dpiV3_tableHeadWrap" data-v-e3ec9dd2><div class="dpiV3_thWrap" data-v-e3ec9dd2><div scope="col" data-v-e3ec9dd2><span data-v-e3ec9dd2>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-e3ec9dd2><span data-v-e3ec9dd2>Status</span></div></div><div class="dpiV3_blankCell" data-v-e3ec9dd2></div></div>', 1)),
-          o("div", null, [
-            (a(!0), r(b, null, V(m.value, (e) => (a(), k(y, {
-              id: e.id,
-              key: e.id,
-              "data-cy": e,
-              catalogue: e.catalog,
-              text: e.title.de || e.title.en,
-              date: e.modified ? new Date(e.modified).toDateString() : "-",
-              draft: "true",
-              dataset: e
-            }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
-            (a(!0), r(b, null, V(u(p), (e, d) => {
-              var g, f;
-              return a(), k(y, {
-                key: e.id,
-                text: ((g = e.title) == null ? void 0 : g.de) || ((f = e.title) == null ? void 0 : f.en) || "Kein Titel in englisch oder deutsch vohanden",
-                date: e.modified ? new Date(e.modified).toDateString() : "-",
-                dataset: e
-              }, null, 8, ["text", "date", "dataset"]);
-            }), 128))
-          ])
-        ]))
-      ])
-    ]));
-  }
-}, ce = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-e3ec9dd2"]]);
-export {
-  ce as default
-};

package/dist/data-provider-interface/HappyFlowComponents/services/dpiV3_apis.js

@@ -1,135 +0,0 @@
-import c from "axios";
-const u = async (a) => {
-  try {
-    let e = `${a}vocabularies/hvd-category`;
-    return (await c.get(e)).data.result.results;
-  } catch (e) {
-    throw console.error("Error fetching HVD categories:", e), e;
-  }
-}, g = async (a) => {
-  try {
-    let e = `${a}vocabularies/data-theme`;
-    return (await c.get(e)).data.result.results;
-  } catch (e) {
-    throw console.error("Error fetching Dataset categories:", e), e;
-  }
-}, d = async (a) => {
-  try {
-    let e = `${a}vocabularies/file-type`;
-    return (await c.get(e, {
-      headers: { Accept: "application/json" }
-    })).data.result;
-  } catch (e) {
-    throw console.error("Error fetching file types:", e), e;
-  }
-}, n = async (a) => {
-  let e = [
-    "district-key",
-    "government-district-key",
-    "municipal-association-key",
-    "municipality-key",
-    "regional-key",
-    "state-key"
-  ], t = [], l = [];
-  try {
-    let s = `${a}vocabularies/political-geocoding-level`;
-    const r = await c.get(s);
-    for (let o = 0; o < r.data.result.results.length; o++)
-      l.push(
-        await c.get(
-          `${a}vocabularies/political-geocoding-` + e[o]
-        )
-      ), t.push({
-        headers: e[o],
-        list: l[o].data.result.results
-      });
-    return t;
-  } catch (s) {
-    throw console.error("Error fetching Dataset categories:", s), s;
-  }
-}, h = async (a, e) => (await n(e)).map((s) => {
-  const r = s.list.filter(
-    (o) => o.alt_label && o.alt_label.de && o.alt_label.de.includes(a)
-  );
-  return { ...s, list: r };
-}).filter((s) => s.list.length > 0), p = async (a, e, t) => {
-  let l = [];
-  try {
-    let s = `${e}vocabularies/${t}`;
-    return l = (await c.get(s)).data.result.results, l;
-  } catch (s) {
-    throw console.error("Error fetching Dataset categories:", s), s;
-  }
-}, y = async (a) => {
-  try {
-    let e = `${a}vocabularies/planned-availability`;
-    return (await c.get(e)).data.result.results.map((l) => ({
-      value: l.id,
-      label: l.pref_label.de,
-      uri: l.resource
-    }));
-  } catch (e) {
-    throw console.error("Error fetching planned availability:", e), e;
-  }
-}, b = async (a, e = "de") => {
-  try {
-    let t = `${a}vocabularies/language`, s = (await c.get(t)).data.result.results.map((r) => ({
-      value: r.id,
-      label: `${r.pref_label[e] || r.pref_label.en || r.id} (${r.id})`,
-      uri: r.resource
-    }));
-    return s.sort((r, o) => r.label.localeCompare(o.label, e)), s;
-  } catch (t) {
-    throw console.error("Error fetching languages:", t), t;
-  }
-}, f = async (a, e = "de") => {
-  try {
-    let t = `${a}vocabularies/licence`;
-    return (await c.get(t)).data.result.results.map((r) => {
-      var o;
-      return {
-        value: r.id,
-        label: r.pref_label[e] || r.pref_label.en || r.id,
-        homepage: ((o = r.extensions) == null ? void 0 : o.foaf_homepage) || null,
-        uri: r.resource
-      };
-    });
-  } catch (t) {
-    throw console.error("Error fetching licenses:", t), t;
-  }
-}, v = async (a, e = "de") => {
-  try {
-    let t = `${a}vocabularies/dataset-status`;
-    return (await c.get(t)).data.result.results.map((r) => ({
-      value: r.id,
-      label: r.pref_label[e] || r.pref_label.en || r.id,
-      resource: r.resource || null
-    }));
-  } catch (t) {
-    throw console.error("Error fetching dataset status:", t), t;
-  }
-}, w = async (a, e = "en") => {
-  try {
-    let t = `${a}vocabularies/spdx-checksum-algorithm`;
-    return (await c.get(t)).data.result.results.map((r) => ({
-      value: r.id,
-      label: r.pref_label[e] || r.pref_label.en || r.id,
-      resource: r.resource || null
-    }));
-  } catch (t) {
-    throw console.error("Error fetching checksum algorithms:", t), t;
-  }
-};
-export {
-  h as filterGeocodingURIs,
-  w as getChecksumAlgorithms,
-  g as getDatasetCategories,
-  v as getDatasetStatus,
-  d as getFileTypes,
-  n as getGeocodingURIs,
-  u as getHvdCategories,
-  b as getLanguages,
-  f as getLicenses,
-  p as getOptionalURIs,
-  y as getPlannedAvailability
-};

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

@@ -1,7 +0,0 @@
-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-f4c42d09"]]);
-export {
-  c as default
-};

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

@@ -1,122 +0,0 @@
-import { defineComponent as V, mergeModels as h, useModel as g, computed as w, createElementBlock as d, openBlock as u, createVNode as i, unref as r, withCtx as n, createElementVNode as t, createBlock as C, createCommentVNode as p, renderSlot as x, createTextVNode as M, toDisplayString as _, normalizeClass as b, Fragment as q, renderList as B } from "vue";
-import { Combobox as N, ComboboxLabel as E, ComboboxButton as z, ComboboxInput as I, ComboboxOptions as L, ComboboxOption as O } from "@headlessui/vue";
-const S = { class: "autocomplete" }, j = { class: "autocomplete__wrapper" }, A = {
-  key: 0,
-  class: "autocomplete__no-results"
-}, P = /* @__PURE__ */ V({
-  __name: "Autocomplete",
-  props: /* @__PURE__ */ h({
-    options: {},
-    label: { default: "" },
-    errorMessage: { default: "" },
-    placeholder: { default: "" },
-    name: { default: "" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    query: { default: "" },
-    queryModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:query"],
-  setup(m) {
-    const o = m, c = g(m, "modelValue"), v = g(m, "query"), f = w(() => !!o.errorMessage);
-    function k(a) {
-      a.open && a.event.stopPropagation();
-    }
-    return (a, s) => (u(), d("div", S, [
-      i(r(N), {
-        modelValue: c.value,
-        "onUpdate:modelValue": s[1] || (s[1] = (e) => c.value = e),
-        name: o.name,
-        by: "id",
-        nullable: ""
-      }, {
-        default: n(() => [
-          t("div", j, [
-            o.label ? (u(), C(r(E), {
-              key: 0,
-              class: "autocomplete__label"
-            }, {
-              default: n(() => [
-                x(a.$slots, "label", {
-                  label: o.label,
-                  selected: c.value
-                }, () => [
-                  M(_(o.label), 1)
-                ], !0)
-              ]),
-              _: 3
-            })) : p("", !0),
-            t("div", {
-              class: b(["autocomplete__input-container", { "autocomplete__input-container--error": f.value }])
-            }, [
-              i(r(z), {
-                as: "div",
-                class: "autocomplete__input-wrapper"
-              }, {
-                default: n(({ open: e }) => [
-                  i(r(I), {
-                    class: "autocomplete__input",
-                    "display-value": (l) => (l == null ? void 0 : l.name) || "",
-                    placeholder: o.placeholder,
-                    onChange: s[0] || (s[0] = (l) => v.value = l.target.value),
-                    onClick: (l) => k({ event: l, open: e })
-                  }, null, 8, ["display-value", "placeholder", "onClick"]),
-                  s[2] || (s[2] = t("div", { class: "autocomplete__button" }, [
-                    t("div", { class: "autocomplete__input-icon" }, [
-                      t("svg", {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        fill: "none",
-                        viewBox: "0 0 24 24",
-                        "stroke-width": "1.5",
-                        stroke: "currentColor",
-                        class: "size-4"
-                      }, [
-                        t("path", {
-                          "stroke-linecap": "round",
-                          "stroke-linejoin": "round",
-                          d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-                        })
-                      ])
-                    ])
-                  ], -1))
-                ]),
-                _: 1
-              })
-            ], 2),
-            a.errorMessage ? (u(), d("div", {
-              key: 1,
-              class: b(["autocomplete__message", { "autocomplete__message--error": f.value }])
-            }, _(a.errorMessage), 3)) : p("", !0)
-          ]),
-          i(r(L), {
-            class: "autocomplete__options",
-            as: "ul"
-          }, {
-            default: n(() => [
-              (u(!0), d(q, null, B(o.options, (e) => (u(), C(r(O), {
-                key: e.id,
-                as: "template",
-                value: e,
-                disabled: e.unavailable
-              }, {
-                default: n(({ active: l, selected: y }) => [
-                  t("li", {
-                    class: b(["autocomplete__option", { "autocomplete__option--active": l, "autocomplete__option--selected": y }])
-                  }, _(e.name || e.id), 3)
-                ]),
-                _: 2
-              }, 1032, ["value", "disabled"]))), 128)),
-              o.options.length === 0 && v.value !== "" ? (u(), d("div", A, " No results found. ")) : p("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["modelValue", "name"])
-    ]));
-  }
-});
-export {
-  P as default
-};