@piveau/dpi 0.1.0-beta.5 → 0.1.0-beta.50

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

@@ -1,24 +1,24 @@
-import { whenever as k } from "@vueuse/core";
-import { defineComponent as M, defineAsyncComponent as N, toRef as V, computed as i, toValue as q, provide as L, watchEffect as v, ref as u, nextTick as $ } from "vue";
-import { useRoute as P } from "vue-router";
-import { mapActions as D, mapGetters as _, useStore as B } from "vuex";
-import { useRuntimeEnv as O } from "../composables/useRuntimeEnv.js";
-import F from "./components/TheErrorDialog.vue.js";
-import { autocompleteKey as T, defaultAutocompleteAdapter as j } from "./composables/aucotomplete.js";
-import { setupDpiContext as z } from "./composables/useDpiContext.js";
-import { useDpiEditMode as J } from "./composables/useDpiEditMode.js";
-import { useFormValues as G } from "./composables/useDpiFormValues.js";
-import { useErrorDialog as K } from "./composables/useErrorDialog.js";
-import { config as H } from "./config/dpi-spec-config.js";
-import Q from "./HappyFlowComponents/ui/ButtonV3.vue.js";
-import U from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
-const ue = M({
+import { whenever as V } from "@vueuse/core";
+import { defineComponent as q, defineAsyncComponent as P, toRef as _, computed as i, toValue as B, provide as O, watchEffect as v, ref as u, nextTick as D } from "vue";
+import { useRoute as j } from "vue-router";
+import { mapActions as w, mapGetters as z, useStore as F } from "vuex";
+import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
+import J from "./components/TheErrorDialog.vue.js";
+import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
+import { setupDpiContext as H } from "./composables/useDpiContext.js";
+import { useDpiEditMode as Q } from "./composables/useDpiEditMode.js";
+import { useFormValues as U } from "./composables/useDpiFormValues.js";
+import { useErrorDialog as W } from "./composables/useErrorDialog.js";
+import { config as X } from "./config/dpi-spec-config.js";
+import Y from "./HappyFlowComponents/ui/ButtonV3.vue.js";
+import Z from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
+const fe = q({
   name: "DataProviderInterface",
   components: {
-    ButtonV3: Q,
-    InputPage: N(() => import("./views/InputPage.vue.js")),
-    DpiModalBase: U,
-    TheErrorDialog: F
+    ButtonV3: Y,
+    InputPage: P(() => import("./views/InputPage.vue.js")),
+    DpiModalBase: Z,
+    TheErrorDialog: J
   },
   props: {
     name: {
@@ -53,7 +53,7 @@ const ue = M({
     };
   },
   computed: {
-    ..._("auth", [
+    ...z("auth", [
       "getIsEditMode"
     ]),
     mode() {
@@ -61,10 +61,10 @@ const ue = M({
     }
   },
   methods: {
-    ...D("dpiStore", [
+    ...w("dpiStore", [
       "saveLocalstorageValues"
     ]),
-    ...D("auth", [
+    ...w("auth", [
       "populateDraftAndEdit"
     ]),
     getClearPath() {
@@ -88,10 +88,10 @@ const ue = M({
     window.removeEventListener("scroll", this.handleScroll);
   },
   setup(o) {
-    const e = P(), r = B(), c = O(), h = c.content.dataProviderInterface.specification, w = H[h], b = V(o, "dpiContext"), { formValues: g } = G(), { openErrorDialog: y } = K(), t = i(() => {
-      const a = q(b);
+    const e = j(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, S = X[h], b = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
+      const a = B(b);
       return {
-        specification: w,
+        specification: S,
         specificationName: h,
         edit: {
           enabled: e.query.edit === "true",
@@ -101,26 +101,26 @@ const ue = M({
         },
         ...a
       };
-    }), S = i(() => t.value.specification), E = i(() => t.value.specificationName);
-    z(t);
-    const A = j({
+    }), A = i(() => t.value.specification), E = i(() => t.value.specificationName);
+    H(t);
+    const C = K({
       envs: c,
       dpiContext: t
     });
-    L(T, o.autocomplete || A.adapter), v(() => {
-      r.dispatch("dpiStore/setSpecification", S.value), r.dispatch("dpiStore/setSpecificationname", E.value);
+    O(G, o.autocomplete || C.adapter), v(() => {
+      r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
     });
-    const C = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: I, parsingErrors: s, fetchError: n } = J(t), f = u(!1);
+    const I = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: x, isMaterialized: R, isLoading: L, jsonld: M } = Q(t), f = u(!1);
     v(async () => {
-      f.value || I.value && p.value && (await $(), await $(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
+      f.value || $.value && p.value && (await D(), await D(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
     });
-    const x = i(() => {
+    const k = i(() => {
       var a;
       return (a = t.value.edit) != null && a.enabled ? p.value && f.value : p.value;
-    }), d = u(!1), l = u(null), R = u(!0);
+    }), d = u(!1), l = u(null), N = u(!0);
     return v(() => {
       s.value && s.value.length > 0 ? (l.value = s.value[0], d.value = !0, y(new Error(s.value[0].message))) : (d.value = !1, l.value = null);
-    }), k(n, () => {
+    }), V(n, () => {
       var a;
       l.value = {
         code: "fetch_failed",
@@ -129,16 +129,21 @@ const ue = M({
     }, { immediate: !0 }), {
       result: m,
       resolvedDpiContext: t,
-      key: C,
-      isReady: x,
+      key: I,
+      isReady: k,
       formValues: g,
       showErrorModal: d,
       currentError: l,
-      isDevelopment: R,
-      fetchError: n
+      isDevelopment: N,
+      fetchError: n,
+      isSimpleLoaderReady: x,
+      isMaterialized: R,
+      isLoading: L,
+      jsonld: M,
+      inEditModeAndRptAvailable: $
     };
   }
 });
 export {
-  ue as default
+  fe as default
 };

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

@@ -327,7 +327,7 @@ function ge(ce, t, xe, Te, we, x) {
               iconStart: "MagnifyingGlass",
               variant: "secondary",
               class: "tooltipToggle",
-              "data-toggle": "tooltip",
+              "data-bs-toggle": "tooltip",
               title: "Look at me, I'm Mr Tooltip!"
             })
           ]),

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

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

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

@@ -14,6 +14,15 @@ const u = async (a) => {
     throw console.error("Error fetching Dataset categories:", e), e;
   }
 }, d = async (a) => {
+  try {
+    let e = `${a}vocabularies/iana-media-types`;
+    return (await c.get(e, {
+      headers: { Accept: "application/json" }
+    })).data.result;
+  } catch (e) {
+    throw console.error("Error fetching file types:", e), e;
+  }
+}, h = async (a) => {
   try {
     let e = `${a}vocabularies/file-type`;
     return (await c.get(e, {
@@ -30,106 +39,109 @@ const u = async (a) => {
     "municipality-key",
     "regional-key",
     "state-key"
-  ], t = [], l = [];
+  ], r = [], o = [];
   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(
+    let l = `${a}vocabularies/political-geocoding-level`;
+    const t = await c.get(l);
+    for (let s = 0; s < t.data.result.results.length; s++)
+      o.push(
         await c.get(
-          `${a}vocabularies/political-geocoding-` + e[o]
+          `${a}vocabularies/political-geocoding-` + e[s]
         )
-      ), t.push({
-        headers: e[o],
-        list: l[o].data.result.results
+      ), r.push({
+        headers: e[s],
+        list: o[s].data.result.results
       });
-    return t;
-  } catch (s) {
-    throw console.error("Error fetching Dataset categories:", s), s;
+    return r;
+  } catch (l) {
+    throw console.error("Error fetching Dataset categories:", l), l;
   }
-}, 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)
+}, p = async (a, e) => (await n(e)).map((l) => {
+  const t = l.list.filter(
+    (s) => s.alt_label && s.alt_label.de && s.alt_label.de.includes(a)
   );
-  return { ...s, list: r };
-}).filter((s) => s.list.length > 0), p = async (a, e, t) => {
-  let l = [];
+  return { ...l, list: t };
+}).filter((l) => l.list.length > 0), y = async (a, e, r) => {
+  let o = [];
   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;
+    let l = `${e}vocabularies/${r}`;
+    return o = (await c.get(l)).data.result.results, o;
+  } catch (l) {
+    throw console.error("Error fetching Dataset categories:", l), l;
   }
-}, y = async (a) => {
+}, f = 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
+    return (await c.get(e)).data.result.results.map((o) => ({
+      value: o.id,
+      label: o.pref_label.de,
+      uri: o.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
+    let r = `${a}vocabularies/language`, l = (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: `${t.pref_label[e] || t.pref_label.en || t.id} (${t.id})`,
+      uri: t.resource
     }));
-    return s.sort((r, o) => r.label.localeCompare(o.label, e)), s;
-  } catch (t) {
-    throw console.error("Error fetching languages:", t), t;
+    return l.sort((t, s) => t.label.localeCompare(s.label, e)), l;
+  } catch (r) {
+    throw console.error("Error fetching languages:", r), r;
   }
-}, f = async (a, e = "de") => {
+}, v = async (a, e = "de") => {
   try {
-    let t = `${a}vocabularies/licence`;
-    return (await c.get(t)).data.result.results.map((r) => {
-      var o;
+    let r = `${a}vocabularies/licence`;
+    return (await c.get(r)).data.result.results.map((t) => {
+      var s;
       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
+        value: t.id,
+        label: t.pref_label[e] || t.pref_label.en || t.id,
+        homepage: ((s = t.extensions) == null ? void 0 : s.foaf_homepage) || null,
+        uri: t.resource
       };
     });
-  } catch (t) {
-    throw console.error("Error fetching licenses:", t), t;
+  } catch (r) {
+    throw console.error("Error fetching licenses:", r), r;
   }
-}, v = async (a, e = "de") => {
+}, w = 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
+    let r = `${a}vocabularies/adms`;
+    return (await c.get(r)).data.result.results.filter(
+      (s) => s.in_scheme === "http://purl.org/adms/status/1.0" && s.resource !== "http://purl.org/adms/status/UnderDevelopment"
+    ).map((s) => ({
+      value: s.id,
+      label: s.pref_label[e] || s.pref_label.en || s.id,
+      resource: s.resource || null
     }));
-  } catch (t) {
-    throw console.error("Error fetching dataset status:", t), t;
+  } catch (r) {
+    throw console.error("Error fetching dataset status:", r), r;
   }
-}, w = async (a, e = "en") => {
+}, $ = 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
+    let r = `${a}vocabularies/spdx-checksum-algorithm`;
+    return (await c.get(r)).data.result.results.map((t) => ({
+      value: t.id,
+      label: t.pref_label[e] || t.pref_label.en || t.id,
+      resource: t.resource || null
     }));
-  } catch (t) {
-    throw console.error("Error fetching checksum algorithms:", t), t;
+  } catch (r) {
+    throw console.error("Error fetching checksum algorithms:", r), r;
   }
 };
 export {
-  h as filterGeocodingURIs,
-  w as getChecksumAlgorithms,
+  p as filterGeocodingURIs,
+  $ as getChecksumAlgorithms,
   g as getDatasetCategories,
-  v as getDatasetStatus,
+  w as getDatasetStatus,
   d as getFileTypes,
+  h as getFormatTypes,
   n as getGeocodingURIs,
   u as getHvdCategories,
   b as getLanguages,
-  f as getLicenses,
-  p as getOptionalURIs,
-  y as getPlannedAvailability
+  v as getLicenses,
+  y as getOptionalURIs,
+  f as getPlannedAvailability
 };

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

@@ -1,13 +1,13 @@
 /* empty css                                */
-import { PhCaretUp as c, PhCaretDown as a } from "@phosphor-icons/vue";
-import { resolveComponent as u, createElementBlock as f, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
+import { PhCaretUp as c, PhCaretDown as f } from "@phosphor-icons/vue";
+import { resolveComponent as u, createElementBlock as a, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
 /* empty css                       */
 import w from "../../../_virtual/_plugin-vue_export-helper.js";
 const x = {
   name: "CloseOpenButtonV3",
   emits: ["click"],
   components: {
-    PhCaretDown: a,
+    PhCaretDown: f,
     PhCaretUp: c
   },
   data() {
@@ -31,9 +31,10 @@ const x = {
     }
   }
 };
-function B(i, e, l, F, o, n) {
-  const d = u("PhCaretDown"), v = u("PhCaretUp");
-  return s(), f("button", {
+function y(i, e, l, B, o, n) {
+  const v = u("PhCaretDown"), d = u("PhCaretUp");
+  return s(), a("button", {
+    type: "button",
     tabindex: "0",
     onMousedown: e[0] || (e[0] = (...t) => n.removeFocus && n.removeFocus(...t)),
     class: C(["dpiV3_open-close-button", [{ dpiV3_activeState: o.isActive }]]),
@@ -49,19 +50,19 @@ function B(i, e, l, F, o, n) {
       e[7] || (e[7] = r((t) => o.isActive = !1, ["space"]))
     ]
   }, [
-    l.expanded ? m("", !0) : (s(), p(d, {
+    l.expanded ? m("", !0) : (s(), p(v, {
       key: 0,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })),
-    l.expanded ? (s(), p(v, {
+    l.expanded ? (s(), p(d, {
       key: 1,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })) : m("", !0)
   ], 34);
 }
-const b = /* @__PURE__ */ w(x, [["render", B], ["__scopeId", "data-v-d10a315d"]]);
+const V = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-fb00123e"]]);
 export {
-  b as default
+  V as default
 };